@chassis-ui/react 0.1.3 → 0.3.0

package/dist/chunks/flex-CmlJbKVj.js

@@ -0,0 +1,2 @@
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-BhGNZQja.js";import{t}from"./breakpoints-o_2Ev7ir.js";import{t as n}from"./spacingClassName-DVhk8m3P.js";import r from"react";import i from"classnames";const a=({direction:e,wrap:t,justify:r,align:i,alignContent:a,gap:o,rowGap:s,columnGap:c},l)=>[e&&`${l}flex-${e}`,t&&`${l}flex-${t}`,r&&`${l}justify-content-${r}`,i&&`${l}align-items-${i}`,a&&`${l}align-content-${a}`,n(`gap`,o,l),n(`row-gap`,s,l),n(`column-gap`,c,l)];function o({children:e,className:n,component:o,inline:s,direction:c,wrap:l,justify:u,align:d,alignContent:f,gap:p,rowGap:m,columnGap:h,responsive:g,..._},v){let y=o??`div`,b=i(s?`d-inline-flex`:`d-flex`,t(a,{direction:c,wrap:l,justify:u,align:d,alignContent:f,gap:p,rowGap:m,columnGap:h},g),n);return r.createElement(y,{className:b,..._,ref:v},e)}const s=e(o,`Flex`);export{s as t};
+//# sourceMappingURL=flex-CmlJbKVj.js.map

package/dist/chunks/flex-CmlJbKVj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-CmlJbKVj.js","names":[],"sources":["../../src/components/flex/Flex.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'\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { spacingClassName } from '../../utils/spacingClassName'\nimport { Breakpoint, Spacing } from '../../types'\n\nexport interface FlexLayout {\n  /**\n   * Sets `flex-direction`. Omit for the browser default (`row`).\n   */\n  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse'\n  /**\n   * Sets `flex-wrap`. Omit for the browser default (`nowrap`).\n   */\n  wrap?: 'wrap' | 'nowrap' | 'wrap-reverse'\n  /**\n   * Sets `justify-content`, aligning items along the main axis.\n   */\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  /**\n   * Sets `align-items`, aligning items along the cross axis.\n   */\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  /**\n   * Sets `align-content`, distributing wrapped lines along the cross axis. Has no effect on\n   * single-line (non-wrapping) containers.\n   */\n  alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch'\n  /**\n   * Spacing between children on both axes, mapped to the `gap-*` utility classes. Overridden per\n   * axis by `rowGap`/`columnGap` where set.\n   */\n  gap?: Spacing | 0\n  /**\n   * Spacing between rows (the cross axis when wrapped), mapped to the `row-gap-*` utility\n   * classes. Independent of `gap`/`columnGap`.\n   */\n  rowGap?: Spacing | 0\n  /**\n   * Spacing between columns (the main axis), mapped to the `column-gap-*` utility classes.\n   * Independent of `gap`/`rowGap`.\n   */\n  columnGap?: Spacing | 0\n}\n\ntype FlexOwnProps<C extends ElementType> = FlexLayout & {\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   * Renders an inline flex container (`.d-inline-flex`) instead of a block-level one (`.d-flex`,\n   * the default).\n   */\n  inline?: boolean\n  /**\n   * Overrides any of `direction`/`wrap`/`justify`/`align`/`alignContent`/`gap`/`rowGap`/\n   * `columnGap` at one or more breakpoints, via regular viewport media queries (unlike `Stack`'s\n   * `responsive` prop, this doesn't require a `.contains-inline` ancestor).\n   */\n  responsive?: Partial<Record<Breakpoint, FlexLayout>>\n}\n\nexport type FlexProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, FlexOwnProps<C>>\n\ntype FlexComponent = (<C extends ElementType = 'div'>(\n  props: FlexProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nconst layoutClassNames = (\n  { direction, wrap, justify, align, alignContent, gap, rowGap, columnGap }: FlexLayout,\n  prefix: string\n) => [\n  direction && `${prefix}flex-${direction}`,\n  wrap && `${prefix}flex-${wrap}`,\n  justify && `${prefix}justify-content-${justify}`,\n  align && `${prefix}align-items-${align}`,\n  alignContent && `${prefix}align-content-${alignContent}`,\n  spacingClassName('gap', gap, prefix),\n  spacingClassName('row-gap', rowGap, prefix),\n  spacingClassName('column-gap', columnGap, prefix)\n]\n\nfunction FlexRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    component,\n    inline,\n    direction,\n    wrap,\n    justify,\n    align,\n    alignContent,\n    gap,\n    rowGap,\n    columnGap,\n    responsive,\n    ...rest\n  }: FlexProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames(\n    inline ? 'd-inline-flex' : 'd-flex',\n    buildResponsiveClassNames(\n      layoutClassNames,\n      { direction, wrap, justify, align, alignContent, gap, rowGap, columnGap },\n      responsive\n    ),\n    className\n  )\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Flex = createPolymorphicComponent<FlexComponent>(\n  FlexRender as ForwardRefRenderFunction<Element, FlexProps<ElementType>>,\n  'Flex'\n)\n"],"mappings":"0NA+EA,MAAM,GACJ,CAAE,YAAW,OAAM,UAAS,QAAO,eAAc,MAAK,SAAQ,aAC9D,IACG,CACH,GAAa,GAAG,EAAO,OAAO,IAC9B,GAAQ,GAAG,EAAO,OAAO,IACzB,GAAW,GAAG,EAAO,kBAAkB,IACvC,GAAS,GAAG,EAAO,cAAc,IACjC,GAAgB,GAAG,EAAO,gBAAgB,IAC1C,EAAiB,MAAO,EAAK,CAAM,EACnC,EAAiB,UAAW,EAAQ,CAAM,EAC1C,EAAiB,aAAc,EAAW,CAAM,CAClD,EAEA,SAAS,EACP,CACE,WACA,YACA,YACA,SACA,YACA,OACA,UACA,QACA,eACA,MACA,SACA,YACA,aACA,GAAG,GAEL,EACA,CACA,IAAM,EAAY,GAAa,MACzB,EAAa,EACjB,EAAS,gBAAkB,SAC3B,EACE,EACA,CAAE,YAAW,OAAM,UAAS,QAAO,eAAc,MAAK,SAAQ,WAAU,EACxE,CACF,EACA,CACF,EAEA,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAEtC,EADR,CACQ,CAEf,CAEA,MAAa,EAAO,EAClB,EACA,MACF"}

package/dist/chunks/floating-input-DmSZZc27.js

@@ -0,0 +1,2 @@
+import"./focus-ring-SR_LwaN7.js";import{v as e}from"./slot-CNhFZdHF.js";import{t}from"./FormLabel-CYcQiFUI.js";import{t as n}from"./renderFormField-Brkw1yA6.js";import r,{forwardRef as i}from"react";import a from"classnames";const o=i(({children:i,className:o,help:s,ids:c,invalid:l,invalidFeedback:u,label:d,valid:f,validFeedback:p,...m},h)=>(e(!c?.input&&!c?.label,"FloatingInput: `ids.input`/`ids.label` are not set — the rendered label won't be associated with your control (no `htmlFor`, no `aria-labelledby` target). Pass `ids={{ input: yourControlId }}` (or `ids.label` for a group with no single input) so the label has something to point at."),n({children:r.createElement(`div`,{className:a(`form-floating`,o),...m,ref:h},r.createElement(t,{htmlFor:c?.input,id:c?.label},d),i),help:s,ids:{feedback:c?.feedback,help:c?.help},invalid:l,invalidFeedback:u,valid:f,validFeedback:p})));o.displayName=`FloatingInput`;export{o as t};
+//# sourceMappingURL=floating-input-DmSZZc27.js.map

package/dist/chunks/floating-input-DmSZZc27.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-input-DmSZZc27.js","names":[],"sources":["../../src/components/floating-input/FloatingInput.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'\nimport classNames from 'classnames'\n\nimport { FormLabel } from '../form/FormLabel'\nimport { FormFieldIds, renderFormField } from '../form-field/renderFormField'\nimport { devWarning } from '../../utils/devWarning'\n\nexport interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  /**\n   * The form control (e.g. a `TextInput`, `Select`, or `Textarea`) the floating label attaches\n   * to. Chassis-css's floating-label CSS relies on a `label:has(~ .form-input)` selector, so this\n   * must render an element carrying the `form-input` class as a direct child.\n   */\n  children: ReactNode\n  /**\n   * A string of all className you want applied to the `.form-floating` element.\n   */\n  className?: string\n  /**\n   * A description for the field, rendered below the control. Setting this (or `invalidFeedback`/\n   * `validFeedback`) wraps the floating input in a `.form-field`.\n   */\n  help?: ReactNode\n  /**\n   * The DOM ids of the wrapped control, used to associate the label (`htmlFor`) and point your\n   * control's own `aria-describedby` at the rendered help/feedback text.\n   */\n  ids?: FormFieldIds\n  /**\n   * Set field validation state to invalid.\n   */\n  invalid?: boolean\n  /**\n   * An error message for the field, rendered below the control when `invalid` is set.\n   */\n  invalidFeedback?: ReactNode\n  /**\n   * The field's caption, rendered as a floating `FormLabel` associated with `ids.input`.\n   */\n  label: ReactNode\n  /**\n   * Set field validation state to valid.\n   */\n  valid?: boolean\n  /**\n   * A success message for the field, rendered below the control when `valid` is set.\n   */\n  validFeedback?: ReactNode\n}\n\nexport const FloatingInput = forwardRef<HTMLDivElement, FloatingInputProps>(\n  (\n    {\n      children,\n      className,\n      help,\n      ids,\n      invalid,\n      invalidFeedback,\n      label,\n      valid,\n      validFeedback,\n      ...rest\n    },\n    ref\n  ) => {\n    devWarning(\n      !ids?.input && !ids?.label,\n      'FloatingInput: `ids.input`/`ids.label` are not set — the rendered label ' +\n        \"won't be associated with your control (no `htmlFor`, no `aria-labelledby` target). \" +\n        'Pass `ids={{ input: yourControlId }}` (or `ids.label` for a group with no single ' +\n        'input) so the label has something to point at.'\n    )\n\n    return renderFormField({\n      children: (\n        <div className={classNames('form-floating', className)} {...rest} ref={ref}>\n          <FormLabel htmlFor={ids?.input} id={ids?.label}>\n            {label}\n          </FormLabel>\n          {children}\n        </div>\n      ),\n      help,\n      ids: { feedback: ids?.feedback, help: ids?.help },\n      invalid,\n      invalidFeedback,\n      valid,\n      validFeedback\n    })\n  }\n)\n\nFloatingInput.displayName = 'FloatingInput'\n"],"mappings":"iOAkDA,MAAa,EAAgB,GAEzB,CACE,WACA,YACA,OACA,MACA,UACA,kBACA,QACA,QACA,gBACA,GAAG,GAEL,KAEA,EACE,CAAC,GAAK,OAAS,CAAC,GAAK,MACrB,4RAIF,EAEO,EAAgB,CACrB,SACE,EAAA,cAAC,MAAD,CAAK,UAAW,EAAW,gBAAiB,CAAS,EAAG,GAAI,EAAW,KAKlE,EAJH,EAAA,cAAC,EAAD,CAAW,QAAS,GAAK,MAAO,GAAI,GAAK,KAE9B,EADR,CACQ,EACV,CACE,EAEP,OACA,IAAK,CAAE,SAAU,GAAK,SAAU,KAAM,GAAK,IAAK,EAChD,UACA,kBACA,QACA,eACF,CAAC,EAEL,EAEA,EAAc,YAAc"}

package/dist/chunks/focus-ring-SR_LwaN7.js

@@ -0,0 +1,2 @@
+const e=new WeakSet,t=[`outline`];function n(n,r=t){if(n.classList.contains(`form-input`)||e.has(n))return;e.add(n);let i=r.map(e=>[e,n.style[e]]);for(let[e]of i)n.style[e]=`none`;n.addEventListener(`blur`,()=>{for(let[e,t]of i)n.style[e]=t;e.delete(n)},{once:!0})}function r(e){let t=e.target;if(!(t instanceof Element))return;let r=t.closest(`a[href], button, input, select, textarea, [tabindex]`);r&&n(r)}let i=!1;function a(){i||typeof document>`u`||(i=!0,document.addEventListener(`pointerdown`,r,!0))}a();export{n as t};
+//# sourceMappingURL=focus-ring-SR_LwaN7.js.map

package/dist/chunks/focus-ring-SR_LwaN7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring-SR_LwaN7.js","names":[],"sources":["../../src/utils/suppressFocusRingGlobally.ts"],"sourcesContent":["// Chromium/WebKit's `:focus-visible` heuristic has no interaction history to consult on the very\n// first focus event of a page load, so a genuine pointer press can still paint a focus ring as if\n// it came from the keyboard — most visible on whatever element happens to be the first thing a\n// visitor clicks. A single capture-phase `pointerdown` listener on `document`, installed once (see\n// `install` below, called for its side effect from `index.ts`), preemptively suppresses the\n// outline on whatever focusable element the press is about to focus — before the browser's own\n// default action grants focus and paints the ring for it — then restores it on blur. Safe to run\n// on every press, not just the page's first: if the browser was already going to correctly\n// withhold the ring, this suppress/restore cycle is a no-op within the same frame.\n//\n// Mirrors react-aria's own `@react-aria/interactions` global modality tracking (one document-level\n// listener rather than one per component/instance) without switching this library's focus rings\n// from chassis-css's native `:focus-visible` CSS to JS-driven state — react-aria's `isFocusVisible`\n// is consumed by applying a class/attribute, which would fork focus-ring styling from the vanilla,\n// non-React product chassis-css also ships. Deliberately unscoped to this library's own markup, for\n// the same reason react-aria's own fix is unscoped: the browser bug isn't specific to any one\n// component library, and a page generally wants one consistent focus-ring policy for every\n// focusable element on it, not just the subset a component library happens to own.\nconst FOCUSABLE_SELECTOR = 'a[href], button, input, select, textarea, [tabindex]'\n\nconst suppressed = new WeakSet<HTMLElement>()\n\n// Which ring-painting style properties a given call suppresses. The global `pointerdown` path\n// only ever needs `outline` (that's the whole of chassis-css's `:focus-visible` ring); a\n// script-driven focus redirect also clears `boxShadow`, since an element it lands on may carry a\n// ring painted that way — see `focusRedirect`.\nexport type SuppressibleStyle = 'outline' | 'boxShadow'\n\nconst DEFAULT_STYLES: readonly SuppressibleStyle[] = ['outline']\n\n// Shared by the global `pointerdown` listener below and by call sites that move focus themselves\n// via script (e.g. `RangeCalendar`'s hover-to-preview-a-range, which calls `element.focus()` from\n// a `pointerenter` handler — outside the `pointerdown` this module otherwise listens for, and\n// `focusRedirect`, which delegates here rather than reimplementing the save/restore cycle).\nexport function suppressFocusRing(\n  el: HTMLElement,\n  styles: readonly SuppressibleStyle[] = DEFAULT_STYLES\n): void {\n  // chassis-css's `.form-input` placeholder deliberately grants its focus ring on `:focus-within`\n  // as well as `:focus-visible` (see `_form.scss`), unlike the `:focus-visible`-only policy this\n  // module otherwise mirrors for buttons/links/checks/etc. — a form field is meant to show its\n  // ring regardless of whether the focus came from a click or the keyboard, so the very\n  // first-press-of-page-load quirk this module works around isn't a bug for `.form-input` in the\n  // first place: forcing its outline off here would fight, then correctly-but-uselessly restore,\n  // an outline chassis-css wants visible the whole time the field is focused.\n  if (el.classList.contains('form-input')) return\n  // `suppressed` guards re-entrancy: a second call for the same element before it blurs (e.g. a\n  // rapid re-press, the pointer re-entering a cell, or a repeated `focusRedirect` onto the same\n  // element) would otherwise stack a second blur listener whose \"previous\" value it captured\n  // *after* the first call already set the property to `none` — restoring `none` and leaving the\n  // ring permanently suppressed. One shared set across every caller, so a global-listener\n  // suppression and a `focusRedirect` one can't stack on each other either.\n  if (suppressed.has(el)) return\n\n  suppressed.add(el)\n  const restore = styles.map((style) => [style, el.style[style]] as const)\n  for (const [style] of restore) el.style[style] = 'none'\n  el.addEventListener(\n    'blur',\n    () => {\n      for (const [style, value] of restore) el.style[style] = value\n      suppressed.delete(el)\n    },\n    { once: true }\n  )\n}\n\nfunction handlePointerDown(event: PointerEvent) {\n  const target = event.target\n  if (!(target instanceof Element)) return\n  const el = target.closest<HTMLElement>(FOCUSABLE_SELECTOR)\n  if (!el) return\n  suppressFocusRing(el)\n}\n\nlet installed = false\n\nexport function install(): void {\n  if (installed || typeof document === 'undefined') return\n  installed = true\n  document.addEventListener('pointerdown', handlePointerDown, true)\n}\n\ninstall()\n"],"mappings":"AAkBA,MAEM,EAAa,IAAI,QAQjB,EAA+C,CAAC,SAAS,EAM/D,SAAgB,EACd,EACA,EAAuC,EACjC,CAeN,GAPI,EAAG,UAAU,SAAS,YAAY,GAOlC,EAAW,IAAI,CAAE,EAAG,OAExB,EAAW,IAAI,CAAE,EACjB,IAAM,EAAU,EAAO,IAAK,GAAU,CAAC,EAAO,EAAG,MAAM,EAAM,CAAU,EACvE,IAAK,GAAM,CAAC,KAAU,EAAS,EAAG,MAAM,GAAS,OACjD,EAAG,iBACD,WACM,CACJ,IAAK,GAAM,CAAC,EAAO,KAAU,EAAS,EAAG,MAAM,GAAS,EACxD,EAAW,OAAO,CAAE,CACtB,EACA,CAAE,KAAM,EAAK,CACf,CACF,CAEA,SAAS,EAAkB,EAAqB,CAC9C,IAAM,EAAS,EAAM,OACrB,GAAI,EAAE,aAAkB,SAAU,OAClC,IAAM,EAAK,EAAO,QAAqB,sDAAkB,EACpD,GACL,EAAkB,CAAE,CACtB,CAEA,IAAI,EAAY,GAEhB,SAAgB,GAAgB,CAC1B,GAAa,OAAO,SAAa,MACrC,EAAY,GACZ,SAAS,iBAAiB,cAAe,EAAmB,EAAI,EAClE,CAEA,EAAQ"}

package/dist/chunks/focusRedirect-BrvK3U_o.js

@@ -0,0 +1,2 @@
+import{t as e}from"./focus-ring-SR_LwaN7.js";function t(t,n,r){t&&(n&&e(t,[`outline`,`boxShadow`]),t.focus(r))}export{t};
+//# sourceMappingURL=focusRedirect-BrvK3U_o.js.map

package/dist/chunks/focusRedirect-BrvK3U_o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusRedirect-BrvK3U_o.js","names":[],"sources":["../../src/utils/focusRedirect.ts"],"sourcesContent":["import { suppressFocusRing } from './suppressFocusRingGlobally'\n\n// Safari shows a `:focus-visible` ring on an element focused via script even when the\n// interaction that triggered the script was a real pointer click — unlike Chromium/Firefox,\n// which correctly suppress it in that case. Force the ring off for a pointer-triggered redirect,\n// then let normal focus-visible behavior resume the next time this element is genuinely\n// (re)focused, e.g. via Tab.\n//\n// The suppress/restore cycle itself is `suppressFocusRing`'s, not reimplemented here: it owns the\n// re-entrancy guard that keeps a second call before the element blurs from capturing the\n// already-suppressed value as the one to restore (which left the ring off for good — reachable by\n// clicking twice at the same disabled end of a `ends=\"stop\"` carousel). `boxShadow` is suppressed\n// alongside `outline` here, but not on the global pointerdown path, because a redirect can land\n// on an element whose ring is painted that way.\nexport function focusRedirect(\n  el: HTMLElement | null,\n  viaPointer: boolean,\n  focusOptions?: FocusOptions\n): void {\n  if (!el) return\n  if (viaPointer) suppressFocusRing(el, ['outline', 'boxShadow'])\n  el.focus(focusOptions)\n}\n"],"mappings":"6CAcA,SAAgB,EACd,EACA,EACA,EACM,CACD,IACD,GAAY,EAAkB,EAAI,CAAC,UAAW,WAAW,CAAC,EAC9D,EAAG,MAAM,CAAY,EACvB"}

package/dist/chunks/form-GpdAyWWi.js

@@ -0,0 +1,2 @@
+import"./focus-ring-SR_LwaN7.js";import e,{forwardRef as t}from"react";import n from"classnames";const r=t(({children:t,className:r,validated:i,...a},o)=>{let s=n({"was-validated":i},r);return e.createElement(`form`,{className:s,...a,ref:o},t)});r.displayName=`Form`;export{r as t};
+//# sourceMappingURL=form-GpdAyWWi.js.map

package/dist/chunks/form-GpdAyWWi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-GpdAyWWi.js","names":[],"sources":["../../src/components/form/Form.tsx"],"sourcesContent":["import React, { forwardRef, FormHTMLAttributes } from 'react'\nimport classNames from 'classnames'\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement> {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component.\n   */\n  validated?: boolean\n}\n\nexport const Form = forwardRef<HTMLFormElement, FormProps>(\n  ({ children, className, validated, ...rest }, ref) => {\n    const _className = classNames({ 'was-validated': validated }, className)\n    return (\n      <form className={_className} {...rest} ref={ref}>\n        {children}\n      </form>\n    )\n  }\n)\n\nForm.displayName = 'Form'\n"],"mappings":"iGAcA,MAAa,EAAO,GACjB,CAAE,WAAU,YAAW,YAAW,GAAG,GAAQ,IAAQ,CACpD,IAAM,EAAa,EAAW,CAAE,gBAAiB,CAAU,EAAG,CAAS,EACvE,OACE,EAAA,cAAC,OAAD,CAAM,UAAW,EAAY,GAAI,EAAW,KAEtC,EADH,CACG,CAEV,CACF,EAEA,EAAK,YAAc"}

package/dist/chunks/form-field-CNPGTMiW.js

@@ -0,0 +1,2 @@
+import"./focus-ring-SR_LwaN7.js";import{v as e}from"./slot-CNhFZdHF.js";import{t}from"./renderFormField-Brkw1yA6.js";import{forwardRef as n}from"react";const r=n(function({children:n,className:r,help:i,ids:a,invalid:o,invalidFeedback:s,label:c,valid:l,validFeedback:u},d){return e(!!c&&!a?.input&&!a?.label,"FormField: `label` is set but `ids.input`/`ids.label` are not — the rendered label won't be associated with your control (no `htmlFor`, no `aria-labelledby` target). Pass `ids={{ input: yourControlId }}` (or `ids.label` for a group with no single input) so the label has something to point at."),t({children:n,className:r,help:i,ids:a,invalid:o,invalidFeedback:s,label:c,ref:d,valid:l,validFeedback:u})});r.displayName=`FormField`;export{r as t};
+//# sourceMappingURL=form-field-CNPGTMiW.js.map

package/dist/chunks/form-field-CNPGTMiW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-CNPGTMiW.js","names":[],"sources":["../../src/components/form-field/FormField.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\n\nimport { FormFieldIds, renderFormField } from './renderFormField'\nimport { devWarning } from '../../utils/devWarning'\n\nexport interface FormFieldProps {\n  /**\n   * The form control(s) this field wraps.\n   */\n  children: ReactNode\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * A description for the field, rendered below the control(s).\n   */\n  help?: ReactNode\n  /**\n   * The DOM ids of the wrapped control(s), used to associate the label (`htmlFor`) and\n   * point your control's own `aria-describedby` at the rendered help/feedback text.\n   */\n  ids?: FormFieldIds\n  /**\n   * Set field validation state to invalid.\n   */\n  invalid?: boolean\n  /**\n   * An error message for the field, rendered below the control(s) when `invalid` is set.\n   */\n  invalidFeedback?: ReactNode\n  /**\n   * The field's caption, rendered as a `FormLabel` associated with `ids.input`.\n   */\n  label?: ReactNode\n  /**\n   * Set field validation state to valid.\n   */\n  valid?: boolean\n  /**\n   * A success message for the field, rendered below the control(s) when `valid` is set.\n   */\n  validFeedback?: ReactNode\n}\n\n// Standalone `.form-field` wrapper for the \"wrap this yourself\" case: a control with no field\n// props of its own, or grouping more than one element under one label (e.g. an input plus a\n// sibling status meter). Combobox/DatePicker/ChipInput/OtpInput do NOT use this — they\n// call `renderFormField` directly and expose label/help/validFeedback/invalidFeedback as their\n// own props (see FORMS.md). Wrapping any of those 10 components in `FormField` produces a\n// nested, empty `.form-field` div — see FORMS.md's Gotchas section.\n//\n// The ref goes to the `.form-field` element. It stays `null` while the field renders its children\n// bare, with no `label`, `help`, feedback or `className` to need the element.\nexport const FormField = forwardRef<HTMLDivElement, FormFieldProps>(function FormField(\n  { children, className, help, ids, invalid, invalidFeedback, label, valid, validFeedback },\n  ref\n) {\n  devWarning(\n    !!label && !ids?.input && !ids?.label,\n    'FormField: `label` is set but `ids.input`/`ids.label` are not — the rendered label ' +\n      \"won't be associated with your control (no `htmlFor`, no `aria-labelledby` target). \" +\n      'Pass `ids={{ input: yourControlId }}` (or `ids.label` for a group with no single ' +\n      'input) so the label has something to point at.'\n  )\n\n  return renderFormField({\n    children,\n    className,\n    help,\n    ids,\n    invalid,\n    invalidFeedback,\n    label,\n    ref,\n    valid,\n    validFeedback\n  })\n})\n\nFormField.displayName = 'FormField'\n"],"mappings":"wJAsDA,MAAa,EAAY,EAA2C,SAClE,CAAE,WAAU,YAAW,OAAM,MAAK,UAAS,kBAAiB,QAAO,QAAO,iBAC1E,EACA,CASA,OARA,EACE,CAAC,CAAC,GAAS,CAAC,GAAK,OAAS,CAAC,GAAK,MAChC,uSAIF,EAEO,EAAgB,CACrB,WACA,YACA,OACA,MACA,UACA,kBACA,QACA,MACA,QACA,eACF,CAAC,CACH,CAAC,EAED,EAAU,YAAc"}

package/dist/chunks/grid-DK_vxz-4.js

@@ -0,0 +1,2 @@
+import"./focus-ring-SR_LwaN7.js";import{v as e}from"./slot-CNhFZdHF.js";import{t}from"./polymorphic-BhGNZQja.js";import{t as n}from"./breakpoints-o_2Ev7ir.js";import{t as r}from"./spacingClassName-DVhk8m3P.js";import i,{forwardRef as a}from"react";import o from"classnames";const s=({span:e,offset:t,order:n},r)=>[typeof e==`number`||typeof e==`string`?`${r}col-${e}`:null,e===!0?`${r}col`:null,typeof t==`number`||typeof t==`string`?`${r}offset-${t}`:null,typeof n==`number`||typeof n==`string`?`${r}order-${n}`:null],c=a(({children:t,className:r,span:a,offset:c,order:l,responsive:u,...d},f)=>{e(!0,`Col: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and GridItem instead. They will be removed in a future major version.`);let p=n(s,{span:a,offset:c,order:l},u),m=o(a===void 0&&`col`,p,r);return i.createElement(`div`,{className:m,...d,ref:f},t)});c.displayName=`Col`;function l({children:e,className:t,component:n,fluidUntil:r,fluid:a,...s},c){let l=n??`div`,u=o(`container`,a&&`fluid`,r,t);return i.createElement(l,{className:u,...s,ref:c},e)}const u=t(l,`Container`),d=new Set([`zero`,`4xs`,`3xs`,`2xs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`]),f=(e,t=``)=>e!==void 0&&d.has(e)?`${t}gap-${e}`:null,p=e=>e!==void 0&&!d.has(e)?e:void 0,m=e=>e!==void 0&&Number.isInteger(e)&&e>=1&&e<=12;function h({children:e,className:t,component:r,columns:a,rows:s,gap:c,responsive:l,fill:u,min:d,style:h,...g},_){let v=r??`div`,y=m(a),b=o(u?`grid-fill`:`grid`,n(({columns:e,gap:t},n)=>[!u&&e!==void 0&&`${n}grid-cols-${e}`,f(t,n)],{columns:y?a:void 0,gap:c},l),t),x={...h},S=p(c);return S!==void 0&&(x[`--cx-grid-gap`]=S),u?d!==void 0&&(x[`--cx-grid-min`]=d):(a!==void 0&&!y&&(x[`--cx-grid-columns`]=a),s!==void 0&&(x[`--cx-grid-rows`]=s)),i.createElement(v,{className:b,style:x,...g,ref:_},e)}const g=t(h,`Grid`),_=({span:e,start:t,rowSpan:n,rowStart:r},i)=>[e===void 0?null:`${i}col-span-${e}`,t===void 0?null:`${i}col-start-${t}`,n===void 0?null:`${i}row-span-${n}`,r===void 0?null:`${i}row-start-${r}`];function v({children:e,className:t,component:r,span:a,start:s,rowSpan:c,rowStart:l,responsive:u,subgrid:d,rows:m,gap:h,style:g,...v},y){let b=r??`div`,x=o(n(_,{span:a,start:s,rowSpan:c,rowStart:l},u),d&&`grid grid-cols-subgrid`,d&&f(h),t),S={...g};if(d){m!==void 0&&(S[`--cx-grid-rows`]=m);let e=p(h);e!==void 0&&(S[`--cx-grid-gap`]=e)}return i.createElement(b,{className:x,style:S,...v,ref:y},e)}const y=t(v,`GridItem`),b=({cols:e,gutter:t,gutterX:n,gutterY:i},a)=>[e?`${a}row-cols-${e}`:null,r(`g`,t,a),r(`gx`,n,a),r(`gy`,i,a)],x=a(({children:t,className:r,cols:a,gutter:s,gutterX:c,gutterY:l,responsive:u,...d},f)=>{e(!0,`Row: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and GridItem instead. They will be removed in a future major version.`);let p=o(`row`,n(b,{cols:a,gutter:s,gutterX:c,gutterY:l},u),r);return i.createElement(`div`,{className:p,...d,ref:f},t)});x.displayName=`Row`;export{c as a,u as i,y as n,g as r,x as t};
+//# sourceMappingURL=grid-DK_vxz-4.js.map

package/dist/chunks/grid-DK_vxz-4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-DK_vxz-4.js","names":["layoutClassNames","layoutClassNames"],"sources":["../../src/components/grid/Col.tsx","../../src/components/grid/Container.tsx","../../src/types.ts","../../src/components/grid/gap.ts","../../src/components/grid/Grid.tsx","../../src/components/grid/GridItem.tsx","../../src/components/grid/Row.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react'\nimport classNames from 'classnames'\n\nimport { Span, buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { devWarning } from '../../utils/devWarning'\nimport { Breakpoint } from '../../types'\n\nexport interface ColLayout {\n  /**\n   * Columns (of 12) this Col spans, or `'auto'`/`true` for a natural-width column.\n   *\n   * @type { 'auto' | number | string | boolean }\n   */\n  span?: Span\n  /**\n   * Columns to offset the start of this Col by.\n   */\n  offset?: number | string\n  /**\n   * Visual order relative to sibling columns.\n   *\n   * @type { 'first' | 'last' | number | string }\n   */\n  order?: 'first' | 'last' | number | string\n}\n\n/**\n * @deprecated Use `GridItemProps`: `Col` is deprecated with the flexbox grid of `@chassis-ui/css`.\n */\nexport interface ColProps extends HTMLAttributes<HTMLDivElement>, ColLayout {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Overrides `span`/`offset`/`order` at a breakpoint and up.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { span?: 'auto' | number | string | boolean, offset?: number | string, order?: 'first' | 'last' | number | string }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, ColLayout>>\n}\n\nconst layoutClassNames = ({ span, offset, order }: ColLayout, prefix: string) => [\n  typeof span === 'number' || typeof span === 'string' ? `${prefix}col-${span}` : null,\n  span === true ? `${prefix}col` : null,\n  typeof offset === 'number' || typeof offset === 'string' ? `${prefix}offset-${offset}` : null,\n  typeof order === 'number' || typeof order === 'string' ? `${prefix}order-${order}` : null\n]\n\n/**\n * @deprecated Use `GridItem` in a `Grid`, with `start` for `offset`. A column as wide as its\n * content (`span=\"auto\"`) has no grid equivalent: use `Flex`. `@chassis-ui/css` deprecates its\n * flexbox grid (`.row`, `.col-*`) in 0.6 and removes it in 0.7, and `Col` goes with it.\n */\nexport const Col = forwardRef<HTMLDivElement, ColProps>(\n  ({ children, className, span, offset, order, responsive, ...rest }, ref) => {\n    devWarning(\n      true,\n      'Col: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and ' +\n        'GridItem instead. They will be removed in a future major version.'\n    )\n\n    const layoutClassList = buildResponsiveClassNames(\n      layoutClassNames,\n      { span, offset, order },\n      responsive\n    )\n\n    // The base breakpoint only gets its equal-width flex sizing from an explicit `span` (base or\n    // `col`'s own class) or from the fallback bare `col` below — `offset`/`order` alone (or a\n    // `span` set only inside `responsive`) don't provide it, so without this the column would\n    // render at `flex: 0 1 auto` instead of a proper flexible column below the first tier that\n    // sets a span.\n    const _className = classNames(span === undefined && 'col', layoutClassList, className)\n\n    return (\n      <div className={_className} {...rest} ref={ref}>\n        {children}\n      </div>\n    )\n  }\n)\n\nCol.displayName = 'Col'\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { Breakpoint } from '../../types'\n\ntype ContainerOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base 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   * Set container 100% wide until the given breakpoint, after which it scales up with `max-width`\n   * at every larger breakpoint.\n   *\n   * @type Breakpoint\n   */\n  fluidUntil?: Breakpoint\n  /**\n   * Set container 100% wide, spanning the entire width of the viewport.\n   */\n  fluid?: boolean\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ContainerOwnProps<C>\n>\n\ntype ContainerComponent = (<C extends ElementType = 'div'>(\n  props: ContainerProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ContainerRender<C extends ElementType = 'div'>(\n  { children, className, component, fluidUntil, fluid, ...rest }: ContainerProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('container', fluid && 'fluid', fluidUntil, className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Container = createPolymorphicComponent<ContainerComponent>(\n  ContainerRender as ForwardRefRenderFunction<Element, ContainerProps<ElementType>>,\n  'Container'\n)\n","/**\n * Breakpoints\n */\nexport type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\n/**\n * Context colors\n */\nexport type ContextColor =\n  | 'default'\n  | 'alternate'\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info'\n  | 'black'\n  | 'white'\n\n/**\n * Context styles\n */\nexport type ContextStyle = 'basic' | 'solid' | 'outline' | 'smooth'\n\n/**\n * Component sizes\n */\nexport type Sizing = 'sm' | 'md' | 'lg'\n\n/**\n * Extended sizes\n */\nexport type ExtendedSizing = '2xs' | 'xs' | Sizing | 'xl' | '2xl'\n\n/**\n * Spacing values. `SPACING` is the runtime source of truth — `Spacing` is derived from it so the\n * two can't drift apart; anything needing the values at runtime (e.g. validating a string against\n * the scale) should import `SPACING`, not hand-copy the list.\n */\nexport const SPACING = [\n  'zero',\n  '4xs',\n  '3xs',\n  '2xs',\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl'\n] as const\n\nexport type Spacing = (typeof SPACING)[number]\n\n/**\n * Font families\n */\nexport type FontFamily = 'text' | 'display' | 'code' | 'html'\n\n/**\n * Font weights\n */\nexport type FontWeight = 'elegant' | 'normal' | 'strong' | 'mass'\n\n/**\n * Font sizes\n */\nexport type FontSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl'\n\n/**\n * Component placements\n */\nexport type Placements =\n  | 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top-end'\n  | 'top'\n  | 'top-start'\n  | 'bottom-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'right-start'\n  | 'right'\n  | 'right-end'\n  | 'left-start'\n  | 'left'\n  | 'left-end'\n\n/**\n * Component shapes\n */\nexport type Shapes =\n  | 'rounded'\n  | 'rounded-top'\n  | 'rounded-end'\n  | 'rounded-bottom'\n  | 'rounded-start'\n  | 'rounded-circle'\n  | 'rounded-pill'\n  | 'rounded-0'\n  | 'rounded-1'\n  | 'rounded-2'\n  | 'rounded-3'\n\nexport type TextColor =\n  | ContextColor\n  | 'main'\n  | 'subtle'\n  | 'slight'\n  | 'solid'\n  | 'inverse'\n  | 'highlight'\n  | 'active'\n  | 'contrast'\n\nexport type Triggers = 'hover' | 'focus' | 'click'\n","import { SPACING } from '../../types'\n\nconst SPACING_TOKENS = new Set<string>(SPACING)\n\n// A `Spacing` token is chassis-css's own `gap-{token}` utility, which a breakpoint prefix makes\n// responsive. Anything else (a raw CSS value, e.g. `\"1rem\"` or `\".25rem 1rem\"`) has no class and\n// goes to the `--cx-grid-gap` custom property instead: see `gapValue`.\nexport const gapClassName = (gap: string | undefined, prefix = ''): string | null =>\n  gap !== undefined && SPACING_TOKENS.has(gap) ? `${prefix}gap-${gap}` : null\n\nexport const gapValue = (gap: string | undefined): string | undefined =>\n  gap !== undefined && !SPACING_TOKENS.has(gap) ? gap : undefined\n","import React, { CSSProperties, ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { Breakpoint, Spacing } from '../../types'\nimport { gapClassName, gapValue } from './gap'\n\ntype GridStyle = CSSProperties & {\n  '--cx-grid-columns'?: number\n  '--cx-grid-rows'?: number\n  '--cx-grid-gap'?: string\n  '--cx-grid-min'?: string\n}\n\nexport interface GridLayout {\n  /**\n   * Number of columns in the grid template from this breakpoint up, mapped to the\n   * `grid-cols-{n}` class (1 to 12). Has no effect when `fill` is set.\n   */\n  columns?: number\n  /**\n   * Gap between grid items from this breakpoint up, mapped to the `gap-{token}` class.\n   */\n  gap?: Spacing\n}\n\ntype GridOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base 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   * Number of columns in the grid template (the column count of `@chassis-ui/css` when omitted,\n   * `12` by default). A count from 1 to 12 is mapped to the `grid-cols-{n}` class, which applies\n   * to this grid alone. Any other count has no class and is set via the `--cx-grid-columns`\n   * custom property, which a grid nested in this one inherits: give that grid `columns` of its\n   * own. Has no effect when `fill` is set.\n   */\n  columns?: number\n  /**\n   * Number of rows in the grid template, set via the `--cx-grid-rows` custom property (defaults\n   * to `1` in CSS when omitted). Has no effect when `fill` is set.\n   */\n  rows?: number\n  /**\n   * Gap between grid items: a `Spacing` token (mapped to the `gap-{token}` class) or any raw CSS\n   * `gap` value, including a `\"{row} {column}\"` pair (set via the `--cx-grid-gap` custom\n   * property). The gutter of the current breakpoint when omitted.\n   *\n   * @type { Spacing | string }\n   */\n  gap?: Spacing | (string & {})\n  /**\n   * Overrides `columns`/`gap` at a breakpoint and up, with the `grid-cols-{n}` and `gap-{token}`\n   * classes.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { columns?: number, gap?: Spacing }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, GridLayout>>\n  /**\n   * Renders `.grid-fill` instead of `.grid` — columns expand equally to fill the available\n   * width, with the column count determined by the number of children rather than `columns`.\n   */\n  fill?: boolean\n  /**\n   * Minimum column width of a `fill` grid, set via the `--cx-grid-min` custom property: any CSS\n   * length, e.g. `\"12rem\"`. Children wrap to a new row when they would get narrower. Only\n   * relevant when `fill` is set.\n   */\n  min?: string\n}\n\nexport type GridProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridOwnProps<C>>\n\n// chassis-css has `grid-cols-1` to `grid-cols-12`.\nconst hasColumnsClass = (columns: number | undefined) =>\n  columns !== undefined && Number.isInteger(columns) && columns >= 1 && columns <= 12\n\ntype GridComponent = (<C extends ElementType = 'div'>(\n  props: GridProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction GridRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    component,\n    columns,\n    rows,\n    gap,\n    responsive,\n    fill,\n    min,\n    style,\n    ...rest\n  }: GridProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n\n  // A class where chassis-css has one: `--cx-grid-columns` set inline is inherited by every grid\n  // nested in this one, which then has this grid's column count instead of its own. Only a base\n  // count with no class falls back to the property; a breakpoint's can't, since an inline style\n  // holds no media query. `.grid-fill` counts its own columns.\n  const columnsClass = hasColumnsClass(columns)\n\n  const layoutClassNames = (\n    { columns, gap }: { columns?: number; gap?: string },\n    prefix: string\n  ) => [\n    !fill && columns !== undefined && `${prefix}grid-cols-${columns}`,\n    gapClassName(gap, prefix)\n  ]\n\n  const _className = classNames(\n    fill ? 'grid-fill' : 'grid',\n    buildResponsiveClassNames(\n      layoutClassNames,\n      { columns: columnsClass ? columns : undefined, gap },\n      responsive\n    ),\n    className\n  )\n\n  const _style: GridStyle = { ...style }\n  const _gap = gapValue(gap)\n\n  if (_gap !== undefined) _style['--cx-grid-gap'] = _gap\n\n  if (fill) {\n    if (min !== undefined) _style['--cx-grid-min'] = min\n  } else {\n    if (columns !== undefined && !columnsClass) _style['--cx-grid-columns'] = columns\n    if (rows !== undefined) _style['--cx-grid-rows'] = rows\n  }\n\n  return (\n    <Component className={_className} style={_style} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Grid = createPolymorphicComponent<GridComponent>(\n  GridRender as ForwardRefRenderFunction<Element, GridProps<ElementType>>,\n  'Grid'\n)\n","import React, { CSSProperties, ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { Breakpoint, Spacing } from '../../types'\nimport { gapClassName, gapValue } from './gap'\n\ntype GridItemStyle = CSSProperties & {\n  '--cx-grid-rows'?: number\n  '--cx-grid-gap'?: string\n}\n\nexport interface GridItemLayout {\n  /**\n   * Number of grid column tracks (of the parent `<Grid>`'s `columns`) this item spans, mapped to\n   * the `col-span-{n}` class, or `'full'` for every track of the row (`col-span-full`). An item\n   * with no `span` is one track wide.\n   *\n   * @type { number | 'full' }\n   */\n  span?: number | 'full'\n  /**\n   * Grid column line to start this item at, mapped to the `col-start-{n}` class. `'auto'`\n   * (`col-start-auto`) returns the item to the flow, to undo a start line at a wider breakpoint.\n   *\n   * @type { number | 'auto' }\n   */\n  start?: number | 'auto'\n  /**\n   * Number of grid row tracks this item spans, mapped to the `row-span-{n}` class.\n   */\n  rowSpan?: number\n  /**\n   * Grid row line to start this item at, mapped to the `row-start-{n}` class, or `'auto'`\n   * (`row-start-auto`) to return it to the flow.\n   *\n   * @type { number | 'auto' }\n   */\n  rowStart?: number | 'auto'\n}\n\ntype GridItemOwnProps<C extends ElementType> = GridItemLayout & {\n  /**\n   * A string of all className you want applied to the base 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   * Overrides `span`/`start`/`rowSpan`/`rowStart` at a breakpoint and up.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { span?: number | 'full', start?: number | 'auto', rowSpan?: number, rowStart?: number | 'auto' }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, GridItemLayout>>\n  /**\n   * Turns this item into a nested subgrid: adds `.grid`/`.grid-cols-subgrid` alongside its\n   * `col-span-{n}`/`col-start-{n}` placement classes, so its own children inherit the parent\n   * `<Grid>`'s column tracks instead of defining new ones. Combine with `span` — a subgrid\n   * item must itself be a grid item of the parent for `grid-template-columns: subgrid` to take\n   * effect, which is why `subgrid` lives on `<GridItem>` (the element actually placed as a grid\n   * item) rather than on a `<Grid>` nested inside it.\n   */\n  subgrid?: boolean\n  /**\n   * Number of rows in the subgrid's own row template, set via the `--cx-grid-rows` custom\n   * property (defaults to `1` in CSS when omitted). Only relevant when `subgrid` is set —\n   * subgrid only inherits the parent's column tracks, not its rows.\n   */\n  rows?: number\n  /**\n   * Gap between the subgrid's children: a `Spacing` token (mapped to the `gap-{token}` class) or\n   * any raw CSS `gap` value (set via the `--cx-grid-gap` custom property). Only relevant when\n   * `subgrid` is set. A subgrid has the gap of its own: when the parent `<Grid>` takes a `gap`\n   * token, give the subgrid the same one, or its children are narrower than the parent's tracks.\n   *\n   * @type { Spacing | string }\n   */\n  gap?: Spacing | (string & {})\n}\n\nexport type GridItemProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  GridItemOwnProps<C>\n>\n\ntype GridItemComponent = (<C extends ElementType = 'div'>(\n  props: GridItemProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nconst layoutClassNames = ({ span, start, rowSpan, rowStart }: GridItemLayout, prefix: string) => [\n  span === undefined ? null : `${prefix}col-span-${span}`,\n  start === undefined ? null : `${prefix}col-start-${start}`,\n  rowSpan === undefined ? null : `${prefix}row-span-${rowSpan}`,\n  rowStart === undefined ? null : `${prefix}row-start-${rowStart}`\n]\n\nfunction GridItemRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    component,\n    span,\n    start,\n    rowSpan,\n    rowStart,\n    responsive,\n    subgrid,\n    rows,\n    gap,\n    style,\n    ...rest\n  }: GridItemProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames(\n    buildResponsiveClassNames(layoutClassNames, { span, start, rowSpan, rowStart }, responsive),\n    subgrid && 'grid grid-cols-subgrid',\n    subgrid && gapClassName(gap),\n    className\n  )\n\n  const _style: GridItemStyle = { ...style }\n\n  if (subgrid) {\n    if (rows !== undefined) _style['--cx-grid-rows'] = rows\n    const _gap = gapValue(gap)\n    if (_gap !== undefined) _style['--cx-grid-gap'] = _gap\n  }\n\n  return (\n    <Component className={_className} style={_style} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const GridItem = createPolymorphicComponent<GridItemComponent>(\n  GridItemRender as ForwardRefRenderFunction<Element, GridItemProps<ElementType>>,\n  'GridItem'\n)\n","import React, { forwardRef, HTMLAttributes } from 'react'\nimport classNames from 'classnames'\n\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { devWarning } from '../../utils/devWarning'\nimport { spacingClassName } from '../../utils/spacingClassName'\nimport { Breakpoint, Spacing } from '../../types'\n\nexport interface RowLayout {\n  /**\n   * Equal-width columns per row, or `'auto'` for content-sized columns.\n   *\n   * @type { 'auto' | number | string }\n   */\n  cols?: 'auto' | number | string\n  /**\n   * Gutter width on both axes.\n   *\n   * @type { Spacing | 0 }\n   */\n  gutter?: Spacing | 0\n  /**\n   * Horizontal gutter width.\n   *\n   * @type { Spacing | 0 }\n   */\n  gutterX?: Spacing | 0\n  /**\n   * Vertical gutter width.\n   *\n   * @type { Spacing | 0 }\n   */\n  gutterY?: Spacing | 0\n}\n\n/**\n * @deprecated Use `GridProps`: `Row` is deprecated with the flexbox grid of `@chassis-ui/css`.\n */\nexport interface RowProps extends HTMLAttributes<HTMLDivElement>, RowLayout {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Overrides `cols`/`gutter`/`gutterX`/`gutterY` at a breakpoint and up.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { cols?: 'auto' | number | string, gutter?: Spacing | 0, gutterX?: Spacing | 0, gutterY?: Spacing | 0 }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, RowLayout>>\n}\n\nconst layoutClassNames = ({ cols, gutter, gutterX, gutterY }: RowLayout, prefix: string) => [\n  cols ? `${prefix}row-cols-${cols}` : null,\n  spacingClassName('g', gutter, prefix),\n  spacingClassName('gx', gutterX, prefix),\n  spacingClassName('gy', gutterY, prefix)\n]\n\n/**\n * @deprecated Use `Grid`, with `columns` for `cols` and `gap` for `gutter`. `@chassis-ui/css`\n * deprecates its flexbox grid (`.row`, `.col-*`) in 0.6 and removes it in 0.7, and `Row` goes\n * with it.\n */\nexport const Row = forwardRef<HTMLDivElement, RowProps>(\n  ({ children, className, cols, gutter, gutterX, gutterY, responsive, ...rest }, ref) => {\n    devWarning(\n      true,\n      'Row: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and ' +\n        'GridItem instead. They will be removed in a future major version.'\n    )\n\n    const _className = classNames(\n      'row',\n      buildResponsiveClassNames(layoutClassNames, { cols, gutter, gutterX, gutterY }, responsive),\n      className\n    )\n\n    return (\n      <div className={_className} {...rest} ref={ref}>\n        {children}\n      </div>\n    )\n  }\n)\n\nRow.displayName = 'Row'\n"],"mappings":"kRA0CA,MAAMA,GAAoB,CAAE,OAAM,SAAQ,SAAoB,IAAmB,CAC/E,OAAO,GAAS,UAAY,OAAO,GAAS,SAAW,GAAG,EAAO,MAAM,IAAS,KAChF,IAAS,GAAO,GAAG,EAAO,KAAO,KACjC,OAAO,GAAW,UAAY,OAAO,GAAW,SAAW,GAAG,EAAO,SAAS,IAAW,KACzF,OAAO,GAAU,UAAY,OAAO,GAAU,SAAW,GAAG,EAAO,QAAQ,IAAU,IACvF,EAOa,EAAM,GAChB,CAAE,WAAU,YAAW,OAAM,SAAQ,QAAO,aAAY,GAAG,GAAQ,IAAQ,CAC1E,EACE,GACA,0JAEF,EAEA,IAAM,EAAkB,EACtBA,EACA,CAAE,OAAM,SAAQ,OAAM,EACtB,CACF,EAOM,EAAa,EAAW,IAAS,IAAA,IAAa,MAAO,EAAiB,CAAS,EAErF,OACE,EAAA,cAAC,MAAD,CAAK,UAAW,EAAY,GAAI,EAAW,KAEtC,EADF,CACE,CAET,CACF,EAEA,EAAI,YAAc,MC1ClB,SAAS,EACP,CAAE,WAAU,YAAW,YAAW,aAAY,QAAO,GAAG,GACxD,EACA,CACA,IAAM,EAAY,GAAa,MACzB,EAAa,EAAW,YAAa,GAAS,QAAS,EAAY,CAAS,EAElF,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAEtC,EADR,CACQ,CAEf,CAEA,MAAa,EAAY,EACvB,EACA,WACF,EExDM,EAAiB,IAAI,IAAY,CDwCrC,OACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,KCrDqC,CAAO,EAKjC,GAAgB,EAAyB,EAAS,KAC7D,IAAQ,IAAA,IAAa,EAAe,IAAI,CAAG,EAAI,GAAG,EAAO,MAAM,IAAQ,KAE5D,EAAY,GACvB,IAAQ,IAAA,IAAa,CAAC,EAAe,IAAI,CAAG,EAAI,EAAM,IAAA,GCyElD,EAAmB,GACvB,IAAY,IAAA,IAAa,OAAO,UAAU,CAAO,GAAK,GAAW,GAAK,GAAW,GAMnF,SAAS,EACP,CACE,WACA,YACA,YACA,UACA,OACA,MACA,aACA,OACA,MACA,QACA,GAAG,GAEL,EACA,CACA,IAAM,EAAY,GAAa,MAMzB,EAAe,EAAgB,CAAO,EAUtC,EAAa,EACjB,EAAO,YAAc,OACrB,GATA,CAAE,UAAS,OACX,IACG,CACH,CAAC,GAAQ,IAAY,IAAA,IAAa,GAAG,EAAO,YAAY,IACxD,EAAa,EAAK,CAAM,CAC1B,EAMI,CAAE,QAAS,EAAe,EAAU,IAAA,GAAW,KAAI,EACnD,CACF,EACA,CACF,EAEM,EAAoB,CAAE,GAAG,CAAM,EAC/B,EAAO,EAAS,CAAG,EAWzB,OATI,IAAS,IAAA,KAAW,EAAO,iBAAmB,GAE9C,EACE,IAAQ,IAAA,KAAW,EAAO,iBAAmB,IAE7C,IAAY,IAAA,IAAa,CAAC,IAAc,EAAO,qBAAuB,GACtE,IAAS,IAAA,KAAW,EAAO,kBAAoB,IAInD,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,MAAO,EAAQ,GAAI,EAAW,KAErD,EADR,CACQ,CAEf,CAEA,MAAa,EAAO,EAClB,EACA,MACF,EC3DMC,GAAoB,CAAE,OAAM,QAAO,UAAS,YAA4B,IAAmB,CAC/F,IAAS,IAAA,GAAY,KAAO,GAAG,EAAO,WAAW,IACjD,IAAU,IAAA,GAAY,KAAO,GAAG,EAAO,YAAY,IACnD,IAAY,IAAA,GAAY,KAAO,GAAG,EAAO,WAAW,IACpD,IAAa,IAAA,GAAY,KAAO,GAAG,EAAO,YAAY,GACxD,EAEA,SAAS,EACP,CACE,WACA,YACA,YACA,OACA,QACA,UACA,WACA,aACA,UACA,OACA,MACA,QACA,GAAG,GAEL,EACA,CACA,IAAM,EAAY,GAAa,MACzB,EAAa,EACjB,EAA0BA,EAAkB,CAAE,OAAM,QAAO,UAAS,UAAS,EAAG,CAAU,EAC1F,GAAW,yBACX,GAAW,EAAa,CAAG,EAC3B,CACF,EAEM,EAAwB,CAAE,GAAG,CAAM,EAEzC,GAAI,EAAS,CACP,IAAS,IAAA,KAAW,EAAO,kBAAoB,GACnD,IAAM,EAAO,EAAS,CAAG,EACrB,IAAS,IAAA,KAAW,EAAO,iBAAmB,EACpD,CAEA,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,MAAO,EAAQ,GAAI,EAAW,KAErD,EADR,CACQ,CAEf,CAEA,MAAa,EAAW,EACtB,EACA,UACF,EChGM,GAAoB,CAAE,OAAM,SAAQ,UAAS,WAAsB,IAAmB,CAC1F,EAAO,GAAG,EAAO,WAAW,IAAS,KACrC,EAAiB,IAAK,EAAQ,CAAM,EACpC,EAAiB,KAAM,EAAS,CAAM,EACtC,EAAiB,KAAM,EAAS,CAAM,CACxC,EAOa,EAAM,GAChB,CAAE,WAAU,YAAW,OAAM,SAAQ,UAAS,UAAS,aAAY,GAAG,GAAQ,IAAQ,CACrF,EACE,GACA,0JAEF,EAEA,IAAM,EAAa,EACjB,MACA,EAA0B,EAAkB,CAAE,OAAM,SAAQ,UAAS,SAAQ,EAAG,CAAU,EAC1F,CACF,EAEA,OACE,EAAA,cAAC,MAAD,CAAK,UAAW,EAAY,GAAI,EAAW,KAEtC,EADF,CACE,CAET,CACF,EAEA,EAAI,YAAc"}

package/dist/chunks/icon-BQsT6YtE.js

@@ -0,0 +1,2 @@
+import"./focus-ring-SR_LwaN7.js";import{i as e,n as t}from"./Icon-DLB1f88W.js";import n,{useMemo as r}from"react";const i=({children:i,className:a,component:o,font:s,fontPrefix:c,icons:l,sprite:u})=>{let d=t(),f=r(()=>({className:a??d.className,component:o??d.component,font:s??d.font,fontPrefix:c??d.fontPrefix,icons:l?{...d.icons,...l}:d.icons,sprite:u??d.sprite}),[d,a,o,s,c,l,u]);return n.createElement(e.Provider,{value:f},i)};i.displayName=`IconProvider`;export{i as t};
+//# sourceMappingURL=icon-BQsT6YtE.js.map

package/dist/chunks/icon-BQsT6YtE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-BQsT6YtE.js","names":[],"sources":["../../src/components/icon/IconProvider.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react'\n\nimport { useIconConfig } from '../../hooks/useIconConfig'\nimport { IconConfig, IconContext } from '../../utils/iconConfig'\n\nexport interface IconProviderProps extends IconConfig {\n  /**\n   * The part of the app these icon settings apply to.\n   */\n  children?: ReactNode\n}\n\n// Nested providers extend the one above them: a setting left unset here keeps the outer value,\n// and `icons` merges per key, so an inner provider can remap one icon without restating the rest.\nexport const IconProvider = ({\n  children,\n  className,\n  component,\n  font,\n  fontPrefix,\n  icons,\n  sprite\n}: IconProviderProps) => {\n  const parent = useIconConfig()\n  const value = useMemo<IconConfig>(\n    () => ({\n      className: className ?? parent.className,\n      component: component ?? parent.component,\n      font: font ?? parent.font,\n      fontPrefix: fontPrefix ?? parent.fontPrefix,\n      icons: icons ? { ...parent.icons, ...icons } : parent.icons,\n      sprite: sprite ?? parent.sprite\n    }),\n    [parent, className, component, font, fontPrefix, icons, sprite]\n  )\n\n  return <IconContext.Provider value={value}>{children}</IconContext.Provider>\n}\n\nIconProvider.displayName = 'IconProvider'\n"],"mappings":"kHAcA,MAAa,GAAgB,CAC3B,WACA,YACA,YACA,OACA,aACA,QACA,YACuB,CACvB,IAAM,EAAS,EAAc,EACvB,EAAQ,OACL,CACL,UAAW,GAAa,EAAO,UAC/B,UAAW,GAAa,EAAO,UAC/B,KAAM,GAAQ,EAAO,KACrB,WAAY,GAAc,EAAO,WACjC,MAAO,EAAQ,CAAE,GAAG,EAAO,MAAO,GAAG,CAAM,EAAI,EAAO,MACtD,OAAQ,GAAU,EAAO,MAC3B,GACA,CAAC,EAAQ,EAAW,EAAW,EAAM,EAAY,EAAO,CAAM,CAChE,EAEA,OAAO,EAAA,cAAC,EAAY,SAAb,CAA6B,OAAuC,EAA/B,CAA+B,CAC7E,EAEA,EAAa,YAAc"}

package/dist/chunks/iconConfig-C6gbYhsD.d.ts

@@ -0,0 +1,71 @@
+import { ComponentType, ReactElement } from "react";
+//#region src/utils/iconConfig.d.ts
+/**
+ * The icons this library's own components draw, by purpose rather than by icon name — so a
+ * consumer can map each one onto any icon set (see `IconProvider`'s `icons`).
+ */
+type IconKey = 'check' | 'previous' | 'next' | 'menu' | 'more' | 'play' | 'pause' | 'increment' | 'decrement' | 'search' | 'clear' | 'expand';
+/**
+ * An icon given to `IconProvider`'s `icons` or to a component's icon prop: a string is an icon
+ * name, rendered by `IconProvider`'s `component` (or the built-in `Icon`); an element is rendered
+ * as-is, with the component's own class names merged onto it.
+ */
+type IconValue = string | ReactElement;
+/**
+ * Props `IconProvider`'s `component` receives for every icon name it's asked to render.
+ */
+interface IconComponentProps {
+  /**
+   * The icon name — an `IconValue` string, or `IconProvider`'s default for that icon.
+   */
+  name: string;
+  /**
+   * The class names the rendering component needs on the icon (e.g. `menu-item-check`,
+   * `directional-icon`) for chassis-css to position and flip it.
+   */
+  className?: string;
+  [prop: string]: unknown;
+}
+interface IconConfig {
+  /**
+   * Class names added to every `Icon`, alongside its own `icon` class.
+   */
+  className?: string;
+  /**
+   * Replaces the built-in `Icon` for every icon this library's components render by name — the
+   * strings in `icons` and their defaults, and a string `icon` on `Toast`/`Notification`. A
+   * component reference can't be passed from a React Server Component, so set this in a
+   * `'use client'` module.
+   */
+  component?: ComponentType<IconComponentProps>;
+  /**
+   * Render `Icon` as an icon-font glyph instead of an SVG sprite reference, unless an `Icon` sets
+   * `font` itself. Needs the icon font's stylesheet loaded.
+   */
+  font?: boolean;
+  /**
+   * Class-name prefix of the icon font's glyphs: an icon named `check-solid` renders as
+   * `{fontPrefix}check-solid`.
+   *
+   * @default 'cx-'
+   */
+  fontPrefix?: string;
+  /**
+   * The icon to render for each of the library's own icons, by purpose. Unset ones keep their
+   * defaults (`check-solid`, `chevron-left-outline`, `chevron-right-outline`, `bars-outline`,
+   * `ellipsis-h-solid`, `play-solid`, `pause-solid`, `chevron-up-outline`, `chevron-down-outline`,
+   * `search-outline`, `xmark-outline`, `chevron-right-outline`).
+   */
+  icons?: Partial<Record<IconKey, IconValue>>;
+  /**
+   * URL of the SVG sprite `Icon` references, e.g. `/static/icons/chassis-icons.svg`. Leave empty
+   * (the default) when the sprite is embedded in the page, so icons render as `href="#name"`.
+   * Browsers don't load an external sprite from another origin.
+   *
+   * @default ''
+   */
+  sprite?: string;
+}
+//#endregion
+export { IconValue as i, IconConfig as n, IconKey as r, IconComponentProps as t };
+//# sourceMappingURL=iconConfig-C6gbYhsD.d.ts.map

package/dist/chunks/iconSlot-BNu2MrFI.js

@@ -0,0 +1,2 @@
+import{n as e}from"./lazyElement-tfMG21pZ.js";import{n as t,r as n,t as r}from"./Icon-DLB1f88W.js";import i,{cloneElement as a}from"react";import{mergeProps as o}from"react-aria";function s({value:n,...s}){let{component:c}=t(),l={"aria-hidden":!0,...s};if(typeof n!=`string`){let t=e(n);return a(t,o(l,t.props))}return c?i.createElement(c,{name:n,...l}):i.createElement(r,{name:n,...l})}function c({icon:e,override:r,...a}){let{icons:o}=t();return i.createElement(s,{value:r??o?.[e]??n[e],...a})}export{s as n,c as t};
+//# sourceMappingURL=iconSlot-BNu2MrFI.js.map

package/dist/chunks/iconSlot-BNu2MrFI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconSlot-BNu2MrFI.js","names":[],"sources":["../../src/utils/iconSlot.tsx"],"sourcesContent":["import React, { cloneElement, ReactElement } from 'react'\nimport { mergeProps } from 'react-aria'\n\nimport { Icon } from '../components/icon/Icon'\nimport { useIconConfig } from '../hooks/useIconConfig'\nimport { DEFAULT_ICONS, IconKey, IconValue } from './iconConfig'\nimport { resolveLazy } from './lazyElement'\n\n// Every icon this library's own components draw goes through here, never through `<Icon>`\n// directly, so a consumer can swap in their own icons (`IconProvider`'s `icons`/`component`, or a\n// component's own icon prop). The rendering component passes the class names chassis-css hooks\n// onto (`menu-item-check` positions the check, `navbar-toggler-icon` sizes and colors it,\n// `carousel-icon-play`/`-pause` are toggled by state, `directional-icon` flips in RTL); those are\n// merged onto whatever icon ends up rendered, so a custom icon lands in the same place a built-in\n// one would. `aria-hidden` defaults on: each of these icons sits beside its own visible or\n// visually-hidden label.\n//\n// A custom *element* deliberately doesn't get the `icon` class itself: chassis-css's `.icon` sets\n// `fill`, which would paint over an outline icon set's `fill=\"none\"` (Lucide, Heroicons outline,\n// ...). It keeps its own size and color — `currentColor` icons still follow the control's text.\ntype IconRenderProps = { className?: string } & Record<string, unknown>\n\nexport function ResolvedIcon({ value, ...props }: IconRenderProps & { value: IconValue }) {\n  const { component: Component } = useIconConfig()\n  const iconProps = { 'aria-hidden': true, ...props }\n\n  if (typeof value !== 'string') {\n    // An icon element passed from a Server Component can be a lazy node (see `./lazyElement`).\n    const element = resolveLazy(value) as ReactElement<Record<string, unknown>>\n    return cloneElement(element, mergeProps(iconProps, element.props))\n  }\n  if (Component) return <Component name={value} {...iconProps} />\n  return <Icon name={value} {...iconProps} />\n}\n\nexport function IconSlot({\n  icon,\n  override,\n  ...props\n}: IconRenderProps & { icon: IconKey; override?: IconValue }) {\n  const { icons } = useIconConfig()\n  return <ResolvedIcon value={override ?? icons?.[icon] ?? DEFAULT_ICONS[icon]} {...props} />\n}\n"],"mappings":"mLAsBA,SAAgB,EAAa,CAAE,QAAO,GAAG,GAAiD,CACxF,GAAM,CAAE,UAAW,GAAc,EAAc,EACzC,EAAY,CAAE,cAAe,GAAM,GAAG,CAAM,EAElD,GAAI,OAAO,GAAU,SAAU,CAE7B,IAAM,EAAU,EAAY,CAAK,EACjC,OAAO,EAAa,EAAS,EAAW,EAAW,EAAQ,KAAK,CAAC,CACnE,CAEA,OADI,EAAkB,EAAA,cAAC,EAAD,CAAW,KAAM,EAAO,GAAI,CAAY,CAAA,EACvD,EAAA,cAAC,EAAD,CAAM,KAAM,EAAO,GAAI,CAAY,CAAA,CAC5C,CAEA,SAAgB,EAAS,CACvB,OACA,WACA,GAAG,GACyD,CAC5D,GAAM,CAAE,SAAU,EAAc,EAChC,OAAO,EAAA,cAAC,EAAD,CAAc,MAAO,GAAY,IAAQ,IAAS,EAAc,GAAO,GAAI,CAAQ,CAAA,CAC5F"}

package/dist/chunks/index-4cKG9KWB.d.ts

@@ -0,0 +1,85 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes } from "react";
+//#region src/components/password-strength/strengthScore.d.ts
+type StrengthLevel = 'weak' | 'fair' | 'good' | 'strong';
+interface StrengthWeights {
+  extraLength: number;
+  lowercase: number;
+  longPassword: number;
+  minLength: number;
+  multipleSpecial: number;
+  numbers: number;
+  special: number;
+  uppercase: number;
+}
+//#endregion
+//#region src/components/password-strength/PasswordStrength.d.ts
+interface PasswordStrengthProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  /**
+   * An accessible label for the meter. Defaults to `"Password strength"`.
+   */
+  'aria-label'?: string;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * `id` forwarded to the meter element.
+   */
+  id?: string;
+  /**
+   * The maximum possible score, used to compute the meter's `aria-valuemax`. Defaults to the sum
+   * of `weights`' values — set this explicitly when pairing a custom `scorer` whose scale doesn't
+   * match the built-in criteria weights, otherwise `aria-valuenow`/`aria-valuemax` get silently
+   * clamped to the built-in max.
+   */
+  maxScore?: number;
+  /**
+   * Minimum password length required to earn the first strength point. Defaults to `8`.
+   */
+  minLength?: number;
+  /**
+   * Feedback message shown for each strength level, when `showText` is `true`.
+   */
+  messages?: Partial<Record<StrengthLevel, string>>;
+  /**
+   * Callback fired whenever the strength level changes, including once on mount with the
+   * initial `value`'s strength.
+   */
+  onStrengthChange?: (result: {
+    score: number;
+    strength: StrengthLevel | null;
+  }) => void;
+  /**
+   * Custom scoring function overriding the built-in criteria. Receives the password and returns
+   * a numeric score.
+   */
+  scorer?: (password: string) => number;
+  /**
+   * Renders a `.strength-text` element below the meter with the current level's message.
+   * Defaults to `true`.
+   */
+  showText?: boolean;
+  /**
+   * Score boundaries `[weak, fair, good]` — scores above the last value are `"strong"`. Defaults
+   * to `[2, 4, 6]`.
+   */
+  thresholds?: [number, number, number];
+  /**
+   * The current password value to evaluate.
+   */
+  value: string;
+  /**
+   * Render as four discrete segments, or a single growing bar. Defaults to `"segmented"`.
+   */
+  variant?: 'bar' | 'segmented';
+  /**
+   * Point values for each scoring criterion. Set a criterion to `0` to disable it. Merged with
+   * the built-in defaults.
+   */
+  weights?: Partial<StrengthWeights>;
+}
+declare const PasswordStrength: React.ForwardRefExoticComponent<PasswordStrengthProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { PasswordStrengthProps as n, PasswordStrength as t };
+//# sourceMappingURL=index-4cKG9KWB.d.ts.map

package/dist/chunks/index-6uob77s9.d.ts

@@ -0,0 +1,81 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { InputHTMLAttributes, ReactNode } from "react";
+//#region src/components/text-input/TextInput.d.ts
+interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'size' | 'value'> {
+  /**
+   * Content rendered at the input's trailing edge, e.g. a `InputAdorn` icon, text, or button.
+   * Setting either `adornStart` or `adornEnd` renders a `.form-input` wrapper around a
+   * `.ghost-input`, matching chassis-css's [input help](https://chassis-ui.com/css/docs/forms/input-adorn) pattern.
+   */
+  adornEnd?: ReactNode;
+  /**
+   * Content rendered at the input's leading edge, e.g. a `InputAdorn` icon, text, or button.
+   * Setting either `adornStart` or `adornEnd` renders a `.form-input` wrapper around a
+   * `.ghost-input`, matching chassis-css's [input help](https://chassis-ui.com/css/docs/forms/input-adorn) pattern.
+   */
+  adornStart?: ReactNode;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * The value of the input, uncontrolled.
+   */
+  defaultValue?: string;
+  /**
+   * Toggle the disabled state for the component.
+   */
+  disabled?: boolean;
+  /**
+   * A description for the field, rendered below the input.
+   */
+  help?: ReactNode;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the input when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with this input.
+   */
+  label?: ReactNode;
+  /**
+   * Handler that is called when the value changes.
+   */
+  onChange?: (value: string) => void;
+  /**
+   * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly` [docs]
+   */
+  plainText?: boolean;
+  /**
+   * Toggle the readonly state for the component.
+   */
+  readOnly?: boolean;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Specifies the type of component. For `color` or `file` inputs, use the dedicated `ColorInput` or `FileInput` components instead.
+   */
+  type?: 'date' | 'datetime-local' | 'email' | 'month' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | (string & {});
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below the input when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The value of the input, controlled.
+   */
+  value?: string;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TextInputProps as n, TextInput as t };
+//# sourceMappingURL=index-6uob77s9.d.ts.map

package/dist/chunks/index-91YA-jkp.d.ts

@@ -0,0 +1,127 @@
+import "./focus-ring-SR_LwaN7.js";
+import { i as MenuItemsDef } from "./MenuItemDef-D0VDtYIQ.js";
+import { i as ComboboxGroupProps, n as ComboboxItemProps } from "./ComboboxItem-C9TpoJOI.js";
+import React, { HTMLAttributes, ReactNode } from "react";
+import { Key as Key$1 } from "react-stately";
+//#region src/components/autocomplete/Autocomplete.d.ts
+interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+  /**
+   * An accessible label for the autocomplete, used when there's no visible `<label>`.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible `<label>` element for the autocomplete.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * `AutocompleteItem` elements, optionally wrapped in `AutocompleteGroup` — read as data by
+   * `Autocomplete` to build the option list. Not rendered directly. Ignored when `items` is set.
+   */
+  children?: ReactNode;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * The initial selected option's id(s) (uncontrolled). An array when `multiple` is set.
+   */
+  defaultValue?: Key$1 | Key$1[] | null;
+  /**
+   * Prevents the autocomplete from being focused or interacted with.
+   */
+  disabled?: boolean;
+  /**
+   * A description for the field, rendered below the autocomplete.
+   */
+  help?: ReactNode;
+  /**
+   * `id` forwarded to the search input inside the popover. The toggle — the field's real,
+   * always-focusable surface — has no single labelable element `<label for>` can target (it's a
+   * `role="button"` `<div>`, and the search input itself is hidden until open), so `label` is
+   * associated via `aria-labelledby` on the toggle instead. See FORMS.md's "role=group" pattern.
+   */
+  id?: string;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the autocomplete when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * Array of item/header/divider definitions for data-driven rendering. When provided, children
+   * are ignored. A `'header'` entry starts a group that all following items join until the next
+   * header or the end of the array. `'divider'` entries are a no-op here — use
+   * `AutocompleteGroup` composition instead if you need finer control over grouping. An entry's
+   * `href`/`onClick` are `Menu`-only and are not read here — use `onChange` to react to the
+   * selection instead.
+   */
+  items?: MenuItemsDef;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with the toggle.
+   */
+  label?: ReactNode;
+  /**
+   * Allows more than one option to be selected. The toggle shows the single selection's label,
+   * or an "N selected" count once more than one is picked. The menu stays open after each
+   * selection, and `Backspace` in the empty search field removes the last selected option.
+   */
+  multiple?: boolean;
+  /**
+   * `name` of auto-created hidden input(s), kept in sync with the selection, for native form
+   * submission. Single-select renders one; `multiple` renders one per selected key. Omit to skip
+   * hidden-input creation.
+   */
+  name?: string;
+  /**
+   * Text shown in the listbox when no options match the current query.
+   */
+  noResultsText?: ReactNode;
+  /**
+   * Callback fired when the selection changes. Receives an array of keys when `multiple` is set.
+   */
+  onChange?: (value: Key$1 | Key$1[] | null) => void;
+  /**
+   * Text shown on the toggle when nothing is selected.
+   */
+  placeholder?: string;
+  /**
+   * Placeholder for the search field inside the dropdown.
+   */
+  searchPlaceholder?: string;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below the autocomplete when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The selected option's id(s) (controlled). An array when `multiple` is set.
+   */
+  value?: Key$1 | Key$1[] | null;
+}
+declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/autocomplete/AutocompleteGroup.d.ts
+type AutocompleteGroupProps = ComboboxGroupProps;
+declare const AutocompleteGroup: {
+  (_props: AutocompleteGroupProps): null;
+  displayName: string;
+};
+//#endregion
+//#region src/components/autocomplete/AutocompleteItem.d.ts
+type AutocompleteItemProps = ComboboxItemProps;
+declare const AutocompleteItem: {
+  (_props: AutocompleteItemProps): null;
+  displayName: string;
+};
+//#endregion
+export { Autocomplete as a, AutocompleteGroupProps as i, AutocompleteItemProps as n, AutocompleteProps as o, AutocompleteGroup as r, AutocompleteItem as t };
+//# sourceMappingURL=index-91YA-jkp.d.ts.map

package/dist/chunks/index-9rQeMqVI.d.ts

@@ -0,0 +1,42 @@
+import "./focus-ring-SR_LwaN7.js";
+import { r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { ElementType, ReactElement, ReactNode } from "react";
+//#region src/components/divider/Divider.d.ts
+type DividerOwnProps<C extends ElementType> = {
+  /**
+   * A label shown in the line, such as "or" between two ways to sign in. It names the separator
+   * for screen readers. Not possible on an `<hr>`, which can't hold content.
+   */
+  children?: ReactNode;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use an HTML element or a component.
+   * Defaults to `hr`, or `div` for a vertical divider or one with a label.
+   */
+  component?: C;
+  /**
+   * Where the label sits along the line. `start` and `end` draw the line on one side only.
+   *
+   * @default 'center'
+   */
+  labelPlacement?: 'start' | 'center' | 'end';
+  /**
+   * The direction of the line. A vertical divider stretches to the height of its flex row.
+   *
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+};
+type DividerProps<C extends ElementType = 'hr'> = PolymorphicComponentProps<C, DividerOwnProps<C>>;
+type DividerComponent = (<C extends ElementType = 'hr'>(props: DividerProps<C> & {
+  ref?: PolymorphicRefWithFallback<C, HTMLDivElement>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Divider: DividerComponent;
+//#endregion
+export { DividerProps as n, Divider as t };
+//# sourceMappingURL=index-9rQeMqVI.d.ts.map