@baseline-ui/mcp 0.46.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,75 @@
1
+ {
2
+ "Accordion": "type AccordionProps = {\n/** The children of the accordion. Each child should be an `AccordionItem`. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The keys of the items that should be expanded by default. */\n/** @default new Set() */\n \"defaultExpandedKeys\"?: Set<Key>;\n/** The keys of the items that should be disabled. Disabled items cannot be\nexpanded or collapsed. */\n \"disabledKeys\"?: Set<Key>;\n/** The keys of the items that should be expanded. If this prop is provided,\nthe accordion will be a controlled component. This means that the expanded\nstate of the accordion will not change unless you update this prop. */\n \"expandedKeys\"?: Set<Key>;\n/** This prop controls the expansion mode of the accordion. If set to `single`,\nonly one item can be expanded at a time. If set to `multiple`, multiple\nitems can be expanded at the same time. */\n/** @default multiple */\n \"expansionMode\"?: \"single\" | \"multiple\";\n \"key\"?: Key | null;\n/** This callback is called when the expanded state of the accordion changes. */\n \"onChange\"?: ((value: Set<Key>) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
3
+ "ActionButton": "type ActionButtonProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Indicates whether this element represents the current item within a container or set of related elements. */\n \"aria-current\"?: boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\";\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Indicates whether the element is disabled to users of assistive technology. */\n \"aria-disabled\"?: boolean | \"true\" | \"false\";\n/** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */\n \"aria-expanded\"?: boolean | \"true\" | \"false\";\n/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n \"aria-haspopup\"?: boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\";\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Indicates the current \"pressed\" state of toggle buttons. */\n \"aria-pressed\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The button's class name. */\n \"className\"?: string | ((props: UIStateOptions<object>) => string);\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The HTML element or React element used to render the button, e.g. 'div', 'a', or `RouterLink`. */\n/** @default button */\n \"elementType\"?: \"button\" | \"div\" | JSXElementConstructor<any>;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form). */\n \"form\"?: string;\n/** The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner. */\n \"formAction\"?: string;\n/** Indicates how to encode the form data that is submitted. */\n \"formEncType\"?: string;\n/** Indicates the HTTP method used to submit the form. */\n \"formMethod\"?: string;\n/** Indicates that the form is not to be validated when it is submitted. */\n \"formNoValidate\"?: boolean;\n/** Overrides the target attribute of the button's form owner. */\n \"formTarget\"?: string;\n/** The button's icon after the label. */\n \"iconEnd\"?: FC<IconProps>;\n/** The button's icon before the label. */\n \"iconStart\"?: FC<IconProps>;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the button is disabled. */\n \"isDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The button's label. */\n \"label\": ReactNode;\n/** Submitted as a pair with the button's value as part of the form data. */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions. */\n \"onClick\"?: ((e: MouseEvent<FocusableElement, MouseEvent>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the press state changes. */\n \"onPressChange\"?: ((isPressed: boolean) => void);\n/** Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target. */\n \"onPressEnd\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press interaction starts. */\n \"onPressStart\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not. */\n \"onPressUp\"?: ((e: PressEvent) => void);\n/** Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative keyboard interaction is provided,\nsuch as ComboBox's MenuTrigger or a NumberField's increment/decrement control. */\n \"preventFocusOnPress\"?: boolean;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLButtonElement>;\n/** The button's size. */\n/** @default sm */\n \"size\"?: \"sm\" | \"md\" | \"lg\";\n/** The button's style. */\n \"style\"?: CSSProperties | ((props: UIStateOptions<object>) => CSSProperties);\n/** The behavior of the button when used in an HTML form. */\n/** @default 'button' */\n \"type\"?: \"button\" | \"submit\" | \"reset\";\n/** The value associated with the button's name when it's submitted with the form data. */\n \"value\"?: string;\n/** The button's variant. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"popover\" | \"toolbar\" | \"success\" | \"warning\" | \"error\";\n}",
4
+ "ActionGroup": "type ActionGroupProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The initial selected keys in the collection (uncontrolled). */\n \"defaultSelectedKeys\"?: Iterable<Key> | \"all\";\n/** A list of keys to disable. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** The icon visible at the start of the group. */\n \"icon\"?: FC<IconProps>;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the ActionGroup is disabled.\nShows that a selection exists, but is not available in that circumstance. */\n \"isDisabled\"?: boolean;\n/** The items to display in the action group. */\n \"items\": ListItem[];\n \"key\"?: Key | null;\n/** Invoked when an action is taken on a child. Especially useful when `selectionMode` is none.\nThe sole argument `key` is the key for the item. */\n \"onAction\"?: ((key: Key) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((keys: Selection) => void);\n/** The axis the ActionGroup should align with. */\n/** @default 'horizontal' */\n \"orientation\"?: Orientation;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** A function that renders an action item. This function is called for each\nitem in the action group. By default, an `ActionIconButton` is rendered. */\n/** @default ```jsx\n<ActionIconButton\n variant=\"tertiary\"\n icon={icon}\n aria-label={item.textValue}\n size=\"sm\"\n isDisabled={_isDisabled}\n className={\"BaselineUI-ActionGroup-Item\"}\n/>;\n``` */\n \"renderActionItem\"?: ((item: Node<ListItem>, options: { isSelected?: boolean; isDisabled?: boolean; }) => ReactNode) | undefined;\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: Iterable<Key> | \"all\";\n/** Represents the mode of selection for a component. This variable should be\nassigned one of the following string values: \"single\" or \"multiple\". */\n \"selectionMode\"?: \"single\" | \"multiple\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The props to be passed to the tooltip component. */\n \"tooltipProps\"?: ActionTooltipProps | ((item: ListItem) => ActionTooltipProps);\n}",
5
+ "ActionIconButton": "type ActionIconButtonProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Indicates whether this element represents the current item within a container or set of related elements. */\n \"aria-current\"?: boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\";\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Indicates whether the element is disabled to users of assistive technology. */\n \"aria-disabled\"?: boolean | \"true\" | \"false\";\n/** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */\n \"aria-expanded\"?: boolean | \"true\" | \"false\";\n/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n \"aria-haspopup\"?: boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\";\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Indicates the current \"pressed\" state of toggle buttons. */\n \"aria-pressed\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The button's class name. */\n \"className\"?: string | ((props: UIStateOptions<object>) => string);\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The drag props to use for drag and drop interactions. */\n \"dragProps\"?: HTMLAttributes<HTMLElement>;\n/** The HTML element or React element used to render the button, e.g. 'div', 'a', or `RouterLink`. */\n/** @default UNSAFE_VISUALLY_INTERACTIVE ? \"div\" : \"button\" */\n \"elementType\"?: JSXElementConstructor<any> | \"button\" | \"div\";\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form). */\n \"form\"?: string;\n/** The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner. */\n \"formAction\"?: string;\n/** Indicates how to encode the form data that is submitted. */\n \"formEncType\"?: string;\n/** Indicates the HTTP method used to submit the form. */\n \"formMethod\"?: string;\n/** Indicates that the form is not to be validated when it is submitted. */\n \"formNoValidate\"?: boolean;\n/** Overrides the target attribute of the button's form owner. */\n \"formTarget\"?: string;\n/** The icon to display */\n \"icon\": FC<IconProps>;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the button is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the button is excluded from roving focus. In this case, the button\nwill not be focusable using keyboard arrow keys but will still have correct\nrole, aria-label, aria-labelledby, aria-disabled, etc. Avoid using this\nprop unless absolutely necessary. */\n/** @default false */\n \"isExcludedFromRovingFocus\"?: boolean;\n \"key\"?: Key | null;\n/** Submitted as a pair with the button's value as part of the form data. */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions. */\n \"onClick\"?: ((e: MouseEvent<FocusableElement, MouseEvent>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the press state changes. */\n \"onPressChange\"?: ((isPressed: boolean) => void);\n/** Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target. */\n \"onPressEnd\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press interaction starts. */\n \"onPressStart\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not. */\n \"onPressUp\"?: ((e: PressEvent) => void);\n/** Indicates whether focusing should be prevented on press. */\n \"preventFocusOnPress\"?: boolean;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLButtonElement>;\n/** The size of the icon button. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\" | \"xxs\" | \"xs\" | \"lg\";\n/** The button's style. */\n \"style\"?: CSSProperties | ((props: UIStateOptions<object>) => CSSProperties);\n/** Whether to show a tooltip. You can pass a boolean or a partial tooltip\nobject that extends the default tooltip props. */\n/** @default false */\n \"tooltip\"?: boolean | Partial<Omit<TooltipProps, \"children\">>;\n/** The behavior of the button when used in an HTML form. */\n/** @default 'button' */\n \"type\"?: \"button\" | \"submit\" | \"reset\";\n/** There are some cases where we need to use a button that is not interactive.\nFor example, when we need to use a visual button inside a TabItem component\nthat should remove the tab when clicked. Since this button never needs to\nbe focused directly, we can set this prop to true to avoid the button being\nfocusable. At the same time we also avoid the [nested element\nrule](https://dequeuniversity.com/rules/axe/html/4.6/nested-interactive)\n\nThis is different from `isExcludedFromRovingFocus` because it only affects\nbecause this prop removes the button fully from the accessibility tree and\nrenders it as a div with no role, aria-label, aria-labelledby,\naria-disabled, etc. */\n/** @default false */\n \"UNSAFE_isVisuallyInteractiveOnly\"?: boolean;\n/** The value associated with the button's name when it's submitted with the form data. */\n \"value\"?: string;\n/** The variant of the icon button. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"toolbar\" | \"popover\";\n}",
6
+ "AlertDialog": "type AlertDialogProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The button that should be focused when the dialog is opened. */\n \"autoFocusButton\"?: \"primary\" | \"cancel\";\n/** The label for the cancel button. This is the text that is displayed on the\nbutton that allows the user to cancel the dialog. */\n \"cancelLabel\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The icon that is displayed at the top of the dialog. This is typically used\nto display an icon that represents the type of alert that is being shown. */\n \"icon\"?: FC<IconProps>;\n/** The color of the icon. This is the color that is used to fill the icon. */\n \"iconColor\"?: string;\n/** Whether the primary action button should be disabled. */\n \"isPrimaryActionDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The message of the dialog. This is the main content of the dialog and is\ndisplayed below the title. */\n \"message\"?: ReactNode;\n/** The function that is called when the user cancels the dialog. This is\ncalled when the user clicks the cancel button or the close button. */\n \"onCancel\"?: (() => void);\n/** The function that is called when the user confirms the dialog. This is\ncalled when the user clicks the primary action button. */\n \"onPrimaryAction\"?: (() => void);\n/** The label for the confirm button. This is the text that is displayed on the\nbutton that allows the user to confirm the dialog. */\n \"primaryActionLabel\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether the close button should be displayed in the top end corner of the\ndialog. If this is `true`, a close button will be displayed. If this is\n`false`, no close button will be displayed. */\n/** @default true */\n \"showCloseButton\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The props that are passed to the text input. If this is provided, a text\ninput will be displayed at the bottom of the dialog. */\n \"textInputProps\"?: TextInputProps;\n/** The title of the dialog. This is the main heading of the dialog and is\ndisplayed at the top of the dialog. */\n \"title\": string;\n}",
7
+ "AudioPlayer": "type AudioPlayerProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n \"key\"?: Key | null;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The size of the audio player. */\n/** @default lg */\n \"size\"?: \"sm\" | \"lg\";\n/** The sources of the audio file. The `url` is the URL of the audio file, and\nthe `type` is the MIME type of the audio file.\n\n```tsx\n<AudioPlayer\n sources={[\n { url: \"/sound.mp3\", type: \"audio/mpeg\" },\n { url: \"/sound.ogg\", type: \"audio/ogg\" },\n ]}\n/>\n``` */\n \"sources\": { url: string; type: string; }[];\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
8
+ "Avatar": "type AvatarProps = {\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the user has a notification. */\n \"hasNotifications\"?: boolean;\n/** The icon to display. This icon has to be imported from the\n`@baseline-ui/icons` package. */\n/** @default sizeToIcon[size] */\n \"icon\"?: FC<SVGRProps>;\n/** The image loading strategy to use. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes:~:text=a%20fallback%20destination.-,loading,-Indicates%20how%20the) */\n \"imgLoading\"?: \"lazy\" | \"eager\";\n/** The URL of the image to display. */\n \"imgSrc\"?: string;\n/** Whether the component is disabled. */\n \"isDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The name of the user. */\n \"name\": string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLSpanElement>;\n/** Whether to show the initials of the user if no image is provided. */\n \"showInitials\"?: boolean;\n/** The size of the component. */\n/** @default md */\n \"size\"?: \"md\" | \"sm\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
9
+ "Box": "type BoxProps = {\n \"alignItems\"?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | { mobile?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\"; tablet?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\"; desktop?: \"stretch\" | ... 3 more ... | undefined; } | ResponsiveArray<...> | undefined;\n \"alignSelf\"?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | ResponsiveArray<1 | 2 | 3, \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | null> | { mobile?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\"; tablet?: \"stretch\" | ... 3 more ...; desktop?: \"stretch\" | ... 3 more ... | undefined; } | unde...;\n/** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */\n \"aria-activedescendant\"?: string;\n/** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */\n \"aria-atomic\"?: Booleanish;\n/** Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made. */\n \"aria-autocomplete\"?: \"list\" | \"none\" | \"inline\" | \"both\";\n/** Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label. */\n \"aria-braillelabel\"?: string;\n/** Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription. */\n \"aria-brailleroledescription\"?: string;\n \"aria-busy\"?: Booleanish;\n/** Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected. */\n \"aria-checked\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex. */\n \"aria-colcount\"?: number;\n/** Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan. */\n \"aria-colindex\"?: number;\n/** Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext. */\n \"aria-colindextext\"?: string;\n/** Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan. */\n \"aria-colspan\"?: number;\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns. */\n \"aria-controls\"?: string;\n/** Indicates the element that represents the current item within a container or set of related elements. */\n \"aria-current\"?: boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\";\n/** Identifies the element (or elements) that describes the object.\n@see aria-labelledby */\n \"aria-describedby\"?: string;\n/** Defines a string value that describes or annotates the current element.\n@see related aria-describedby. */\n \"aria-description\"?: string;\n/** Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby. */\n \"aria-details\"?: string;\n/** Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly. */\n \"aria-disabled\"?: Booleanish;\n/** Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1 */\n \"aria-dropeffect\"?: \"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\";\n/** Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby. */\n \"aria-errormessage\"?: string;\n/** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */\n \"aria-expanded\"?: Booleanish;\n/** Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order. */\n \"aria-flowto\"?: string;\n/** Indicates an element's \"grabbed\" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1 */\n \"aria-grabbed\"?: Booleanish;\n/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n \"aria-haspopup\"?: boolean | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | \"false\";\n/** Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled. */\n \"aria-hidden\"?: Booleanish;\n/** Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage. */\n \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\n/** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */\n \"aria-keyshortcuts\"?: string;\n/** Defines a string value that labels the current element.\n@see aria-labelledby. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element.\n@see aria-describedby. */\n \"aria-labelledby\"?: string;\n/** Defines the hierarchical level of an element within a structure. */\n \"aria-level\"?: number;\n/** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */\n \"aria-live\"?: \"off\" | \"assertive\" | \"polite\";\n/** Indicates whether an element is modal when displayed. */\n \"aria-modal\"?: Booleanish;\n/** Indicates whether a text box accepts multiple lines of input or only a single line. */\n \"aria-multiline\"?: Booleanish;\n/** Indicates that the user may select more than one item from the current selectable descendants. */\n \"aria-multiselectable\"?: Booleanish;\n/** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */\n \"aria-orientation\"?: \"horizontal\" | \"vertical\";\n/** Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls. */\n \"aria-owns\"?: string;\n/** Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format. */\n \"aria-placeholder\"?: string;\n/** Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize. */\n \"aria-posinset\"?: number;\n/** Indicates the current \"pressed\" state of toggle buttons.\n@see aria-checked\n@see aria-selected. */\n \"aria-pressed\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled. */\n \"aria-readonly\"?: Booleanish;\n/** Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic. */\n \"aria-relevant\"?: \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text\" | \"text additions\" | \"text removals\";\n/** Indicates that user input is required on the element before a form may be submitted. */\n \"aria-required\"?: Booleanish;\n/** Defines a human-readable, author-localized description for the role of an element. */\n \"aria-roledescription\"?: string;\n/** Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex. */\n \"aria-rowcount\"?: number;\n/** Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan. */\n \"aria-rowindex\"?: number;\n/** Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext. */\n \"aria-rowindextext\"?: string;\n/** Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan. */\n \"aria-rowspan\"?: number;\n/** Indicates the current \"selected\" state of various widgets.\n@see aria-checked\n@see aria-pressed. */\n \"aria-selected\"?: Booleanish;\n/** Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset. */\n \"aria-setsize\"?: number;\n/** Indicates if items in a table or grid are sorted in ascending or descending order. */\n \"aria-sort\"?: \"none\" | \"ascending\" | \"descending\" | \"other\";\n/** Defines the maximum allowed value for a range widget. */\n \"aria-valuemax\"?: number;\n/** Defines the minimum allowed value for a range widget. */\n \"aria-valuemin\"?: number;\n/** Defines the current value for a range widget.\n@see aria-valuetext. */\n \"aria-valuenow\"?: number;\n/** Defines the human readable text alternative of aria-valuenow for a range widget. */\n \"aria-valuetext\"?: string;\n \"backgroundColor\"?: \"background.interactive.enabled\" | \"background.interactive.hovered\" | \"background.interactive.active\" | \"background.interactive.visited\" | \"background.interactive.disabled\" | ... 33 more ...;\n \"border\"?: \"none\";\n \"borderBottomRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderColor\"?: \"support.error.subtler\" | \"support.error.subtle\" | \"support.error.medium\" | \"support.error.strong\" | \"support.success.subtler\" | \"support.success.subtle\" | \"support.success.medium\" | ... 25 more ...;\n \"borderEndEndRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderEndStartRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderLeftRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderRightRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderStartEndRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderStartStartRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | { mobile?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"; tablet?: \"full\" | \"none\" | \"xs\" | \"sm\" | ... 4 more ...; desktop?: \"full\" | ... 7 more ... | undefined; } | ResponsiveArray<...> | undefined;\n \"borderStyle\"?: \"solid\" | \"dashed\";\n \"borderTopRadius\"?: \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | ResponsiveArray<1 | 2 | 3, \"full\" | \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null> | { ...; };\n \"borderWidth\"?: number;\n \"boxShadow\"?: \"medium\" | \"low\";\n \"className\"?: string;\n \"color\"?: \"text.primary\" | \"text.secondary\" | \"text.helper\" | \"text.placeholder\" | \"text.interactive.disabled\" | \"text.inverse\" | \"text.oninteractive\" | \"text.interactive.enabled\" | ... 35 more ...;\n \"cursor\"?: \"pointer\";\n \"dangerouslySetInnerHTML\"?: { __html: string | TrustedHTML; };\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n \"display\"?: \"flex\" | \"grid\" | \"none\" | \"block\" | \"inline-flex\" | { mobile?: \"flex\" | \"grid\" | \"none\" | \"block\" | \"inline-flex\"; tablet?: \"flex\" | \"grid\" | \"none\" | \"block\" | \"inline-flex\"; desktop?: \"flex\" | ... 4 more ... | undefined; } | ResponsiveArray<...> | undefined;\n/** The HTML element to use for the box. */\n/** @default div */\n \"elementType\"?: any;\n \"flex\"?: number | { mobile?: number; tablet?: number; desktop?: number | undefined; } | ResponsiveArray<1 | 2 | 3, number | null> | undefined;\n \"flexDirection\"?: \"row\" | \"column\" | \"column-reverse\" | \"row-reverse\" | { mobile?: \"row\" | \"column\" | \"column-reverse\" | \"row-reverse\"; tablet?: \"row\" | \"column\" | \"column-reverse\" | \"row-reverse\"; desktop?: \"row\" | ... 3 more ... | undefined; } | ResponsiveArray<...> | undefined;\n \"flexGrow\"?: 0 | 1;\n \"flexShrink\"?: 0;\n \"flexWrap\"?: \"nowrap\" | \"wrap\";\n \"gap\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"height\"?: \"full\";\n \"id\"?: string;\n \"inset\"?: 0;\n \"insetBlockEnd\"?: 0;\n \"insetBlockStart\"?: 0;\n \"insetInlineEnd\"?: 0;\n \"insetInlineStart\"?: 0;\n \"justifyContent\"?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | \"space-between\" | { mobile?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | \"space-between\"; tablet?: \"stretch\" | ... 4 more ...; desktop?: \"stretch\" | ... 4 more ... | undefined; } | ResponsiveArray<...> | undefined;\n \"justifySelf\"?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | ResponsiveArray<1 | 2 | 3, \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | null> | { mobile?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\"; tablet?: \"stretch\" | ... 3 more ...; desktop?: \"stretch\" | ... 3 more ... | undefined; } | unde...;\n \"key\"?: Key | null;\n \"margin\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginBlockEnd\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginBlockStart\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginBottom\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginInlineEnd\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginInlineStart\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginLeft\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginRight\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginTop\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginX\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"marginY\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"onAbort\"?: ReactEventHandler<HTMLElement>;\n \"onAbortCapture\"?: ReactEventHandler<HTMLElement>;\n \"onAnimationEnd\"?: AnimationEventHandler<HTMLElement>;\n \"onAnimationEndCapture\"?: AnimationEventHandler<HTMLElement>;\n \"onAnimationIteration\"?: AnimationEventHandler<HTMLElement>;\n \"onAnimationIterationCapture\"?: AnimationEventHandler<HTMLElement>;\n \"onAnimationStart\"?: AnimationEventHandler<HTMLElement>;\n \"onAnimationStartCapture\"?: AnimationEventHandler<HTMLElement>;\n \"onAuxClick\"?: MouseEventHandler<HTMLElement>;\n \"onAuxClickCapture\"?: MouseEventHandler<HTMLElement>;\n \"onBeforeInput\"?: FormEventHandler<HTMLElement>;\n \"onBeforeInputCapture\"?: FormEventHandler<HTMLElement>;\n \"onBlur\"?: FocusEventHandler<HTMLElement>;\n \"onBlurCapture\"?: FocusEventHandler<HTMLElement>;\n \"onCanPlay\"?: ReactEventHandler<HTMLElement>;\n \"onCanPlayCapture\"?: ReactEventHandler<HTMLElement>;\n \"onCanPlayThrough\"?: ReactEventHandler<HTMLElement>;\n \"onCanPlayThroughCapture\"?: ReactEventHandler<HTMLElement>;\n \"onChange\"?: FormEventHandler<HTMLElement>;\n \"onChangeCapture\"?: FormEventHandler<HTMLElement>;\n \"onClick\"?: MouseEventHandler<HTMLElement>;\n \"onClickCapture\"?: MouseEventHandler<HTMLElement>;\n \"onCompositionEnd\"?: CompositionEventHandler<HTMLElement>;\n \"onCompositionEndCapture\"?: CompositionEventHandler<HTMLElement>;\n \"onCompositionStart\"?: CompositionEventHandler<HTMLElement>;\n \"onCompositionStartCapture\"?: CompositionEventHandler<HTMLElement>;\n \"onCompositionUpdate\"?: CompositionEventHandler<HTMLElement>;\n \"onCompositionUpdateCapture\"?: CompositionEventHandler<HTMLElement>;\n \"onContextMenu\"?: MouseEventHandler<HTMLElement>;\n \"onContextMenuCapture\"?: MouseEventHandler<HTMLElement>;\n \"onCopy\"?: ClipboardEventHandler<HTMLElement>;\n \"onCopyCapture\"?: ClipboardEventHandler<HTMLElement>;\n \"onCut\"?: ClipboardEventHandler<HTMLElement>;\n \"onCutCapture\"?: ClipboardEventHandler<HTMLElement>;\n \"onDoubleClick\"?: MouseEventHandler<HTMLElement>;\n \"onDoubleClickCapture\"?: MouseEventHandler<HTMLElement>;\n \"onDrag\"?: DragEventHandler<HTMLElement>;\n \"onDragCapture\"?: DragEventHandler<HTMLElement>;\n \"onDragEnd\"?: DragEventHandler<HTMLElement>;\n \"onDragEndCapture\"?: DragEventHandler<HTMLElement>;\n \"onDragEnter\"?: DragEventHandler<HTMLElement>;\n \"onDragEnterCapture\"?: DragEventHandler<HTMLElement>;\n \"onDragExit\"?: DragEventHandler<HTMLElement>;\n \"onDragExitCapture\"?: DragEventHandler<HTMLElement>;\n \"onDragLeave\"?: DragEventHandler<HTMLElement>;\n \"onDragLeaveCapture\"?: DragEventHandler<HTMLElement>;\n \"onDragOver\"?: DragEventHandler<HTMLElement>;\n \"onDragOverCapture\"?: DragEventHandler<HTMLElement>;\n \"onDragStart\"?: DragEventHandler<HTMLElement>;\n \"onDragStartCapture\"?: DragEventHandler<HTMLElement>;\n \"onDrop\"?: DragEventHandler<HTMLElement>;\n \"onDropCapture\"?: DragEventHandler<HTMLElement>;\n \"onDurationChange\"?: ReactEventHandler<HTMLElement>;\n \"onDurationChangeCapture\"?: ReactEventHandler<HTMLElement>;\n \"onEmptied\"?: ReactEventHandler<HTMLElement>;\n \"onEmptiedCapture\"?: ReactEventHandler<HTMLElement>;\n \"onEncrypted\"?: ReactEventHandler<HTMLElement>;\n \"onEncryptedCapture\"?: ReactEventHandler<HTMLElement>;\n \"onEnded\"?: ReactEventHandler<HTMLElement>;\n \"onEndedCapture\"?: ReactEventHandler<HTMLElement>;\n \"onError\"?: ReactEventHandler<HTMLElement>;\n \"onErrorCapture\"?: ReactEventHandler<HTMLElement>;\n \"onFocus\"?: FocusEventHandler<HTMLElement>;\n \"onFocusCapture\"?: FocusEventHandler<HTMLElement>;\n \"onGotPointerCapture\"?: PointerEventHandler<HTMLElement>;\n \"onGotPointerCaptureCapture\"?: PointerEventHandler<HTMLElement>;\n \"onInput\"?: FormEventHandler<HTMLElement>;\n \"onInputCapture\"?: FormEventHandler<HTMLElement>;\n \"onInvalid\"?: FormEventHandler<HTMLElement>;\n \"onInvalidCapture\"?: FormEventHandler<HTMLElement>;\n \"onKeyDown\"?: KeyboardEventHandler<HTMLElement>;\n \"onKeyDownCapture\"?: KeyboardEventHandler<HTMLElement>;\n/** @deprecated */\n \"onKeyPress\"?: KeyboardEventHandler<HTMLElement>;\n/** @deprecated */\n \"onKeyPressCapture\"?: KeyboardEventHandler<HTMLElement>;\n \"onKeyUp\"?: KeyboardEventHandler<HTMLElement>;\n \"onKeyUpCapture\"?: KeyboardEventHandler<HTMLElement>;\n \"onLoad\"?: ReactEventHandler<HTMLElement>;\n \"onLoadCapture\"?: ReactEventHandler<HTMLElement>;\n \"onLoadedData\"?: ReactEventHandler<HTMLElement>;\n \"onLoadedDataCapture\"?: ReactEventHandler<HTMLElement>;\n \"onLoadedMetadata\"?: ReactEventHandler<HTMLElement>;\n \"onLoadedMetadataCapture\"?: ReactEventHandler<HTMLElement>;\n \"onLoadStart\"?: ReactEventHandler<HTMLElement>;\n \"onLoadStartCapture\"?: ReactEventHandler<HTMLElement>;\n \"onLostPointerCapture\"?: PointerEventHandler<HTMLElement>;\n \"onLostPointerCaptureCapture\"?: PointerEventHandler<HTMLElement>;\n \"onMouseDown\"?: MouseEventHandler<HTMLElement>;\n \"onMouseDownCapture\"?: MouseEventHandler<HTMLElement>;\n \"onMouseEnter\"?: MouseEventHandler<HTMLElement>;\n \"onMouseLeave\"?: MouseEventHandler<HTMLElement>;\n \"onMouseMove\"?: MouseEventHandler<HTMLElement>;\n \"onMouseMoveCapture\"?: MouseEventHandler<HTMLElement>;\n \"onMouseOut\"?: MouseEventHandler<HTMLElement>;\n \"onMouseOutCapture\"?: MouseEventHandler<HTMLElement>;\n \"onMouseOver\"?: MouseEventHandler<HTMLElement>;\n \"onMouseOverCapture\"?: MouseEventHandler<HTMLElement>;\n \"onMouseUp\"?: MouseEventHandler<HTMLElement>;\n \"onMouseUpCapture\"?: MouseEventHandler<HTMLElement>;\n \"onPaste\"?: ClipboardEventHandler<HTMLElement>;\n \"onPasteCapture\"?: ClipboardEventHandler<HTMLElement>;\n \"onPause\"?: ReactEventHandler<HTMLElement>;\n \"onPauseCapture\"?: ReactEventHandler<HTMLElement>;\n \"onPlay\"?: ReactEventHandler<HTMLElement>;\n \"onPlayCapture\"?: ReactEventHandler<HTMLElement>;\n \"onPlaying\"?: ReactEventHandler<HTMLElement>;\n \"onPlayingCapture\"?: ReactEventHandler<HTMLElement>;\n \"onPointerCancel\"?: PointerEventHandler<HTMLElement>;\n \"onPointerCancelCapture\"?: PointerEventHandler<HTMLElement>;\n \"onPointerDown\"?: PointerEventHandler<HTMLElement>;\n \"onPointerDownCapture\"?: PointerEventHandler<HTMLElement>;\n \"onPointerEnter\"?: PointerEventHandler<HTMLElement>;\n \"onPointerLeave\"?: PointerEventHandler<HTMLElement>;\n \"onPointerMove\"?: PointerEventHandler<HTMLElement>;\n \"onPointerMoveCapture\"?: PointerEventHandler<HTMLElement>;\n \"onPointerOut\"?: PointerEventHandler<HTMLElement>;\n \"onPointerOutCapture\"?: PointerEventHandler<HTMLElement>;\n \"onPointerOver\"?: PointerEventHandler<HTMLElement>;\n \"onPointerOverCapture\"?: PointerEventHandler<HTMLElement>;\n \"onPointerUp\"?: PointerEventHandler<HTMLElement>;\n \"onPointerUpCapture\"?: PointerEventHandler<HTMLElement>;\n \"onProgress\"?: ReactEventHandler<HTMLElement>;\n \"onProgressCapture\"?: ReactEventHandler<HTMLElement>;\n \"onRateChange\"?: ReactEventHandler<HTMLElement>;\n \"onRateChangeCapture\"?: ReactEventHandler<HTMLElement>;\n \"onReset\"?: FormEventHandler<HTMLElement>;\n \"onResetCapture\"?: FormEventHandler<HTMLElement>;\n \"onResize\"?: ReactEventHandler<HTMLElement>;\n \"onResizeCapture\"?: ReactEventHandler<HTMLElement>;\n \"onScroll\"?: UIEventHandler<HTMLElement>;\n \"onScrollCapture\"?: UIEventHandler<HTMLElement>;\n \"onSeeked\"?: ReactEventHandler<HTMLElement>;\n \"onSeekedCapture\"?: ReactEventHandler<HTMLElement>;\n \"onSeeking\"?: ReactEventHandler<HTMLElement>;\n \"onSeekingCapture\"?: ReactEventHandler<HTMLElement>;\n \"onSelect\"?: ReactEventHandler<HTMLElement>;\n \"onSelectCapture\"?: ReactEventHandler<HTMLElement>;\n \"onStalled\"?: ReactEventHandler<HTMLElement>;\n \"onStalledCapture\"?: ReactEventHandler<HTMLElement>;\n \"onSubmit\"?: FormEventHandler<HTMLElement>;\n \"onSubmitCapture\"?: FormEventHandler<HTMLElement>;\n \"onSuspend\"?: ReactEventHandler<HTMLElement>;\n \"onSuspendCapture\"?: ReactEventHandler<HTMLElement>;\n \"onTimeUpdate\"?: ReactEventHandler<HTMLElement>;\n \"onTimeUpdateCapture\"?: ReactEventHandler<HTMLElement>;\n \"onTouchCancel\"?: TouchEventHandler<HTMLElement>;\n \"onTouchCancelCapture\"?: TouchEventHandler<HTMLElement>;\n \"onTouchEnd\"?: TouchEventHandler<HTMLElement>;\n \"onTouchEndCapture\"?: TouchEventHandler<HTMLElement>;\n \"onTouchMove\"?: TouchEventHandler<HTMLElement>;\n \"onTouchMoveCapture\"?: TouchEventHandler<HTMLElement>;\n \"onTouchStart\"?: TouchEventHandler<HTMLElement>;\n \"onTouchStartCapture\"?: TouchEventHandler<HTMLElement>;\n \"onTransitionEnd\"?: TransitionEventHandler<HTMLElement>;\n \"onTransitionEndCapture\"?: TransitionEventHandler<HTMLElement>;\n \"onVolumeChange\"?: ReactEventHandler<HTMLElement>;\n \"onVolumeChangeCapture\"?: ReactEventHandler<HTMLElement>;\n \"onWaiting\"?: ReactEventHandler<HTMLElement>;\n \"onWaitingCapture\"?: ReactEventHandler<HTMLElement>;\n \"onWheel\"?: WheelEventHandler<HTMLElement>;\n \"onWheelCapture\"?: WheelEventHandler<HTMLElement>;\n \"opacity\"?: \"none\" | \"medium\" | \"low\" | \"high\";\n \"outline\"?: \"none\";\n \"outlineColor\"?: \"support.error.subtler\" | \"support.error.subtle\" | \"support.error.medium\" | \"support.error.strong\" | \"support.success.subtler\" | \"support.success.subtle\" | \"support.success.medium\" | ... 25 more ...;\n \"outlineOffset\"?: number;\n \"outlineStyle\"?: \"solid\";\n \"outlineWidth\"?: number;\n \"padding\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingBlockEnd\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingBlockStart\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | { mobile?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | ... 5 more ...; tablet?: \"none\" | ... 13 more ...; desktop?: \"none\" | ... 13 more ... | undefined; } | Res...;\n \"paddingBottom\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingInlineEnd\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingInlineStart\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingLeft\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingRight\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingTop\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingX\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"paddingY\"?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\" | ResponsiveArray<1 | 2 | 3, \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | ... 6 more ... | null> | { ...; };\n \"placeItems\"?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | ResponsiveArray<1 | 2 | 3, \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\" | null> | { mobile?: \"stretch\" | \"center\" | \"flex-end\" | \"flex-start\"; tablet?: \"stretch\" | ... 3 more ...; desktop?: \"stretch\" | ... 3 more ... | undefined; } | unde...;\n \"position\"?: \"fixed\" | \"absolute\" | \"relative\" | { mobile?: \"fixed\" | \"absolute\" | \"relative\"; tablet?: \"fixed\" | \"absolute\" | \"relative\"; desktop?: \"fixed\" | \"absolute\" | \"relative\" | undefined; } | ResponsiveArray<...> | undefined;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n \"role\"?: AriaRole;\n \"style\"?: CSSProperties;\n \"tabIndex\"?: number;\n \"transition\"?: \"transition.medium\";\n \"transitionProperty\"?: \"opacity\" | \"transform\" | \"background-color\";\n \"typography\"?: \"heading.h6.regular\" | \"heading.h6.medium\" | \"heading.h6.semibold\" | \"heading.h5.regular\" | \"heading.h5.medium\" | \"heading.h5.semibold\" | \"heading.h4.regular\" | \"heading.h4.medium\" | ... 28 more ...;\n \"width\"?: \"full\";\n}",
10
+ "ButtonSelect": "type ButtonSelectProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The behaviour of the button select. */\n/** @default toggle */\n \"buttonBehaviour\"?: ButtonBehaviour | ((activeKey: string) => ButtonBehaviour);\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Sets the default open state of the menu. */\n \"defaultOpen\"?: boolean;\n/** Whether the element should be selected (uncontrolled). */\n \"defaultSelected\"?: boolean;\n/** The initial selected key in the collection (uncontrolled).\n@deprecated */\n \"defaultSelectedKey\"?: Key;\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** Whether to hide the label in the button. */\n/** @default false */\n \"hideLabel\"?: boolean;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Sets the open state of the menu. */\n \"isOpen\"?: boolean;\n/** Whether the element should be selected (controlled). */\n \"isSelected\"?: boolean;\n/** The items to render in the listbox. Items have the following shape:\n\n```ts\nexport type ListOption = {\n id: string;\n label: string;\n description?: string;\n icon?: React.FC<IconProps>;\n};\n\nexport type ListSection = {\n id: string;\n title?: string;\n type: \"section\";\n children: ListOption[];\n};\n\ntype ListItem = ListOption | ListSection;\n``` */\n \"items\"?: ListItem[];\n \"key\"?: Key | null;\n/** The aria-label for the select button. */\n \"moreAriaLabel\"?: string;\n/** A callback that is called when the button is pressed. */\n \"onButtonAction\"?: ((options: { isSelected: boolean; selectedKey: string; buttonBehaviour: ButtonBehaviour; }) => void);\n/** A callback that is called when the button selection changes. */\n \"onButtonSelectionChange\"?: ((options: { isSelected: boolean; selectedKey: string; }) => void);\n/** A callback that is called when the option in the dropdown is pressed. */\n \"onOptionPress\"?: ((e: PressEvent, key: string) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the selection changes.\n@deprecated */\n \"onSelectionChange\"?: ((key: Key | null) => void);\n/** A function that is called to get the class name for the option. */\n \"optionClassName\"?: string | ((item: ListOption<Record<string, any>>, options: { isButton: boolean; isSelected: boolean; }) => string);\n/** A function that is called to get the style for the option. */\n \"optionStyle\"?: CSSProperties | ((item: ListOption<Record<string, any>>, options: { isButton: boolean; isSelected: boolean; }) => CSSProperties);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The currently selected key in the collection (controlled).\n@deprecated */\n \"selectedKey\"?: Key | null;\n/** The size of the button. */\n/** @default md */\n \"size\"?: \"md\" | \"lg\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Props for the tooltip. */\n \"tooltipProps\"?: Omit<TooltipProps, \"children\"> | ((trigger: \"button\" | \"select\") => Omit<TooltipProps, \"children\">);\n/** The class name of the trigger element. */\n \"triggerClassName\"?: string;\n/** The style of the trigger element. */\n \"triggerStyle\"?: CSSProperties;\n/** The state of the select component. */\n \"validationState\"?: \"valid\" | \"error\" | \"warning\";\n}",
11
+ "Checkbox": "type CheckboxProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Identifies the element that provides an error message for the object. */\n \"aria-errormessage\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the element should be selected (uncontrolled). */\n \"defaultSelected\"?: boolean;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Indeterminism is presentational only.\nThe indeterminate visual representation remains regardless of user interaction. */\n \"isIndeterminate\"?: boolean;\n/** Whether the input value is invalid. */\n \"isInvalid\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Whether user input is required on the input before form submission. */\n \"isRequired\"?: boolean;\n/** Whether the element should be selected (controlled). */\n \"isSelected\"?: boolean;\n \"key\"?: Key | null;\n/** The checkbox's label. */\n \"label\"?: string;\n/** The position of the label */\n/** @default end */\n \"labelPosition\"?: \"start\" | \"end\";\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's selection state changes. */\n \"onChange\"?: ((isSelected: boolean) => void);\n/** **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions. */\n \"onClick\"?: ((e: MouseEvent<FocusableElement, MouseEvent>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the press state changes. */\n \"onPressChange\"?: ((isPressed: boolean) => void);\n/** Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target. */\n \"onPressEnd\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press interaction starts. */\n \"onPressStart\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not. */\n \"onPressUp\"?: ((e: PressEvent) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLLabelElement>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */\n \"value\"?: string;\n}",
12
+ "ColorInput": "type ColorInputProps = {\n/** The label to show on the add color button. */\n/** @default Add color */\n \"addColorButtonLabel\"?: string;\n/** Whether to allow alpha values in the custom color picker. */\n/** @default true */\n \"allowAlpha\"?: boolean;\n/** Whether to allow the removal of the color. */\n/** @default false */\n \"allowRemoval\"?: boolean;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Element that that serves as the positioning boundary. */\n/** @default document.body */\n \"boundaryElement\"?: Element;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Whether to show the color label. The color label is the name of the color\nthat is currently selected. If boolean, the label will be shown only when\nthe color is not `null`. If a function, the function will be called with\nthe current color and should return a string. If `false`, the label will\nnot be shown. */\n/** @default true */\n \"colorLabel\"?: boolean | ((color: Color | null, options: { isIndeterminate: boolean; }) => string);\n/** The additional offset applied along the cross axis between the element and its\nanchor element. */\n/** @default 0 */\n \"crossOffset\"?: number;\n/** The label to show on the custom colors section. */\n/** @default Custom colors */\n \"customColorsLabel\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the overlay is open by default (uncontrolled). */\n \"defaultOpen\"?: boolean;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: string | Color | null;\n/** Whether to include the custom color picker. If `false`, the color picker\nwill only show the color presets. The custom color picker allows the user\nto pick any color. You can set the `allowAlpha` prop to `false` to disable\nthe alpha channel. */\n/** @default true */\n \"includePicker\"?: boolean;\n/** The icon to display when the swatch is indeterminate. The icon should be a\n16x16px icon to ensure consistency with the design system. */\n/** @default HelpIcon */\n \"indeterminateIcon\"?: FC<IconProps> | null;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the color input is indeterminate. */\n/** @default false */\n \"isIndeterminate\"?: boolean;\n/** Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully. */\n \"isNonModal\"?: boolean;\n/** Whether the overlay is open by default (controlled). */\n \"isOpen\"?: boolean;\n \"key\"?: Key | null;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** The label position of the color input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** The additional offset applied along the main axis between the element and its\nanchor element. */\n/** @default 2 */\n \"offset\"?: number;\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((color: Color | null) => void);\n/** Handler that is called when the user stops dragging or clicking on the\ncolor picker. In case of presets, this is called when the user clicks on a\ncolor preset. */\n \"onChangeEnd\"?: ((color: Color | null) => void);\n/** Handler that is called when the overlay's open state changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n/** Handler that is called when the user presses the trigger button. This can\nbe used to track events like clicks on the trigger button. */\n \"onTriggerPress\"?: ((event: PressEvent) => void);\n/** Whether to show the color picker in active or lazy mode. In active mode,\nthe color picker will be rendered when the color input popover is open and\nthe value of the color input will be updated when the user picks a color.\nIn lazy mode, the color picker will be rendered only when the user clicks\non the \"Add color\" button and the selected color will be added to custom\ncolors when the user clicks on the \"Add color\" button. */\n/** @default active */\n \"pickerMode\"?: \"active\" | \"lazy\";\n/** The placement of the element with respect to its anchor element. */\n/** @default labelPosition === \"start\" ? \"bottom end\" : \"bottom start\" */\n \"placement\"?: Placement;\n/** The container element for the popover. By default, the modal is rendered as\na child of the body element. */\n/** @default document.body */\n \"portalContainer\"?: HTMLElement;\n/** The list of color presets to show in the color picker. The signature of the\ncolor presets is:\n\n```ts\nexport interface ColorPreset {\n label: string;\n color: string;\n}\n```\n\nThe color can be a hex or hexa value. */\n \"presets\"?: ColorPreset[];\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The label to show on the remove color button. */\n/** @default Remove color */\n \"removeColorButtonLabel\"?: string;\n/** An optional function to render the custom trigger button.\n@param options */\n/** @default Function */\n \"renderTriggerButton\"?: ((options: { isOpen: boolean; color: Color | null; ref: RefObject<HTMLButtonElement>; colorName?: string | boolean; triggerProps: AriaButtonProps<\"button\">; labelId?: string; } & Pick<...>) => Element) | undefined;\n/** Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely. */\n/** @default true */\n \"shouldFlip\"?: boolean;\n/** Whether the overlay should update its position automatically. */\n/** @default true */\n \"shouldUpdatePosition\"?: boolean;\n/** The key to use to store the picked color in the local storage. */\n/** @default baselinePickedColor */\n \"storePickedColorKey\"?: string;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The current value (controlled). */\n \"value\"?: string | Color | null;\n}",
13
+ "ColorSwatch": "type ColorSwatchProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The color value to display in the swatch. */\n \"color\"?: string | Color;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** The icon to display when the swatch is indeterminate. The icon should be a\n16x16px icon to ensure consistency with the design system. */\n/** @default HelpIcon */\n \"indeterminateIcon\"?: FC<IconProps> | null;\n/** Whether the swatch is disabled. This is used to determine whether to show\ndisabled styles. */\n \"isDisabled\"?: boolean;\n/** Whether the swatch is focused by keyboard. */\n \"isFocusVisible\"?: boolean;\n/** Whether the swatch is indeterminate. When this is `true`, the color related\nprops will be ignored and indeterminate styles will be applied. This change\nis only visual. */\n/** @default false */\n \"isIndeterminate\"?: boolean;\n/** Whether the swatch is interactive. This is used to determine whether to\nshow hover styles. */\n \"isInteractive\"?: boolean;\n/** Whether the swatch is selected. */\n \"isSelected\"?: boolean;\n \"key\"?: Key | null;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Whether to show a tooltip. You can pass a boolean or a partial tooltip\nobject that extends the default tooltip props. */\n/** @default false */\n \"tooltip\"?: boolean | Partial<Omit<TooltipProps, \"children\">>;\n}",
14
+ "ColorSwatchPicker": "type ColorSwatchPickerProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value of the picker. */\n \"defaultValue\"?: string;\n/** The icon visible at the start of the picker. */\n \"icon\"?: FC<IconProps>;\n/** Whether the picker is disabled. */\n \"isDisabled\"?: boolean;\n/** The items to display in the picker. Each item should have a `color` and a\n`label`.\n\n```js\nconst items = [\n { color: \"#FF0000\", label: \"Red\" },\n { color: \"#00FF00\", label: \"Green\" },\n { color: \"#0000FF\", label: \"Blue\" },\n { color: \"#FFFF00\", label: \"Yellow\" },\n];\n``` */\n \"items\": ColorPreset[];\n \"key\"?: Key | null;\n/** The label for the picker. */\n \"label\"?: string;\n/** The position of the label relative to the input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** A function that is called when the selected item changes. */\n \"onChange\"?: ((value?: string) => void);\n/** The CSS class name for the option. */\n \"optionClassName\"?: string | ((item: ListOption<Record<string, any>>, state: UIState) => string);\n/** The class name for the group container. */\n \"optionsContainerClassName\"?: string;\n/** The style of the option. */\n \"optionStyle\"?: CSSProperties | ((item: ListOption<Record<string, any>>, state: UIState) => CSSProperties);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether focus should wrap around when the end/start is reached. */\n \"shouldFocusWrap\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Whether to show a tooltip. You can pass a boolean or a partial tooltip\nobject that extends the default tooltip props. */\n/** @default true */\n \"tooltip\"?: boolean | Partial<Omit<TooltipProps, \"children\">>;\n/** The value of the selected item. This is useful if you want to control the\nvalue of the picker. */\n \"value\"?: string;\n}",
15
+ "ComboBox": "type ComboBoxProps = {\n/** Whether the ComboBox allows a non-item matching input value to be set. */\n \"allowsCustomValue\"?: boolean;\n/** Whether the combo box allows the menu to be open when the collection is empty. */\n \"allowsEmptyCollection\"?: boolean;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Identifies the element that provides an error message for the object. */\n \"aria-errormessage\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** A pre-constructed collection to use instead of building one from items and children. */\n \"collection\"?: Collection<Node<ListItem>>;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The filter function used to determine if a option should be included in the combo box list. */\n \"defaultFilter\"?: FilterFn;\n/** The default value of the ComboBox input (uncontrolled). */\n \"defaultInputValue\"?: string;\n/** The list of ComboBox items (uncontrolled). */\n \"defaultItems\"?: Iterable<ListItem>;\n/** ID of the initially selected item */\n \"defaultSelectedKey\"?: string;\n/** The description to display below the input. */\n \"description\"?: string;\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** The error message to display when the input is in an error state. */\n \"errorMessage\"?: string;\n/** Whether pressing the escape key should clear selection in the listbox or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually. */\n/** @default 'clearSelection' */\n \"escapeKeyBehavior\"?: \"clearSelection\" | \"none\";\n/** Custom filter function to use when filtering items. */\n \"filter\"?: FilterFn;\n \"filterItems\"?: boolean;\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** The class name to apply to the input element */\n \"inputClassName\"?: string;\n/** The style object to apply to the input element */\n \"inputStyle\"?: CSSProperties;\n/** The type of the input field */\n/** @default text */\n \"inputType\"?: \"number\" | \"text\";\n/** The value of the ComboBox input (controlled). */\n \"inputValue\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input value is invalid. */\n/** @default false */\n \"isInvalid\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Whether user input is required on the input before form submission. */\n \"isRequired\"?: boolean;\n/** The items to render in the listbox. Items have the following shape:\n\n```ts\nexport type ListOption = {\n id: string;\n label: string;\n description?: string;\n icon?: React.FC<IconProps>;\n};\n\nexport type ListSection = {\n id: string;\n title?: string;\n type: \"section\";\n children: ListOption[];\n};\n\ntype ListItem = ListOption | ListSection;\n``` */\n \"items\": ListItem[];\n \"key\"?: Key | null;\n/** An optional keyboard delegate implementation, to override the default. */\n \"keyboardDelegate\"?: KeyboardDelegate;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** The position of the label relative to the input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** A delegate object that provides layout information for items in the collection.\nBy default this uses the DOM, but this can be overridden to implement things like\nvirtualized scrolling. */\n \"layoutDelegate\"?: LayoutDelegate;\n/** The maximum value for the input field. This is only valid when `inputType`\nis set to `number`. */\n \"maxValue\"?: number;\n/** Specify which interaction should trigger the dropdown to open */\n/** @default input */\n \"menuTrigger\"?: \"manual\" | \"input\" | \"focus\";\n/** The minimum value for the input field. This is only valid when `inputType`\nis set to `number`. */\n \"minValue\"?: number;\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when a user performs an action on an item. The exact user event depends on\nthe collection's `selectionBehavior` prop and the interaction modality. */\n \"onAction\"?: ((key: Key) => void);\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<HTMLInputElement, Element>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<HTMLInputElement, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when the ComboBox input value changes. */\n \"onInputChange\"?: ((value: string) => void);\n/** Listener to call when the input value is submitted */\n \"onInputSubmit\"?: ((value: string) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Method that is called when the open state of the menu changes. Returns the new open state and the action that caused the opening of the menu. */\n \"onOpenChange\"?: ((isOpen: boolean, menuTrigger?: MenuTriggerAction) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((key: Key | null) => void);\n/** Handler that is called when the user presses the trigger button. This can\nbe used to track events like clicks on the trigger button. */\n \"onTriggerPress\"?: ((event: PressEvent) => void);\n/** Listener to call when the selected value changes */\n \"onValueChange\"?: ((option: { value?: string; key?: string | null; }) => void) | undefined;\n/** The CSS class name for the option. */\n \"optionClassName\"?: string | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => string);\n/** The style of the option. */\n \"optionStyle\"?: CSSProperties | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => CSSProperties);\n/** Temporary text that occupies the text input when it is empty. */\n \"placeholder\"?: string;\n/** Whether the input is read only. */\n \"readOnly\"?: boolean;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The custom render function for the listbox options.\n@param item ListOption\n@param options ListBoxItemRenderProps */\n \"renderOption\"?: ((item: ListOption<Record<string, any>>, options: ListBoxItemRenderProps) => ReactNode);\n/** The currently selected key in the collection (controlled). */\n \"selectedKey\"?: Key | null;\n/** Whether the combo box menu should close on blur. */\n \"shouldCloseOnBlur\"?: boolean;\n/** Whether options should be focused when the user hovers over them. */\n \"shouldFocusOnHover\"?: boolean;\n/** Whether keyboard navigation is circular. */\n \"shouldFocusWrap\"?: boolean;\n/** Whether selection should occur on press up instead of press down. */\n \"shouldSelectOnPressUp\"?: boolean;\n/** Whether the listbox items should use virtual focus instead of being focused directly. */\n \"shouldUseVirtualFocus\"?: boolean;\n/** @default true */\n \"showIcon\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Optional label for the toggle button */\n \"toggleLabel\"?: string;\n/** Whether to show a tooltip. You can pass a boolean or a partial tooltip\nobject that extends the default tooltip props. */\n/** @default false */\n \"tooltip\"?: boolean | Partial<Omit<TooltipProps, \"children\">>;\n/** A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead. */\n \"validate\"?: ((value: ComboBoxValidationValue) => true | ValidationError | null);\n/** Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA. */\n/** @default 'aria' */\n \"validationBehavior\"?: \"aria\" | \"native\";\n/** The state of the combobox input. */\n/** @default valid */\n \"validationState\"?: \"valid\" | \"error\" | \"warning\";\n/** The variant of the text input. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n/** The warning message to display when the input is in a warning state. */\n \"warningMessage\"?: string;\n}",
16
+ "DateField": "type DateFieldProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). */\n \"autoComplete\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the overlay is open by default (uncontrolled). */\n \"defaultOpen\"?: boolean;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: DateValue | null;\n/** A description for the field. Provides a hint such as specific requirements for what to choose.\nThe description to display below the input. */\n \"description\"?: string | (ReactElement<any, string | JSXElementConstructor<any>> & string) | (Iterable<ReactNode> & string) | (ReactPortal & string);\n/** An error message for the field.\nThe error message to display when the input is in an error state. */\n \"errorMessage\"?: string | (ReactElement<any, string | JSXElementConstructor<any>> & string) | (Iterable<ReactNode> & string) | (ReactPortal & string) | (((v: ValidationResult) => ReactNode) & string);\n/** The day that starts the week. */\n \"firstDayOfWeek\"?: \"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\";\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** Determines the smallest unit that is displayed in the date picker. By default, this is `\"day\"` for dates, and `\"minute\"` for times. */\n \"granularity\"?: Granularity;\n/** Whether to hide the time zone abbreviation. */\n/** @default false */\n \"hideTimeZone\"?: boolean;\n/** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */\n \"hourCycle\"?: 12 | 24;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n \"isDateUnavailable\"?: ((date: DateValue) => boolean);\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the overlay is open by default (controlled). */\n \"isOpen\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n \"key\"?: Key | null;\n/** The content to display as the label.\nThe label to display above the input. */\n \"label\"?: ReactNode;\n/** The position of the label relative to the input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** The maximum unit to display in the date field. */\n/** @default 'year' */\n \"maxGranularity\"?: Granularity | \"year\" | \"month\";\n/** The maximum allowed date that a user may select. */\n \"maxValue\"?: DateValue | null;\n/** The minimum allowed date that a user may select. */\n \"minValue\"?: DateValue | null;\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: DateValue | null) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the overlay's open state changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n/** Controls the behavior of paging. Pagination either works by advancing the visible page by visibleDuration (default) or one unit of visibleDuration. */\n/** @default visible */\n \"pageBehavior\"?: PageBehavior;\n/** A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight. */\n \"placeholderValue\"?: DateValue | null;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether to always show leading zeros in the month, day, and hour fields.\nBy default, this is determined by the user's locale. */\n \"shouldForceLeadingZeros\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA. */\n/** @default 'aria' */\n \"validationBehavior\"?: \"aria\" | \"native\";\n/** The state of the input. */\n \"validationState\"?: \"valid\" | \"error\" | \"warning\";\n/** The current value (controlled). */\n \"value\"?: DateValue | null;\n/** The variant of the text input. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n/** The warning message to display when the input is in a warning state. */\n \"warningMessage\"?: string;\n}",
17
+ "DateFormat": "type DateFormatProps = {\n \"calendar\"?: string;\n/** The date to format. */\n \"date\": Date;\n \"dateStyle\"?: \"long\" | \"short\" | \"full\" | \"medium\";\n \"day\"?: \"numeric\" | \"2-digit\";\n \"dayPeriod\"?: \"long\" | \"short\" | \"narrow\";\n \"era\"?: \"long\" | \"short\" | \"narrow\";\n \"formatMatcher\"?: \"best fit\" | \"basic\";\n \"fractionalSecondDigits\"?: 1 | 2 | 3;\n \"hour\"?: \"numeric\" | \"2-digit\";\n \"hour12\"?: boolean;\n \"hourCycle\"?: \"h11\" | \"h12\" | \"h23\" | \"h24\";\n \"localeMatcher\"?: \"best fit\" | \"lookup\";\n \"minute\"?: \"numeric\" | \"2-digit\";\n \"month\"?: \"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\";\n \"numberingSystem\"?: string;\n \"second\"?: \"numeric\" | \"2-digit\";\n \"timeStyle\"?: \"long\" | \"short\" | \"full\" | \"medium\";\n \"timeZone\"?: string;\n \"timeZoneName\"?: \"long\" | \"short\" | \"shortOffset\" | \"longOffset\" | \"shortGeneric\" | \"longGeneric\";\n \"weekday\"?: \"long\" | \"short\" | \"narrow\";\n \"year\"?: \"numeric\" | \"2-digit\";\n}",
18
+ "DeviceProvider": "type DeviceProviderProps = {\n/** The breakpoints to use for the device provider. */\n \"breakpoints\"?: Breakpoints;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n}",
19
+ "Dialog": "type DialogProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The children to render. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The background color of the drawer. */\n/** @default \"medium\" */\n \"drawerBackground\"?: \"medium\" | \"subtle\";\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** When used inside a modal, this prop will decide whether the dialog should\ninherit the drawer styles. */\n/** @default false */\n \"inheritDrawer\"?: boolean;\n \"key\"?: Key | null;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The accessibility role for the dialog. */\n/** @default 'dialog' */\n \"role\"?: \"dialog\" | \"alertdialog\";\n/** The size of the dialog. This defines the max width of the dialog. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\" | \"lg\" | \"content\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The variant of the dialog. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n}",
20
+ "DomNodeRenderer": "type DomNodeRendererProps = {\n/** Whether text selection should be enabled on the pressable element. */\n \"allowTextSelectionOnPress\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the press events should be disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the target is in a controlled press state (e.g. an overlay it triggers is open). */\n \"isPressed\"?: boolean;\n \"key\"?: Key | null;\n/** The DOM node to render inside the component. If this is not provided, the\ncomponent will render nothing. If this is provided, the component will\nrender the DOM node inside a `div` component with `display` set to\n`contents`. */\n \"node\": Node;\n/** **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions. */\n \"onClick\"?: ((e: MouseEvent<FocusableElement, MouseEvent>) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the press state changes. */\n \"onPressChange\"?: ((isPressed: boolean) => void);\n/** Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target. */\n \"onPressEnd\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press interaction starts. */\n \"onPressStart\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not. */\n \"onPressUp\"?: ((e: PressEvent) => void);\n/** Whether the target should not receive focus on press. */\n \"preventFocusOnPress\"?: boolean;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether press events should be canceled when the pointer leaves the target while pressed.\nBy default, this is `false`, which means if the pointer returns back over the target while\nstill pressed, onPressStart will be fired again. If set to `true`, the press is canceled\nwhen the pointer leaves the target and onPressStart will not be fired if the pointer returns. */\n \"shouldCancelOnPointerExit\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
21
+ "Drawer": "type DrawerProps = {\n/** The props of additional `ActionIconButton` to display in the drawer header. */\n \"action\"?: ActionIconButtonProps;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The valid values for the background type are \"medium\" and \"subtle\". */\n/** @default medium */\n \"background\"?: \"medium\" | \"subtle\";\n/** The children to render. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The class name of the content container. */\n \"contentClassName\"?: string;\n/** The style of the content container. */\n \"contentStyle\"?: CSSProperties;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n \"key\"?: Key | null;\n/** The callback to call when the drawer is requested to be closed. */\n \"onCloseRequest\"?: (() => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The accessibility role for the dialog. */\n/** @default 'dialog' */\n \"role\"?: \"dialog\" | \"alertdialog\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The title to display in the drawer. */\n \"title\": string;\n}",
22
+ "Editor": "type EditorProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether to autofocus the editor when it is mounted. */\n/** @default false */\n \"autoFocus\"?: boolean;\n/** The name of the avatar. The avatar is visible when `variant` is set to\n`minimal` and `enableRichText` is set to `false`. */\n \"avatarName\"?: string;\n/** Optional property that represents the ARIA label for the cancel button. */\n/** @default Cancel */\n \"cancelButtonAriaLabel\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Whether to clear the editor value when the cancel button is clicked. */\n/** @default false */\n \"clearOnCancel\"?: boolean;\n/** Whether to clear the editor value when the editor is saved. */\n/** @default false */\n \"clearOnSave\"?: boolean;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value of the editor. */\n \"defaultValue\"?: string;\n/** The ARIA label for the editable content. In case of rich text, this label\nis used to provide an accessible label for the contenteditable element,\nwhich is read by screen readers to assist visually impaired users. In case\nof plain text, this label is used to provide an accessible label for the\ntextarea element. */\n/** @default Editing Area */\n \"editableContentAriaLabel\"?: string;\n/** The imperative handle for manipulating editor. */\n \"editorHandle\"?: RefObject<EditorHandle>;\n/** Indicates whether rich text is enabled or not. */\n/** @default true */\n \"enableRichText\"?: boolean;\n/** Footer button represents the buttons that are displayed in the footer. */\n \"footerButtons\"?: ({ type: \"action\"; props: Omit<ActionIconButtonProps, \"variant\" | \"size\">; } | { type: \"toggle\"; props: Omit<ToggleIconButtonProps, \"variant\" | \"size\">; })[];\n/** Whether the editor is disabled. This includes both input and save button. */\n \"isDisabled\"?: boolean;\n/** Whether the editor is inline or not. */\n \"isInline\"?: boolean;\n/** Whether saving it disabled. Ths disables only save button. */\n \"isSaveDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The maximum number of mentionable users to be displayed in the suggestions.\nThis prop is only used when `mentionableUsers` is provided. */\n/** @default 10 */\n \"maxMentionableUsersSuggestions\"?: number;\n/** An optional array of mentionable users. Mention feature is only available\nwhen `enableRichText` is set to `true` and this prop is provided.\n\n```tsx\ntype MentionableUser = {\n id: string;\n name: string;\n displayName: string;\n avatar?: AvatarProps;\n description?: string;\n};\n``` */\n \"mentionableUsers\"?: MentionableUser[];\n/** The function to be called when Cancel button is clicked. If not provided,\nthe Cancel button will not be rendered. */\n \"onCancel\"?: (() => void);\n/** The function to be called when the value of the editor changes.\n@param value */\n \"onChange\"?: ((value: string) => void);\n/** The function to be called when `Enter` key is pressed or Save button is\nclicked. */\n \"onSave\"?: ((value: string) => void);\n/** The placeholder text to be displayed when the editor is empty. */\n \"placeholder\"?: string;\n \"ref\"?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null;\n/** Whether to save the editor value when `Enter` key is pressed. */\n/** @default false */\n \"saveOnEnter\"?: boolean;\n/** Specifies whether spell checking is enabled or disabled. */\n \"spellCheck\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Optional property that represents the ARIA label for the submit button.\nThis property is used to provide an accessible label for the button, which\nis read by screen readers to assist visually impaired users. */\n/** @default Save */\n \"submitButtonAriaLabel\"?: string;\n/** The React node representing the icon to be displayed on the submit button. */\n/** @default ArrowUpCircleFilledIcon */\n \"submitButtonIcon\"?: FC<IconProps>;\n/** The value of the editor. */\n \"value\"?: string;\n/** The variant of the editor. */\n/** @default default */\n \"variant\"?: \"default\" | \"minimal\";\n}",
23
+ "FileUpload": "type FileUploadProps = {\n/** The pattern to match the file name against. This is a regular expression,\nand will be matched against the entire file name. */\n \"accept\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended\ndescription for the object. */\n \"aria-describedby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The description to display. */\n \"description\"?: string;\n/** The Icon to display. */\n \"icon\"?: FC<IconProps>;\n/** Whether the component is disabled. */\n \"isDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The label to display. */\n \"label\": string;\n/** Whether to allow multiple files to be uploaded. */\n \"multiple\"?: boolean;\n/** The name of the input. */\n \"name\"?: string;\n/** The callback function that is fired when the value changes. */\n \"onChange\"?: ((event: ChangeEvent<HTMLInputElement>) => void);\n/** The callback function that is fired when the value changes and the value is\nvalid. */\n \"onValueChange\"?: ((files: File[]) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLLabelElement>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Whether the component is inlined. */\n/** @default default */\n \"variant\"?: \"default\" | \"inline\";\n}",
24
+ "FrameProvider": "type FrameProviderProps = {\n/** The children of the FrameProvider */\n \"children\": ReactNode;\n/** The container inside which all the overlays should be confined to */\n \"container\"?: HTMLElement | null;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The container inside which all the portals should be confined to */\n \"portalContainer\"?: HTMLElement | null;\n/** Whether the container should contain the overlays. Here's what happens when\nthe value is set to `\"auto\"`:\n\n- On mobile, the overlays will be positioned relative to the window.\n- On desktop or tablet, the overlays will be positioned relative to the\n container.\n\nWhen the value is set to `\"always\"`, the overlays will be positioned\nrelative to the container on all devices.\n\nWhen the value is set to `\"never\"`, the overlays will be positioned\nrelative to the window on all devices. */\n/** @default auto */\n \"shouldContainOverlays\"?: \"always\" | \"auto\" | \"never\";\n}",
25
+ "FreehandCanvas": "type FreehandCanvasProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n/** @default Drawing canvas */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applicable to the SVG canvas. */\n \"canvasClassName\"?: string;\n/** The ref for the canvas. */\n \"canvasRef\"?: RefObject<HTMLDivElement>;\n/** The style applicable to the SVG canvas. */\n \"canvasStyle\"?: CSSProperties;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The label for the clear button. */\n \"clearLabel\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default lines to render. */\n \"defaultValue\"?: FreehandCanvasLine[];\n/** Description for the canvas. */\n/** @default This is a canvas for drawing using a mouse or touch input. */\n \"description\"?: string;\n/** An easing function to apply to each point's pressure. */\n \"easing\"?: ((pressure: number) => number);\n/** Whether to enable history for undo/redo. */\n/** @default false */\n \"enableHistory\"?: boolean;\n/** Cap, taper and easing for the end of the line. */\n \"end\"?: { cap?: boolean; taper?: number | boolean; easing?: ((distance: number) => number) | undefined; } | undefined;\n/** The className applicable to the footer. */\n \"footerClassName\"?: string;\n/** The style applicable to the footer. */\n \"footerStyle\"?: CSSProperties;\n/** Whether to keep the points within the canvas. */\n/** @default true */\n \"isBound\"?: boolean;\n/** Whether the canvas is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the canvas is inline. */\n/** @default true */\n \"isInline\"?: boolean;\n \"key\"?: Key | null;\n/** The label for the canvas. */\n \"label\"?: string;\n/** Callback for when the lines change. This is called on every point change.\n@param lines */\n \"onChange\"?: ((lines: FreehandCanvasLine[]) => void);\n/** Callback for when the lines change has ended. This is called once after the\npointerup event. It is recommended to use this callback for performance\nreasons.\n@param lines */\n \"onChangeEnd\"?: ((lines: FreehandCanvasLine[]) => void);\n/** The placeholder for the canvas. */\n \"placeholder\"?: string;\n/** The label for the redo button. */\n \"redoLabel\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether to simulate pressure based on velocity. */\n/** @default false */\n \"simulatePressure\"?: boolean;\n/** How much to soften the stroke's edges. */\n/** @default 0 */\n \"smoothing\"?: number;\n/** Cap, taper and easing for the start of the line. */\n \"start\"?: { cap?: boolean; taper?: number | boolean; easing?: ((distance: number) => number) | undefined; } | undefined;\n/** How much to streamline the stroke. */\n/** @default 0 */\n \"streamline\"?: number;\n/** The color of the stroke. */\n/** @default #3A87FD */\n \"strokeColor\"?: string;\n/** The width of the stroke. */\n/** @default 2 */\n \"strokeWidth\"?: number;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The label for the undo button. */\n \"undoLabel\"?: string;\n/** The value of the canvas. This can be used to make the canvas a controlled\ncomponent. */\n \"value\"?: FreehandCanvasLine[];\n}",
26
+ "GridList": "type GridListProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether to auto focus the gridlist or an option. */\n \"autoFocus\"?: boolean | FocusStrategy;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** A pre-constructed collection to use instead of building one from items and children. */\n \"collection\"?: Collection<Node<ListOption<Record<string, any>>>>;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The initial selected keys in the collection (uncontrolled). */\n \"defaultSelectedKeys\"?: \"all\" | Iterable<Key>;\n/** Whether `disabledKeys` applies to all interactions, or only selection. */\n/** @default \"all\" */\n \"disabledBehavior\"?: DisabledBehavior;\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** Whether typeahead navigation is disabled. */\n/** @default false */\n \"disallowTypeAhead\"?: boolean;\n/** Indicates whether reordering is enabled. */\n/** @default false */\n \"enableReorder\"?: boolean;\n/** Whether pressing the escape key should clear selection in the grid list or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually. */\n/** @default 'clearSelection' */\n \"escapeKeyBehavior\"?: \"none\" | \"clearSelection\";\n/** Handle to access the gridlist imperative methods. */\n \"gridListHandle\"?: RefObject<ListHandle>;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Enables editing mode which disables keydown event capturing, useful\nwhen you may want the internal `GridList` from taking away focus from\nchild input due to type-ahead */\n/** @default false */\n \"isEditing\"?: boolean;\n/** Item objects in the collection.\nThe items to render in the grid list. Items have the following shape:\n\n```ts\nexport type ListOption = {\n id: string;\n label: string;\n description?: string;\n icon?: React.FC<IconProps>;\n data?: T;\n};\n``` */\n \"items\"?: Iterable<ListOption<Record<string, any>>> & Iterable<ListOption<Record<string, any>>> & ListOption<Record<string, any>>[];\n \"key\"?: Key | null;\n/** Whether keyboard navigation to focusable elements within grid list items is\nvia the left/right arrow keys or the tab key. */\n/** @default 'arrow' */\n \"keyboardNavigationBehavior\"?: \"arrow\" | \"tab\";\n/** Whether the items are arranged in a stack or grid. */\n/** @default stack */\n \"layout\"?: \"grid\" | \"stack\";\n/** A delegate object that provides layout information for items in the collection.\nThis can be used to override the behavior of shift selection.\nA delegate object that provides layout information for items in the collection.\nBy default this uses the DOM, but this can be overridden to implement things like\nvirtualized scrolling. */\n \"layoutDelegate\"?: LayoutDelegate;\n/** Handler that is called when a user performs an action on an item. The exact user event depends on\nthe collection's `selectionBehavior` prop and the interaction modality. */\n \"onAction\"?: ((key: Key) => void);\n/** Handler that is called when items are reordered within the collection.\nThis handler only allows dropping between items, not on items.\nIt does not allow moving items to a different parent item within a tree. */\n \"onReorder\"?: ((e: DroppableCollectionReorderEvent) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((keys: Selection) => void);\n/** The primary orientation of the items. Usually this is the direction that\nthe collection scrolls. */\n/** @default vertical */\n \"orientation\"?: Orientation;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLUListElement>;\n/** Function to render a grid item. This is called for each item in the\nlist. The function receives the item, props for the grid item, and a\nref to the grid item element. It should return a React element\nrepresenting the item.\n\nThe `checkBoxProps` property in the options object is used to pass\nprops to the checkbox rendered in the grid item. This property is\n`undefined` when the grid list is not selectable.\n\n```jsx\n<GridList\n items={items}\n renderGridItem={(\n item,\n { rowProps, isDisabled, gridCellProps, checkBoxProps },\n ref,\n ) => (\n <div\n {...rowProps}\n ref={ref}\n style={{ opacity: isDisabled ? 0.5 : 1 }}\n >\n <Checkbox {...checkBoxProps} />\n <Text>{item.label}</Text>\n <ActionButton label=\"Click Me\" />\n </div>\n )}\n/>;\n```\n\nThe `dragHandleProps` property in the options object is used to pass\nprops to the drag handle rendered in the grid item. This property is\n`undefined` when the grid list is not reorderable.\n\nDragProps: Props to apply to the drag handle element. dragButtonProps:\nProps to apply to the custom drag button element in case the drag\nhandle is a button and not the whole row.\n@param item\n@param options\n@param ref */\n \"renderGridItem\": (item: Node<ListOption<Record<string, any>>>, options: GridListItemAria & { checkBoxProps?: CheckboxProps | undefined; dragHandleProps?: { ...; } | undefined; }, ref: Ref<...>) => Element;\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: \"all\" | Iterable<Key>;\n/** How multiple selection should behave in the collection. */\n \"selectionBehavior\"?: SelectionBehavior;\n/** The type of selection that is allowed in the collection. */\n \"selectionMode\"?: SelectionMode;\n/** Whether focus should wrap around when the end/start is reached. */\n/** @default false */\n \"shouldFocusWrap\"?: boolean;\n/** Whether selection should occur on press up instead of press down. */\n \"shouldSelectOnPressUp\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
27
+ "Group": "type GroupProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The children to render. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the group is disabled. */\n \"isDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The `role` property specifies the accessibility `role` for the group. By\ndefault, it is set to 'group'. If the contents of the group are important\nenough to be included in the page table of contents, use 'region'. If the\ngroup is visual only and does not represent a semantic grouping of\ncontrols, use 'presentation'. */\n/** @default group */\n \"role\"?: \"group\" | \"region\" | \"presentation\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
28
+ "I18nProvider": "type I18nProviderProps = {\n/** The children to render. */\n \"children\": ReactNode;\n/** The locale to apply to the children. */\n \"locale\"?: string;\n/** The messages to use for internationalization. */\n/** @default {} */\n \"messages\"?: LocalizedStrings;\n/** Whether to log messages when translations in the current locale are\nmissing. */\n/** @default true */\n \"shouldLogMissingMessages\"?: boolean;\n}",
29
+ "Icon": "type IconProps = {\n/** The `className` property assigned to the SVG element of the component. */\n \"className\"?: string;\n/** The color of the icon. */\n \"color\"?: string;\n \"key\"?: Key | null;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLSpanElement>;\n/** The `width` and `height` of the icon. This can be a string or a number. If\nyou want to set the width and height to different values, you can pass\n`width` and `height` as separate props. */\n/** @default \"1em\" */\n \"size\"?: string | number;\n/** The style applicable to the SVG element of the component. */\n \"style\"?: CSSProperties;\n/** The SVG string of the icon to render. This is useful if you want to render\nan icon that is not in the catalog of icons provided in the list above. You\ncan use the `createIcon` function to create an icon from an SVG string. */\n/** @default undefined */\n \"svg\": string;\n \"title\"?: string;\n}",
30
+ "ImageDropZone": "type ImageDropZoneProps = {\n/** The pattern to match the file name against. This is a regular expression,\nand will be matched against the entire file name. */\n/** @default image/* */\n \"accept\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended\ndescription for the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The label for the clear button. */\n \"clearLabel\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The initial image to display. This will be used as the `src` attribute of\nthe `<img>` element. You will be able to choose a new image. */\n \"defaultImageSrc\"?: string | File;\n/** The description to display. */\n \"description\"?: string;\n/** The className applicable to the footer. */\n \"footerClassName\"?: string;\n/** The style applicable to the footer. */\n \"footerStyle\"?: CSSProperties;\n/** The alt text to display for the image. This will be used as the `alt`\nattribute of the `<img>`. element. If no `imageAlt` is provided, the\n`label` will be used. */\n \"imageAlt\"?: string;\n/** The image to display. This will be used as the `src` attribute of the\n`<img>` element and will not be able to be changed from within the\ncomponent. Basically, this makes the component controlled. */\n \"imageSrc\"?: string | File;\n/** Whether to show the checkered background behind the image. This is useful\nwhen the image has transparency. */\n/** @default true */\n \"includeCheckeredBackground\"?: boolean;\n/** Whether the component is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the component is inlined. */\n/** @default true */\n \"isInline\"?: boolean;\n \"key\"?: Key | null;\n/** The class name to apply to the label. */\n \"labelClassName\"?: string;\n/** The style to apply to the label. */\n \"labelStyle\"?: CSSProperties;\n/** The name of the input. */\n \"name\"?: string;\n/** The callback function that is fired when the value changes. */\n \"onChange\"?: ((event: ChangeEvent<HTMLInputElement>) => void);\n/** Handler that is called when a valid drag is dropped on the drop target. */\n \"onDrop\"?: ((e: DropEvent) => void);\n/** Handler that is called after a valid drag is held over the drop target for a period of time.\nThis typically opens the item so that the user can drop within it. */\n \"onDropActivate\"?: ((e: DropActivateEvent) => void);\n/** Handler that is called when a valid drag enters the drop target. */\n \"onDropEnter\"?: ((e: DropEnterEvent) => void);\n/** Handler that is called when a valid drag exits the drop target. */\n \"onDropExit\"?: ((e: DropExitEvent) => void);\n/** Handler that is called when a valid drag is moved within the drop target. */\n \"onDropMove\"?: ((e: DropMoveEvent) => void);\n/** Handler that is called when the user triggers a paste interaction. */\n \"onPaste\"?: ((items: DropItem[]) => void);\n/** The callback function that is fired when the value changes and the value is\nvalid. */\n \"onValueChange\"?: ((files: File[]) => void);\n/** The class name to apply to the picker button. */\n \"pickerButtonClassName\"?: string;\n/** The label to display for the picker button. */\n \"pickerButtonLabel\"?: string;\n/** The style to apply to the picker button. */\n \"pickerButtonStyle\"?: CSSProperties;\n/** The placeholder for the canvas. */\n \"placeholder\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
31
+ "ImageGallery": "type ImageGalleryProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The aspect ratio of the images. */\n/** @default 3 / 4 */\n \"aspectRatio\"?: number;\n/** Whether to auto focus the listbox or an option. */\n \"autoFocus\"?: boolean | FocusStrategy;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** An array of objects containing the image source, alt text, and label for\neach image.\n\n```tsx\nconst items = [\n {\n id: \"1\",\n src: \"https://example.com/image1.jpg\",\n alt: \"Image 1\",\n label: \"Image 1\",\n },\n {\n id: \"2\",\n src: \"https://example.com/image2.jpg\",\n alt: \"Image 2\",\n label: \"Image 2\",\n },\n];\n``` */\n/** @default [] */\n \"defaultItems\"?: Item[];\n/** The initial selected keys in the collection (uncontrolled). */\n \"defaultSelectedKeys\"?: Iterable<Key> | \"all\";\n/** The title of the delete confirmation modal. */\n/** @default Are you sure you want to delete this item? */\n \"deleteConfirmationTitle\"?: string | ((selectedKeys: Selection) => string);\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the ListBox. */\n \"dragAndDropHooks\"?: DragAndDropHooks<NoInfer<ListItem>>;\n/** Whether pressing the escape key should clear selection in the listbox or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually. */\n/** @default 'clearSelection' */\n \"escapeKeyBehavior\"?: \"clearSelection\" | \"none\";\n/** The fit of the images. */\n/** @default cover */\n \"fit\"?: \"contain\" | \"cover\";\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** ClassName for each item image */\n \"imageClassName\"?: ClassName;\n/** ClassName for each item container */\n \"imageContainerClassName\"?: ClassName;\n/** The dimensions of the grid. */\n \"imageContainerStyle\"?: CSSProperties;\n/** The dimensions of the image. */\n/** @default {\n width: imageWidth,\n aspectRatio,\n } */\n \"imageDimensions\"?: Dimension | ((item: Item, options: { isSelected: boolean; }) => Dimension);\n/** The width of the images. */\n/** @default 102 */\n \"imageWidth\"?: number | \"sm\" | \"md\";\n/** An array of objects containing the image source, alt text, and label for\neach image. This property makes the component a controlled component.\n\n```tsx\nconst items = [\n {\n id: \"1\",\n src: \"https://example.com/image1.jpg\",\n alt: \"Image 1\",\n label: \"Image 1\",\n },\n {\n id: \"2\",\n src: \"https://example.com/image2.jpg\",\n alt: \"Image 2\",\n label: \"Image 2\",\n },\n];\n``` */\n \"items\"?: Item[];\n \"key\"?: Key | null;\n/** The label for the listbox. */\n \"label\"?: ReactNode;\n/** ClassName for each item image label */\n \"labelClassName\"?: ClassName;\n/** A delegate object that provides layout information for items in the collection.\nBy default this uses the DOM, but this can be overridden to implement things like\nvirtualized scrolling. */\n \"layoutDelegate\"?: LayoutDelegate;\n/** Handle to access the listbox methods. */\n \"listBoxHandle\"?: RefObject<ListHandle>;\n/** Handler that is called when a user performs an action on an item. The exact user event depends on\nthe collection's `selectionBehavior` prop and the interaction modality. */\n \"onAction\"?: ((key: Key) => void);\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** A callback that is called when an image is deleted. */\n \"onDelete\"?: ((keys: Key[]) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** A callback that is called when a key is pressed. */\n \"onKeyDown\"?: ((event: KeyboardEvent) => void);\n/** A callback that is called when the list of images or selection is updated. */\n \"onListChange\"?: ((items: Item[]) => void);\n/** Handler that is called when items are reordered within the collection.\nThis handler only allows dropping between items, not on items.\nIt does not allow moving items to a different parent item within a tree. */\n \"onReorder\"?: ((e: DroppableCollectionReorderEvent) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((keys: Selection) => void);\n/** The CSS class name for the option. */\n \"optionClassName\"?: string | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => string);\n/** The style of the option. */\n \"optionStyle\"?: CSSProperties | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => CSSProperties);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** A callback that is called to render the image. */\n \"renderImage\"?: ((item: ListOption<Pick<Item, \"alt\" | \"src\">>, options: { deleteElement?: Element; onDelete?: ((id: string) => void); }) => Element) | undefined;\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: Iterable<Key> | \"all\";\n/** How multiple selection should behave in the collection. */\n \"selectionBehavior\"?: SelectionBehavior;\n/** The type of selection that is allowed in the collection. */\n \"selectionMode\"?: SelectionMode;\n/** Whether focus should wrap around when the end/start is reached. */\n \"shouldFocusWrap\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
32
+ "InlineAlert": "type InlineAlertProps = {\n/** The label of the action button. When provided, the action button will be\nrendered. */\n \"actionLabel\"?: string;\n/** @default single */\n \"arrangement\"?: \"single\" | \"multi\" | \"compact\";\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The description of the alert. */\n \"description\": string;\n \"key\"?: Key | null;\n/** The callback fired when the action button is clicked. */\n \"onAction\"?: (() => void);\n/** The callback fired when the close button is clicked. When provided, the\nclose button will be rendered. */\n \"onClose\"?: (() => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The size of the alert. */\n/** @default sm */\n \"size\"?: \"sm\" | \"md\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The title of the alert. */\n \"title\": string;\n/** The variant of the alert. */\n/** @default info */\n \"variant\"?: \"info\" | \"warning\" | \"error\" | \"success\";\n}",
33
+ "InlineToolbar": "type InlineToolbarProps = {\n/** Client rect to be used as anchor for the popover content when no child\nelement is provided. This will make the position controlled by the\n`anchorRect` instead of the selection. */\n \"anchorRect\"?: Rect;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** A ref for the popover arrow element. */\n \"arrowRef\"?: RefObject<Element | null>;\n/** Element that that serves as the positioning boundary. */\n/** @default document.body */\n \"boundaryElement\"?: Element;\n/** The children of the InlineToolbar component. This should be a single\nelement that will be used as the trigger for the InlineToolbar. Any text\nselected within this element will be used to determine the position of the\nInlineToolbar. */\n \"children\": Element;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The placement padding that should be applied between the element and its\nsurrounding container. */\n/** @default 12 */\n \"containerPadding\"?: number;\n/** The additional offset applied along the cross axis between the element and its\nanchor element. */\n/** @default 0 */\n \"crossOffset\"?: number;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The keys that should be disabled in the InlineToolbar. This can be used to\ndisable certain items when the selection changes. */\n \"disabledKeys\"?: Iterable<Key> | ((selection: Selection | null) => Iterable<Key>);\n/** An optional ref for a group of popovers, e.g. submenus.\nWhen provided, this element is used to detect outside interactions\nand hiding elements from assistive technologies instead of the popoverRef. */\n \"groupRef\"?: RefObject<Element | null>;\n/** Whether the InlineToolbar should be disabled. This can be used to disable\nthe InlineToolbar when the selection changes. */\n \"isDisabled\"?: boolean;\n/** Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided. */\n/** @default false */\n \"isKeyboardDismissDisabled\"?: boolean;\n/** Allows tabbing through the toolbar's content when false. */\n/** @default true */\n \"isSingleTabStop\"?: boolean;\n/** The items to display in the InlineToolbar. This can be an array of items or\na function that returns an array of items. If a function is provided, it\nwill be called with the current selection as an argument.\n\nThe signature of `Item` is:\n\n```js\ninterface Item {\n id: string;\n \"aria-label\"?: string;\n label?: string;\n icon?: React.FC<IconProps>;\n}\n```\n\nThe `id` property is required and will be passed to the `onAction` callback\nwhen the item is selected. The `aria-label` property will be used as the\n`aria-label` for the button when you render an icon-only button. */\n \"items\": Item[] | ((selection: Selection | null) => Item[]);\n \"key\"?: Key | null;\n/** Callback that is called when an item is selected. The `id` of the selected\nitem and the current selection will be passed as arguments. */\n \"onAction\"?: ((id: string, selection: Selection) => void);\n/** Handler that is called when the overlay's open state changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n/** The placement of the element with respect to its anchor element. */\n/** @default top */\n \"placement\"?: Placement;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** A ref for the scrollable region within the overlay. */\n/** @default overlayRef */\n \"scrollRef\"?: RefObject<Element | null>;\n/** When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref. */\n \"shouldCloseOnInteractOutside\"?: ((element: Element) => boolean);\n/** Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely. */\n/** @default true */\n \"shouldFlip\"?: boolean;\n/** Whether the overlay should update its position automatically. */\n/** @default true */\n \"shouldUpdatePosition\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
34
+ "Link": "type LinkProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The children to render. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Causes the browser to download the linked URL. A string may be provided to suggest a file name. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download). */\n \"download\"?: string | boolean;\n/** The HTML element used to render the link, e.g. 'a', or 'span'. */\n/** @default a */\n \"elementType\"?: string;\n/** A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href). */\n \"href\"?: string;\n/** Hints at the human language of the linked URL. See[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang). */\n \"hrefLang\"?: string;\n/** Whether the link is disabled. */\n \"isDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions. */\n \"onClick\"?: ((e: MouseEvent<FocusableElement, MouseEvent>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the press state changes. */\n \"onPressChange\"?: ((isPressed: boolean) => void);\n/** Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target. */\n \"onPressEnd\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press interaction starts. */\n \"onPressStart\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not. */\n \"onPressUp\"?: ((e: PressEvent) => void);\n/** A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping). */\n \"ping\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLElement>;\n/** How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy). */\n \"referrerPolicy\"?: HTMLAttributeReferrerPolicy;\n/** The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel). */\n \"rel\"?: string;\n/** Optional ARIA role, useful for specifying a different role for the link. */\n/** @default \"link\" */\n \"role\"?: AriaRole;\n/** Options for the configured client side router. */\n \"routerOptions\"?: undefined;\n/** The size of the link. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\" | \"lg\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target). */\n \"target\"?: HTMLAttributeAnchorTarget;\n/** The title of the link, for providing additional information. */\n \"title\"?: string;\n/** The type of the link. */\n/** @default body */\n \"type\"?: \"body\" | \"label\";\n/** The link's style variant. */\n/** @default default */\n \"variant\"?: \"default\" | \"inline\";\n}",
35
+ "ListBox": "type ListBoxProps = {\n/** The drag types that the droppable collection accepts. If the collection accepts directories, include `DIRECTORY_DRAG_TYPE` in your array of allowed types. */\n/** @default 'all' */\n \"acceptedDragTypes\"?: \"all\" | (string | symbol)[];\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether to auto focus the listbox or an option. */\n \"autoFocus\"?: boolean | FocusStrategy;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The initial selected keys in the collection (uncontrolled). */\n \"defaultSelectedKeys\"?: Iterable<Key> | \"all\";\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** The CSS class name for the drop indicator. */\n \"dropIndicatorClassName\"?: string;\n/** The style of the drop indicator used in a component. */\n \"dropIndicatorStyle\"?: CSSProperties;\n/** Indicates whether reordering is enabled. */\n/** @default false */\n \"enableReorder\"?: boolean;\n/** Whether pressing the escape key should clear selection in the listbox or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually. */\n/** @default 'clearSelection' */\n \"escapeKeyBehavior\"?: \"clearSelection\" | \"none\";\n/** A function that returns the items being dragged. */\n \"getItems\"?: ((keys: Set<Key>, items: object[]) => DragItem[]);\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the drag events should be disabled.\nWhether the drop events should be disabled. */\n \"isDisabled\"?: boolean;\n/** The items to render in the listbox. Items have the following shape:\n\n```ts\nexport type ListOption = {\n id: string;\n label: string;\n description?: string;\n icon?: React.FC<IconProps>;\n};\n\nexport type ListSection = {\n id: string;\n title?: string;\n type: \"section\";\n children: ListOption[];\n};\n\ntype ListItem = ListOption | ListSection;\n``` */\n \"items\"?: ListItem[];\n \"key\"?: Key | null;\n/** The label for the listbox. */\n \"label\"?: ReactNode;\n/** Whether the items are arranged in a stack or grid. */\n/** @default stack */\n \"layout\"?: \"grid\" | \"stack\";\n/** A delegate object that provides layout information for items in the collection.\nBy default this uses the DOM, but this can be overridden to implement things like\nvirtualized scrolling. */\n \"layoutDelegate\"?: LayoutDelegate;\n/** Handle to access the listbox methods. */\n \"listBoxHandle\"?: RefObject<ListHandle>;\n/** Handler that is called when a user performs an action on an item. The exact user event depends on\nthe collection's `selectionBehavior` prop and the interaction modality. */\n \"onAction\"?: ((key: Key) => void);\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the drag operation is ended, either as a result of a drop or a cancellation. */\n \"onDragEnd\"?: ((e: DraggableCollectionEndEvent) => void);\n/** Handler that is called when the drag is moved. */\n \"onDragMove\"?: ((e: DraggableCollectionMoveEvent) => void);\n/** Handler that is called when a drag operation is started. */\n \"onDragStart\"?: ((e: DraggableCollectionStartEvent) => void);\n/** Handler that is called when a valid drag is dropped on a drop target. When defined, this overrides other\ndrop handlers such as `onInsert`, and `onItemDrop`. */\n \"onDrop\"?: ((e: DroppableCollectionDropEvent) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** A custom keyboard event handler for drop targets. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when items are moved within the source collection.\nThis handler allows dropping both on or between items, and items may be\nmoved to a different parent item within a tree. */\n \"onMove\"?: ((e: DroppableCollectionReorderEvent) => void);\n/** Handler that is called when items are reordered within the collection.\nThis handler only allows dropping between items, not on items.\nIt does not allow moving items to a different parent item within a tree. */\n \"onReorder\"?: ((e: DroppableCollectionReorderEvent) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((keys: Selection) => void);\n/** The CSS class name for the option. */\n \"optionClassName\"?: string | ((item: ListOption<Record<string, any>>, state: UIState) => string);\n/** The style of the option. */\n \"optionStyle\"?: CSSProperties | ((item: ListOption<Record<string, any>>, state: UIState) => CSSProperties);\n/** The primary orientation of the items. Usually this is the direction that\nthe collection scrolls. */\n/** @default vertical */\n \"orientation\"?: Orientation;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLUListElement>;\n/** The custom render function for the drag preview. This can be used to render\na custom drag preview when dragging items. */\n \"renderDragPreview\"?: ((items: DragItem[]) => Element);\n/** Renders the drop indicator component. */\n \"renderDropIndicator\"?: ((options: { dropIndicatorProps: HTMLAttributes<HTMLLIElement>; isDropTarget: boolean; isHidden: boolean; orientation: Orientation; }, ref: RefObject<...>) => ReactNode);\n/** The custom render function for the listbox options.\n@param item Node<ListItem>\n@param options [OptionAria]()\n@param ref React.RefObject<HTMLLIElement> */\n \"renderOption\"?: ((item: Node<ListItem>, options: OptionAria & { showSelectedIcon?: boolean; _state: ListState<ListItem>; }, ref: Ref<...>) => ReactNode);\n/** The custom render function for the listbox sections.\n@param section ListSection\n@param ref React.RefObject<HTMLDivElement> */\n \"renderSectionHeader\"?: ((section: Node<ListItem>, ref: Ref<HTMLSpanElement>) => ReactNode);\n/** The CSS class name for the section. */\n \"sectionClassName\"?: string | ((item: ListSection<Record<string, any>>) => string);\n/** The style of the section. */\n \"sectionStyle\"?: CSSProperties | ((item: ListSection<Record<string, any>>) => CSSProperties);\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: Iterable<Key> | \"all\";\n/** How multiple selection should behave in the collection. */\n \"selectionBehavior\"?: SelectionBehavior;\n/** The type of selection that is allowed in the collection. */\n \"selectionMode\"?: SelectionMode;\n/** Whether options should be focused when the user hovers over them. */\n \"shouldFocusOnHover\"?: boolean;\n/** Whether focus should wrap around when the end/start is reached. */\n \"shouldFocusWrap\"?: boolean;\n/** Whether selection should occur on press up instead of press down. */\n \"shouldSelectOnPressUp\"?: boolean;\n/** Whether the listbox items should use virtual focus instead of being focused directly. */\n \"shouldUseVirtualFocus\"?: boolean;\n/** Whether to show each section title when provided. */\n/** @default false */\n \"showSectionHeader\"?: boolean;\n/** Whether to show the selected checkmark icon. */\n/** @default true */\n \"showSelectedIcon\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Wether to add initial padding to section titles if shown. */\n/** @default false */\n \"withSectionHeaderPadding\"?: boolean;\n}",
36
+ "Markdown": "type MarkdownProps = {\n/** The markdown to render. */\n \"children\": string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n \"key\"?: Key | null;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The flag to show the caret at the end */\n \"showCaret\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
37
+ "Menu": "type MenuProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Where the focus should be set. */\n \"autoFocus\"?: boolean | FocusStrategy;\n/** Element that that serves as the positioning boundary. */\n/** @default document.body */\n \"boundaryElement\"?: Element;\n/** The `className` property assigned to the root element of the component. */\n \"className\"?: string;\n/** The `className` property assigned to the content element of the component. */\n \"contentClassName\"?: string;\n/** The additional offset applied along the cross axis between the element and its\nanchor element. */\n/** @default 0 */\n \"crossOffset\"?: number;\n/** Whether the overlay is open by default (uncontrolled). */\n \"defaultOpen\"?: boolean;\n/** The initial selected keys in the collection (uncontrolled). */\n \"defaultSelectedKeys\"?: Iterable<Key> | \"all\";\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** Whether pressing the escape key should clear selection in the menu or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually. */\n/** @default 'clearSelection' */\n \"escapeKeyBehavior\"?: \"clearSelection\" | \"none\";\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether menu trigger is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully. */\n \"isNonModal\"?: boolean;\n/** Whether the overlay is open by default (controlled). */\n \"isOpen\"?: boolean;\n/** The `className` property assigned to the item element of the component. */\n \"itemClassName\"?: string;\n/** A list of items to render in the menu. Items have the following shape:\n\n```ts\nexport type MenuOption = {\n id: string;\n label: string;\n keyboardShortcut?: string;\n icon?: React.FC<IconProps>;\n};\n\nexport type MenuSection = {\n id: string;\n title?: string;\n type: \"section\";\n children: MenuOption[];\n};\n\nexport type MenuItem = MenuOption | MenuSection;\n``` */\n \"items\": MenuItem[];\n \"key\"?: Key | null;\n/** The additional offset applied along the main axis between the element and its\nanchor element. */\n/** @default 0 */\n \"offset\"?: number;\n/** Handler that is called when an item is selected. */\n \"onAction\"?: ((key: Key) => void);\n/** Handler that is called when the menu should close after selecting an item. */\n \"onClose\"?: (() => void);\n/** Handler that is called when the overlay's open state changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((keys: Selection) => void);\n/** The placement of the element with respect to its anchor element. */\n/** @default bottom start */\n \"placement\"?: Placement;\n/** The container element for the popover. By default, the modal is rendered as\na child of the body element. */\n/** @default document.body */\n \"portalContainer\"?: HTMLElement;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLUListElement>;\n/** A function that renders the trigger element of the component. The default\nimplementation renders an `ActionButton` component.\n\n```tsx\n<Menu renderTrigger={({ buttonProps, ref }) => <ActionButton {...buttonProps} label=\"Label\" ref={ref} />\n``` */\n/** @default Function */\n \"renderTrigger\"?: ((options: { buttonProps: ActionButtonProps; ref: RefObject<HTMLButtonElement>; }) => ReactNode);\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: Iterable<Key> | \"all\";\n/** The type of selection that is allowed in the collection. */\n \"selectionMode\"?: SelectionMode;\n/** Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely. */\n/** @default true */\n \"shouldFlip\"?: boolean;\n/** Whether keyboard navigation is circular. */\n \"shouldFocusWrap\"?: boolean;\n/** Whether the overlay should update its position automatically. */\n/** @default true */\n \"shouldUpdatePosition\"?: boolean;\n/** How the menu is triggered. */\n/** @default 'press' */\n \"trigger\"?: MenuTriggerType;\n/** The label of the trigger element. This can be a string, a React node, or a\nfunction that accepts a boolean indicating whether the menu is open. */\n \"triggerLabel\"?: ReactNode | ((isOpen: boolean) => ReactNode);\n}",
38
+ "MessageFormat": "type MessageFormatProps = {\n/** The default message to use if the message id is not found. */\n \"defaultMessage\"?: string;\n/** By default `<MessageFormat>` will render the formatted string into a\n`<React.Fragment>`. If you need to customize rendering, you can either wrap\nit with another React element (recommended), specify a different tagName\n(e.g., 'div') */\n \"elementType\"?: ElementType<any, keyof IntrinsicElements>;\n/** The id of the message to format. */\n \"id\": string;\n}",
39
+ "Modal": "type ModalProps = {\n/** The contents of the modal. */\n \"children\": ReactNode;\n/** Whether the overlay is open by default (uncontrolled). */\n \"defaultOpen\"?: boolean;\n/** Whether the overlay is open by default (controlled). */\n \"isOpen\"?: boolean;\n/** Handler that is called when the overlay's open state changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n}",
40
+ "NumberFormat": "type NumberFormatProps = {\n \"compactDisplay\"?: \"short\" | \"long\";\n \"currency\"?: string;\n \"currencyDisplay\"?: keyof NumberFormatOptionsCurrencyDisplayRegistry;\n \"currencySign\"?: \"standard\" | \"accounting\";\n \"localeMatcher\"?: \"lookup\" | \"best fit\";\n \"maximumFractionDigits\"?: number;\n \"maximumSignificantDigits\"?: number;\n \"minimumFractionDigits\"?: number;\n \"minimumIntegerDigits\"?: number;\n \"minimumSignificantDigits\"?: number;\n \"notation\"?: \"standard\" | \"scientific\" | \"engineering\" | \"compact\";\n/** Overrides default numbering system for the current locale. */\n \"numberingSystem\"?: string;\n \"roundingIncrement\"?: 1 | 2 | 5 | 10 | 20 | 25 | 50 | 100 | 200 | 250 | 500 | 1000 | 2000 | 2500 | 5000;\n \"roundingMode\"?: \"ceil\" | \"floor\" | \"expand\" | \"trunc\" | \"halfCeil\" | \"halfFloor\" | \"halfExpand\" | \"halfTrunc\" | \"halfEven\";\n \"roundingPriority\"?: \"auto\" | \"morePrecision\" | \"lessPrecision\";\n \"signDisplay\"?: keyof NumberFormatOptionsSignDisplayRegistry;\n \"style\"?: keyof NumberFormatOptionsStyleRegistry;\n \"trailingZeroDisplay\"?: \"auto\" | \"stripIfInteger\";\n \"unit\"?: string;\n \"unitDisplay\"?: \"short\" | \"long\" | \"narrow\";\n \"useGrouping\"?: boolean | keyof NumberFormatOptionsUseGroupingRegistry | \"true\" | \"false\";\n/** The number to format. */\n \"value\": number;\n}",
41
+ "NumberInput": "type NumberInputProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** A custom aria-label for the decrement button. If not provided, the localized string \"Decrement\" is used. */\n \"decrementAriaLabel\"?: string;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: number;\n/** The description to display below the input. */\n \"description\"?: string;\n/** The error message to display when the input is in an error state. */\n \"errorMessage\"?: string;\n/** Formatting options for the value displayed in the number field.\nThis also affects what characters are allowed to be typed by the user. */\n \"formatOptions\"?: NumberFormatOptions;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** A custom aria-label for the increment button. If not provided, the localized string \"Increment\" is used. */\n \"incrementAriaLabel\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input value is invalid. */\n \"isInvalid\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Enables or disables changing the value with scroll. */\n \"isWheelDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** The position of the label relative to the input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** The largest value allowed for the input. */\n \"maxValue\"?: number;\n/** The smallest value allowed for the input. */\n \"minValue\"?: number;\n/** Handler that is called when the input value is about to be modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event). */\n \"onBeforeInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: number) => void);\n/** Handler that is called when a text composition system completes or cancels the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event). */\n \"onCompositionEnd\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a text composition system starts a new text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event). */\n \"onCompositionStart\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event). */\n \"onCompositionUpdate\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when the user copies text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy). */\n \"onCopy\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the user cuts text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut). */\n \"onCut\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event). */\n \"onInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the user pastes text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste). */\n \"onPaste\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event). */\n \"onSelect\"?: ReactEventHandler<HTMLInputElement>;\n/** Temporary text that occupies the text input when it is empty. */\n \"placeholder\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether to show the stepper buttons. */\n/** @default true */\n \"showStepper\"?: boolean;\n/** The amount that the input value changes with each increment or decrement \"tick\". */\n \"step\"?: number;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The current value (controlled). */\n \"value\"?: number;\n/** The variant of the number input. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n}",
42
+ "Pagination": "type PaginationProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** The label for the pagination component. */\n \"aria-label\": string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** A custom aria-label for the decrement button. If not provided, the localized string \"Decrement\" is used. */\n \"decrementAriaLabel\"?: string;\n/** The default value (uncontrolled). */\n/** @default 1 */\n \"defaultValue\"?: number;\n/** Whether to hide the increment and decrement actions. */\n \"hideActions\"?: boolean;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** A custom aria-label for the increment button. If not provided, the localized string \"Increment\" is used. */\n \"incrementAriaLabel\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Enables or disables changing the value with scroll. */\n \"isWheelDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The largest value allowed for the input. */\n \"maxValue\": number;\n/** The smallest value allowed for the input. */\n/** @default 1 */\n \"minValue\"?: number;\n/** Handler that is called when the input value is about to be modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event). */\n \"onBeforeInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: number) => void);\n/** Handler that is called when a text composition system completes or cancels the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event). */\n \"onCompositionEnd\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a text composition system starts a new text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event). */\n \"onCompositionStart\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event). */\n \"onCompositionUpdate\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when the user copies text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy). */\n \"onCopy\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the user cuts text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut). */\n \"onCut\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event). */\n \"onInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the user pastes text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste). */\n \"onPaste\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event). */\n \"onSelect\"?: ReactEventHandler<HTMLInputElement>;\n/** Temporary text that occupies the text input when it is empty. */\n \"placeholder\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The size of the pagination component. */\n/** @default md */\n \"size\"?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n/** The amount that the input value changes with each increment or decrement \"tick\". */\n \"step\"?: number;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA. */\n/** @default 'aria' */\n \"validationBehavior\"?: \"aria\" | \"native\";\n/** The current value (controlled). */\n \"value\"?: number;\n/** The variant of the pagination component. */\n/** @default floating */\n \"variant\"?: \"floating\" | \"pinned\";\n}",
43
+ "Panel": "type PanelProps = {\n/** Content */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Panel collapses to this size */\n/** @default 0 */\n \"collapsedSize\"?: number;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Initial size of the panel, accepts value between 0 - 100 */\n \"defaultSize\"?: number;\n/** Whether panel can be collapsed when resized beyond `minSize` */\n/** @default false */\n \"isCollapsible\"?: boolean;\n \"key\"?: Key | null;\n/** Maximum allowed size for the panel, accepts value between 0 - 100 */\n/** @default 100 */\n \"maxSize\"?: number;\n/** Minimum allowed size for the panel, accepts value between 0 - 100 */\n/** @default 10 */\n \"minSize\"?: number;\n/** Called with current panel size on resize */\n \"onResize\"?: PanelOnResize;\n/** Provide a value in case of conditional rendering to ensure panels are\ncorrectly added back */\n \"order\"?: number;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<ImperativePanelHandle>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
44
+ "PointPicker": "type PointPickerProps = {\n/** The magnifier's content. */\n \"children\": ReactNode;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the point picker is disabled. */\n/** @default false */\n \"isDisabled\"?: boolean;\n}",
45
+ "Popover": "type PopoverProps = {\n/** The children of the popover. */\n \"children\": ReactNode;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the overlay is open by default (uncontrolled). */\n \"defaultOpen\"?: boolean;\n/** Whether the overlay is open by default (controlled). */\n \"isOpen\"?: boolean;\n/** Handler that is called when the overlay's open state changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n/** Type of overlay that is opened by the trigger. */\n \"type\": \"dialog\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\";\n}",
46
+ "Portal": "type PortalProps = {\n/** The overlay to render in the portal. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Disables default focus management for the overlay, including containment and restoration.\nThis option should be used very carefully. When focus management is disabled, you must\nimplement focus containment and restoration to ensure the overlay is keyboard accessible. */\n \"disableFocusManagement\"?: boolean;\n/** Whether the overlay is currently performing an exit animation. When true,\nfocus is allowed to move outside. */\n \"isExiting\"?: boolean;\n \"key\"?: Key | null;\n/** The container element in which the overlay portal will be placed. */\n/** @default document.body */\n \"portalContainer\"?: Element;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether to contain focus within the overlay. */\n \"shouldContainFocus\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
47
+ "PortalContainerProvider": "type PortalContainerProviderProps = {\n/** The children to render. */\n \"children\": ReactNode;\n/** The container element for the popover. By default, the modal is rendered as\na child of the body element. */\n/** @default undefined */\n \"portalContainer\": HTMLElement | undefined;\n}",
48
+ "Preview": "type PreviewProps = {\n/** The accent variable represents the type of accent color used in the\napplication. It can have one of the following values:\n\n- \"theme\": Represents the accent color defined by the current application\n theme.\n- \"positive\": Represents a positive accent color that doesn't change with\n theme. */\n/** @default positive */\n \"accent\"?: \"theme\" | \"positive\";\n/** The callback to be called when the preview is clicked. */\n \"addAriaLabel\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The label to be used for the delete button. This is used for accessibility\npurposes. */\n \"deleteAriaLabel\"?: string;\n/** The alt text for the image. */\n \"imageAlt\"?: string;\n/** The image to display in the preview. This can be a URL or a base64 encoded\nstring. */\n \"imageSrc\"?: string;\n/** Whether the preview should be disabled or not. */\n \"isDisabled\"?: boolean;\n/** Whether the preview should be displayed inline or not. This is just a\nvisual change, the component will still behave the same. */\n/** @default true */\n \"isInline\"?: boolean;\n \"key\"?: Key | null;\n/** The callback to be called when the delete button is clicked. When passed,\nthe delete button is displayed. */\n \"onDelete\"?: ((e: PressEvent) => void);\n/** This is fired when the `actionButtons` are not passed and you trigger a\n`click` event on the preview. In case you have passed `actionButtons`, this\nis not fired as focus shifts to the action buttons. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The SVG to display in the preview. This can be a React element or a string. */\n \"svgSrc\"?: string | Element;\n/** The style of the text. */\n \"textStyle\"?: CSSProperties;\n/** The text to display in the preview. */\n \"textValue\"?: string;\n}",
49
+ "ProgressBar": "type ProgressBarProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The description of the progress bar. */\n \"description\"?: string;\n/** The error message of the progress bar. */\n \"errorMessage\"?: string;\n/** The display format of the value label. */\n/** @default {style: 'percent'} */\n \"formatOptions\"?: NumberFormatOptions;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n \"key\"?: Key | null;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** The largest value allowed for the input. */\n/** @default 100 */\n \"maxValue\"?: number;\n/** The smallest value allowed for the input. */\n/** @default 0 */\n \"minValue\"?: number;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether the progress bar value should be displayed. */\n/** @default false */\n \"showValue\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The current value (controlled). */\n/** @default 0 */\n \"value\"?: number;\n/** The content to display as the value's label (e.g. 1 of 4). */\n \"valueLabel\"?: ReactNode;\n/** The variant of the progress bar. */\n/** @default active */\n \"variant\"?: \"active\" | \"success\" | \"error\";\n}",
50
+ "ProgressSpinner": "type ProgressSpinnerProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n \"key\"?: Key | null;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The size of the progress circle. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The progress circle's variant. */\n/** @default active */\n \"variant\"?: \"active\" | \"inactive\" | \"success\" | \"error\";\n}",
51
+ "RadioGroup": "type RadioGroupProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Identifies the element that provides an error message for the object. */\n \"aria-errormessage\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: string | null;\n/** The ids of the items that are disabled. */\n \"disabledValues\"?: string[];\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** The list of items to render in the radio group. Items have the following\nshape:\n\n```ts\nexport type ListOption = {\n id: string;\n label: string;\n description?: string;\n icon?: React.FC<IconProps>;\n};\n``` */\n \"items\": ListOption<Record<string, any>>[];\n \"key\"?: Key | null;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** The position of the label relative to the input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: string) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** The className applicable to the label. */\n \"optionClassName\"?: string;\n/** The position of the label of individual radio buttons. */\n/** @default end */\n \"optionLabelPosition\"?: \"start\" | \"end\";\n/** The class name for the group container. */\n \"optionsContainerClassName\"?: string;\n/** The style for the group container. */\n \"optionsContainerStyle\"?: CSSProperties;\n/** The style applicable to the label. */\n \"optionStyle\"?: CSSProperties;\n/** The axis the Radio Button(s) should align with. */\n/** @default 'vertical' */\n \"orientation\"?: Orientation;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The custom render function for the radio group options.\n@param item The item to render.\n@param options The options for rendering the item. */\n \"renderOption\"?: ((item: ListOption<Record<string, any>>, options: { isFocusVisible: boolean; isFocused: boolean; isSelected: boolean; isHovered: boolean; isDisabled: boolean; optionLabelPosition: \"start\" | \"end\"; isReadOnly?: boolean; }) => ReactNode);\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The current value (controlled). */\n \"value\"?: string | null;\n}",
52
+ "Reaction": "type ReactionProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The number of reactions. */\n \"count\": number;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the Switch should be selected (uncontrolled).\nWhether the element should be selected (uncontrolled). */\n \"defaultSelected\"?: boolean;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** The icon to render. */\n \"icon\"?: FC<IconProps>;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Whether the Switch should be selected (controlled).\nWhether the element should be selected (controlled). */\n \"isSelected\"?: boolean;\n \"key\"?: Key | null;\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the Switch's selection state changes.\nHandler that is called when the element's selection state changes. */\n \"onChange\"?: (((isSelected: boolean) => void) & ((isSelected: boolean) => void));\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLLabelElement>;\n/** The size of the reaction. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */\n \"value\"?: string;\n}",
53
+ "ScrollControlButton": "type ScrollControlButtonProps = {\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The delay in milliseconds before the button is hidden when the scrolling\nstops. */\n/** @default 1500 */\n \"delay\"?: number;\n/** Indicates whether the button should be hidden when the keyboard is being\nused. */\n/** @default false */\n \"hideForKeyboard\"?: boolean;\n \"key\"?: Key | null;\n/** The button's label. */\n \"label\": ReactNode;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLButtonElement>;\n/** The ref to the scrollable element. */\n/** @default document.body */\n \"scrollRef\"?: RefObject<HTMLElement>;\n/** Indicates whether the scroll should be smooth. */\n/** @default true */\n \"smoothScroll\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
54
+ "SearchInput": "type SearchInputProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Identifies the element that provides an error message for the object. */\n \"aria-errormessage\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\": string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete). */\n \"autoCorrect\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: string;\n/** A description for the field. Provides a hint such as specific requirements for what to choose. */\n \"description\"?: ReactNode;\n/** An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint). */\n \"enterKeyHint\"?: \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\";\n/** An error message for the field. */\n \"errorMessage\"?: ReactNode | ((v: ValidationResult) => ReactNode);\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Hints at the type of data that might be entered by the user while editing the element or its contents. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute). */\n \"inputMode\"?: \"search\" | \"none\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\";\n/** Whether the clear button is focusable. By default, you can clear the search\ninput by pressing the `Escape` key and clicking the clear button. So the\nclear button is excluded from receiving focus. This prop is useful when you\nwant to allow the clear button to receive focus. */\n/** @default false */\n \"isClearFocusable\"?: boolean;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** The maximum number of characters supported by the input. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength). */\n \"maxLength\"?: number;\n/** The minimum number of characters required by the input. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength). */\n \"minLength\"?: number;\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the input value is about to be modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event). */\n \"onBeforeInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<HTMLInputElement, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: string) => void);\n/** Handler that is called when the clear button is pressed. */\n \"onClear\"?: (() => void);\n/** Handler that is called when a text composition system completes or cancels the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event). */\n \"onCompositionEnd\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a text composition system starts a new text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event). */\n \"onCompositionStart\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event). */\n \"onCompositionUpdate\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when the user copies text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy). */\n \"onCopy\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the user cuts text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut). */\n \"onCut\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<HTMLInputElement, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event). */\n \"onInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the user pastes text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste). */\n \"onPaste\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event). */\n \"onSelect\"?: ReactEventHandler<HTMLInputElement>;\n/** Handler that is called when the SearchField is submitted. */\n \"onSubmit\"?: ((value: string) => void);\n/** Regex pattern that the value of the input must match to be valid. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern). */\n \"pattern\"?: string;\n/** Temporary text that occupies the text input when it is empty. */\n \"placeholder\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The size of the search input. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\" | \"lg\";\n/** An enumerated attribute that defines whether the element may be checked for spelling errors. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck). */\n \"spellCheck\"?: string;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The current value (controlled). */\n \"value\"?: string;\n/** The variant of the search input. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n}",
55
+ "Select": "type SelectProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The class name for the arrow element. */\n \"arrowClassName\"?: ClassName;\n/** A ref for the popover arrow element. */\n \"arrowRef\"?: RefObject<Element | null>;\n/** The style for the arrow element. */\n \"arrowStyle\"?: Style;\n/** Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). */\n \"autoComplete\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** Element that that serves as the positioning boundary. */\n/** @default document.body */\n \"boundaryElement\"?: Element;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** A pre-constructed collection to use instead of building one from items and children. */\n \"collection\"?: Collection<Node<ListItem>>;\n/** The placement padding that should be applied between the element and its\nsurrounding container. */\n/** @default 12 */\n \"containerPadding\"?: number;\n/** The class name for the content container element. */\n \"contentContainerClassName\"?: ClassName;\n/** The style for the content container element. */\n \"contentContainerStyle\"?: Style;\n/** The additional offset applied along the cross axis between the element and its\nanchor element. */\n/** @default 0 */\n \"crossOffset\"?: number;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Sets the default open state of the menu. */\n \"defaultOpen\"?: boolean;\n/** The initial selected key in the collection (uncontrolled).\n@deprecated */\n \"defaultSelectedKey\"?: Key;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: Key | Key[] | null;\n/** The description of the select component. */\n \"description\"?: string;\n/** Whether to disable the animation for the modal. This is useful when you\nwant to render one modal after another without the animation. */\n/** @default false */\n \"disableAnimation\"?: boolean;\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Disables default focus management for the overlay, including containment and restoration.\nThis option should be used very carefully. When focus management is disabled, you must\nimplement focus containment and restoration to ensure the overlay is keyboard accessible. */\n \"disableFocusManagement\"?: boolean;\n/** The error message of the select component. */\n \"errorMessage\"?: string;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** An optional ref for a group of popovers, e.g. submenus.\nWhen provided, this element is used to detect outside interactions\nand hiding elements from assistive technologies instead of the popoverRef. */\n \"groupRef\"?: RefObject<Element | null>;\n/** Whether to hide the clear option that is shown when `selectionMode` is\n`multiple`. */\n/** @default false */\n \"hideClear\"?: boolean;\n/** Whether to hide the select all option that is shown when `selectionMode` is\n`multiple`. */\n/** @default false */\n \"hideSelectAll\"?: boolean;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether to include an arrow on the popover. */\n/** @default false */\n \"includeArrow\"?: boolean;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input value is invalid. */\n \"isInvalid\"?: boolean;\n/** Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided. */\n/** @default false */\n \"isKeyboardDismissDisabled\"?: boolean;\n/** Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully. */\n \"isNonModal\"?: boolean;\n/** Sets the open state of the menu. */\n \"isOpen\"?: boolean;\n/** Whether the select component is read only. */\n \"isReadOnly\"?: boolean;\n/** The items to render in the listbox. Items have the following shape:\n\n```ts\nexport type ListOption = {\n id: string;\n label: string;\n description?: string;\n icon?: React.FC<IconProps>;\n};\n\nexport type ListSection = {\n id: string;\n title?: string;\n type: \"section\";\n children: ListOption[];\n};\n\ntype ListItem = ListOption | ListSection;\n``` */\n \"items\"?: ListItem[];\n \"key\"?: Key | null;\n/** The label of the select component. */\n \"label\"?: ReactNode;\n/** The position of the label. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** The maximum number of items to show in the select button as tags when\n`selectionMode` is `multiple`. */\n/** @default 2 */\n \"maxCount\"?: number;\n/** The maxHeight specified for the overlay element.\nBy default, it will take all space up to the current viewport height. */\n \"maxHeight\"?: number;\n/** The name of the input, used when submitting an HTML form. */\n \"name\"?: string;\n/** The additional offset applied along the main axis between the element and its\nanchor element. */\n/** @default 0 */\n \"offset\"?: number;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: Key | Key[] | null) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Method that is called when the open state of the menu changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n/** Handler that is called when the selection changes.\n@deprecated */\n \"onSelectionChange\"?: ((key: Key | null) => void);\n/** Handler that is called when the user presses the trigger button. This can\nbe used to track events like clicks on the trigger button. */\n \"onTriggerPress\"?: ((event: PressEvent) => void);\n/** The CSS class name for the option. */\n \"optionClassName\"?: string | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => string);\n/** The style of the option. */\n \"optionStyle\"?: CSSProperties | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => CSSProperties);\n/** Temporary text that occupies the text input when it is empty. */\n \"placeholder\"?: string;\n/** The placement of the element with respect to its anchor element. */\n/** @default bottom start */\n \"placement\"?: Placement;\n/** The class name for the portal container element. */\n \"portalClassName\"?: string;\n/** The container element for the popover. By default, the modal is rendered as\na child of the body element. */\n/** @default document.body */\n \"portalContainer\"?: HTMLElement;\n/** The style for the portal container element. */\n \"portalStyle\"?: CSSProperties;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** This callback can be used to render the trigger element of the select\ncomponent. The trigger element is the element that is clicked to open the\nselect menu. */\n/** @default Function */\n \"renderTrigger\"?: ((options: { buttonProps: Omit<ActionButtonProps, \"className\" | \"style\" | \"label\" | \"variant\" | \"elementType\" | \"iconStart\" | \"iconEnd\">; valueProps: DOMAttributes<FocusableElement>; ... 5 more ...; maxCount: number; }) => ReactNode);\n/** A ref for the scrollable region within the overlay. */\n/** @default overlayRef */\n \"scrollRef\"?: RefObject<Element | null>;\n/** The currently selected key in the collection (controlled).\n@deprecated */\n \"selectedKey\"?: Key | null;\n/** Whether single or multiple selection is enabled. */\n/** @default 'single' */\n \"selectionMode\"?: SelectionMode;\n/** When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref. */\n \"shouldCloseOnInteractOutside\"?: ((element: Element) => boolean);\n/** Whether to contain focus within the overlay. */\n \"shouldContainFocus\"?: boolean;\n/** Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely. */\n/** @default true */\n \"shouldFlip\"?: boolean;\n/** Whether the overlay should update its position automatically. */\n/** @default true */\n \"shouldUpdatePosition\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The class name of the trigger element. */\n \"triggerClassName\"?: string;\n/** The style of the trigger element. */\n \"triggerStyle\"?: CSSProperties;\n/** The class name for the underlay element. */\n \"underlayClassName\"?: ClassName;\n/** The state of the select component. */\n \"validationState\"?: \"valid\" | \"error\" | \"warning\";\n/** The current value (controlled). */\n \"value\"?: Key | Key[] | null;\n/** The variant of the select component. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n/** The warning message of the select component. */\n \"warningMessage\"?: string;\n}",
56
+ "Separator": "type SeparatorProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The HTML element type that will be used to render the separator. */\n/** @default div */\n \"elementType\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n \"key\"?: Key | null;\n/** The orientation of the separator. */\n/** @default horizontal */\n \"orientation\"?: Orientation;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The variant of the separator. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"secondary\";\n}",
57
+ "Slider": "type SliderProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: number;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether to include a number input for the slider. */\n/** @default false */\n \"includeNumberInput\"?: boolean;\n/** Whether the whole Slider is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the slider is read only. */\n/** @default false */\n \"isReadOnly\"?: boolean;\n \"key\"?: Key | null;\n/** The label for the slider. */\n \"label\"?: ReactNode;\n/** The slider's maximum value. */\n/** @default 100 */\n \"maxValue\"?: number;\n/** The slider's minimum value. */\n/** @default 0 */\n \"minValue\"?: number;\n/** The format options passed to `Intl.NumberFormat`. */\n \"numberFormatOptions\"?: (NumberFormatOptions & { numberingSystem?: string; });\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: number) => void);\n/** Fired when the slider stops moving, due to being let go. */\n \"onChangeEnd\"?: ((value: number) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The slider's step value. */\n/** @default 1 */\n \"step\"?: number;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The current value (controlled). */\n \"value\"?: number;\n}",
58
+ "Switch": "type SwitchProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the Switch should be selected (uncontrolled). */\n \"defaultSelected\"?: boolean;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Whether the Switch should be selected (controlled). */\n \"isSelected\"?: boolean;\n \"key\"?: Key | null;\n/** The label to display next to the switch. */\n \"label\"?: ReactNode;\n/** The position of the label. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"left\";\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the Switch's selection state changes. */\n \"onChange\"?: ((isSelected: boolean) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLLabelElement>;\n/** The status label to display next to the switch. */\n \"statusLabel\"?: { on: string; off: string; };\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */\n \"value\"?: string;\n}",
59
+ "Tabs": "type TabsProps = {\n/** A list of action buttons to render beside the tab items. */\n \"actions\"?: Omit<ActionIconButtonProps, \"variant\" | \"size\">[];\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The `TabItem` components to render inside the `Tabs` component.\n\n```jsx\n<Tabs>\n <TabItem key=\"tab1\" title=\"Tab 1\">\n <div>Tab 1 content</div>\n </TabItem>\n <TabItem key=\"tab2\" title=\"Tab 2\">\n <div>Tab 2 content</div>\n </TabItem>\n</Tabs>;\n``` */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value of the tab that needs to be selected. */\n \"defaultSelectedValue\"?: string;\n/** The values of the tabs that need to be disabled. */\n \"disabledValues\"?: Set<Key>;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the TabList is disabled.\nShows that a selection exists, but is not available in that circumstance. */\n \"isDisabled\"?: boolean;\n \"key\"?: Key | null;\n/** Whether tabs are activated automatically on focus or manually. */\n/** @default 'automatic' */\n \"keyboardActivation\"?: \"automatic\" | \"manual\";\n/** The key of the tab that needs to be removed.\n@param key */\n \"onRemove\"?: ((key: Key) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((key: Key) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The value of the tab that needs to be selected. */\n \"selectedValue\"?: string;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The className to apply to the tab header container. */\n \"tabHeaderClassName\"?: string;\n/** The style to apply to the tab header container. */\n \"tabHeaderStyle\"?: CSSProperties;\n/** The variant of the tabs */\n \"variant\"?: \"primary\" | \"ghost\";\n}",
60
+ "TagGroup": "type TagGroupProps = {\n/** Whether onSelectionChange should fire even if the new set of keys is the same as the last. */\n \"allowDuplicateSelectionEvents\"?: boolean;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The initial selected keys in the collection (uncontrolled). */\n \"defaultSelectedKeys\"?: Iterable<Key> | \"all\";\n/** Whether `disabledKeys` applies to all interactions, or only selection. */\n \"disabledBehavior\"?: DisabledBehavior;\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** Whether pressing the escape key should clear selection in the TagGroup or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually. */\n/** @default 'clearSelection' */\n \"escapeKeyBehavior\"?: \"clearSelection\" | \"none\";\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the tag group is disabled. */\n/** @default false */\n \"isDisabled\"?: boolean;\n/** The items to display in the tag group.\n\nType Item = { id: string; label: string; variant?: \"neutral\" | \"red\" |\n\"green\" | \"blue\" | \"high-contrast\"; icon?: React.FC<SVGRProps>; } */\n \"items\": Item[];\n \"key\"?: Key | null;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** A delegate object that provides layout information for items in the collection.\nThis can be used to override the behavior of shift selection. */\n \"layoutDelegate\"?: LayoutDelegate;\n/** Handler that is called when a user deletes a tag. */\n \"onRemove\"?: ((keys: Set<Key>) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((keys: Selection) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: Iterable<Key> | \"all\";\n/** How multiple selection should behave in the collection. */\n \"selectionBehavior\"?: SelectionBehavior;\n/** The type of selection that is allowed in the collection. */\n \"selectionMode\"?: SelectionMode;\n/** Whether selection should occur on press up instead of press down. */\n \"shouldSelectOnPressUp\"?: boolean;\n/** The size of the tag group. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** @private */\n \"suppressTextValueWarning\"?: boolean;\n/** The variant of the tag group. */\n/** @default \"neutral\" */\n \"variant\"?: \"neutral\" | \"red\" | \"green\" | \"blue\" | \"high-contrast\";\n}",
61
+ "TaggedPagination": "type TaggedPaginationProps = {\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** A custom aria-label for the decrement button. If not provided, the localized string \"Decrement\" is used. */\n \"decrementAriaLabel\"?: string;\n/** The default value of the component. */\n \"defaultValue\"?: number;\n/** The description of the component. */\n/** @default Function */\n \"description\"?: string | ((value: number) => string);\n/** The aria-label for the description. */\n \"descriptionAriaLabel\"?: string;\n/** A custom aria-label for the increment button. If not provided, the localized string \"Increment\" is used. */\n \"incrementAriaLabel\"?: string;\n/** Whether the decrement button is disabled. */\n \"isDecrementButtonDisabled\"?: boolean;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the increment button is disabled. */\n \"isIncrementButtonDisabled\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n \"key\"?: Key | null;\n/** The label for the component. */\n \"label\"?: ReactNode;\n/** The maximum value of the component. */\n/** @default Number.POSITIVE_INFINITY */\n \"maxValue\"?: number;\n/** The minimum value of the component. */\n/** @default Number.NEGATIVE_INFINITY */\n \"minValue\"?: number;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<HTMLInputElement, Element>) => void);\n/** The callback that is called when the value is changed. */\n \"onChange\"?: ((value: string | number) => void);\n/** The callback that is called when the value is changed successfully. */\n \"onChangeSuccess\"?: ((value: number) => void);\n/** The callback that is called when the input value is changed. */\n \"onInputChange\"?: ((value: string) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Determines the size of the component. */\n/** @default md */\n \"size\"?: \"xs\" | \"sm\" | \"md\";\n/** The step of the component. */\n/** @default 1 */\n \"step\"?: number;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The type of the input field. */\n/** @default \"number\" */\n \"type\"?: \"number\" | \"text\";\n/** The value of the component. */\n \"value\"?: number;\n/** The mapping of label to value. */\n \"valueToLabelMap\"?: Map<number, string>;\n}",
62
+ "Text": "type TextProps = {\n \"about\"?: string;\n \"accessKey\"?: string;\n/** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */\n \"aria-activedescendant\"?: string;\n/** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */\n \"aria-atomic\"?: Booleanish;\n/** Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made. */\n \"aria-autocomplete\"?: \"list\" | \"none\" | \"inline\" | \"both\";\n/** Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label. */\n \"aria-braillelabel\"?: string;\n/** Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription. */\n \"aria-brailleroledescription\"?: string;\n \"aria-busy\"?: Booleanish;\n/** Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected. */\n \"aria-checked\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex. */\n \"aria-colcount\"?: number;\n/** Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan. */\n \"aria-colindex\"?: number;\n/** Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext. */\n \"aria-colindextext\"?: string;\n/** Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan. */\n \"aria-colspan\"?: number;\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns. */\n \"aria-controls\"?: string;\n/** Indicates the element that represents the current item within a container or set of related elements. */\n \"aria-current\"?: boolean | \"time\" | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\";\n/** Identifies the element (or elements) that describes the object.\n@see aria-labelledby */\n \"aria-describedby\"?: string;\n/** Defines a string value that describes or annotates the current element.\n@see related aria-describedby. */\n \"aria-description\"?: string;\n/** Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby. */\n \"aria-details\"?: string;\n/** Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly. */\n \"aria-disabled\"?: Booleanish;\n/** Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1 */\n \"aria-dropeffect\"?: \"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\";\n/** Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby. */\n \"aria-errormessage\"?: string;\n/** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */\n \"aria-expanded\"?: Booleanish;\n/** Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order. */\n \"aria-flowto\"?: string;\n/** Indicates an element's \"grabbed\" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1 */\n \"aria-grabbed\"?: Booleanish;\n/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n \"aria-haspopup\"?: boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"grid\" | \"listbox\" | \"tree\";\n/** Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled. */\n \"aria-hidden\"?: Booleanish;\n/** Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage. */\n \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\n/** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */\n \"aria-keyshortcuts\"?: string;\n/** Defines a string value that labels the current element.\n@see aria-labelledby. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element.\n@see aria-describedby. */\n \"aria-labelledby\"?: string;\n/** Defines the hierarchical level of an element within a structure. */\n \"aria-level\"?: number;\n/** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */\n \"aria-live\"?: \"off\" | \"assertive\" | \"polite\";\n/** Indicates whether an element is modal when displayed. */\n \"aria-modal\"?: Booleanish;\n/** Indicates whether a text box accepts multiple lines of input or only a single line. */\n \"aria-multiline\"?: Booleanish;\n/** Indicates that the user may select more than one item from the current selectable descendants. */\n \"aria-multiselectable\"?: Booleanish;\n/** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */\n \"aria-orientation\"?: \"horizontal\" | \"vertical\";\n/** Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls. */\n \"aria-owns\"?: string;\n/** Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format. */\n \"aria-placeholder\"?: string;\n/** Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize. */\n \"aria-posinset\"?: number;\n/** Indicates the current \"pressed\" state of toggle buttons.\n@see aria-checked\n@see aria-selected. */\n \"aria-pressed\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled. */\n \"aria-readonly\"?: Booleanish;\n/** Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic. */\n \"aria-relevant\"?: \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\";\n/** Indicates that user input is required on the element before a form may be submitted. */\n \"aria-required\"?: Booleanish;\n/** Defines a human-readable, author-localized description for the role of an element. */\n \"aria-roledescription\"?: string;\n/** Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex. */\n \"aria-rowcount\"?: number;\n/** Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan. */\n \"aria-rowindex\"?: number;\n/** Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext. */\n \"aria-rowindextext\"?: string;\n/** Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan. */\n \"aria-rowspan\"?: number;\n/** Indicates the current \"selected\" state of various widgets.\n@see aria-checked\n@see aria-pressed. */\n \"aria-selected\"?: Booleanish;\n/** Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset. */\n \"aria-setsize\"?: number;\n/** Indicates if items in a table or grid are sorted in ascending or descending order. */\n \"aria-sort\"?: \"none\" | \"ascending\" | \"descending\" | \"other\";\n/** Defines the maximum allowed value for a range widget. */\n \"aria-valuemax\"?: number;\n/** Defines the minimum allowed value for a range widget. */\n \"aria-valuemin\"?: number;\n/** Defines the current value for a range widget.\n@see aria-valuetext. */\n \"aria-valuenow\"?: number;\n/** Defines the human readable text alternative of aria-valuenow for a range widget. */\n \"aria-valuetext\"?: string;\n \"autoCapitalize\"?: string;\n \"autoCorrect\"?: string;\n \"autoFocus\"?: boolean;\n \"autoSave\"?: string;\n/** The text to render. Can be a string or a number. */\n \"children\"?: ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n \"color\"?: string;\n \"content\"?: string;\n \"contentEditable\"?: Booleanish | \"inherit\" | \"plaintext-only\";\n \"contextMenu\"?: string;\n \"dangerouslySetInnerHTML\"?: { __html: string | TrustedHTML; };\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n \"datatype\"?: string;\n \"defaultChecked\"?: boolean;\n \"defaultValue\"?: string | number | readonly string[];\n \"dir\"?: string;\n \"draggable\"?: Booleanish;\n/** The HTML element to render. */\n/** @default span */\n \"elementType\"?: ElementType<any, keyof IntrinsicElements>;\n \"hidden\"?: boolean;\n \"id\"?: string;\n \"inlist\"?: any;\n/** Hints at the type of data that might be entered by the user while editing the element or its contents\n@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute} */\n \"inputMode\"?: \"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\";\n/** Specify that a standard HTML element should behave like a defined custom built-in element\n@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is} */\n \"is\"?: string;\n \"itemID\"?: string;\n \"itemProp\"?: string;\n \"itemRef\"?: string;\n \"itemScope\"?: boolean;\n \"itemType\"?: string;\n \"key\"?: Key | null;\n \"lang\"?: string;\n \"nonce\"?: string;\n \"onAbort\"?: ReactEventHandler<HTMLSpanElement>;\n \"onAbortCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onAnimationEnd\"?: AnimationEventHandler<HTMLSpanElement>;\n \"onAnimationEndCapture\"?: AnimationEventHandler<HTMLSpanElement>;\n \"onAnimationIteration\"?: AnimationEventHandler<HTMLSpanElement>;\n \"onAnimationIterationCapture\"?: AnimationEventHandler<HTMLSpanElement>;\n \"onAnimationStart\"?: AnimationEventHandler<HTMLSpanElement>;\n \"onAnimationStartCapture\"?: AnimationEventHandler<HTMLSpanElement>;\n \"onAuxClick\"?: MouseEventHandler<HTMLSpanElement>;\n \"onAuxClickCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onBeforeInput\"?: FormEventHandler<HTMLSpanElement>;\n \"onBeforeInputCapture\"?: FormEventHandler<HTMLSpanElement>;\n \"onBlur\"?: FocusEventHandler<HTMLSpanElement>;\n \"onBlurCapture\"?: FocusEventHandler<HTMLSpanElement>;\n \"onCanPlay\"?: ReactEventHandler<HTMLSpanElement>;\n \"onCanPlayCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onCanPlayThrough\"?: ReactEventHandler<HTMLSpanElement>;\n \"onCanPlayThroughCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onChange\"?: FormEventHandler<HTMLSpanElement>;\n \"onChangeCapture\"?: FormEventHandler<HTMLSpanElement>;\n \"onClick\"?: MouseEventHandler<HTMLSpanElement>;\n \"onClickCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onCompositionEnd\"?: CompositionEventHandler<HTMLSpanElement>;\n \"onCompositionEndCapture\"?: CompositionEventHandler<HTMLSpanElement>;\n \"onCompositionStart\"?: CompositionEventHandler<HTMLSpanElement>;\n \"onCompositionStartCapture\"?: CompositionEventHandler<HTMLSpanElement>;\n \"onCompositionUpdate\"?: CompositionEventHandler<HTMLSpanElement>;\n \"onCompositionUpdateCapture\"?: CompositionEventHandler<HTMLSpanElement>;\n \"onContextMenu\"?: MouseEventHandler<HTMLSpanElement>;\n \"onContextMenuCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onCopy\"?: ClipboardEventHandler<HTMLSpanElement>;\n \"onCopyCapture\"?: ClipboardEventHandler<HTMLSpanElement>;\n \"onCut\"?: ClipboardEventHandler<HTMLSpanElement>;\n \"onCutCapture\"?: ClipboardEventHandler<HTMLSpanElement>;\n \"onDoubleClick\"?: MouseEventHandler<HTMLSpanElement>;\n \"onDoubleClickCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onDrag\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragEnd\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragEndCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragEnter\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragEnterCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragExit\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragExitCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragLeave\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragLeaveCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragOver\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragOverCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragStart\"?: DragEventHandler<HTMLSpanElement>;\n \"onDragStartCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDrop\"?: DragEventHandler<HTMLSpanElement>;\n \"onDropCapture\"?: DragEventHandler<HTMLSpanElement>;\n \"onDurationChange\"?: ReactEventHandler<HTMLSpanElement>;\n \"onDurationChangeCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onEmptied\"?: ReactEventHandler<HTMLSpanElement>;\n \"onEmptiedCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onEncrypted\"?: ReactEventHandler<HTMLSpanElement>;\n \"onEncryptedCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onEnded\"?: ReactEventHandler<HTMLSpanElement>;\n \"onEndedCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onError\"?: ReactEventHandler<HTMLSpanElement>;\n \"onErrorCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onFocus\"?: FocusEventHandler<HTMLSpanElement>;\n \"onFocusCapture\"?: FocusEventHandler<HTMLSpanElement>;\n \"onGotPointerCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onGotPointerCaptureCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onInput\"?: FormEventHandler<HTMLSpanElement>;\n \"onInputCapture\"?: FormEventHandler<HTMLSpanElement>;\n \"onInvalid\"?: FormEventHandler<HTMLSpanElement>;\n \"onInvalidCapture\"?: FormEventHandler<HTMLSpanElement>;\n \"onKeyDown\"?: KeyboardEventHandler<HTMLSpanElement>;\n \"onKeyDownCapture\"?: KeyboardEventHandler<HTMLSpanElement>;\n/** @deprecated */\n \"onKeyPress\"?: KeyboardEventHandler<HTMLSpanElement>;\n/** @deprecated */\n \"onKeyPressCapture\"?: KeyboardEventHandler<HTMLSpanElement>;\n \"onKeyUp\"?: KeyboardEventHandler<HTMLSpanElement>;\n \"onKeyUpCapture\"?: KeyboardEventHandler<HTMLSpanElement>;\n \"onLoad\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLoadCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLoadedData\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLoadedDataCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLoadedMetadata\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLoadedMetadataCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLoadStart\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLoadStartCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onLostPointerCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onLostPointerCaptureCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onMouseDown\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseDownCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseEnter\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseLeave\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseMove\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseMoveCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseOut\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseOutCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseOver\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseOverCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseUp\"?: MouseEventHandler<HTMLSpanElement>;\n \"onMouseUpCapture\"?: MouseEventHandler<HTMLSpanElement>;\n \"onPaste\"?: ClipboardEventHandler<HTMLSpanElement>;\n \"onPasteCapture\"?: ClipboardEventHandler<HTMLSpanElement>;\n \"onPause\"?: ReactEventHandler<HTMLSpanElement>;\n \"onPauseCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onPlay\"?: ReactEventHandler<HTMLSpanElement>;\n \"onPlayCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onPlaying\"?: ReactEventHandler<HTMLSpanElement>;\n \"onPlayingCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onPointerCancel\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerCancelCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerDown\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerDownCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerEnter\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerLeave\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerMove\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerMoveCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerOut\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerOutCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerOver\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerOverCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerUp\"?: PointerEventHandler<HTMLSpanElement>;\n \"onPointerUpCapture\"?: PointerEventHandler<HTMLSpanElement>;\n \"onProgress\"?: ReactEventHandler<HTMLSpanElement>;\n \"onProgressCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onRateChange\"?: ReactEventHandler<HTMLSpanElement>;\n \"onRateChangeCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onReset\"?: FormEventHandler<HTMLSpanElement>;\n \"onResetCapture\"?: FormEventHandler<HTMLSpanElement>;\n \"onResize\"?: ReactEventHandler<HTMLSpanElement>;\n \"onResizeCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onScroll\"?: UIEventHandler<HTMLSpanElement>;\n \"onScrollCapture\"?: UIEventHandler<HTMLSpanElement>;\n \"onSeeked\"?: ReactEventHandler<HTMLSpanElement>;\n \"onSeekedCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onSeeking\"?: ReactEventHandler<HTMLSpanElement>;\n \"onSeekingCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onSelect\"?: ReactEventHandler<HTMLSpanElement>;\n \"onSelectCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onStalled\"?: ReactEventHandler<HTMLSpanElement>;\n \"onStalledCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onSubmit\"?: FormEventHandler<HTMLSpanElement>;\n \"onSubmitCapture\"?: FormEventHandler<HTMLSpanElement>;\n \"onSuspend\"?: ReactEventHandler<HTMLSpanElement>;\n \"onSuspendCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onTimeUpdate\"?: ReactEventHandler<HTMLSpanElement>;\n \"onTimeUpdateCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onTouchCancel\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTouchCancelCapture\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTouchEnd\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTouchEndCapture\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTouchMove\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTouchMoveCapture\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTouchStart\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTouchStartCapture\"?: TouchEventHandler<HTMLSpanElement>;\n \"onTransitionEnd\"?: TransitionEventHandler<HTMLSpanElement>;\n \"onTransitionEndCapture\"?: TransitionEventHandler<HTMLSpanElement>;\n \"onVolumeChange\"?: ReactEventHandler<HTMLSpanElement>;\n \"onVolumeChangeCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onWaiting\"?: ReactEventHandler<HTMLSpanElement>;\n \"onWaitingCapture\"?: ReactEventHandler<HTMLSpanElement>;\n \"onWheel\"?: WheelEventHandler<HTMLSpanElement>;\n \"onWheelCapture\"?: WheelEventHandler<HTMLSpanElement>;\n \"prefix\"?: string;\n \"property\"?: string;\n \"radioGroup\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n \"rel\"?: string;\n \"resource\"?: string;\n \"results\"?: number;\n \"rev\"?: string;\n \"role\"?: AriaRole;\n \"security\"?: string;\n/** The size of the text. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\" | \"lg\";\n \"slot\"?: string;\n \"spellCheck\"?: Booleanish;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n \"suppressContentEditableWarning\"?: boolean;\n \"suppressHydrationWarning\"?: boolean;\n \"tabIndex\"?: number;\n \"title\"?: string;\n \"translate\"?: \"yes\" | \"no\";\n/** The type of text to render. */\n/** @default title */\n \"type\"?: \"body\" | \"label\" | \"title\" | \"subtitle\" | \"value\" | \"helper\";\n \"typeof\"?: string;\n \"unselectable\"?: \"on\" | \"off\";\n \"vocab\"?: string;\n}",
63
+ "TextInput": "type TextInputProps = {\n/** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */\n \"aria-activedescendant\"?: string;\n/** Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made. */\n \"aria-autocomplete\"?: \"none\" | \"inline\" | \"list\" | \"both\";\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Identifies the element that provides an error message for the object. */\n \"aria-errormessage\"?: string;\n/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n \"aria-haspopup\"?: boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\";\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). */\n \"autoComplete\"?: string;\n/** An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete). */\n \"autoCorrect\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: string;\n/** The description to display below the input. */\n \"description\"?: string;\n/** An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint). */\n \"enterKeyHint\"?: \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\";\n/** The error message to display when the input is in an error state. */\n \"errorMessage\"?: string;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** The class name to apply to the input element */\n \"inputClassName\"?: string;\n/** Hints at the type of data that might be entered by the user while editing the element or its contents. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute). */\n \"inputMode\"?: \"none\" | \"search\" | \"text\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\";\n/** The style object to apply to the input element */\n \"inputStyle\"?: CSSProperties;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Whether user input is required on the input before form submission. */\n \"isRequired\"?: boolean;\n \"key\"?: Key | null;\n/** The content to display as the label. */\n \"label\"?: ReactNode;\n/** The position of the label relative to the input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** The maximum number of characters supported by the input. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength). */\n \"maxLength\"?: number;\n/** The minimum number of characters required by the input. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength). */\n \"minLength\"?: number;\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the input value is about to be modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event). */\n \"onBeforeInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<HTMLInputElement, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: string) => void);\n/** Handler that is called when a text composition system completes or cancels the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event). */\n \"onCompositionEnd\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a text composition system starts a new text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event). */\n \"onCompositionStart\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event). */\n \"onCompositionUpdate\"?: CompositionEventHandler<HTMLInputElement>;\n/** Handler that is called when the user copies text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy). */\n \"onCopy\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the user cuts text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut). */\n \"onCut\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<HTMLInputElement, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event). */\n \"onInput\"?: FormEventHandler<HTMLInputElement>;\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the user pastes text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste). */\n \"onPaste\"?: ClipboardEventHandler<HTMLInputElement>;\n/** Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event). */\n \"onSelect\"?: ReactEventHandler<HTMLInputElement>;\n/** Regex pattern that the value of the input must match to be valid. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern). */\n \"pattern\"?: string;\n/** Temporary text that occupies the text input when it is empty. */\n \"placeholder\"?: string;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLInputElement>;\n/** An enumerated attribute that defines whether the element may be checked for spelling errors. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck). */\n \"spellCheck\"?: string;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype). */\n/** @default 'text' */\n \"type\"?: \"search\" | \"text\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {});\n/** A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead. */\n \"validate\"?: ((value: string) => true | ValidationError | null);\n/** Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA. */\n/** @default 'aria' */\n \"validationBehavior\"?: \"aria\" | \"native\";\n/** The state of the input. */\n \"validationState\"?: \"valid\" | \"error\" | \"warning\";\n/** The current value (controlled). */\n \"value\"?: string;\n/** The variant of the text input. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n/** The warning message to display when the input is in a warning state. */\n \"warningMessage\"?: string;\n}",
64
+ "ThemeProvider": "type ThemeProviderProps = {\n/** The children to render. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n \"key\"?: Key | null;\n/** A function that will be called when the theme changes from any of the child\ncomponents. */\n \"onThemeChange\"?: ((theme: ThemeProviderTheme) => void);\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** A function that will be called when the theme changes from any of the child\ncomponents.\n@deprecated This prop is deprecated and will be removed in a future\nversion. Please use the `onThemeChange` prop instead. */\n \"setTheme\"?: ((theme: ThemeProviderTheme) => void);\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The theme to use. If not provided, the theme will be inherited from the\nparent ThemeProvider. If there is no parent ThemeProvider, the default\ntheme will be used. */\n/** @default system */\n \"theme\"?: ThemeProviderTheme;\n}",
65
+ "TimeField": "type TimeFieldProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The default value (uncontrolled). */\n \"defaultValue\"?: TimeValue | null;\n/** A description for the field. Provides a hint such as specific requirements for what to choose.\nThe description to display below the input. */\n \"description\"?: string | (ReactElement<any, string | JSXElementConstructor<any>> & string) | (Iterable<ReactNode> & string) | (ReactPortal & string);\n/** An error message for the field.\nThe error message to display when the input is in an error state. */\n \"errorMessage\"?: string | (ReactElement<any, string | JSXElementConstructor<any>> & string) | (Iterable<ReactNode> & string) | (ReactPortal & string) | (((v: ValidationResult) => ReactNode) & string);\n/** The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form). */\n \"form\"?: string;\n/** Determines the smallest unit that is displayed in the time picker. */\n/** @default 'minute' */\n \"granularity\"?: \"hour\" | \"minute\" | \"second\";\n/** Whether to hide the time zone abbreviation. */\n \"hideTimeZone\"?: boolean;\n/** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */\n \"hourCycle\"?: 12 | 24;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n \"key\"?: Key | null;\n/** The content to display as the label.\nThe label to display above the input. */\n \"label\"?: ReactNode;\n/** The position of the label relative to the input. */\n/** @default top */\n \"labelPosition\"?: \"top\" | \"start\";\n/** The maximum allowed time that a user may select. */\n \"maxValue\"?: TimeValue | null;\n/** The minimum allowed time that a user may select. */\n \"minValue\"?: TimeValue | null;\n/** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */\n \"name\"?: string;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the value changes. */\n \"onChange\"?: ((value: TimeValue | null) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** A placeholder time that influences the format of the placeholder shown when no value is selected.\nDefaults to 12:00 AM or 00:00 depending on the hour cycle. */\n \"placeholderValue\"?: TimeValue;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Whether to always show leading zeros in the hour field.\nBy default, this is determined by the user's locale. */\n \"shouldForceLeadingZeros\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA. */\n/** @default 'aria' */\n \"validationBehavior\"?: \"aria\" | \"native\";\n/** The state of the input. */\n \"validationState\"?: \"valid\" | \"error\" | \"warning\";\n/** The current value (controlled). */\n \"value\"?: TimeValue | null;\n/** The variant of the text input. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"ghost\";\n/** The warning message to display when the input is in a warning state. */\n \"warningMessage\"?: string;\n}",
66
+ "Toast": "import type { InlineAlertProps } from \"../InlineAlert\";\nimport type { ToastQueue } from \"react-stately\";\nimport type { StylingProps } from \"../../utils\";\n\nexport interface ToastProps extends StylingProps {}\n\nexport type ToastContent = Omit<InlineAlertProps, \"onClose\"> & {\n canClose?: boolean;\n};\n\nexport interface GlobalToastRegionProps extends StylingProps {\n /** The toast queue to render. */\n toastQueue: ToastQueue<ToastContent>;\n /** The container to render the toast into. */\n portalContainer?: HTMLElement;\n}\n",
67
+ "ToggleButton": "type ToggleButtonProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Indicates whether the element is disabled to users of assistive technology. */\n \"aria-disabled\"?: boolean | \"true\" | \"false\";\n/** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */\n \"aria-expanded\"?: boolean | \"true\" | \"false\";\n/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n \"aria-haspopup\"?: boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\";\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Indicates the current \"pressed\" state of toggle buttons. */\n \"aria-pressed\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The button's class name. */\n \"className\"?: string | ((props: UIStateOptions<{ isSelected?: boolean; }>) => string);\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the element should be selected (uncontrolled). */\n \"defaultSelected\"?: boolean;\n/** The HTML element or React element used to render the button, e.g. 'div', 'a', or `RouterLink`. */\n/** @default button */\n \"elementType\"?: \"button\" | JSXElementConstructor<any>;\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The icon to display before the label. */\n \"iconStart\"?: FC<IconProps>;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the button is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the element should be selected (controlled). */\n \"isSelected\"?: boolean;\n \"key\"?: Key | null;\n/** The text content of the button. */\n \"label\": ReactNode;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's selection state changes. */\n \"onChange\"?: ((isSelected: boolean) => void);\n/** **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions. */\n \"onClick\"?: ((e: MouseEvent<FocusableElement, MouseEvent>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the press state changes. */\n \"onPressChange\"?: ((isPressed: boolean) => void);\n/** Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target. */\n \"onPressEnd\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press interaction starts. */\n \"onPressStart\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not. */\n \"onPressUp\"?: ((e: PressEvent) => void);\n/** Indicates whether focusing should be prevented on press. */\n \"preventFocusOnPress\"?: boolean;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLButtonElement>;\n/** The size of the button. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\" | \"lg\";\n/** The button's style. */\n \"style\"?: CSSProperties | ((props: UIStateOptions<{ isSelected?: boolean; }>) => CSSProperties);\n/** Button variant */\n/** @default toolbar */\n \"variant\"?: \"primary\" | \"toolbar\";\n}",
68
+ "ToggleIconButton": "type ToggleIconButtonProps = {\n/** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Indicates whether the element is disabled to users of assistive technology. */\n \"aria-disabled\"?: boolean | \"true\" | \"false\";\n/** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */\n \"aria-expanded\"?: boolean | \"true\" | \"false\";\n/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n \"aria-haspopup\"?: boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\";\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Indicates the current \"pressed\" state of toggle buttons. */\n \"aria-pressed\"?: boolean | \"true\" | \"false\" | \"mixed\";\n/** Whether the element should receive focus on render. */\n \"autoFocus\"?: boolean;\n/** The button's class name. */\n \"className\"?: string | ((props: UIStateOptions<{ isSelected?: boolean; }>) => string);\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the element should be selected (uncontrolled). */\n \"defaultSelected\"?: boolean;\n/** The HTML element or React element used to render the button, e.g. 'div', 'a', or `RouterLink`. */\n/** @default 'button' */\n \"elementType\"?: JSXElementConstructor<any> | \"button\";\n/** Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available. */\n \"excludeFromTabOrder\"?: boolean;\n/** The icon to be displayed on the button. You can pass an object with\n`selected` and `unselected` keys to display different icons based on the\nstate of the button. */\n \"icon\": FC<IconProps> | { selected: FC<IconProps>; unselected: FC<IconProps>; };\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Whether the input is disabled. */\n \"isDisabled\"?: boolean;\n/** Whether the input value is invalid. */\n \"isInvalid\"?: boolean;\n/** Whether the input can be selected but not changed by the user. */\n \"isReadOnly\"?: boolean;\n/** Whether user input is required on the input before form submission. */\n \"isRequired\"?: boolean;\n/** Whether the element should be selected (controlled). */\n \"isSelected\"?: boolean;\n \"key\"?: Key | null;\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's selection state changes. */\n \"onChange\"?: ((isSelected: boolean) => void);\n/** **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions. */\n \"onClick\"?: ((e: MouseEvent<FocusableElement, MouseEvent>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when a key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when a key is released. */\n \"onKeyUp\"?: ((e: KeyboardEvent) => void);\n/** Handler that is called when the press is released over the target. */\n \"onPress\"?: ((e: PressEvent) => void);\n/** Handler that is called when the press state changes. */\n \"onPressChange\"?: ((isPressed: boolean) => void);\n/** Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target. */\n \"onPressEnd\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press interaction starts. */\n \"onPressStart\"?: ((e: PressEvent) => void);\n/** Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not. */\n \"onPressUp\"?: ((e: PressEvent) => void);\n/** Indicates whether focusing should be prevented on press. */\n \"preventFocusOnPress\"?: boolean;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLButtonElement>;\n/** The available sizes for a variable. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\" | \"xxs\" | \"xs\" | \"lg\";\n/** The button's style. */\n \"style\"?: CSSProperties | ((props: UIStateOptions<{ isSelected?: boolean; }>) => CSSProperties);\n/** Whether to show a tooltip. You can pass a boolean or a partial tooltip\nobject that extends the default tooltip props. */\n/** @default false */\n \"tooltip\"?: boolean | Partial<Omit<TooltipProps, \"children\">>;\n/** A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead. */\n \"validate\"?: ((value: boolean) => true | ValidationError | null);\n/** Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA. */\n/** @default 'aria' */\n \"validationBehavior\"?: \"aria\" | \"native\";\n/** @deprecated Use `isInvalid` instead. */\n \"validationState\"?: ValidationState;\n/** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */\n \"value\"?: string;\n/** Represents the variant of a component. */\n/** @default primary */\n \"variant\"?: \"primary\" | \"secondary\" | \"tertiary\" | \"toolbar\";\n}",
69
+ "Toolbar": "type ToolbarProps = {\n/** Identifies the element (or elements) whose contents or presence are\ncontrolled by the current element. */\n \"aria-controls\"?: string;\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The children of the toolbar. */\n \"children\": ReactNode;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The props to pass to the Menu component when the toolbar is collapsible.\nThis prop is only relevant when `isCollapsible` is true. */\n \"collapsibleMenuProps\"?: Omit<MenuProps, \"items\" | \"onAction\" | \"placement\" | \"disabledKeys\">;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** This prop is used to determine if the toolbar should be collapsible. If\ntrue, the buttons in the toolbar will be hidden behind a menu when the\ntoolbar is too small to display all of the buttons. */\n/** @default false */\n \"isCollapsible\"?: boolean;\n/** When set to true, the toolbar will act as a normal toolbar and will not\ncontain the navigation within it when the user presses tab again.\n\nWhen set to false, the toolbar will allow for navigating through all\nelements within it if the user presses tab, and move to the next focusable\nelement outside of the toolbar only after user navigates through all\nelements within the toolbar. */\n/** @default true */\n \"isSingleTabStop\"?: boolean;\n \"key\"?: Key | null;\n/** The callback to call when any key is pressed. */\n \"onKeyDown\"?: ((e: KeyboardEvent) => void);\n/** The orientation of the entire toolbar. */\n/** @default 'horizontal' */\n \"orientation\"?: Orientation;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** A boolean indicating whether to render a spacer element in the collapsible\ntoolbar between the toolbar buttons and the menu trigger. This prop is only\nrelevant when `isCollapsible` is true. */\n \"renderSpacer\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
70
+ "Tooltip": "type TooltipProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The minimum distance the arrow's edge should be from the edge of the overlay element. */\n/** @default 0 */\n \"arrowBoundaryOffset\"?: number;\n/** The ref for the arrow element. */\n \"arrowRef\"?: RefObject<Element | null>;\n/** Element that that serves as the positioning boundary. */\n/** @default document.body */\n \"boundaryElement\"?: Element;\n/** The tooltip trigger element. */\n \"children\": ReactNode | ((props: { triggerProps: DOMAttributes<FocusableElement>; triggerRef: RefObject<HTMLElement>; }) => ReactNode);\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** The delay time for the tooltip to hide. */\n/** @default 500 */\n \"closeDelay\"?: number;\n/** The placement padding that should be applied between the element and its\nsurrounding container. */\n/** @default 12 */\n \"containerPadding\"?: number;\n/** The additional offset applied along the cross axis between the element and its\nanchor element. */\n/** @default 0 */\n \"crossOffset\"?: number;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** Whether the overlay is open by default (uncontrolled). */\n \"defaultOpen\"?: boolean;\n/** The delay time for the tooltip to show up. */\n/** @default 1000 */\n \"delay\"?: number;\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** Indicates whether to include an arrow in the output. */\n/** @default true */\n \"includeArrow\"?: boolean;\n/** Whether the tooltip should be disabled, independent from the trigger. */\n \"isDisabled\"?: boolean;\n/** Whether the overlay is open by default (controlled). */\n \"isOpen\"?: boolean;\n \"key\"?: Key | null;\n/** The additional offset applied along the main axis between the element and its\nanchor element. */\n/** @default 0 */\n \"offset\"?: number;\n/** Handler that is called when the overlay should close. */\n \"onClose\"?: (() => void) | null;\n/** Handler that is called when the overlay's open state changes. */\n \"onOpenChange\"?: ((isOpen: boolean) => void);\n/** The placement of the element with respect to its anchor element. */\n/** @default bottom */\n \"placement\"?: Placement;\n/** The container element for the modal. By default, the modal is rendered as a\nchild of the body element. */\n/** @default document.body */\n \"portalContainer\"?: HTMLElement;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** A ref for the scrollable region within the overlay. */\n/** @default overlayRef */\n \"scrollRef\"?: RefObject<Element | null>;\n/** Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely. */\n/** @default true */\n \"shouldFlip\"?: boolean;\n/** Whether the overlay should update its position automatically. */\n/** @default true */\n \"shouldUpdatePosition\"?: boolean;\n/** Represents the size of an element. */\n/** @default md */\n \"size\"?: \"sm\" | \"md\";\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The content of the tooltip. */\n \"text\"?: string;\n/** By default, opens for both focus and hover. Can be made to open only for focus. */\n/** @default 'hover' */\n \"trigger\"?: \"hover\" | \"focus\";\n/** The variant that can be applied to an element. */\n/** @default default */\n \"variant\"?: \"default\" | \"inverse\";\n}",
71
+ "Transform": "type TransformProps = {\n/** Whether the transform should be updated automatically. */\n \"autoUpdate\"?: boolean;\n/** The element ref, selector or element to which the transform will be bound. */\n \"bound\"?: string | HTMLElement | RefObject<HTMLElement>;\n/** The children to render. */\n \"children\": (options: { style: CSSProperties; }) => ReactNode;\n/** The `className` property assigned to the root element of the component. */\n \"className\"?: string;\n/** A list of selectors relative to which the guidelines will be rendered. */\n \"elementGuidelines\"?: string[];\n/** Whether the anchor should be hidden when dragging. */\n/** @default true */\n \"hideAnchorOnDrag\"?: boolean;\n/** Whether the transform is draggable. */\n \"isDraggable\"?: boolean;\n/** Whether the transform is resizable. */\n \"isResizable\"?: boolean;\n/** Whether the transform is rotatable. */\n \"isRotatable\"?: boolean;\n/** Whether the transform is snappable. */\n \"isSnappable\"?: boolean;\n \"key\"?: Key | null;\n/** A callback that will be called when the child is double clicked. */\n \"onDoubleClick\"?: ((e: MouseEvent<HTMLDivElement, MouseEvent>) => void);\n/** A callback that will be called when the target is dragged. */\n \"onDrag\"?: ((e: OnDrag) => void);\n/** A callback that will be called when the target drag ends. */\n \"onDragEnd\"?: ((e: OnDragEnd) => void);\n/** A callback that will be called when the target drag starts. */\n \"onDragStart\"?: ((e: OnDragStart) => void);\n/** A callback that will be called when the target is resized. */\n \"onResize\"?: ((e: OnResize) => void);\n/** A callback that will be called when the target resize ends. */\n \"onResizeEnd\"?: ((e: OnResizeEnd) => void);\n/** A callback that will be called when the target resize starts. */\n \"onResizeStart\"?: ((e: OnResizeStart) => void);\n/** A callback that will be called when the target is rotated. */\n \"onRotate\"?: ((e: OnRotate) => void);\n/** A callback that will be called when the target rotation ends. */\n \"onRotateEnd\"?: ((e: OnRotateEnd) => void);\n/** A callback that will be called when the target rotation starts. */\n \"onRotateStart\"?: ((e: OnRotateStart) => void);\n/** A callback that will be called when the target is snapped. */\n \"onSnap\"?: ((e: OnSnap) => void);\n/** A callback that will be called when the transform changes. */\n \"onTransform\"?: ((transform: OnRender) => void);\n/** A callback that will be called when the transform ends. */\n \"onTransformEnd\"?: ((transform: OnRender) => void);\n/** A callback that will be called when the transform starts. */\n \"onTransformStart\"?: ((transform: OnRenderStart) => void);\n/** Whether to call preventDefault on touchstart or mousedown */\n/** @default true */\n \"preventDefault\"?: boolean;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** Set directions to show the control box. */\n/** @default false if rotatable, [\"n\", \"nw\", \"ne\", \"s\", \"se\", \"sw\", \"e\", \"w\"] otherwise */\n \"renderDirections\"?: boolean | (\"n\" | \"nw\" | \"ne\" | \"s\" | \"se\" | \"sw\" | \"e\" | \"w\")[];\n/** The position of the rotation anchor. */\n \"rotationPosition\"?: RotationPosition;\n/** The element ref, selector or element that is it's scrollable ancestor. */\n \"scrollableAncestor\"?: string | HTMLElement | RefObject<HTMLElement>;\n/** Degree angles to snap to rotation */\n/** @default [ ] */\n \"snapRotationDegrees\"?: number[];\n/** Snap works if `abs(current rotation - snapRotationDegrees) <\nsnapRotationThreshold`. */\n/** @default 5 */\n \"snapRotationThreshold\"?: number;\n/** Whether to prevent bubbling of events like mousedown, touchstart, etc. */\n/** @default false */\n \"stopPropagation\"?: boolean;\n/** The `style` property assigned to the root element of the component. */\n \"style\"?: CSSProperties;\n/** The `title` property assigned to the root element of the component. */\n \"title\": string;\n/** The default transformOrigin of the target can be set in advance. */\n/** @default \"\" */\n \"transformOrigin\"?: string | (string | number)[];\n}",
72
+ "TreeView": "type TreeViewProps = {\n/** The position of the actions. */\n/** @default start */\n \"actionsPosition\"?: \"start\" | \"end\";\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The initial expanded keys in the collection (uncontrolled). */\n \"defaultExpandedKeys\"?: Iterable<Key>;\n/** Whether `disabledKeys` applies to all interactions, or only selection. */\n \"disabledBehavior\"?: DisabledBehavior;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** The currently expanded keys in the collection (controlled). */\n \"expandedKeys\"?: Iterable<Key>;\n/** The items to display in the tree view. Each item can be a leaf or a\nsection.\n@example ```tsx\n const treeItems = {\n id: \"root\",\n label: \"Root item\",\n children: [\n {\n id: \"documents\",\n label: \"Documents\",\n icon: EllipseIcon,\n children: [\n {\n id: \"work\",\n icon: EllipseIcon,\n label: \"Work\",\n children: [\n {\n id: \"project-a\",\n icon: EllipseIcon,\n label: \"Project A\",\n },\n ],\n },\n {\n id: \"personal\",\n icon: EllipseIcon,\n label: \"Personal\",\n },\n ],\n },\n {\n id: \"downloads\",\n icon: EllipseIcon,\n label: \"Downloads\",\n },\n ],\n };\n ```; */\n \"items\": TreeListItem;\n \"key\"?: Key | null;\n/** The callback function that is called when the item is clicked. */\n \"onAction\"?: ((key: Key) => void);\n/** The callback function that is called when the item is collapsed. */\n \"onCollapse\"?: ((key: Key) => void);\n/** The callback function that is called when the item is expanded. */\n \"onExpand\"?: ((key: Key) => void);\n/** Handler that is called when items are expanded or collapsed. */\n \"onExpandedChange\"?: ((keys: Set<Key>) => any);\n/** The callback function that is called when the primary action is triggered.\nIf not provided, the primary action will not be shown. */\n \"onPrimaryAction\"?: ((key: Key) => void);\n/** The callback function that is called when the item is renamed. The rename\nfunctionality is disabled if not provided. */\n \"onRename\"?: ((options: { key: Key; value: string; }) => void);\n/** The callback function that is called when the secondary action is\ntriggered. If not provided, the secondary action will not be shown. */\n \"onSecondaryAction\"?: ((key: Key) => void);\n/** The aria label for the primary action. */\n \"primaryActionAriaLabel\"?: string | ((key: Key) => string);\n/** The icon to use for the primary action. */\n \"primaryActionIcon\"?: FC<IconProps> | { selected: FC<IconProps>; unselected: FC<IconProps>; } | ((key: Key) => FC<IconProps> | { ...; });\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The callback function that is called to render the item title. */\n/** @default Function */\n \"renderItemTitle\"?: ((item: ReactComplexTreeItem) => ReactNode);\n/** The id of the root item. If not provided, the id of the first item will be\nused. */\n/** @default items.id */\n \"rootId\"?: string;\n/** The aria label for the secondary action. */\n \"secondaryActionAriaLabel\"?: string | ((key: Key) => string);\n/** The icon to use for the secondary action. */\n \"secondaryActionIcon\"?: FC<IconProps> | { selected: FC<IconProps>; unselected: FC<IconProps>; } | ((key: Key) => FC<IconProps> | { ...; });\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: \"all\" | Iterable<Key>;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n}",
73
+ "UNSAFE_ListBox": "type UNSAFE_ListBoxProps = {\n/** Identifies the element (or elements) that describes the object. */\n \"aria-describedby\"?: string;\n/** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n \"aria-details\"?: string;\n/** Defines a string value that labels the current element. */\n \"aria-label\"?: string;\n/** Identifies the element (or elements) that labels the current element. */\n \"aria-labelledby\"?: string;\n/** Whether to auto focus the listbox or an option. */\n \"autoFocus\"?: boolean | FocusStrategy;\n/** The className applied to the root element of the component. */\n \"className\"?: string;\n/** Represents a data block group. This is similar to `data-block-id` but it\ndoesn't have to be unique just like `class`. This is used to group blocks\ntogether in the DOM and in the block map. It is added as a data attribute\n`data-block-class` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-class\"?: string;\n/** The unique identifier for the block. This is used to identify the block in\nthe DOM and in the block map. It is added as a data attribute\n`data-block-id` to the root element of the block if a DOM node is\nrendered. */\n \"data-block-id\"?: string;\n/** The initial selected keys in the collection (uncontrolled). */\n \"defaultSelectedKeys\"?: Iterable<Key> | \"all\";\n/** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */\n \"disabledKeys\"?: Iterable<Key>;\n/** Whether the collection allows empty selection. */\n \"disallowEmptySelection\"?: boolean;\n/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the ListBox. */\n \"dragAndDropHooks\"?: DragAndDropHooks<NoInfer<ListItem>>;\n/** Whether pressing the escape key should clear selection in the listbox or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually. */\n/** @default 'clearSelection' */\n \"escapeKeyBehavior\"?: \"clearSelection\" | \"none\";\n/** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n \"id\"?: string;\n/** The items to render in the listbox. Items have the following shape:\n\n```ts\nexport type ListOption = {\n id: string;\n label: string;\n description?: string;\n icon?: React.FC<IconProps>;\n};\n\nexport type ListSection = {\n id: string;\n title?: string;\n type: \"section\";\n children: ListOption[];\n};\n\ntype ListItem = ListOption | ListSection;\n``` */\n \"items\"?: ListItem[];\n \"key\"?: Key | null;\n/** The label for the listbox. */\n \"label\"?: ReactNode;\n/** Whether the items are arranged in a stack or grid. */\n/** @default 'stack' */\n \"layout\"?: \"stack\" | \"grid\";\n/** A delegate object that provides layout information for items in the collection.\nBy default this uses the DOM, but this can be overridden to implement things like\nvirtualized scrolling. */\n \"layoutDelegate\"?: LayoutDelegate;\n/** Handle to access the listbox methods. */\n \"listBoxHandle\"?: RefObject<ListHandle>;\n/** Handler that is called when a user performs an action on an item. The exact user event depends on\nthe collection's `selectionBehavior` prop and the interaction modality. */\n \"onAction\"?: ((key: Key) => void);\n/** Handler that is called when the element loses focus. */\n \"onBlur\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element receives focus. */\n \"onFocus\"?: ((e: FocusEvent<Element, Element>) => void);\n/** Handler that is called when the element's focus status changes. */\n \"onFocusChange\"?: ((isFocused: boolean) => void);\n/** Handler that is called when the selection changes. */\n \"onSelectionChange\"?: ((keys: Selection) => void);\n/** The CSS class name for the option. */\n \"optionClassName\"?: string | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => string);\n/** The style of the option. */\n \"optionStyle\"?: CSSProperties | ((item: ListOption<Record<string, any>>, renderProps: ListBoxItemRenderProps) => CSSProperties);\n/** The primary orientation of the items. Usually this is the\ndirection that the collection scrolls. */\n/** @default 'vertical' */\n \"orientation\"?: Orientation;\n/** Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} */\n \"ref\"?: LegacyRef<HTMLDivElement>;\n/** The custom render function for the listbox options.\n@param item ListOption\n@param options ListBoxItemRenderProps */\n \"renderOption\"?: ((item: ListOption<Record<string, any>>, options: ListBoxItemRenderProps) => ReactNode);\n/** The custom render function for the listbox sections.\n@param section ListSection */\n \"renderSectionHeader\"?: ((section: ListSection<Record<string, any>>) => ReactNode);\n/** The CSS class name for the section. */\n \"sectionClassName\"?: string | ((section: ListSection<Record<string, any>>) => string);\n/** The style of the section. */\n \"sectionStyle\"?: CSSProperties | ((section: ListSection<Record<string, any>>) => CSSProperties);\n/** The currently selected keys in the collection (controlled). */\n \"selectedKeys\"?: Iterable<Key> | \"all\";\n/** How multiple selection should behave in the collection. */\n \"selectionBehavior\"?: SelectionBehavior;\n/** The type of selection that is allowed in the collection. */\n \"selectionMode\"?: SelectionMode;\n/** Whether options should be focused when the user hovers over them. */\n \"shouldFocusOnHover\"?: boolean;\n/** Whether focus should wrap around when the end/start is reached. */\n \"shouldFocusWrap\"?: boolean;\n/** Whether selection should occur on press up instead of press down. */\n \"shouldSelectOnPressUp\"?: boolean;\n/** Whether the listbox items should use virtual focus instead of being focused directly. */\n \"shouldUseVirtualFocus\"?: boolean;\n/** Whether to show each section title when provided. */\n/** @default false */\n \"showSectionHeader\"?: boolean;\n/** The style applied to the root element of the component. */\n \"style\"?: CSSProperties;\n/** Wether to add initial padding to section titles if shown. */\n/** @default false */\n \"withSectionHeaderPadding\"?: boolean;\n}",
74
+ "Virtualizer": "type VirtualizerProps = {\n/** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n \"children\": ReactNode;\n/** The layout object that determines the position and size of the visible elements. */\n \"layout\": LayoutClass<O> | ILayout<O>;\n/** Options for the layout. */\n \"layoutOptions\"?: O;\n}"
75
+ }