@marigold/components 15.3.0 → 15.4.0

package/dist/index.d.mts

@@ -1,553 +1,820 @@
-import { Orientation, RefObject, AriaLabelingProps } from '@react-types/shared';
-export { Selection } from '@react-types/shared';
-import RAC, { ValidationResult, Key, SlotProps, DialogProps as DialogProps$1, DateValue, UNSTABLE_ToastQueue, TagListProps, ProgressBarProps, TimeValue, BreadcrumbsProps as BreadcrumbsProps$1 } from 'react-aria-components';
-export { RouterProvider, TimeValue } from 'react-aria-components';
-export { useAsyncList, useListData } from '@react-stately/data';
-import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, MaxWidthProp, HeightProp, alignment, TextAlignProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, TextWrapProp, WhiteSpaceProps } from '@marigold/system';
-export { DateFormat, NumericFormat, ThemeProvider, useTheme } from '@marigold/system';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, CSSProperties, PropsWithChildren, Key as Key$1, Dispatch, SetStateAction, JSX, FormEvent } from 'react';
-import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, AriaLabelingProps as AriaLabelingProps$1 } from '@marigold/types';
-import { AriaLandmarkRole } from '@react-aria/landmark';
-import { Props } from 'react-select';
-import { OverlayTriggerState, OverlayTriggerProps } from 'react-stately';
-export { I18nProvider } from '@react-aria/i18n';
-import { AriaTableProps } from '@react-aria/table';
-import { TableStateProps, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1, RowProps as RowProps$1 } from '@react-stately/table';
-export { VisuallyHidden } from '@react-aria/visually-hidden';
-
-type RemovedProps$z = 'isDisabled' | 'isExpanded';
-interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$z> {
-    /** Whether the item is disabled. */
-    disabled?: RAC.DisclosureProps['isDisabled'];
-    /** Whether the item is expanded (controlled). */
-    expanded?: RAC.DisclosureProps['isExpanded'];
-}
-declare const AccordionItem: ({ children, disabled, expanded, ...props }: DisclosureProps) => react_jsx_runtime.JSX.Element;
-
-interface AccordionPanelProps {
-    children?: ReactNode;
-}
-
+import { useAsyncList, useListData } from "@react-stately/data";
+import { AspectProp, CursorProp, DateFormat, FontSizeProp, FontStyleProp, FontWeightProp, GapSpaceProp, HeightProp, MaxWidthProp, NumericFormat, PaddingBottomProp, PaddingLeftProp, PaddingRightProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingTopProp, PlaceItemsProp, TextAlignProp, TextWrapProp, Theme, ThemeProvider, ThemeProviderProps, WhiteSpaceProps, WidthProp, alignment, useTheme } from "@marigold/system";
+import RAC, { BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, DateValue, DialogProps as DialogProps$1, DisclosurePanelProps, DisclosureProps as DisclosureProps$1, HeadingProps, Key, ProgressBarProps, RouterProvider, SlotProps, TagListProps, TimeValue, TimeValue as TimeValue$1, UNSTABLE_ToastQueue, ValidationResult } from "react-aria-components";
+import * as react6 from "react";
+import React$1, { CSSProperties, ComponentPropsWithRef, Dispatch, ElementType, FormEvent, ForwardRefExoticComponent, JSX, Key as Key$1, PropsWithChildren, ReactElement, ReactNode, RefAttributes, SVGProps, SetStateAction } from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { I18nProvider } from "@react-aria/i18n";
+import { AriaLandmarkRole } from "@react-aria/landmark";
+import { OverlayTriggerProps, OverlayTriggerState } from "react-stately";
+import { AriaTableProps } from "@react-aria/table";
+import { Cell, ColumnProps, RowProps, TableBody, TableHeader, TableStateProps } from "@react-stately/table";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { AriaLabelingProps, Orientation, RefObject, Selection } from "@react-types/shared";
+import { AriaLabelingProps as AriaLabelingProps$1, AriaRegionProps, DistributiveOmit, NonZeroPercentage } from "@marigold/types";
+import { Props } from "react-select";
+
+//#region src/Accordion/AccordionHeader.d.ts
 interface AccordionHeaderProps {
-    children?: ReactNode;
+  children?: ReactNode;
 }
-
-type RemovedProps$y = 'isDisabled';
-interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$y> {
-    /** Whether all items are disabled. */
-    disabled?: RAC.DisclosureGroupProps['isDisabled'];
-    variant?: 'default' | 'card' | (string & {});
-    size?: string;
-    stickyHeader?: boolean;
-    iconPosition?: 'right' | 'left';
+//#endregion
+//#region src/Accordion/AccordionPanel.d.ts
+interface AccordionPanelProps {
+  children?: ReactNode;
+}
+//#endregion
+//#region src/Accordion/AccordionItem.d.ts
+type RemovedProps$36 = 'isDisabled' | 'isExpanded';
+interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$36> {
+  /** Whether the item is disabled. */
+  disabled?: RAC.DisclosureProps['isDisabled'];
+  /** Whether the item is expanded (controlled). */
+  expanded?: RAC.DisclosureProps['isExpanded'];
+}
+declare const AccordionItem: ({
+  children,
+  disabled,
+  expanded,
+  ...props
+}: DisclosureProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Accordion/Accordion.d.ts
+type RemovedProps$35 = 'isDisabled';
+interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$35> {
+  /** Whether all items are disabled. */
+  disabled?: RAC.DisclosureGroupProps['isDisabled'];
+  variant?: 'default' | 'card' | (string & {});
+  size?: string;
+  stickyHeader?: boolean;
+  iconPosition?: 'right' | 'left';
 }
 declare const Accordion: {
-    ({ children, disabled, variant, size, stickyHeader, iconPosition, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
-    Header: ({ children }: AccordionHeaderProps) => react_jsx_runtime.JSX.Element;
-    Content: ({ children }: AccordionPanelProps) => react_jsx_runtime.JSX.Element;
-    Item: ({ children, disabled, expanded, ...props }: DisclosureProps) => react_jsx_runtime.JSX.Element;
+  ({
+    children,
+    disabled,
+    variant,
+    size,
+    stickyHeader,
+    iconPosition,
+    ...props
+  }: AccordionProps): react_jsx_runtime4.JSX.Element;
+  Header: ({
+    children
+  }: AccordionHeaderProps) => react_jsx_runtime4.JSX.Element;
+  Content: ({
+    children
+  }: AccordionPanelProps) => react_jsx_runtime4.JSX.Element;
+  Item: ({
+    children,
+    disabled,
+    expanded,
+    ...props
+  }: DisclosureProps) => react_jsx_runtime4.JSX.Element;
 };
-
+//#endregion
+//#region src/Aside/Aside.d.ts
 interface AsideProps extends GapSpaceProp, AriaRegionProps {
-    /**
-     * The children of the component.
-     */
-    children: [ReactElement<any>, ReactElement<any>];
-    /**
-     * The side of the aside content.
-     * @default left
-     */
-    side?: 'left' | 'right';
-    /**
-     * The width of the side content.
-     */
-    sideWidth?: string;
-    /**
-     * At what percentage of the content's width should the other content wrap beneath it
-     * @default 50%
-     */
-    wrap?: NonZeroPercentage;
-}
-declare const Aside: ({ children, sideWidth, space, side, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * The children of the component.
+   */
+  children: [ReactElement<any>, ReactElement<any>];
+  /**
+   * The side of the aside content.
+   * @default left
+   */
+  side?: 'left' | 'right';
+  /**
+   * The width of the side content.
+   */
+  sideWidth?: string;
+  /**
+   * At what percentage of the content's width should the other content wrap beneath it
+   * @default 50%
+   */
+  wrap?: NonZeroPercentage;
+}
+declare const Aside: ({
+  children,
+  sideWidth,
+  space,
+  side,
+  wrap
+}: AsideProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Aspect/Aspect.d.ts
 interface AspectProps extends AspectProp, AriaRegionProps {
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * The maximum width of the image.
-     * @default 100%
-     */
-    maxWidth?: string;
-}
-declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
+  /**
+   * The maximum width of the image.
+   * @default 100%
+   */
+  maxWidth?: string;
+}
+declare const Aspect: ({
+  ratio,
+  maxWidth,
+  children
+}: AspectProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/HelpText/HelpText.d.ts
 interface HelpTextProps {
-    variant?: string;
-    size?: string;
-    /**
-     * A helpful text.
-     */
-    description?: ReactNode;
-    /**
-     * An error message.
-     */
-    errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
-}
-
+  variant?: string;
+  size?: string;
+  /**
+   * A helpful text.
+   */
+  description?: ReactNode;
+  /**
+   * An error message.
+   */
+  errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
+}
+declare const HelpText: ({
+  variant,
+  size,
+  description,
+  errorMessage,
+  ...props
+}: HelpTextProps) => react_jsx_runtime4.JSX.Element | null;
+//#endregion
+//#region src/FieldBase/FieldBase.d.ts
 interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
-    as?: T;
-    /**
-     * Specifies the label of the field.
-     */
-    label?: ReactNode;
-    variant?: string;
-    size?: string;
-    children?: ReactNode;
-    /**
-     * Use RAC prop names here so we can directly pass the components via "as"
-     */
-    isInvalid?: boolean;
-    isRequired?: boolean;
-}
-declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => React.ReactNode;
-
+  as?: T;
+  /**
+   * Specifies the label of the field.
+   */
+  label?: ReactNode;
+  variant?: string;
+  size?: string;
+  children?: ReactNode;
+  /**
+   * Use RAC prop names here so we can directly pass the components via "as"
+   */
+  isInvalid?: boolean;
+  isRequired?: boolean;
+}
+declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react6.RefAttributes<any>) => React.ReactNode;
+//#endregion
+//#region src/ListBox/ListBoxItem.d.ts
 type ListBoxItemProps = Omit<RAC.ListBoxItemProps, 'style' | 'className' | 'children'> & {
-    /**
-     * The children of the component
-     */
-    children?: React.ReactNode;
+  /**
+   * The children of the component
+   */
+  children?: React.ReactNode;
 };
-declare const _ListBoxItem: ({ ...props }: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
-
+declare const _ListBoxItem: ({
+  ...props
+}: ListBoxItemProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/ListBox/ListBoxSection.d.ts
 interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style' | 'children'> {
-    /**
-     * Section header to display.
-     */
-    header: ReactNode;
-    /**
-     * Children of the section.
-     */
-    children: ReactNode;
-}
-declare const _Section: ({ header, children, ...props }: SectionProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * Section header to display.
+   */
+  header: ReactNode;
+  /**
+   * Children of the section.
+   */
+  children: ReactNode;
+}
+declare const _Section: ({
+  header,
+  children,
+  ...props
+}: SectionProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/ListBox/ListBox.d.ts
 interface ListBoxProps extends Omit<RAC.ListBoxProps<object>, 'className' | 'style'> {
-    variant?: string;
-    size?: string;
+  variant?: string;
+  size?: string;
 }
 interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefAttributes<HTMLUListElement>> {
-    Item: typeof _ListBoxItem;
-    Section: typeof _Section;
+  Item: typeof _ListBoxItem;
+  Section: typeof _Section;
 }
 declare const _ListBox: ListBoxComponent;
-
-type RemovedProps$x = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
-interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$x>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
-    /**
-     * The value of the input (uncontrolled).
-     */
-    defaultValue?: RAC.ComboBoxProps<object>['defaultInputValue'];
-    /**
-     * The value of the input (controlled).
-     */
-    value?: RAC.ComboBoxProps<object>['inputValue'];
-    /**
-     * Called when the input value changes.
-     */
-    onChange?: RAC.ComboBoxProps<object>['onInputChange'];
-    /**
-     * Called when the clear button is pressed.
-     */
-    onClear?: () => void;
-    /**
-     * If `true`, the input is disabled.
-     *
-     * @default false
-     */
-    disabled?: RAC.ComboBoxProps<object>['isDisabled'];
-    /**
-     * If `true`, the input is required.
-     *
-     * @default false
-     */
-    required?: RAC.ComboBoxProps<object>['isRequired'];
-    /**
-     * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     *
-     * @default false
-     */
-    error?: RAC.ComboBoxProps<object>['isInvalid'];
-    /**
-     * If `true`, the input is readOnly.
-     *
-     * @default false
-     */
-    readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
-    /**
-     * Provides content to display when there are no items in the list.
-     */
-    emptyState?: ReactNode;
-    /**
-     * If `true`, a loading spinner will show up.
-     * @default false
-     */
-    loading?: boolean;
-    variant?: string;
-    size?: string;
-    placeholder?: string;
-    /**
-     * Handler that is called when the SearchAutocomplete is submitted.
-     *
-     * A `key` will be passed if the submission is a selected item (e.g. a user
-     * clicks or presses enter on an option). If the input is a custom `value`, `key` will be `null`.
-     *
-     * A `value` will be passed if the submission is a custom value (e.g. a user
-     * types then presses enter). If the input is a selected item, `value` will be `null`.
-     */
-    onSubmit?: (value: string | number | null, key: Key | null) => void;
+//#endregion
+//#region src/Autocomplete/Autocomplete.d.ts
+type RemovedProps$34 = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
+interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$34>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
+  /**
+   * The value of the input (uncontrolled).
+   */
+  defaultValue?: RAC.ComboBoxProps<object>['defaultInputValue'];
+  /**
+   * The value of the input (controlled).
+   */
+  value?: RAC.ComboBoxProps<object>['inputValue'];
+  /**
+   * Called when the input value changes.
+   */
+  onChange?: RAC.ComboBoxProps<object>['onInputChange'];
+  /**
+   * Called when the clear button is pressed.
+   */
+  onClear?: () => void;
+  /**
+   * If `true`, the input is disabled.
+   *
+   * @default false
+   */
+  disabled?: RAC.ComboBoxProps<object>['isDisabled'];
+  /**
+   * If `true`, the input is required.
+   *
+   * @default false
+   */
+  required?: RAC.ComboBoxProps<object>['isRequired'];
+  /**
+   * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   *
+   * @default false
+   */
+  error?: RAC.ComboBoxProps<object>['isInvalid'];
+  /**
+   * If `true`, the input is readOnly.
+   *
+   * @default false
+   */
+  readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
+  /**
+   * Provides content to display when there are no items in the list.
+   */
+  emptyState?: ReactNode;
+  /**
+   * If `true`, a loading spinner will show up.
+   * @default false
+   */
+  loading?: boolean;
+  variant?: string;
+  size?: string;
+  placeholder?: string;
+  /**
+   * Handler that is called when the SearchAutocomplete is submitted.
+   *
+   * A `key` will be passed if the submission is a selected item (e.g. a user
+   * clicks or presses enter on an option). If the input is a custom `value`, `key` will be `null`.
+   *
+   * A `value` will be passed if the submission is a custom value (e.g. a user
+   * types then presses enter). If the input is a selected item, `value` will be `null`.
+   */
+  onSubmit?: (value: string | number | null, key: Key | null) => void;
 }
 interface AutocompleteComponent extends ForwardRefExoticComponent<AutocompleteProps & RefAttributes<HTMLInputElement>> {
-    /**
-     * Options for the Combobox.
-     */
-    Option: typeof _ListBox.Item;
-    /**
-     * Section for the Combobox, to put options in.
-     */
-    Section: typeof _ListBox.Section;
+  /**
+   * Options for the Combobox.
+   */
+  Option: typeof _ListBox.Item;
+  /**
+   * Section for the Combobox, to put options in.
+   */
+  Section: typeof _ListBox.Section;
 }
 declare const _Autocomplete: AutocompleteComponent;
-
-type RemovedProps$w = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
-interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$w>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
-    variant?: string;
-    size?: string;
-    /**
-     * If `true`, the input is disabled.
-     * @default false
-     */
-    disabled?: RAC.ComboBoxProps<any>['isDisabled'];
-    /**
-     * If `true`, the input is required.
-     * @default false
-     */
-    required?: RAC.ComboBoxProps<any>['isRequired'];
-    /**
-     * If `true`, the input is readOnly.
-     * @default false
-     */
-    readOnly?: RAC.ComboBoxProps<any>['isReadOnly'];
-    /**
-     * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.ComboBoxProps<any>['isInvalid'];
-    /**
-     * The value of the input (uncontrolled).
-     */
-    defaultValue?: RAC.ComboBoxProps<any>['defaultInputValue'];
-    /**
-     * The value of the input (controlled).
-     */
-    value?: RAC.ComboBoxProps<any>['inputValue'];
-    /**
-     * Called when the input value changes.
-     */
-    onChange?: RAC.ComboBoxProps<any>['onInputChange'];
-    /**
-     * ReactNode or function to render the list of items.
-     */
-    children?: ReactNode | ((item: any) => ReactNode);
-    /**
-     * Set the placeholder for the select.
-     */
-    placeholder?: string;
-    /**
-     * Provides content to display when there are no items in the list.
-     */
-    emptyState?: ReactNode;
-    /**
-     * If `true`, a loading spinner will show up.
-     * @default false
-     */
-    loading?: boolean;
+//#endregion
+//#region src/Badge/Badge.d.ts
+interface BadgeProps {
+  /**
+   * Children of the component
+   */
+  children?: React.ReactNode;
+  variant?: 'default' | 'primary' | 'success' | 'warning' | 'info' | 'error' | 'admin' | 'master' | (string & {});
+  size?: string;
+}
+declare const Badge: ({
+  variant,
+  size,
+  children,
+  ...props
+}: BadgeProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Breadcrumbs/BreadcrumbsItem.d.ts
+type RemovedProps$33 = 'className' | 'style';
+interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$33> {
+  variant?: 'default' | (string & {});
+  size?: 'small' | 'default' | 'large' | (string & {});
+  /**
+   * The content inside the breadcrumb.
+   */
+  children: ReactNode;
+  /**
+   * Link for the breadcrumb item.
+   */
+  href: string;
 }
-interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
-    /**
-     * Options for the Combobox.
-     */
-    Option: typeof _ListBox.Item;
-    /**
-     * Section for the Combobox, to put options in.
-     */
-    Section: typeof _ListBox.Section;
+declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
+//#endregion
+//#region src/Breadcrumbs/Breadcrumbs.d.ts
+type RemovedProps$32 = 'className' | 'style' | 'children' | 'isDisabled';
+interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps$32> {
+  variant?: 'default' | (string & {});
+  size?: 'small' | 'default' | 'large' | (string & {});
+  /**
+   * Disables the breadcrumbs.
+   * @default false
+   */
+  disabled?: BreadcrumbsProps$1<object>['isDisabled'];
+  /**
+   * Maximum number of visible items before the breadcrumbs collapse.
+   */
+  maxVisibleItems?: number;
+  /**
+   * The breadcrumb items to be displayed.
+   */
+  children: React$1.ReactNode | React$1.ReactNode[];
 }
-declare const _ComboBox: ComboBoxComponent;
-
-interface BadgeProps {
-    /**
-     * Children of the component
-     */
-    children?: React.ReactNode;
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'info' | 'error' | 'admin' | 'master' | (string & {});
-    size?: string;
-}
-declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
-
-interface BreakoutProps extends AriaRegionProps {
-    children?: ReactNode;
+interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLOListElement>> {
+  Item: typeof BreadcrumbsItem;
 }
-declare const Breakout: ({ children }: BreakoutProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$v = 'isDisabled' | 'isPending' | 'className' | 'style';
-interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$v> {
-    variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
-    size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
-    /**
-     * If true, the element stretches to fill the available width.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Children of the component
-     */
-    children?: ReactNode;
-    /**
-     * Disables the button.
-     * @default false
-     */
-    disabled?: RAC.ButtonProps['isDisabled'];
-    /**
-     * Whether the button is in a loading state.
-     * This disables press and hover events while retaining focusability, and announces the loading state to screen readers.
-     */
-    loading?: RAC.ButtonProps['isPending'];
-}
-declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
-    children?: ReactNode;
-    variant?: string;
-    size?: 'default' | 'full' | (string & {});
-    /**
-     * Padding of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
-     */
-    p?: PaddingSpaceProp['space'];
-    /**
-     * Padding horizontal (left and right) of the component.
-     */
-    px?: PaddingSpacePropX['spaceX'];
-    /**
-     * Padding vertical (top and bottom) of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
-     */
-    py?: PaddingSpacePropY['spaceY'];
-}
-declare const Card: ({ children, variant, size, space, p, px, py, pt, pb, pl, pr, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
-
+declare const _Breadcrumbs: BreadcrumbsComponent;
+//#endregion
+//#region src/Breakout/Breakout.d.ts
+interface BreakoutProps extends AriaRegionProps {
+  children?: ReactNode;
+}
+declare const Breakout: ({
+  children
+}: BreakoutProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Button/Button.d.ts
+type RemovedProps$31 = 'isDisabled' | 'isPending' | 'className' | 'style';
+interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$31> {
+  variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
+  size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
+  /**
+   * If true, the element stretches to fill the available width.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * Children of the component
+   */
+  children?: ReactNode;
+  /**
+   * Disables the button.
+   * @default false
+   */
+  disabled?: RAC.ButtonProps['isDisabled'];
+  /**
+   * Whether the button is in a loading state.
+   * This disables press and hover events while retaining focusability, and announces the loading state to screen readers.
+   */
+  loading?: RAC.ButtonProps['isPending'];
+}
+declare const _Button: react6.ForwardRefExoticComponent<ButtonProps & react6.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/Calendar/Calendar.d.ts
+type RemovedProps$30 = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
+interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$30> {
+  /**
+   * Disables the Calendar.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Whether the calendar value is immutable.
+   * @default false
+   */
+  readOnly?: boolean;
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the calendar. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default fit
+   */
+  width?: WidthProp['width'];
+  /**
+   * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
+   */
+  dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
+}
+declare const _Calendar: ({
+  disabled,
+  readOnly,
+  size,
+  variant,
+  width,
+  dateUnavailable,
+  minValue: _minValue,
+  maxValue: _maxValue,
+  ...rest
+}: CalendarProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Card/Card.d.ts
+interface CardProps extends PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
+  children?: ReactNode;
+  variant?: string;
+  size?: 'default' | 'full' | (string & {});
+  /**
+   * Gap between children. You can see allowed tokens [here](../../foundations/design-token#spacing).
+   */
+  space?: GapSpaceProp['space'];
+  /**
+   * Padding of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
+   */
+  p?: PaddingSpaceProp['space'];
+  /**
+   * Padding horizontal (left and right) of the component.
+   */
+  px?: PaddingSpacePropX['spaceX'];
+  /**
+   * Padding vertical (top and bottom) of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
+   */
+  py?: PaddingSpacePropY['spaceY'];
+}
+declare const Card: ({
+  children,
+  variant,
+  size,
+  space,
+  p,
+  px,
+  py,
+  pt,
+  pb,
+  pl,
+  pr,
+  ...props
+}: CardProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Center/Center.d.ts
 interface CenterProps extends GapSpaceProp, AriaRegionProps {
-    children?: ReactNode;
-    /**
-     * The maximum width of the container.
-     * @default 100%
-     */
-    maxWidth?: string;
-}
-declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$u = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
-interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$u>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    /**
-     * The children of the component
-     */
-    children?: ReactNode;
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     *
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * Sets all checkboxes to disabled
-     *
-     * @default false
-     */
-    disabled?: RAC.CheckboxGroupProps['isDisabled'];
-    /**
-     * Sets the checkbox as required.
-     *
-     * @default false
-     */
-    required?: RAC.CheckboxGroupProps['isRequired'];
-    /**
-     * If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     *
-     * @default false
-     */
-    error?: RAC.CheckboxGroupProps['isInvalid'];
-    /**
-     * Sets the checkbox on read only.
-     *
-     * @default false
-     */
-    readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
-    /**
-     * Wheather the component is displayed vertically or horizontally.
-     *
-     * @default vertical
-     */
-    orientation?: Orientation;
-    /**
-     * The number of items to display before collapsing the rest.
-     * Items beyond this number will be hidden until the user clicks
-     * the "Show more" control.
-     *
-     * @default undefined
-     */
-    collapseAt?: number;
-}
-declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, collapseAt, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$t = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
-interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$t> {
-    variant?: string;
-    size?: string;
-    /**
-     * Whether the element should be checked (controlled).
-     */
-    checked?: boolean | undefined;
-    /**
-     * Whether the element should be checked (uncontrolled).
-     */
-    defaultChecked?: boolean | undefined;
-    /**
-     * Whether the checkbox is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the checkbox is required.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Whether the checkbox is read-only.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Use when it represents both selected and not selected values.
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Set the label of the checkbox.
-     * @default none
-     *
-     */
-    label?: ReactNode;
-    /**
-     * A helpful text.
-     */
-    description?: ReactNode;
+  children?: ReactNode;
+  /**
+   * The maximum width of the container.
+   * @default 100%
+   */
+  maxWidth?: string;
+}
+declare const Center: ({
+  maxWidth,
+  space,
+  children,
+  ...props
+}: CenterProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Checkbox/CheckboxGroup.d.ts
+type RemovedProps$29 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
+interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$29>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  /**
+   * The children of the component
+   */
+  children?: ReactNode;
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   *
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * Sets all checkboxes to disabled
+   *
+   * @default false
+   */
+  disabled?: RAC.CheckboxGroupProps['isDisabled'];
+  /**
+   * Sets the checkbox as required.
+   *
+   * @default false
+   */
+  required?: RAC.CheckboxGroupProps['isRequired'];
+  /**
+   * If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   *
+   * @default false
+   */
+  error?: RAC.CheckboxGroupProps['isInvalid'];
+  /**
+   * Sets the checkbox on read only.
+   *
+   * @default false
+   */
+  readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
+  /**
+   * Wheather the component is displayed vertically or horizontally.
+   *
+   * @default vertical
+   */
+  orientation?: Orientation;
+  /**
+   * The number of items to display before collapsing the rest.
+   * Items beyond this number will be hidden until the user clicks
+   * the "Show more" control.
+   *
+   * @default undefined
+   */
+  collapseAt?: number;
+}
+declare const _CheckboxGroup: ({
+  children,
+  variant,
+  size,
+  required,
+  disabled,
+  readOnly,
+  error,
+  width,
+  orientation,
+  collapseAt,
+  ...rest
+}: CheckboxGroupProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Checkbox/Checkbox.d.ts
+type RemovedProps$28 = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
+interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$28> {
+  variant?: string;
+  size?: string;
+  /**
+   * Whether the element should be checked (controlled).
+   */
+  checked?: boolean | undefined;
+  /**
+   * Whether the element should be checked (uncontrolled).
+   */
+  defaultChecked?: boolean | undefined;
+  /**
+   * Whether the checkbox is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Whether the checkbox is required.
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * Whether the checkbox is read-only.
+   * @default false
+   */
+  readOnly?: boolean;
+  /**
+   * Use when it represents both selected and not selected values.
+   * @default false
+   */
+  indeterminate?: boolean;
+  /**
+   * If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   * @default false
+   */
+  error?: boolean;
+  /**
+   * Set the label of the checkbox.
+   * @default none
+   *
+   */
+  label?: ReactNode;
+  /**
+   * A helpful text.
+   */
+  description?: ReactNode;
 }
 interface CheckboxComponent extends ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLLabelElement>> {
-    /**
-     * Group for checkboxes.
-     */
-    Group: typeof _CheckboxGroup;
+  /**
+   * Group for checkboxes.
+   */
+  Group: typeof _CheckboxGroup;
 }
 declare const _Checkbox: CheckboxComponent;
-
+//#endregion
+//#region src/CloseButton/CloseButton.d.ts
+interface CloseButtonProps extends Pick<ButtonProps, 'onPress' | 'size' | 'variant' | 'slot' | 'aria-label'> {
+  className?: string;
+  style?: CSSProperties;
+}
+declare const CloseButton: react6.ForwardRefExoticComponent<CloseButtonProps & react6.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/Collapsible/CollapsibleTrigger.d.ts
+interface CollapsibleProps$1 extends Omit<ButtonProps$1, 'className' | 'style'>, Pick<HeadingProps, 'level'> {
+  variant?: 'default' | 'link' | (string & {});
+  size?: 'default' | (string & {});
+}
+//#endregion
+//#region src/Collapsible/CollapsibleContent.d.ts
+interface CollapsibleContentProps extends Omit<DisclosurePanelProps, 'className' | 'style'> {
+  variant?: string;
+  size?: string;
+}
+//#endregion
+//#region src/Collapsible/Collapsible.d.ts
+interface CollapsibleProps extends Omit<DisclosureProps$1, 'className' | 'style'> {
+  variant?: 'default' | 'link' | (string & {});
+  size?: 'default' | (string & {});
+  /**
+   * Removes the form's visual container so that it does not impact the layout,
+   * letting child elements render naturally.
+   */
+  unstyled?: boolean;
+}
+declare const Collapsible: {
+  ({
+    variant,
+    size,
+    children,
+    unstyled,
+    ...props
+  }: CollapsibleProps): react_jsx_runtime4.JSX.Element;
+  Trigger: ({
+    variant,
+    size,
+    children,
+    level,
+    ...props
+  }: CollapsibleProps$1) => react_jsx_runtime4.JSX.Element;
+  Content: ({
+    variant,
+    size,
+    children,
+    ...props
+  }: CollapsibleContentProps) => react_jsx_runtime4.JSX.Element;
+};
+//#endregion
+//#region src/Columns/Columns.d.ts
 interface ColumnsProps extends GapSpaceProp, AriaRegionProps {
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * An array of numbers to set the size of the children. The columns array length and the count of children must be the same. Write "fit" for the column you want to have it fitting the contents width and height.
-     */
-    columns: Array<number | 'fit'>;
-    /**
-     * Collapse children into a vertical layout at given width. Note that `collapseAt` is based on the total element width, and not the window width. With a default value of "0" columns will not collapse by default.
-     */
-    collapseAt?: string;
-    /**
-     * Stretch to height of parent container.
-     * @default false
-     */
-    stretch?: boolean;
-}
-declare const Columns: ({ space, columns, collapseAt, stretch, children, ...props }: ColumnsProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
+  /**
+   * An array of numbers to set the size of the children. The columns array length and the count of children must be the same. Write "fit" for the column you want to have it fitting the contents width and height.
+   */
+  columns: Array<number | 'fit'>;
+  /**
+   * Collapse children into a vertical layout at given width. Note that `collapseAt` is based on the total element width, and not the window width. With a default value of "0" columns will not collapse by default.
+   */
+  collapseAt?: string;
+  /**
+   * Stretch to height of parent container.
+   * @default false
+   */
+  stretch?: boolean;
+}
+declare const Columns: ({
+  space,
+  columns,
+  collapseAt,
+  stretch,
+  children,
+  ...props
+}: ColumnsProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/ComboBox/ComboBox.d.ts
+type RemovedProps$27 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
+interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$27>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
+  variant?: string;
+  size?: string;
+  /**
+   * If `true`, the input is disabled.
+   * @default false
+   */
+  disabled?: RAC.ComboBoxProps<any>['isDisabled'];
+  /**
+   * If `true`, the input is required.
+   * @default false
+   */
+  required?: RAC.ComboBoxProps<any>['isRequired'];
+  /**
+   * If `true`, the input is readOnly.
+   * @default false
+   */
+  readOnly?: RAC.ComboBoxProps<any>['isReadOnly'];
+  /**
+   * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.ComboBoxProps<any>['isInvalid'];
+  /**
+   * The value of the input (uncontrolled).
+   */
+  defaultValue?: RAC.ComboBoxProps<any>['defaultInputValue'];
+  /**
+   * The value of the input (controlled).
+   */
+  value?: RAC.ComboBoxProps<any>['inputValue'];
+  /**
+   * Called when the input value changes.
+   */
+  onChange?: RAC.ComboBoxProps<any>['onInputChange'];
+  /**
+   * ReactNode or function to render the list of items.
+   */
+  children?: ReactNode | ((item: any) => ReactNode);
+  /**
+   * Set the placeholder for the select.
+   */
+  placeholder?: string;
+  /**
+   * Provides content to display when there are no items in the list.
+   */
+  emptyState?: ReactNode;
+  /**
+   * If `true`, a loading spinner will show up.
+   * @default false
+   */
+  loading?: boolean;
+}
+interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
+  /**
+   * Options for the Combobox.
+   */
+  Option: typeof _ListBox.Item;
+  /**
+   * Section for the Combobox, to put options in.
+   */
+  Section: typeof _ListBox.Section;
+}
+declare const _ComboBox: ComboBoxComponent;
+//#endregion
+//#region src/Container/Container.d.ts
 declare const containerTextLength: {
-    short: string;
-    default: string;
-    long: string;
+  short: string;
+  default: string;
+  long: string;
 };
 declare const gridColsAlign: {
-    left: string;
-    center: string;
-    right: string;
-};
-declare const gridColumn: {
-    left: string;
-    center: string;
-    right: string;
+  left: string;
+  center: string;
+  right: string;
 };
 interface ContainerProps extends GapSpaceProp, AriaRegionProps {
-    children?: ReactNode;
-    /**
-     * Width of the container.
-     * @default 'default'
-     */
-    contentLength?: keyof typeof containerTextLength;
-    /**
-     * Set alignment the content inside the container.
-     * @default 'left'
-     */
-    align?: keyof typeof gridColsAlign;
-    /**
-     * Set alignment of the items inside the container.
-     */
-    alignItems?: PlaceItemsProp['align'];
-}
-declare const Container: ({ contentLength, align, alignItems, space, children, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
-
+  children?: ReactNode;
+  /**
+   * Width of the container.
+   * @default 'default'
+   */
+  contentLength?: keyof typeof containerTextLength;
+  /**
+   * Set alignment the content inside the container.
+   * @default 'left'
+   */
+  align?: keyof typeof gridColsAlign;
+  /**
+   * Set alignment of the items inside the container.
+   */
+  alignItems?: PlaceItemsProp['align'];
+}
+declare const Container: ({
+  contentLength,
+  align,
+  alignItems,
+  space,
+  children,
+  ...props
+}: ContainerProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/icons/Icons.types.d.ts
+interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
+  size?: number | `${number}${number}` | `${number}${number}`;
+}
+//#endregion
+//#region src/ContextualHelp/ContextualHelpContent.d.ts
 interface ContextualHelpContentProps {
-    children: React.ReactNode;
-    variant?: string;
-    size?: string;
-}
-declare const ContextualHelpContent: ({ children, variant, size, }: ContextualHelpContentProps) => react_jsx_runtime.JSX.Element;
-
+  children: React.ReactNode;
+  variant?: string;
+  size?: string;
+}
+declare const ContextualHelpContent: ({
+  children,
+  variant,
+  size
+}: ContextualHelpContentProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/ContextualHelp/ContextualHelpTitle.d.ts
 interface ContextualHelpTitleProps {
-    children: React.ReactNode;
-    variant?: string;
-    size?: string;
-}
-declare const ContextualHelpTitle: ({ children, variant, size, }: ContextualHelpTitleProps) => react_jsx_runtime.JSX.Element;
-
+  children: React.ReactNode;
+  variant?: string;
+  size?: string;
+}
+declare const ContextualHelpTitle: ({
+  children,
+  variant,
+  size
+}: ContextualHelpTitleProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/ContextualHelp/ContextualHelp.d.ts
 declare const icons$1: {
-    help: () => react_jsx_runtime.JSX.Element;
-    info: () => react_jsx_runtime.JSX.Element;
+  help: ({
+    size,
+    className,
+    ...props
+  }: IconProps) => react_jsx_runtime4.JSX.Element;
+  info: ({
+    size,
+    className,
+    ...props
+  }: IconProps) => react_jsx_runtime4.JSX.Element;
 };
 interface ContextualHelpComponent extends ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<HTMLInputElement>> {
-    /**
-     * Options for the Combobox.
-     */
-    Title: typeof ContextualHelpTitle;
-    Content: typeof ContextualHelpContent;
+  /**
+   * Options for the Combobox.
+   */
+  Title: typeof ContextualHelpTitle;
+  Content: typeof ContextualHelpContent;
 }
 /**
  * Placement of the popover.
@@ -558,1710 +825,2067 @@ type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top start' | 'bottom sta
  * Props for the ContextualHelp component.
  */
 interface ContextualHelpProps {
-    /** Size of the button and popover. */
-    size?: 'small' | 'medium' | 'large';
-    /** Content rendered inside the popover. */
-    children: ReactNode;
-    /** Visual variant of the icon (e.g. info or help). */
-    variant?: keyof typeof icons$1;
-    /** Placement of the popover relative to the button. */
-    placement?: Placement;
-    /** Optional width size for the popover */
-    width?: 'small' | 'medium' | 'large';
-    /** Offset (in px) between button and popover. */
-    offset?: number;
-    /** Whether the popover is open by default (uncontrolled). */
-    defaultOpen?: boolean;
-    /** Controls the open state of the popover (controlled). */
-    open?: boolean;
-    /** Handler that is called when the open state changes. */
-    onOpenChange?: (isOpen: boolean) => void;
+  /** Size of the button and popover. */
+  size?: 'small' | 'medium' | 'large';
+  /** Content rendered inside the popover. */
+  children: ReactNode;
+  /** Visual variant of the icon (e.g. info or help). */
+  variant?: keyof typeof icons$1;
+  /** Placement of the popover relative to the button. */
+  placement?: Placement;
+  /** Optional width size for the popover */
+  width?: 'small' | 'medium' | 'large';
+  /** Offset (in px) between button and popover. */
+  offset?: number;
+  /** Whether the popover is open by default (uncontrolled). */
+  defaultOpen?: boolean;
+  /** Controls the open state of the popover (controlled). */
+  open?: boolean;
+  /** Handler that is called when the open state changes. */
+  onOpenChange?: (isOpen: boolean) => void;
 }
 declare const _ContextualHelp: ContextualHelpComponent;
-
-interface DialogContextProps extends RAC.ModalOverlayProps {
-    dismissable?: boolean;
-    keyboardDismissable?: boolean;
-}
-
-type RemovedProps$s = 'children' | 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled';
-interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'>, Omit<DialogContextProps, RemovedProps$s> {
-    /** Whether the overlay is open by default (controlled). */
-    open?: boolean;
-}
-declare const _DialogTrigger: ({ open, dismissable, keyboardDismissable, ...rest }: DialogTriggerProps) => ReactNode;
-
+//#endregion
+//#region src/DateField/DateField.d.ts
+type RemovedProps$26 = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
+interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$26>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  variant?: string;
+  size?: string;
+  /**
+   * Optional element (e.g., button or icon) rendered inside the DateField.
+   */
+  action?: ReactElement<any>;
+  /**
+   * If `true`, the date field is required.
+   * @default false
+   */
+  required?: RAC.DateFieldProps<DateValue>['isRequired'];
+  /**
+   * If `true`, the date field is disabled.
+   * @default false
+   */
+  disabled?: RAC.DateFieldProps<DateValue>['isDisabled'];
+  /**
+   * If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.DateFieldProps<DateValue>['isInvalid'];
+  /**
+   * If `true`, the date field is readOnly.
+   * @default false
+   */
+  readOnly?: RAC.DateFieldProps<DateValue>['isReadOnly'];
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default 'full'
+   */
+  width?: WidthProp['width'];
+}
+declare const _DateField: react6.ForwardRefExoticComponent<DateFieldProps & react6.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/DatePicker/DatePicker.d.ts
+type RemovedProps$25 = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
+interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$25>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  /**
+   * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
+   */
+  dateUnavailable?: RAC.DatePickerProps<DateValue>['isDateUnavailable'];
+  /**
+   * If `true`, the date picker is disabled.
+   * @default false
+   */
+  disabled?: RAC.DatePickerProps<DateValue>['isDisabled'];
+  /**
+   * If `true`, the date picker is required.
+   * @default false
+   */
+  required?: RAC.DatePickerProps<DateValue>['isRequired'];
+  /**
+   * If `true`, the date picker is readOnly.
+   * @default false
+   */
+  readOnly?: RAC.DatePickerProps<DateValue>['isReadOnly'];
+  /**
+   * If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.DatePickerProps<DateValue>['isInvalid'];
+  /**
+   * Whether the calendar is open by default (controlled).
+   * @default false
+   */
+  open?: RAC.DatePickerProps<DateValue>['isOpen'];
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   */
+  width?: WidthProp['width'];
+}
+declare const _DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/Overlay/Modal.d.ts
 interface ModalProps extends RAC.ModalOverlayProps {
-    /** Whether the overlay is open by default (controlled). */
-    open?: boolean;
-    /**
-     * Whether to close the modal when the user interacts outside it.
-     * @default false
-     */
-    dismissable?: boolean;
-    /**
-     * Whether pressing the escape key to close the modal should be disabled.
-     * @default true
-     */
-    keyboardDismissable?: boolean;
-    size?: string;
-}
-declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react.RefAttributes<HTMLDivElement>>;
-
-interface StyleRenderProps<T> {
-    /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
-    className?: string | ((values: T & {
-        defaultClassName: string | undefined;
-    }) => string);
-    /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
-    style?: CSSProperties | ((values: T & {
-        defaultStyle: CSSProperties;
-    }) => CSSProperties | undefined);
-}
-interface RenderProps<T> extends StyleRenderProps<T> {
-    /** The children of the component. A function may be provided to alter the children based on component state. */
-    children?: ReactNode | ((values: T & {
-        defaultChildren: ReactNode | undefined;
-    }) => ReactNode);
-}
-
-interface AriaNonModalProps {
-    /**
-     * The ref for the non-modal element.
-     */
-    nonModalRef: RefObject<Element | null>;
-    /**
-     * Whether pressing the escape key closes the modal.
-     * @default true
-     */
-    keyboardDismissable?: boolean;
-}
-
-interface NonModalRenderProps {
-    /**
-     * Whether the popover is currently entering. Use this to apply animations.
-     * @selector [data-entering]
-     */
-    isEntering: boolean;
-    /**
-     * Whether the popover is currently exiting. Use this to apply animations.
-     * @selector [data-exiting]
-     */
-    isExiting: boolean;
-    /**
-     * State of the non-modal.
-     */
-    state: OverlayTriggerState;
-}
-interface NonModalInnerProps extends AriaNonModalProps, AriaLabelingProps, SlotProps, RenderProps<NonModalRenderProps> {
-    state: OverlayTriggerState;
-    isEntering?: boolean;
-    isExiting: boolean;
-}
-interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelingProps, SlotProps, Pick<NonModalInnerProps, 'style' | 'className' | 'children'> {
-    /**
-     * Whether the overlay is open by default (controlled).
-     * @default undefined
-     */
-    open?: boolean;
-    /**
-     * Whether pressing the escape key closes the modal.
-     * @default true
-     */
-    keyboardDismissable?: boolean;
-    /**
-     * Whether the popover is currently performing an entry animation.
-     * @default undefined
-     */
-    isEntering?: boolean;
-    /**
-     * Whether the popover is currently performing an exit animation.
-     * @default undefined
-     */
-    isExiting?: boolean;
-    /**
-     * Ref to the overlay element.
-     * @default undefined
-     */
-    ref?: RefObject<HTMLElement | null>;
-}
-declare const NonModal: react.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react.RefAttributes<HTMLElement>>;
-
-interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className' | 'children'> {
-    keyboardDismissDisabled?: boolean;
-    open?: boolean;
-    children: ReactNode;
-}
-declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
-
-interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
-    variant?: string;
-    size?: string;
-    open?: boolean;
-    dismissable?: boolean;
-    keyboardDismissable?: boolean;
-}
-declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
-
+  /** Whether the overlay is open by default (controlled). */
+  open?: boolean;
+  /**
+   * Whether to close the modal when the user interacts outside it.
+   * @default false
+   */
+  dismissable?: boolean;
+  /**
+   * Whether pressing the escape key to close the modal should be disabled.
+   * @default true
+   */
+  keyboardDismissable?: boolean;
+  size?: string;
+}
+declare const _Modal: react6.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react6.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/Dialog/DialogActions.d.ts
 interface DialogActions {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    variant?: string;
-    size?: string;
-}
-declare const DialogActions: ({ variant, size, children }: DialogActions) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
+  variant?: string;
+  size?: string;
+}
+declare const DialogActions: ({
+  variant,
+  size,
+  children
+}: DialogActions) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Dialog/DialogContent.d.ts
 interface DialogContentProps {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    variant?: string;
-    size?: string;
-}
-declare const DialogContent: ({ variant, size, children, }: DialogContentProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
+  variant?: string;
+  size?: string;
+}
+declare const DialogContent: ({
+  variant,
+  size,
+  children
+}: DialogContentProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Dialog/DialogTitle.d.ts
 interface DialogTitleProps {
-    /** Children of the component. */
-    children?: React.ReactNode;
-    variant?: string;
-    size?: string;
-}
-declare const DialogTitle: ({ variant, size, children }: DialogTitleProps) => react_jsx_runtime.JSX.Element;
-
+  /** Children of the component. */
+  children?: React.ReactNode;
+  variant?: string;
+  size?: string;
+}
+declare const DialogTitle: ({
+  variant,
+  size,
+  children
+}: DialogTitleProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Dialog/Context.d.ts
+interface DialogContextProps extends RAC.ModalOverlayProps {
+  dismissable?: boolean;
+  keyboardDismissable?: boolean;
+}
+//#endregion
+//#region src/Dialog/DialogTrigger.d.ts
+type RemovedProps$24 = 'children' | 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled';
+interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'>, Omit<DialogContextProps, RemovedProps$24> {
+  /** Whether the overlay is open by default (controlled). */
+  open?: boolean;
+}
+declare const _DialogTrigger: ({
+  open,
+  dismissable,
+  keyboardDismissable,
+  ...rest
+}: DialogTriggerProps) => ReactNode;
+//#endregion
+//#region src/Dialog/Dialog.d.ts
 interface DialogProps extends Omit<RAC.DialogProps, 'className' | 'style'>, Pick<ModalProps, 'open' | 'onOpenChange'> {
-    variant?: string;
-    size?: 'xsmall' | 'small' | 'medium' | (string & {});
-    /**
-     * Show the close button.
-     */
-    closeButton?: boolean;
+  variant?: string;
+  size?: 'xsmall' | 'small' | 'medium' | (string & {});
+  /**
+   * Show the close button.
+   */
+  closeButton?: boolean;
 }
 interface DialogComponent extends ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLInputElement>> {
-    Trigger: typeof _DialogTrigger;
-    Title: typeof DialogTitle;
-    Content: typeof DialogContent;
-    Actions: typeof DialogActions;
+  Trigger: typeof _DialogTrigger;
+  Title: typeof DialogTitle;
+  Content: typeof DialogContent;
+  Actions: typeof DialogActions;
 }
 declare const _Dialog: DialogComponent;
-
+//#endregion
+//#region src/Dialog/ConfirmationDialog.d.ts
 interface ConfirmationDialogProps extends Pick<DialogProps, 'variant' | 'size' | 'closeButton' | 'open' | 'onOpenChange'> {
-    /**
-     * The dialog's title.
-     */
-    title: string;
-    /**
-     * Label for the primary action button.
-     */
-    confirmationLabel: string;
-    /**
-     * Optional label for the cancel button, default label is "cancel".
-     */
-    cancelLabel?: string;
-    /**
-     * Handler that is called when the confirm button is pressed.
-     */
-    onConfirm?: () => void;
-    /**
-     * Handler that is called when the cancel button is pressed.
-     */
-    onCancel?: () => void;
-    /**
-     * Button to focus by default when the dialog opens.
-     */
-    autoFocusButton?: 'cancel' | 'action';
-    /**
-     * The dialog's content.
-     */
-    children?: ReactNode;
+  /**
+   * The dialog's title.
+   */
+  title: string;
+  /**
+   * Label for the primary action button.
+   */
+  confirmationLabel: string;
+  /**
+   * Optional label for the cancel button, default label is "cancel".
+   */
+  cancelLabel?: string;
+  /**
+   * Handler that is called when the confirm button is pressed.
+   */
+  onConfirm?: () => void;
+  /**
+   * Handler that is called when the cancel button is pressed.
+   */
+  onCancel?: () => void;
+  /**
+   * Button to focus by default when the dialog opens.
+   */
+  autoFocusButton?: 'cancel' | 'action';
+  /**
+   * The dialog's content.
+   */
+  children?: ReactNode;
 }
 declare const ConfirmationDialog: {
-    ({ title, confirmationLabel, cancelLabel, onCancel, onConfirm, autoFocusButton, children, variant, size, ...props }: ConfirmationDialogProps): react_jsx_runtime.JSX.Element;
-    Trigger: ({ open, dismissable, keyboardDismissable, ...rest }: DialogTriggerProps) => ReactNode;
+  ({
+    title,
+    confirmationLabel,
+    cancelLabel,
+    onCancel,
+    onConfirm,
+    autoFocusButton,
+    children,
+    variant,
+    size,
+    ...props
+  }: ConfirmationDialogProps): react_jsx_runtime4.JSX.Element;
+  Trigger: ({
+    open,
+    dismissable,
+    keyboardDismissable,
+    ...rest
+  }: DialogTriggerProps) => ReactNode;
 };
-
+//#endregion
+//#region src/Dialog/useConfirmation.d.ts
 type ConfirmationResult = 'confirmed' | 'cancelled';
 interface ConfirmationConfig extends Pick<ConfirmationDialogProps, 'variant' | 'title' | 'confirmationLabel' | 'cancelLabel' | 'autoFocusButton'> {
-    content?: React.ReactNode;
+  content?: React.ReactNode;
 }
 type ConfirmationFn = (props: ConfirmationConfig) => Promise<ConfirmationResult>;
-declare const ConfirmationContext: react.Context<ConfirmationFn | null>;
-declare const ConfirmationProvider: ({ children }: PropsWithChildren) => react_jsx_runtime.JSX.Element;
+declare const ConfirmationContext: react6.Context<ConfirmationFn | null>;
+declare const ConfirmationProvider: ({
+  children
+}: PropsWithChildren) => react_jsx_runtime4.JSX.Element;
 declare const useConfirmation: () => ConfirmationFn;
-
-type RemovedProps$r = 'className' | 'style';
-interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$r> {
-    variant?: 'default' | 'bold' | (string & {});
-}
-declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
-
-interface DrawerContentProps {
-    variant?: string;
-    size?: string;
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-}
-
-interface DrawerTitleProps {
-    variant?: string;
-    size?: string;
-    /**
-     * Children of the component.
-     */
-    children?: React.ReactNode;
-}
-
+//#endregion
+//#region src/Divider/Divider.d.ts
+type RemovedProps$23 = 'className' | 'style';
+interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$23> {
+  variant?: 'default' | 'bold' | (string & {});
+}
+declare const _Divider: ({
+  variant,
+  ...props
+}: DividerProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Drawer/DrawerTrigger.d.ts
 interface DrawerTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
-    /**
-     * Whether the overlay is open by default (controlled).
-     * @default false
-     */
-    open?: boolean;
-}
-
+  /**
+   * Whether the overlay is open by default (controlled).
+   * @default false
+   */
+  open?: boolean;
+}
+//#endregion
+//#region src/Drawer/DrawerTitle.d.ts
+interface DrawerTitleProps {
+  variant?: string;
+  size?: string;
+  /**
+   * Children of the component.
+   */
+  children?: React.ReactNode;
+}
+//#endregion
+//#region src/Drawer/DrawerContent.d.ts
+interface DrawerContentProps {
+  variant?: string;
+  size?: string;
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
+}
+//#endregion
+//#region src/Drawer/DrawerActions.d.ts
 interface DrawerActions {
-    variant?: string;
-    size?: string;
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-}
-declare const DrawerActions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
-
+  variant?: string;
+  size?: string;
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
+}
+declare const DrawerActions: ({
+  variant,
+  size,
+  children
+}: DrawerActions) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Drawer/Drawer.d.ts
 interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpen' | 'role'> {
-    size?: 'xsmall' | 'small' | 'medium' | (string & {});
-    variant?: string;
-    /**
-     * Whether the overlay is open by default (controlled).
-     * @default undefined
-     */
-    open?: boolean;
-    /**
-     * Whether pressing the escape key closes the modal.
-     * @default true
-     */
-    /**
-     * The placement of the drawer on the screen.
-     * @default right
-     */
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    keyboardDismissable?: boolean;
-    /**
-     * Show the close button.
-     */
-    closeButton?: boolean;
-    /**
-     * The `role` property sets the ARIA landmark role for this component,
-     * enhancing accessibility by clarifying its purpose to assistive technologies.
-     *
-     * Only ARIA landmark roles (e.g., "complementary", "search", "banner", "navigation")
-     * can be used to ensure proper semantic context. Defaults to `"complementary"`
-     * for secondary content (e.g., filters, sidebar) that supports the main content.
-     * @default "complementary"
-     */
-    role?: Exclude<AriaLandmarkRole, 'main'>;
+  size?: 'xsmall' | 'small' | 'medium' | (string & {});
+  variant?: string;
+  /**
+   * Whether the overlay is open by default (controlled).
+   * @default undefined
+   */
+  open?: boolean;
+  /**
+   * Whether pressing the escape key closes the modal.
+   * @default true
+   */
+  /**
+   * The placement of the drawer on the screen.
+   * @default right
+   */
+  placement?: 'top' | 'bottom' | 'left' | 'right';
+  keyboardDismissable?: boolean;
+  /**
+   * Show the close button.
+   */
+  closeButton?: boolean;
+  /**
+   * The `role` property sets the ARIA landmark role for this component,
+   * enhancing accessibility by clarifying its purpose to assistive technologies.
+   *
+   * Only ARIA landmark roles (e.g., "complementary", "search", "banner", "navigation")
+   * can be used to ensure proper semantic context. Defaults to `"complementary"`
+   * for secondary content (e.g., filters, sidebar) that supports the main content.
+   * @default "complementary"
+   */
+  role?: Exclude<AriaLandmarkRole, 'main'>;
 }
 declare const Drawer: {
-    ({ children, size, variant, open, keyboardDismissable, closeButton, role, placement, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
-    Trigger: ({ open, children, ...props }: DrawerTriggerProps) => react_jsx_runtime.JSX.Element;
-    Title: ({ variant, size, children }: DrawerTitleProps) => react_jsx_runtime.JSX.Element;
-    Content: ({ variant, size, children, }: DrawerContentProps) => react_jsx_runtime.JSX.Element;
-    Actions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
+  ({
+    children,
+    size,
+    variant,
+    open,
+    keyboardDismissable,
+    closeButton,
+    role,
+    placement,
+    ...props
+  }: DrawerProps): react_jsx_runtime4.JSX.Element;
+  Trigger: ({
+    open,
+    children,
+    ...props
+  }: DrawerTriggerProps) => react_jsx_runtime4.JSX.Element;
+  Title: ({
+    variant,
+    size,
+    children
+  }: DrawerTitleProps) => react_jsx_runtime4.JSX.Element;
+  Content: ({
+    variant,
+    size,
+    children
+  }: DrawerContentProps) => react_jsx_runtime4.JSX.Element;
+  Actions: ({
+    variant,
+    size,
+    children
+  }: DrawerActions) => react_jsx_runtime4.JSX.Element;
 };
-
+//#endregion
+//#region src/Form/Form.d.ts
 interface FormProps extends Omit<RAC.FormProps, 'className' | 'style'>, MaxWidthProp {
-    /**
-     * Removes the form's visual container so that it does not impact the layout,
-     * letting child elements render naturally.
-     */
-    unstyled?: boolean;
-}
-declare const _Form: ({ unstyled, maxWidth, ...props }: FormProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * Removes the form's visual container so that it does not impact the layout,
+   * letting child elements render naturally.
+   */
+  unstyled?: boolean;
+}
+declare const _Form: ({
+  unstyled,
+  maxWidth,
+  ...props
+}: FormProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Grid/GridArea.d.ts
 interface GridAreaProps {
-    /**
-     * Name of the grid area slot.
-     */
-    name: string;
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-}
-
+  /**
+   * Name of the grid area slot.
+   */
+  name: string;
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
+}
+//#endregion
+//#region src/Grid/Grid.d.ts
 type TemplateValue = 'none' | 'auto' | 'min-content' | 'max-content' | (string & {}) | number;
 interface GridProps extends GapSpaceProp, HeightProp, AriaRegionProps {
-    /**
-     * Specifies the named grid areas, much like `grid-template-areas`.
-     */
-    areas: string[];
-    /**
-     * Specifies the width of each column in the grid.
-     */
-    columns: TemplateValue[];
-    /**
-     * Specifies the height of each rows in the grid.
-     */
-    rows: TemplateValue[];
-    /**
-     * Children of the layout.
-     */
-    children?: ReactNode;
-    /**
-     * Horizontal alignment for the children.
-     */
-    alignX?: keyof typeof alignment.horizontal.alignmentX;
-    /**
-     * Vertical alignment for the children.
-     */
-    alignY?: keyof typeof alignment.horizontal.alignmentY;
+  /**
+   * Specifies the named grid areas, much like `grid-template-areas`.
+   */
+  areas: string[];
+  /**
+   * Specifies the width of each column in the grid.
+   */
+  columns: TemplateValue[];
+  /**
+   * Specifies the height of each rows in the grid.
+   */
+  rows: TemplateValue[];
+  /**
+   * Children of the layout.
+   */
+  children?: ReactNode;
+  /**
+   * Horizontal alignment for the children.
+   */
+  alignX?: keyof typeof alignment.horizontal.alignmentX;
+  /**
+   * Vertical alignment for the children.
+   */
+  alignY?: keyof typeof alignment.horizontal.alignmentY;
 }
 declare const Grid: {
-    ({ children, areas, columns, rows, alignX, alignY, height, space, ...props }: GridProps): react_jsx_runtime.JSX.Element;
-    Area: ({ name, children }: GridAreaProps) => react_jsx_runtime.JSX.Element;
+  ({
+    children,
+    areas,
+    columns,
+    rows,
+    alignX,
+    alignY,
+    height,
+    space,
+    ...props
+  }: GridProps): react_jsx_runtime4.JSX.Element;
+  Area: ({
+    name,
+    children
+  }: GridAreaProps) => react_jsx_runtime4.JSX.Element;
 };
-
+//#endregion
+//#region src/Headline/Headline.d.ts
 interface HeadlineProps extends AriaLabelingProps$1, TextAlignProp {
-    /**
-     * Set the color of the headline.
-     */
-    color?: string;
-    variant?: string;
-    size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6' | (string & {});
-    /**
-     * Set a different level.
-     */
-    level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * A slot to place the element in.
-     */
-    slot?: string;
-}
-declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * Set the color of the headline.
+   */
+  color?: string;
+  variant?: string;
+  size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6' | (string & {});
+  /**
+   * Set a different level.
+   */
+  level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
+  /**
+   * A slot to place the element in.
+   */
+  slot?: string;
+}
+declare const _Headline: ({
+  variant,
+  size,
+  children,
+  align,
+  color,
+  level,
+  ...props
+}: HeadlineProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/IconButton/IconButton.d.ts
+interface IconButtonProps extends RAC.ButtonProps {
+  className?: string;
+  variant?: 'navigation' | (string & {});
+  size?: string;
+}
+declare const IconButton: ({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: IconButtonProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Inline/Inline.d.ts
 declare const inlineAlignmentY: {
-    input: string;
-    top: "items-start";
-    center: "items-center";
-    bottom: "items-end";
+  input: string;
+  top: "items-start";
+  center: "items-center";
+  bottom: "items-end";
 };
 interface InlineProps extends GapSpaceProp, AriaRegionProps {
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Prevent the items from wrapping to the next line.
-     */
-    noWrap?: boolean;
-    /**
-     * Horizontal alignment of the items inside the element.
-     */
-    alignX?: keyof typeof alignment.horizontal.alignmentX;
-    /**
-     * Vertical alignment of the items inside the element.
-     */
-    alignY?: keyof typeof inlineAlignmentY;
-}
-declare const Inline: ({ space, noWrap, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$q = 'className' | 'style' | 'size';
-interface InputProps extends Omit<RAC.InputProps, RemovedProps$q> {
-    icon?: ReactElement<any>;
-    action?: ReactElement<any>;
-    variant?: string;
-    size?: string;
-    className?: string;
-}
-declare const _Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
-
-type RemovedProps$p = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
-interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$p>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    variant?: string;
-    size?: string;
-    /**
-     * Optional element (e.g., button or icon) rendered inside the DateField.
-     */
-    action?: ReactElement<any>;
-    /**
-     * If `true`, the date field is required.
-     * @default false
-     */
-    required?: RAC.DateFieldProps<DateValue>['isRequired'];
-    /**
-     * If `true`, the date field is disabled.
-     * @default false
-     */
-    disabled?: RAC.DateFieldProps<DateValue>['isDisabled'];
-    /**
-     * If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.DateFieldProps<DateValue>['isInvalid'];
-    /**
-     * If `true`, the date field is readOnly.
-     * @default false
-     */
-    readOnly?: RAC.DateFieldProps<DateValue>['isReadOnly'];
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default 'full'
-     */
-    width?: WidthProp['width'];
-}
-declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
-
-type RemovedProps$o = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
-interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$o> {
-    /**
-     * Disables the Calendar.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the calendar value is immutable.
-     * @default false
-     */
-    readOnly?: boolean;
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the calendar. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default fit
-     */
-    width?: WidthProp['width'];
-    /**
-     * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
-     */
-    dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
-}
-declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, minValue: _minValue, maxValue: _maxValue, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$n = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
-interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    /**
-     * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
-     */
-    dateUnavailable?: RAC.DatePickerProps<DateValue>['isDateUnavailable'];
-    /**
-     * If `true`, the date picker is disabled.
-     * @default false
-     */
-    disabled?: RAC.DatePickerProps<DateValue>['isDisabled'];
-    /**
-     * If `true`, the date picker is required.
-     * @default false
-     */
-    required?: RAC.DatePickerProps<DateValue>['isRequired'];
-    /**
-     * If `true`, the date picker is readOnly.
-     * @default false
-     */
-    readOnly?: RAC.DatePickerProps<DateValue>['isReadOnly'];
-    /**
-     * If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.DatePickerProps<DateValue>['isInvalid'];
-    /**
-     * Whether the calendar is open by default (controlled).
-     * @default false
-     */
-    open?: RAC.DatePickerProps<DateValue>['isOpen'];
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     */
-    width?: WidthProp['width'];
-}
-declare const _DatePicker: react__default.ForwardRefExoticComponent<DatePickerProps & react__default.RefAttributes<HTMLDivElement>>;
-
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
+  /**
+   * Prevent the items from wrapping to the next line.
+   */
+  noWrap?: boolean;
+  /**
+   * Horizontal alignment of the items inside the element.
+   */
+  alignX?: keyof typeof alignment.horizontal.alignmentX;
+  /**
+   * Vertical alignment of the items inside the element.
+   */
+  alignY?: keyof typeof inlineAlignmentY;
+}
+declare const Inline: ({
+  space,
+  noWrap,
+  alignX,
+  alignY,
+  children,
+  ...props
+}: InlineProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Input/Input.d.ts
+type RemovedProps$22 = 'className' | 'style' | 'size';
+interface InputProps extends Omit<RAC.InputProps, RemovedProps$22> {
+  icon?: ReactElement<any>;
+  action?: ReactElement<any>;
+  variant?: string;
+  size?: string;
+  className?: string;
+}
+declare const _Input: react6.ForwardRefExoticComponent<InputProps & react6.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/Input/SearchInput.d.ts
+interface SearchInputProps extends Omit<InputProps, 'icon' | 'className'> {
+  loading?: boolean;
+  className?: {
+    input?: string;
+    action?: string;
+  };
+  onClear?: () => void;
+}
+declare const SearchInput: react6.ForwardRefExoticComponent<SearchInputProps & react6.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/Inset/Inset.d.ts
 type InsetProps = (AriaRegionProps & {
-    /**
-     * The children of the component
-     */
-    children: ReactNode;
-    space?: never;
-    /**
-     * Horizontal alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
-     */
-    spaceX?: PaddingSpacePropX['spaceX'];
-    /**
-     * Vertical alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
-     */
-    spaceY?: PaddingSpacePropY['spaceY'];
+  /**
+   * The children of the component
+   */
+  children: ReactNode;
+  space?: never;
+  /**
+   * Horizontal alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
+   */
+  spaceX?: PaddingSpacePropX['spaceX'];
+  /**
+   * Vertical alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
+   */
+  spaceY?: PaddingSpacePropY['spaceY'];
 }) | (AriaRegionProps & {
-    children: ReactNode;
-    /**
-     * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
-     */
-    space?: PaddingSpaceProp['space'];
-    spaceX?: never;
-    spaceY?: never;
+  children: ReactNode;
+  /**
+   * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
+   */
+  space?: PaddingSpaceProp['space'];
+  spaceX?: never;
+  spaceY?: never;
 });
-declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$m = 'className';
-interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$m> {
-    size?: string;
-    variant?: string;
-}
-declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$l = 'className' | 'isDisabled' | 'slot';
-interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$l> {
-    variant?: 'default' | 'secondary' | (string & {});
-    size?: string;
-    /**
-     * The link can't be clicked
-     * @default false
-     */
-    disabled?: RAC.LinkProps['isDisabled'];
-}
-declare const _Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
-
-type RemovedProps$k = 'isDisabled' | 'isPending' | 'className' | 'style';
-interface LinkButtonProps extends Omit<RAC.LinkProps, RemovedProps$k> {
-    variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
-    size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
-    /**
-     * If true, the element stretches to fill the available width.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Children of the component
-     */
-    children?: ReactNode;
-    /**
-     * Disables the button.
-     * @default false
-     */
-    disabled?: RAC.LinkProps['isDisabled'];
-}
-declare const _LinkButton: react.ForwardRefExoticComponent<LinkButtonProps & react.RefAttributes<HTMLAnchorElement>>;
-
+declare const Inset: ({
+  space,
+  spaceX,
+  spaceY,
+  children
+}: InsetProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Label/Label.d.ts
+type RemovedProps$21 = 'className';
+interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$21> {
+  size?: string;
+  variant?: string;
+}
+declare const _Label: ({
+  size,
+  variant,
+  children,
+  ...props
+}: LabelProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Link/Link.d.ts
+type RemovedProps$20 = 'className' | 'isDisabled' | 'slot';
+interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$20> {
+  variant?: 'default' | 'secondary' | (string & {});
+  size?: string;
+  /**
+   * The link can't be clicked
+   * @default false
+   */
+  disabled?: RAC.LinkProps['isDisabled'];
+}
+declare const _Link: react6.ForwardRefExoticComponent<LinkProps & react6.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+//#region src/LinkButton/LinkButton.d.ts
+type RemovedProps$19 = 'isDisabled' | 'isPending' | 'className' | 'style';
+interface LinkButtonProps extends Omit<RAC.LinkProps, RemovedProps$19> {
+  variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
+  size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
+  /**
+   * If true, the element stretches to fill the available width.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * Children of the component
+   */
+  children?: ReactNode;
+  /**
+   * Disables the button.
+   * @default false
+   */
+  disabled?: RAC.LinkProps['isDisabled'];
+}
+declare const _LinkButton: react6.ForwardRefExoticComponent<LinkButtonProps & react6.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+//#region src/List/ListItem.d.ts
 interface ListItemProps {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
 }
-
+//#endregion
+//#region src/List/List.d.ts
 interface ListProps {
-    variant?: string;
-    size?: string;
-    /**
-     * Displaying a unordered or ordered list for showing Information.
-     * @default 'ul'
-     */
-    as?: 'ul' | 'ol';
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
+  variant?: string;
+  size?: string;
+  /**
+   * Displaying a unordered or ordered list for showing Information.
+   * @default 'ul'
+   */
+  as?: 'ul' | 'ol';
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
 }
 declare const List: {
-    ({ as, children, variant, size, ...props }: ListProps): react_jsx_runtime.JSX.Element;
-    Item: ({ children, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element;
+  ({
+    as,
+    children,
+    variant,
+    size,
+    ...props
+  }: ListProps): react_jsx_runtime4.JSX.Element;
+  Item: ({
+    children,
+    ...props
+  }: ListItemProps) => react_jsx_runtime4.JSX.Element;
 };
-
-type RemovedProps$j = 'className' | 'style' | 'children';
-interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$j> {
-    title?: string;
-    children: ReactNode;
-}
-
-type RemovedProps$i = 'style' | 'className';
-interface MenuItemProps extends Omit<RAC.MenuItemProps, RemovedProps$i> {
-    variant?: 'destructive' | 'default' | (string & {});
-    size?: string;
-}
-
-type RemovedProps$h = 'isOpen' | 'className' | 'style' | 'children';
-interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$h>, Omit<RAC.MenuProps<object>, RemovedProps$h> {
-    /**
-     * Whether the menu is open.
-     * @default false
-     */
-    open?: RAC.MenuTriggerProps['isOpen'];
-    /**
-     * Placement of the popover.
-     * @default 'bottom'
-     */
-    placement?: PopoverProps['placement'];
-    /**
-     * The label for the menu trigger button.
-     */
-    label?: ReactNode;
-    variant?: 'default' | 'ghost' | (string & {});
-    size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
-    /**
-     * Handler that is called when an action is performed on an item.
-     */
-    onAction?: (key: Key$1) => void;
-    /**
-     * The contents of the menu.
-     */
-    children?: ReactNode;
-    /**
-     * Whether the menu trigger is disabled.
-     */
-    disabled?: boolean;
+//#endregion
+//#region src/Menu/MenuItem.d.ts
+type RemovedProps$18 = 'style' | 'className';
+interface MenuItemProps extends Omit<RAC.MenuItemProps, RemovedProps$18> {
+  variant?: 'destructive' | 'default' | (string & {});
+  size?: string;
+}
+//#endregion
+//#region src/Menu/MenuSection.d.ts
+type RemovedProps$17 = 'className' | 'style' | 'children';
+interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$17> {
+  title?: string;
+  children: ReactNode;
+}
+//#endregion
+//#region src/Overlay/Popover.d.ts
+interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className' | 'children'> {
+  keyboardDismissDisabled?: boolean;
+  open?: boolean;
+  children: ReactNode;
+}
+declare const _Popover: react6.ForwardRefExoticComponent<PopoverProps & react6.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/Menu/Menu.d.ts
+type RemovedProps$16 = 'isOpen' | 'className' | 'style' | 'children';
+interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$16>, Omit<RAC.MenuProps<object>, RemovedProps$16> {
+  /**
+   * Whether the menu is open.
+   * @default false
+   */
+  open?: RAC.MenuTriggerProps['isOpen'];
+  /**
+   * Placement of the popover.
+   * @default 'bottom'
+   */
+  placement?: PopoverProps['placement'];
+  /**
+   * The label for the menu trigger button.
+   */
+  label?: ReactNode;
+  variant?: 'default' | 'ghost' | (string & {});
+  size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
+  /**
+   * Handler that is called when an action is performed on an item.
+   */
+  onAction?: (key: Key$1) => void;
+  /**
+   * The contents of the menu.
+   */
+  children?: ReactNode;
+  /**
+   * Whether the menu trigger is disabled.
+   */
+  disabled?: boolean;
 }
 declare const _Menu: {
-    ({ children, label, variant, size, disabled, open, placement, "aria-label": ariaLabel, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
-    Item: ({ children, variant, size, ...props }: MenuItemProps) => react_jsx_runtime.JSX.Element;
-    Section: ({ children, title, ...props }: MenuSectionProps) => react_jsx_runtime.JSX.Element;
+  ({
+    children,
+    label,
+    variant,
+    size,
+    disabled,
+    open,
+    placement,
+    "aria-label": ariaLabel,
+    ...props
+  }: MenuProps): react_jsx_runtime4.JSX.Element;
+  Item: ({
+    children,
+    variant,
+    size,
+    ...props
+  }: MenuItemProps) => react_jsx_runtime4.JSX.Element;
+  Section: ({
+    children,
+    title,
+    ...props
+  }: MenuSectionProps) => react_jsx_runtime4.JSX.Element;
 };
-
+//#endregion
+//#region src/Menu/ActionMenu.d.ts
 type ActionMenuProps = Omit<MenuProps, 'label'>;
 declare const ActionMenu: {
-    ({ children, ...props }: ActionMenuProps): react_jsx_runtime.JSX.Element;
-    Item: ({ children, variant, size, ...props }: MenuItemProps) => react_jsx_runtime.JSX.Element;
-    Section: ({ children, title, ...props }: MenuSectionProps) => react_jsx_runtime.JSX.Element;
+  ({
+    children,
+    ...props
+  }: ActionMenuProps): react_jsx_runtime4.JSX.Element;
+  Item: ({
+    children,
+    variant,
+    size,
+    ...props
+  }: MenuItemProps) => react_jsx_runtime4.JSX.Element;
+  Section: ({
+    children,
+    title,
+    ...props
+  }: MenuSectionProps) => react_jsx_runtime4.JSX.Element;
 };
-
-interface SectionMessageContentProps {
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
+//#endregion
+//#region src/Multiselect/Multiselect.d.ts
+interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 'size' | 'variant' | 'label' | 'description' | 'errorMessage'> {
+  /**
+   * If the select should be disabled.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If the select should be required.
+   *
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * If the select should be read only.
+   *
+   * @default false
+   */
+  readOnly?: boolean;
+  /**
+   * If the select should throw an error.
+   *
+   * @default false
+   */
+  error?: boolean;
+  /**
+   * The items of the select.
+   */
+  items?: Props['options'];
+  /**
+   * Set a error message for the select.
+   */
+  errorMessage?: string | ((validation: ValidationResult) => string);
+  /**
+   * The placdeholder of the select when it is empty.
+   */
+  placeholder?: string;
+  /**
+   * Items that should be selected by default (uncontrolled).
+   */
+  defaultSelectedItems?: Props['defaultValue'];
+  /**
+   * Selected items (controlled):
+   */
+  selectedItems?: Props['value'];
+  /**
+   * Input text that should be set by default.
+   */
+  defaultValue?: Props['defaultInputValue'];
+  /**
+   * Handler that is called when the input changes.
+   */
+  onChange?: Props['onInputChange'];
+  /**
+   * Provides content to display when there are no items in the list.
+   */
+  emptyState?: (obj: {
+    inputValue: string;
+  }) => ReactNode;
+  /**
+   * Handler that is called when the selection changes.
+   */
+  onSelectionChange?: Props['onChange'];
+  /** Focus the control when it is mounted */
+  autoFocus?: Props['autoFocus'];
+  /**
+   * Override the built-in logic to detect whether an option is disabled
+   * */
+  isOptionDisabled?: Props['isOptionDisabled'];
+  /**
+   * Text to display when there are no options
+   * */
+  noOptionsMessage?: Props['noOptionsMessage'];
+  /**
+   * Handle blur events on the control
+   */
+  onBlur?: Props['onBlur'];
+  /**
+   * Handle focus events on the control
+   */
+  onFocus?: Props['onFocus'];
+  /**
+   * HTML ID of an element containing an error message related to the input*
+   */
+  'aria-errormessage'?: Props['aria-errormessage'];
+  /**
+   * Indicate if the value entered in the field is invalid *
+   */
+  'aria-invalid'?: Props['aria-invalid'];
+  /**
+   * Aria label (for assistive tech)
+   */
+  'aria-label'?: Props['aria-label'];
+  /**
+   * HTML ID of an element that should be used as the label (for assistive tech)
+   */
+  'aria-labelledby'?: Props['aria-labelledby'];
+  /**
+   * Used to set the priority with which screen reader should treat updates to live regions. The possible settings are: off, polite (default) or assertive
+   */
+  'aria-live'?: Props['aria-live'];
+  /**
+   * Customise the messages used by the aria-live component
+   */
+  ariaLiveMessages?: Props['ariaLiveMessages'];
+}
+declare const Multiselect: ({
+  disabled,
+  readOnly,
+  items,
+  selectedItems,
+  defaultSelectedItems,
+  defaultValue,
+  error,
+  errorMessage,
+  size,
+  variant,
+  placeholder,
+  description,
+  emptyState,
+  onChange,
+  onSelectionChange,
+  width,
+  ...rest
+}: MultipleSelectProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/NumberField/NumberField.d.ts
+type RemovedProps$15 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
+interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$15>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * If `true`, the input is disabled.
+   * @default false
+   */
+  disabled?: RAC.NumberFieldProps['isDisabled'];
+  /**
+   * If `true`, the input is required.
+   * @default false
+   */
+  required?: RAC.NumberFieldProps['isRequired'];
+  /**
+   * If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.NumberFieldProps['isInvalid'];
+  /**
+   * If `true`, the input is readOnly.
+   * @default false
+   */
+  readOnly?: RAC.NumberFieldProps['isReadOnly'];
+  /**
+   * Property for hiding the step buttons of the field.
+   * @default false
+   */
+  hideStepper?: boolean;
+  /**
+   * Placeholder text for the input field.
+   * @default none
+   */
+  placeholder?: string;
+}
+declare const _NumberField: react6.ForwardRefExoticComponent<NumberFieldProps & react6.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/utils/useRenderProps.d.ts
+interface StyleRenderProps<T> {
+  /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
+  className?: string | ((values: T & {
+    defaultClassName: string | undefined;
+  }) => string);
+  /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
+  style?: CSSProperties | ((values: T & {
+    defaultStyle: CSSProperties;
+  }) => CSSProperties | undefined);
 }
-
-interface SectionMessageTitleProps {
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
+interface RenderProps<T> extends StyleRenderProps<T> {
+  /** The children of the component. A function may be provided to alter the children based on component state. */
+  children?: ReactNode | ((values: T & {
+    defaultChildren: ReactNode | undefined;
+  }) => ReactNode);
 }
-
-declare const icons: {
-    success: () => react_jsx_runtime.JSX.Element;
-    info: () => react_jsx_runtime.JSX.Element;
-    warning: () => react_jsx_runtime.JSX.Element;
-    error: () => react_jsx_runtime.JSX.Element;
-};
-interface SectionMessageProps {
-    variant?: keyof typeof icons;
-    size?: string;
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Adds a close button, makes the section message dismissable.
-     */
-    closeButton?: boolean;
-    /**
-     * Handler that is called when you need to control the dismissable message to close.
-     */
-    onCloseChange?: (close: boolean) => void;
-    /**
-     * If the message should be closed/dismissed (controlled).
-     */
-    close?: boolean;
+//#endregion
+//#region src/Overlay/useNonModal.d.ts
+interface AriaNonModalProps {
+  /**
+   * The ref for the non-modal element.
+   */
+  nonModalRef: RefObject<Element | null>;
+  /**
+   * Whether pressing the escape key closes the modal.
+   * @default true
+   */
+  keyboardDismissable?: boolean;
+}
+//#endregion
+//#region src/Overlay/NonModal.d.ts
+interface NonModalRenderProps {
+  /**
+   * Whether the popover is currently entering. Use this to apply animations.
+   * @selector [data-entering]
+   */
+  isEntering: boolean;
+  /**
+   * Whether the popover is currently exiting. Use this to apply animations.
+   * @selector [data-exiting]
+   */
+  isExiting: boolean;
+  /**
+   * State of the non-modal.
+   */
+  state: OverlayTriggerState;
 }
-declare const SectionMessage: {
-    ({ variant, size, children, closeButton, close, onCloseChange, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
-    Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
-    Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
-};
-
-interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 'size' | 'variant' | 'label' | 'description' | 'errorMessage'> {
-    /**
-     * If the select should be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If the select should be required.
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * If the select should be read only.
-     *
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * If the select should throw an error.
-     *
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * The items of the select.
-     */
-    items?: Props['options'];
-    /**
-     * Set a error message for the select.
-     */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /**
-     * The placdeholder of the select when it is empty.
-     */
-    placeholder?: string;
-    /**
-     * Items that should be selected by default (uncontrolled).
-     */
-    defaultSelectedItems?: Props['defaultValue'];
-    /**
-     * Selected items (controlled):
-     */
-    selectedItems?: Props['value'];
-    /**
-     * Input text that should be set by default.
-     */
-    defaultValue?: Props['defaultInputValue'];
-    /**
-     * Handler that is called when the input changes.
-     */
-    onChange?: Props['onInputChange'];
-    /**
-     * Provides content to display when there are no items in the list.
-     */
-    emptyState?: (obj: {
-        inputValue: string;
-    }) => ReactNode;
-    /**
-     * Handler that is called when the selection changes.
-     */
-    onSelectionChange?: Props['onChange'];
-    /** Focus the control when it is mounted */
-    autoFocus?: Props['autoFocus'];
-    /**
-     * Override the built-in logic to detect whether an option is disabled
-     * */
-    isOptionDisabled?: Props['isOptionDisabled'];
-    /**
-     * Text to display when there are no options
-     * */
-    noOptionsMessage?: Props['noOptionsMessage'];
-    /**
-     * Handle blur events on the control
-     */
-    onBlur?: Props['onBlur'];
-    /**
-     * Handle focus events on the control
-     */
-    onFocus?: Props['onFocus'];
-    /**
-     * HTML ID of an element containing an error message related to the input*
-     */
-    'aria-errormessage'?: Props['aria-errormessage'];
-    /**
-     * Indicate if the value entered in the field is invalid *
-     */
-    'aria-invalid'?: Props['aria-invalid'];
-    /**
-     * Aria label (for assistive tech)
-     */
-    'aria-label'?: Props['aria-label'];
-    /**
-     * HTML ID of an element that should be used as the label (for assistive tech)
-     */
-    'aria-labelledby'?: Props['aria-labelledby'];
-    /**
-     * Used to set the priority with which screen reader should treat updates to live regions. The possible settings are: off, polite (default) or assertive
-     */
-    'aria-live'?: Props['aria-live'];
-    /**
-     * Customise the messages used by the aria-live component
-     */
-    ariaLiveMessages?: Props['ariaLiveMessages'];
-}
-declare const Multiselect: ({ disabled, readOnly, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size, variant, placeholder, description, emptyState, onChange, onSelectionChange, width, ...rest }: MultipleSelectProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$g = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
-interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$g>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * If `true`, the input is disabled.
-     * @default false
-     */
-    disabled?: RAC.NumberFieldProps['isDisabled'];
-    /**
-     * If `true`, the input is required.
-     * @default false
-     */
-    required?: RAC.NumberFieldProps['isRequired'];
-    /**
-     * If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.NumberFieldProps['isInvalid'];
-    /**
-     * If `true`, the input is readOnly.
-     * @default false
-     */
-    readOnly?: RAC.NumberFieldProps['isReadOnly'];
-    /**
-     * Property for hiding the step buttons of the field.
-     * @default false
-     */
-    hideStepper?: boolean;
-    /**
-     * Placeholder text for the input field.
-     * @default none
-     */
-    placeholder?: string;
-}
-declare const _NumberField: react.ForwardRefExoticComponent<NumberFieldProps & react.RefAttributes<HTMLInputElement>>;
-
+interface NonModalInnerProps extends AriaNonModalProps, AriaLabelingProps, SlotProps, RenderProps<NonModalRenderProps> {
+  state: OverlayTriggerState;
+  isEntering?: boolean;
+  isExiting: boolean;
+}
+interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelingProps, SlotProps, Pick<NonModalInnerProps, 'style' | 'className' | 'children'> {
+  /**
+   * Whether the overlay is open by default (controlled).
+   * @default undefined
+   */
+  open?: boolean;
+  /**
+   * Whether pressing the escape key closes the modal.
+   * @default true
+   */
+  keyboardDismissable?: boolean;
+  /**
+   * Whether the popover is currently performing an entry animation.
+   * @default undefined
+   */
+  isEntering?: boolean;
+  /**
+   * Whether the popover is currently performing an exit animation.
+   * @default undefined
+   */
+  isExiting?: boolean;
+  /**
+   * Ref to the overlay element.
+   * @default undefined
+   */
+  ref?: RefObject<HTMLElement | null>;
+}
+declare const NonModal: react6.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react6.RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/Overlay/Underlay.d.ts
+interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
+  variant?: string;
+  size?: string;
+  open?: boolean;
+  dismissable?: boolean;
+  keyboardDismissable?: boolean;
+}
+declare const Underlay: ({
+  size,
+  variant,
+  open,
+  dismissable,
+  keyboardDismissable,
+  ...rest
+}: UnderlayProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Pagination/Pagination.d.ts
 interface PaginationProps {
-    /**
-     * The initial page. (uncontrolled)
-     */
-    defaultPage?: number;
-    /**
-     * The current page. (controlled)
-     */
-    page?: number;
-    /**
-     * The number of total items.
-     */
-    totalItems: number;
-    /**
-     * The number of items per page.
-     */
-    pageSize: number;
-    /**
-     * Handler that is called when the pagination active page changes.
-     */
-    onChange?: (page: number) => void;
-    /**
-     * Labels for the pagination controls (Previous and Next button).
-     */
-    controlLabels?: [string, string];
-}
-declare const _Pagination: ({ defaultPage, page, totalItems, pageSize, ...props }: PaginationProps) => react_jsx_runtime.JSX.Element;
-
+  /**
+   * The initial page. (uncontrolled)
+   */
+  defaultPage?: number;
+  /**
+   * The current page. (controlled)
+   */
+  page?: number;
+  /**
+   * The number of total items.
+   */
+  totalItems: number;
+  /**
+   * The number of items per page.
+   */
+  pageSize: number;
+  /**
+   * Handler that is called when the pagination active page changes.
+   */
+  onChange?: (page: number) => void;
+  /**
+   * Labels for the pagination controls (Previous and Next button).
+   */
+  controlLabels?: [string, string];
+}
+declare const _Pagination: ({
+  defaultPage,
+  page,
+  totalItems,
+  pageSize,
+  ...props
+}: PaginationProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/ProgressCycle/ProgressCycle.d.ts
+interface ProgressCycleProps extends RAC.ProgressBarProps {
+  /**
+   * Defines the height and width of the component
+   * @default 16
+   */
+  size?: string;
+}
+declare const ProgressCycle: ({
+  size,
+  ...props
+}: ProgressCycleProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Provider/MarigoldProvider.d.ts
 type MarigoldProviderProps<T extends Theme> = ThemeProviderProps<T>;
-declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
-
+declare function MarigoldProvider<T extends Theme>({
+  children,
+  className,
+  theme
+}: MarigoldProviderProps<T>): react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Provider/OverlayContainerProvider.d.ts
 interface OverlayContainerProps extends PropsWithChildren {
-    /**
-     * The id of the container element where the overlay should be rendered.
-     * If not provided, the overlay will be rendered in the body.
-     *
-     * Note that the container must be present in the DOM before the overlay is rendered.
-     */
-    container?: string;
-}
-declare const OverlayContainerProvider: ({ container, children, }: OverlayContainerProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$f = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
-interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$f> {
-    variant?: string;
-    size?: string;
-    /**
-     * Set the label of the radio group.
-     * @default none
-     */
-    label?: ReactNode;
-    /**
-     * Set the radio group help text.
-     * @default none
-     */
-    description?: string;
-    /**
-     * Set the radio group error message if an error occurs.
-     * @default none
-     */
-    errorMessage?: string;
-    /**
-     * The children elements of the radio group.
-     */
-    children?: ReactNode[];
-    /**
-     * Control the width of the field.
-     * @default 100%
-     */
-    width?: WidthProp['width'];
-    /**
-     * If `true`, the radio group is considered invalid and if set the `errorMessage` is shown.
-     * @default false
-     */
-    error?: RAC.RadioGroupProps['isInvalid'];
-    /**
-     * If `true`, the radio group is required.
-     * @default false
-     */
-    required?: RAC.RadioGroupProps['isRequired'];
-    /**
-     * If `true`, the radio group is disabled.
-     * @default false
-     */
-    disabled?: RAC.RadioGroupProps['isDisabled'];
-    /**
-     * Set the radio group as read-only.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * The selected value of the radio group.
-     */
-    value?: string;
-    /**
-     * Set the radio group direction.
-     * @default vertical
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * The number of items to display before collapsing the rest.
-     * Items beyond this number will be hidden until the user clicks
-     * the "Show more" control.
-     *
-     * @default undefined
-     */
-    collapseAt?: number;
-}
-declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, collapseAt, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$e = 'className' | 'style' | 'children' | 'isDisabled';
-interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$e> {
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: string;
-    children?: ReactNode;
-    /**
-     * Set the radio disabled.
-     * @default false
-     */
-    disabled?: RAC.RadioProps['isDisabled'];
+  /**
+   * The id of the container element where the overlay should be rendered.
+   * If not provided, the overlay will be rendered in the body.
+   *
+   * Note that the container must be present in the DOM before the overlay is rendered.
+   */
+  container?: string;
+}
+declare const OverlayContainerProvider: ({
+  container,
+  children
+}: OverlayContainerProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Radio/RadioGroup.d.ts
+type RemovedProps$14 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
+interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$14> {
+  variant?: string;
+  size?: string;
+  /**
+   * Set the label of the radio group.
+   * @default none
+   */
+  label?: ReactNode;
+  /**
+   * Set the radio group help text.
+   * @default none
+   */
+  description?: string;
+  /**
+   * Set the radio group error message if an error occurs.
+   * @default none
+   */
+  errorMessage?: string;
+  /**
+   * The children elements of the radio group.
+   */
+  children?: ReactNode[];
+  /**
+   * Control the width of the field.
+   * @default 100%
+   */
+  width?: WidthProp['width'];
+  /**
+   * If `true`, the radio group is considered invalid and if set the `errorMessage` is shown.
+   * @default false
+   */
+  error?: RAC.RadioGroupProps['isInvalid'];
+  /**
+   * If `true`, the radio group is required.
+   * @default false
+   */
+  required?: RAC.RadioGroupProps['isRequired'];
+  /**
+   * If `true`, the radio group is disabled.
+   * @default false
+   */
+  disabled?: RAC.RadioGroupProps['isDisabled'];
+  /**
+   * Set the radio group as read-only.
+   * @default false
+   */
+  readOnly?: boolean;
+  /**
+   * The selected value of the radio group.
+   */
+  value?: string;
+  /**
+   * Set the radio group direction.
+   * @default vertical
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * The number of items to display before collapsing the rest.
+   * Items beyond this number will be hidden until the user clicks
+   * the "Show more" control.
+   *
+   * @default undefined
+   */
+  collapseAt?: number;
+}
+declare const _RadioGroup: ({
+  variant,
+  size,
+  label,
+  error,
+  disabled,
+  required,
+  readOnly,
+  description,
+  errorMessage,
+  orientation,
+  children,
+  width,
+  collapseAt,
+  ...rest
+}: RadioGroupProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Radio/Radio.d.ts
+type RemovedProps$13 = 'className' | 'style' | 'children' | 'isDisabled';
+interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$13> {
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: string;
+  children?: ReactNode;
+  /**
+   * Set the radio disabled.
+   * @default false
+   */
+  disabled?: RAC.RadioProps['isDisabled'];
 }
 declare const _Radio: RadioComponent;
-
 /**
  * We need this so that TypeScripts allows us to add
  * additional properties to the component (function).
  */
 interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLLabelElement>> {
-    Group: typeof _RadioGroup;
+  Group: typeof _RadioGroup;
 }
-
-type RemovedProps$d = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
-interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$d>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    /**
-     * Action element to display in the search field.
-     */
-    action?: ReactElement<any>;
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * If `true`, the input is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.SearchFieldProps['isInvalid'];
-    /**
-     * If `true`, the input is disabled.
-     * @default false
-     */
-    disabled?: RAC.SearchFieldProps['isDisabled'];
-    /**
-     * If `true`, the input is required.
-     * @default false
-     */
-    required?: RAC.SearchFieldProps['isRequired'];
-    /**
-     * If `true`, the input is readOnly.
-     * @default false
-     */
-    readOnly?: RAC.SearchFieldProps['isReadOnly'];
-    /**
-     * The current value of the input field.
-     * @default none
-     */
-    value?: string;
-    /**
-     * The default value of the input field.
-     * @default none
-     */
-    defaultValue?: string;
-    /**
-     * Placeholder text for the input field.
-     * @default none
-     */
-    placeholder?: string;
-}
-declare const _SearchField: react.ForwardRefExoticComponent<SearchFieldProps & react.RefAttributes<HTMLInputElement>>;
-
-type RemoveProps$1 = 'children' | 'isInvalid' | 'isDisabled' | 'isOpen' | 'isRequired' | 'style' | 'className' | 'onSelectionChange';
-interface SelectProps<T extends object> extends Omit<RAC.SelectProps<T>, RemoveProps$1> {
-    /**
-     * Set a label for the select.
-     */
-    label?: ReactNode;
-    /**
-     * Set a description for the select.
-     */
-    description?: string;
-    /**
-     * Set a error message for the select.
-     */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /**
-     * Items of the select.
-     */
-    items?: Iterable<T>;
-    /**
-     * Children of the select.
-     */
-    children: React.ReactNode | ((item: T) => React.ReactNode);
-    /**
-     * sets the variant of the select.
-     */
-    variant?: string;
-    /**
-     * Sets the size of the select.
-     */
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     */
-    width?: WidthProp['width'];
-    /**
-     * If the select should be required.
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * If the select should be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If the select list should be open.
-     *
-     * @default false
-     */
-    open?: boolean;
-    /**
-     * If the select should throw an error.
-     *
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Handler that is called when the selection changes.
-     */
-    onChange?: ((key: RAC.Key) => void) | undefined;
-}
-interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object> & RefAttributes<HTMLDivElement>> {
-    /**
-     * Options of the Select.
-     */
-    Option: typeof _ListBox.Item;
-    /**
-     * Section of the Select.
-     */
-    Section: typeof _ListBox.Section;
-}
-declare const _Select: SelectComponent;
-
-interface SelectListAction {
-    children: ReactNode;
+//#endregion
+//#region src/Scrollable/Scrollable.d.ts
+interface ScrollableProps extends WidthProp, AriaRegionProps {
+  /**
+   * Children of the layout.
+   */
+  children?: ReactNode;
+  /**
+   * Specifies the height of the scrollable container.
+   */
+  height?: string;
+}
+declare const Scrollable: ({
+  children,
+  width,
+  height,
+  ...props
+}: ScrollableProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/SearchField/SearchField.d.ts
+type RemovedProps$12 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
+interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$12>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  /**
+   * Action element to display in the search field.
+   */
+  action?: ReactElement<any>;
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * If `true`, the input is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.SearchFieldProps['isInvalid'];
+  /**
+   * If `true`, the input is disabled.
+   * @default false
+   */
+  disabled?: RAC.SearchFieldProps['isDisabled'];
+  /**
+   * If `true`, the input is required.
+   * @default false
+   */
+  required?: RAC.SearchFieldProps['isRequired'];
+  /**
+   * If `true`, the input is readOnly.
+   * @default false
+   */
+  readOnly?: RAC.SearchFieldProps['isReadOnly'];
+  /**
+   * The current value of the input field.
+   * @default none
+   */
+  value?: string;
+  /**
+   * The default value of the input field.
+   * @default none
+   */
+  defaultValue?: string;
+  /**
+   * Placeholder text for the input field.
+   * @default none
+   */
+  placeholder?: string;
+}
+declare const _SearchField: react6.ForwardRefExoticComponent<SearchFieldProps & react6.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/SectionMessage/SectionMessageTitle.d.ts
+interface SectionMessageTitleProps {
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
 }
-declare const SelectListAction: ({ children }: SelectListAction) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$c = 'className' | 'style' | 'isDisabled';
-interface SelectListItemProps extends Omit<RAC.GridListItemProps<object>, RemovedProps$c> {
-    children?: ReactNode;
-    /**
-     * Whether the item is disabled.
-     * @default false
-     */
-    disabled?: RAC.GridListItemProps<object>['isDisabled'];
-}
-declare const _SelectListItem: react.ForwardRefExoticComponent<SelectListItemProps & react.RefAttributes<HTMLDivElement>>;
-
+//#endregion
+//#region src/SectionMessage/SectionMessageContent.d.ts
+interface SectionMessageContentProps {
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
+}
+//#endregion
+//#region src/SectionMessage/SectionMessage.d.ts
+declare const icons: {
+  readonly success: ({
+    size,
+    className,
+    ...props
+  }: IconProps) => react_jsx_runtime4.JSX.Element;
+  readonly info: ({
+    size,
+    className,
+    ...props
+  }: IconProps) => react_jsx_runtime4.JSX.Element;
+  readonly warning: ({
+    size,
+    className,
+    ...props
+  }: IconProps) => react_jsx_runtime4.JSX.Element;
+  readonly error: ({
+    size,
+    className,
+    ...props
+  }: IconProps) => react_jsx_runtime4.JSX.Element;
+};
+interface SectionMessageProps {
+  variant?: keyof typeof icons;
+  size?: string;
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
+  /**
+   * Adds a close button, makes the section message dismissable.
+   */
+  closeButton?: boolean;
+  /**
+   * Handler that is called when you need to control the dismissable message to close.
+   */
+  onCloseChange?: (close: boolean) => void;
+  /**
+   * If the message should be closed/dismissed (controlled).
+   */
+  close?: boolean;
+}
+declare const SectionMessage: {
+  ({
+    variant,
+    size,
+    children,
+    closeButton,
+    close,
+    onCloseChange,
+    ...props
+  }: SectionMessageProps): react_jsx_runtime4.JSX.Element | null;
+  Title: ({
+    children
+  }: SectionMessageTitleProps) => react_jsx_runtime4.JSX.Element;
+  Content: ({
+    children
+  }: SectionMessageContentProps) => react_jsx_runtime4.JSX.Element;
+};
+//#endregion
+//#region src/Select/Select.d.ts
+type SelectionMode = 'single' | 'multiple';
+type RemovedProps$11 = 'children' | 'isInvalid' | 'isDisabled' | 'isOpen' | 'isRequired' | 'style' | 'className';
+interface SelectProps<T extends object, M extends SelectionMode = 'single'> extends Omit<RAC.SelectProps<T, M>, RemovedProps$11>, WidthProp {
+  variant?: string;
+  size?: string;
+  /**
+   * Children of the select.
+   */
+  children?: React.ReactNode | ((item: T) => React.ReactNode);
+  /**
+   * Set a label for the select.
+   */
+  label?: ReactNode;
+  /**
+   * Set a description for the select.
+   */
+  description?: string;
+  /**
+   * Set a error message for the select.
+   */
+  errorMessage?: string | ((validation: RAC.ValidationResult) => string);
+  /**
+   * Items of the select.
+   */
+  items?: Iterable<T>;
+  /**
+   * If the select should be required.
+   *
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * If the select should be disabled.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If the select list should be open.
+   *
+   * @default false
+   */
+  open?: boolean;
+  /**
+   * If the select should throw an error.
+   *
+   * @default false
+   */
+  error?: boolean;
+}
+declare const Select: (<T extends object, M extends SelectionMode = "single">(props: SelectProps<T, M> & react6.RefAttributes<HTMLButtonElement>) => react6.ReactElement | null) & {
+  Option: ({
+    ...props
+  }: ListBoxItemProps) => react_jsx_runtime4.JSX.Element;
+  Section: ({
+    header,
+    children,
+    ...props
+  }: SectionProps) => react_jsx_runtime4.JSX.Element;
+};
+//#endregion
+//#region src/SelectList/SelectListAction.d.ts
+interface SelectListAction {
+  children: ReactNode;
+}
+declare const SelectListAction: ({
+  children
+}: SelectListAction) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/SelectList/SelectListItem.d.ts
+type RemovedProps$10 = 'className' | 'style' | 'isDisabled';
+interface SelectListItemProps extends Omit<RAC.GridListItemProps<object>, RemovedProps$10> {
+  children?: ReactNode;
+  /**
+   * Whether the item is disabled.
+   * @default false
+   */
+  disabled?: RAC.GridListItemProps<object>['isDisabled'];
+}
+declare const _SelectListItem: react6.ForwardRefExoticComponent<SelectListItemProps & react6.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/SelectList/SelectList.d.ts
 type RemoveProps = 'style' | 'className' | 'onSelectionChange';
 interface SelectListProps extends Omit<RAC.GridListProps<object>, RemoveProps> {
-    /**
-     * Handler that is called when the selection change.
-     */
-    onChange?: RAC.GridListProps<object>['onSelectionChange'] | Dispatch<SetStateAction<any>>;
+  /**
+   * Handler that is called when the selection change.
+   */
+  onChange?: RAC.GridListProps<object>['onSelectionChange'] | Dispatch<SetStateAction<any>>;
 }
 interface SelectListComponent extends ForwardRefExoticComponent<SelectListProps & RefAttributes<HTMLUListElement>> {
-    /**
-     * Items of the SelectList.
-     */
-    Item: typeof _SelectListItem;
-    Action: typeof SelectListAction;
+  /**
+   * Items of the SelectList.
+   */
+  Item: typeof _SelectListItem;
+  Action: typeof SelectListAction;
 }
 declare const _SelectList: SelectListComponent;
-
-interface ScrollableProps extends WidthProp, AriaRegionProps {
-    /**
-     * Children of the layout.
-     */
-    children?: ReactNode;
-    /**
-     * Specifies the height of the scrollable container.
-     */
-    height?: string;
-}
-declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
-
+//#endregion
+//#region src/Slider/Slider.d.ts
 interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabled' | 'orientation'>, Pick<FieldBaseProps<'label'>, 'description'> {
-    variant?: string;
-    size?: string;
-    /**
-     * The `name` attribute for the slider input(s), used for form submission.
-     * - For single-thumb sliders, provide a string.
-     * - For range sliders (two thumbs), provide a tuple of two strings, one for each thumb.
-     */
-    name?: string | [string, string];
-    /**
-     * Aria labels for the thumbs in the slider.
-     */
-    thumbLabels?: string | [string, string];
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * If `true`, the input is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Set the label of the slider.
-     */
-    label?: ReactNode;
-}
-declare const _Slider: react.ForwardRefExoticComponent<SliderProps<number | number[]> & react.RefAttributes<HTMLDivElement>>;
-
-declare const Split: () => react_jsx_runtime.JSX.Element;
-
+  variant?: string;
+  size?: string;
+  /**
+   * The `name` attribute for the slider input(s), used for form submission.
+   * - For single-thumb sliders, provide a string.
+   * - For range sliders (two thumbs), provide a tuple of two strings, one for each thumb.
+   */
+  name?: string | [string, string];
+  /**
+   * Aria labels for the thumbs in the slider.
+   */
+  thumbLabels?: string | [string, string];
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * If `true`, the input is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Set the label of the slider.
+   */
+  label?: ReactNode;
+}
+declare const _Slider: react6.ForwardRefExoticComponent<SliderProps<number | number[]> & react6.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/Split/Split.d.ts
+declare const Split: () => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Stack/Stack.d.ts
 interface StackProps extends GapSpaceProp, AriaRegionProps {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Stretch to fill space (vertical AND horizontal, useful if you want to change y alignment).
-     * @default false
-     */
-    stretch?: boolean;
-    /**
-     * Horizontal alignment for the children.
-     */
-    alignX?: keyof typeof alignment.vertical.alignmentX;
-    /**
-     * Vertical alignment for the children.
-     */
-    alignY?: keyof typeof alignment.vertical.alignmentY;
-    /**
-     * Prop to make the stack rendered as a list element.
-     * Useful for screen readers and accessibility.
-     * @default false
-     */
-    asList?: boolean;
-}
-declare const Stack: ({ children, space, stretch, alignX, alignY, asList, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$b = 'children' | 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
-interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$b> {
-    variant?: string;
-    size?: string;
-    /**
-     * Set the label of the switch.
-     */
-    label?: ReactNode;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * Disables the switch.
-     * @default false
-     */
-    disabled?: RAC.SwitchProps['isDisabled'];
-    /**
-     * Set the switch to read-only.
-     * @default false
-     */
-    readOnly?: RAC.SwitchProps['isReadOnly'];
-    /**
-     * With this prop you can set the switch selected.
-     * @default false
-     */
-    selected?: RAC.SwitchProps['isSelected'];
-}
-declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
-
+  /**
+   * Children of the component.
+   */
+  children?: ReactNode;
+  /**
+   * Stretch to fill space (vertical AND horizontal, useful if you want to change y alignment).
+   * @default false
+   */
+  stretch?: boolean;
+  /**
+   * Horizontal alignment for the children.
+   */
+  alignX?: keyof typeof alignment.vertical.alignmentX;
+  /**
+   * Vertical alignment for the children.
+   */
+  alignY?: keyof typeof alignment.vertical.alignmentY;
+  /**
+   * Prop to make the stack rendered as a list element.
+   * Useful for screen readers and accessibility.
+   * @default false
+   */
+  asList?: boolean;
+}
+declare const Stack: ({
+  children,
+  space,
+  stretch,
+  alignX,
+  alignY,
+  asList,
+  ...props
+}: StackProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Switch/Switch.d.ts
+type RemovedProps$9 = 'children' | 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
+interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$9> {
+  variant?: string;
+  size?: string;
+  /**
+   * Set the label of the switch.
+   */
+  label?: ReactNode;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * Disables the switch.
+   * @default false
+   */
+  disabled?: RAC.SwitchProps['isDisabled'];
+  /**
+   * Set the switch to read-only.
+   * @default false
+   */
+  readOnly?: RAC.SwitchProps['isReadOnly'];
+  /**
+   * With this prop you can set the switch selected.
+   * @default false
+   */
+  selected?: RAC.SwitchProps['isSelected'];
+}
+declare const _Switch: react6.ForwardRefExoticComponent<SwitchProps & react6.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/Table/Table.d.ts
 interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
-    variant?: 'grid' | 'default' | 'muted' | (string & {});
-    size?: string;
-    /**
-     * Stretch table to fill the container.
-     * @default false
-     */
-    stretch?: boolean;
-    /**
-     * Make the column sticky to the top of the table.
-     * @default true
-     */
-    stickyHeader?: boolean;
-    /**
-     * Disable keyboard navigation. Use if you have input fields in your table. Be aware that this is bad for accessibility.
-     * @default false
-     */
-    disableKeyboardNavigation?: boolean;
-    /**
-     * Content to display when there are no rows in the table.
-     */
-    emptyState?: () => ReactNode;
-    /**
-     * Control the vertical alignment of table content.
-     * @default middle
-     */
-    alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
-}
-interface RowProps extends RowProps$1<any> {
-    variant?: 'default' | 'grid' | 'admin' | 'master' | (string & {});
-    size?: string;
-}
-interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
-    /**
-     * Control the alignment of Column.
-     * @default left
-     */
-    align?: Exclude<JSX.IntrinsicElements['td']['align'], 'char'>;
+  variant?: 'grid' | 'default' | 'muted' | (string & {});
+  size?: string;
+  /**
+   * Stretch table to fill the container.
+   * @default false
+   */
+  stretch?: boolean;
+  /**
+   * Make the column sticky to the top of the table.
+   * @default true
+   */
+  stickyHeader?: boolean;
+  /**
+   * Disable keyboard navigation. Use if you have input fields in your table. Be aware that this is bad for accessibility.
+   * @default false
+   */
+  disableKeyboardNavigation?: boolean;
+  /**
+   * Content to display when there are no rows in the table.
+   */
+  emptyState?: () => ReactNode;
+  /**
+   * Control the vertical alignment of table content.
+   * @default middle
+   */
+  alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
 }
 declare const Table: Table;
+interface RowProps$1 extends RowProps<any> {
+  variant?: 'default' | 'grid' | 'admin' | 'master' | (string & {});
+  size?: string;
+}
+interface ColumnProps$1 extends Omit<ColumnProps<any>, 'width'>, WidthProp {
+  /**
+   * Control the alignment of Column.
+   * @default left
+   */
+  align?: Exclude<JSX.IntrinsicElements['td']['align'], 'char'>;
+}
 /**
  * Necessary since TypeScript can not infer the
  * types of the @react-stately components.
  */
 interface Table {
-    (props: TableProps): JSX.Element;
-    Body: typeof TableBody;
-    Cell: typeof Cell;
-    Header: typeof TableHeader;
-    Column: (props: ColumnProps) => JSX.Element;
-    Row: (props: RowProps) => JSX.Element;
-}
-
-type RemovedProps$a = 'elementType' | keyof JSX.IntrinsicElements['div'] | keyof JSX.IntrinsicElements['span'] | keyof JSX.IntrinsicElements['p'];
-interface TextProps extends AriaLabelingProps$1, Omit<RAC.TextProps, RemovedProps$a>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, TextWrapProp, WhiteSpaceProps {
-    /**
-     * The children of the component
-     */
-    children?: React.ReactNode;
-    /**
-     * Set the text color.
-     * @default currentColor
-     */
-    color?: string;
-    /**
-     * Element to render
-     * @default "div"
-     */
-    as?: 'div' | 'p' | 'span';
-    /**
-     *  A slot name for the component. Slots allow the component to receive props from a parent component.
-     */
-    slot?: string;
-    variant?: 'default' | 'muted' | (string & {});
-    size?: 'default' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
-}
-declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, wrap, whiteSpace, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
-interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$9>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * If `true`, the textarea is disabled.
-     * @default false
-     */
-    disabled?: RAC.TextFieldProps['isDisabled'];
-    /**
-     * If `true`, the textarea is required.
-     * @default false
-     */
-    required?: RAC.TextFieldProps['isRequired'];
-    /**
-     * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.TextFieldProps['isInvalid'];
-    /**
-     * If `true`, the textarea is read-only.
-     * @default false
-     */
-    readOnly?: RAC.TextFieldProps['isReadOnly'];
-    /**
-     * The value of the textarea.
-     * @default none
-     */
-    value?: string;
-    /**
-     * The default value of the textarea.
-     * @default none
-     */
-    defaultValue?: string;
-    /**
-     * Placeholder text for the textarea.
-     * @default none
-     */
-    placeholder?: string;
-    /**
-     * Sets the number of rows in the textarea.
-     * @default none
-     */
-    rows?: number;
-}
-declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
-
-type RemovedProps$8 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
-interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$8>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * If `true`, the input is disabled.
-     * @default false
-     */
-    disabled?: RAC.TextFieldProps['isDisabled'];
-    /**
-     * If `true`, the input is required.
-     * @default false
-     */
-    required?: RAC.TextFieldProps['isRequired'];
-    /**
-     * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.TextFieldProps['isInvalid'];
-    /**
-     * If `true`, the input is readOnly.
-     * @default false
-     */
-    readOnly?: RAC.TextFieldProps['isReadOnly'];
-    /**
-     * The minimum value for the input field.
-     * @default none
-     */
-    min?: HTMLInputElement['min'];
-    /**
-     * The maximum value for the input field.
-     * @default none
-     */
-    max?: HTMLInputElement['max'];
-    /**
-     * The value of the input field.
-     * @default none
-     */
-    value?: string;
-    /**
-     * The default value of the input field.
-     * @default none
-     */
-    defaultValue?: string;
-    /**
-     * Placeholder text for the input field.
-     * @default none
-     */
-    placeholder?: string;
-}
-declare const _TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
-
-interface TilesProps extends GapSpaceProp, AriaRegionProps {
-    /**
-     * The children of the component.
-     */
-    children: ReactNode;
-    /**
-     * Set minimum width for all items inside.
-     * @default '250px'
-     */
-    tilesWidth?: string;
-    /**
-     * Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
-     * @default false
-     */
-    stretch?: boolean;
-    /**
-     * If true, all items will have the height of the biggest item.
-     * @default false
-     */
-    equalHeight?: boolean;
-}
-declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
-
-type RemovedProps$7 = 'isDisabled' | 'isOpen' | 'children';
-interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$7> {
-    /**
-     * The children of the component.
-     */
-    children: ReactNode;
-    /**
-     * Whether the tooltip should be disabled, independent from the trigger.
-     */
-    disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
-    /**
-     * Control the visibility of the tooltip.
-     */
-    open?: boolean;
+  (props: TableProps): JSX.Element;
+  Body: typeof TableBody;
+  Cell: typeof Cell;
+  Header: typeof TableHeader;
+  Column: (props: ColumnProps$1) => JSX.Element;
+  Row: (props: RowProps$1) => JSX.Element;
+}
+//#endregion
+//#region src/Tabs/TabList.d.ts
+interface TabListProps extends Omit<RAC.TabListProps<object>, 'className' | 'style'>, GapSpaceProp {}
+//#endregion
+//#region src/Tabs/TabPanel.d.ts
+type TabPanelProps = Omit<RAC.TabPanelProps, 'className' | 'style'>;
+//#endregion
+//#region src/Tabs/Tab.d.ts
+type TabProps = Omit<RAC.TabProps, 'className' | 'style'>;
+//#endregion
+//#region src/Tabs/Tabs.d.ts
+interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
+  /**
+   * Set All TabPanel disabled
+   * @default false
+   */
+  disabled?: boolean;
+  size?: 'small' | 'medium' | 'large';
+  variant?: string;
 }
-
-type RemovedProps$6 = 'className' | 'isOpen' | 'style';
-interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$6> {
-    /**
-     * The children of the component.
-     */
-    children?: ReactNode;
-    variant?: 'default' | 'white' | (string & {});
-    size?: string;
-    /**
-     * Whether the element is rendered.
-     */
-    open?: RAC.TooltipProps['isOpen'];
+declare const _Tabs: {
+  ({
+    disabled,
+    variant,
+    size,
+    ...rest
+  }: TabsProps): react_jsx_runtime4.JSX.Element;
+  List: ({
+    space,
+    ...props
+  }: TabListProps) => react_jsx_runtime4.JSX.Element;
+  TabPanel: (props: TabPanelProps) => react_jsx_runtime4.JSX.Element;
+  Item: (props: TabProps) => react_jsx_runtime4.JSX.Element;
+};
+//#endregion
+//#region src/TagGroup/TagGroup.d.ts
+type RemovedProps$8 = 'className' | 'style' | 'children' | 'isRequired';
+interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$8>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps<'label'>, 'label' | 'description'> {
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * The name of the field, used when submitting form data.
+   */
+  name?: string;
+  /**
+   * Provides content to display when there are no items in the tag list.
+   */
+  emptyState?: TagListProps<object>['renderEmptyState'];
+  /**
+   * Renders a "remove all" option, when a the `onRemove` prop is also set.
+   * @default false
+   */
+  removeAll?: boolean;
+}
+declare const _TagGroup: ({
+  items,
+  children,
+  emptyState,
+  variant,
+  size,
+  name,
+  removeAll,
+  ...rest
+}: TagGroupProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/TagGroup/Tag.d.ts
+type RemovedProps$7 = 'className' | 'style' | 'isDisabled';
+interface TagProps extends Omit<RAC.TagProps, RemovedProps$7> {
+  variant?: string;
+  size?: string;
+  children?: ReactNode;
+  disabled?: boolean;
 }
-declare const _Tooltip: {
-    ({ children, variant, size, open, ...rest }: TooltipProps): react_jsx_runtime.JSX.Element;
-    Trigger: ({ delay, children, disabled, open, ...rest }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
+declare const _Tag: {
+  ({
+    variant,
+    size,
+    children,
+    disabled,
+    ...rest
+  }: TagProps): react_jsx_runtime4.JSX.Element;
+  Group: ({
+    items,
+    children,
+    emptyState,
+    variant,
+    size,
+    name,
+    removeAll,
+    ...rest
+  }: TagGroupProps) => react_jsx_runtime4.JSX.Element;
 };
-
+//#endregion
+//#region src/Text/Text.d.ts
+type RemovedProps$6 = 'elementType' | keyof JSX.IntrinsicElements['div'] | keyof JSX.IntrinsicElements['span'] | keyof JSX.IntrinsicElements['p'];
+interface TextProps extends AriaLabelingProps$1, Omit<RAC.TextProps, RemovedProps$6>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, TextWrapProp, WhiteSpaceProps {
+  /**
+   * The children of the component
+   */
+  children?: React.ReactNode;
+  /**
+   * Set the text color.
+   * @default currentColor
+   */
+  color?: string;
+  /**
+   * Element to render
+   * @default "div"
+   */
+  as?: 'div' | 'p' | 'span';
+  /**
+   *  A slot name for the component. Slots allow the component to receive props from a parent component.
+   */
+  slot?: string;
+  variant?: 'default' | 'muted' | (string & {});
+  size?: 'default' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
+}
+declare const _Text: ({
+  variant,
+  size,
+  color,
+  align,
+  cursor,
+  weight,
+  fontSize,
+  fontStyle,
+  wrap,
+  whiteSpace,
+  children,
+  as,
+  ...props
+}: TextProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/TextArea/TextArea.d.ts
+type RemovedProps$5 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
+interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$5>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * If `true`, the textarea is disabled.
+   * @default false
+   */
+  disabled?: RAC.TextFieldProps['isDisabled'];
+  /**
+   * If `true`, the textarea is required.
+   * @default false
+   */
+  required?: RAC.TextFieldProps['isRequired'];
+  /**
+   * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.TextFieldProps['isInvalid'];
+  /**
+   * If `true`, the textarea is read-only.
+   * @default false
+   */
+  readOnly?: RAC.TextFieldProps['isReadOnly'];
+  /**
+   * The value of the textarea.
+   * @default none
+   */
+  value?: string;
+  /**
+   * The default value of the textarea.
+   * @default none
+   */
+  defaultValue?: string;
+  /**
+   * Placeholder text for the textarea.
+   * @default none
+   */
+  placeholder?: string;
+  /**
+   * Sets the number of rows in the textarea.
+   * @default none
+   */
+  rows?: number;
+}
+declare const _TextArea: react6.ForwardRefExoticComponent<TextAreaProps & react6.RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+//#region src/TextField/TextField.d.ts
+type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
+interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * If `true`, the input is disabled.
+   * @default false
+   */
+  disabled?: RAC.TextFieldProps['isDisabled'];
+  /**
+   * If `true`, the input is required.
+   * @default false
+   */
+  required?: RAC.TextFieldProps['isRequired'];
+  /**
+   * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.TextFieldProps['isInvalid'];
+  /**
+   * If `true`, the input is readOnly.
+   * @default false
+   */
+  readOnly?: RAC.TextFieldProps['isReadOnly'];
+  /**
+   * The minimum value for the input field.
+   * @default none
+   */
+  min?: HTMLInputElement['min'];
+  /**
+   * The maximum value for the input field.
+   * @default none
+   */
+  max?: HTMLInputElement['max'];
+  /**
+   * The value of the input field.
+   * @default none
+   */
+  value?: string;
+  /**
+   * The default value of the input field.
+   * @default none
+   */
+  defaultValue?: string;
+  /**
+   * Placeholder text for the input field.
+   * @default none
+   */
+  placeholder?: string;
+}
+declare const _TextField: react6.ForwardRefExoticComponent<TextFieldProps & react6.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/Tiles/Tiles.d.ts
+interface TilesProps extends GapSpaceProp, AriaRegionProps {
+  /**
+   * The children of the component.
+   */
+  children: ReactNode;
+  /**
+   * Set minimum width for all items inside.
+   * @default '250px'
+   */
+  tilesWidth?: string;
+  /**
+   * Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
+   * @default false
+   */
+  stretch?: boolean;
+  /**
+   * If true, all items will have the height of the biggest item.
+   * @default false
+   */
+  equalHeight?: boolean;
+}
+declare const Tiles: ({
+  space,
+  stretch,
+  equalHeight,
+  tilesWidth,
+  children,
+  ...props
+}: TilesProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/TimeField/TimeField.d.ts
+type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'slot';
+interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue$1>, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * If `true`, the input is disabled.
+   * @default false
+   */
+  disabled?: RAC.TimeFieldProps<TimeValue$1>['isDisabled'];
+  /**
+   * If `true`, the input is required.
+   * @default false
+   */
+  required?: RAC.TimeFieldProps<TimeValue$1>['isRequired'];
+  /**
+   * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+   * @default false
+   */
+  error?: RAC.TimeFieldProps<TimeValue$1>['isInvalid'];
+  /**
+   * If `true`, the input is readOnly.
+   * @default false
+   */
+  readOnly?: RAC.TimeFieldProps<TimeValue$1>['isReadOnly'];
+  /**
+   * Whether to display the time in 12 or 24 hour format
+   * @default 24
+   */
+  hourCycle?: 12 | 24 | undefined;
+  /**
+   * Determines the smallest unit that is displayed in the time picker.
+   * @default minute
+   */
+  granularity?: 'hour' | 'minute' | 'second';
+  /**
+   * Whether to always show leading zeros in the hour field. Default is determined by the user's locale.
+   * @default none
+   */
+  shouldForceLeadingZeros?: boolean;
+}
+declare const _TimeField: react6.ForwardRefExoticComponent<TimeFieldProps & react6.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/Toast/Toast.d.ts
 type ToastContentProps = {
-    title: string;
-    description?: string;
-    variant?: 'success' | 'info' | 'warning' | 'error';
+  title: string;
+  description?: ReactNode;
+  action?: ReactNode;
+  variant?: 'success' | 'info' | 'warning' | 'error';
 };
 interface ToastProps {
-    toast: {
-        content: ToastContentProps;
-        key: string;
-    };
-}
-declare const Toast: ({ toast }: ToastProps) => react_jsx_runtime.JSX.Element;
-
-declare const queue: UNSTABLE_ToastQueue<ToastContentProps>;
-interface ToastProviderProps extends Omit<RAC.ToastRegionProps<object>, RemovedProps$5> {
-    position?: ToastPosition;
-}
-type RemovedProps$5 = 'children' | 'className' | 'style' | 'queue';
+  toast: {
+    content: ToastContentProps;
+    key: string;
+  };
+}
+declare const Toast: ({
+  toast
+}: ToastProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Toast/ToastProvider.d.ts
+interface ToastProviderProps extends Omit<RAC.ToastRegionProps<object>, RemovedProps$2> {
+  position?: ToastPosition;
+}
+type RemovedProps$2 = 'children' | 'className' | 'style' | 'queue';
 type ToastPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom';
-declare const ToastProvider: ({ position }: ToastProviderProps) => react_jsx_runtime.JSX.Element;
-
+declare const ToastProvider: ({
+  position
+}: ToastProviderProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/Toast/ToastQueue.d.ts
 declare function useToast(): {
-    addToast: (options: {
-        title: string;
-        description?: string;
-        variant?: "info" | "success" | "error" | "warning";
-        timeout?: number;
-    }) => string;
-    clearToasts: () => void;
-    removeToast: (key: string) => void;
+  addToast: (options: {
+    title: string;
+    description?: ReactNode;
+    variant?: "info" | "success" | "error" | "warning";
+    timeout?: number;
+    action?: ReactNode;
+  }) => string;
+  clearToasts: () => void;
+  removeToast: (key: string) => void;
 };
-
-type RemovedProps$4 = 'className' | 'style' | 'children' | 'isRequired';
-interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$4>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps<'label'>, 'label' | 'description'> {
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * The name of the field, used when submitting form data.
-     */
-    name?: string;
-    /**
-     * Provides content to display when there are no items in the tag list.
-     */
-    emptyState?: TagListProps<object>['renderEmptyState'];
-    /**
-     * Renders a "remove all" option, when a the `onRemove` prop is also set.
-     * @default false
-     */
-    removeAll?: boolean;
-}
-
-type RemovedProps$3 = 'className' | 'style' | 'isDisabled';
-interface TagProps extends Omit<RAC.TagProps, RemovedProps$3> {
-    variant?: string;
-    size?: string;
-    children?: ReactNode;
-    disabled?: boolean;
+//#endregion
+//#region src/Tooltip/TooltipTrigger.d.ts
+type RemovedProps$1 = 'isDisabled' | 'isOpen' | 'children';
+interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$1> {
+  /**
+   * The children of the component.
+   */
+  children: ReactNode;
+  /**
+   * Whether the tooltip should be disabled, independent from the trigger.
+   */
+  disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
+  /**
+   * Control the visibility of the tooltip.
+   */
+  open?: boolean;
+}
+//#endregion
+//#region src/Tooltip/Tooltip.d.ts
+type RemovedProps = 'className' | 'isOpen' | 'style';
+interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps> {
+  /**
+   * The children of the component.
+   */
+  children?: ReactNode;
+  variant?: 'default' | 'white' | (string & {});
+  size?: string;
+  /**
+   * Whether the element is rendered.
+   */
+  open?: RAC.TooltipProps['isOpen'];
 }
-declare const _Tag: {
-    ({ variant, size, children, disabled, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
-    Group: ({ items, children, emptyState, variant, size, name, removeAll, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
+declare const _Tooltip: {
+  ({
+    children,
+    variant,
+    size,
+    open,
+    ...rest
+  }: TooltipProps): react_jsx_runtime4.JSX.Element;
+  Trigger: ({
+    delay,
+    children,
+    disabled,
+    open,
+    ...rest
+  }: TooltipTriggerProps) => react_jsx_runtime4.JSX.Element;
 };
-
+//#endregion
+//#region src/XLoader/BaseLoader.d.ts
 interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
-    /**
-     * Children of the component that will make up the label.
-     */
-    children?: ReactNode;
-    variant?: 'default' | 'inverted';
-    size?: 'default' | 'large' | 'fit';
-}
-
+  /**
+   * Children of the component that will make up the label.
+   */
+  children?: ReactNode;
+  variant?: 'default' | 'inverted';
+  size?: 'default' | 'large' | 'fit';
+}
+//#endregion
+//#region src/XLoader/XLoader.d.ts
 interface XLoaderProps extends LoaderProps {
-    /**
-     * Show the loader in `fullscreen` to overlay and block interaction with the site or `section` to show loading for a certain area.
-     * @default undefined
-     */
-    mode?: 'fullscreen' | 'section';
-}
-declare const XLoader: ({ mode, variant, ...props }: XLoaderProps) => react_jsx_runtime.JSX.Element;
-
-type TabProps = Omit<RAC.TabProps, 'className' | 'style'>;
-
-type TabPanelProps = Omit<RAC.TabPanelProps, 'className' | 'style'>;
-
-interface TabListProps extends Omit<RAC.TabListProps<object>, 'className' | 'style'>, GapSpaceProp {
-}
-
-interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
-    /**
-     * Set All TabPanel disabled
-     * @default false
-     */
-    disabled?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    variant?: string;
-}
-declare const _Tabs: {
-    ({ disabled, variant, size, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
-    List: ({ space, ...props }: TabListProps) => react_jsx_runtime.JSX.Element;
-    TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
-    Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
-};
-
-type RemovedProps$2 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'slot';
-interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue>, RemovedProps$2>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    variant?: string;
-    size?: string;
-    /**
-     * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
-     * @default full
-     */
-    width?: WidthProp['width'];
-    /**
-     * If `true`, the input is disabled.
-     * @default false
-     */
-    disabled?: RAC.TimeFieldProps<TimeValue>['isDisabled'];
-    /**
-     * If `true`, the input is required.
-     * @default false
-     */
-    required?: RAC.TimeFieldProps<TimeValue>['isRequired'];
-    /**
-     * If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     * @default false
-     */
-    error?: RAC.TimeFieldProps<TimeValue>['isInvalid'];
-    /**
-     * If `true`, the input is readOnly.
-     * @default false
-     */
-    readOnly?: RAC.TimeFieldProps<TimeValue>['isReadOnly'];
-    /**
-     * Whether to display the time in 12 or 24 hour format
-     * @default 24
-     */
-    hourCycle?: 12 | 24 | undefined;
-    /**
-     * Determines the smallest unit that is displayed in the time picker.
-     * @default minute
-     */
-    granularity?: 'hour' | 'minute' | 'second';
-    /**
-     * Whether to always show leading zeros in the hour field. Default is determined by the user's locale.
-     * @default none
-     */
-    shouldForceLeadingZeros?: boolean;
-}
-declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react.RefAttributes<HTMLInputElement>>;
-
-type RemovedProps$1 = 'className' | 'style';
-interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$1> {
-    variant?: 'default' | (string & {});
-    size?: 'small' | 'default' | 'large' | (string & {});
-    /**
-     * The content inside the breadcrumb.
-     */
-    children: ReactNode;
-    /**
-     * Link for the breadcrumb item.
-     */
-    href: string;
-}
-declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
-
-type RemovedProps = 'className' | 'style' | 'children' | 'isDisabled';
-interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps> {
-    variant?: 'default' | (string & {});
-    size?: 'small' | 'default' | 'large' | (string & {});
-    /**
-     * Disables the breadcrumbs.
-     * @default false
-     */
-    disabled?: BreadcrumbsProps$1<object>['isDisabled'];
-    /**
-     * Maximum number of visible items before the breadcrumbs collapse.
-     */
-    maxVisibleItems?: number;
-    /**
-     * The breadcrumb items to be displayed.
-     */
-    children: react__default.ReactNode | react__default.ReactNode[];
-}
-interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLOListElement>> {
-    Item: typeof BreadcrumbsItem;
-}
-declare const _Breadcrumbs: BreadcrumbsComponent;
-
+  /**
+   * Show the loader in `fullscreen` to overlay and block interaction with the site or `section` to show loading for a certain area.
+   * @default undefined
+   */
+  mode?: 'fullscreen' | 'section';
+}
+declare const XLoader: ({
+  mode,
+  variant,
+  ...props
+}: XLoaderProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/utils/form.utils.d.ts
 /**
  * Parses the data from a submitted HTML form and returns an object mapping form field names to their values.
  *
@@ -2269,5 +2893,5 @@ declare const _Breadcrumbs: BreadcrumbsComponent;
  * Otherwise, the value will be a single FormDataEntryValue (string or File).
  */
 declare const parseFormData: <T extends Record<string, FormDataEntryValue | FormDataEntryValue[]> = Record<string, FormDataEntryValue | FormDataEntryValue[]>>(e: FormEvent<HTMLFormElement>) => T;
-
-export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, type ConfirmationConfig, ConfirmationContext, ConfirmationDialog, type ConfirmationDialogProps, type ConfirmationFn, ConfirmationProvider, type ConfirmationResult, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, type DrawerProps, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, _LinkButton as LinkButton, type LinkButtonProps, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$t as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, Toast, type ToastContentProps, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, parseFormData, queue, useConfirmation, useToast };
+//#endregion
+export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, Collapsible, type CollapsibleProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, type ConfirmationConfig, ConfirmationContext, ConfirmationDialog, type ConfirmationDialogProps, type ConfirmationFn, ConfirmationProvider, type ConfirmationResult, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, DateFormat, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, type DrawerProps, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, HelpText, type HelpTextProps, I18nProvider, IconButton, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, _LinkButton as LinkButton, type LinkButtonProps, type LinkProps, List, _ListBox as ListBox, _ListBoxItem as ListBoxItem, type ListBoxItemProps, type ListBoxProps, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, _NumberField as NumberField, type NumberFieldProps, NumericFormat, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, ProgressCycle, type ProgressCycleProps, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, RouterProvider, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SearchInput, type SearchInputProps, SectionMessage, type SectionMessageProps, Select, _SelectList as SelectList, _SelectListItem as SelectListItem, type SelectListItemProps, type SelectListProps, type SelectProps, type Selection, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, _TagGroup as TagGroup, type TagGroupProps, type TagProps, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, ThemeProvider, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, type TimeValue, Toast, type ToastContentProps, type ToastProps, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, VisuallyHidden, XLoader, type XLoaderProps, parseFormData, useAsyncList, useConfirmation, useListData, useTheme, useToast };