@chassis-ui/react 0.2.0 → 0.4.0

package/dist/chunks/index-BSLneLYu.d.ts

@@ -0,0 +1,79 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { l as Spacing, o as Responsive } from "./types-D6FM7bYR.js";
+import { ElementType, ReactElement } from "react";
+//#region src/components/flex/Flex.d.ts
+type FlexOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * Renders an inline flex container (`.d-inline-flex`) instead of a block-level one (`.d-flex`,
+   * the default).
+   */
+  inline?: boolean;
+  /**
+   * Sets `flex-direction`. Omit for the browser default (`row`). An object sets it per
+   * breakpoint, `base` being the narrowest width: `{ base: 'column', md: 'row' }`. The
+   * breakpoints are widths of the viewport, so unlike `Stack`'s `direction` they need no
+   * `.contains-inline` ancestor.
+   */
+  direction?: Responsive<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
+  /**
+   * Sets `flex-wrap`. Omit for the browser default (`nowrap`). Takes an object per breakpoint,
+   * as `direction` does.
+   */
+  wrap?: Responsive<'wrap' | 'nowrap' | 'wrap-reverse'>;
+  /**
+   * Sets `justify-content`, aligning items along the main axis. Takes an object per breakpoint,
+   * as `direction` does.
+   */
+  justify?: Responsive<'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'>;
+  /**
+   * Sets `align-items`, aligning items along the cross axis. Takes an object per breakpoint, as
+   * `direction` does.
+   */
+  align?: Responsive<'start' | 'end' | 'center' | 'baseline' | 'stretch'>;
+  /**
+   * Sets `align-content`, distributing wrapped lines along the cross axis. Has no effect on
+   * single-line (non-wrapping) containers. Takes an object per breakpoint, as `direction` does.
+   */
+  alignContent?: Responsive<'start' | 'end' | 'center' | 'between' | 'around' | 'stretch'>;
+  /**
+   * Spacing between children on both axes, mapped to the `gap-*` utility classes. Overridden per
+   * axis by `rowGap`/`columnGap` where set. Takes an object per breakpoint, as `direction` does.
+   *
+   * @type { Responsive<Spacing | 0> }
+   */
+  gap?: Responsive<Spacing | 0>;
+  /**
+   * Spacing between rows (the cross axis when wrapped), mapped to the `row-gap-*` utility
+   * classes. Independent of `gap`/`columnGap`. Takes an object per breakpoint, as `direction`
+   * does.
+   *
+   * @type { Responsive<Spacing | 0> }
+   */
+  rowGap?: Responsive<Spacing | 0>;
+  /**
+   * Spacing between columns (the main axis), mapped to the `column-gap-*` utility classes.
+   * Independent of `gap`/`rowGap`. Takes an object per breakpoint, as `direction` does.
+   *
+   * @type { Responsive<Spacing | 0> }
+   */
+  columnGap?: Responsive<Spacing | 0>;
+};
+type FlexProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, FlexOwnProps<C>>;
+type FlexComponent = (<C extends ElementType = 'div'>(props: FlexProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Flex: FlexComponent;
+//#endregion
+export { FlexProps as n, Flex as t };
+//# sourceMappingURL=index-BSLneLYu.d.ts.map

package/dist/chunks/index-BVGGIaPX.d.ts

@@ -107,4 +107,5 @@ 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 };
+export { SelectOptionDef as n, SelectProps as r, Select as t };
+//# sourceMappingURL=index-BVGGIaPX.d.ts.map

package/dist/chunks/{index-qgZ5VGmc.d.ts → index-B_UzbGOa.d.ts}

@@ -16,6 +16,11 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    * A string of all className you want applied to the base component.
    */
   className?: string;
+  /**
+   * Whether the modal is open when it first renders. Such a modal is uncontrolled: it closes
+   * itself on a close request. Use `visible` to open and close it from outside.
+   */
+  defaultVisible?: boolean;
   /**
    * Set modal to cover the entire user viewport. A breakpoint value goes fullscreen only
    * below that breakpoint.
@@ -34,6 +39,12 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    * instead — no backdrop, and the page behind the modal stays interactive.
    */
   modal?: boolean;
+  /**
+   * Renders the modal open from its first paint, server HTML included, as a non-modal dialog: a
+   * static preview. It stays open until a close request. Use `visible` or `defaultVisible` to
+   * open it as a modal dialog.
+   */
+  open?: boolean;
   /**
    * Callback fired when the modal requests to be closed (escape, backdrop click, or close button).
    */
@@ -54,6 +65,11 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    * Callback fired after the entry transition completes and the modal is fully visible.
    */
   onShown?: () => void;
+  /**
+   * Callback fired with `false` when the modal requests to be closed, at the same moments as
+   * `onClose`. It makes `visible` and `onVisibleChange` a pair that takes a state setter.
+   */
+  onVisibleChange?: (visible: boolean) => void;
   /**
    * Create a scrollable modal — the header and footer stay fixed while the body scrolls.
    */
@@ -63,7 +79,8 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    */
   size?: 'sm' | 'lg' | 'xl';
   /**
-   * Toggle the visibility of modal component.
+   * Whether the modal is open. The modal is then controlled: a close request only fires
+   * `onClose` and `onVisibleChange`, and the modal closes when this becomes `false`.
    */
   visible?: boolean;
 }
@@ -174,4 +191,5 @@ declare const ModalTitle: ModalTitleComponent;
 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 };
+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-B_UzbGOa.d.ts.map

package/dist/chunks/{index-XjLvaH4G.d.ts → index-BfEJYF4c.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as ContextColor, r as ContextStyle } from "./types-CS_40Txv.js";
+import { r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { i as ContextStyle, r as ContextColor } from "./types-D6FM7bYR.js";
 import { ElementType, MouseEventHandler, ReactElement } from "react";
 //#region src/components/close-button/CloseButton.d.ts
 type CloseButtonOwnProps<C extends ElementType> = {
@@ -26,8 +26,8 @@ type CloseButtonOwnProps<C extends ElementType> = {
    */
   disabled?: boolean;
   /**
-   * The href attribute specifies the URL of the page the link goes to. Only meaningful when
-   * `component` is `'a'`.
+   * The href attribute specifies the URL of the page the link goes to. Renders an `<a>` in place
+   * of the `<button>`, unless `component` or `asChild` chose the element.
    */
   href?: string;
   /**
@@ -58,10 +58,11 @@ type CloseButtonOwnProps<C extends ElementType> = {
 };
 type CloseButtonProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, CloseButtonOwnProps<C>>;
 type CloseButtonComponent = (<C extends ElementType = 'button'>(props: CloseButtonProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLButtonElement | HTMLAnchorElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
 declare const CloseButton: CloseButtonComponent;
 //#endregion
-export { CloseButtonProps as n, CloseButton as t };
+export { CloseButtonProps as n, CloseButton as t };
+//# sourceMappingURL=index-BfEJYF4c.d.ts.map

package/dist/chunks/index-Bi8FFadV.d.ts

@@ -95,4 +95,5 @@ interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
 }
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { ComboboxProps as n, Combobox as t };
+export { ComboboxProps as n, Combobox as t };
+//# sourceMappingURL=index-Bi8FFadV.d.ts.map

package/dist/chunks/index-Bkj17NEQ.d.ts

@@ -47,4 +47,5 @@ type InputGroupAddonComponent = (<C extends ElementType = 'span'>(props: InputGr
 };
 declare const InputGroupAddon: InputGroupAddonComponent;
 //#endregion
-export { InputGroupProps as i, InputGroupAddonProps as n, InputGroup as r, InputGroupAddon as t };
+export { InputGroupProps as i, InputGroupAddonProps as n, InputGroup as r, InputGroupAddon as t };
+//# sourceMappingURL=index-Bkj17NEQ.d.ts.map

package/dist/chunks/{index--0_IpTDT.d.ts → index-BxROljJI.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as IconConfig } from "./iconConfig-Bu6Pt9o3.js";
 import "./Icon-CioraWLF.js";
+import { n as IconConfig } from "./iconConfig-C6gbYhsD.js";
 import React, { ReactNode } from "react";
 //#region src/components/icon/IconProvider.d.ts
 interface IconProviderProps extends IconConfig {
@@ -14,4 +14,5 @@ declare const IconProvider: {
   displayName: string;
 };
 //#endregion
-export { IconProviderProps as n, IconProvider as t };
+export { IconProviderProps as n, IconProvider as t };
+//# sourceMappingURL=index-BxROljJI.d.ts.map

package/dist/chunks/index-Bz8MDq0H.d.ts

@@ -0,0 +1,85 @@
+import "./focus-ring-SR_LwaN7.js";
+import { i as IconValue } from "./iconConfig-C6gbYhsD.js";
+import React, { InputHTMLAttributes, ReactNode } from "react";
+//#region src/components/search-field/SearchField.d.ts
+interface SearchFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'onSubmit' | 'size' | 'type' | 'value'> {
+  /**
+   * The accessible name of the clear button. Defaults to react-aria's, in the locale's language
+   * ("Clear search").
+   */
+  clearAriaLabel?: string;
+  /**
+   * The icon of the clear button, in place of `IconProvider`'s `clear` icon.
+   */
+  clearIcon?: IconValue;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * The value of the field, uncontrolled.
+   */
+  defaultValue?: string;
+  /**
+   * Toggle the disabled state for the component.
+   */
+  disabled?: boolean;
+  /**
+   * A description for the field, rendered below it.
+   */
+  help?: ReactNode;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below it when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with the input.
+   */
+  label?: ReactNode;
+  /**
+   * Handler that is called when the value changes.
+   */
+  onChange?: (value: string) => void;
+  /**
+   * Handler that is called when the field is cleared, by the clear button or the Escape key.
+   */
+  onClear?: () => void;
+  /**
+   * Handler that is called when the Enter key is pressed, with the value. When set, Enter, with
+   * or without a modifier key, no longer submits the input's form.
+   */
+  onSubmit?: (value: string) => void;
+  /**
+   * Toggle the readonly state for the component.
+   */
+  readOnly?: boolean;
+  /**
+   * The icon at the field's start, in place of `IconProvider`'s `search` icon. `false` leaves it
+   * out.
+   */
+  searchIcon?: IconValue | false;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below it when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The value of the field, controlled.
+   */
+  value?: string;
+}
+declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { SearchFieldProps as n, SearchField as t };
+//# sourceMappingURL=index-Bz8MDq0H.d.ts.map

package/dist/chunks/{index-Cf2n0l0U.d.ts → index-C4Dks__B.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { i as IconValue } from "./iconConfig-Bu6Pt9o3.js";
+import { i as IconValue } from "./iconConfig-C6gbYhsD.js";
 import React, { ElementType, HTMLAttributes, MouseEvent, ReactElement, RefObject } from "react";
 //#region src/components/pagination/Pagination.d.ts
 interface PaginationProps extends HTMLAttributes<HTMLElement> {
@@ -135,4 +135,5 @@ 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 };
+export { Pagination as a, PaginationItemProps as i, usePagination as n, PaginationProps as o, PaginationItem as r, UsePaginationResult as t };
+//# sourceMappingURL=index-C4Dks__B.d.ts.map

package/dist/chunks/{index-CRfm7W6C.d.ts → index-C9gzVqwX.d.ts}

@@ -1,5 +1,5 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as ContextColor } from "./types-CS_40Txv.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
 import { Key, ReactElement, ReactNode, Ref } from "react";
 import { Key as Key$1 } from "react-aria";
 import { Selection, SortDescriptor, TableBodyProps, TableHeaderProps } from "react-stately";
@@ -227,4 +227,5 @@ 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 };
+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-C9gzVqwX.d.ts.map

package/dist/chunks/index-CCXJXToc.d.ts

@@ -49,4 +49,5 @@ interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
 }
 declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
-export { FileInputProps as n, FileInput as t };
+export { FileInputProps as n, FileInput as t };
+//# sourceMappingURL=index-CCXJXToc.d.ts.map

package/dist/chunks/{index-COsYSDrz.d.ts → index-CFnQubsV.d.ts}

@@ -1,5 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { t as NavVariant } from "./navVariant-CnD21GBS.js";
 import React, { AriaAttributes, ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
 import { Key as Key$1 } from "react-stately";
 //#region src/components/tabs/Tabs.d.ts
@@ -65,6 +66,10 @@ interface TabProps {
    * Identifies this tab and pairs it with the `TabPanel` of the same `id`.
    */
   id: Key$1;
+  /**
+   * Keeps the tab in the list inside a `NavOverflow`, whatever the width.
+   */
+  keepVisible?: boolean;
 }
 declare const Tab: {
   (_props: TabProps): null;
@@ -83,9 +88,17 @@ interface TabListProps extends AriaAttributes {
    */
   className?: string;
   /**
-   * Set the tab list variant to tabs or pills.
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Set the tab list variant to tabs, to segments (a segmented control) or to underline, which
+   * underlines the selected tab. `'pills'` is the former name of `'segments'`: deprecated, it
+   * renders the same.
+   *
+   * @type { 'tabs' | 'segments' | 'underline' | 'pills' }
    */
-  variant?: 'tabs' | 'pills';
+  variant?: NavVariant;
 }
 declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLUListElement>>;
 //#endregion
@@ -106,4 +119,5 @@ interface TabPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'id'> {
 }
 declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { Tab as a, TabsProps as c, TabListProps as i, TabPanelProps as n, TabProps as o, TabList as r, Tabs as s, TabPanel as t };
+export { Tab as a, TabsProps as c, TabListProps as i, TabPanelProps as n, TabProps as o, TabList as r, Tabs as s, TabPanel as t };
+//# sourceMappingURL=index-CFnQubsV.d.ts.map

package/dist/chunks/{index-8PhBSbNQ.d.ts → index-CHQR8x8_.d.ts}

@@ -1,7 +1,7 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as ContextColor, t as Breakpoint } from "./types-CS_40Txv.js";
-import { n as Span } from "./breakpoints-SLMTNHF9.js";
+import { o as Responsive, r as ContextColor } from "./types-D6FM7bYR.js";
+import { n as WidthSpan } from "./breakpoints-ECy4lKQT.js";
 import { ComponentPropsWithoutRef, ElementType, ReactElement, ReactNode } from "react";
 //#region src/components/skeleton/Skeleton.d.ts
 type SkeletonOwnProps<C extends ElementType> = {
@@ -28,20 +28,16 @@ type SkeletonOwnProps<C extends ElementType> = {
    */
   component?: C;
   /**
-   * Width of the skeleton, expressed as a column span (of 12), or `'auto'`/`true` for a
-   * natural-width skeleton. Unset by default, so the rendered element's own intrinsic width
-   * applies — set it explicitly (e.g. `span={12}`) for a full-width text line; leave it unset
-   * when `component` is something that sizes itself, like `Avatar` or `Button`.
+   * Width of the skeleton in twelfths of its parent (`span={6}` is half, mapped to the
+   * `w-{n}/12` class; `span={12}` is `w-100`), `'auto'` for its natural width (`w-auto`), or
+   * `true` to fill the rest of a flex row (`flex-fill`). Unset by default, so the rendered
+   * element's own intrinsic width applies — set it explicitly (e.g. `span={12}`) for a
+   * full-width text line; leave it unset when `component` is something that sizes itself, like
+   * `Avatar` or `Button`. An object sets the width from a breakpoint up: `{ base: 12, md: 6 }`.
    *
-   * @type { 'auto' | number | string | boolean }
+   * @type { Responsive<'auto' | number | string | boolean> }
    */
-  span?: Span;
-  /**
-   * Overrides `span` at a breakpoint and up.
-   *
-   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', 'auto' | number | string | boolean>> }
-   */
-  responsive?: Partial<Record<Breakpoint, Span>>;
+  span?: Responsive<WidthSpan>;
 };
 type SkeletonProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, SkeletonOwnProps<C>>;
 type SkeletonComponent = (<C extends ElementType = 'span'>(props: SkeletonProps<C> & {
@@ -82,12 +78,15 @@ type SkeletonLoaderOwnProps<C extends ElementType> = {
    *
    * @type { 'auto' | number | string | boolean | Array<'auto' | number | string | boolean> }
    */
-  spans?: Span | Span[];
+  spans?: WidthSpan | WidthSpan[];
 };
 type SkeletonLoaderProps<C extends ElementType = 'span'> = SkeletonLoaderOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SkeletonLoaderOwnProps<C> | 'asChild'>;
-type SkeletonLoaderComponent = (<C extends ElementType = 'span'>(props: SkeletonLoaderProps<C>) => ReactElement | null) & {
+type SkeletonLoaderComponent = (<C extends ElementType = 'span'>(props: SkeletonLoaderProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
   displayName?: string;
 };
 declare const SkeletonLoader: SkeletonLoaderComponent;
 //#endregion
-export { SkeletonProps as i, SkeletonLoaderProps as n, Skeleton as r, SkeletonLoader as t };
+export { SkeletonProps as i, SkeletonLoaderProps as n, Skeleton as r, SkeletonLoader as t };
+//# sourceMappingURL=index-CHQR8x8_.d.ts.map

package/dist/chunks/{index-BTTeKpiE.d.ts → index-CIwzgZJi.d.ts}

@@ -1,5 +1,5 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as ContextColor } from "./types-CS_40Txv.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
 import React, { ReactElement, ReactNode, Ref } from "react";
 import { ColumnSize, ColumnStaticSize } from "react-stately";
 import { Key as Key$2, Selection as Selection$1, SortDescriptor as SortDescriptor$1, TableBodyRenderProps } from "react-aria-components";
@@ -360,4 +360,5 @@ 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 };
+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-CIwzgZJi.d.ts.map

package/dist/chunks/{index-dh3TKanY.d.ts → index-CTpwB1yR.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { i as IconValue } from "./iconConfig-Bu6Pt9o3.js";
+import { i as IconValue } from "./iconConfig-C6gbYhsD.js";
 import React, { ButtonHTMLAttributes, ElementType, HTMLAttributes, ReactElement } from "react";
 //#region src/components/carousel/context.d.ts
 type CarouselEnds = 'loop' | 'wrap' | 'stop';
@@ -232,4 +232,5 @@ interface CarouselPlayPauseProps extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 declare const CarouselPlayPause: React.ForwardRefExoticComponent<CarouselPlayPauseProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
-export { CarouselSlideDetail as _, CarouselItem as a, CarouselInnerProps as c, CarouselControlPrev as d, CarouselControlPrevProps as f, CarouselProps as g, Carousel as h, CarouselOverlayProps as i, CarouselIndicators as l, CarouselControlNextProps as m, CarouselPlayPauseProps as n, CarouselItemProps as o, CarouselControlNext as p, CarouselOverlay as r, CarouselInner as s, CarouselPlayPause as t, CarouselIndicatorsProps as u, CarouselTransition as v, CarouselEnds as y };
+export { CarouselSlideDetail as _, CarouselItem as a, CarouselInnerProps as c, CarouselControlPrev as d, CarouselControlPrevProps as f, CarouselProps as g, Carousel as h, CarouselOverlayProps as i, CarouselIndicators as l, CarouselControlNextProps as m, CarouselPlayPauseProps as n, CarouselItemProps as o, CarouselControlNext as p, CarouselOverlay as r, CarouselInner as s, CarouselPlayPause as t, CarouselIndicatorsProps as u, CarouselTransition as v, CarouselEnds as y };
+//# sourceMappingURL=index-CTpwB1yR.d.ts.map

package/dist/chunks/{index-DR8sYtvd.d.ts → index-CYvVmTPR.d.ts}

@@ -1,88 +1,12 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as PolymorphicRef, r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { r as ContextColor, s as Shapes } from "./types-D6FM7bYR.js";
+import { n as ButtonProps, t as Button } from "./Button-BuZ_GOHS.js";
 import { i as MenuItemsDef } from "./MenuItemDef-D0VDtYIQ.js";
-import { a as Shapes, n as ContextColor, r as ContextStyle } from "./types-CS_40Txv.js";
-import { t as Button } from "./Button-Cptd4Yk7.js";
-import { n as LinkProps } from "./Link-B0Y1xgYi.js";
-import { t as Placement } from "./overlayPlacement-B7843a-Q.js";
-import React, { ButtonHTMLAttributes, ElementType, Fragment, HTMLAttributes, ReactElement, ReactNode } from "react";
-import "react-aria";
-//#region src/components/menu/Menu.d.ts
-type MenuFocusStrategy = 'first' | 'last';
-type MenuAutoClose = boolean | 'inside' | 'outside';
-type MenuOwnProps<C extends ElementType> = {
-  /**
-   * Controls which clicks close the menu. `true` closes on any click inside or outside.
-   * `false` requires a programmatic `visible` change. `'inside'` closes only on click inside
-   * the menu. `'outside'` closes only on click outside the menu.
-   */
-  autoClose?: MenuAutoClose;
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string;
-  /**
-   * Component used for the root node. Either a string to use a HTML element or a component.
-   * Defaults to `Fragment` — `MenuToggle`/`MenuList` render with no wrapping element, so
-   * they land as direct children of whatever contains the `Menu`. This matters inside
-   * `ButtonGroup`/`InputGroup`, whose CSS expects the toggle button and menu panel as direct
-   * children rather than nested inside an intermediate node.
-   *
-   * Pass an actual element (e.g. `"div"`, or `"li"` for a navbar item) to opt back into a
-   * wrapper — needed if you want to apply `className`/`style`/other rest props to a container
-   * around the whole menu, for semantic wrapping like a nav `<li>`, or for `reference="parent"`,
-   * which positions off this wrapper and has nothing to measure against without one.
-   */
-  component?: C;
-  /**
-   * Teleports the menu panel to a container element on open. Accepts an element reference, or
-   * `true` to append to `document.body`.
-   */
-  container?: boolean | Element;
-  /**
-   * Distance between the menu and its reference element, as `[skidding, distance]` in pixels.
-   */
-  offset?: [number, number];
-  /**
-   * Callback fired when the menu requests to be hidden.
-   */
-  onHide?: () => void;
-  /**
-   * Callback fired after the menu finishes hiding.
-   */
-  onHidden?: () => void;
-  /**
-   * Callback fired when the menu requests to be shown.
-   */
-  onShow?: () => void;
-  /**
-   * Callback fired after the menu finishes showing.
-   */
-  onShown?: () => void;
-  /**
-   * Initial placement. Chassis will flip it to keep the menu in view.
-   *
-   * @type 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'
-   */
-  placement?: Placement;
-  /**
-   * Reference element used for positioning. `'toggle'` uses the trigger. `'parent'` uses this
-   * component's own rendered element, useful for split buttons and button groups.
-   */
-  reference?: 'toggle' | 'parent';
-  /**
-   * Toggle the visibility of the menu component.
-   */
-  visible?: boolean;
-};
-type MenuProps<C extends ElementType = typeof Fragment> = PolymorphicComponentProps<C, MenuOwnProps<C>>;
-type MenuComponent = (<C extends ElementType = typeof Fragment>(props: MenuProps<C> & {
-  ref?: PolymorphicRef<C>;
-}) => ReactElement | null) & {
-  displayName?: string;
-};
-declare const Menu: MenuComponent;
-//#endregion
+import { n as LinkProps } from "./Link-CKymd2ru.js";
+import { t as Placement } from "./overlayPlacement-CIsLpycT.js";
+import "./Menu-QeYOzrUL.js";
+import React, { ButtonHTMLAttributes, ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
 //#region src/components/menu/MenuDivider.d.ts
 interface MenuDividerProps extends HTMLAttributes<HTMLHRElement> {
   /**
@@ -140,7 +64,7 @@ type MenuItemOwnProps = {
 };
 type MenuItemProps<C extends ElementType = 'a'> = LinkProps<C> & MenuItemOwnProps;
 type MenuItemComponent = (<C extends ElementType = 'a'>(props: MenuItemProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLAnchorElement | HTMLButtonElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
@@ -196,6 +120,13 @@ type MenuToggleOwnProps<C extends ElementType> = {
    * Toggle the active state for the component.
    */
   active?: boolean;
+  /**
+   * Draws the caret after the toggle's content. Set it to `false` for a toggle that shows what it
+   * is another way, such as an icon-only "more" button.
+   *
+   * @default true
+   */
+  caret?: boolean;
   /**
    * A string of all className you want applied to the base component.
    */
@@ -229,9 +160,10 @@ type MenuToggleOwnProps<C extends ElementType> = {
    */
   size?: 'sm' | 'lg';
   /**
-   * Sets the context style of the component. Only applies to the default `Button` root.
+   * Sets the style variant of the component, as `Button`'s own `variant` does. Only applies to
+   * the default `Button` root.
    */
-  variant?: ContextStyle;
+  variant?: ButtonProps['variant'];
 };
 type MenuToggleProps<C extends ElementType = typeof Button> = PolymorphicComponentProps<C, MenuToggleOwnProps<C>>;
 type MenuToggleComponent = (<C extends ElementType = typeof Button>(props: MenuToggleProps<C> & {
@@ -293,4 +225,5 @@ interface MenuSubmenuBackProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const MenuSubmenuBack: React.ForwardRefExoticComponent<MenuSubmenuBackProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
-export { Menu as _, MenuToggle as a, MenuProps as b, MenuTextProps as c, MenuItem as d, MenuItemProps as f, MenuDividerProps as g, MenuDivider as h, MenuSubmenuProps as i, MenuList as l, MenuHeaderProps as m, MenuSubmenuBackProps as n, MenuToggleProps as o, MenuHeader as p, MenuSubmenu as r, MenuText as s, MenuSubmenuBack as t, MenuListProps as u, MenuAutoClose as v, MenuFocusStrategy as y };
+export { MenuToggle as a, MenuTextProps as c, MenuItem as d, MenuItemProps as f, MenuDividerProps as g, MenuDivider as h, MenuSubmenuProps as i, MenuList as l, MenuHeaderProps as m, MenuSubmenuBackProps as n, MenuToggleProps as o, MenuHeader as p, MenuSubmenu as r, MenuText as s, MenuSubmenuBack as t, MenuListProps as u };
+//# sourceMappingURL=index-CYvVmTPR.d.ts.map