{"data":{"allComponentMetadata":{"nodes":[{"id":"69737bc7-22a8-5687-8a35-ccb702368684","name":"Avatar","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"Sets the width and height of the avatar.","defaultValue":"20","name":"size","required":false,"type":"number"},{"description":"Sets the shape of the avatar to a square if true. If false, the avatar will be circular.","defaultValue":"false","name":"square","required":false,"type":"boolean"},{"description":"Provide alt text when the Avatar is used without the user's name next to it.","defaultValue":"","name":"alt","required":false,"type":"string"},{"description":"URL of the avatar image.","defaultValue":"","name":"src","required":false,"type":"string"}]},{"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":"f39a5cbc-238b-50b8-b2b1-fb8f3b267a47","name":"BaseStyles","props":[{"description":"","defaultValue":"","name":"whiteSpace","required":false,"type":"\"pre\" | \"normal\" | \"nowrap\" | \"pre-line\" | \"pre-wrap\""}]},{"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":"5f8c5e85-f8a9-59d7-a96b-6313d653ea6b","name":"ButtonGroup","props":[]},{"id":"12da7586-6da1-5073-907b-ba43967b7c32","name":"Caret","props":[{"description":"","defaultValue":"canvas.default","name":"bg","required":false,"type":"string"},{"description":"","defaultValue":"border.default","name":"borderColor","required":false,"type":"string"},{"description":"","defaultValue":"1","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":"de21b662-7363-597a-b21f-56e6b1b640e7","name":"Checkbox","props":[]},{"id":"98ad7c99-8605-5be4-873f-93893c263f98","name":"CheckboxGroup","props":[{"description":"An onChange handler that gets called when any of the checkboxes change","defaultValue":"","name":"onChange","required":false,"type":"(selected: string[], e?: ChangeEvent<HTMLInputElement>) => void"},{"description":"Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label`","defaultValue":"","name":"aria-labelledby","required":false,"type":"string"},{"description":"Whether the input group allows user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this input group. Used to associate the label, validation text, and caption text.\nYou may want a custom ID to make it easier to select elements in integration tests.","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"If true, the user must make a selection before the owning form can be submitted","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"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":"false","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<{ size?: number | Size; }>"},{"description":"","defaultValue":"","name":"as","required":false,"type":"React.ElementType"},{"description":"","defaultValue":"32","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":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"scheme","required":false,"type":"\"primary\" | \"secondary\""}]},{"id":"f0a0c9d1-8757-5d60-9c1b-fa9437ba2dbb","name":"Details","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"e167e0c3-de62-55c7-96ff-6166d7864947","name":"FilterList","props":[]},{"id":"33c25a61-3b70-5477-8f38-14ef511a06e5","name":"FilteredSearch","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"49aa635a-95e8-5852-8099-9fa8c3f5059d","name":"Flash","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"default","name":"variant","required":false,"type":"\"success\" | \"danger\" | \"default\" | \"warning\""},{"description":"","defaultValue":"","name":"full","required":false,"type":"boolean"}]},{"id":"575ca804-41a6-51bb-b028-51f119e23212","name":"Heading","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"91b3b60d-3a92-56e5-afa5-6b34a3532c70","name":"LabelGroup","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"62c535db-e3c7-51c3-8db6-adb3e2247b8a","name":"Link","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"muted","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"underline","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"hoverColor","required":false,"type":"string"}]},{"id":"97ad5325-a3c4-58dd-ba9d-324482c25779","name":"Pagehead","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"327bb29a-83fc-5c86-a6e5-347865fba511","name":"Placeholder","props":[]},{"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":"top","name":"caret","required":false,"type":"CaretPosition"}]},{"id":"823b5112-7eb9-55fe-a7b5-b3f55d79b563","name":"ProgressBar","props":[{"description":"","defaultValue":"success.emphasis","name":"bg","required":false,"type":"string"},{"description":"","defaultValue":"","name":"inline","required":false,"type":"boolean"},{"description":"","defaultValue":"default","name":"barSize","required":false,"type":"\"small\" | \"large\" | \"default\""},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"progress","required":false,"type":"string | number"}]},{"id":"cc9da89a-3572-56a3-ba9e-b3af15d75a47","name":"Radio","props":[]},{"id":"61839cce-fec5-5c3d-8acd-e53b6eb539ba","name":"RadioGroup","props":[{"description":"The name used to identify this group of radios","defaultValue":"","name":"name","required":true,"type":"string"},{"description":"An onChange handler that gets called when the selection changes","defaultValue":"","name":"onChange","required":false,"type":"(selected: string, e?: ChangeEvent<HTMLInputElement>) => void"},{"description":"Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label`","defaultValue":"","name":"aria-labelledby","required":false,"type":"string"},{"description":"Whether the input group allows user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this input group. Used to associate the label, validation text, and caption text.\nYou may want a custom ID to make it easier to select elements in integration tests.","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"If true, the user must make a selection before the owning form can be submitted","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"ca44530a-4199-55fd-901d-22c1c4ccea14","name":"SideNav","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"className","required":false,"type":"string"},{"description":"","defaultValue":"","name":"aria-label","required":false,"type":"string"},{"description":"","defaultValue":"normal","name":"variant","required":false,"type":"\"normal\" | \"lightweight\""},{"description":"","defaultValue":"","name":"bordered","required":false,"type":"boolean"}]},{"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":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"status","required":false,"type":"\"issueClosed\" | \"pullClosed\" | \"pullMerged\" | \"issueOpened\" | \"pullOpened\" | \"draft\" | \"issueDraft\""},{"description":"","defaultValue":"normal","name":"variant","required":false,"type":"\"small\" | \"normal\""}]},{"id":"f3eb899b-6ad6-5db9-9fde-189e14ff8bd9","name":"StyledOcticon","props":[{"description":"","defaultValue":"","name":"icon","required":true,"type":"React.ElementType"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"color","required":false,"type":"string"}]},{"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-line\" | \"pre-wrap\""}]},{"id":"be443acf-3a8d-57f9-a957-5972895623c3","name":"TextInput","props":[]},{"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":"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":"ef395731-066a-555a-9a13-5c7e98e011c6","name":"Truncate","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"title","required":false,"type":"string"},{"description":"","defaultValue":"false","name":"inline","required":false,"type":"boolean"},{"description":"","defaultValue":"false","name":"expandable","required":false,"type":"boolean"}]},{"id":"12f183ab-2ef1-522c-ad49-14442af2c54e","name":"UnderlineNav","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":"723c4d6e-1105-5c37-b7bc-06214a65ed9a","name":"TextInputInnerAction","props":[]},{"id":"de7c3794-35c0-51aa-bc5f-afce519ee800","name":"TextInputBaseWrapper","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"block","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"monospace","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"hasTrailingAction","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"isInputFocused","required":false,"type":"boolean"}]},{"id":"39a218f0-4277-533d-a16e-2c8311e8d670","name":"TextInputWrapper","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"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":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"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"}]},{"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"},{"description":"","defaultValue":"false","name":"isVisible","required":false,"type":"boolean"}]},{"id":"ad663674-9ba8-59b4-a845-8b2fdcd6dac1","name":"Divider","props":[]},{"id":"43245a8b-c0c9-56c5-848f-0d5858474479","name":"LinkItem","props":[]},{"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":"No selectable options","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":"single","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<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"key\" | keyof HTMLAttributes<HTMLDivElement>> & { ...; }, \"width\" | ... 5 more ... | \"as\"> & 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":"top","required":false,"type":"number"},{"description":"","defaultValue":"","name":"left","required":false,"type":"number"},{"description":"","defaultValue":"","name":"portalContainerName","required":false,"type":"string"},{"description":"","defaultValue":"","name":"preventFocusOnOpen","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"role","required":false,"type":"AriaRole"}]},{"id":"18a3e530-fc17-50c3-a45c-161b3d573309","name":"iconBeforeButton","props":[{"description":"The leading icon comes before button content","defaultValue":"","name":"leadingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"The trailing icon comes after button content","defaultValue":"","name":"trailingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'","defaultValue":"","name":"variant","required":false,"type":"VariantType"},{"description":"Size of button and fontSize of text in button","defaultValue":"","name":"size","required":false,"type":"Size"},{"description":"Items that are disabled can not be clicked, selected, or navigated through.","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"9d6db1a4-e652-5d40-a9c4-53a54bdb62c8","name":"iconButton","props":[{"description":"The leading icon comes before button content","defaultValue":"","name":"leadingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"The trailing icon comes after button content","defaultValue":"","name":"trailingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'","defaultValue":"","name":"variant","required":false,"type":"VariantType"},{"description":"Size of button and fontSize of text in button","defaultValue":"","name":"size","required":false,"type":"Size"},{"description":"Items that are disabled can not be clicked, selected, or navigated through.","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"240596f8-b517-5f0e-9653-f70bbe8a9cbc","name":"WatchCounterButton","props":[{"description":"The leading icon comes before button content","defaultValue":"","name":"leadingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"The trailing icon comes after button content","defaultValue":"","name":"trailingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'","defaultValue":"","name":"variant","required":false,"type":"VariantType"},{"description":"Size of button and fontSize of text in button","defaultValue":"","name":"size","required":false,"type":"Size"},{"description":"Items that are disabled can not be clicked, selected, or navigated through.","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"d36ea536-daf4-58e6-a2d7-ceefc6aeacd9","name":"WatchIconButton","props":[{"description":"The leading icon comes before button content","defaultValue":"","name":"leadingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"The trailing icon comes after button content","defaultValue":"","name":"trailingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'","defaultValue":"","name":"variant","required":false,"type":"VariantType"},{"description":"Size of button and fontSize of text in button","defaultValue":"","name":"size","required":false,"type":"Size"},{"description":"Items that are disabled can not be clicked, selected, or navigated through.","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"7fad16e4-512a-5a2b-8f45-20d91dbcc790","name":"caretButton","props":[{"description":"The leading icon comes before button content","defaultValue":"","name":"leadingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"The trailing icon comes after button content","defaultValue":"","name":"trailingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'","defaultValue":"","name":"variant","required":false,"type":"VariantType"},{"description":"Size of button and fontSize of text in button","defaultValue":"","name":"size","required":false,"type":"Size"},{"description":"Items that are disabled can not be clicked, selected, or navigated through.","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"1bf85221-cdca-590f-8733-aaac5bdc2812","name":"blockButton","props":[{"description":"The leading icon comes before button content","defaultValue":"","name":"leadingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"The trailing icon comes after button content","defaultValue":"","name":"trailingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'","defaultValue":"","name":"variant","required":false,"type":"VariantType"},{"description":"Size of button and fontSize of text in button","defaultValue":"","name":"size","required":false,"type":"Size"},{"description":"Items that are disabled can not be clicked, selected, or navigated through.","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"d5ca5c7c-d218-5569-b723-ee4323a787ee","name":"DisabledButton","props":[{"description":"The leading icon comes before button content","defaultValue":"","name":"leadingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"The trailing icon comes after button content","defaultValue":"","name":"trailingIcon","required":false,"type":"React.FunctionComponent<IconProps>"},{"description":"Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'","defaultValue":"","name":"variant","required":false,"type":"VariantType"},{"description":"Size of button and fontSize of text in button","defaultValue":"","name":"size","required":false,"type":"Size"},{"description":"Items that are disabled can not be clicked, selected, or navigated through.","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"8e941892-36f2-5535-9944-71730cddbd2e","name":"Counter","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"d74ebc57-1ad4-556f-8c8f-fbe459c447a2","name":"IconButton","props":[]},{"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":"0faec007-7c26-570d-bb4f-239036ef5151","name":"Meta","props":[]},{"id":"1d7b84ac-21ba-58ec-b87b-3cc007621dbd","name":"FilteredActionList","props":[{"description":"","defaultValue":"","name":"placeholderText","required":true,"type":"string"},{"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":"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":"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":"6aa5bc97-c0cb-598b-9d2d-81777a3e3718","name":"registerPortalRoot","props":[]},{"id":"7a65287d-e0b3-5840-8be8-0be02639d972","name":"Portal","props":[]},{"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":"placeholderText","required":true,"type":"string"},{"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":"","name":"placeholder","required":false,"type":"string"},{"description":"","defaultValue":"","name":"overlayProps","required":false,"type":"Partial<Omit<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"key\" | keyof HTMLAttributes<HTMLDivElement>> & { ...; }, \"width\" | ... 5 more ... | \"as\"> & Omit<...> & BaseOverlayProps & { ...; }>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"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":"","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"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":"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":"","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":"2951a73b-e34a-56fe-811e-4a8a044ea3be","name":"AvatarToken","props":[]},{"id":"5ca28a84-bf6f-5c43-a7bd-fa3640aff05a","name":"IssueLabelToken","props":[]},{"id":"d0899ead-9e46-52bf-8ce8-c8b0d40fa5e9","name":"Token","props":[]},{"id":"8c2c6ae3-2727-5296-984e-b7e96704e628","name":"isTokenInteractive","props":[{"description":"","defaultValue":"","name":"onFocus","required":true,"type":"React.HTMLProps<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>"},{"description":"","defaultValue":"","name":"onClick","required":true,"type":"React.HTMLProps<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>"},{"description":"","defaultValue":"span","name":"as","required":false,"type":"\"a\" | \"button\" | \"span\""},{"description":"","defaultValue":"-1","name":"tabIndex","required":false,"type":"React.HTMLProps<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>"}]},{"id":"419ad944-f77e-540d-9452-9ff96230b7c3","name":"TokenTextContainer","props":[]},{"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":"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<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"key\" | keyof HTMLAttributes<HTMLDivElement>> & { ...; }, \"width\" | ... 5 more ... | \"as\"> & 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":"9a90b33d-a1c2-5b20-a00e-f051df6f110d","name":"Label","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"outline","required":false,"type":"boolean"},{"description":"","defaultValue":"medium","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\" | \"xl\""},{"description":"","defaultValue":"","name":"dropshadow","required":false,"type":"boolean"}]},{"id":"a8681351-310a-526f-a606-be1d3a28cfda","name":"Position","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"as","required":false,"type":"any"}]},{"id":"e5d668a2-2276-5ccb-a70c-ed5ea02beda2","name":"useDetails","props":[{"description":"","defaultValue":"","name":"ref","required":false,"type":"RefObject<HTMLElement>"},{"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":"a90075bc-93dc-5157-96ad-77f72f6cc3bd","name":"useOnOutsideClick","props":[{"description":"","defaultValue":"","name":"containerRef","required":true,"type":"React.RefObject<HTMLDivElement>"},{"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":"f3a44de9-9a0f-5c27-926e-2127de32d0a4","name":"Uncontrolled","props":[{"description":"Apply indeterminate visual appearance to the checkbox","defaultValue":"","name":"indeterminate","required":false,"type":"boolean"},{"description":"Apply inactive visual appearance to the checkbox","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"Forward a ref to the underlying input element","defaultValue":"","name":"ref","required":false,"type":"React.RefObject<HTMLInputElement>"},{"description":"Indicates whether the checkbox must be checked","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"Indicates whether the checkbox validation state","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"A unique value that is never shown to the user.\nUsed during form submission and to identify which checkbox inputs are selected","defaultValue":"","name":"value","required":false,"type":"string & (string | number | readonly string[])"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"65b7ce3d-0600-5199-b9db-69afcdd51bf9","name":"Indeterminate","props":[{"description":"Apply indeterminate visual appearance to the checkbox","defaultValue":"","name":"indeterminate","required":false,"type":"boolean"},{"description":"Apply inactive visual appearance to the checkbox","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"Forward a ref to the underlying input element","defaultValue":"","name":"ref","required":false,"type":"React.RefObject<HTMLInputElement>"},{"description":"Indicates whether the checkbox must be checked","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"Indicates whether the checkbox validation state","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"A unique value that is never shown to the user.\nUsed during form submission and to identify which checkbox inputs are selected","defaultValue":"","name":"value","required":false,"type":"string & (string | number | readonly string[])"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"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":"e502ad8c-6bef-5533-a332-0302a4148397","name":"TextInputFormControl","props":[]},{"id":"3fa1b32a-53c5-5e84-94e4-aa7cf6c25aee","name":"WithAVisuallyHiddenLabel","props":[]},{"id":"171ada8c-9286-56f5-8dfc-23d8b5719469","name":"WithCaption","props":[]},{"id":"0f222be8-5cc8-501e-a7ea-ddeab63f06b3","name":"WithValidation","props":[]},{"id":"b3404862-7ea2-557b-b628-2ab21b11cd45","name":"WithValidationAndCaption","props":[]},{"id":"a3e20dd6-0120-5286-9854-35a630892ba9","name":"UsingAutocompleteInput","props":[]},{"id":"e06c85b9-fdc6-5da0-9ebb-bada346527f4","name":"UsingTextInputWithTokens","props":[]},{"id":"a2a00b1e-bb40-540b-a8e4-b2a17ed71d8e","name":"UsingSelectInput","props":[]},{"id":"cab173e1-8168-5700-8107-193999334dce","name":"UsingCheckboxInput","props":[]},{"id":"4b017a6a-f206-50ca-8ad2-2e7f96556959","name":"UsingRadioInput","props":[]},{"id":"d7e9f431-154a-571d-b200-1c3ec38bab7a","name":"UsingCustomInput","props":[]},{"id":"6efa904a-61f9-5366-a4c7-ae1d97413b39","name":"WithCaptionAndLeadingVisual","props":[]},{"id":"1f4b6517-f669-5e77-bb63-88065bffa818","name":"DefaultToken","props":[]},{"id":"c9e2576d-1890-5e08-a7d7-853db643bfc1","name":"Interactive","props":[]},{"id":"648f8804-beb4-53ed-946e-33de7e7756bf","name":"WithOnRemoveFn","props":[]},{"id":"9089d86e-9deb-5d9f-8f66-f5dde515dbd4","name":"label","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"How large the label is rendered","defaultValue":"","name":"size","required":false,"type":"LabelSizeKeys"},{"description":"The color of the label","defaultValue":"","name":"variant","required":false,"type":"LabelColorOptions"}]},{"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":"04b46f58-0443-56d6-a0fa-06fdf858d767","name":"MultipleRadios","props":[{"description":"A unique value that is never shown to the user.\nUsed during form submission and to identify which radio button in a group is selected","defaultValue":"","name":"value","required":false,"type":"string & (string | number | readonly string[])"},{"description":"Name attribute of the input element. Required for grouping radio inputs","defaultValue":"","name":"name","required":false,"type":"string"},{"description":"Apply inactive visual appearance to the radio button","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"Indicates whether the radio button is selected","defaultValue":"","name":"checked","required":false,"type":"boolean"},{"description":"Forward a ref to the underlying input element","defaultValue":"","name":"ref","required":false,"type":"React.RefObject<HTMLInputElement>"},{"description":"Indicates whether the radio button must be checked before the form can be submitted","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"Indicates whether the radio button validation state is non-standard","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"c74a9b9b-1267-5a27-888e-164f159c12b3","name":"WithOptionGroups","props":[]},{"id":"26e62d35-87d9-53a9-884d-ce480cef20c2","name":"WithAPlaceholder","props":[]},{"id":"679bac41-8a64-5877-82e8-a06b730f524c","name":"WithTrailingIcon","props":[{"description":"@deprecated Use `leadingVisual` or `trailingVisual` prop instead","defaultValue":"","name":"icon","required":false,"type":"React.ComponentType<{ className?: string; }>"},{"description":"Whether the to show a loading indicator in the input","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"description":"Which position to render the loading indicator\n'auto' (default): at the end of the input, unless a `leadingVisual` is passed. Then, it will render at the beginning\n'leading': at the beginning of the input\n'trailing': at the end of the input","defaultValue":"","name":"loaderPosition","required":false,"type":"\"auto\" | \"leading\" | \"trailing\""},{"description":"A visual that renders inside the input before the typing area","defaultValue":"","name":"leadingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingAction","required":false,"type":"React.ReactElement<React.HTMLProps<HTMLButtonElement>>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"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":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"@deprecated Use `size` prop instead","defaultValue":"","name":"variant","required":false,"type":"TextInputSizes"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"}]},{"id":"26238186-b655-56e9-8317-01f6384a9685","name":"WithTrailingAction","props":[{"description":"@deprecated Use `leadingVisual` or `trailingVisual` prop instead","defaultValue":"","name":"icon","required":false,"type":"React.ComponentType<{ className?: string; }>"},{"description":"Whether the to show a loading indicator in the input","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"description":"Which position to render the loading indicator\n'auto' (default): at the end of the input, unless a `leadingVisual` is passed. Then, it will render at the beginning\n'leading': at the beginning of the input\n'trailing': at the end of the input","defaultValue":"","name":"loaderPosition","required":false,"type":"\"auto\" | \"leading\" | \"trailing\""},{"description":"A visual that renders inside the input before the typing area","defaultValue":"","name":"leadingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingAction","required":false,"type":"React.ReactElement<React.HTMLProps<HTMLButtonElement>>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"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":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"@deprecated Use `size` prop instead","defaultValue":"","name":"variant","required":false,"type":"TextInputSizes"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"}]},{"id":"093cdf5d-8d7d-5004-8647-d768c3858113","name":"ContrastTextInput","props":[{"description":"@deprecated Use `leadingVisual` or `trailingVisual` prop instead","defaultValue":"","name":"icon","required":false,"type":"React.ComponentType<{ className?: string; }>"},{"description":"Whether the to show a loading indicator in the input","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"description":"Which position to render the loading indicator\n'auto' (default): at the end of the input, unless a `leadingVisual` is passed. Then, it will render at the beginning\n'leading': at the beginning of the input\n'trailing': at the end of the input","defaultValue":"","name":"loaderPosition","required":false,"type":"\"auto\" | \"leading\" | \"trailing\""},{"description":"A visual that renders inside the input before the typing area","defaultValue":"","name":"leadingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingAction","required":false,"type":"React.ReactElement<React.HTMLProps<HTMLButtonElement>>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"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":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"@deprecated Use `size` prop instead","defaultValue":"","name":"variant","required":false,"type":"TextInputSizes"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"}]},{"id":"231e67df-61d8-5521-912f-80b04e2b2be6","name":"Password","props":[{"description":"@deprecated Use `leadingVisual` or `trailingVisual` prop instead","defaultValue":"","name":"icon","required":false,"type":"React.ComponentType<{ className?: string; }>"},{"description":"Whether the to show a loading indicator in the input","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"description":"Which position to render the loading indicator\n'auto' (default): at the end of the input, unless a `leadingVisual` is passed. Then, it will render at the beginning\n'leading': at the beginning of the input\n'trailing': at the end of the input","defaultValue":"","name":"loaderPosition","required":false,"type":"\"auto\" | \"leading\" | \"trailing\""},{"description":"A visual that renders inside the input before the typing area","defaultValue":"","name":"leadingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingAction","required":false,"type":"React.ReactElement<React.HTMLProps<HTMLButtonElement>>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"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":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"@deprecated Use `size` prop instead","defaultValue":"","name":"variant","required":false,"type":"TextInputSizes"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"}]},{"id":"b609ea54-321d-5294-9ac6-79e66b0dd13d","name":"TextInputInWarningState","props":[{"description":"@deprecated Use `leadingVisual` or `trailingVisual` prop instead","defaultValue":"","name":"icon","required":false,"type":"React.ComponentType<{ className?: string; }>"},{"description":"Whether the to show a loading indicator in the input","defaultValue":"","name":"loading","required":false,"type":"boolean"},{"description":"Which position to render the loading indicator\n'auto' (default): at the end of the input, unless a `leadingVisual` is passed. Then, it will render at the beginning\n'leading': at the beginning of the input\n'trailing': at the end of the input","defaultValue":"","name":"loaderPosition","required":false,"type":"\"auto\" | \"leading\" | \"trailing\""},{"description":"A visual that renders inside the input before the typing area","defaultValue":"","name":"leadingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingVisual","required":false,"type":"any"},{"description":"A visual that renders inside the input after the typing area","defaultValue":"","name":"trailingAction","required":false,"type":"React.ReactElement<React.HTMLProps<HTMLButtonElement>>"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"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":"","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"@deprecated Use `size` prop instead","defaultValue":"","name":"variant","required":false,"type":"TextInputSizes"},{"description":"","defaultValue":"","name":"contrast","required":false,"type":"boolean"}]},{"id":"43f28185-a0f6-526d-a31d-5bf3dde71411","name":"WithTrailingVisual","props":[{"description":"The array of tokens to render","defaultValue":"","name":"tokens","required":true,"type":"unknown[]"},{"description":"The function that gets called when a token is removed","defaultValue":"","name":"onTokenRemove","required":true,"type":"(tokenId: string | number) => void"},{"description":"The component used to render each token","defaultValue":"","name":"tokenComponent","required":false,"type":"ForwardRefExoticComponent<Pick<TokenProps & SxProp, keyof TokenProps> & RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>"},{"description":"The maximum height of the component. If the content in the input exceeds this height,\nit will scroll vertically","defaultValue":"","name":"maxHeight","required":false,"type":"React.CSSProperties"},{"description":"Whether tokens should render inline horizontally. By default, tokens wrap to new lines.","defaultValue":"","name":"preventTokenWrapping","required":false,"type":"boolean"},{"description":"The size of the tokens and text input","defaultValue":"","name":"size","required":false,"type":"TokenSizeKeys"},{"description":"Whether the remove buttons should be rendered in the tokens","defaultValue":"","name":"hideTokenRemoveButtons","required":false,"type":"boolean"},{"description":"The number of tokens to display before truncating","defaultValue":"","name":"visibleTokenCount","required":false,"type":"number"}]},{"id":"6865f7e6-01b2-5098-9d79-e7fcd563f654","name":"WithLoadingIndicator","props":[{"description":"The array of tokens to render","defaultValue":"","name":"tokens","required":true,"type":"unknown[]"},{"description":"The function that gets called when a token is removed","defaultValue":"","name":"onTokenRemove","required":true,"type":"(tokenId: string | number) => void"},{"description":"The component used to render each token","defaultValue":"","name":"tokenComponent","required":false,"type":"ForwardRefExoticComponent<Pick<TokenProps & SxProp, keyof TokenProps> & RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>"},{"description":"The maximum height of the component. If the content in the input exceeds this height,\nit will scroll vertically","defaultValue":"","name":"maxHeight","required":false,"type":"React.CSSProperties"},{"description":"Whether tokens should render inline horizontally. By default, tokens wrap to new lines.","defaultValue":"","name":"preventTokenWrapping","required":false,"type":"boolean"},{"description":"The size of the tokens and text input","defaultValue":"","name":"size","required":false,"type":"TokenSizeKeys"},{"description":"Whether the remove buttons should be rendered in the tokens","defaultValue":"","name":"hideTokenRemoveButtons","required":false,"type":"boolean"},{"description":"The number of tokens to display before truncating","defaultValue":"","name":"visibleTokenCount","required":false,"type":"number"}]},{"id":"a0e79f90-6900-5ea6-8dbe-c6cabf8804c4","name":"UsingIssueLabelTokens","props":[{"description":"The array of tokens to render","defaultValue":"","name":"tokens","required":true,"type":"unknown[]"},{"description":"The function that gets called when a token is removed","defaultValue":"","name":"onTokenRemove","required":true,"type":"(tokenId: string | number) => void"},{"description":"The component used to render each token","defaultValue":"","name":"tokenComponent","required":false,"type":"ForwardRefExoticComponent<Pick<TokenProps & SxProp, keyof TokenProps> & RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>"},{"description":"The maximum height of the component. If the content in the input exceeds this height,\nit will scroll vertically","defaultValue":"","name":"maxHeight","required":false,"type":"React.CSSProperties"},{"description":"Whether tokens should render inline horizontally. By default, tokens wrap to new lines.","defaultValue":"","name":"preventTokenWrapping","required":false,"type":"boolean"},{"description":"The size of the tokens and text input","defaultValue":"","name":"size","required":false,"type":"TokenSizeKeys"},{"description":"Whether the remove buttons should be rendered in the tokens","defaultValue":"","name":"hideTokenRemoveButtons","required":false,"type":"boolean"},{"description":"The number of tokens to display before truncating","defaultValue":"","name":"visibleTokenCount","required":false,"type":"number"}]},{"id":"beb7ca6e-d010-5e4e-8324-bfd4f1e46d98","name":"MaxHeight","props":[{"description":"The array of tokens to render","defaultValue":"","name":"tokens","required":true,"type":"unknown[]"},{"description":"The function that gets called when a token is removed","defaultValue":"","name":"onTokenRemove","required":true,"type":"(tokenId: string | number) => void"},{"description":"The component used to render each token","defaultValue":"","name":"tokenComponent","required":false,"type":"ForwardRefExoticComponent<Pick<TokenProps & SxProp, keyof TokenProps> & RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>"},{"description":"The maximum height of the component. If the content in the input exceeds this height,\nit will scroll vertically","defaultValue":"","name":"maxHeight","required":false,"type":"React.CSSProperties"},{"description":"Whether tokens should render inline horizontally. By default, tokens wrap to new lines.","defaultValue":"","name":"preventTokenWrapping","required":false,"type":"boolean"},{"description":"The size of the tokens and text input","defaultValue":"","name":"size","required":false,"type":"TokenSizeKeys"},{"description":"Whether the remove buttons should be rendered in the tokens","defaultValue":"","name":"hideTokenRemoveButtons","required":false,"type":"boolean"},{"description":"The number of tokens to display before truncating","defaultValue":"","name":"visibleTokenCount","required":false,"type":"number"}]},{"id":"ff4eb6aa-0090-5152-a216-98dd410fe62a","name":"Unstyled","props":[{"description":"The array of tokens to render","defaultValue":"","name":"tokens","required":true,"type":"unknown[]"},{"description":"The function that gets called when a token is removed","defaultValue":"","name":"onTokenRemove","required":true,"type":"(tokenId: string | number) => void"},{"description":"The component used to render each token","defaultValue":"","name":"tokenComponent","required":false,"type":"ForwardRefExoticComponent<Pick<TokenProps & SxProp, keyof TokenProps> & RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>"},{"description":"The maximum height of the component. If the content in the input exceeds this height,\nit will scroll vertically","defaultValue":"","name":"maxHeight","required":false,"type":"React.CSSProperties"},{"description":"Whether tokens should render inline horizontally. By default, tokens wrap to new lines.","defaultValue":"","name":"preventTokenWrapping","required":false,"type":"boolean"},{"description":"The size of the tokens and text input","defaultValue":"","name":"size","required":false,"type":"TokenSizeKeys"},{"description":"Whether the remove buttons should be rendered in the tokens","defaultValue":"","name":"hideTokenRemoveButtons","required":false,"type":"boolean"},{"description":"The number of tokens to display before truncating","defaultValue":"","name":"visibleTokenCount","required":false,"type":"number"}]},{"id":"236f95bd-e4e2-56c1-a30c-401edebf49cc","name":"ValidationStates","props":[{"description":"Apply inactive visual appearance to the Textarea","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"Indicates whether the Textarea is a required form field","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"Indicates whether the Textarea validation state","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"Block","defaultValue":"","name":"block","required":false,"type":"boolean"},{"description":"Allows resizing of the textarea","defaultValue":"","name":"resize","required":false,"type":"\"none\" | \"both\" | \"horizontal\" | \"vertical\""},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"af093f04-1416-5dc9-973e-f66dc1f20242","name":"Inactive","props":[{"description":"Apply inactive visual appearance to the Textarea","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"Indicates whether the Textarea is a required form field","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"Indicates whether the Textarea validation state","defaultValue":"","name":"validationStatus","required":false,"type":"FormValidationStatus"},{"description":"Block","defaultValue":"","name":"block","required":false,"type":"boolean"},{"description":"Allows resizing of the textarea","defaultValue":"","name":"resize","required":false,"type":"\"none\" | \"both\" | \"horizontal\" | \"vertical\""},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"3eb3e98e-ea5a-5e73-9cb0-75e16f4648b8","name":"WithLeadingVisual","props":[]},{"id":"5f8a766a-02d6-549c-8b32-73567f67e4c8","name":"UseAnchoredPosition","props":[]},{"id":"3a1ccd4e-70b7-57cc-9ee9-70f35c09d584","name":"createslots","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":"481d7015-3019-5fae-88e2-6c0a7db935fe","name":"mount","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<any>"},{"description":"","defaultValue":"","name":"toRender","required":false,"type":"() => React.ReactElement"},{"description":"","defaultValue":"","name":"options","required":false,"type":"Options"}]},{"id":"e641deef-b4bd-52da-9ee0-2cbf5ae46dd1","name":"checkStoriesForAxeViolations","props":[]},{"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":[]},{"id":"d5311e20-0e18-5d5e-a324-864d08db31e2","name":"ActionList","props":[]},{"id":"e9d1c6d0-8bfa-5a9d-b229-3bf3de3215ed","name":"Button","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"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":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"2361fccc-2a13-509e-9dc5-b98d415763d2","name":"ButtonDanger","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"fb7dd071-1442-5a51-bac4-3806409a5e77","name":"ButtonInvisible","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"ddc695da-7507-50dc-abc1-8d3cb3364622","name":"ButtonOutline","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"description":"","defaultValue":"","name":"variant","required":false,"type":"\"small\" | \"medium\" | \"large\""}]},{"id":"76152cd6-5168-54a0-8da8-c0420f9a5cd1","name":"ButtonPrimary","props":[{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"as","required":false,"type":"undefined"},{"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":"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<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"key\" | keyof HTMLAttributes<HTMLDivElement>> & { ...; }, \"width\" | ... 5 more ... | \"as\"> & 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":"sx","required":false,"type":"BetterSystemStyleObject"},{"description":"","defaultValue":"","name":"as","required":false,"type":"React.ElementType"},{"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":"be7e2d29-1a93-524e-b63d-eca6be690076","name":"Basic","props":[{"description":"The name used to identify this group of radios","defaultValue":"","name":"name","required":true,"type":"string"},{"description":"An onChange handler that gets called when the selection changes","defaultValue":"","name":"onChange","required":false,"type":"(selected: string, e?: ChangeEvent<HTMLInputElement>) => void"},{"description":"Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label`","defaultValue":"","name":"aria-labelledby","required":false,"type":"string"},{"description":"Whether the input group allows user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this input group. Used to associate the label, validation text, and caption text.\nYou may want a custom ID to make it easier to select elements in integration tests.","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"If true, the user must make a selection before the owning form can be submitted","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"84528c6b-7b0b-5660-91c5-5ed26ebc18a2","name":"WithCaptionAndValidation","props":[{"description":"The name used to identify this group of radios","defaultValue":"","name":"name","required":true,"type":"string"},{"description":"An onChange handler that gets called when the selection changes","defaultValue":"","name":"onChange","required":false,"type":"(selected: string, e?: ChangeEvent<HTMLInputElement>) => void"},{"description":"Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label`","defaultValue":"","name":"aria-labelledby","required":false,"type":"string"},{"description":"Whether the input group allows user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this input group. Used to associate the label, validation text, and caption text.\nYou may want a custom ID to make it easier to select elements in integration tests.","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"If true, the user must make a selection before the owning form can be submitted","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"57ad0b0b-9872-5df4-b06d-695debbddc0f","name":"WithExternalLabel","props":[{"description":"The name used to identify this group of radios","defaultValue":"","name":"name","required":true,"type":"string"},{"description":"An onChange handler that gets called when the selection changes","defaultValue":"","name":"onChange","required":false,"type":"(selected: string, e?: ChangeEvent<HTMLInputElement>) => void"},{"description":"Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label`","defaultValue":"","name":"aria-labelledby","required":false,"type":"string"},{"description":"Whether the input group allows user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this input group. Used to associate the label, validation text, and caption text.\nYou may want a custom ID to make it easier to select elements in integration tests.","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"If true, the user must make a selection before the owning form can be submitted","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"6a9a5a74-9773-5076-8b97-4729c4382336","name":"WithHiddenLabel","props":[{"description":"The name used to identify this group of radios","defaultValue":"","name":"name","required":true,"type":"string"},{"description":"An onChange handler that gets called when the selection changes","defaultValue":"","name":"onChange","required":false,"type":"(selected: string, e?: ChangeEvent<HTMLInputElement>) => void"},{"description":"Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label`","defaultValue":"","name":"aria-labelledby","required":false,"type":"string"},{"description":"Whether the input group allows user input","defaultValue":"","name":"disabled","required":false,"type":"boolean"},{"description":"The unique identifier for this input group. Used to associate the label, validation text, and caption text.\nYou may want a custom ID to make it easier to select elements in integration tests.","defaultValue":"","name":"id","required":false,"type":"string"},{"description":"If true, the user must make a selection before the owning form can be submitted","defaultValue":"","name":"required","required":false,"type":"boolean"},{"description":"","defaultValue":"","name":"sx","required":false,"type":"BetterSystemStyleObject"}]},{"id":"05fe9377-ab0f-527e-bcd5-f43d1a9c4357","name":"Default","props":[]},{"id":"909d762a-8822-5db2-ab3b-25c24230d0bd","name":"Controlled","props":[]},{"id":"8748609f-6192-5fef-94e9-e196b36e06ba","name":"StatusLabelPositionedAtEnd","props":[]},{"id":"a938cb71-534f-5ff0-b22d-f6b51c6dc1f3","name":"Small","props":[]},{"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":"824394d0-2ce8-5d7c-8eb3-e7c431556192","name":"buttonGroup","props":[{"description":"","defaultValue":"","name":"variant","required":false,"type":"ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>> & (\"small\" | \"medium\" | \"large\")"}]},{"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\")"}]}]}}}