@chassis-ui/react 0.5.0 → 0.6.0

package/dist/chunks/{index-5qsV1-cc.d.ts → index--DV9l24Q.d.ts}

@@ -5,7 +5,9 @@ import React, { DialogHTMLAttributes, ElementType, ReactElement } from "react";
 interface DrawerProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCancel' | 'onClose'> {
   /**
    * Show a backdrop while the drawer is open. `'static'` blocks closing on backdrop click
-   * (the drawer nudges instead).
+   * (the drawer nudges instead). `false` takes effect only together with `scroll`: the drawer
+   * then opens non-modal, with no backdrop and the page usable behind it. Without `scroll` the
+   * drawer stays modal, backdrop and all, as chassis-css's vanilla drawer derives it.
    */
   backdrop?: boolean | 'static';
   /**
@@ -94,18 +96,6 @@ interface DrawerProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onC
    */
   visible?: boolean;
 }
-interface DrawerContextProps {
-  /**
-   * Requests the drawer be closed — fires `onClose`. Wire this to any element's `onClick`; see
-   * `useDrawer`.
-   */
-  close: () => void;
-  /**
-   * Id generated by `Drawer` and applied automatically by `DrawerTitle` to itself, so the
-   * dialog's `aria-labelledby` resolves to it without any manual wiring.
-   */
-  titleId?: string;
-}
 declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDialogElement>>;
 //#endregion
 //#region src/components/drawer/DrawerBody.d.ts
@@ -197,9 +187,23 @@ type DrawerTitleComponent = (<C extends ElementType = 'h2'>(props: DrawerTitlePr
 };
 declare const DrawerTitle: DrawerTitleComponent;
 //#endregion
+//#region src/components/drawer/context.d.ts
+interface DrawerContextProps {
+  /**
+   * Requests the drawer be closed — fires `onClose`. Wire this to any element's `onClick`; see
+   * `useDrawer`.
+   */
+  close: () => void;
+  /**
+   * Id generated by `Drawer` and applied automatically by `DrawerTitle` to itself, so the
+   * dialog's `aria-labelledby` resolves to it without any manual wiring.
+   */
+  titleId?: string;
+}
+//#endregion
 //#region src/components/drawer/useDrawer.d.ts
 type UseDrawerResult = DrawerContextProps;
 declare const useDrawer: () => UseDrawerResult;
 //#endregion
 export { DrawerHeader as a, DrawerFooterProps as c, Drawer as d, DrawerProps as f, DrawerTitleProps as i, DrawerBody as l, useDrawer as n, DrawerHeaderProps as o, DrawerTitle as r, DrawerFooter as s, UseDrawerResult as t, DrawerBodyProps as u };
-//# sourceMappingURL=index-5qsV1-cc.d.ts.map
+//# sourceMappingURL=index--DV9l24Q.d.ts.map

package/dist/chunks/{index-BAvt_oPe.d.ts → index-B2d_pjjy.d.ts}

@@ -51,9 +51,9 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'def
    */
   className?: string;
   /**
-   * The selected value, uncontrolled.
+   * The selected value, uncontrolled. `null` for none.
    */
-  defaultValue?: string;
+  defaultValue?: string | null;
   /**
    * A description for the group, rendered below the options.
    */
@@ -104,11 +104,12 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'def
    */
   valid?: boolean;
   /**
-   * The selected value, controlled.
+   * The selected value, controlled. `null` clears the selection; `undefined` would make the group
+   * uncontrolled instead.
    */
-  value?: string;
+  value?: string | null;
 }
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 //#endregion
 export { RadioProps as i, RadioGroupProps as n, Radio as r, RadioGroup as t };
-//# sourceMappingURL=index-BAvt_oPe.d.ts.map
+//# sourceMappingURL=index-B2d_pjjy.d.ts.map

package/dist/chunks/{index-CbcFEGCh.d.ts → index-BIWaMOr6.d.ts}

@@ -42,12 +42,19 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'check
    * Callback fired when the selected state changes.
    */
   onChange?: (isSelected: boolean) => void;
+  /**
+   * Toggle the read-only state: the control keeps its state, can still be focused, and says it
+   * is read-only (`aria-readonly`).
+   */
+  readOnly?: boolean;
   /**
    * Size the component sm or lg.
    */
   size?: 'sm' | 'lg';
   /**
-   * Specifies the type of component.
+   * `'radio'` makes the switch one of a group, as radios are: the switches of its `name` (in its
+   * form) have one on at a time, a click doesn't turn the one that is on off, and `required` asks
+   * for one of the group. It renders a checkbox with `role="switch"` either way.
    */
   type?: 'checkbox' | 'radio';
   /**
@@ -58,4 +65,4 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'check
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { SwitchProps as n, Switch as t };
-//# sourceMappingURL=index-CbcFEGCh.d.ts.map
+//# sourceMappingURL=index-BIWaMOr6.d.ts.map

package/dist/chunks/{index-3JVLrDHv.d.ts → index-BMAdUGiM.d.ts}

@@ -98,6 +98,12 @@ interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    * Placeholder for the search field inside the dropdown.
    */
   searchPlaceholder?: string;
+  /**
+   * Text the toggle of a `multiple` autocomplete shows once more than one option is selected,
+   * from the count. A function, so a translation can choose its plural form. Defaults to
+   * `` (count) => `${count} selected` ``.
+   */
+  selectedText?: (count: number) => ReactNode;
   /**
    * Size the component sm or lg.
    */
@@ -132,4 +138,4 @@ declare const AutocompleteItem: {
 };
 //#endregion
 export { Autocomplete as a, AutocompleteGroupProps as i, AutocompleteItemProps as n, AutocompleteProps as o, AutocompleteGroup as r, AutocompleteItem as t };
-//# sourceMappingURL=index-3JVLrDHv.d.ts.map
+//# sourceMappingURL=index-BMAdUGiM.d.ts.map

package/dist/chunks/{index-Cpifcw5a.d.ts → index-BzYAMLX1.d.ts}

@@ -2,7 +2,7 @@ import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { n as LinkProps } from "./Link-CKymd2ru.js";
 import { t as NavVariant } from "./navVariant-CnD21GBS.js";
-import React, { ElementType, HTMLAttributes, ReactElement, Ref } from "react";
+import React, { ElementType, HTMLAttributes, LiHTMLAttributes, MouseEventHandler, ReactElement, Ref } from "react";
 //#region src/components/nav/Nav.d.ts
 interface NavItemDef {
   /**
@@ -10,7 +10,7 @@ interface NavItemDef {
    */
   label: React.ReactNode;
   /**
-   * URL for the nav link.
+   * URL for the nav link. Without one the link is a `<button>`.
    */
   href?: string;
   /**
@@ -21,6 +21,11 @@ interface NavItemDef {
    * Marks the item as disabled.
    */
   disabled?: boolean;
+  /**
+   * Called when the item is clicked. An item without `href` renders its link as a `<button>`,
+   * which this gives something to do, such as switching a tab's panel.
+   */
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
 }
 type NavOwnProps<C extends ElementType> = {
   /**
@@ -84,12 +89,47 @@ type NavLinkComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> &
 declare const NavLink: NavLinkComponent;
 //#endregion
 //#region src/components/nav/NavItem.d.ts
-type NavItemProps<C extends ElementType = 'a'> = NavLinkProps<C> & {
+type NavItemOwnProps<C extends ElementType> = {
+  /**
+   * Toggle the active state of the item's link.
+   */
+  active?: boolean;
+  /**
+   * Render the item's link as its child element, as `NavLink`'s `asChild` does.
+   */
+  asChild?: boolean;
+  /**
+   * A string of all className you want applied to the `<li>`, which takes the ref and the other
+   * attributes too.
+   */
+  className?: string;
+  /**
+   * Component used for the item's link. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * Toggle the disabled state of the item's link.
+   */
+  disabled?: boolean;
+  /**
+   * URL for the item's link.
+   */
+  href?: string;
   /**
    * Keeps the item in the list inside a `NavOverflow`, whatever the width.
    */
   keepVisible?: boolean;
+  /**
+   * Any other props of the item's link, such as a router link's `to`, `target` or `aria-label`,
+   * and its own `className`.
+   */
+  linkProps?: Omit<NavLinkProps<C>, 'active' | 'asChild' | 'children' | 'component' | 'disabled' | 'href' | 'onClick'>;
+  /**
+   * Callback fired on a click of the item's link, or of the `<li>` when it has none.
+   */
+  onClick?: MouseEventHandler<HTMLElement>;
 };
+type NavItemProps<C extends ElementType = 'a'> = Omit<LiHTMLAttributes<HTMLLIElement>, keyof NavItemOwnProps<C>> & NavItemOwnProps<C>;
 type NavItemComponent = (<C extends ElementType = 'a'>(props: NavItemProps<C> & {
   ref?: Ref<HTMLLIElement>;
 }) => ReactElement | null) & {
@@ -107,4 +147,4 @@ interface NavTitleProps extends HTMLAttributes<HTMLLIElement> {
 declare const NavTitle: React.ForwardRefExoticComponent<NavTitleProps & React.RefAttributes<HTMLLIElement>>;
 //#endregion
 export { NavLink as a, NavItemDef as c, NavItemProps as i, NavProps as l, NavTitleProps as n, NavLinkProps as o, NavItem as r, Nav as s, NavTitle as t };
-//# sourceMappingURL=index-Cpifcw5a.d.ts.map
+//# sourceMappingURL=index-BzYAMLX1.d.ts.map

package/dist/chunks/{index-BbZzaApz.d.ts → index-C9RqZNjk.d.ts}

@@ -216,6 +216,12 @@ interface TableRowProps {
    * A string of all className you want applied to the row.
    */
   className?: string;
+  /**
+   * The unique id of the row, referenced by `selectedKeys`/`disabledKeys` and reported by
+   * `onSelectionChange` as it is given. A React `key` is always a string, so `key={row.id}`
+   * turns a numeric id into one.
+   */
+  id?: Key;
   /**
    * A string representation of the row's contents, used for typeahead.
    */
@@ -228,4 +234,4 @@ interface TableRowProps {
 declare const TableRow: (props: TableRowProps) => ReactElement;
 //#endregion
 export { TableColumn as a, TableCellProps as c, Table as d, TableProps as f, TableHeaderProps$1 as i, TableBody$1 as l, TableRowProps as n, TableColumnProps as o, TableHeader$1 as r, TableCell as s, TableRow as t, TableBodyProps$1 as u };
-//# sourceMappingURL=index-BbZzaApz.d.ts.map
+//# sourceMappingURL=index-C9RqZNjk.d.ts.map

package/dist/chunks/{index-D0Dhs7YI.d.ts → index-CHtvpvUh.d.ts}

@@ -54,6 +54,11 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'che
    * use the group's `onChange` instead.
    */
   onChange?: (isSelected: boolean) => void;
+  /**
+   * Toggle the read-only state: the control keeps its state, can still be focused, and says it
+   * is read-only (`aria-readonly`).
+   */
+  readOnly?: boolean;
   /**
    * Size the component sm or lg.
    */
@@ -142,4 +147,4 @@ interface CheckboxGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, '
 declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 //#endregion
 export { CheckboxProps as i, CheckboxGroupProps as n, Checkbox as r, CheckboxGroup as t };
-//# sourceMappingURL=index-D0Dhs7YI.d.ts.map
+//# sourceMappingURL=index-CHtvpvUh.d.ts.map

package/dist/chunks/{index-Bl-_sC4y.d.ts → index-CSmHNy8M.d.ts}

@@ -26,6 +26,11 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    * Prevents input and makes every box non-interactive.
    */
   disabled?: boolean;
+  /**
+   * The id of a form elsewhere on the page that the field belongs to: the boxes and the hidden
+   * `name` input join it, and a reset of it puts the code back.
+   */
+  form?: string;
   /**
    * Splits the boxes into groups (e.g. `[3, 3]` for a "123-456" layout), rendering a
    * `.form-otp-separator` between each group. The total number of boxes becomes the sum of
@@ -79,7 +84,8 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   onChange?: (value: string) => void;
   /**
-   * Callback fired once every box is filled.
+   * Callback fired on each edit that leaves every box filled, so a correction to a complete code
+   * fires it again with the new code.
    */
   onComplete?: (value: string) => void;
   /**
@@ -111,4 +117,4 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
 declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OtpInputProps as n, OtpInput as t };
-//# sourceMappingURL=index-Bl-_sC4y.d.ts.map
+//# sourceMappingURL=index-CSmHNy8M.d.ts.map

package/dist/chunks/{index-Davd7Cue.d.ts → index-CXzKYWtS.d.ts}

@@ -33,7 +33,8 @@ interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below the control when `invalid` is set.
+   * An error message for the field, rendered below the control when `invalid` is set, or when
+   * the field inside shows a submit it held back.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -52,4 +53,4 @@ interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
 declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FloatingInputProps as n, FloatingInput as t };
-//# sourceMappingURL=index-Davd7Cue.d.ts.map
+//# sourceMappingURL=index-CXzKYWtS.d.ts.map

package/dist/chunks/{index-OnB4_h6x.d.ts → index-DV_JBDoF.d.ts}

@@ -1,7 +1,7 @@
 import "./focus-ring-Bs80iIBN.js";
 import React, { ChangeEventHandler, InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/file-input/FileInput.d.ts
-interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size' | 'value'> {
   /**
    * A string of all className you want applied to the component.
    */
@@ -53,4 +53,4 @@ interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
 declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { FileInputProps as n, FileInput as t };
-//# sourceMappingURL=index-OnB4_h6x.d.ts.map
+//# sourceMappingURL=index-DV_JBDoF.d.ts.map

package/dist/chunks/{index-Es9I0fIS.d.ts → index-DjmN2hBX.d.ts}

@@ -7,7 +7,7 @@ import { ToastQueue } from "react-stately";
 //#region src/components/toast/Toast.d.ts
 interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
   /**
-   * Apply a CSS fade transition to the toast.
+   * Apply a CSS fade transition to the toast. Off, the toast appears and disappears at once.
    */
   animation?: boolean;
   /**
@@ -268,4 +268,4 @@ type UseToastResult = ToastContextProps;
 declare const useToast: () => UseToastResult;
 //#endregion
 export { Toast as _, closeToast as a, ToasterProps as c, ToastHeader as d, ToastHeaderProps as f, ToastBodyProps as g, ToastBody as h, addToast as i, ToastIcon as l, ToastFooterProps as m, useToast as n, toastQueue as o, ToastFooter as p, ToastContent as r, Toaster as s, UseToastResult as t, ToastIconProps as u, ToastProps as v };
-//# sourceMappingURL=index-Es9I0fIS.d.ts.map
+//# sourceMappingURL=index-DjmN2hBX.d.ts.map

package/dist/chunks/{index-UjmJQRaG.d.ts → index-DyB9XXLJ.d.ts}

@@ -122,8 +122,8 @@ interface DataGridOwnProps<T extends object> {
    */
   'aria-labelledby'?: string;
   /**
-   * Set the vertical alignment of cell content. Mirrors `Table`'s prop of the same name for API
-   * parity — same as `Table`, this awaits chassis-css adding the matching `.align-*` styles.
+   * Set the vertical alignment of the body cells' content, as `Table`'s prop of the same name
+   * does. The header row keeps its own alignment, as a table's does.
    */
   align?: 'bottom' | 'middle' | 'top';
   /**
@@ -361,4 +361,4 @@ declare const DataGridSelectionCell: ({ className }: DataGridSelectionCellProps)
 declare const DataGridSelectAllCell: ({ className }: DataGridSelectionCellProps) => React.JSX.Element;
 //#endregion
 export { DataGridRowProps as a, DataGridCell as c, DataGridProps as d, DataGridHeader as f, DataGridBodyProps as h, DataGridRow as i, DataGridCellProps as l, DataGridBody as m, DataGridSelectionCell as n, DataGridColumn as o, DataGridHeaderProps as p, DataGridSelectionCellProps as r, DataGridColumnProps as s, DataGridSelectAllCell as t, DataGrid as u };
-//# sourceMappingURL=index-UjmJQRaG.d.ts.map
+//# sourceMappingURL=index-DyB9XXLJ.d.ts.map

package/dist/chunks/{index-CSRGr7pU.d.ts → index-JCnEw-55.d.ts}

@@ -1,7 +1,7 @@
 import "./focus-ring-Bs80iIBN.js";
 import React, { ChangeEventHandler, InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/range-input/RangeInput.d.ts
-interface RangeInputProps extends InputHTMLAttributes<HTMLInputElement> {
+interface RangeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'readOnly'> {
   /**
    * A string of all className you want applied to the component.
    */
@@ -38,10 +38,6 @@ interface RangeInputProps extends InputHTMLAttributes<HTMLInputElement> {
    * Method called immediately after the `value` prop changes.
    */
   onChange?: ChangeEventHandler<HTMLInputElement>;
-  /**
-   * Toggle the readonly state for the component.
-   */
-  readOnly?: boolean;
   /**
    * Specifies the interval between legal numbers in the component.
    */
@@ -64,4 +60,4 @@ interface RangeInputProps extends InputHTMLAttributes<HTMLInputElement> {
 declare const RangeInput: React.ForwardRefExoticComponent<RangeInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { RangeInputProps as n, RangeInput as t };
-//# sourceMappingURL=index-CSRGr7pU.d.ts.map
+//# sourceMappingURL=index-JCnEw-55.d.ts.map

package/dist/chunks/{index-Ctf5hLue.d.ts → index-Me921MYl.d.ts}

@@ -84,18 +84,6 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    */
   visible?: boolean;
 }
-interface ModalContextProps {
-  /**
-   * Requests the modal be closed — fires `onClose`. Wire this to any element's `onClick`; see
-   * `useModal`.
-   */
-  close: () => void;
-  /**
-   * Id generated by `Modal` and applied automatically by `ModalTitle` to itself, so the
-   * dialog's `aria-labelledby` resolves to it without any manual wiring.
-   */
-  titleId?: string;
-}
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
 //#endregion
 //#region src/components/modal/ModalBody.d.ts
@@ -187,9 +175,23 @@ type ModalTitleComponent = (<C extends ElementType = 'h2'>(props: ModalTitleProp
 };
 declare const ModalTitle: ModalTitleComponent;
 //#endregion
+//#region src/components/modal/context.d.ts
+interface ModalContextProps {
+  /**
+   * Requests the modal be closed — fires `onClose`. Wire this to any element's `onClick`; see
+   * `useModal`.
+   */
+  close: () => void;
+  /**
+   * Id generated by `Modal` and applied automatically by `ModalTitle` to itself, so the
+   * dialog's `aria-labelledby` resolves to it without any manual wiring.
+   */
+  titleId?: string;
+}
+//#endregion
 //#region src/components/modal/useModal.d.ts
 type UseModalResult = ModalContextProps;
 declare const useModal: () => UseModalResult;
 //#endregion
 export { ModalHeader as a, ModalFooterProps as c, Modal as d, ModalProps as f, ModalTitleProps as i, ModalBody as l, useModal as n, ModalHeaderProps as o, ModalTitle as r, ModalFooter as s, UseModalResult as t, ModalBodyProps as u };
-//# sourceMappingURL=index-Ctf5hLue.d.ts.map
+//# sourceMappingURL=index-Me921MYl.d.ts.map

package/dist/chunks/{index-C-IrFdKe.d.ts → index-OgWCTy2Y.d.ts}

@@ -1,7 +1,7 @@
 import "./focus-ring-Bs80iIBN.js";
 import React, { ChangeEventHandler, InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/color-input/ColorInput.d.ts
-interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'readOnly' | 'size'> {
   /**
    * A string of all className you want applied to the component.
    */
@@ -56,4 +56,4 @@ interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
 declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { ColorInputProps as n, ColorInput as t };
-//# sourceMappingURL=index-C-IrFdKe.d.ts.map
+//# sourceMappingURL=index-OgWCTy2Y.d.ts.map

package/dist/chunks/{index-BZpHSGlk.d.ts → index-bZRQGwY7.d.ts}

@@ -20,9 +20,14 @@ interface PaginationProps extends HTMLAttributes<HTMLElement> {
    */
   'aria-label'?: string;
   /**
-   * A string of all className you want applied to the base component.
+   * A string of all className you want applied to the `<nav>`, which takes the ref and the other
+   * attributes too.
    */
   className?: string;
+  /**
+   * Classes for the `.pagination` list inside the `<nav>`.
+   */
+  listClassName?: string;
   /**
    * Maximum number of visible page buttons (default: 5). Flanking pages are collapsed to ellipsis.
    */
@@ -136,4 +141,4 @@ interface UsePaginationResult<T extends HTMLElement = HTMLButtonElement> {
 declare function usePagination<T extends HTMLElement = HTMLButtonElement>({ prevDisabled, nextDisabled, onPrev, onNext }: UsePaginationOptions): UsePaginationResult<T>;
 //#endregion
 export { Pagination as a, PaginationItemProps as i, usePagination as n, PaginationProps as o, PaginationItem as r, UsePaginationResult as t };
-//# sourceMappingURL=index-BZpHSGlk.d.ts.map
+//# sourceMappingURL=index-bZRQGwY7.d.ts.map

package/dist/chunks/{index-Cm3rPbI1.d.ts → index-qJGkO-ni.d.ts}

@@ -1,5 +1,5 @@
 import "./focus-ring-Bs80iIBN.js";
-import React, { ChangeEventHandler, InputHTMLAttributes, ReactNode } from "react";
+import React, { ChangeEventHandler, ReactNode, SelectHTMLAttributes } from "react";
 //#region src/components/select/Select.d.ts
 interface SelectOptionDef {
   /**
@@ -23,7 +23,7 @@ interface SelectOptionDef {
    */
   value?: string | number;
 }
-interface SelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'size'> {
+interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
   /**
    * Content rendered at the select's trailing edge, e.g. a `InputAdorn` icon, text, or button.
    * Setting either `adornStart` or `adornEnd` renders a `.form-input` wrapper around a
@@ -113,4 +113,4 @@ interface SelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'size
 declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
 //#endregion
 export { SelectOptionDef as n, SelectProps as r, Select as t };
-//# sourceMappingURL=index-Cm3rPbI1.d.ts.map
+//# sourceMappingURL=index-qJGkO-ni.d.ts.map

package/dist/chunks/{input-adorn-DV9tuWXh.js → input-adorn-D0E3Afdf.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-Bs80iIBN.js";import{h as e}from"./slot-BQVx1Eew.js";import{t}from"./polymorphic-CZIFszAy.js";import n from"react";import r from"classnames";function i({children:t,className:i,component:a,onMouseDown:o,...s},c){let l=a??`span`,u=r(`input-adorn`,i),d=e=>{o?.(e),e.defaultPrevented||e.preventDefault()},f=e(l)===`button`?{type:`button`}:void 0;return/* @__PURE__ */ n.createElement(l,{className:u,onMouseDown:d,...f,...s,ref:c},t)}const a=t(i,`InputAdorn`);export{a as t};
-//# sourceMappingURL=input-adorn-DV9tuWXh.js.map
+import"./focus-ring-Bs80iIBN.js";import{h as e}from"./slot-DagH0Gxq.js";import{t}from"./polymorphic-mAKwlLiW.js";import n from"react";import r from"classnames";function i({children:t,className:i,component:a,onMouseDown:o,...s},c){let l=a??`span`,u=r(`input-adorn`,i),d=e=>{o?.(e),e.defaultPrevented||e.preventDefault()},f=e(l)===`button`?{type:`button`}:void 0;return/* @__PURE__ */ n.createElement(l,{className:u,onMouseDown:d,...f,...s,ref:c},t)}const a=t(i,`InputAdorn`);export{a as t};
+//# sourceMappingURL=input-adorn-D0E3Afdf.js.map

package/dist/chunks/{input-adorn-DV9tuWXh.js.map → input-adorn-D0E3Afdf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-adorn-DV9tuWXh.js","names":["resolveElementKind","React","classNames","InputAdornRender","rest","Component","component","_className","className","handleMouseDown","onMouseDown","event","buttonType","children","InputAdorn","createPolymorphicComponent"],"sources":["../../src/components/input-adorn/InputAdorn.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { resolveElementKind } from '../../utils/elementKind'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype InputAdornOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component. Use\n   * `\"button\"` or `\"a\"` for an actionable adorn, e.g. a password reveal toggle or a clear button.\n   * A `\"button\"` gets `type=\"button\"` unless `type` is given, so it doesn't submit a form.\n   */\n  component?: C\n}\n\nexport type InputAdornProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  InputAdornOwnProps<C>\n>\n\ntype InputAdornComponent = (<C extends ElementType = 'span'>(\n  props: InputAdornProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction InputAdornRender<C extends ElementType = 'span'>(\n  { children, className, component, onMouseDown, ...rest }: InputAdornProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'span'\n  const _className = classNames('input-adorn', className)\n  const handleMouseDown: React.MouseEventHandler<Element> = (event) => {\n    onMouseDown?.(event)\n    // Keep focus on the associated input (e.g. a password toggle) instead of\n    // letting the browser shift it to this button/anchor on mousedown.\n    if (!event.defaultPrevented) {\n      event.preventDefault()\n    }\n  }\n  // A `<button>` with no `type` is a submit button: a password reveal adorn submitted the form\n  // around its input. The caller's own `type` in `rest` still wins.\n  const buttonType =\n    resolveElementKind(Component) === 'button' ? { type: 'button' as const } : undefined\n  return (\n    <Component\n      className={_className}\n      onMouseDown={handleMouseDown}\n      {...buttonType}\n      {...rest}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  )\n}\n\nexport const InputAdorn = createPolymorphicComponent<InputAdornComponent>(\n  InputAdornRender as ForwardRefRenderFunction<Element, InputAdornProps<ElementType>>,\n  'InputAdorn'\n)\n"],"mappings":"A,gKAgCA,SAASG,EACP,CAAE,WAAU,YAAW,YAAW,cAAa,GAAGC,GAClD,EACA,CACA,IAAMC,EAAYC,GAAa,OACzBC,EAAaL,EAAW,cAAeM,CAAS,EAChDC,EAAqD,GAAU,CACnEC,IAAcC,CAAK,EAGdA,EAAM,kBACTA,EAAM,eAAe,CAEzB,EAGMC,EACJZ,EAAmBK,CAAS,IAAM,SAAW,CAAE,KAAM,QAAkB,EAAI,IAAA,GAC7E,MACE,kBAAA,cAACA,EAAD,CACE,UAAWE,EACX,YAAaE,EACb,GAAIG,EACJ,GAAIR,EACC,KAGI,EADRS,CACQ,CAEf,CAEA,MAAaC,EAAaC,EACxBZ,EACA,YACF,E"}
+{"version":3,"file":"input-adorn-D0E3Afdf.js","names":["resolveElementKind","React","classNames","InputAdornRender","rest","Component","component","_className","className","handleMouseDown","onMouseDown","event","buttonType","children","InputAdorn","createPolymorphicComponent"],"sources":["../../src/components/input-adorn/InputAdorn.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { resolveElementKind } from '../../utils/elementKind'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype InputAdornOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component. Use\n   * `\"button\"` or `\"a\"` for an actionable adorn, e.g. a password reveal toggle or a clear button.\n   * A `\"button\"` gets `type=\"button\"` unless `type` is given, so it doesn't submit a form.\n   */\n  component?: C\n}\n\nexport type InputAdornProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  InputAdornOwnProps<C>\n>\n\ntype InputAdornComponent = (<C extends ElementType = 'span'>(\n  props: InputAdornProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction InputAdornRender<C extends ElementType = 'span'>(\n  { children, className, component, onMouseDown, ...rest }: InputAdornProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'span'\n  const _className = classNames('input-adorn', className)\n  const handleMouseDown: React.MouseEventHandler<Element> = (event) => {\n    onMouseDown?.(event)\n    // Keep focus on the associated input (e.g. a password toggle) instead of\n    // letting the browser shift it to this button/anchor on mousedown.\n    if (!event.defaultPrevented) {\n      event.preventDefault()\n    }\n  }\n  // A `<button>` with no `type` is a submit button: a password reveal adorn submitted the form\n  // around its input. The caller's own `type` in `rest` still wins.\n  const buttonType =\n    resolveElementKind(Component) === 'button' ? { type: 'button' as const } : undefined\n  return (\n    <Component\n      className={_className}\n      onMouseDown={handleMouseDown}\n      {...buttonType}\n      {...rest}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  )\n}\n\nexport const InputAdorn = createPolymorphicComponent<InputAdornComponent>(\n  InputAdornRender as ForwardRefRenderFunction<Element, InputAdornProps<ElementType>>,\n  'InputAdorn'\n)\n"],"mappings":"A,gKAgCA,SAASG,EACP,CAAE,WAAU,YAAW,YAAW,cAAa,GAAGC,GAClD,EACA,CACA,IAAMC,EAAYC,GAAa,OACzBC,EAAaL,EAAW,cAAeM,CAAS,EAChDC,EAAqD,GAAU,CACnEC,IAAcC,CAAK,EAGdA,EAAM,kBACTA,EAAM,eAAe,CAEzB,EAGMC,EACJZ,EAAmBK,CAAS,IAAM,SAAW,CAAE,KAAM,QAAkB,EAAI,IAAA,GAC7E,MACE,kBAAA,cAACA,EAAD,CACE,UAAWE,EACX,YAAaE,EACb,GAAIG,EACJ,GAAIR,EACC,KAGI,EADRS,CACQ,CAEf,CAEA,MAAaC,EAAaC,EACxBZ,EACA,YACF,E"}

package/dist/chunks/{input-group-YB_zoKud.js → input-group-paIBtI1R.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-Bs80iIBN.js";import{t as e}from"./polymorphic-CZIFszAy.js";import t from"react";import n from"classnames";function r({children:e,className:r,component:i,size:a,...o},s){let c=i??`div`,l=n(`input-group`,a,r);return/* @__PURE__ */ t.createElement(c,{className:l,...o,ref:s},e)}const i=e(r,`InputGroup`);function a({children:e,className:r,component:i,...a},o){let s=i??`span`,c=n(`input-addon`,r);return/* @__PURE__ */ t.createElement(s,{className:c,...a,ref:o},e)}const o=e(a,`InputGroupAddon`);export{i as n,o as t};
-//# sourceMappingURL=input-group-YB_zoKud.js.map
+import"./focus-ring-Bs80iIBN.js";import{t as e}from"./polymorphic-mAKwlLiW.js";import t from"react";import n from"classnames";function r({children:e,className:r,component:i,size:a,...o},s){let c=i??`div`,l=n(`input-group`,a,r);return/* @__PURE__ */ t.createElement(c,{className:l,...o,ref:s},e)}const i=e(r,`InputGroup`);function a({children:e,className:r,component:i,...a},o){let s=i??`span`,c=n(`input-addon`,r);return/* @__PURE__ */ t.createElement(s,{className:c,...a,ref:o},e)}const o=e(a,`InputGroupAddon`);export{i as n,o as t};
+//# sourceMappingURL=input-group-paIBtI1R.js.map

package/dist/chunks/{input-group-YB_zoKud.js.map → input-group-paIBtI1R.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-group-YB_zoKud.js","names":["createPolymorphicComponent","React","classNames","InputGroupRender","rest","Component","component","_className","size","className","children","InputGroup","InputGroupAddonRender","InputGroupAddon"],"sources":["../../src/components/input-group/InputGroup.tsx","../../src/components/input-group/InputGroupAddon.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype InputGroupOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Size the component sm or lg.\n   */\n  size?: 'sm' | 'lg'\n}\n\nexport type InputGroupProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  InputGroupOwnProps<C>\n>\n\ntype InputGroupComponent = (<C extends ElementType = 'div'>(\n  props: InputGroupProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction InputGroupRender<C extends ElementType = 'div'>(\n  { children, className, component, size, ...rest }: InputGroupProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('input-group', size, className)\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const InputGroup = createPolymorphicComponent<InputGroupComponent>(\n  InputGroupRender as ForwardRefRenderFunction<Element, InputGroupProps<ElementType>>,\n  'InputGroup'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype InputGroupAddonOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * The id of the form control this addon labels, when rendered as `component=\"label\"`.\n   */\n  htmlFor?: string\n}\n\nexport type InputGroupAddonProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  InputGroupAddonOwnProps<C>\n>\n\ntype InputGroupAddonComponent = (<C extends ElementType = 'span'>(\n  props: InputGroupAddonProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction InputGroupAddonRender<C extends ElementType = 'span'>(\n  { children, className, component, ...rest }: InputGroupAddonProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'span'\n  const _className = classNames('input-addon', className)\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const InputGroupAddon = createPolymorphicComponent<InputGroupAddonComponent>(\n  InputGroupAddonRender as ForwardRefRenderFunction<Element, InputGroupAddonProps<ElementType>>,\n  'InputGroupAddon'\n)\n"],"mappings":"A,8HAiCA,SAASG,EACP,CAAE,WAAU,YAAW,YAAW,OAAM,GAAGC,GAC3C,EACA,CACA,IAAMC,EAAYC,GAAa,MACzBC,EAAaL,EAAW,cAAeM,EAAMC,CAAS,EAC5D,MACE,kBAAA,cAACJ,EAAD,CAAW,UAAWE,EAAY,GAAIH,EAAW,KAEtC,EADRM,CACQ,CAEf,CAEA,MAAaC,EAAaX,EACxBG,EACA,YACF,EChBA,SAASS,EACP,CAAE,WAAU,YAAW,YAAW,GAAGR,GACrC,EACA,CACA,IAAMC,EAAYC,GAAa,OACzBC,EAAaL,EAAW,cAAeO,CAAS,EACtD,MACE,kBAAA,cAACJ,EAAD,CAAW,UAAWE,EAAY,GAAIH,EAAW,KAEtC,EADRM,CACQ,CAEf,CAEA,MAAaG,EAAkBb,EAC7BY,EACA,iBACF,E"}
+{"version":3,"file":"input-group-paIBtI1R.js","names":["createPolymorphicComponent","React","classNames","InputGroupRender","rest","Component","component","_className","size","className","children","InputGroup","InputGroupAddonRender","InputGroupAddon"],"sources":["../../src/components/input-group/InputGroup.tsx","../../src/components/input-group/InputGroupAddon.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype InputGroupOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Size the component sm or lg.\n   */\n  size?: 'sm' | 'lg'\n}\n\nexport type InputGroupProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  InputGroupOwnProps<C>\n>\n\ntype InputGroupComponent = (<C extends ElementType = 'div'>(\n  props: InputGroupProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction InputGroupRender<C extends ElementType = 'div'>(\n  { children, className, component, size, ...rest }: InputGroupProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('input-group', size, className)\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const InputGroup = createPolymorphicComponent<InputGroupComponent>(\n  InputGroupRender as ForwardRefRenderFunction<Element, InputGroupProps<ElementType>>,\n  'InputGroup'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype InputGroupAddonOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * The id of the form control this addon labels, when rendered as `component=\"label\"`.\n   */\n  htmlFor?: string\n}\n\nexport type InputGroupAddonProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  InputGroupAddonOwnProps<C>\n>\n\ntype InputGroupAddonComponent = (<C extends ElementType = 'span'>(\n  props: InputGroupAddonProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction InputGroupAddonRender<C extends ElementType = 'span'>(\n  { children, className, component, ...rest }: InputGroupAddonProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'span'\n  const _className = classNames('input-addon', className)\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const InputGroupAddon = createPolymorphicComponent<InputGroupAddonComponent>(\n  InputGroupAddonRender as ForwardRefRenderFunction<Element, InputGroupAddonProps<ElementType>>,\n  'InputGroupAddon'\n)\n"],"mappings":"A,8HAiCA,SAASG,EACP,CAAE,WAAU,YAAW,YAAW,OAAM,GAAGC,GAC3C,EACA,CACA,IAAMC,EAAYC,GAAa,MACzBC,EAAaL,EAAW,cAAeM,EAAMC,CAAS,EAC5D,MACE,kBAAA,cAACJ,EAAD,CAAW,UAAWE,EAAY,GAAIH,EAAW,KAEtC,EADRM,CACQ,CAEf,CAEA,MAAaC,EAAaX,EACxBG,EACA,YACF,EChBA,SAASS,EACP,CAAE,WAAU,YAAW,YAAW,GAAGR,GACrC,EACA,CACA,IAAMC,EAAYC,GAAa,OACzBC,EAAaL,EAAW,cAAeO,CAAS,EACtD,MACE,kBAAA,cAACJ,EAAD,CAAW,UAAWE,EAAY,GAAIH,EAAW,KAEtC,EADRM,CACQ,CAEf,CAEA,MAAaG,EAAkBb,EAC7BY,EACA,iBACF,E"}

package/dist/chunks/{list-BPBZR66Y.js → list-Ch6vxaUs.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-Bs80iIBN.js";import{_ as e,d as t,f as n,g as r,m as i,p as a,v as o}from"./slot-BQVx1Eew.js";import{t as s}from"./lazyElement-tfMG21pZ.js";import{t as c}from"./polymorphic-CZIFszAy.js";import{t as l}from"./Link-DE8NSAXJ.js";import u,{Children as d}from"react";import f from"classnames";function p({children:e,active:t,className:s,disabled:c,color:d,component:p,href:m,...h},g){let _=i(p,m,`li`),v=o(_,m,h),y=a(v),b=n(v,m,`ListItem`),x=y||r(_)===void 0,S=f(`list-item`,d&&`context`,d,{"list-action":y,active:t&&!x,disabled:c&&!x},s),C=x?l:_,w=x?{active:t,disabled:c,component:_,...c&&!y&&{"aria-disabled":!0},...b,...h}:{...t&&{"aria-current":`page`},...c&&{"aria-disabled":!0},...b,...h};return/* @__PURE__ */ u.createElement(C,{className:S,...w,ref:g},e)}const m=c(p,`ListItem`);function h({children:n,className:i,component:o,color:c,variant:l,flush:p,items:h,layout:g,numbered:_,plain:v,...y},b){let x=h?h.some(e=>t(e.href)):d.toArray(n).some(t=>s(t,m)&&a(e(t.props))),S=o??(x?`div`:`ul`),C=r(S),w=C===`ul`||C===`ol`,T=f(`list`,c&&`context`,c,l,g,{flush:p,plain:v,numbered:_},i),E=(h?h.map((e,n)=>/* @__PURE__ */ u.createElement(m,{key:e.id??n,component:t(e.href)||w?void 0:`div`,href:e.href,color:e.color,active:e.active,disabled:e.disabled},e.label)):null)??(w?n:d.map(n,t=>s(t,m)&&e(t.props)===void 0?u.cloneElement(t,{component:`div`}):t));return/* @__PURE__ */ u.createElement(S,{className:T,...y,ref:b},E)}const g=c(h,`List`);export{m as n,g as t};
-//# sourceMappingURL=list-BPBZR66Y.js.map
+import"./focus-ring-Bs80iIBN.js";import{_ as e,d as t,f as n,g as r,m as i,p as a,v as o}from"./slot-DagH0Gxq.js";import{t as s}from"./lazyElement-tfMG21pZ.js";import{t as c}from"./polymorphic-mAKwlLiW.js";import{t as l}from"./Link-B3SX50Od.js";import u,{Children as d}from"react";import f from"classnames";function p({children:e,active:t,className:s,disabled:c,color:d,component:p,href:m,...h},g){let _=i(p,m,`li`),v=o(_,m,h),y=a(v),b=n(v,m,`ListItem`),x=y||r(_)===void 0,S=f(`list-item`,d&&`context`,d,{"list-action":y,active:t&&!x,disabled:c&&!x},s),C=x?l:_,w=x?{active:t,disabled:c,component:_,...c&&!y&&{"aria-disabled":!0},...b,...h}:{...t&&{"aria-current":`page`},...c&&{"aria-disabled":!0},...b,...h};return/* @__PURE__ */ u.createElement(C,{className:S,...w,ref:g},e)}const m=c(p,`ListItem`);function h({children:n,className:i,component:o,color:c,variant:l,flush:p,items:h,layout:g,numbered:_,plain:v,...y},b){let x=h?h.some(e=>t(e.href)):d.toArray(n).some(t=>s(t,m)&&a(e(t.props))),S=o??(x?`div`:`ul`),C=r(S),w=C===`ul`||C===`ol`,T=f(`list`,c&&`context`,c,l,g,{flush:p,plain:v,numbered:_},i),E=(h?h.map((e,n)=>/* @__PURE__ */ u.createElement(m,{key:e.id??n,component:t(e.href)||w?void 0:`div`,href:e.href,color:e.color,active:e.active,disabled:e.disabled},e.label)):null)??(w?n:d.map(n,t=>s(t,m)&&e(t.props)===void 0?u.cloneElement(t,{component:`div`}):t));return/* @__PURE__ */ u.createElement(S,{className:T,...y,ref:b},E)}const g=c(h,`List`);export{m as n,g as t};
+//# sourceMappingURL=list-Ch6vxaUs.js.map

package/dist/chunks/{list-BPBZR66Y.js.map → list-Ch6vxaUs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"list-BPBZR66Y.js","names":["resolveKindFromProps","hasHref","hrefProps","resolveElementTag","linkElement","isInteractiveKind","resolveLinkKind","isElementOfType","createPolymorphicComponent","Link","React","classNames","ListItemRender","rest","tag","component","href","kind","isInteractive","linkProps","throughLink","_className","color","active","disabled","className","Component","finalRest","children","ListItem","ListRender","hasInteractiveItem","items","item","Children","child","rootTag","isListSemantic","variant","layout","renderedChildren","idx","List"],"sources":["../../src/components/list/ListItem.tsx","../../src/components/list/List.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor } from '../../types'\nimport {\n  hrefProps,\n  isInteractiveKind,\n  linkElement,\n  resolveElementTag,\n  resolveLinkKind\n} from '../../utils/elementKind'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  PolymorphicRefWithFallback\n} from '../../utils/polymorphic'\nimport { Link } from '../link/Link'\n\ntype ListItemOwnProps<C extends ElementType> = {\n  /**\n   * Toggle the active state for the component.\n   */\n  active?: boolean\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Toggle the disabled state for the component.\n   */\n  disabled?: boolean\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * The href attribute specifies the URL of the page the link goes to. Renders an `<a>` in place\n   * of the `<li>`, unless `component` or `asChild` chose the element. Inside a `List`, the list\n   * renders a `<div>` around it in place of the `<ul>`.\n   */\n  href?: string\n}\n\nexport type ListItemProps<C extends ElementType = 'li'> = PolymorphicComponentProps<\n  C,\n  ListItemOwnProps<C>\n>\n\ntype ListItemComponent = (<C extends ElementType = 'li'>(\n  props: ListItemProps<C> & {\n    ref?: PolymorphicRefWithFallback<C, HTMLLIElement | HTMLAnchorElement>\n  }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListItemRender<C extends ElementType = 'li'>(\n  { children, active, className, disabled, color, component, href, ...rest }: ListItemProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // `href` makes it an `<a>`, unless `component` or `asChild` chose the element (see\n  // `linkElement`). It used to stay an `<li>` and carry `href` as an attribute.\n  const tag = linkElement(component, href, 'li')\n  // The kind rather than the tag, counting a router link with `href` or `to` as an anchor: under `asChild`, `tag` is a `Slot` standing in for the caller's\n  // element, and a slotted `<a>` is as interactive as `component=\"a\"`.\n  const kind = resolveLinkKind(tag, href, rest)\n  const isInteractive = isInteractiveKind(kind)\n  const linkProps = hrefProps(kind, href, 'ListItem')\n\n  // A component (a router link given as `component`, or as the `asChild` element) renders through\n  // `Link` whether or not it has a link target. It did only while it had one, so a router link\n  // whose `href` came or went was a different tree each time, and React remounted it. `Link`\n  // leaves a component that isn't a link to its own semantics.\n  const throughLink = isInteractive || resolveElementTag(tag) === undefined\n\n  const _className = classNames(\n    'list-item',\n    color && 'context',\n    color,\n    {\n      'list-action': isInteractive,\n      // `Link` adds these classes, and `aria-current`, itself.\n      active: active && !throughLink,\n      disabled: disabled && !throughLink\n    },\n    className\n  )\n\n  const Component = (throughLink ? Link : tag) as ElementType\n\n  const finalRest = throughLink\n    ? {\n        active,\n        disabled,\n        component: tag,\n        // `Link` writes it on a link, which it also takes out of the tab order.\n        ...(disabled && !isInteractive && { 'aria-disabled': true }),\n        ...linkProps,\n        ...rest\n      }\n    : {\n        ...(active && { 'aria-current': 'page' }),\n        ...(disabled && { 'aria-disabled': true }),\n        ...linkProps,\n        ...rest\n      }\n\n  return (\n    <Component className={_className} {...finalRest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const ListItem = createPolymorphicComponent<ListItemComponent>(\n  ListItemRender as ForwardRefRenderFunction<Element, ListItemProps<ElementType>>,\n  'ListItem'\n)\n","import React, {\n  Children,\n  ElementType,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode\n} from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor, ContextStyle } from '../../types'\nimport {\n  hasHref,\n  isInteractiveKind,\n  resolveElementTag,\n  resolveKindFromProps\n} from '../../utils/elementKind'\nimport { isElementOfType } from '../../utils/lazyElement'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { ListItem } from './ListItem'\n\nexport interface ListItemDef {\n  /**\n   * Stable key for the rendered item. Falls back to the item's index in `items`.\n   */\n  id?: number | string\n  /**\n   * Item label content.\n   */\n  label: React.ReactNode\n  /**\n   * Makes the item a link.\n   */\n  href?: string\n  /**\n   * Sets the color of the item.\n   */\n  color?: ContextColor\n  /**\n   * Marks the item as active.\n   */\n  active?: boolean\n  /**\n   * Marks the item as disabled.\n   */\n  disabled?: boolean\n}\n\ntype ListOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `'ul'`, unless an item (a data-driven item with `href`, or a `<ListItem>` child\n   * rendering an `<a>`/`<button>` through `component` or `asChild`) is interactive — a bare\n   * `<a>`/`<button>` isn't a valid direct child of `<ul>`/`<ol>`, so the default switches to\n   * `'div'` instead. Pass `component` explicitly to opt out of this.\n   */\n  component?: C\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Remove outer borders and rounded corners to render list items edge-to-edge in a parent component (e.g., `<Card>`).\n   */\n  flush?: boolean\n  /**\n   * Array of item definitions for data-driven rendering. When provided, children are ignored.\n   */\n  items?: ListItemDef[]\n  /**\n   * Specify a layout type.\n   */\n  layout?:\n    | 'horizontal'\n    | 'sm:horizontal'\n    | 'md:horizontal'\n    | 'lg:horizontal'\n    | 'xl:horizontal'\n    | '2xl:horizontal'\n  /**\n   * Number list items sequentially using CSS counters. Pair with `component=\"ol\"` for semantic correctness.\n   */\n  numbered?: boolean\n  /**\n   * Remove outer borders, rounded corners, and horizontal padding for a minimal, edge-to-edge appearance.\n   */\n  plain?: boolean\n  /**\n   * Applies a `.solid`, `.outline`, or `.smooth` context style. Only meaningful together with `color`.\n   */\n  variant?: ContextStyle\n}\n\n// What `List` reads off a `<ListItem>` child to decide its own tag.\ntype ListItemChildProps = {\n  asChild?: boolean\n  children?: ReactNode\n  component?: ElementType\n  href?: string\n}\n\nexport type ListProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, ListOwnProps<C>>\n\ntype ListComponent = (<C extends ElementType = 'ul'>(\n  props: ListProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListRender<C extends ElementType = 'ul'>(\n  {\n    children,\n    className,\n    component,\n    color,\n    variant,\n    flush,\n    items,\n    layout,\n    numbered,\n    plain,\n    ...rest\n  }: ListProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // A linked item (data-driven `href`, or a `<ListItem>` child rendering an `<a>`/`<button>`,\n  // whether through `component` or as its `asChild` element) can't render as a bare\n  // `<a>`/`<button>` inside the default `<ul>`/`<ol>` root — only `<li>`/`script`/`template` are\n  // valid children there. Default to `<div>` instead when that's the case (unless the caller\n  // already chose their own `component`), matching the same `component=\"div\"` pattern already\n  // documented for `Stepper`'s composed interactive usage.\n  const hasInteractiveItem = items\n    ? items.some((item) => hasHref(item.href))\n    : Children.toArray(children).some(\n        (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          isInteractiveKind(resolveKindFromProps(child.props))\n      )\n  const Component = (component ?? (hasInteractiveItem ? 'div' : 'ul')) as ElementType\n  // The tag rather than `Component`, which under `asChild` is a `Slot` holding the caller's\n  // `<ul>`/`<ol>`.\n  const rootTag = resolveElementTag(Component)\n  const isListSemantic = rootTag === 'ul' || rootTag === 'ol'\n\n  const _className = classNames(\n    'list',\n    color && 'context',\n    color,\n    variant,\n    layout,\n    {\n      flush,\n      plain,\n      numbered\n    },\n    className\n  )\n\n  // Through `ListItem`, like the composed form: a linked item is a `Link`, so a disabled one is\n  // out of the tab order and doesn't navigate, and each registers with a surrounding `Scrollspy`.\n  // An item with no `href` is a `<div>` where the root isn't a list, as below.\n  const autoContent = items\n    ? items.map((item, idx) => (\n        <ListItem\n          key={item.id ?? idx}\n          component={hasHref(item.href) || isListSemantic ? undefined : 'div'}\n          href={item.href}\n          color={item.color}\n          active={item.active}\n          disabled={item.disabled}\n        >\n          {item.label}\n        </ListItem>\n      ))\n    : null\n\n  // When the root switched to `div` because of an interactive child, every plain `<ListItem>`\n  // sibling defaulting to `<li>` would be just as invalid (only valid inside `<ul>`/`<ol>`/\n  // `<menu>`) — so give each `ListItem` child the same `div` treatment the auto-generated items\n  // above already get, unless it chose its own element: `component`, `href` or its `asChild`\n  // element. Other child types are left untouched — this is only meaningful for `List`'s own list\n  // items.\n  const renderedChildren =\n    autoContent ??\n    (isListSemantic\n      ? children\n      : Children.map(children, (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          resolveKindFromProps(child.props) === undefined\n            ? React.cloneElement(child, { component: 'div' })\n            : child\n        ))\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {renderedChildren}\n    </Component>\n  )\n}\n\nexport const List = createPolymorphicComponent<ListComponent>(\n  ListRender as ForwardRefRenderFunction<Element, ListProps<ElementType>>,\n  'List'\n)\n"],"mappings":"A,mTA2DA,SAASY,EACP,CAAE,WAAU,SAAQ,YAAW,WAAU,QAAO,YAAW,OAAM,GAAGC,GACpE,EACA,CAGA,IAAMC,EAAMV,EAAYW,EAAWC,EAAM,IAAI,EAGvCC,EAAOX,EAAgBQ,EAAKE,EAAMH,CAAI,EACtCK,EAAgBb,EAAkBY,CAAI,EACtCE,EAAYjB,EAAUe,EAAMD,EAAM,UAAU,EAM5CI,EAAcF,GAAiBf,EAAkBW,CAAG,IAAM,IAAA,GAE1DO,EAAaV,EACjB,YACAW,GAAS,UACTA,EACA,CACE,cAAeJ,EAEf,OAAQK,GAAU,CAACH,EACnB,SAAUI,GAAY,CAACJ,CACzB,EACAK,CACF,EAEMC,EAAaN,EAAcX,EAAOK,EAElCa,EAAYP,EACd,CACE,SACA,WACA,UAAWN,EAEX,GAAIU,GAAY,CAACN,GAAiB,CAAE,gBAAiB,EAAK,EAC1D,GAAGC,EACH,GAAGN,CACL,EACA,CACE,GAAIU,GAAU,CAAE,eAAgB,MAAO,EACvC,GAAIC,GAAY,CAAE,gBAAiB,EAAK,EACxC,GAAGL,EACH,GAAGN,CACL,EAEJ,MACE,kBAAA,cAACa,EAAD,CAAW,UAAWL,EAAY,GAAIM,EAAgB,KAE3C,EADRC,CACQ,CAEf,CAEA,MAAaC,EAAWrB,EACtBI,EACA,UACF,ECNA,SAASkB,EACP,CACE,WACA,YACA,YACA,QACA,UACA,QACA,QACA,SACA,WACA,QACA,GAAGjB,GAEL,EACA,CAOA,IAAMkB,EAAqBC,EACvBA,EAAM,KAAM,GAAS/B,EAAQgC,EAAK,IAAI,CAAC,EACvCC,EAAS,QAAQN,CAAQ,CAAC,CAAC,KACxB,GACCrB,EAAoC4B,EAAON,CAAQ,GACnDxB,EAAkBL,EAAqBmC,EAAM,KAAK,CAAC,CACvD,EACET,EAAaX,IAAcgB,EAAqB,MAAQ,MAGxDK,EAAUjC,EAAkBuB,CAAS,EACrCW,EAAiBD,IAAY,MAAQA,IAAY,KAEjDf,EAAaV,EACjB,OACAW,GAAS,UACTA,EACAgB,EACAC,EACA,CACE,QACA,QACA,UACF,EACAd,CACF,EA0BMe,GArBcR,EAChBA,EAAM,KAAK,EAAM,IACf,kBAAA,cAACH,EAAD,CACE,IAAKI,EAAK,IAAMQ,EAChB,UAAWxC,EAAQgC,EAAK,IAAI,GAAKI,EAAiB,IAAA,GAAY,MAC9D,KAAMJ,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,SAAUA,EAAK,QAGP,EADPA,EAAK,KACE,CACX,EACD,QAUDI,EACGT,EACAM,EAAS,IAAIN,EAAW,GACtBrB,EAAoC4B,EAAON,CAAQ,GACnD7B,EAAqBmC,EAAM,KAAK,IAAM,IAAA,GAClCzB,EAAM,aAAayB,EAAO,CAAE,UAAW,KAAM,CAAC,EAC9CA,CACN,GAEN,MACE,kBAAA,cAACT,EAAD,CAAW,UAAWL,EAAY,GAAIR,EAAW,KAEtC,EADR2B,CACQ,CAEf,CAEA,MAAaE,EAAOlC,EAClBsB,EACA,MACF,E"}
+{"version":3,"file":"list-Ch6vxaUs.js","names":["resolveKindFromProps","hasHref","hrefProps","resolveElementTag","linkElement","isInteractiveKind","resolveLinkKind","isElementOfType","createPolymorphicComponent","Link","React","classNames","ListItemRender","rest","tag","component","href","kind","isInteractive","linkProps","throughLink","_className","color","active","disabled","className","Component","finalRest","children","ListItem","ListRender","hasInteractiveItem","items","item","Children","child","rootTag","isListSemantic","variant","layout","renderedChildren","idx","List"],"sources":["../../src/components/list/ListItem.tsx","../../src/components/list/List.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor } from '../../types'\nimport {\n  hrefProps,\n  isInteractiveKind,\n  linkElement,\n  resolveElementTag,\n  resolveLinkKind\n} from '../../utils/elementKind'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  PolymorphicRefWithFallback\n} from '../../utils/polymorphic'\nimport { Link } from '../link/Link'\n\ntype ListItemOwnProps<C extends ElementType> = {\n  /**\n   * Toggle the active state for the component.\n   */\n  active?: boolean\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Toggle the disabled state for the component.\n   */\n  disabled?: boolean\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * The href attribute specifies the URL of the page the link goes to. Renders an `<a>` in place\n   * of the `<li>`, unless `component` or `asChild` chose the element. Inside a `List`, the list\n   * renders a `<div>` around it in place of the `<ul>`.\n   */\n  href?: string\n}\n\nexport type ListItemProps<C extends ElementType = 'li'> = PolymorphicComponentProps<\n  C,\n  ListItemOwnProps<C>\n>\n\ntype ListItemComponent = (<C extends ElementType = 'li'>(\n  props: ListItemProps<C> & {\n    ref?: PolymorphicRefWithFallback<C, HTMLLIElement | HTMLAnchorElement>\n  }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListItemRender<C extends ElementType = 'li'>(\n  { children, active, className, disabled, color, component, href, ...rest }: ListItemProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // `href` makes it an `<a>`, unless `component` or `asChild` chose the element (see\n  // `linkElement`). It used to stay an `<li>` and carry `href` as an attribute.\n  const tag = linkElement(component, href, 'li')\n  // The kind rather than the tag, counting a router link with `href` or `to` as an anchor: under `asChild`, `tag` is a `Slot` standing in for the caller's\n  // element, and a slotted `<a>` is as interactive as `component=\"a\"`.\n  const kind = resolveLinkKind(tag, href, rest)\n  const isInteractive = isInteractiveKind(kind)\n  const linkProps = hrefProps(kind, href, 'ListItem')\n\n  // A component (a router link given as `component`, or as the `asChild` element) renders through\n  // `Link` whether or not it has a link target. It did only while it had one, so a router link\n  // whose `href` came or went was a different tree each time, and React remounted it. `Link`\n  // leaves a component that isn't a link to its own semantics.\n  const throughLink = isInteractive || resolveElementTag(tag) === undefined\n\n  const _className = classNames(\n    'list-item',\n    color && 'context',\n    color,\n    {\n      'list-action': isInteractive,\n      // `Link` adds these classes, and `aria-current`, itself.\n      active: active && !throughLink,\n      disabled: disabled && !throughLink\n    },\n    className\n  )\n\n  const Component = (throughLink ? Link : tag) as ElementType\n\n  const finalRest = throughLink\n    ? {\n        active,\n        disabled,\n        component: tag,\n        // `Link` writes it on a link, which it also takes out of the tab order.\n        ...(disabled && !isInteractive && { 'aria-disabled': true }),\n        ...linkProps,\n        ...rest\n      }\n    : {\n        ...(active && { 'aria-current': 'page' }),\n        ...(disabled && { 'aria-disabled': true }),\n        ...linkProps,\n        ...rest\n      }\n\n  return (\n    <Component className={_className} {...finalRest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const ListItem = createPolymorphicComponent<ListItemComponent>(\n  ListItemRender as ForwardRefRenderFunction<Element, ListItemProps<ElementType>>,\n  'ListItem'\n)\n","import React, {\n  Children,\n  ElementType,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode\n} from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor, ContextStyle } from '../../types'\nimport {\n  hasHref,\n  isInteractiveKind,\n  resolveElementTag,\n  resolveKindFromProps\n} from '../../utils/elementKind'\nimport { isElementOfType } from '../../utils/lazyElement'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { ListItem } from './ListItem'\n\nexport interface ListItemDef {\n  /**\n   * Stable key for the rendered item. Falls back to the item's index in `items`.\n   */\n  id?: number | string\n  /**\n   * Item label content.\n   */\n  label: React.ReactNode\n  /**\n   * Makes the item a link.\n   */\n  href?: string\n  /**\n   * Sets the color of the item.\n   */\n  color?: ContextColor\n  /**\n   * Marks the item as active.\n   */\n  active?: boolean\n  /**\n   * Marks the item as disabled.\n   */\n  disabled?: boolean\n}\n\ntype ListOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `'ul'`, unless an item (a data-driven item with `href`, or a `<ListItem>` child\n   * rendering an `<a>`/`<button>` through `component` or `asChild`) is interactive — a bare\n   * `<a>`/`<button>` isn't a valid direct child of `<ul>`/`<ol>`, so the default switches to\n   * `'div'` instead. Pass `component` explicitly to opt out of this.\n   */\n  component?: C\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Remove outer borders and rounded corners to render list items edge-to-edge in a parent component (e.g., `<Card>`).\n   */\n  flush?: boolean\n  /**\n   * Array of item definitions for data-driven rendering. When provided, children are ignored.\n   */\n  items?: ListItemDef[]\n  /**\n   * Specify a layout type.\n   */\n  layout?:\n    | 'horizontal'\n    | 'sm:horizontal'\n    | 'md:horizontal'\n    | 'lg:horizontal'\n    | 'xl:horizontal'\n    | '2xl:horizontal'\n  /**\n   * Number list items sequentially using CSS counters. Pair with `component=\"ol\"` for semantic correctness.\n   */\n  numbered?: boolean\n  /**\n   * Remove outer borders, rounded corners, and horizontal padding for a minimal, edge-to-edge appearance.\n   */\n  plain?: boolean\n  /**\n   * Applies a `.solid`, `.outline`, or `.smooth` context style. Only meaningful together with `color`.\n   */\n  variant?: ContextStyle\n}\n\n// What `List` reads off a `<ListItem>` child to decide its own tag.\ntype ListItemChildProps = {\n  asChild?: boolean\n  children?: ReactNode\n  component?: ElementType\n  href?: string\n}\n\nexport type ListProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, ListOwnProps<C>>\n\ntype ListComponent = (<C extends ElementType = 'ul'>(\n  props: ListProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListRender<C extends ElementType = 'ul'>(\n  {\n    children,\n    className,\n    component,\n    color,\n    variant,\n    flush,\n    items,\n    layout,\n    numbered,\n    plain,\n    ...rest\n  }: ListProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // A linked item (data-driven `href`, or a `<ListItem>` child rendering an `<a>`/`<button>`,\n  // whether through `component` or as its `asChild` element) can't render as a bare\n  // `<a>`/`<button>` inside the default `<ul>`/`<ol>` root — only `<li>`/`script`/`template` are\n  // valid children there. Default to `<div>` instead when that's the case (unless the caller\n  // already chose their own `component`), matching the same `component=\"div\"` pattern already\n  // documented for `Stepper`'s composed interactive usage.\n  const hasInteractiveItem = items\n    ? items.some((item) => hasHref(item.href))\n    : Children.toArray(children).some(\n        (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          isInteractiveKind(resolveKindFromProps(child.props))\n      )\n  const Component = (component ?? (hasInteractiveItem ? 'div' : 'ul')) as ElementType\n  // The tag rather than `Component`, which under `asChild` is a `Slot` holding the caller's\n  // `<ul>`/`<ol>`.\n  const rootTag = resolveElementTag(Component)\n  const isListSemantic = rootTag === 'ul' || rootTag === 'ol'\n\n  const _className = classNames(\n    'list',\n    color && 'context',\n    color,\n    variant,\n    layout,\n    {\n      flush,\n      plain,\n      numbered\n    },\n    className\n  )\n\n  // Through `ListItem`, like the composed form: a linked item is a `Link`, so a disabled one is\n  // out of the tab order and doesn't navigate, and each registers with a surrounding `Scrollspy`.\n  // An item with no `href` is a `<div>` where the root isn't a list, as below.\n  const autoContent = items\n    ? items.map((item, idx) => (\n        <ListItem\n          key={item.id ?? idx}\n          component={hasHref(item.href) || isListSemantic ? undefined : 'div'}\n          href={item.href}\n          color={item.color}\n          active={item.active}\n          disabled={item.disabled}\n        >\n          {item.label}\n        </ListItem>\n      ))\n    : null\n\n  // When the root switched to `div` because of an interactive child, every plain `<ListItem>`\n  // sibling defaulting to `<li>` would be just as invalid (only valid inside `<ul>`/`<ol>`/\n  // `<menu>`) — so give each `ListItem` child the same `div` treatment the auto-generated items\n  // above already get, unless it chose its own element: `component`, `href` or its `asChild`\n  // element. Other child types are left untouched — this is only meaningful for `List`'s own list\n  // items.\n  const renderedChildren =\n    autoContent ??\n    (isListSemantic\n      ? children\n      : Children.map(children, (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          resolveKindFromProps(child.props) === undefined\n            ? React.cloneElement(child, { component: 'div' })\n            : child\n        ))\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {renderedChildren}\n    </Component>\n  )\n}\n\nexport const List = createPolymorphicComponent<ListComponent>(\n  ListRender as ForwardRefRenderFunction<Element, ListProps<ElementType>>,\n  'List'\n)\n"],"mappings":"A,mTA2DA,SAASY,EACP,CAAE,WAAU,SAAQ,YAAW,WAAU,QAAO,YAAW,OAAM,GAAGC,GACpE,EACA,CAGA,IAAMC,EAAMV,EAAYW,EAAWC,EAAM,IAAI,EAGvCC,EAAOX,EAAgBQ,EAAKE,EAAMH,CAAI,EACtCK,EAAgBb,EAAkBY,CAAI,EACtCE,EAAYjB,EAAUe,EAAMD,EAAM,UAAU,EAM5CI,EAAcF,GAAiBf,EAAkBW,CAAG,IAAM,IAAA,GAE1DO,EAAaV,EACjB,YACAW,GAAS,UACTA,EACA,CACE,cAAeJ,EAEf,OAAQK,GAAU,CAACH,EACnB,SAAUI,GAAY,CAACJ,CACzB,EACAK,CACF,EAEMC,EAAaN,EAAcX,EAAOK,EAElCa,EAAYP,EACd,CACE,SACA,WACA,UAAWN,EAEX,GAAIU,GAAY,CAACN,GAAiB,CAAE,gBAAiB,EAAK,EAC1D,GAAGC,EACH,GAAGN,CACL,EACA,CACE,GAAIU,GAAU,CAAE,eAAgB,MAAO,EACvC,GAAIC,GAAY,CAAE,gBAAiB,EAAK,EACxC,GAAGL,EACH,GAAGN,CACL,EAEJ,MACE,kBAAA,cAACa,EAAD,CAAW,UAAWL,EAAY,GAAIM,EAAgB,KAE3C,EADRC,CACQ,CAEf,CAEA,MAAaC,EAAWrB,EACtBI,EACA,UACF,ECNA,SAASkB,EACP,CACE,WACA,YACA,YACA,QACA,UACA,QACA,QACA,SACA,WACA,QACA,GAAGjB,GAEL,EACA,CAOA,IAAMkB,EAAqBC,EACvBA,EAAM,KAAM,GAAS/B,EAAQgC,EAAK,IAAI,CAAC,EACvCC,EAAS,QAAQN,CAAQ,CAAC,CAAC,KACxB,GACCrB,EAAoC4B,EAAON,CAAQ,GACnDxB,EAAkBL,EAAqBmC,EAAM,KAAK,CAAC,CACvD,EACET,EAAaX,IAAcgB,EAAqB,MAAQ,MAGxDK,EAAUjC,EAAkBuB,CAAS,EACrCW,EAAiBD,IAAY,MAAQA,IAAY,KAEjDf,EAAaV,EACjB,OACAW,GAAS,UACTA,EACAgB,EACAC,EACA,CACE,QACA,QACA,UACF,EACAd,CACF,EA0BMe,GArBcR,EAChBA,EAAM,KAAK,EAAM,IACf,kBAAA,cAACH,EAAD,CACE,IAAKI,EAAK,IAAMQ,EAChB,UAAWxC,EAAQgC,EAAK,IAAI,GAAKI,EAAiB,IAAA,GAAY,MAC9D,KAAMJ,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,SAAUA,EAAK,QAGP,EADPA,EAAK,KACE,CACX,EACD,QAUDI,EACGT,EACAM,EAAS,IAAIN,EAAW,GACtBrB,EAAoC4B,EAAON,CAAQ,GACnD7B,EAAqBmC,EAAM,KAAK,IAAM,IAAA,GAClCzB,EAAM,aAAayB,EAAO,CAAE,UAAW,KAAM,CAAC,EAC9CA,CACN,GAEN,MACE,kBAAA,cAACT,EAAD,CAAW,UAAWL,EAAY,GAAIR,EAAW,KAEtC,EADR2B,CACQ,CAEf,CAEA,MAAaE,EAAOlC,EAClBsB,EACA,MACF,E"}