@chassis-ui/react 0.4.1 → 0.5.1

package/dist/chunks/{index-DHOG_rjE.d.ts → index-DVfH_2Ma.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { i as IconValue } from "./iconConfig-C6gbYhsD.js";
 import React, { InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/number-field/NumberField.d.ts
@@ -52,11 +52,14 @@ interface NumberFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, '
    */
   incrementIcon?: IconValue;
   /**
-   * Set component validation state to invalid.
+   * Set component validation state to invalid. Left unset, the component shows as invalid by itself
+   * from a submit it held back (an empty `required` one, say) until it no longer would, or its
+   * form is reset. Set it, to `false` too, and it alone decides.
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below the input when `invalid` is set.
+   * An error message for the field, rendered below the input when `invalid` is set, and after a
+   * submit the field held back, until it no longer would.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -118,4 +121,4 @@ interface NumberFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, '
 declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { NumberFieldProps as n, NumberField as t };
-//# sourceMappingURL=index-DHOG_rjE.d.ts.map
+//# sourceMappingURL=index-DVfH_2Ma.d.ts.map

package/dist/chunks/{index-0jbACjYQ.d.ts → index-DXBkVdWc.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { i as ContextStyle, r as ContextColor } from "./types-D6FM7bYR.js";
 import { ElementType, ReactElement } from "react";
@@ -79,4 +79,4 @@ type PlaceholderComponent = (<C extends ElementType = 'img'>(props: PlaceholderP
 declare const Placeholder: PlaceholderComponent;
 //#endregion
 export { PlaceholderProps as n, Placeholder as t };
-//# sourceMappingURL=index-0jbACjYQ.d.ts.map
+//# sourceMappingURL=index-DXBkVdWc.d.ts.map

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

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { t as FormFieldIds } from "./renderFormField-ChNagAFN.js";
 import React, { HTMLAttributes, ReactNode } from "react";
 //#region src/components/floating-input/FloatingInput.d.ts
@@ -19,8 +19,13 @@ interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
    */
   help?: ReactNode;
   /**
-   * The DOM ids of the wrapped control, used to associate the label (`htmlFor`) and point your
-   * control's own `aria-describedby` at the rendered help/feedback text.
+   * The ids that tie the label, help and feedback to the wrapped control, in place of the ones
+   * `FloatingInput` generates. A field component of this library (`TextInput`, `Select`,
+   * `Textarea`) takes them by itself and needs none. Any other control, such as a native
+   * `<input>`, takes them by hand: `input` is the label's `htmlFor` and goes on the control as
+   * its `id`, `label` is the label's own `id`, for a control named through `aria-labelledby`,
+   * and `help` and `feedback` are the ids of the help and feedback text, for the control's
+   * `aria-describedby`. `label` without `input` leaves the label with no `htmlFor`.
    */
   ids?: FormFieldIds;
   /**
@@ -32,7 +37,7 @@ interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
    */
   invalidFeedback?: ReactNode;
   /**
-   * The field's caption, rendered as a floating `FormLabel` associated with `ids.input`.
+   * The field's caption, rendered as a floating `FormLabel` associated with the wrapped control.
    */
   label: ReactNode;
   /**
@@ -47,4 +52,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-CsARGAzD.d.ts.map
+//# sourceMappingURL=index-Davd7Cue.d.ts.map

package/dist/chunks/{index-Bi8FFadV.d.ts → index-Dc50UjJy.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { i as MenuItemsDef } from "./MenuItemDef-D0VDtYIQ.js";
 import "./ComboboxItem-C9TpoJOI.js";
 import React, { HTMLAttributes, ReactNode } from "react";
@@ -39,11 +39,14 @@ interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   id?: string;
   /**
-   * Set component validation state to invalid.
+   * Set component validation state to invalid. Left unset, the component shows as invalid by itself
+   * from a submit it held back (an empty `required` one, say) until it no longer would, or its
+   * form is reset. Set it, to `false` too, and it alone decides.
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below the combobox when `invalid` is set.
+   * An error message for the field, rendered below the combobox when `invalid` is set, and after a
+   * submit the field held back, until it no longer would.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -76,6 +79,12 @@ interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    * Placeholder shown in the input when nothing is selected.
    */
   placeholder?: string;
+  /**
+   * Toggle the required state for the component. A required combobox with no option selected
+   * holds its form back from submitting, and takes focus: text typed without selecting an option
+   * is not a value.
+   */
+  required?: boolean;
   /**
    * Size the component sm or lg.
    */
@@ -96,4 +105,4 @@ interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ComboboxProps as n, Combobox as t };
-//# sourceMappingURL=index-Bi8FFadV.d.ts.map
+//# sourceMappingURL=index-Dc50UjJy.d.ts.map

package/dist/chunks/{index-BF3OWUVc.d.ts → index-Dci43Xhl.d.ts}

@@ -1,6 +1,6 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as MenuAutoClose } from "./Menu-QeYOzrUL.js";
+import { n as MenuAutoClose } from "./Menu-CCYshRuL.js";
 import { ElementType, ReactElement } from "react";
 //#region src/components/context-menu/ContextMenu.d.ts
 type ContextMenuOwnProps<C extends ElementType> = {
@@ -63,4 +63,4 @@ type ContextMenuComponent = (<C extends ElementType = 'div'>(props: ContextMenuP
 declare const ContextMenu: ContextMenuComponent;
 //#endregion
 export { ContextMenuProps as n, ContextMenu as t };
-//# sourceMappingURL=index-BF3OWUVc.d.ts.map
+//# sourceMappingURL=index-Dci43Xhl.d.ts.map

package/dist/chunks/{index-B2K-O9kl.d.ts → index-DdFipHYL.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { ReactElement, ReactNode, RefObject } from "react";
 //#region src/components/scrollspy/useScrollspy.d.ts
 interface UseScrollspyOptions {
@@ -18,8 +18,9 @@ interface UseScrollspyOptions {
 /**
  * Tracks which of the sections named by `ids` the reader is in, as a scrollspy does: the last
  * section, in document order, whose top has scrolled past a line near the bottom of `root` (set
- * by `rootMargin`), or the first one while its top is still in view at the top of `root`. Returns
- * its id, or `null` when no section has reached the line yet.
+ * by `rootMargin`), or the first one while its top is still in view at the top of `root`, or the
+ * last one once `root` is scrolled to its end. Returns its id, or `null` when no section has
+ * reached the line yet.
  *
  * It returns `null` on the server and on the first render in the browser, so hydration matches,
  * and the active id from the first observation after that. Sections added, removed or renamed
@@ -56,4 +57,4 @@ declare namespace Scrollspy {
 }
 //#endregion
 export { useScrollspy as i, ScrollspyProps as n, UseScrollspyOptions as r, Scrollspy as t };
-//# sourceMappingURL=index-B2K-O9kl.d.ts.map
+//# sourceMappingURL=index-DdFipHYL.d.ts.map

package/dist/chunks/{index-Du9fBqkT.d.ts → index-DmmLEHVo.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { t as Placement } from "./overlayPlacement-CIsLpycT.js";
 import React, { HTMLAttributes, ReactElement, ReactNode } from "react";
 //#region src/components/popover/Popover.d.ts
@@ -53,4 +53,4 @@ interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' |
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { PopoverProps as n, Popover as t };
-//# sourceMappingURL=index-Du9fBqkT.d.ts.map
+//# sourceMappingURL=index-DmmLEHVo.d.ts.map

package/dist/chunks/{index-Dzga1f4w.d.ts → index-DsU3M0oP.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { r as ContextColor } from "./types-D6FM7bYR.js";
 import { ElementType, ReactElement } from "react";
@@ -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-Dzga1f4w.d.ts.map
+//# sourceMappingURL=index-DsU3M0oP.d.ts.map

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

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { r as ContextColor } from "./types-D6FM7bYR.js";
 import { n as IconProps } from "./Icon-CioraWLF.js";
@@ -263,9 +263,9 @@ interface ToastContextProps {
   close: () => void;
 }
 //#endregion
-//#region src/hooks/useToast.d.ts
+//#region src/components/toast/useToast.d.ts
 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-DP5xugE-.d.ts.map
+//# sourceMappingURL=index-Es9I0fIS.d.ts.map

package/dist/chunks/{index-CqZ68Z8R.d.ts → index-HNUhTj5e.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as CalendarLabels, t as DateRangePreset } from "./dateRangePresets-R1FtA1zp.js";
 import React, { HTMLAttributes, ReactNode } from "react";
 import { RangeValue } from "react-aria";
@@ -54,7 +54,8 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below the date picker when `invalid` is set.
+   * An error message for the field, rendered below the date picker when `invalid` is set, and
+   * after a submit that an empty `required` date picker held back.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -109,6 +110,14 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
    * With `visible` set, the popover changes only when `visible` does.
    */
   onVisibleChange?: (visible: boolean) => void;
+  /**
+   * Toggle the required state for the component. An empty required date picker holds its form
+   * back from submitting, takes focus and shows as invalid, with `invalidFeedback`, until it has
+   * a value or the form is reset. `invalid`, once set, and `valid` decide how it looks instead.
+   * With `selectionMode="multiple"` it asks for one date at least, and the calendar button takes
+   * the focus.
+   */
+  required?: boolean;
   /**
    * Size the component sm or lg.
    */
@@ -296,7 +305,8 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below the date range picker when `invalid` is set.
+   * An error message for the field, rendered below the date range picker when `invalid` is set,
+   * and after a submit that a `required` date range picker with a date missing held back.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -365,10 +375,19 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
   /**
    * A list of quick-select range presets shown in the overlay next to the calendar. Selecting a
    * preset commits its range immediately, the same as picking a start and end date from the
-   * calendar. The preset matching the current selection (if any) is marked selected. Omit to not
-   * show a preset list.
+   * calendar: in order, kept inside `minValue`/`maxValue`, and with the times of the current
+   * range. A preset the calendar couldn't select is disabled: one with no day inside those
+   * limits, and one with an unavailable day in its range. The preset matching the current
+   * selection (if any) is marked selected. Omit to not show a preset list.
    */
   presets?: DateRangePreset[];
+  /**
+   * Toggle the required state for the component. A required date range picker with its start or
+   * its end missing holds its form back from submitting, takes focus in the field that is empty
+   * and shows as invalid, with `invalidFeedback`, until it has both dates or the form is reset.
+   * `invalid`, once set, and `valid` decide how it looks instead.
+   */
+  required?: boolean;
   /**
    * Show a leading zero on the day, month and hour, as `03/05` rather than `3/5`, whatever the
    * locale does.
@@ -412,4 +431,4 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DatePickerProps as a, DatePickerMultipleProps as i, DateRangePickerProps as n, DatePickerSingleProps as o, DatePicker as r, DateRangePicker as t };
-//# sourceMappingURL=index-CqZ68Z8R.d.ts.map
+//# sourceMappingURL=index-HNUhTj5e.d.ts.map

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

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+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'> {
@@ -15,11 +15,14 @@ interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
    */
   help?: ReactNode;
   /**
-   * Set component validation state to invalid.
+   * Set component validation state to invalid. Left unset, the component shows as invalid by itself
+   * from a submit it held back (an empty `required` one, say) until it no longer would, or its
+   * form is reset. Set it, to `false` too, and it alone decides.
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below the input when `invalid` is set.
+   * An error message for the field, rendered below the input when `invalid` is set, and after a
+   * submit the field held back, until it no longer would.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -50,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-CCXJXToc.d.ts.map
+//# sourceMappingURL=index-OnB4_h6x.d.ts.map

package/dist/chunks/{index-CftERHnE.d.ts → index-QeI-KSng.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { ElementType, ReactElement } from "react";
 //#region src/components/input-adorn/InputAdorn.d.ts
@@ -10,6 +10,7 @@ type InputAdornOwnProps<C extends ElementType> = {
   /**
    * Component used for the root node. Either a string to use a HTML element or a component. Use
    * `"button"` or `"a"` for an actionable adorn, e.g. a password reveal toggle or a clear button.
+   * A `"button"` gets `type="button"` unless `type` is given, so it doesn't submit a form.
    */
   component?: C;
 };
@@ -22,4 +23,4 @@ type InputAdornComponent = (<C extends ElementType = 'span'>(props: InputAdornPr
 declare const InputAdorn: InputAdornComponent;
 //#endregion
 export { InputAdornProps as n, InputAdorn as t };
-//# sourceMappingURL=index-CftERHnE.d.ts.map
+//# sourceMappingURL=index-QeI-KSng.d.ts.map

package/dist/chunks/{index-BLS1jhSJ.d.ts → index-RyE80_VH.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { r as ContextColor } from "./types-D6FM7bYR.js";
 import React, { ElementType, ReactElement } from "react";
@@ -99,4 +99,4 @@ type StepperItemComponent = (<C extends ElementType = 'li'>(props: StepperItemPr
 declare const StepperItem: StepperItemComponent;
 //#endregion
 export { StepperProps as a, StepperItemDef as i, StepperItemProps as n, Stepper as r, StepperItem as t };
-//# sourceMappingURL=index-BLS1jhSJ.d.ts.map
+//# sourceMappingURL=index-RyE80_VH.d.ts.map

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

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { r as ContextColor } from "./types-D6FM7bYR.js";
 import React, { ReactElement, ReactNode, Ref } from "react";
 import { ColumnSize, ColumnStaticSize } from "react-stately";
@@ -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-CIwzgZJi.d.ts.map
+//# sourceMappingURL=index-UjmJQRaG.d.ts.map

package/dist/chunks/{index-B19ZH3fm.d.ts → index-YzIZhXZ1.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { a as ExtendedSizing, r as ContextColor } from "./types-D6FM7bYR.js";
 import React, { ElementType, ImgHTMLAttributes, ReactElement, ReactNode } from "react";
@@ -133,4 +133,4 @@ type AvatarStackComponent = (<C extends ElementType = 'div'>(props: AvatarStackP
 declare const AvatarStack: AvatarStackComponent;
 //#endregion
 export { AvatarImageProps as a, AvatarImage as i, AvatarStackItemDef as n, Avatar as o, AvatarStackProps as r, AvatarProps as s, AvatarStack as t };
-//# sourceMappingURL=index-B19ZH3fm.d.ts.map
+//# sourceMappingURL=index-YzIZhXZ1.d.ts.map

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

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { o as Responsive, r as ContextColor } from "./types-D6FM7bYR.js";
 import { n as WidthSpan } from "./breakpoints-ECy4lKQT.js";
@@ -34,6 +34,8 @@ type SkeletonOwnProps<C extends ElementType> = {
    * 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 }`.
+   * Any other number or string (`0`, `13`, `'50%'`) has no width class: it sets no width, and
+   * warns in development.
    *
    * @type { Responsive<'auto' | number | string | boolean> }
    */
@@ -89,4 +91,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-CHQR8x8_.d.ts.map
+//# sourceMappingURL=index-Z_5ArZpE.d.ts.map

package/dist/chunks/{index-BNf0jIIL.d.ts → index-doVyX-4i.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as CalendarLabels, t as DateRangePreset } from "./dateRangePresets-R1FtA1zp.js";
 import React, { HTMLAttributes } from "react";
 import { RangeValue } from "react-aria";
@@ -183,8 +183,11 @@ interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
   onChange?: (value: RangeValue<DateValue$1>) => void;
   /**
    * A list of quick-select range presets shown beside the calendar. Selecting a preset commits
-   * its range immediately, the same as picking a start and end date from the grid. The preset
-   * matching the current selection (if any) is marked selected. Omit to not show a preset list.
+   * its range immediately, the same as picking a start and end date from the grid: in order,
+   * kept inside `minValue`/`maxValue`, and in the calendar of the current value with its times.
+   * A preset the grid couldn't select is disabled: one with no day inside those limits, and one
+   * with an unavailable day in its range. The preset matching the current selection (if any) is
+   * marked selected. Omit to not show a preset list.
    */
   presets?: DateRangePreset[];
   /**
@@ -210,4 +213,4 @@ interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
 declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { CalendarProps as a, CalendarMultipleProps as i, RangeCalendarProps as n, CalendarSingleProps as o, Calendar as r, RangeCalendar as t };
-//# sourceMappingURL=index-BNf0jIIL.d.ts.map
+//# sourceMappingURL=index-doVyX-4i.d.ts.map

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

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.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";
@@ -189,7 +189,10 @@ type CardImageOwnProps<C extends ElementType> = {
    * 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`. 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.
+   * image cap from `top` to `start` once the card lays out horizontally. Only `start` and `end`
+   * can be set at a breakpoint, from `sm` to `xl`: `@chassis-ui/css` has no class for `top` or
+   * `bottom` there, nor for any value at `2xl`: such a value renders no class and warns in
+   * development.
    */
   orientation?: Responsive<CardImageOrientation>;
 };
@@ -293,4 +296,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-NGgDkhyn.d.ts.map
+//# sourceMappingURL=index-mLtlx-d9.d.ts.map

package/dist/chunks/{index-g74gO0pc.d.ts → index-sT0Hnr_n.d.ts}

@@ -1,13 +1,6 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { ReactElement, ReactNode } from "react";
 //#region src/components/portal/Portal.d.ts
-/**
- * `false` on the server and during hydration, `true` afterwards and in a client-only render. React
- * hydrates against the server snapshot, then re-renders with the client one once hydration has
- * finished, so a component can render something that only exists in the browser without
- * mismatching the server's HTML.
- */
-declare function useHydrated(): boolean;
 interface PortalProps {
   /**
    * The content to render in the portal.
@@ -32,5 +25,14 @@ declare namespace Portal {
   var displayName: string;
 }
 //#endregion
-export { PortalProps as n, useHydrated as r, Portal as t };
-//# sourceMappingURL=index-g74gO0pc.d.ts.map
+//#region src/hooks/useHydrated.d.ts
+/**
+ * `false` on the server and during hydration, `true` afterwards and in a client-only render. React
+ * hydrates against the server snapshot, then re-renders with the client one once hydration has
+ * finished, so a component can render something that only exists in the browser without
+ * mismatching the server's HTML.
+ */
+declare function useHydrated(): boolean;
+//#endregion
+export { Portal as n, PortalProps as r, useHydrated as t };
+//# sourceMappingURL=index-sT0Hnr_n.d.ts.map

package/dist/chunks/{index-Bkj17NEQ.d.ts → index-t3k_T3Dv.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { ElementType, ReactElement } from "react";
 //#region src/components/input-group/InputGroup.d.ts
@@ -48,4 +48,4 @@ 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 };
-//# sourceMappingURL=index-Bkj17NEQ.d.ts.map
+//# sourceMappingURL=index-t3k_T3Dv.d.ts.map

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

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.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";
@@ -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-BfEJYF4c.d.ts.map
+//# sourceMappingURL=index-yVsGuikp.d.ts.map

package/dist/chunks/input-adorn-DV9tuWXh.js

@@ -0,0 +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

package/dist/chunks/input-adorn-DV9tuWXh.js.map

@@ -0,0 +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"}

package/dist/chunks/input-group-YB_zoKud.js

@@ -0,0 +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

package/dist/chunks/input-group-YB_zoKud.js.map

@@ -0,0 +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"}

package/dist/chunks/insideEvents-CWcNrMu7.js

@@ -0,0 +1,2 @@
+const e=/* @__PURE__ */ new WeakMap,t=(t,n)=>{let r=e.get(t)??/* @__PURE__ */ new Set;r.add(n),e.set(t,r)},n=(t,n)=>e.get(t)?.has(n)??!1,r=e=>{let n=n=>t(n.nativeEvent,e);return{onClickCapture:n,onKeyUpCapture:n,onPointerDownCapture:n}};export{n,r as t};
+//# sourceMappingURL=insideEvents-CWcNrMu7.js.map

package/dist/chunks/insideEvents-CWcNrMu7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insideEvents-CWcNrMu7.js","names":["sources","markEventInside","owners","event","owner","isEventInside","insideEventProps","mark"],"sources":["../../src/utils/insideEvents.ts"],"sourcesContent":["import { SyntheticEvent } from 'react'\n\n// Which overlays an event came from inside of, by React's tree rather than the DOM's. An overlay\n// opened from inside another (a popover in a popover, a `Menu` with `container`, a date picker's\n// calendar) is portaled out of it, so `contains()` reads a press in the inner one as a press\n// outside the outer one. React still delivers the event to the outer overlay's handlers, through\n// the portal: its root marks the native event in the capture phase, and the outer overlay's\n// listener on `window`, which runs after React's, asks whether the event carries its mark.\nconst sources = new WeakMap<Event, Set<object>>()\n\nconst markEventInside = (event: Event, owner: object) => {\n  const owners = sources.get(event) ?? new Set<object>()\n  owners.add(owner)\n  sources.set(event, owners)\n}\n\n/**\n * Whether `event` passed through the element that spreads `insideEventProps(owner)`.\n */\nexport const isEventInside = (event: Event, owner: object): boolean =>\n  sources.get(event)?.has(owner) ?? false\n\n/**\n * Props for an overlay's root element, for the events its outside listener reads. `owner` is any\n * object the overlay keeps for its lifetime, such as the ref of its panel.\n */\nexport const insideEventProps = (owner: object) => {\n  const mark = (event: SyntheticEvent) => markEventInside(event.nativeEvent, owner)\n  return { onClickCapture: mark, onKeyUpCapture: mark, onPointerDownCapture: mark }\n}\n"],"mappings":"AAQA,MAAMA,kBAAU,IAAI,QAEdC,GAAmB,EAAc,IAAkB,CACvD,IAAMC,EAASF,EAAQ,IAAIG,CAAK,mBAAK,IAAI,IACzCD,EAAO,IAAIE,CAAK,EAChBJ,EAAQ,IAAIG,EAAOD,CAAM,CAC3B,EAKaG,GAAiB,EAAc,IAC1CL,EAAQ,IAAIG,CAAK,CAAC,EAAE,IAAIC,CAAK,GAAK,GAMvBE,EAAoB,GAAkB,CACjD,IAAMC,EAAQ,GAA0BN,EAAgBE,EAAM,YAAaC,CAAK,EAChF,MAAO,CAAE,eAAgBG,EAAM,eAAgBA,EAAM,qBAAsBA,CAAK,CAClF,E"}

package/dist/chunks/lazyElement-tfMG21pZ.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazyElement-tfMG21pZ.js","names":[],"sources":["../../src/utils/lazyElement.ts"],"sourcesContent":["import { isValidElement, ReactElement } from 'react'\n\n// What React Server Components hand a client component in place of a value that isn't ready, or\n// that they never resolve eagerly. Two cases reach this library, both from a Server Component\n// that composes its components directly:\n//\n// - An element's `type`, when it is a client component: always a lazy wrapper around the module,\n//   in a production build too. `child.type === ListItem` is therefore false for a `<ListItem>`\n//   written in a Server Component.\n// - A whole element, when something in its props is still loading (a client component passed by\n//   reference, a server function): a lazy node, which is not a valid element and has no `props`.\n//   See #37.\n//\n// React resolves both when it renders them. Code that reads a child before rendering it\n// (`isValidElement`, `child.type === X`, `child.props`) has to resolve them itself, the way\n// React's own `Children` helpers do: by calling the node's `_init` with its `_payload`. That\n// returns the value, or throws what React throws for a lazy component: a thenable while the value\n// is loading, which suspends the component until it is there, or the error it failed with.\nconst REACT_LAZY_TYPE = Symbol.for('react.lazy')\n\ninterface LazyNode {\n  $$typeof: symbol\n  _init: (payload: unknown) => unknown\n  _payload: unknown\n}\n\nconst isLazy = (value: unknown): value is LazyNode =>\n  typeof value === 'object' &&\n  value !== null &&\n  (value as LazyNode).$$typeof === REACT_LAZY_TYPE &&\n  typeof (value as LazyNode)._init === 'function'\n\n// The value a lazy node or lazy type stands for; anything else comes back as it is. A lazy value\n// can hold another, so this unwraps until it reaches one that isn't.\nexport function resolveLazy<T>(value: T): T {\n  let resolved: unknown = value\n  while (isLazy(resolved)) resolved = resolved._init(resolved._payload)\n  return resolved as T\n}\n\n// Whether `node` is an element of `Component`. Replaces `isValidElement(node) && node.type ===\n// Component`, which a Server Component's children fail.\nexport function isElementOfType<P>(\n  node: unknown,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Component: (props: any) => unknown\n): node is ReactElement<P>\nexport function isElementOfType<P>(node: unknown, Component: object): node is ReactElement<P>\nexport function isElementOfType<P>(node: unknown, Component: unknown): node is ReactElement<P> {\n  if (!isValidElement(node)) return false\n  return node.type === Component || resolveLazy(node.type) === Component\n}\n"],"mappings":"uCAkBA,MAAM,EAAkB,OAAO,IAAI,YAAY,EAQzC,EAAU,GACd,OAAO,GAAU,YACjB,GACC,EAAmB,WAAa,GACjC,OAAQ,EAAmB,OAAU,WAIvC,SAAgB,EAAe,EAAa,CAC1C,IAAI,EAAoB,EACxB,KAAO,EAAO,CAAQ,GAAG,EAAW,EAAS,MAAM,EAAS,QAAQ,EACpE,OAAO,CACT,CAUA,SAAgB,EAAmB,EAAe,EAA6C,CAE7F,OADK,EAAe,CAAI,EACjB,EAAK,OAAS,GAAa,EAAY,EAAK,IAAI,IAAM,EAD3B,EAEpC"}
+{"version":3,"file":"lazyElement-tfMG21pZ.js","names":["REACT_LAZY_TYPE","isLazy","value","resolveLazy","resolved","isElementOfType","isValidElement","node","Component"],"sources":["../../src/utils/lazyElement.ts"],"sourcesContent":["import { isValidElement, ReactElement } from 'react'\n\n// What React Server Components hand a client component in place of a value that isn't ready, or\n// that they never resolve eagerly. Two cases reach this library, both from a Server Component\n// that composes its components directly:\n//\n// - An element's `type`, when it is a client component: always a lazy wrapper around the module,\n//   in a production build too. `child.type === ListItem` is therefore false for a `<ListItem>`\n//   written in a Server Component.\n// - A whole element, when something in its props is still loading (a client component passed by\n//   reference, a server function): a lazy node, which is not a valid element and has no `props`.\n//   See #37.\n//\n// React resolves both when it renders them. Code that reads a child before rendering it\n// (`isValidElement`, `child.type === X`, `child.props`) has to resolve them itself, the way\n// React's own `Children` helpers do: by calling the node's `_init` with its `_payload`. That\n// returns the value, or throws what React throws for a lazy component: a thenable while the value\n// is loading, which suspends the component until it is there, or the error it failed with.\nconst REACT_LAZY_TYPE = Symbol.for('react.lazy')\n\ninterface LazyNode {\n  $$typeof: symbol\n  _init: (payload: unknown) => unknown\n  _payload: unknown\n}\n\nconst isLazy = (value: unknown): value is LazyNode =>\n  typeof value === 'object' &&\n  value !== null &&\n  (value as LazyNode).$$typeof === REACT_LAZY_TYPE &&\n  typeof (value as LazyNode)._init === 'function'\n\n// The value a lazy node or lazy type stands for; anything else comes back as it is. A lazy value\n// can hold another, so this unwraps until it reaches one that isn't.\nexport function resolveLazy<T>(value: T): T {\n  let resolved: unknown = value\n  while (isLazy(resolved)) resolved = resolved._init(resolved._payload)\n  return resolved as T\n}\n\n// Whether `node` is an element of `Component`. Replaces `isValidElement(node) && node.type ===\n// Component`, which a Server Component's children fail.\nexport function isElementOfType<P>(\n  node: unknown,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Component: (props: any) => unknown\n): node is ReactElement<P>\nexport function isElementOfType<P>(node: unknown, Component: object): node is ReactElement<P>\nexport function isElementOfType<P>(node: unknown, Component: unknown): node is ReactElement<P> {\n  if (!isValidElement(node)) return false\n  return node.type === Component || resolveLazy(node.type) === Component\n}\n"],"mappings":"A,uCAkBA,MAAMA,EAAkB,OAAO,IAAI,YAAY,EAQzCC,EAAU,GACd,OAAOC,GAAU,YACjBA,GACCA,EAAmB,WAAaF,GACjC,OAAQE,EAAmB,OAAU,WAIvC,SAAgBC,EAAe,EAAa,CAC1C,IAAIC,EAAoBF,EACxB,KAAOD,EAAOG,CAAQ,GAAG,EAAWA,EAAS,MAAMA,EAAS,QAAQ,EACpE,OAAOA,CACT,CAUA,SAAgBC,EAAmB,EAAe,EAA6C,CAE7F,OADKC,EAAeC,CAAI,EACjBA,EAAK,OAASC,GAAaL,EAAYI,EAAK,IAAI,IAAMC,EAD3B,EAEpC,C"}

package/dist/chunks/list-BPBZR66Y.js

@@ -0,0 +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

package/dist/chunks/list-BPBZR66Y.js.map

@@ -0,0 +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"}