@chassis-ui/react 0.3.0 → 0.4.1

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-BnR7wjax.d.ts → index-BfEJYF4c.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as ContextColor, r as ContextStyle } from "./types-CS_40Txv.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> = {
@@ -65,4 +65,4 @@ type CloseButtonComponent = (<C extends ElementType = 'button'>(props: CloseButt
 declare const CloseButton: CloseButtonComponent;
 //#endregion
 export { CloseButtonProps as n, CloseButton as t };
-//# sourceMappingURL=index-BnR7wjax.d.ts.map
+//# sourceMappingURL=index-BfEJYF4c.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";
@@ -228,4 +228,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-CRfm7W6C.d.ts.map
+//# sourceMappingURL=index-C9gzVqwX.d.ts.map

package/dist/chunks/{index-DjXRq-n3.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 { r as WidthSpan } from "./breakpoints-CJ-498B7.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> = {
@@ -33,17 +33,11 @@ type SkeletonOwnProps<C extends ElementType> = {
    * `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`.
+   * `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?: WidthSpan;
-  /**
-   * Overrides `span` at a breakpoint and up.
-   *
-   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', 'auto' | number | string | boolean>> }
-   */
-  responsive?: Partial<Record<Breakpoint, WidthSpan>>;
+  span?: Responsive<WidthSpan>;
 };
 type SkeletonProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, SkeletonOwnProps<C>>;
 type SkeletonComponent = (<C extends ElementType = 'span'>(props: SkeletonProps<C> & {
@@ -95,4 +89,4 @@ type SkeletonLoaderComponent = (<C extends ElementType = 'span'>(props: Skeleton
 declare const SkeletonLoader: SkeletonLoaderComponent;
 //#endregion
 export { SkeletonProps as i, SkeletonLoaderProps as n, Skeleton as r, SkeletonLoader as t };
-//# sourceMappingURL=index-DjXRq-n3.d.ts.map
+//# 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";
@@ -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-BTTeKpiE.d.ts.map
+//# sourceMappingURL=index-CIwzgZJi.d.ts.map

package/dist/chunks/{index-I-H3VJ-L.d.ts → index-CYvVmTPR.d.ts}

@@ -1,9 +1,9 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { a as Shapes, n as ContextColor } from "./types-CS_40Txv.js";
-import { n as ButtonProps, t as Button } from "./Button-Cptd4Yk7.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 { n as LinkProps } from "./Link-nrd0JWlO.js";
+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";
@@ -226,4 +226,4 @@ interface MenuSubmenuBackProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 declare const MenuSubmenuBack: React.ForwardRefExoticComponent<MenuSubmenuBackProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 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-I-H3VJ-L.d.ts.map
+//# sourceMappingURL=index-CYvVmTPR.d.ts.map

package/dist/chunks/{index-qMq_-GY2.d.ts → index-CjT_4IZx.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as ContextColor } from "./types-CS_40Txv.js";
-import { t as ButtonObject } from "./renderFormCheck-DZh_5Df8.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
+import { t as ButtonObject } from "./renderFormCheck-nKgpa_a3.js";
 import React, { HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/radio/Radio.d.ts
 interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
@@ -102,4 +102,4 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'def
 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-qMq_-GY2.d.ts.map
+//# sourceMappingURL=index-CjT_4IZx.d.ts.map

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

@@ -0,0 +1,216 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { l as Spacing, n as ContainerBreakpoint, o as Responsive, t as Breakpoint } from "./types-D6FM7bYR.js";
+import { ElementType, ReactElement } from "react";
+//#region src/components/grid/Container.d.ts
+type ContainerOwnProps<C extends ElementType> = {
+  /**
+   * 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.
+   */
+  component?: C;
+  /**
+   * Set container 100% wide until the given breakpoint, after which it scales up with `max-width`
+   * at every larger breakpoint.
+   *
+   * @type Breakpoint
+   */
+  fluidUntil?: Breakpoint;
+  /**
+   * Set container 100% wide, spanning the entire width of the viewport.
+   */
+  fluid?: boolean;
+};
+type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, ContainerOwnProps<C>>;
+type ContainerComponent = (<C extends ElementType = 'div'>(props: ContainerProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Container: ContainerComponent;
+//#endregion
+//#region src/components/grid/Grid.d.ts
+/**
+ * The direction a grid places its items in, and whether it fills earlier gaps (`dense`): the
+ * values of CSS `grid-auto-flow`.
+ */
+type GridFlow = 'row' | 'column' | 'dense' | 'row-dense' | 'column-dense';
+type GridGap = Spacing | (string & {});
+type GridOwnProps<C extends ElementType> = {
+  /**
+   * 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.
+   */
+  component?: C;
+  /**
+   * Number of columns in the grid template (the column count of `@chassis-ui/css` when omitted,
+   * `12` by default). A count from 1 to 12 is mapped to the `grid-cols-{n}` class, which applies
+   * to this grid alone. Any other count has no class and is set via the `--cx-grid-columns`
+   * custom property, which a grid nested in this one inherits: give that grid `columns` of its
+   * own. Has no effect when `fill` is set.
+   *
+   * An object sets the count from a width up, as in `{ base: 1, md: 3 }`, here and on `rows`,
+   * `gap` and `flow`. A breakpoint key (`md`) is a width of the viewport. A container key
+   * (`'@md'`) is the same width of the nearest query container (an ancestor with the
+   * `contains-inline` class), and wins over a breakpoint key where both apply. Without a query
+   * container above the grid, a container key never applies. The count of a key is a class, so
+   * a count from 1 to 12.
+   */
+  columns?: Responsive<number, Breakpoint | ContainerBreakpoint>;
+  /**
+   * Number of equal rows in the grid template. A grid has none when omitted: its rows are as
+   * tall as their content. A count from 1 to 6 is mapped to the `grid-rows-{n}` class; any other
+   * count has no class and is set inline, as the `grid-template-rows` the class declares. Has no
+   * effect when `fill` is set. An object sets the count from a width up, where it is a class, so
+   * a count from 1 to 6.
+   */
+  rows?: Responsive<number, Breakpoint | ContainerBreakpoint>;
+  /**
+   * Gap between grid items: a `Spacing` token (mapped to the `gap-{token}` class) or any raw CSS
+   * `gap` value, including a `"{row} {column}"` pair (set via the `--cx-grid-gap` custom
+   * property). The gutter of the current breakpoint when omitted, or of the query container when
+   * `contained` is set. An object sets the gap from a width up: only a token fits a key other
+   * than `base`, since a raw value has no class.
+   *
+   * @type { Spacing | string | { base?: Spacing | string } & Partial<Record<Breakpoint | ContainerBreakpoint, Spacing>> }
+   */
+  gap?: GridGap | ({
+    base?: GridGap;
+  } & Partial<Record<Breakpoint | ContainerBreakpoint, Spacing>>);
+  /**
+   * The direction items are placed in, mapped to the `grid-flow-*` classes: by `'row'` (the CSS
+   * default) or by `'column'`, which fills the `rows` of one column before it starts the next.
+   * `'dense'`, `'row-dense'` and `'column-dense'` also move later items into gaps that earlier,
+   * wider ones left. An object sets the flow from a width up.
+   */
+  flow?: Responsive<GridFlow, Breakpoint | ContainerBreakpoint>;
+  /**
+   * Adds the `contained` class: the default gutter and column count follow the width of the
+   * nearest query container instead of the viewport, so a grid in a narrow column of a wide page
+   * has the gutter of a narrow page. Without a query container above it the grid keeps the
+   * values of the viewport. `columns` and `gap` still override them.
+   */
+  contained?: boolean;
+  /**
+   * Renders `.grid-fill` instead of `.grid` — columns expand equally to fill the available
+   * width, with the column count determined by the number of children rather than `columns`.
+   */
+  fill?: boolean;
+  /**
+   * Minimum column width of a `fill` grid, set via the `--cx-grid-min` custom property: any CSS
+   * length, e.g. `"16rem"`. Children wrap to a new row when they would get narrower. `12rem` in
+   * `@chassis-ui/css` when omitted. Only relevant when `fill` is set.
+   */
+  min?: string;
+};
+type GridProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridOwnProps<C>>;
+type GridComponent = (<C extends ElementType = 'div'>(props: GridProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Grid: GridComponent;
+//#endregion
+//#region src/components/grid/GridItem.d.ts
+type GridItemOwnProps<C extends ElementType> = {
+  /**
+   * 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.
+   */
+  component?: C;
+  /**
+   * Number of grid column tracks (of the parent `<Grid>`'s `columns`) this item spans, mapped to
+   * the `col-span-{n}` class, or `'full'` for every track of the row (`col-span-full`). An item
+   * with no `span` is one track wide.
+   *
+   * An object sets the span from a width up, as in `{ base: 'full', md: 6 }`, here and on
+   * `start`, `end`, `rowSpan`, `rowStart` and `rowEnd`. A breakpoint key (`md`) is a width of
+   * the viewport. A container key (`'@md'`) is the same width of the nearest query container
+   * (an ancestor with the `contains-inline` class), and wins over a breakpoint key where both
+   * apply. Without a query container above the grid, a container key never applies.
+   *
+   * @type { Responsive<number | 'full', Breakpoint | ContainerBreakpoint> }
+   */
+  span?: Responsive<number | 'full', Breakpoint | ContainerBreakpoint>;
+  /**
+   * Grid column line to start this item at, mapped to the `col-start-{n}` class (1 to 12).
+   * `'auto'` (`col-start-auto`) returns the item to the flow, to undo a start line at a wider
+   * breakpoint: `{ base: 4, md: 'auto' }`.
+   *
+   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }
+   */
+  start?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>;
+  /**
+   * Grid column line to end this item at, mapped to the `col-end-{n}` class (1 to 13, the line
+   * after the last of 12 columns). With `span`, it places the item against the end edge of the
+   * grid: `span={3} end={13}`. `'auto'` (`col-end-auto`) undoes an end line at a wider
+   * breakpoint: `{ base: 13, md: 'auto' }`.
+   *
+   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }
+   */
+  end?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>;
+  /**
+   * Number of grid row tracks this item spans, mapped to the `row-span-{n}` class. Takes an
+   * object per width, as `span` does.
+   */
+  rowSpan?: Responsive<number, Breakpoint | ContainerBreakpoint>;
+  /**
+   * Grid row line to start this item at, mapped to the `row-start-{n}` class (1 to 6), or
+   * `'auto'` (`row-start-auto`) to return it to the flow. Takes an object per width, as `span`
+   * does.
+   *
+   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }
+   */
+  rowStart?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>;
+  /**
+   * Grid row line to end this item at, mapped to the `row-end-{n}` class (1 to 7, the line after
+   * the last of 6 rows), or `'auto'` (`row-end-auto`) to undo an end line at a wider breakpoint.
+   * Takes an object per width, as `span` does.
+   *
+   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }
+   */
+  rowEnd?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>;
+  /**
+   * Turns this item into a nested subgrid: adds `.grid`/`.grid-cols-subgrid` alongside its
+   * `col-span-{n}`/`col-start-{n}` placement classes, so its own children inherit the parent
+   * `<Grid>`'s column tracks instead of defining new ones. Combine with `span` — a subgrid
+   * item must itself be a grid item of the parent for `grid-template-columns: subgrid` to take
+   * effect, which is why `subgrid` lives on `<GridItem>` (the element actually placed as a grid
+   * item) rather than on a `<Grid>` nested inside it.
+   */
+  subgrid?: boolean;
+  /**
+   * Number of equal rows in the subgrid's own row template: the `grid-rows-{n}` class for a
+   * count from 1 to 6, the same `grid-template-rows` set inline for any other. Only relevant
+   * when `subgrid` is set — subgrid only inherits the parent's column tracks, not its rows.
+   */
+  rows?: number;
+  /**
+   * Gap between the subgrid's children: a `Spacing` token (mapped to the `gap-{token}` class) or
+   * any raw CSS `gap` value (set via the `--cx-grid-gap` custom property). Only relevant when
+   * `subgrid` is set. A subgrid has the gap of its own: when the parent `<Grid>` takes a `gap`
+   * token, give the subgrid the same one, or its children are narrower than the parent's tracks.
+   *
+   * @type { Spacing | string }
+   */
+  gap?: Spacing | (string & {});
+};
+type GridItemProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridItemOwnProps<C>>;
+type GridItemComponent = (<C extends ElementType = 'div'>(props: GridItemProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const GridItem: GridItemComponent;
+//#endregion
+export { GridProps as a, GridFlow as i, GridItemProps as n, Container as o, Grid as r, ContainerProps as s, GridItem as t };
+//# sourceMappingURL=index-CxjNw4ss.d.ts.map

package/dist/chunks/{index-DgHvXzVh.d.ts → index-DHcztR18.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 } from "./types-CS_40Txv.js";
-import { n as ButtonProps } from "./Button-Cptd4Yk7.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
+import { n as ButtonProps } from "./Button-BuZ_GOHS.js";
 import { n as IconProps } from "./Icon-CioraWLF.js";
 import React, { DialogHTMLAttributes, ElementType, ReactElement } from "react";
 //#region src/components/alert/Alert.d.ts
@@ -205,4 +205,4 @@ type AlertTitleComponent = (<C extends ElementType = 'h2'>(props: AlertTitleProp
 declare const AlertTitle: AlertTitleComponent;
 //#endregion
 export { AlertIcon as a, AlertFooterProps as c, AlertCancel as d, AlertCancelProps as f, AlertProps as g, Alert as h, AlertTextProps as i, AlertCode as l, AlertBodyProps as m, AlertTitleProps as n, AlertIconProps as o, AlertBody as p, AlertText as r, AlertFooter as s, AlertTitle as t, AlertCodeProps as u };
-//# sourceMappingURL=index-DgHvXzVh.d.ts.map
+//# sourceMappingURL=index-DHcztR18.d.ts.map

package/dist/chunks/{index-DXjbI7Yv.d.ts → index-DM01FX3a.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as ContextColor } from "./types-CS_40Txv.js";
-import { t as ButtonObject } from "./renderFormCheck-DZh_5Df8.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
+import { t as ButtonObject } from "./renderFormCheck-nKgpa_a3.js";
 import React, { HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/checkbox/Checkbox.d.ts
 interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
@@ -130,4 +130,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-DXjbI7Yv.d.ts.map
+//# sourceMappingURL=index-DM01FX3a.d.ts.map

package/dist/chunks/{index-CYgBmZ8w.d.ts → index-DP5xugE-.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 } from "./types-CS_40Txv.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
 import { n as IconProps } from "./Icon-CioraWLF.js";
 import React, { ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
 import { ToastQueue } from "react-stately";
@@ -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-CYgBmZ8w.d.ts.map
+//# sourceMappingURL=index-DP5xugE-.d.ts.map

package/dist/chunks/{index-FKh7iFQE.d.ts → index-DPCwFiJL.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { t as Breakpoint } from "./types-CS_40Txv.js";
+import { t as Breakpoint } from "./types-D6FM7bYR.js";
 import { i as IconValue } from "./iconConfig-C6gbYhsD.js";
 import { t as Placement } from "./overlayPlacement-CIsLpycT.js";
 import { ElementType, ReactElement, ReactNode } from "react";
@@ -92,4 +92,4 @@ type NavOverflowComponent = (<C extends ElementType = 'div'>(props: NavOverflowP
 declare const NavOverflow: NavOverflowComponent;
 //#endregion
 export { NavOverflowDetail as n, NavOverflowProps as r, NavOverflow as t };
-//# sourceMappingURL=index-FKh7iFQE.d.ts.map
+//# sourceMappingURL=index-DPCwFiJL.d.ts.map

package/dist/chunks/{index-DJr_ZK4b.d.ts → index-DQImhbhy.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 LinkProps } from "./Link-nrd0JWlO.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";
 //#region src/components/nav/Nav.d.ts
@@ -107,4 +107,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-DJr_ZK4b.d.ts.map
+//# sourceMappingURL=index-DQImhbhy.d.ts.map

package/dist/chunks/{index-CJXKl97l.d.ts → index-DtvHH_Mb.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as ContextColor, r as ContextStyle } from "./types-CS_40Txv.js";
+import { i as ContextStyle, r as ContextColor } from "./types-D6FM7bYR.js";
 import React, { ElementType, ReactElement } from "react";
 //#region src/components/list/List.d.ts
 interface ListItemDef {
@@ -117,4 +117,4 @@ type ListItemComponent = (<C extends ElementType = 'li'>(props: ListItemProps<C>
 declare const ListItem: ListItemComponent;
 //#endregion
 export { ListProps as a, ListItemDef as i, ListItemProps as n, List as r, ListItem as t };
-//# sourceMappingURL=index-CJXKl97l.d.ts.map
+//# sourceMappingURL=index-DtvHH_Mb.d.ts.map

package/dist/chunks/{index-CJzKu7QI.d.ts → index-Dzga1f4w.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 } from "./types-CS_40Txv.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
 import { ElementType, ReactElement } from "react";
 //#region src/components/spinner/Spinner.d.ts
 type SpinnerOwnProps<C extends ElementType> = {
@@ -17,7 +17,7 @@ type SpinnerOwnProps<C extends ElementType> = {
    */
   component?: C;
   /**
-   * Size the component sm.
+   * Renders a smaller spinner, with the `spinner-sm` class.
    */
   size?: 'sm';
   /**
@@ -38,4 +38,4 @@ type SpinnerComponent = (<C extends ElementType = 'div'>(props: SpinnerProps<C>
 declare const Spinner: SpinnerComponent;
 //#endregion
 export { SpinnerProps as n, Spinner as t };
-//# sourceMappingURL=index-CJzKu7QI.d.ts.map
+//# sourceMappingURL=index-Dzga1f4w.d.ts.map

package/dist/chunks/{index-CKx1KHED.d.ts → index-NGgDkhyn.d.ts}

@@ -1,8 +1,8 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as ContextColor, o as Sizing, r as ContextStyle, s as Spacing, t as Breakpoint } from "./types-CS_40Txv.js";
-import { t as FlexDirection } from "./breakpoints-CJ-498B7.js";
-import { n as LinkProps } from "./Link-nrd0JWlO.js";
+import { c as Sizing, i as ContextStyle, l as Spacing, o as Responsive, r as ContextColor } from "./types-D6FM7bYR.js";
+import { t as FlexDirection } from "./breakpoints-ECy4lKQT.js";
+import { n as LinkProps } from "./Link-CKymd2ru.js";
 import { ElementType, ReactElement, ReactNode } from "react";
 //#region src/components/card/Card.d.ts
 type CardOwnProps<C extends ElementType> = {
@@ -20,9 +20,11 @@ type CardOwnProps<C extends ElementType> = {
   color?: ContextColor;
   /**
    * Switches the card from its default stacked (column) layout to a side-by-side (row) layout.
-   * Wrap the image and body in `Col` to control each side's width.
+   * Give the image and the body a width utility (`w-4/12`, `w-8/12`) to control each side's
+   * width. An object sets the direction from a breakpoint up — e.g. `{ lg: 'row' }` to lay the
+   * card out horizontally from `lg` up while stacking below it.
    */
-  direction?: FlexDirection;
+  direction?: Responsive<FlexDirection>;
   /**
    * Shorthand for a `CardFooter`, rendered after the image/title/subtitle/text/`children` block.
    */
@@ -44,11 +46,6 @@ type CardOwnProps<C extends ElementType> = {
    * Orientates `image` to the top (default) or bottom of the card.
    */
   imageOrientation?: 'top' | 'bottom';
-  /**
-   * Overrides `direction` at one or more breakpoints — e.g. `{ lg: 'row' }` to lay the card
-   * out horizontally from `lg` up while stacking below it.
-   */
-  responsive?: Partial<Record<Breakpoint, FlexDirection>>;
   /**
    * Sets the size of the component to one of Chassis component sizes.
    */
@@ -96,20 +93,19 @@ type CardBodyOwnProps<C extends ElementType> = {
   component?: C;
   /**
    * Switches the body from its default stacked (column) layout to a side-by-side (row) layout —
-   * for placing an image beside text within a single padded region. Wrap the image and text in
-   * `Col` to control each side's width, and nest another `CardBody` (with `.p-0`) for the text
-   * side so it doesn't receive double padding.
+   * for placing an image beside text within a single padded region. Give the image and the text
+   * a width utility (`w-4/12`, `w-8/12`) to control each side's width, and nest another
+   * `CardBody` (with `.p-0`) for the text side so it doesn't receive double padding. An object
+   * sets the direction from a breakpoint up: `{ md: 'row' }`.
    */
-  direction?: FlexDirection;
+  direction?: Responsive<FlexDirection>;
   /**
    * Spacing between children, mapped to the `gap-*` utility classes. Overrides the card's default
    * gap between body children.
+   *
+   * @type { Spacing | 0 }
    */
   gap?: Spacing | 0;
-  /**
-   * Overrides `direction` at one or more breakpoints.
-   */
-  responsive?: Partial<Record<Breakpoint, FlexDirection>>;
 };
 type CardBodyProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardBodyOwnProps<C>>;
 type CardBodyComponent = (<C extends ElementType = 'div'>(props: CardBodyProps<C> & {
@@ -191,14 +187,11 @@ type CardImageOwnProps<C extends ElementType> = {
   component?: C;
   /**
    * Orientates the image to the top or bottom of the card as an "image cap", or to the start/end
-   * for a horizontal layout. Omit to round all four corners for use inside `CardBody`.
-   */
-  orientation?: CardImageOrientation;
-  /**
-   * Overrides `orientation` at one or more breakpoints — e.g. `{ lg: 'start' }` to switch an
+   * for a horizontal layout. Omit to round all four corners for use inside `CardBody`. An object
+   * sets the orientation from a breakpoint up — e.g. `{ base: 'top', lg: 'start' }` to switch an
    * image cap from `top` to `start` once the card lays out horizontally.
    */
-  responsive?: Partial<Record<Breakpoint, CardImageOrientation>>;
+  orientation?: Responsive<CardImageOrientation>;
 };
 type CardImageProps<C extends ElementType = 'img'> = PolymorphicComponentProps<C, CardImageOwnProps<C>>;
 type CardImageComponent = (<C extends ElementType = 'img'>(props: CardImageProps<C> & {
@@ -300,4 +293,4 @@ type CardTitleComponent = (<C extends ElementType = 'h5'>(props: CardTitleProps<
 declare const CardTitle: CardTitleComponent;
 //#endregion
 export { CardProps as S, CardFooter as _, CardSubtitle as a, CardBodyProps as b, CardLinkProps as c, CardImage as d, CardImageProps as f, CardGroupProps as g, CardGroup as h, CardTextProps as i, CardImageOverlay as l, CardHeaderProps as m, CardTitleProps as n, CardSubtitleProps as o, CardHeader as p, CardText as r, CardLink as s, CardTitle as t, CardImageOverlayProps as u, CardFooterProps as v, Card as x, CardBody as y };
-//# sourceMappingURL=index-CKx1KHED.d.ts.map
+//# sourceMappingURL=index-NGgDkhyn.d.ts.map

package/dist/chunks/{index-Dfy1YW5j.d.ts → index-U27Ar174.d.ts}

@@ -1,4 +1,4 @@
-import { n as ContextColor, t as Breakpoint } from "./types-CS_40Txv.js";
+import { r as ContextColor, t as Breakpoint } from "./types-D6FM7bYR.js";
 import React, { ReactNode, TableHTMLAttributes } from "react";
 //#region src/utils/tableClassName.d.ts
 interface TableStyleProps {
@@ -71,4 +71,4 @@ interface StaticTableProps extends TableStyleProps, Omit<TableHTMLAttributes<HTM
 declare const StaticTable: React.ForwardRefExoticComponent<StaticTableProps & React.RefAttributes<HTMLTableElement>>;
 //#endregion
 export { StaticTableProps as n, StaticTable as t };
-//# sourceMappingURL=index-Dfy1YW5j.d.ts.map
+//# sourceMappingURL=index-U27Ar174.d.ts.map