{"data":{"allComponentMetadata":{"nodes":[{"id":"f39a5cbc-238b-50b8-b2b1-fb8f3b267a47","name":"BaseStyles","props":[{"description":"","defaultValue":"","name":"whiteSpace","required":false,"type":"\"pre\" | \"normal\" | \"nowrap\" | \"pre-wrap\" | \"pre-line\""}]},{"id":"12da7586-6da1-5073-907b-ba43967b7c32","name":"Caret","props":[{"description":"","defaultValue":"","name":"bg","required":false,"type":"string"},{"description":"","defaultValue":"","name":"borderColor","required":false,"type":"string"},{"description":"","defaultValue":"","name":"borderWidth","required":false,"type":"string | number"},{"description":"","defaultValue":"","name":"size","required":false,"type":"number"},{"description":"","defaultValue":"","name":"location","required":false,"type":"Location"},{"description":"","defaultValue":"","name":"theme","required":false,"type":"Theme"}]},{"id":"327bb29a-83fc-5c86-a6e5-347865fba511","name":"Placeholder","props":[]},{"id":"ca44530a-4199-55fd-901d-22c1c4ccea14","name":"SideNav","props":[{"description":"","defaultValue":"","name":"className","required":false,"type":"string"},{"description":"","defaultValue":"","name":"aria-label","required":false,"type":"string"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"normal\" | \"lightweight\""},{"description":"","defaultValue":"","name":"bordered","required":false,"type":"boolean"}]},{"id":"603b86af-e360-5769-b6b6-330c209dc6f4","name":"Tooltip","props":[{"description":"","defaultValue":"n","name":"direction","required":false,"type":"\"s\" | \"n\" | \"ne\" | \"e\" | \"se\" | \"sw\" | \"w\" | \"nw\""},{"description":"","defaultValue":"","name":"text","required":false,"type":"string"},{"description":"","defaultValue":"","name":"noDelay","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"align","required":false,"type":"\"left\" | \"right\""},{"description":"","defaultValue":"","name":"wrap","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"723c4d6e-1105-5c37-b7bc-06214a65ed9a","name":"TextInputInnerAction","props":[]},{"id":"284405a0-bbce-5c0f-87e6-be1de2a1b4bb","name":"ItemPlayground","props":[]},{"id":"51961022-a943-584c-bd3d-f3c6b6e9d612","name":"LinkItemPlayground","props":[]},{"id":"ad663674-9ba8-59b4-a845-8b2fdcd6dac1","name":"Divider","props":[]},{"id":"43245a8b-c0c9-56c5-848f-0d5858474479","name":"LinkItem","props":[{"description":"","defaultValue":"","name":"as","required":true,"type":"\"symbol\" | \"object\" | \"button\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"canvas\" | ... 159 more ... | FunctionComponent<...>"}]},{"id":"3377d29f-7070-5077-b3a2-3f2fada6bcdb","name":"AnchoredOverlay","props":[]},{"id":"e3ef74ee-0a20-55b4-871f-41e9f5802702","name":"AutocompleteMenu","props":[{"description":"The options for field values that are displayed in the dropdown menu.\nOne or more may be selected depending on the value of the `selectionVariant` prop.","defaultValue":"","name":"items","required":true,"type":"T[]"},{"description":"The IDs of the selected items","defaultValue":"","name":"selectedItemIds","required":true,"type":"(string | number)[]"},{"description":"","defaultValue":"","name":"aria-labelledby","required":true,"type":"React.AriaAttributes"},{"description":"A menu item that is used to allow users make a selection that is not available in the array passed to the `items` prop.\nThis menu item gets appended to the end of the list of options.","defaultValue":"","name":"addNewItem","required":false,"type":"Omit<T, \"id\" | \"leadingVisual\" | \"onAction\"> & { handleAddItem: (item: Omit<T, \"leadingVisual\" | \"onAction\">) => void; }"},{"description":"The text that appears in the menu when there are no options in the array passed to the `items` prop.","defaultValue":"","name":"emptyStateText","required":false,"type":"any"},{"description":"A custom function used to filter the options in the array passed to the `items` prop.\nBy default, we filter out items that don't match the value of the autocomplete text input. The default filter is not case-sensitive.","defaultValue":"","name":"filterFn","required":false,"type":"(item: T, i: number) => boolean"},{"description":"Whether the data is loaded for the menu items","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"description":"The sort function that is applied to the options in the array passed to the `items` prop after the user closes the menu.\nBy default, selected items are sorted to the top after the user closes the menu.","defaultValue":"","name":"sortOnCloseFn","required":false,"type":"(itemIdA: string | number, itemIdB: string | number) => number"},{"description":"Whether there can be one item selected from the menu or multiple items selected from the menu","defaultValue":"","name":"selectionVariant","required":false,"type":"\"multiple\" | \"single\""},{"description":"Function that gets called when the menu is opened or closed","defaultValue":"","name":"onOpenChange","required":false,"type":"(open: boolean) => void"},{"description":"The function that is called when an item in the list is selected or deselected","defaultValue":"","name":"onSelectedChange","required":false,"type":"OnSelectedChange<T>"},{"description":"If the menu is rendered in a scrolling element other than the `Autocomplete.Overlay` component,\npass the ref of that element to `customScrollContainerRef` to ensure the container automatically\nscrolls when the user highlights an item in the menu that is outside the scroll container","defaultValue":"","name":"customScrollContainerRef","required":false,"type":"React.MutableRefObject<HTMLElement>"}]},{"id":"5fc530c6-bd02-55ac-ba7c-0dffbed62de5","name":"AutocompleteOverlay","props":[{"description":"The ref of the element that the position of the menu is based on. By default, the menu is positioned based on the text input","defaultValue":"","name":"menuAnchorRef","required":false,"type":"React.RefObject<HTMLElement>"},{"description":"Props to be spread on the internal `Overlay` component.","defaultValue":"","name":"overlayProps","required":false,"type":"Partial<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"ref\"> & { ...; }, \"as\" | ... 5 more ... | keyof BaseOverlayProps> & Omit<...> & BaseOverlayProps & { ...; }>"},{"description":"","defaultValue":"","name":"width","required":false,"type":"\"small\" | \"auto\" | \"medium\" | \"large\" | \"xlarge\" | \"xxlarge\""},{"description":"","defaultValue":"","name":"height","required":false,"type":"\"small\" | \"auto\" | \"medium\" | \"large\" | \"xlarge\" | \"xsmall\" | \"initial\""},{"description":"","defaultValue":"","name":"maxHeight","required":false,"type":"\"small\" | \"medium\" | \"large\" | \"xlarge\" | \"xsmall\""},{"description":"","defaultValue":"","name":"anchorSide","required":false,"type":"AnchorSide"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"ignoreClickRefs","required":false,"type":"React.RefObject<HTMLElement>[]"},{"description":"","defaultValue":"","name":"initialFocusRef","required":false,"type":"React.RefObject<HTMLElement>"},{"description":"","defaultValue":"","name":"returnFocusRef","required":false,"type":"React.RefObject<HTMLElement>"},{"description":"","defaultValue":"","name":"onClickOutside","required":false,"type":"(e: TouchOrMouseEvent) => void"},{"description":"","defaultValue":"","name":"onEscape","required":false,"type":"(e: KeyboardEvent) => void"},{"description":"","defaultValue":"","name":"visibility","required":false,"type":"\"hidden\" | \"visible\""},{"description":"","defaultValue":"","name":"data-test-id","required":false,"type":"unknown"},{"description":"","defaultValue":"","name":"position","required":false,"type":"React.CSSProperties"},{"description":"","defaultValue":"","name":"top","required":false,"type":"React.CSSProperties"},{"description":"","defaultValue":"","name":"left","required":false,"type":"React.CSSProperties"},{"description":"","defaultValue":"","name":"right","required":false,"type":"React.CSSProperties"},{"description":"","defaultValue":"","name":"bottom","required":false,"type":"React.CSSProperties"},{"description":"","defaultValue":"","name":"portalContainerName","required":false,"type":"string"},{"description":"","defaultValue":"","name":"preventFocusOnOpen","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"role","required":false,"type":"AriaRole"},{"description":"","defaultValue":"","name":"as","required":false,"type":"\"div\""}]},{"id":"b1aff035-01b3-5475-8a2d-197f0d27b57b","name":"AvatarPair","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"5920674e-ee02-5014-9c6f-35e5b053af17","name":"AvatarStack","props":[{"description":"","defaultValue":"","name":"alignRight","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"7ccddeae-9b06-5de3-a60b-5431d306e9b3","name":"Blankslate","props":[]},{"id":"1dae91c6-5628-5881-83dd-c9e1d9840eac","name":"Box","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"bb6f1374-2187-5c44-8a61-9762617f9b93","name":"BranchName","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"2f451e23-8799-5416-bed4-dc1fd71c0673","name":"Breadcrumbs","props":[]},{"id":"2f22e723-4793-5c2e-8605-35a10ac18467","name":"Breadcrumb","props":[]},{"id":"f8b3d1fb-d4c5-59bb-8590-a7d77420f3b7","name":"generateCustomSxProp","props":[{"description":"","defaultValue":"","name":"size","required":false,"type":"any"},{"description":"","defaultValue":"","name":"block","required":false,"type":"any"},{"description":"","defaultValue":"","name":"trailingAction","required":false,"type":"any"},{"description":"","defaultValue":"","name":"trailingIcon","required":false,"type":"any"},{"description":"","defaultValue":"","name":"leadingIcon","required":false,"type":"any"}]},{"id":"8e941892-36f2-5535-9944-71730cddbd2e","name":"Counter","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"0faec007-7c26-570d-bb4f-239036ef5151","name":"Meta","props":[]},{"id":"5f8c5e85-f8a9-59d7-a96b-6313d653ea6b","name":"ButtonGroup","props":[]},{"id":"de21b662-7363-597a-b21f-56e6b1b640e7","name":"Checkbox","props":[]},{"id":"98ad7c99-8605-5be4-873f-93893c263f98","name":"CheckboxGroup","props":[]},{"id":"c3b13d21-2d65-5c96-b618-b44a1173b42d","name":"CircleBadge","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"size","required":false,"type":"number"},{"description":"","defaultValue":"","name":"inline","required":false,"type":"boolean"},{"description":"","defaultValue":"medium","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"596b0031-f337-58e4-8dc3-a21a8e019b29","name":"CircleOcticon","props":[{"description":"","defaultValue":"","name":"icon","required":true,"type":"React.ComponentType<React.PropsWithChildren<{ size?: number | Size; }>>"},{"description":"","defaultValue":"","name":"as","required":false,"type":"React.ElementType"},{"description":"","defaultValue":"","name":"size","required":false,"type":"number & ResponsiveValue<Height<TLengthStyledSystem>, Required<Theme<TLengthStyledSystem>>>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"3f7f6a8d-dffb-56e6-98a4-f0cbf1f6aeec","name":"CounterLabel","props":[]},{"id":"724b1c6f-ec31-5d3a-aeca-997a57689553","name":"DataTable","props":[{"description":"Provide a collection of the rows which will be rendered inside of the table","defaultValue":"","name":"data","required":true,"type":"Data[]"},{"description":"Provide the columns for the table and the fields in `data` to which they\ncorrespond","defaultValue":"","name":"columns","required":true,"type":"Column<Data>[]"},{"description":"Provide an id to an element which uniquely describes this table","defaultValue":"","name":"aria-describedby","required":false,"type":"string"},{"description":"Provide an id to an element which uniquely labels this table","defaultValue":"","name":"aria-labelledby","required":false,"type":"string"},{"description":"Specify the amount of space that should be available around the contents of\na cell","defaultValue":"","name":"cellPadding","required":false,"type":"\"normal\" | \"condensed\" | \"spacious\""},{"description":"Provide the id or field of the column by which the table is sorted. When\nusing this `prop`, the input data must be sorted by this column in\nascending order","defaultValue":"","name":"initialSortColumn","required":false,"type":"string | number"},{"description":"Provide the sort direction that the table should be sorted by on the\ncurrently sorted column","defaultValue":"","name":"initialSortDirection","required":false,"type":"\"ASC\" | \"DESC\""}]},{"id":"b2bc14fa-bb95-531f-81a9-946e955d14ef","name":"ErrorDialog","props":[]},{"id":"14f97b38-ed4a-5b6d-a660-ebb8e883e28d","name":"TableContainer","props":[]},{"id":"89949950-9656-538d-987d-fda229df5b1b","name":"TableSubtitle","props":[]},{"id":"84060e2a-2aa8-52eb-b73b-0925b9979f9e","name":"TableActions","props":[]},{"id":"10c38c18-9e20-5393-b78e-99aad769df83","name":"TableHead","props":[]},{"id":"d2a21c23-6ec9-5ed0-a15e-b4a15901154f","name":"TableBody","props":[]},{"id":"2c832b91-6d77-5541-9923-796184c6a6b3","name":"TableRow","props":[]},{"id":"55ade7e3-d174-5bd1-8f1c-ab586529ad68","name":"TableHeader","props":[{"description":"The horizontal alignment of the cell's content","defaultValue":"","name":"align","required":false,"type":"CellAlignment"}]},{"id":"acd296eb-3be5-555e-9497-2281db94b65a","name":"TableSortHeader","props":[{"description":"Specify the sort direction for the TableHeader","defaultValue":"","name":"direction","required":true,"type":"SortDirection"},{"description":"Provide a handler that is called when the sortable TableHeader is\ninteracted with via a click or keyboard interaction","defaultValue":"","name":"onToggleSort","required":true,"type":"() => void"},{"description":"The horizontal alignment of the cell's content","defaultValue":"","name":"align","required":false,"type":"CellAlignment"}]},{"id":"87fecdaa-a190-5221-a819-2da91295a2d8","name":"TableCell","props":[{"description":"The horizontal alignment of the cell's content","defaultValue":"","name":"align","required":false,"type":"CellAlignment"},{"description":"Provide the scope for a table cell, useful for defining a row header using\n`scope=\"row\"`","defaultValue":"","name":"scope","required":false,"type":"\"row\""}]},{"id":"bbc830a2-7906-52ad-8e0d-f9b6d619ca56","name":"TableCellPlaceholder","props":[]},{"id":"0e4437bc-35f9-551b-ba31-08d388a440ea","name":"TableSkeleton","props":[]},{"id":"f0a0c9d1-8757-5d60-9c1b-fa9437ba2dbb","name":"Details","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"6c6425fa-10b8-52c8-b8e3-9fe9f309b7d2","name":"useConfirm","props":[]},{"id":"bdaa60ee-8426-5dd4-aa97-5cec8056e26a","name":"ConfirmationDialog","props":[]},{"id":"aec169c2-38f0-59f6-b604-3ab187a4d187","name":"Dialog","props":[]},{"id":"e167e0c3-de62-55c7-96ff-6166d7864947","name":"FilterList","props":[]},{"id":"1d7b84ac-21ba-58ec-b87b-3cc007621dbd","name":"FilteredActionList","props":[{"description":"","defaultValue":"","name":"onFilterChange","required":true,"type":"(value: string, e: React.ChangeEvent<HTMLInputElement>) => void"},{"description":"A collection of `Item` props and `Item`-level custom `Item` renderers.","defaultValue":"","name":"items","required":true,"type":"ItemInput[]"},{"description":"","defaultValue":"false","name":"loading","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"placeholderText","required":false,"type":"string"},{"description":"","defaultValue":"","name":"filterValue","required":false,"type":"string"},{"description":"","defaultValue":"","name":"textInputProps","required":false,"type":"Partial<Omit<TextInputProps, \"onChange\">>"},{"description":"","defaultValue":"","name":"inputRef","required":false,"type":"React.RefObject<HTMLInputElement>"},{"description":"A collection of `Group` props (except `items`), plus a unique group identifier\nand `Group`-level custom `Item` or `Group` renderers.","defaultValue":"","name":"groupMetadata","required":false,"type":"((Omit<GroupProps, \"items\"> | Omit<Partial<GroupProps> & { renderItem?: RenderItemFn; renderGroup?: ({ header, items, ...props }: GroupProps) => Element; }, \"items\">) & { ...; })[]"},{"description":"The ARIA role describing the function of `List` component. `listbox` is a common value.","defaultValue":"","name":"role","required":false,"type":"AriaRole"},{"description":"id to attach to the base DOM node of the list","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"A `List`-level custom `Item` renderer. Every `Item` within this `List`\nwithout a `Group`-level or `Item`-level custom `Item` renderer will be\nrendered using this function component.","defaultValue":"","name":"renderItem","required":false,"type":"RenderItemFn"},{"description":"A `List`-level custom `Group` renderer. Every `Group` within this `List`\nwithout a `Group`-level custom `Item` renderer will be rendered using\nthis function component.","defaultValue":"","name":"renderGroup","required":false,"type":"({ header, items, ...props }: GroupProps) => Element"},{"description":"Style variations. Usage is discretionary.\n\n- `\"inset\"` - `List` children are offset (vertically and horizontally) from `List`’s edges\n- `\"full\"` - `List` children are flush (vertically and horizontally) with `List` edges","defaultValue":"","name":"variant","required":false,"type":"\"inset\" | \"full\""},{"description":"For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected","defaultValue":"","name":"selectionVariant","required":false,"type":"\"multiple\" | \"single\""},{"description":"Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.","defaultValue":"","name":"showItemDividers","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"33c25a61-3b70-5477-8f38-14ef511a06e5","name":"FilteredSearch","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"196a8c3f-8bcb-58d6-a278-9cf536e304cd","name":"Hidden","props":[{"description":"","defaultValue":"","name":"when","required":true,"type":"Viewport | Viewport[]"}]},{"id":"91b3b60d-3a92-56e5-afa5-6b34a3532c70","name":"LabelGroup","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"799dcc85-1e01-54a6-ab69-3014c0a1d6e3","name":"Octicon","props":[]},{"id":"f2da0da1-9bc6-593d-b835-52089f4d8dd6","name":"DropdownOverlay","props":[{"description":"","defaultValue":"","name":"anchorSide","required":true,"type":"AnchorSide"}]},{"id":"6ea9854f-077d-59b2-8452-e93cc584ff64","name":"DialogOverlay","props":[{"description":"","defaultValue":"","name":"anchorSide","required":true,"type":"AnchorSide"}]},{"id":"7308fbd3-f110-5d56-adf3-594173fb55ef","name":"OverlayOnTopOfOverlay","props":[{"description":"","defaultValue":"","name":"anchorSide","required":true,"type":"AnchorSide"}]},{"id":"dc2ce1ab-c456-5680-957f-5fd31c8c6aa0","name":"PositionedOverlays","props":[{"description":"","defaultValue":"","name":"right","required":false,"type":"boolean"}]},{"id":"43ed577d-6c4d-5fc8-945a-5e7799109fab","name":"shouldAcceptCallWithNoProps","props":[]},{"id":"50c05cff-9412-5e47-bc55-ddedff52a4cc","name":"shouldAcceptCallWithDOMProps","props":[]},{"id":"e3d80261-16d7-57ac-ac7d-1158c2e154ca","name":"shouldNotAcceptCallWithDOMPropsThatDontMatchElement","props":[]},{"id":"7949bf75-5cde-59c0-b5fd-8e5f1f74ca73","name":"shouldAcceptCallWithAsAndDOMProps","props":[]},{"id":"fed678c2-44f7-5abb-bcf1-bea25670da3b","name":"shouldNotAcceptSystemProps","props":[]},{"id":"97ad5325-a3c4-58dd-ba9d-324482c25779","name":"Pagehead","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"dc276ba5-a78e-5724-8124-7bad2d20c379","name":"Pagination","props":[{"description":"","defaultValue":"","name":"pageCount","required":true,"type":"number"},{"description":"","defaultValue":"","name":"currentPage","required":true,"type":"number"},{"description":"","defaultValue":"","name":"theme","required":false,"type":"Record<string, unknown>"},{"description":"","defaultValue":"","name":"onPageChange","required":false,"type":"(e: React.MouseEvent, n: number) => void"},{"description":"","defaultValue":"","name":"hrefBuilder","required":false,"type":"(n: number) => string"},{"description":"","defaultValue":"1","name":"marginPageCount","required":false,"type":"number"},{"description":"","defaultValue":"true","name":"showPages","required":false,"type":"boolean"},{"description":"","defaultValue":"2","name":"surroundingPageCount","required":false,"type":"number"}]},{"id":"857189d3-a5d8-5587-83f6-6a485fe75473","name":"PointerBox","props":[{"description":"","defaultValue":"","name":"caret","required":false,"type":"Location"},{"description":"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)","defaultValue":"","name":"bg","required":false,"type":"string & ResponsiveValue<string | number | symbol, Required<Theme<TLengthStyledSystem>>>"},{"description":"The border-color shorthand CSS property sets the color of all sides of an element's border.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)","defaultValue":"","name":"borderColor","required":false,"type":"string & ResponsiveValue<string | number | symbol, Required<Theme<TLengthStyledSystem>>>"},{"description":"The border CSS property sets an element's border. It's a shorthand for border-width, border-style,\nand border-color.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border)","defaultValue":"","name":"border","required":false,"type":"(string | number) & ResponsiveValue<Border<TLengthStyledSystem>, Required<Theme<TLengthStyledSystem>>>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject & { bg?: string; backgroundColor?: string; borderColor?: string; }"}]},{"id":"682e28ad-10f5-5b05-993e-ed8677b99bcd","name":"Popover","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"open","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"relative","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"caret","required":false,"type":"CaretPosition"}]},{"id":"6aa5bc97-c0cb-598b-9d2d-81777a3e3718","name":"registerPortalRoot","props":[]},{"id":"7a65287d-e0b3-5840-8be8-0be02639d972","name":"Portal","props":[]},{"id":"3dfdef0b-ae43-5f67-aad7-af4a92ab2155","name":"ProgressBar.Item","props":[{"description":"","defaultValue":"","name":"progress","required":false,"type":"string | number"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"823b5112-7eb9-55fe-a7b5-b3f55d79b563","name":"ProgressBar","props":[]},{"id":"cc9da89a-3572-56a3-ba9e-b3af15d75a47","name":"Radio","props":[]},{"id":"61839cce-fec5-5c3d-8acd-e53b6eb539ba","name":"RadioGroup","props":[]},{"id":"845e06b0-88c3-5df0-a040-4ca678fe39f0","name":"RelativeTime","props":[{"description":"","defaultValue":"","name":"onRelativeTimeUpdated","required":false,"type":"(event: RelativeTimeUpdatedEvent) => void"},{"description":"","defaultValue":"","name":"second","required":false,"type":"\"numeric\" | \"2-digit\""},{"description":"","defaultValue":"","name":"minute","required":false,"type":"\"numeric\" | \"2-digit\""},{"description":"","defaultValue":"","name":"hour","required":false,"type":"\"numeric\" | \"2-digit\""},{"description":"","defaultValue":"","name":"weekday","required":false,"type":"\"narrow\" | \"short\" | \"long\""},{"description":"","defaultValue":"","name":"day","required":false,"type":"\"numeric\" | \"2-digit\""},{"description":"","defaultValue":"","name":"month","required":false,"type":"\"numeric\" | \"narrow\" | \"2-digit\" | \"short\" | \"long\""},{"description":"","defaultValue":"","name":"year","required":false,"type":"\"numeric\" | \"2-digit\""},{"description":"","defaultValue":"","name":"timeZoneName","required":false,"type":"\"short\" | \"long\" | \"shortOffset\" | \"longOffset\" | \"shortGeneric\" | \"longGeneric\""},{"description":"","defaultValue":"","name":"threshold","required":false,"type":"string"},{"description":"","defaultValue":"","name":"tense","required":false,"type":"Tense"},{"description":"","defaultValue":"","name":"precision","required":false,"type":"\"second\" | \"minute\" | \"hour\" | \"day\" | \"month\" | \"year\" | \"week\" | \"millisecond\""},{"description":"","defaultValue":"","name":"format","required":false,"type":"Format"},{"description":"","defaultValue":"","name":"formatStyle","required":false,"type":"FormatStyle"},{"description":"","defaultValue":"","name":"datetime","required":false,"type":"string"},{"description":"","defaultValue":"","name":"date","required":false,"type":"Date"},{"description":"","defaultValue":"","name":"connectedCallback","required":false,"type":"() => void"},{"description":"","defaultValue":"","name":"disconnectedCallback","required":false,"type":"() => void"},{"description":"","defaultValue":"","name":"attributeChangedCallback","required":false,"type":"(attrName: string, oldValue: unknown, newValue: unknown) => void"},{"description":"","defaultValue":"","name":"update","required":false,"type":"() => void"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"161d751f-c9a9-5822-8bb1-affe9e4a104f","name":"SelectPanel","props":[{"description":"","defaultValue":"","name":"onOpenChange","required":true,"type":"(open: boolean, gesture: \"anchor-click\" | \"anchor-key-press\" | \"click-outside\" | \"escape\" | \"selection\") => void"},{"description":"A collection of `Item` props and `Item`-level custom `Item` renderers.","defaultValue":"","name":"items","required":true,"type":"ItemInput[]"},{"description":"","defaultValue":"","name":"onFilterChange","required":true,"type":"(value: string, e: React.ChangeEvent<HTMLInputElement>) => void"},{"description":"Determines whether the overlay portion of the component should be shown or not","defaultValue":"","name":"open","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"selected","required":true,"type":"ItemInput | ItemInput[]"},{"description":"","defaultValue":"","name":"onSelectedChange","required":true,"type":"((selected: ItemInput) => void) | ((selected: ItemInput[]) => void)"},{"description":"","defaultValue":"isMultiSelectVariant(selected) ? 'Select items' : 'Select an item'","name":"title","required":false,"type":"any"},{"description":"","defaultValue":"","name":"subtitle","required":false,"type":"any"},{"description":"","defaultValue":"","name":"placeholder","required":false,"type":"string"},{"description":"","defaultValue":"Filter items","name":"inputLabel","required":false,"type":"string"},{"description":"","defaultValue":"","name":"overlayProps","required":false,"type":"Partial<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"ref\"> & { ...; }, \"as\" | ... 5 more ... | keyof BaseOverlayProps> & Omit<...> & BaseOverlayProps & { ...; }>"},{"description":"id to attach to the base DOM node of the list","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"The ARIA role describing the function of `List` component. `listbox` is a common value.","defaultValue":"","name":"role","required":false,"type":"AriaRole"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"Style variations. Usage is discretionary.\n\n- `\"inset\"` - `List` children are offset (vertically and horizontally) from `List`’s edges\n- `\"full\"` - `List` children are flush (vertically and horizontally) with `List` edges","defaultValue":"","name":"variant","required":false,"type":"\"inset\" | \"full\""},{"description":"","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"description":"A `List`-level custom `Item` renderer. Every `Item` within this `List`\nwithout a `Group`-level or `Item`-level custom `Item` renderer will be\nrendered using this function component.","defaultValue":"","name":"renderItem","required":false,"type":"RenderItemFn"},{"description":"A `List`-level custom `Group` renderer. Every `Group` within this `List`\nwithout a `Group`-level custom `Item` renderer will be rendered using\nthis function component.","defaultValue":"","name":"renderGroup","required":false,"type":"({ header, items, ...props }: GroupProps) => Element"},{"description":"Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.","defaultValue":"","name":"showItemDividers","required":false,"type":"boolean"},{"description":"A collection of `Group` props (except `items`), plus a unique group identifier\nand `Group`-level custom `Item` or `Group` renderers.","defaultValue":"","name":"groupMetadata","required":false,"type":"((Omit<GroupProps, \"items\"> | Omit<Partial<GroupProps> & { renderItem?: RenderItemFn; renderGroup?: ({ header, items, ...props }: GroupProps) => Element; }, \"items\">) & { ...; })[]"},{"description":"","defaultValue":"Filter items","name":"placeholderText","required":false,"type":"string"},{"description":"","defaultValue":"","name":"filterValue","required":false,"type":"string"},{"description":"","defaultValue":"","name":"textInputProps","required":false,"type":"Partial<Omit<TextInputProps, \"onChange\">>"},{"description":"","defaultValue":"","name":"inputRef","required":false,"type":"React.RefObject<HTMLInputElement>"},{"description":"A custom function component used to render the anchor element.\nWhen renderAnchor is null, an anchorRef is required.\nA custom function component used to render the anchor element.\nWill receive the selected text as `children` prop when an item is activated.","defaultValue":"props => <DropdownButton {...props} />","name":"renderAnchor","required":false,"type":"<T extends React.HTMLAttributes<HTMLElement>>(props: T) => Element"},{"description":"An override to the internal renderAnchor ref that will be used to position the overlay.\nWhen renderAnchor is null this can be used to make an anchor that is detached from ActionMenu.\nAn override to the internal ref that will be spread on to the renderAnchor","defaultValue":"","name":"anchorRef","required":false,"type":"any"},{"description":"An override to the internal id that will be spread on to the renderAnchor","defaultValue":"","name":"anchorId","required":false,"type":"string"}]},{"id":"589c9417-28c7-559b-947c-b25265a5818b","name":"Spinner","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"Sets the width and height of the spinner.","defaultValue":"","name":"size","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"ff0b5304-add9-5fd3-90b8-ddf83b9f707e","name":"StateLabel","props":[{"description":"","defaultValue":"","name":"status","required":true,"type":"\"issueClosed\" | \"issueClosedNotPlanned\" | \"pullClosed\" | \"pullMerged\" | \"pullQueued\" | \"issueOpened\" | \"pullOpened\" | \"draft\" | \"issueDraft\""},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"normal\""}]},{"id":"f3eb899b-6ad6-5db9-9fde-189e14ff8bd9","name":"StyledOcticon","props":[]},{"id":"cfbc2db8-efc0-5bd4-a844-b2fec99faf5f","name":"SubNav","props":[{"description":"","defaultValue":"","name":"actions","required":false,"type":"React.ReactNode"},{"description":"","defaultValue":"","name":"align","required":false,"type":"\"right\""},{"description":"","defaultValue":"","name":"full","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"label","required":false,"type":"string"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"5f510fa1-b7d8-5e6e-8230-b8bc41ad0359","name":"TabNav","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"0977d3da-ee41-518a-a350-9d4f440262f9","name":"Text","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"whiteSpace","required":false,"type":"\"pre\" | \"normal\" | \"nowrap\" | \"pre-wrap\" | \"pre-line\""}]},{"id":"6865f7e6-01b2-5098-9d79-e7fcd563f654","name":"WithLoadingIndicator","props":[]},{"id":"be443acf-3a8d-57f9-a957-5972895623c3","name":"TextInput","props":[{"description":"","defaultValue":"","name":"as","required":true,"type":"\"symbol\" | \"object\" | \"button\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"canvas\" | ... 159 more ... | FunctionComponent<...>"}]},{"id":"b8c12739-e09b-5e16-87ac-d2a36922fcd6","name":"Textarea","props":[]},{"id":"abc37e7b-0b65-562c-a4a6-b35b814df689","name":"Timeline","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"clipSidebar","required":false,"type":"boolean"}]},{"id":"8c2c6ae3-2727-5296-984e-b7e96704e628","name":"isTokenInteractive","props":[{"description":"","defaultValue":"","name":"onFocus","required":true,"type":"React.HTMLProps<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>"},{"description":"","defaultValue":"","name":"onClick","required":true,"type":"React.HTMLProps<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>"},{"description":"","defaultValue":"-1","name":"tabIndex","required":false,"type":"React.HTMLProps<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>"},{"description":"","defaultValue":"span","name":"as","required":false,"type":"\"button\" | \"a\" | \"span\""},{"description":"Whether or not the token is disabled (non-interactive).","defaultValue":"","name":"disabled","required":false,"type":"boolean"}]},{"id":"419ad944-f77e-540d-9452-9ff96230b7c3","name":"TokenTextContainer","props":[]},{"id":"473622cf-7758-5d0e-82b3-78c2a1cf8911","name":"LoadingCounter","props":[]},{"id":"12f183ab-2ef1-522c-ad49-14442af2c54e","name":"UnderlineNav","props":[{"description":"","defaultValue":"","name":"aria-label","required":false,"type":"React.AriaAttributes"},{"description":"","defaultValue":"nav","name":"as","required":false,"type":"React.ElementType"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"default","name":"variant","required":false,"type":"\"small\" | \"default\""},{"description":"","defaultValue":"","name":"align","required":false,"type":"\"right\""},{"description":"loading state for all counters. It displays loading animation for individual counters (UnderlineNav.Item) until all are resolved. It is needed to prevent multiple layout shift.","defaultValue":"false","name":"loadingCounters","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"afterSelect","required":false,"type":"(event: any) => void"}]},{"id":"35663af1-224b-589c-a178-3b3f9379e6fa","name":"OverflowTemplate","props":[{"description":"","defaultValue":"1","name":"initialSelectedIndex","required":false,"type":"number"}]},{"id":"95f31ac8-cf08-5030-9fc1-4662195e6df6","name":"UnderlineNavItem","props":[{"description":"Renders `UnderlineNav.Item` as given component","defaultValue":"","name":"as","required":false,"type":"any"}]},{"id":"031ba447-d9f2-5597-b583-5c7817bffa48","name":"ActionMenu","props":[{"description":"A collection of `Item` props and `Item`-level custom `Item` renderers.","defaultValue":"","name":"items","required":true,"type":"ItemInput[]"},{"description":"Content that is passed into the renderAnchor component, which is a button by default.","defaultValue":"","name":"anchorContent","required":false,"type":"React.ReactNode"},{"description":"A callback that triggers both on clicks and keyboard events. This callback will be overridden by item level `onAction` callbacks.","defaultValue":"","name":"onAction","required":false,"type":"(props: ItemProps, event?: any) => void"},{"description":"If defined, will control the open/closed state of the overlay. Must be used in conjuction with `setOpen`.","defaultValue":"","name":"open","required":false,"type":"boolean"},{"description":"If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.","defaultValue":"","name":"setOpen","required":false,"type":"(s: boolean) => void"},{"description":"Props to be spread on the internal `Overlay` component.","defaultValue":"","name":"overlayProps","required":false,"type":"Partial<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"ref\"> & { ...; }, \"as\" | ... 5 more ... | keyof BaseOverlayProps> & Omit<...> & BaseOverlayProps & { ...; }>"},{"description":"A collection of `Group` props (except `items`), plus a unique group identifier\nand `Group`-level custom `Item` or `Group` renderers.","defaultValue":"","name":"groupMetadata","required":false,"type":"((Omit<GroupProps, \"items\"> | Omit<Partial<GroupProps> & { renderItem?: RenderItemFn; renderGroup?: ({ header, items, ...props }: GroupProps) => Element; }, \"items\">) & { ...; })[]"},{"description":"The ARIA role describing the function of `List` component. `listbox` is a common value.","defaultValue":"","name":"role","required":false,"type":"AriaRole"},{"description":"id to attach to the base DOM node of the list","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"A `List`-level custom `Item` renderer. Every `Item` within this `List`\nwithout a `Group`-level or `Item`-level custom `Item` renderer will be\nrendered using this function component.","defaultValue":"","name":"renderItem","required":false,"type":"RenderItemFn"},{"description":"A `List`-level custom `Group` renderer. Every `Group` within this `List`\nwithout a `Group`-level custom `Item` renderer will be rendered using\nthis function component.","defaultValue":"","name":"renderGroup","required":false,"type":"({ header, items, ...props }: GroupProps) => Element"},{"description":"Style variations. Usage is discretionary.\n\n- `\"inset\"` - `List` children are offset (vertically and horizontally) from `List`’s edges\n- `\"full\"` - `List` children are flush (vertically and horizontally) with `List` edges","defaultValue":"","name":"variant","required":false,"type":"\"inset\" | \"full\""},{"description":"For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected","defaultValue":"","name":"selectionVariant","required":false,"type":"\"multiple\" | \"single\""},{"description":"Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.","defaultValue":"","name":"showItemDividers","required":false,"type":"boolean"},{"description":"A custom function component used to render the anchor element.\nWhen renderAnchor is null, an anchorRef is required.\nA custom function component used to render the anchor element.\nWill receive the selected text as `children` prop when an item is activated.","defaultValue":"<T extends ButtonProps>(props: T) => <Button {...props} />","name":"renderAnchor","required":false,"type":"<T extends React.HTMLAttributes<HTMLElement>>(props: T) => Element"},{"description":"An override to the internal renderAnchor ref that will be used to position the overlay.\nWhen renderAnchor is null this can be used to make an anchor that is detached from ActionMenu.\nAn override to the internal ref that will be spread on to the renderAnchor","defaultValue":"","name":"anchorRef","required":false,"type":"any"},{"description":"An override to the internal id that will be spread on to the renderAnchor","defaultValue":"","name":"anchorId","required":false,"type":"string"}]},{"id":"c4f7abf5-1103-52a1-9239-e5e4d49f7fb3","name":"BorderBox","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"7e8bd965-7d60-537f-8aef-1fe21d6b2c09","name":"Dropdown","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"df99848b-8ff1-5642-83dc-e356907add34","name":"Flex","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"c94bac13-9470-5fa9-a487-df1b5f4a3524","name":"FormGroup","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"5ce79e93-549c-56cf-b98f-61a9c449bb33","name":"Grid","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"a8681351-310a-526f-a606-be1d3a28cfda","name":"Position","props":[{"description":"","defaultValue":"","name":"as","required":false,"type":"any"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"e5d668a2-2276-5ccb-a70c-ed5ea02beda2","name":"useDetails","props":[{"description":"","defaultValue":"","name":"ref","required":false,"type":"RefObject<HTMLDetailsElement>"},{"description":"","defaultValue":"","name":"closeOnOutsideClick","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"defaultOpen","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"onClickOutside","required":false,"type":"(event: MouseEvent) => void"}]},{"id":"be768584-1c7b-5450-96a2-d6b58986de96","name":"useMedia","props":[]},{"id":"6e4d6f5e-9534-5170-bde7-f6b91fe9dbd3","name":"MatchMedia","props":[{"description":"","defaultValue":"{}","name":"features","required":false,"type":"MediaQueryFeatures"}]},{"id":"a90075bc-93dc-5157-96ad-77f72f6cc3bd","name":"useOnOutsideClick","props":[{"description":"","defaultValue":"","name":"containerRef","required":true,"type":"any"},{"description":"","defaultValue":"","name":"onClickOutside","required":true,"type":"(e: TouchOrMouseEvent) => void"},{"description":"","defaultValue":"","name":"ignoreClickRefs","required":false,"type":"React.RefObject<HTMLElement>[]"}]},{"id":"7f835452-e9f5-5026-83ec-3a6c1b1618c0","name":"useOverlay","props":[{"description":"","defaultValue":"","name":"returnFocusRef","required":true,"type":"RefObject<HTMLElement>"},{"description":"","defaultValue":"","name":"onEscape","required":true,"type":"(e: KeyboardEvent) => void"},{"description":"","defaultValue":"","name":"onClickOutside","required":true,"type":"(e: TouchOrMouseEvent) => void"},{"description":"","defaultValue":"","name":"ignoreClickRefs","required":false,"type":"RefObject<HTMLElement>[]"},{"description":"","defaultValue":"","name":"initialFocusRef","required":false,"type":"RefObject<HTMLElement>"},{"description":"","defaultValue":"","name":"overlayRef","required":false,"type":"RefObject<HTMLDivElement>"},{"description":"","defaultValue":"","name":"preventFocusOnOpen","required":false,"type":"boolean"}]},{"id":"93a2e61b-e4c8-574c-a5bd-5169d9109706","name":"WithTokenInput","props":[]},{"id":"5ef03706-349a-5861-8198-93e882c7b6c6","name":"AddNewItem","props":[]},{"id":"f11c52cb-b402-5029-81ef-17d4ac298588","name":"CustomSearchFilterFn","props":[]},{"id":"194ea0e7-9982-5ef2-856e-e2aff3d29c2a","name":"CustomSortAfterMenuClose","props":[]},{"id":"eb6990c2-e7b1-5094-8d82-d77e6a048bef","name":"WithCallbackWhenOverlayOpenStateChanges","props":[]},{"id":"39aa9c23-15fa-5a0e-a8ad-0341fb26d055","name":"AsyncLoadingOfItems","props":[]},{"id":"54ee8beb-2270-5fb9-99df-7e4e268d18bb","name":"RenderingTheMenuOutsideAnOverlay","props":[]},{"id":"3a75666c-69f6-5ec4-a793-5a16f39138fc","name":"CustomOverlayMenuAnchor","props":[]},{"id":"df5a580a-57f0-50e3-917b-0b47d553a499","name":"InOverlayWithCustomScrollContainerRef","props":[]},{"id":"9900111b-479e-5b22-b7d2-df4355707b2b","name":"BasicDialog","props":[{"description":"","defaultValue":"","name":"width","required":true,"type":"\"small\" | \"medium\" | \"large\" | \"xlarge\""},{"description":"","defaultValue":"","name":"height","required":true,"type":"\"small\" | \"auto\" | \"large\""},{"description":"","defaultValue":"","name":"subtitle","required":true,"type":"boolean"}]},{"id":"47260d79-3fc7-5dac-b462-d4dba3cf4977","name":"WithCustomRenderers","props":[{"description":"","defaultValue":"","name":"width","required":true,"type":"\"small\" | \"medium\" | \"large\" | \"xlarge\""},{"description":"","defaultValue":"","name":"height","required":true,"type":"\"small\" | \"auto\" | \"large\""},{"description":"","defaultValue":"","name":"subtitle","required":true,"type":"boolean"}]},{"id":"f354e5fc-5a3d-507d-b94f-6de1df79d6dd","name":"StressTest","props":[{"description":"","defaultValue":"","name":"width","required":true,"type":"\"small\" | \"medium\" | \"large\" | \"xlarge\""},{"description":"","defaultValue":"","name":"height","required":true,"type":"\"small\" | \"auto\" | \"large\""},{"description":"","defaultValue":"","name":"subtitle","required":true,"type":"boolean"}]},{"id":"1f4b6517-f669-5e77-bb63-88065bffa818","name":"DefaultToken","props":[]},{"id":"648f8804-beb4-53ed-946e-33de7e7756bf","name":"WithOnRemoveFn","props":[]},{"id":"5f8a766a-02d6-549c-8b32-73567f67e4c8","name":"UseAnchoredPosition","props":[]},{"id":"f385ae2d-1b63-543f-a5b9-c2cad0401bd6","name":"getTextInputArgTypes","props":[]},{"id":"698a4c18-62de-5912-af4b-0462c632089d","name":"getFormControlArgsByChildComponent","props":[]},{"id":"478f0b45-2623-5300-a84e-536bd4a43673","name":"isNumeric","props":[]},{"id":"1d0591d6-44ba-51b8-82e8-7e80a2864d15","name":"SSRProvider","props":[]},{"id":"e1190caf-55a8-5e70-86f5-3c17f5bacfe9","name":"useSSRSafeId","props":[]},{"id":"fdce876c-cc10-5d73-a19c-79f815723b5c","name":"OcticonArgType","props":[]},{"id":"641e46b8-06e5-59fc-ae54-672f65d9e8b7","name":"render","props":[]},{"id":"519ecd07-6404-5d53-b5da-ba09fb2d0d98","name":"renderRoot","props":[]},{"id":"0a19cd4b-760c-56eb-a87a-58f6491d2658","name":"renderClasses","props":[]},{"id":"10213e3c-cc94-5c69-8f2b-41e49e85ecab","name":"rendersClass","props":[]},{"id":"9c418af3-4309-52ea-a71b-d6612da014a3","name":"px","props":[]},{"id":"ffa976ab-8433-580f-ba7c-34421237de4d","name":"percent","props":[]},{"id":"d6e08b1f-509d-5b60-8384-9ab4d663d7c3","name":"renderStyles","props":[]},{"id":"1ecca076-5cd7-5bc1-a950-ebc31d1f20dd","name":"getComputedStyles","props":[]},{"id":"27c6e03a-2009-5985-8ba0-1db6705b026f","name":"getProps","props":[]},{"id":"20e3a191-8c3f-5ca5-aa27-d213e1cd540c","name":"getClassName","props":[]},{"id":"457cefcc-19ac-58b8-969a-bbfe5b004c70","name":"getClasses","props":[]},{"id":"9e2b8f23-a6d4-5acf-a90e-fa7458300af2","name":"loadCSS","props":[]},{"id":"967849bf-182d-5cce-bed3-45a713e44a07","name":"unloadCSS","props":[]},{"id":"2aa9738f-f43f-55bd-9114-5b50390615c4","name":"behavesAsComponent","props":[{"description":"","defaultValue":"","name":"Component","required":true,"type":"React.ComponentType<React.PropsWithChildren<any>>"},{"description":"","defaultValue":"","name":"toRender","required":false,"type":"() => React.ReactElement"},{"description":"","defaultValue":"","name":"options","required":false,"type":"Options"}]},{"id":"5c08c4f7-e04c-581f-b804-fc6b30852d47","name":"Divider.renderItem","props":[]},{"id":"4f58eb93-503d-596c-ba1d-f1fc7f1f45da","name":"StyledDivider","props":[]},{"id":"201b0f63-3d5e-5e9f-9a05-e3be3f6b7247","name":"Group","props":[{"description":"Props for a `Header` to render in the `Group`.","defaultValue":"","name":"header","required":false,"type":"HeaderProps"},{"description":"The id of the group.","defaultValue":"","name":"groupId","required":false,"type":"string"},{"description":"`Items` to render in the `Group`.","defaultValue":"","name":"items","required":false,"type":"Element[]"},{"description":"Whether to display a divider above each `Item` in this `Group` when it does not follow a `Header` or `Divider`.","defaultValue":"","name":"showItemDividers","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"29059a19-9722-5602-a317-c6efabb7cda1","name":"Header","props":[{"description":"Primary text which names a `Group`.","defaultValue":"","name":"title","required":true,"type":"string"},{"description":"Style variations. Usage is discretionary.\n\n- `\"filled\"` - Superimposed on a background, offset from nearby content\n- `\"subtle\"` - Relatively less offset from nearby content","defaultValue":"subtle","name":"variant","required":false,"type":"\"subtle\" | \"filled\""},{"description":"Secondary text which provides additional information about a `Group`.","defaultValue":"","name":"auxiliaryText","required":false,"type":"string"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"dcc2de0c-dc1f-5c1e-a3ea-54622c12152e","name":"StyledHeader","props":[{"description":"","defaultValue":"","name":"variant","required":true,"type":"\"subtle\" | \"filled\""},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"5c345089-b589-59dd-9553-e961d557a69b","name":"TextContainer","props":[{"description":"","defaultValue":"","name":"dangerouslySetInnerHtml","required":false,"type":"React.DOMAttributes<HTMLDivElement>"}]},{"id":"a7ffbd0a-22e8-5add-a780-6c9ec3b4f544","name":"ActionList.Item","props":[{"description":"","defaultValue":"","name":"as","required":true,"type":"\"symbol\" | \"object\" | \"button\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"canvas\" | ... 159 more ... | FunctionComponent<...>"}]},{"id":"d5311e20-0e18-5d5e-a324-864d08db31e2","name":"ActionList","props":[]},{"id":"4d24acec-5ade-5493-8bc0-d135d96d9079","name":"ButtonBase","props":[{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"medium","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"0167af9b-4f80-5f29-9ea3-ed3e9fd3a2c6","name":"ButtonClose","props":[]},{"id":"2361fccc-2a13-509e-9dc5-b98d415763d2","name":"ButtonDanger","props":[{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"fb7dd071-1442-5a51-bac4-3806409a5e77","name":"ButtonInvisible","props":[{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"ddc695da-7507-50dc-abc1-8d3cb3364622","name":"ButtonOutline","props":[{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"76152cd6-5168-54a0-8da8-c0420f9a5cd1","name":"ButtonPrimary","props":[{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"423aaf49-34ba-5e67-9a96-f3e247d351e0","name":"ButtonTableList","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"45b5772d-3244-5d98-a68f-befb407d8de4","name":"Slot","props":[{"description":"","defaultValue":"","name":"name","required":true,"type":"\"Description\" | \"Validation\" | \"ChoiceList\" | \"Legend\""}]},{"id":"13d8d531-b2b8-5b87-9420-29cf100d9d60","name":"ChoiceFieldset","props":[{"description":"Whether the fieldset is NOT ready for user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this fieldset. Used to associate the validation text with the fieldset\nIf an ID is not passed, one will be automatically generated","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"The unique identifier used to associate radio inputs with eachother\nIf a name is not passed and the fieldset renders radio inputs, a name will be automatically generated","defaultValue":"","name":"name","required":false,"type":"string"},{"description":"The callback that is called when a user toggles a choice on or off","defaultValue":"","name":"onSelect","required":false,"type":"(selectedValues: string[]) => void"},{"description":"Whether this field must have a value for the user to complete their task","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"The selected values","defaultValue":"","name":"selected","required":false,"type":"string[]"},{"description":"A map of validation statuses and their associated validation keys. When one of the validation keys is passed to the `validationResult` prop,\nthe associated validation message will be rendered in the correct style","defaultValue":"","name":"validationMap","required":false,"type":"Record<string, FormValidationStatus>"},{"description":"The key of the validation message to show","defaultValue":"","name":"validationResult","required":false,"type":"string | number | symbol"}]},{"id":"37e6c73a-67d3-5323-85ed-88748fca7f5d","name":"DropdownMenu","props":[{"description":"A collection of `Item` props and `Item`-level custom `Item` renderers.","defaultValue":"","name":"items","required":true,"type":"ItemInput[]"},{"description":"A placeholder value to display on the trigger button when no selection has been made.","defaultValue":"","name":"placeholder","required":false,"type":"string"},{"description":"An `ItemProps` item from the list of `items` which is currently selected.  This item will receive a checkmark next to it in the menu.","defaultValue":"","name":"selectedItem","required":false,"type":"ItemInput"},{"description":"A callback which receives the selected item or `undefined` when an item is activated in the menu.  If the activated item is the same as the current\n`selectedItem`, `undefined` will be passed.","defaultValue":"","name":"onChange","required":false,"type":"(item?: ItemInput) => unknown"},{"description":"Props to be spread on the internal `Overlay` component.","defaultValue":"","name":"overlayProps","required":false,"type":"Partial<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"ref\"> & { ...; }, \"as\" | ... 5 more ... | keyof BaseOverlayProps> & Omit<...> & BaseOverlayProps & { ...; }>"},{"description":"If defined, will control the open/closed state of the overlay. If not defined, the overlay will manage its own state (in other words, an\nuncontrolled component). Must be used in conjunction with `onOpenChange`.","defaultValue":"","name":"open","required":false,"type":"boolean"},{"description":"If defined, will control the open/closed state of the overlay. Must be used in conjunction with `open`.","defaultValue":"","name":"onOpenChange","required":false,"type":"(open: boolean) => void"},{"description":"A collection of `Group` props (except `items`), plus a unique group identifier\nand `Group`-level custom `Item` or `Group` renderers.","defaultValue":"","name":"groupMetadata","required":false,"type":"((Omit<GroupProps, \"items\"> | Omit<Partial<GroupProps> & { renderItem?: RenderItemFn; renderGroup?: ({ header, items, ...props }: GroupProps) => Element; }, \"items\">) & { ...; })[]"},{"description":"The ARIA role describing the function of `List` component. `listbox` is a common value.","defaultValue":"","name":"role","required":false,"type":"AriaRole"},{"description":"id to attach to the base DOM node of the list","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"A `List`-level custom `Item` renderer. Every `Item` within this `List`\nwithout a `Group`-level or `Item`-level custom `Item` renderer will be\nrendered using this function component.","defaultValue":"","name":"renderItem","required":false,"type":"RenderItemFn"},{"description":"A `List`-level custom `Group` renderer. Every `Group` within this `List`\nwithout a `Group`-level custom `Item` renderer will be rendered using\nthis function component.","defaultValue":"","name":"renderGroup","required":false,"type":"({ header, items, ...props }: GroupProps) => Element"},{"description":"Style variations. Usage is discretionary.\n\n- `\"inset\"` - `List` children are offset (vertically and horizontally) from `List`’s edges\n- `\"full\"` - `List` children are flush (vertically and horizontally) with `List` edges","defaultValue":"","name":"variant","required":false,"type":"\"inset\" | \"full\""},{"description":"For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected","defaultValue":"","name":"selectionVariant","required":false,"type":"\"multiple\" | \"single\""},{"description":"Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.","defaultValue":"","name":"showItemDividers","required":false,"type":"boolean"},{"description":"A custom function component used to render the anchor element.\nWhen renderAnchor is null, an anchorRef is required.\nA custom function component used to render the anchor element.\nWill receive the selected text as `children` prop when an item is activated.","defaultValue":"<T extends DropdownButtonProps>(props: T) => <DropdownButton {...props} />","name":"renderAnchor","required":false,"type":"<T extends React.HTMLAttributes<HTMLElement>>(props: T) => Element"},{"description":"An override to the internal renderAnchor ref that will be used to position the overlay.\nWhen renderAnchor is null this can be used to make an anchor that is detached from ActionMenu.\nAn override to the internal ref that will be spread on to the renderAnchor","defaultValue":"","name":"anchorRef","required":false,"type":"any"},{"description":"An override to the internal id that will be spread on to the renderAnchor","defaultValue":"","name":"anchorId","required":false,"type":"string"}]},{"id":"5b6d98e3-ad77-5473-926d-1e300909eb76","name":"InputField","props":[{"description":"Whether the field is ready for user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this field. Used to associate the label, validation text, and caption text","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"Whether this field must have a value for the user to complete their task","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"A map of validation statuses and their associated validation keys. When one of the validation keys is passed to the `validationResult` prop,\nthe associated validation message will be rendered in the correct style","defaultValue":"","name":"validationMap","required":false,"type":"Record<string, FormValidationStatus>"},{"description":"The key of the validation message to show","defaultValue":"","name":"validationResult","required":false,"type":"string | number | symbol"}]},{"id":"5e5ec3a6-1629-56dd-93c5-9703d25a9ac5","name":"SelectMenuDivider","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"79eb2c12-84d0-571e-bc45-60ea7d943a43","name":"SelectMenuFilter","props":[]},{"id":"47ef542f-866f-5f3d-b92c-6d25cbbe465d","name":"SelectMenuFooter","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"b922c2f9-8e60-5e77-8162-53434406d6d8","name":"SelectMenuHeader","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"ec30d2a1-bd02-52b3-8fbe-1655038d073a","name":"SelectMenuItem","props":[{"description":"","defaultValue":"","name":"as","required":false,"type":"React.ElementType"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"false","name":"selected","required":false,"type":"boolean"}]},{"id":"735db4ee-1740-58a4-8af3-71c39d20ba3d","name":"SelectMenuList","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"e5bb679f-79a1-57c0-a12e-ed6071fecb50","name":"SelectMenuLoadingAnimation","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"0434df6d-f836-5372-810a-18ec51688754","name":"SelectMenuTab","props":[{"description":"","defaultValue":"","name":"tabName","required":false,"type":"string"},{"description":"","defaultValue":"","name":"index","required":false,"type":"number"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"0a70daa2-da48-53ad-885d-fa672b249036","name":"SelectMenuTabPanel","props":[{"description":"","defaultValue":"","name":"tabName","required":false,"type":"string"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"255c1a86-5c51-5b1b-9039-b074e9eb2eae","name":"SelectMenuTabs","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"3a1ccd4e-70b7-57cc-9ee9-70f35c09d584","name":"createslots","props":[]},{"id":"ebdc6d88-32e3-576d-bf2f-c959618c576c","name":"SingleLine","props":[{"description":"","defaultValue":"","name":"loading","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"tabInserts","required":true,"type":"boolean"}]},{"id":"5b8c86a1-d381-5aef-8919-9cc94c6d995c","name":"CustomRendering","props":[{"description":"","defaultValue":"","name":"loading","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"tabInserts","required":true,"type":"boolean"}]},{"id":"ace3f05d-f828-5d87-bde7-c5d98427813f","name":"Playground","props":[{"description":"","defaultValue":"","name":"loading","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"tabInserts","required":true,"type":"boolean"}]},{"id":"9845b0de-9389-507d-a8f1-fd5b11460a93","name":"InlineAutocomplete","props":[]},{"id":"996f27bb-eab7-581c-af2e-f07492f1eaa3","name":"AutocompleteSuggestions","props":[{"description":"","defaultValue":"","name":"suggestions","required":true,"type":"Suggestions"},{"description":"","defaultValue":"","name":"top","required":true,"type":"number"},{"description":"","defaultValue":"","name":"left","required":true,"type":"number"},{"description":"","defaultValue":"","name":"onClose","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onCommit","required":true,"type":"(suggestion: string) => void"},{"description":"","defaultValue":"","name":"inputRef","required":true,"type":"React.RefObject<TextInputElement>"},{"description":"","defaultValue":"","name":"visible","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"tabInsertsSuggestions","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"portalName","required":false,"type":"string"}]},{"id":"404c005d-6b5d-51b9-9089-0c14667873d0","name":"MarkdownEditor.Actions","props":[]},{"id":"0ba04726-c14c-57dd-8e6f-db2a5ff4df63","name":"MarkdownEditor.ActionButton","props":[]},{"id":"a0e1be0c-b9a5-50c0-bce0-8e8a1fa39148","name":"CoreFooter","props":[]},{"id":"35f5888d-9807-5721-af41-eaf27b5cc4b7","name":"MarkdownEditor.Footer","props":[]},{"id":"ceffe24e-6eb3-5d8e-a544-97e0f8186be3","name":"MarkdownEditor.FooterButton","props":[]},{"id":"9a90b33d-a1c2-5b20-a00e-f051df6f110d","name":"Label","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"visuallyHidden","required":false,"type":"boolean"}]},{"id":"5ce06ab8-b302-5140-bd02-cb000214f5be","name":"CustomToolbar","props":[{"description":"","defaultValue":"","name":"disabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fullHeight","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"monospace","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"minHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"maxHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"hideLabel","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"required","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fileUploadsEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"savedRepliesEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"pasteUrlsAsPlainText","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"onSubmit","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onDiffClick","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onFooterClick","required":true,"type":"() => void"}]},{"id":"2bced945-8ac8-5ac0-b1d7-79cd88444be5","name":"CustomFooter","props":[{"description":"","defaultValue":"","name":"disabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fullHeight","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"monospace","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"minHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"maxHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"hideLabel","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"required","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fileUploadsEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"savedRepliesEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"pasteUrlsAsPlainText","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"onSubmit","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onDiffClick","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onFooterClick","required":true,"type":"() => void"}]},{"id":"4d0617fd-7278-545d-8822-73ac55e60371","name":"CustomFooterActions","props":[{"description":"","defaultValue":"","name":"disabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fullHeight","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"monospace","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"minHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"maxHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"hideLabel","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"required","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fileUploadsEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"savedRepliesEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"pasteUrlsAsPlainText","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"onSubmit","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onDiffClick","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onFooterClick","required":true,"type":"() => void"}]},{"id":"0f0a6597-5ad5-5a32-9a72-26c6cebd0236","name":"LazyLoadedSuggestions","props":[{"description":"","defaultValue":"","name":"disabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fullHeight","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"monospace","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"minHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"maxHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"hideLabel","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"required","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"fileUploadsEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"savedRepliesEnabled","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"pasteUrlsAsPlainText","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"onSubmit","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onDiffClick","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onFooterClick","required":true,"type":"() => void"}]},{"id":"06b2ff4b-ad76-509e-989a-23ee6004a201","name":"MarkdownEditor","props":[{"description":"Current value of the editor as a multiline markdown string.","defaultValue":"","name":"value","required":true,"type":"string"},{"description":"Called when the value changes.","defaultValue":"","name":"onChange","required":true,"type":"(newMarkdown: string) => void"},{"description":"Accepts Markdown and returns rendered HTML. To prevent XSS attacks,\nthe HTML should be sanitized and/or come from a trusted source.","defaultValue":"","name":"onRenderPreview","required":true,"type":"(markdown: string) => Promise<string>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"Disable the editor and all related buttons. Users can still switch between preview & edit modes.","defaultValue":"false","name":"disabled","required":false,"type":"boolean"},{"description":"Placeholder text to show when the editor is empty. By default, no placeholder will be shown.","defaultValue":"","name":"placeholder","required":false,"type":"string"},{"description":"Maximum number of characters the markdown can hold (includes formatting characters like `*`).","defaultValue":"","name":"maxLength","required":false,"type":"number"},{"description":"Force the editor to take up the full height of the container and disallow resizing. Only\nuse when the container height is tall enough that the user will never want to expand the\ninput further, ie when it takes the full height of the viewport.","defaultValue":"","name":"fullHeight","required":false,"type":"boolean"},{"description":"ID of the describing element.","defaultValue":"","name":"aria-describedby","required":false,"type":"string"},{"description":"Optionally control the view mode. If uncontrolled, leave this `undefined`.","defaultValue":"","name":"viewMode","required":false,"type":"MarkdownViewMode"},{"description":"If `viewMode` is controlled, this will be called on change.","defaultValue":"","name":"onChangeViewMode","required":false,"type":"(newViewMode: MarkdownViewMode) => void"},{"description":"Called when the user presses `Ctrl`/`Cmd` + `Enter`. Should almost always be wired to\nthe same event as clicking the primary `actionButton`.","defaultValue":"","name":"onPrimaryAction","required":false,"type":"() => void"},{"description":"Minimum number of visible lines of text in the editor.","defaultValue":"5","name":"minHeightLines","required":false,"type":"number"},{"description":"Maximum number of visible lines of text in the editor. Has no effect if `fullHeight = true`.","defaultValue":"35","name":"maxHeightLines","required":false,"type":"number"},{"description":"Array of all possible emojis to suggest. Leave `undefined` to disable emoji autocomplete.\nFor lazy-loading suggestions, an async function can be provided instead.","defaultValue":"","name":"emojiSuggestions","required":false,"type":"SuggestionOptions<Emoji>"},{"description":"Array of all possible mention suggestions. Leave `undefined` to disable `@`-mention autocomplete.\nFor lazy-loading suggestions, an async function can be provided instead.","defaultValue":"","name":"mentionSuggestions","required":false,"type":"SuggestionOptions<Mentionable>"},{"description":"Array of all possible references to suggest. Leave `undefined` to disable `#`-reference autocomplete.\nFor lazy-loading suggestions, an async function can be provided instead.","defaultValue":"","name":"referenceSuggestions","required":false,"type":"SuggestionOptions<Reference>"},{"description":"Uploads a file to a hosting service and returns the URL. If not provided, file uploads\nwill be disabled.","defaultValue":"","name":"onUploadFile","required":false,"type":"(file: File) => Promise<FileUploadResult>"},{"description":"Array of allowed file types. If `onUploadFile` is defined but this array is not, all\nfile types will be accepted. You can still reject file types by rejecting the `onUploadFile`\npromise, but setting this array provides a better user experience by preventing the\nupload in the first place.","defaultValue":"","name":"acceptedFileTypes","required":false,"type":"FileType[]"},{"description":"Control whether the editor font is monospace.","defaultValue":"false","name":"monospace","required":false,"type":"boolean"},{"description":"Control whether the input is required.","defaultValue":"false","name":"required","required":false,"type":"boolean"},{"description":"The name that will be given to the `textarea`.","defaultValue":"","name":"name","required":false,"type":"string"},{"description":"To enable the saved replies feature, provide an array of replies.","defaultValue":"","name":"savedReplies","required":false,"type":"SavedReply[]"},{"description":"Control whether URLs are pasted as plain text instead of as formatted links (if the\nuser has selected some text before pasting). Defaults to `false` (URLs will paste as\nlinks). This should typically be controlled by user settings.\n\nUsers can always toggle this behavior by holding `shift` when pasting.","defaultValue":"false","name":"pasteUrlsAsPlainText","required":false,"type":"boolean"}]},{"id":"7c8c4a8f-adc2-536e-b836-ec6acacf4f06","name":"MarkdownEditor.ToolbarButton","props":[]},{"id":"41ccf11c-13c4-5ee7-9132-1caa86fc73b7","name":"MarkdownEditor.DefaultToolbarButtons","props":[]},{"id":"3551f621-b262-5593-8285-b38d9667feeb","name":"CoreToolbar","props":[]},{"id":"30dce6a7-bcef-5dfd-9a54-91e6663d04f9","name":"MarkdownEditor.Toolbar","props":[]},{"id":"f2f45dfd-9013-55bb-b71d-3d6b014efb55","name":"FormattingTools","props":[{"description":"","defaultValue":"","name":"forInputId","required":true,"type":"string"}]},{"id":"4c9b75ff-590b-5b7f-a328-f2002af1ed57","name":"MarkdownInput","props":[{"description":"","defaultValue":"","name":"value","required":true,"type":"string"},{"description":"","defaultValue":"","name":"onChange","required":true,"type":"React.ChangeEventHandler<HTMLTextAreaElement>"},{"description":"","defaultValue":"","name":"id","required":true,"type":"string"},{"description":"","defaultValue":"","name":"isDraggedOver","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"minHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"maxHeightLines","required":true,"type":"number"},{"description":"","defaultValue":"","name":"monospace","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"pasteUrlsAsPlainText","required":true,"type":"boolean"},{"description":"Use this prop to control visibility instead of unmounting, so the undo stack and custom height are preserved.","defaultValue":"","name":"visible","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"onKeyDown","required":false,"type":"React.KeyboardEventHandler<HTMLTextAreaElement>"},{"description":"Apply inactive visual appearance to the Textarea","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"placeholder","required":false,"type":"string"},{"description":"","defaultValue":"","name":"maxLength","required":false,"type":"number"},{"description":"","defaultValue":"","name":"fullHeight","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"emojiSuggestions","required":false,"type":"SuggestionOptions<Emoji>"},{"description":"","defaultValue":"","name":"mentionSuggestions","required":false,"type":"SuggestionOptions<Mentionable>"},{"description":"","defaultValue":"","name":"referenceSuggestions","required":false,"type":"SuggestionOptions<Reference>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"Allows resizing of the textarea","defaultValue":"","name":"resize","required":false,"type":"\"none\" | \"both\" | \"horizontal\" | \"vertical\""},{"description":"Block","defaultValue":"","name":"block","required":false,"type":"boolean"},{"description":"Indicates whether the Textarea validation state","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"}]},{"id":"e94b3f30-f39c-5881-8d2e-9ba0a8d0e0c0","name":"ViewSwitch","props":[{"description":"","defaultValue":"","name":"selectedView","required":true,"type":"MarkdownViewMode"},{"description":"Called when the preview should be loaded.","defaultValue":"","name":"onLoadPreview","required":true,"type":"() => void"},{"description":"","defaultValue":"","name":"onViewSelect","required":false,"type":"(view: MarkdownViewMode) => void"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"}]},{"id":"05fe9377-ab0f-527e-bcd5-f43d1a9c4357","name":"Default","props":[{"description":"","defaultValue":"","name":"loading","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"linksInNewTab","required":true,"type":"boolean"}]},{"id":"47425cd2-1f57-501f-99cc-47ec8a0c0a28","name":"LinkInterception","props":[{"description":"","defaultValue":"","name":"loading","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"linksInNewTab","required":true,"type":"boolean"}]},{"id":"c9e2576d-1890-5e08-a7d7-853db643bfc1","name":"Interactive","props":[{"description":"","defaultValue":"","name":"loading","required":true,"type":"boolean"},{"description":"","defaultValue":"","name":"linksInNewTab","required":true,"type":"boolean"}]},{"id":"357103dc-2aac-5665-a06d-e90fe8030d92","name":"MarkdownViewer","props":[{"description":"Set the rendered HTML of the viewer. To prevent XSS, ensure that the source of this\nHTML is trusted!","defaultValue":"","name":"dangerousRenderedHTML","required":true,"type":"{ __html: string; }"},{"description":"Show a loading spinner instead of content.","defaultValue":"false","name":"loading","required":false,"type":"boolean"},{"description":"Called when the user clicks a link element. This can be used to intercept the click\nand provide custom routing. Note that this is a native HTML `MouseEvent` and not a\n`React.ClickEvent`.","defaultValue":"","name":"onLinkClick","required":false,"type":"(event: MouseEvent) => void"},{"description":"","defaultValue":"false","name":"openLinksInNewTab","required":false,"type":"boolean"},{"description":"The markdown the HTML was rendered from. This is not used for viewing, only as a source\nfor change events.","defaultValue":"","name":"markdownValue","required":false,"type":"string"},{"description":"Called when the user interacts and updates the Markdown. The rendered Markdown is\nupdated eagerly - if the request fails, a rejected Promise should be returned by\nthis handler. In that case, the viewer will revert the visual change.\n\nIf the change is handled by an async API request (as it typically will be in production\ncode), the viewer should be `disabled` while the request is pending to avoid conflicts.\nTo allow users to check multiple boxes rapidly, the API request should be debounced (an\nideal debounce duration is about 1 second).","defaultValue":"","name":"onChange","required":false,"type":"(markdown: string) => void | Promise<void>"},{"description":"Control whether interaction is disabled.","defaultValue":"false","name":"disabled","required":false,"type":"boolean"}]},{"id":"e9d1c6d0-8bfa-5a9d-b229-3bf3de3215ed","name":"Button","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"0a5383e6-4a86-54ac-8876-bb42b36516b4","name":"LiveRegion","props":[]},{"id":"368e9d51-bfb9-52e1-98dd-950ff99b60f6","name":"Message","props":[{"description":"","defaultValue":"","name":"value","required":true,"type":"string"}]},{"id":"de7c3794-35c0-51aa-bc5f-afce519ee800","name":"TextInputBaseWrapper","props":[{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"block","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"monospace","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"hasTrailingAction","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"isInputFocused","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"}]},{"id":"39a218f0-4277-533d-a16e-2c8311e8d670","name":"TextInputWrapper","props":[{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"size","required":false,"type":"TextInputSizes"},{"description":"","defaultValue":"","name":"block","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"monospace","required":false,"type":"boolean"},{"description":"@deprecated Use `size` prop instead","defaultValue":"","name":"variant","required":false,"type":"TextInputSizes"},{"description":"","defaultValue":"","name":"hasLeadingVisual","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"hasTrailingVisual","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"hasTrailingAction","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"isInputFocused","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"}]},{"id":"b5bf0bdd-e0b0-53ad-a5e7-2f96c38593aa","name":"UnstyledTextInput","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"a22e1dac-9c48-5531-b03a-633256527fbf","name":"VisuallyHidden","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"e64a7964-8038-50f9-a89b-df09eadf2132","name":"defaultButton","props":[{"description":"","defaultValue":"","name":"variant","required":false,"type":"ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>> & (\"small\" | \"medium\" | \"large\")"}]},{"id":"90eddf40-dd71-53ad-9549-d630ffb75db0","name":"dangerButton","props":[{"description":"","defaultValue":"","name":"variant","required":false,"type":"ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>> & (\"small\" | \"medium\" | \"large\")"}]},{"id":"854891c3-f675-5ccb-aea3-d9e0f100e289","name":"outlineButton","props":[{"description":"","defaultValue":"","name":"variant","required":false,"type":"ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>> & (\"small\" | \"medium\" | \"large\")"}]},{"id":"9641b8b1-55aa-5309-8185-69a6282275b9","name":"primaryButton","props":[{"description":"","defaultValue":"","name":"variant","required":false,"type":"ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>> & (\"small\" | \"medium\" | \"large\")"}]},{"id":"7037a856-19a5-5a91-9ac8-188ce2bb0346","name":"invisibleButton","props":[{"description":"","defaultValue":"","name":"variant","required":false,"type":"ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>> & (\"small\" | \"medium\" | \"large\")"}]},{"id":"16014aec-fbf3-59ae-a623-732561d59cb6","name":"closeButton","props":[]},{"id":"3522e47a-519d-5e8c-9c5e-d5457d87b5ee","name":"buttonTableList","props":[]},{"id":"4426524d-3618-521b-bb47-7a1720a20d5a","name":"disabledButton","props":[{"description":"","defaultValue":"","name":"variant","required":false,"type":"ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>> & (\"small\" | \"medium\" | \"large\")"}]},{"id":"57682e5d-986c-53ee-8daf-9c2d57796978","name":"useEmojiSuggestions","props":[]},{"id":"4a584502-b45d-53cf-9308-23c233dd050e","name":"useMentionSuggestions","props":[]},{"id":"7108b0b8-fbb5-5974-8da5-b1e0f61e0293","name":"useReferenceSuggestions","props":[]}]}}}