@chassis-ui/react 0.4.1 → 0.5.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"flex-C2jV5LyV.js","names":["createPolymorphicComponent","responsiveProp","responsiveClassNames","spacingClassName","React","classNames","FlexRender","rest","Component","component","_className","inline","direction","prefix","value","wrap","justify","align","alignContent","gap","rowGap","columnGap","className","children","Flex"],"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 { responsiveClassNames, responsiveProp } from '../../utils/breakpoints'\nimport { spacingClassName } from '../../utils/spacingClassName'\nimport { Responsive, Spacing } from '../../types'\n\ntype FlexOwnProps<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   * 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   * Sets `flex-direction`. Omit for the browser default (`row`). An object sets it per\n   * breakpoint, `base` being the narrowest width: `{ base: 'column', md: 'row' }`. The\n   * breakpoints are widths of the viewport, so unlike `Stack`'s `direction` they need no\n   * `.contains-inline` ancestor.\n   */\n  direction?: Responsive<'row' | 'column' | 'row-reverse' | 'column-reverse'>\n  /**\n   * Sets `flex-wrap`. Omit for the browser default (`nowrap`). Takes an object per breakpoint,\n   * as `direction` does.\n   */\n  wrap?: Responsive<'wrap' | 'nowrap' | 'wrap-reverse'>\n  /**\n   * Sets `justify-content`, aligning items along the main axis. Takes an object per breakpoint,\n   * as `direction` does.\n   */\n  justify?: Responsive<'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'>\n  /**\n   * Sets `align-items`, aligning items along the cross axis. Takes an object per breakpoint, as\n   * `direction` does.\n   */\n  align?: Responsive<'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. Takes an object per breakpoint, as `direction` does.\n   */\n  alignContent?: Responsive<'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. Takes an object per breakpoint, as `direction` does.\n   *\n   * @type { Responsive<Spacing | 0> }\n   */\n  gap?: Responsive<Spacing | 0>\n  /**\n   * Spacing between rows (the cross axis when wrapped), mapped to the `row-gap-*` utility\n   * classes. Independent of `gap`/`columnGap`. Takes an object per breakpoint, as `direction`\n   * does.\n   *\n   * @type { Responsive<Spacing | 0> }\n   */\n  rowGap?: Responsive<Spacing | 0>\n  /**\n   * Spacing between columns (the main axis), mapped to the `column-gap-*` utility classes.\n   * Independent of `gap`/`rowGap`. Takes an object per breakpoint, as `direction` does.\n   *\n   * @type { Responsive<Spacing | 0> }\n   */\n  columnGap?: Responsive<Spacing | 0>\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\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    ...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    responsiveClassNames([\n      responsiveProp(direction, (value, prefix) => `${prefix}flex-${value}`),\n      responsiveProp(wrap, (value, prefix) => `${prefix}flex-${value}`),\n      responsiveProp(justify, (value, prefix) => `${prefix}justify-content-${value}`),\n      responsiveProp(align, (value, prefix) => `${prefix}align-items-${value}`),\n      responsiveProp(alignContent, (value, prefix) => `${prefix}align-content-${value}`),\n      responsiveProp(gap, (value, prefix) => spacingClassName('gap', value, prefix)),\n      responsiveProp(rowGap, (value, prefix) => spacingClassName('row-gap', value, prefix)),\n      responsiveProp(columnGap, (value, prefix) => spacingClassName('column-gap', value, prefix))\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":"A,sOAmFA,SAASM,EACP,CACE,WACA,YACA,YACA,SACA,YACA,OACA,UACA,QACA,eACA,MACA,SACA,YACA,GAAGC,GAEL,EACA,CACA,IAAMC,EAAYC,GAAa,MACzBC,EAAaL,EACjBM,EAAS,gBAAkB,SAC3BT,EAAqB,CACnBD,EAAeW,GAAY,EAAO,IAAW,GAAGC,EAAO,OAAOC,GAAO,EACrEb,EAAec,GAAO,EAAO,IAAW,GAAGF,EAAO,OAAOC,GAAO,EAChEb,EAAee,GAAU,EAAO,IAAW,GAAGH,EAAO,kBAAkBC,GAAO,EAC9Eb,EAAegB,GAAQ,EAAO,IAAW,GAAGJ,EAAO,cAAcC,GAAO,EACxEb,EAAeiB,GAAe,EAAO,IAAW,GAAGL,EAAO,gBAAgBC,GAAO,EACjFb,EAAekB,GAAM,EAAO,IAAWhB,EAAiB,MAAOW,EAAOD,CAAM,CAAC,EAC7EZ,EAAemB,GAAS,EAAO,IAAWjB,EAAiB,UAAWW,EAAOD,CAAM,CAAC,EACpFZ,EAAeoB,GAAY,EAAO,IAAWlB,EAAiB,aAAcW,EAAOD,CAAM,CAAC,CAC5F,CAAC,EACDS,CACF,EAEA,MACE,kBAAA,cAACd,EAAD,CAAW,UAAWE,EAAY,GAAIH,EAAW,KAEtC,EADRgB,CACQ,CAEf,CAEA,MAAaC,EAAOxB,EAClBM,EACA,MACF,E"}

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

@@ -0,0 +1,2 @@
+import"./focus-ring-Bs80iIBN.js";import{S as e,c as t}from"./slot-BQVx1Eew.js";import{t as n}from"./context-HDVxTNPi.js";import{t as r}from"./FormLabel-CpzWYh6U.js";import{t as i}from"./renderFormField-_6WswnEX.js";import a,{forwardRef as o,useEffect as s,useId as c,useMemo as l}from"react";import u from"classnames";const d=o(({children:o,className:d,help:f,ids:p,invalid:m,invalidFeedback:h,label:g,valid:_,validFeedback:v,...y},b)=>{let x=c(),S=p?.input??(p?.label?void 0:`${x}-input`),C=p?.label??`${x}-label`,w=p?.help??`${x}-help`,T=p?.feedback??`${x}-feedback`,E=!!(m&&h),D=t(!!f&&w,(E||!!(_&&v)&&!E)&&T),O=l(()=>({describedBy:D,inputId:S,labelId:C}),[D,S,C]);return s(()=>{e(S!==void 0&&!document.getElementById(S),"FloatingInput: no element has the id that the label points at with `htmlFor`. A field component of this library takes that id by itself; a control with an `id` of its own, or any other control, needs it passed as `ids={{ input: yourControlId }}` (or `ids.label` for a group with no single input, named through `aria-labelledby`).")},[S]),i({children:/* @__PURE__ */ a.createElement(`div`,{className:u(`form-floating`,d),...y,ref:b},/* @__PURE__ */ a.createElement(r,{htmlFor:S,id:C},g),/* @__PURE__ */ a.createElement(n.Provider,{value:O},o)),help:f,ids:{feedback:T,help:w},invalid:m,invalidFeedback:h,valid:_,validFeedback:v})});d.displayName=`FloatingInput`;export{d as t};
+//# sourceMappingURL=floating-input-D4gWFfOU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"floating-input-D4gWFfOU.js","names":["devWarning","joinIds","FormFieldContext","FormLabel","renderFormField","React","classNames","FloatingInput","forwardRef","rest","generatedId","useId","inputId","ids","labelId","helpId","feedbackId","showInvalidFeedback","invalid","invalidFeedback","describedBy","help","valid","validFeedback","field","useMemo","useEffect","className","label","children"],"sources":["../../src/components/floating-input/FloatingInput.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, useEffect, useId, useMemo } from 'react'\nimport classNames from 'classnames'\n\nimport { FormLabel } from '../form/FormLabel'\nimport { FormFieldContext } from '../form-field/context'\nimport { FormFieldIds, renderFormField } from '../form-field/renderFormField'\nimport { devWarning } from '../../utils/devWarning'\nimport { joinIds } from '../../utils/idRefs'\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 ids that tie the label, help and feedback to the wrapped control, in place of the ones\n   * `FloatingInput` generates. A field component of this library (`TextInput`, `Select`,\n   * `Textarea`) takes them by itself and needs none. Any other control, such as a native\n   * `<input>`, takes them by hand: `input` is the label's `htmlFor` and goes on the control as\n   * its `id`, `label` is the label's own `id`, for a control named through `aria-labelledby`,\n   * and `help` and `feedback` are the ids of the help and feedback text, for the control's\n   * `aria-describedby`. `label` without `input` leaves the label with no `htmlFor`.\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 the wrapped control.\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    const generatedId = useId()\n    // `ids.label` alone says the control is no single input: the label gets no `htmlFor`.\n    const inputId = ids?.input ?? (ids?.label ? undefined : `${generatedId}-input`)\n    const labelId = ids?.label ?? `${generatedId}-label`\n    const helpId = ids?.help ?? `${generatedId}-help`\n    const feedbackId = ids?.feedback ?? `${generatedId}-feedback`\n\n    // The same choice `renderFormField` makes: at most one feedback renders, and `invalid` wins.\n    const showInvalidFeedback = Boolean(invalid && invalidFeedback)\n    const showValidFeedback = Boolean(valid && validFeedback) && !showInvalidFeedback\n    const describedBy = joinIds(\n      Boolean(help) && helpId,\n      (showInvalidFeedback || showValidFeedback) && feedbackId\n    )\n\n    // A field component inside reads these in `useFormField`, so the consumer repeats no id.\n    const field = useMemo(\n      () => ({ describedBy, inputId, labelId }),\n      [describedBy, inputId, labelId]\n    )\n\n    // Only a field component takes the id by itself. Checked once the control is in the document,\n    // since nothing at render says whether a child read the context.\n    useEffect(() => {\n      devWarning(\n        inputId !== undefined && !document.getElementById(inputId),\n        'FloatingInput: no element has the id that the label points at with `htmlFor`. A field ' +\n          'component of this library takes that id by itself; a control with an `id` of its ' +\n          'own, or any other control, needs it passed as `ids={{ input: yourControlId }}` (or ' +\n          '`ids.label` for a group with no single input, named through `aria-labelledby`).'\n      )\n    }, [inputId])\n\n    return renderFormField({\n      children: (\n        <div className={classNames('form-floating', className)} {...rest} ref={ref}>\n          <FormLabel htmlFor={inputId} id={labelId}>\n            {label}\n          </FormLabel>\n          <FormFieldContext.Provider value={field}>{children}</FormFieldContext.Provider>\n        </div>\n      ),\n      help,\n      ids: { feedback: feedbackId, help: helpId },\n      invalid,\n      invalidFeedback,\n      valid,\n      validFeedback\n    })\n  }\n)\n\nFloatingInput.displayName = 'FloatingInput'\n"],"mappings":"A,8TAyDA,MAAaO,EAAgBC,GAEzB,CACE,WACA,YACA,OACA,MACA,UACA,kBACA,QACA,QACA,gBACA,GAAGC,GAEL,IACG,CACH,IAAMC,EAAcC,EAAM,EAEpBC,EAAUC,GAAK,QAAUA,GAAK,MAAQ,IAAA,GAAY,GAAGH,EAAY,SACjEI,EAAUD,GAAK,OAAS,GAAGH,EAAY,QACvCK,EAASF,GAAK,MAAQ,GAAGH,EAAY,OACrCM,EAAaH,GAAK,UAAY,GAAGH,EAAY,WAG7CO,EAAsB,GAAQC,GAAWC,GAEzCC,EAAcnB,EAClB,EAAQoB,GAASN,GAChBE,GAHuB,GAAQK,GAASC,IAAkB,CAACN,IAGdD,CAChD,EAGMQ,EAAQC,OACL,CAAE,cAAa,UAAS,SAAQ,GACvC,CAACL,EAAaR,EAASE,CAAO,CAChC,EAcA,OAVAY,MAAgB,CACd1B,EACEY,IAAY,IAAA,IAAa,CAAC,SAAS,eAAeA,CAAO,EACzD,2UAIF,CACF,EAAG,CAACA,CAAO,CAAC,EAELR,EAAgB,CACrB,SACE,kBAAA,cAAC,MAAD,CAAK,UAAWE,EAAW,gBAAiBqB,CAAS,EAAG,GAAIlB,EAAW,KAKlE,EAJH,kBAAA,cAACN,EAAD,CAAW,QAASS,EAAS,GAAIE,CAEtB,EADRc,CACQ,EACX,kBAAA,cAAC1B,EAAiB,SAAlB,CAA2B,MAAOsB,CAA4C,EAApCK,CAAoC,CAC3E,EAEP,OACA,IAAK,CAAE,SAAUb,EAAY,KAAMD,CAAO,EAC1C,UACA,kBACA,QACA,eACF,CAAC,CACH,CACF,EAEA,EAAc,YAAc,gB"}

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

@@ -0,0 +1,2 @@
+const e=/* @__PURE__ */ new Set([`button`,`checkbox`,`color`,`file`,`image`,`radio`,`range`,`reset`,`submit`]);function t(t){return t instanceof HTMLInputElement?!e.has(t.type):t instanceof HTMLTextAreaElement||t.isContentEditable}const n=Symbol.for(`@chassis-ui/react/focus-ring`);function r(e){let t=e;return t[n]??={installed:!1,pressed:null,suppressed:/* @__PURE__ */ new Map}}const i=[`outline`];function a(e,t=i){if(e.classList.contains(`form-input`))return;let{suppressed:n}=r(e.ownerDocument);if(n.has(e))return;let a=t.map(t=>[t,e.style[t]]),o=()=>{e.removeEventListener(`blur`,o),n.delete(e);for(let[t,n]of a)e.style[t]=n;e.getAttribute(`style`)===``&&e.removeAttribute(`style`)};n.set(e,o);for(let[t]of a)e.style[t]=`none`;e.addEventListener(`blur`,o)}function o(e){let t=r(document);for(let[e,n]of[...t.suppressed])e.isConnected||n();let n=e.target;t.pressed=n instanceof Element?n.closest(`a[href], button, input, select, textarea, [tabindex]`):null}function s(e){let n=e.target;n===r(document).pressed&&n instanceof HTMLElement&&!t(n)&&n.matches(`:focus-visible`)&&a(n)}function c(){let e=r(document);e.pressed=null;for(let t of[...e.suppressed.values()])t()}function l(){if(typeof document>`u`)return;let e=r(document);e.installed||(e.installed=!0,document.addEventListener(`pointerdown`,o,!0),document.addEventListener(`focusin`,s,!0),document.addEventListener(`keydown`,c,!0))}l();export{a as t};
+//# sourceMappingURL=focus-ring-Bs80iIBN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring-Bs80iIBN.js","names":["NON_TEXT_INPUT_TYPES","takesText","el","STATE_KEY","stateOf","holder","doc","DEFAULT_STYLES","suppressFocusRing","suppressed","previous","styles","style","restore","value","handlePointerDown","state","target","event","handleFocusIn","handleKeyDown","install"],"sources":["../../src/utils/suppressFocusRingGlobally.ts"],"sourcesContent":["// A press focuses most elements by the browser's own default action, which never matches\n// `:focus-visible` outside a text field, so chassis-css's ring stays off by itself. react-aria's\n// `usePress` focuses its element by script instead, inside the `pointerdown` handler and before\n// the browser has recorded the press as a pointer interaction, and a script-driven focus at that\n// point does match `:focus-visible` in Chromium, Firefox and WebKit alike: a menu toggle or a\n// calendar date shows a keyboard ring for a mouse press. The listeners below, installed once on\n// `document` (see `install`, called for its side effect from every barrel), watch for exactly\n// that: the pressed element taking focus with `:focus-visible` set. Only then is its outline\n// suppressed, until it blurs or a key is pressed.\n//\n// An element the browser focuses by itself, or doesn't focus at all (Safari leaves a clicked\n// button unfocused), is never touched. Suppressing on every `pointerdown` instead, as this module\n// once did, left `style=\"outline: none\"` (`outline: medium` in Safari) on every pressed link and\n// button: for good in Safari, where no blur ever came to restore it, and hiding the ring a key\n// press should bring back everywhere else.\n//\n// Mirrors react-aria's own `@react-aria/interactions` global modality tracking (one document-level\n// set of listeners rather than one per component/instance) without switching this library's focus\n// rings from chassis-css's native `:focus-visible` CSS to JS-driven state — react-aria's\n// `isFocusVisible` is consumed by applying a class/attribute, which would fork focus-ring styling\n// from the vanilla, non-React product chassis-css also ships.\nconst FOCUSABLE_SELECTOR = 'a[href], button, input, select, textarea, [tabindex]'\n\n// A press shows the ring of a text field in every browser, and should.\nconst NON_TEXT_INPUT_TYPES = new Set([\n  'button',\n  'checkbox',\n  'color',\n  'file',\n  'image',\n  'radio',\n  'range',\n  'reset',\n  'submit'\n])\n\nfunction takesText(el: HTMLElement): boolean {\n  if (el instanceof HTMLInputElement) return !NON_TEXT_INPUT_TYPES.has(el.type)\n  return el instanceof HTMLTextAreaElement || el.isContentEditable\n}\n\n// What the listeners and `suppressFocusRing` share. It is kept on the document, not in this\n// module: a module evaluated twice (a hot reload, two copies of the package in one bundle) would\n// otherwise hold two sets of it, each with listeners of its own. The second then saved, as the\n// outline to restore, the `none` the first had just set, and its restore ran last: the outline\n// stayed off for good. Every evaluation finds the same state here, and only the first installs.\ninterface FocusRingState {\n  installed: boolean\n  // The element the last press landed on, until a key is pressed.\n  pressed: HTMLElement | null\n  // Each suppressed element with what puts its styles back.\n  suppressed: Map<HTMLElement, () => void>\n}\n\nconst STATE_KEY = Symbol.for('@chassis-ui/react/focus-ring')\n\nfunction stateOf(doc: Document): FocusRingState {\n  const holder = doc as Document & { [STATE_KEY]?: FocusRingState }\n  return (holder[STATE_KEY] ??= { installed: false, pressed: null, suppressed: new Map() })\n}\n\n// Which ring-painting style properties a given call suppresses. The global listeners only ever\n// need `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 listeners below and by call sites that move focus themselves via script\n// (e.g. `RangeCalendar`'s hover-to-preview-a-range, which calls `element.focus()` from a\n// `pointerenter` handler — no press for the listeners to see, and `focusRedirect`, which\n// 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: forcing its outline\n  // off here would fight, then correctly-but-uselessly restore, an outline chassis-css wants\n  // 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 capture, as the value to restore, the `none` the first call set —\n  // leaving the ring permanently suppressed. One shared map across every caller, so a\n  // global-listener suppression and a `focusRedirect` one can't stack on each other either, nor\n  // can those of two evaluations of this module.\n  const { suppressed } = stateOf(el.ownerDocument)\n  if (suppressed.has(el)) return\n\n  const previous = styles.map((style) => [style, el.style[style]] as const)\n  const restore = () => {\n    el.removeEventListener('blur', restore)\n    suppressed.delete(el)\n    for (const [style, value] of previous) el.style[style] = value\n    // Setting a property back to nothing leaves an empty `style=\"\"` on an element that had none.\n    if (el.getAttribute('style') === '') el.removeAttribute('style')\n  }\n  suppressed.set(el, restore)\n  for (const [style] of previous) el.style[style] = 'none'\n  el.addEventListener('blur', restore)\n}\n\nfunction handlePointerDown(event: PointerEvent) {\n  const state = stateOf(document)\n  // An element removed while in focus never blurs: without this it would be held until a key\n  // is pressed.\n  for (const [el, restore] of [...state.suppressed]) if (!el.isConnected) restore()\n  const target = event.target\n  state.pressed = target instanceof Element ? target.closest<HTMLElement>(FOCUSABLE_SELECTOR) : null\n}\n\nfunction handleFocusIn(event: FocusEvent) {\n  const el = event.target\n  if (el !== stateOf(document).pressed || !(el instanceof HTMLElement)) return\n  if (takesText(el) || !el.matches(':focus-visible')) return\n  suppressFocusRing(el)\n}\n\n// The keyboard is in use again: whether a ring shows is `:focus-visible`'s to say, for the element\n// in focus too.\nfunction handleKeyDown() {\n  const state = stateOf(document)\n  state.pressed = null\n  for (const restore of [...state.suppressed.values()]) restore()\n}\n\nexport function install(): void {\n  if (typeof document === 'undefined') return\n  const state = stateOf(document)\n  if (state.installed) return\n  state.installed = true\n  document.addEventListener('pointerdown', handlePointerDown, true)\n  document.addEventListener('focusin', handleFocusIn, true)\n  document.addEventListener('keydown', handleKeyDown, true)\n}\n\ninstall()\n"],"mappings":"AAqBA,MAGMA,kBAAuB,IAAI,IAAI,CACnC,SACA,WACA,QACA,OACA,QACA,QACA,QACA,QACA,QACF,CAAC,EAED,SAASC,EAAU,EAA0B,CAE3C,OADIC,aAAc,iBAAyB,CAACF,EAAqB,IAAIE,EAAG,IAAI,EACrEA,aAAc,qBAAuBA,EAAG,iBACjD,CAeA,MAAMC,EAAY,OAAO,IAAI,8BAA8B,EAE3D,SAASC,EAAQ,EAA+B,CAC9C,IAAMC,EAASC,EACf,MAAQ,GAAOH,KAAe,CAAE,UAAW,GAAO,QAAS,KAAM,2BAAY,IAAI,GAAM,CACzF,CAQA,MAAMI,EAA+C,CAAC,SAAS,EAM/D,SAAgBC,EACd,EACA,EAAuCD,EACjC,CAON,GAAIL,EAAG,UAAU,SAAS,YAAY,EAAG,OAOzC,GAAM,CAAE,cAAeE,EAAQF,EAAG,aAAa,EAC/C,GAAIO,EAAW,IAAIP,CAAE,EAAG,OAExB,IAAMQ,EAAWC,EAAO,IAAK,GAAU,CAACC,EAAOV,EAAG,MAAMU,EAAM,CAAU,EAClEC,MAAgB,CACpBX,EAAG,oBAAoB,OAAQW,CAAO,EACtCJ,EAAW,OAAOP,CAAE,EACpB,IAAK,GAAM,CAACU,EAAOE,KAAUJ,EAAU,EAAG,MAAME,GAASE,EAErDZ,EAAG,aAAa,OAAO,IAAM,IAAIA,EAAG,gBAAgB,OAAO,CACjE,EACAO,EAAW,IAAIP,EAAIW,CAAO,EAC1B,IAAK,GAAM,CAACD,KAAUF,EAAU,EAAG,MAAME,GAAS,OAClDV,EAAG,iBAAiB,OAAQW,CAAO,CACrC,CAEA,SAASE,EAAkB,EAAqB,CAC9C,IAAMC,EAAQZ,EAAQ,QAAQ,EAG9B,IAAK,GAAM,CAACF,EAAIW,IAAY,CAAC,GAAGG,EAAM,UAAU,EAAQd,EAAG,aAAaW,EAAQ,EAChF,IAAMI,EAASC,EAAM,OACrB,EAAM,QAAUD,aAAkB,QAAUA,EAAO,QAAqB,sDAAkB,EAAI,IAChG,CAEA,SAASE,EAAc,EAAmB,CACxC,IAAMjB,EAAKgB,EAAM,OACbhB,IAAOE,EAAQ,QAAQ,CAAC,CAAC,SAAaF,aAAc,aACpD,GAAUA,CAAE,GAAMA,EAAG,QAAQ,gBAAgB,GACjDM,EAAkBN,CAAE,CACtB,CAIA,SAASkB,GAAgB,CACvB,IAAMJ,EAAQZ,EAAQ,QAAQ,EAC9B,EAAM,QAAU,KAChB,IAAK,IAAMS,IAAW,CAAC,GAAGG,EAAM,WAAW,OAAO,CAAC,EAAGH,EAAQ,CAChE,CAEA,SAAgBQ,GAAgB,CAC9B,GAAI,OAAO,SAAa,IAAa,OACrC,IAAML,EAAQZ,EAAQ,QAAQ,EAC1BY,EAAM,YACV,EAAM,UAAY,GAClB,SAAS,iBAAiB,cAAeD,EAAmB,EAAI,EAChE,SAAS,iBAAiB,UAAWI,EAAe,EAAI,EACxD,SAAS,iBAAiB,UAAWC,EAAe,EAAI,EAC1D,CAEAC,EAAQ,E"}

package/dist/chunks/focusRedirect-CrBl4p_n.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"focusRedirect-CrBl4p_n.js","names":["suppressFocusRing","focusRedirect","el","viaPointer","focusOptions"],"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":"A,6CAcA,SAAgBC,EACd,EACA,EACA,EACM,CACDC,IACDC,GAAYH,EAAkBE,EAAI,CAAC,UAAW,WAAW,CAAC,EAC9DA,EAAG,MAAME,CAAY,EACvB,C"}

package/dist/chunks/form-CPS2eNw1.js

@@ -0,0 +1,2 @@
+import"./focus-ring-Bs80iIBN.js";import{t as e}from"./context-DCg95BgR.js";import t,{forwardRef as n}from"react";const r=n(({children:n,validated:r=!1,...i},a)=>/* @__PURE__ */ t.createElement(`form`,{...i,ref:a},/* @__PURE__ */ t.createElement(e.Provider,{value:r},n)));r.displayName=`Form`;export{r as t};
+//# sourceMappingURL=form-CPS2eNw1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-CPS2eNw1.js","names":["FormValidatedContext","React","Form","forwardRef","rest","validated","children"],"sources":["../../src/components/form/Form.tsx"],"sourcesContent":["import React, { forwardRef, FormHTMLAttributes } from 'react'\n\nimport { FormValidatedContext } from './context'\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   * Shows every field of the form as valid or invalid by its own constraints (`required`,\n   * `type`, `pattern`, ...), and again as its value changes: its class, `aria-invalid` and its\n   * `validFeedback` or `invalidFeedback`. A field's own `invalid` or `valid` still decides how\n   * that field looks. Set it once the user has tried to submit, as the `onSubmit` of a\n   * `noValidate` form can.\n   */\n  validated?: boolean\n}\n\nexport const Form = forwardRef<HTMLFormElement, FormProps>(\n  ({ children, validated = false, ...rest }, ref) => (\n    <form {...rest} ref={ref}>\n      <FormValidatedContext.Provider value={validated}>{children}</FormValidatedContext.Provider>\n    </form>\n  )\n)\n\nForm.displayName = 'Form'\n"],"mappings":"A,iHAmBA,MAAaE,EAAOC,GACjB,CAAE,WAAU,YAAY,GAAO,GAAGC,GAAQ,IACzC,kBAAA,cAAC,OAAD,CAAM,GAAIA,EAAW,KAEf,EADJ,kBAAA,cAACJ,EAAqB,SAAtB,CAA+B,MAAOK,CAAoD,EAAxCC,CAAwC,CACtF,CAEV,EAEA,EAAK,YAAc,O"}

package/dist/chunks/{form-field-CNPGTMiW.js → form-field-Bcx96ezd.js}

@@ -1,2 +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
+import"./focus-ring-Bs80iIBN.js";import{S as e}from"./slot-BQVx1Eew.js";import{t}from"./renderFormField-_6WswnEX.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-Bcx96ezd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-Bcx96ezd.js","names":["devWarning","FormField","forwardRef","label","ids","renderFormField"],"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":"A,wJAsDA,MAAaC,EAAYC,EAA2C,SAClE,CAAE,WAAU,YAAW,OAAM,MAAK,UAAS,kBAAiB,QAAO,QAAO,iBAC1E,EACA,CASA,OARAF,EACE,CAAC,CAACG,GAAS,CAACC,GAAK,OAAS,CAACA,GAAK,MAChC,uSAIF,EAEOC,EAAgB,CACrB,WACA,YACA,OACA,MACA,UACA,kBACA,QACA,MACA,QACA,eACF,CAAC,CACH,CAAC,EAED,EAAU,YAAc,Y"}

package/dist/chunks/grid-CkdPftit.js

@@ -0,0 +1,2 @@
+import"./focus-ring-Bs80iIBN.js";import{t as e}from"./polymorphic-CZIFszAy.js";import{a as t,i as n,n as r,t as i}from"./breakpoints-CGk8szzR.js";import a from"react";import o from"classnames";function s({children:e,className:t,component:n,fluidUntil:r,fluid:i,...s},c){let l=n??`div`,u=o(`container`,i&&`fluid`,r,t);return/* @__PURE__ */ a.createElement(l,{className:u,...s,ref:c},e)}const c=e(s,`Container`),l=/* @__PURE__ */ new Set([`zero`,`4xs`,`3xs`,`2xs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`]),u=(e,t=``)=>e!==void 0&&l.has(e)?`${t}gap-${e}`:null,d=e=>e!==void 0&&!l.has(e)?e:void 0,f=e=>e!==void 0&&Number.isInteger(e)&&e>=1&&e<=6,p=e=>e!==void 0&&!f(e)?`repeat(${e}, minmax(0, 1fr))`:void 0,m=e=>e!==void 0&&Number.isInteger(e)&&e>=1&&e<=12,h=(e,t)=>`${t}grid-flow-${e.replace(`column`,`col`)}`;function g({children:e,className:s,component:c,columns:l,rows:g,gap:_,flow:v,contained:y,fill:b,min:x,style:S,...C},w){let T=c??`div`,E=r(l),D=r(g),O=r(_),k=o(b?`grid-fill`:`grid`,y&&`contained`,n([t(l,(e,t)=>!b&&(t!==``||m(e))&&`${t}grid-cols-${e}`),t(g,(e,t)=>!b&&(t!==``||f(e))&&`${t}grid-rows-${e}`),t(_,u),t(v,h)],i),s),A={...S},j=d(O);if(j!==void 0&&(A[`--cx-grid-gap`]=j),b)x!==void 0&&(A[`--cx-grid-min`]=x);else{E!==void 0&&!m(E)&&(A[`--cx-grid-columns`]=E);let e=p(D);e!==void 0&&(A.gridTemplateRows=e)}return/* @__PURE__ */ a.createElement(T,{className:k,style:A,...C,ref:w},e)}const _=e(g,`Grid`);function v({children:e,className:r,component:s,span:c,start:l,end:m,rowSpan:h,rowStart:g,rowEnd:_,subgrid:v,rows:y,gap:b,style:x,...S},C){let w=s??`div`,T=o(n([t(c,(e,t)=>`${t}col-span-${e}`),t(l,(e,t)=>`${t}col-start-${e}`),t(m,(e,t)=>`${t}col-end-${e}`),t(h,(e,t)=>`${t}row-span-${e}`),t(g,(e,t)=>`${t}row-start-${e}`),t(_,(e,t)=>`${t}row-end-${e}`)],i),v&&`grid grid-cols-subgrid`,v&&f(y)&&`grid-rows-${y}`,v&&u(b),r),E={...x};if(v){let e=p(y);e!==void 0&&(E.gridTemplateRows=e);let t=d(b);t!==void 0&&(E[`--cx-grid-gap`]=t)}return/* @__PURE__ */ a.createElement(w,{className:T,style:E,...S,ref:C},e)}const y=e(v,`GridItem`);export{_ as n,c as r,y as t};
+//# sourceMappingURL=grid-CkdPftit.js.map

package/dist/chunks/grid-CkdPftit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-CkdPftit.js","names":["createPolymorphicComponent","responsiveProp","responsiveClassNames","baseValue","GRID_BREAKPOINTS","React","classNames","ContainerRender","rest","Component","component","_className","fluid","fluidUntil","className","children","Container","SPACING_TOKENS","gapClassName","gap","prefix","gapValue","hasRowsClass","rows","rowsTemplate","hasColumnsClass","columns","flowClassName","flow","GridRender","baseColumns","baseRows","baseGap","fill","contained","value","_style","style","_gap","min","_rows","Grid","GridItemRender","span","start","end","rowSpan","rowStart","rowEnd","subgrid","GridItem"],"sources":["../../src/components/grid/Container.tsx","../../src/types.ts","../../src/components/grid/gap.ts","../../src/components/grid/rows.ts","../../src/components/grid/Grid.tsx","../../src/components/grid/GridItem.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 { 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 * Container breakpoints: the same widths, measured on the nearest query container instead of the\n * viewport. chassis-css's `@md:` classes.\n */\nexport type ContainerBreakpoint = '@sm' | '@md' | '@lg' | '@xl' | '@2xl'\n\n/**\n * A prop value that can change with the width. A plain value applies at every width. An object\n * holds one value per width: `base` from the narrowest, each breakpoint key from that breakpoint\n * up, as in `{ base: 'column', md: 'row' }`. `K` is the keys the prop reads: the viewport\n * breakpoints unless the component also takes the container ones.\n */\nexport type Responsive<T, K extends string = Breakpoint> =\n  T | ({ base?: T } & Partial<Record<K, T>>)\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","// chassis-css has `grid-rows-1` to `grid-rows-6`.\nexport const hasRowsClass = (rows: number | undefined) =>\n  rows !== undefined && Number.isInteger(rows) && rows >= 1 && rows <= 6\n\n// A row count with no class is the declaration of the class, set inline: see `Grid`'s `rows`.\n// `grid-template-rows` isn't inherited, so unlike a custom property it stays on the one grid.\nexport const rowsTemplate = (rows: number | undefined): string | undefined =>\n  rows !== undefined && !hasRowsClass(rows) ? `repeat(${rows}, minmax(0, 1fr))` : 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 {\n  baseValue,\n  GRID_BREAKPOINTS,\n  responsiveClassNames,\n  responsiveProp\n} from '../../utils/breakpoints'\nimport { Breakpoint, ContainerBreakpoint, Responsive, Spacing } from '../../types'\nimport { gapClassName, gapValue } from './gap'\nimport { hasRowsClass, rowsTemplate } from './rows'\n\ntype GridStyle = CSSProperties & {\n  '--cx-grid-columns'?: number\n  '--cx-grid-gap'?: string\n  '--cx-grid-min'?: string\n}\n\n/**\n * The direction a grid places its items in, and whether it fills earlier gaps (`dense`): the\n * values of CSS `grid-auto-flow`.\n */\nexport type GridFlow = 'row' | 'column' | 'dense' | 'row-dense' | 'column-dense'\n\n// A token is a class at any width. A raw CSS value is a custom property, which only the base\n// can be: an inline style holds no media query.\ntype GridGap = Spacing | (string & {})\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   * An object sets the count from a width up, as in `{ base: 1, md: 3 }`, here and on `rows`,\n   * `gap` and `flow`. A breakpoint key (`md`) is a width of the viewport. A container key\n   * (`'@md'`) is the same width of the nearest query container (an ancestor with the\n   * `contains-inline` class), and wins over a breakpoint key where both apply. Without a query\n   * container above the grid, a container key never applies. The count of a key is a class, so\n   * a count from 1 to 12.\n   */\n  columns?: Responsive<number, Breakpoint | ContainerBreakpoint>\n  /**\n   * Number of equal rows in the grid template. A grid has none when omitted: its rows are as\n   * tall as their content. A count from 1 to 6 is mapped to the `grid-rows-{n}` class; any other\n   * count has no class and is set inline, as the `grid-template-rows` the class declares. Has no\n   * effect when `fill` is set. An object sets the count from a width up, where it is a class, so\n   * a count from 1 to 6.\n   */\n  rows?: Responsive<number, Breakpoint | ContainerBreakpoint>\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, or of the query container when\n   * `contained` is set. An object sets the gap from a width up: only a token fits a key other\n   * than `base`, since a raw value has no class.\n   *\n   * @type { Spacing | string | { base?: Spacing | string } & Partial<Record<Breakpoint | ContainerBreakpoint, Spacing>> }\n   */\n  gap?: GridGap | ({ base?: GridGap } & Partial<Record<Breakpoint | ContainerBreakpoint, Spacing>>)\n  /**\n   * The direction items are placed in, mapped to the `grid-flow-*` classes: by `'row'` (the CSS\n   * default) or by `'column'`, which fills the `rows` of one column before it starts the next.\n   * `'dense'`, `'row-dense'` and `'column-dense'` also move later items into gaps that earlier,\n   * wider ones left. An object sets the flow from a width up.\n   */\n  flow?: Responsive<GridFlow, Breakpoint | ContainerBreakpoint>\n  /**\n   * Adds the `contained` class: the default gutter and column count follow the width of the\n   * nearest query container instead of the viewport, so a grid in a narrow column of a wide page\n   * has the gutter of a narrow page. Without a query container above it the grid keeps the\n   * values of the viewport. `columns` and `gap` still override them.\n   */\n  contained?: boolean\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. `\"16rem\"`. Children wrap to a new row when they would get narrower. `12rem` in\n   * `@chassis-ui/css` when omitted. Only 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\n// chassis-css names the values as Tailwind does: `grid-flow-col`, `grid-flow-col-dense`.\nconst flowClassName = (flow: GridFlow, prefix: string) =>\n  `${prefix}grid-flow-${flow.replace('column', 'col')}`\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    flow,\n    contained,\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. A base row count with no class is\n  // set inline too, as a declaration: see `rowsTemplate`.\n  const baseColumns = baseValue(columns)\n  const baseRows = baseValue(rows)\n  const baseGap = baseValue<string>(gap)\n\n  const _className = classNames(\n    fill ? 'grid-fill' : 'grid',\n    contained && 'contained',\n    responsiveClassNames(\n      [\n        responsiveProp(\n          columns,\n          (value, prefix) =>\n            !fill && (prefix !== '' || hasColumnsClass(value)) && `${prefix}grid-cols-${value}`\n        ),\n        responsiveProp(\n          rows,\n          (value, prefix) =>\n            !fill && (prefix !== '' || hasRowsClass(value)) && `${prefix}grid-rows-${value}`\n        ),\n        responsiveProp<string>(gap, gapClassName),\n        responsiveProp(flow, flowClassName)\n      ],\n      GRID_BREAKPOINTS\n    ),\n    className\n  )\n\n  const _style: GridStyle = { ...style }\n  const _gap = gapValue(baseGap)\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 (baseColumns !== undefined && !hasColumnsClass(baseColumns)) {\n      _style['--cx-grid-columns'] = baseColumns\n    }\n    const _rows = rowsTemplate(baseRows)\n    if (_rows !== undefined) _style.gridTemplateRows = _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 { GRID_BREAKPOINTS, responsiveClassNames, responsiveProp } from '../../utils/breakpoints'\nimport { Breakpoint, ContainerBreakpoint, Responsive, Spacing } from '../../types'\nimport { gapClassName, gapValue } from './gap'\nimport { hasRowsClass, rowsTemplate } from './rows'\n\ntype GridItemStyle = CSSProperties & {\n  '--cx-grid-gap'?: string\n}\n\ntype GridItemOwnProps<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 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   * An object sets the span from a width up, as in `{ base: 'full', md: 6 }`, here and on\n   * `start`, `end`, `rowSpan`, `rowStart` and `rowEnd`. A breakpoint key (`md`) is a width of\n   * the viewport. A container key (`'@md'`) is the same width of the nearest query container\n   * (an ancestor with the `contains-inline` class), and wins over a breakpoint key where both\n   * apply. Without a query container above the grid, a container key never applies.\n   *\n   * @type { Responsive<number | 'full', Breakpoint | ContainerBreakpoint> }\n   */\n  span?: Responsive<number | 'full', Breakpoint | ContainerBreakpoint>\n  /**\n   * Grid column line to start this item at, mapped to the `col-start-{n}` class (1 to 12).\n   * `'auto'` (`col-start-auto`) returns the item to the flow, to undo a start line at a wider\n   * breakpoint: `{ base: 4, md: 'auto' }`.\n   *\n   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }\n   */\n  start?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>\n  /**\n   * Grid column line to end this item at, mapped to the `col-end-{n}` class (1 to 13, the line\n   * after the last of 12 columns). With `span`, it places the item against the end edge of the\n   * grid: `span={3} end={13}`. `'auto'` (`col-end-auto`) undoes an end line at a wider\n   * breakpoint: `{ base: 13, md: 'auto' }`.\n   *\n   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }\n   */\n  end?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>\n  /**\n   * Number of grid row tracks this item spans, mapped to the `row-span-{n}` class. Takes an\n   * object per width, as `span` does.\n   */\n  rowSpan?: Responsive<number, Breakpoint | ContainerBreakpoint>\n  /**\n   * Grid row line to start this item at, mapped to the `row-start-{n}` class (1 to 6), or\n   * `'auto'` (`row-start-auto`) to return it to the flow. Takes an object per width, as `span`\n   * does.\n   *\n   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }\n   */\n  rowStart?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>\n  /**\n   * Grid row line to end this item at, mapped to the `row-end-{n}` class (1 to 7, the line after\n   * the last of 6 rows), or `'auto'` (`row-end-auto`) to undo an end line at a wider breakpoint.\n   * Takes an object per width, as `span` does.\n   *\n   * @type { Responsive<number | 'auto', Breakpoint | ContainerBreakpoint> }\n   */\n  rowEnd?: Responsive<number | 'auto', Breakpoint | ContainerBreakpoint>\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 equal rows in the subgrid's own row template: the `grid-rows-{n}` class for a\n   * count from 1 to 6, the same `grid-template-rows` set inline for any other. Only relevant\n   * when `subgrid` is set — 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\nfunction GridItemRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    component,\n    span,\n    start,\n    end,\n    rowSpan,\n    rowStart,\n    rowEnd,\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    responsiveClassNames(\n      [\n        responsiveProp(span, (value, prefix) => `${prefix}col-span-${value}`),\n        responsiveProp(start, (value, prefix) => `${prefix}col-start-${value}`),\n        responsiveProp(end, (value, prefix) => `${prefix}col-end-${value}`),\n        responsiveProp(rowSpan, (value, prefix) => `${prefix}row-span-${value}`),\n        responsiveProp(rowStart, (value, prefix) => `${prefix}row-start-${value}`),\n        responsiveProp(rowEnd, (value, prefix) => `${prefix}row-end-${value}`)\n      ],\n      GRID_BREAKPOINTS\n    ),\n    subgrid && 'grid grid-cols-subgrid',\n    subgrid && hasRowsClass(rows) && `grid-rows-${rows}`,\n    subgrid && gapClassName(gap),\n    className\n  )\n\n  const _style: GridItemStyle = { ...style }\n\n  if (subgrid) {\n    const _rows = rowsTemplate(rows)\n    if (_rows !== undefined) _style.gridTemplateRows = _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"],"mappings":"A,iMAyCA,SAASO,EACP,CAAE,WAAU,YAAW,YAAW,aAAY,QAAO,GAAGC,GACxD,EACA,CACA,IAAMC,EAAYC,GAAa,MACzBC,EAAaL,EAAW,YAAaM,GAAS,QAASC,EAAYC,CAAS,EAElF,MACE,kBAAA,cAACL,EAAD,CAAW,UAAWE,EAAY,GAAIH,EAAW,KAEtC,EADRO,CACQ,CAEf,CAEA,MAAaC,EAAYhB,EACvBO,EACA,WACF,EExDMU,kBAAiB,IAAI,IAAY,CDuDrC,OACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,KCpEqC,CAAO,EAKjCC,GAAgB,EAAyB,EAAS,KAC7DC,IAAQ,IAAA,IAAaF,EAAe,IAAIE,CAAG,EAAI,GAAGC,EAAO,MAAMD,IAAQ,KAE5DE,EAAY,GACvBF,IAAQ,IAAA,IAAa,CAACF,EAAe,IAAIE,CAAG,EAAIA,EAAM,IAAA,GCV3CG,EAAgB,GAC3BC,IAAS,IAAA,IAAa,OAAO,UAAUA,CAAI,GAAKA,GAAQ,GAAKA,GAAQ,EAI1DC,EAAgB,GAC3BD,IAAS,IAAA,IAAa,CAACD,EAAaC,CAAI,EAAI,UAAUA,EAAK,mBAAqB,IAAA,GCmG5EE,EAAmB,GACvBC,IAAY,IAAA,IAAa,OAAO,UAAUA,CAAO,GAAKA,GAAW,GAAKA,GAAW,GAG7EC,GAAiB,EAAgB,IACrC,GAAGP,EAAO,YAAYQ,EAAK,QAAQ,SAAU,KAAK,IAMpD,SAASC,EACP,CACE,WACA,YACA,YACA,UACA,OACA,MACA,OACA,YACA,OACA,MACA,QACA,GAAGrB,GAEL,EACA,CACA,IAAMC,EAAYC,GAAa,MAOzBoB,EAAc3B,EAAUuB,CAAO,EAC/BK,EAAW5B,EAAUoB,CAAI,EACzBS,EAAU7B,EAAkBgB,CAAG,EAE/BR,EAAaL,EACjB2B,EAAO,YAAc,OACrBC,GAAa,YACbhC,EACE,CACED,EACEyB,GACC,EAAO,IACN,CAACO,IAASb,IAAW,IAAMK,EAAgBU,CAAK,IAAM,GAAGf,EAAO,YAAYe,GAChF,EACAlC,EACEsB,GACC,EAAO,IACN,CAACU,IAASb,IAAW,IAAME,EAAaa,CAAK,IAAM,GAAGf,EAAO,YAAYe,GAC7E,EACAlC,EAAuBkB,EAAKD,CAAY,EACxCjB,EAAe2B,EAAMD,CAAa,CACpC,EACAvB,CACF,EACAU,CACF,EAEMsB,EAAoB,CAAE,GAAGC,CAAM,EAC/BC,EAAOjB,EAASW,CAAO,EAI7B,GAFIM,IAAS,IAAA,KAAW,EAAO,iBAAmBA,GAE9CL,EACEM,IAAQ,IAAA,KAAW,EAAO,iBAAmBA,OAC5C,CACDT,IAAgB,IAAA,IAAa,CAACL,EAAgBK,CAAW,IAC3D,EAAO,qBAAuBA,GAEhC,IAAMU,EAAQhB,EAAaO,CAAQ,EAC/BS,IAAU,IAAA,KAAW,EAAO,iBAAmBA,EACrD,CAEA,MACE,kBAAA,cAAC/B,EAAD,CAAW,UAAWE,EAAY,MAAOyB,EAAQ,GAAI5B,EAAW,KAErD,EADRO,CACQ,CAEf,CAEA,MAAa0B,EAAOzC,EAClB6B,EACA,MACF,EChFA,SAASa,EACP,CACE,WACA,YACA,YACA,OACA,QACA,MACA,UACA,WACA,SACA,UACA,OACA,MACA,QACA,GAAGlC,GAEL,EACA,CACA,IAAMC,EAAYC,GAAa,MACzBC,EAAaL,EACjBJ,EACE,CACED,EAAe0C,GAAO,EAAO,IAAW,GAAGvB,EAAO,WAAWe,GAAO,EACpElC,EAAe2C,GAAQ,EAAO,IAAW,GAAGxB,EAAO,YAAYe,GAAO,EACtElC,EAAe4C,GAAM,EAAO,IAAW,GAAGzB,EAAO,UAAUe,GAAO,EAClElC,EAAe6C,GAAU,EAAO,IAAW,GAAG1B,EAAO,WAAWe,GAAO,EACvElC,EAAe8C,GAAW,EAAO,IAAW,GAAG3B,EAAO,YAAYe,GAAO,EACzElC,EAAe+C,GAAS,EAAO,IAAW,GAAG5B,EAAO,UAAUe,GAAO,CACvE,EACA/B,CACF,EACA6C,GAAW,yBACXA,GAAW3B,EAAaC,CAAI,GAAK,aAAaA,IAC9C0B,GAAW/B,EAAaC,CAAG,EAC3BL,CACF,EAEMsB,EAAwB,CAAE,GAAGC,CAAM,EAEzC,GAAIY,EAAS,CACX,IAAMT,EAAQhB,EAAaD,CAAI,EAC3BiB,IAAU,IAAA,KAAW,EAAO,iBAAmBA,GACnD,IAAMF,EAAOjB,EAASF,CAAG,EACrBmB,IAAS,IAAA,KAAW,EAAO,iBAAmBA,EACpD,CAEA,MACE,kBAAA,cAAC7B,EAAD,CAAW,UAAWE,EAAY,MAAOyB,EAAQ,GAAI5B,EAAW,KAErD,EADRO,CACQ,CAEf,CAEA,MAAamC,EAAWlD,EACtB0C,EACA,UACF,E"}

package/dist/chunks/icon-CVD3rTr-.js

@@ -0,0 +1,2 @@
+import"./focus-ring-Bs80iIBN.js";import{i as e,n as t}from"./Icon-Dk5_q79o.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/* @__PURE__ */ n.createElement(e.Provider,{value:f},i)};i.displayName=`IconProvider`;export{i as t};
+//# sourceMappingURL=icon-CVD3rTr-.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-CVD3rTr-.js","names":["IconContext","useIconConfig","React","IconProvider","parent","value","useMemo","className","component","font","fontPrefix","icons","sprite","children"],"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":"A,kHAcA,MAAaG,GAAgB,CAC3B,WACA,YACA,YACA,OACA,aACA,QACA,YACuB,CACvB,IAAMC,EAASH,EAAc,EACvBI,EAAQC,OACL,CACL,UAAWC,GAAaH,EAAO,UAC/B,UAAWI,GAAaJ,EAAO,UAC/B,KAAMK,GAAQL,EAAO,KACrB,WAAYM,GAAcN,EAAO,WACjC,MAAOO,EAAQ,CAAE,GAAGP,EAAO,MAAO,GAAGO,CAAM,EAAIP,EAAO,MACtD,OAAQQ,GAAUR,EAAO,MAC3B,GACA,CAACA,EAAQG,EAAWC,EAAWC,EAAMC,EAAYC,EAAOC,CAAM,CAChE,EAEA,MAAO,kBAAA,cAACZ,EAAY,SAAb,CAA6B,OAAuC,EAA/Ba,CAA+B,CAC7E,EAEA,EAAa,YAAc,e"}

package/dist/chunks/iconSlot-DU_WcSL_.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-Dk5_q79o.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?/* @__PURE__ */ i.createElement(c,{name:n,...l}):/* @__PURE__ */ i.createElement(r,{name:n,...l})}function c({icon:e,override:r,...a}){let{icons:o}=t();return/* @__PURE__ */ i.createElement(s,{value:r??o?.[e]??n[e],...a})}export{s as n,c as t};
+//# sourceMappingURL=iconSlot-DU_WcSL_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"iconSlot-DU_WcSL_.js","names":["resolveLazy","useIconConfig","DEFAULT_ICONS","Icon","React","ResolvedIcon","props","Component","iconProps","value","element","cloneElement","mergeProps","IconSlot","override","icons","icon"],"sources":["../../src/components/icon/iconSlot.tsx"],"sourcesContent":["import React, { cloneElement, ReactElement } from 'react'\nimport { mergeProps } from 'react-aria'\n\nimport { Icon } from './Icon'\nimport { useIconConfig } from '../../hooks/useIconConfig'\nimport { DEFAULT_ICONS, IconKey, IconValue } from '../../utils/iconConfig'\nimport { resolveLazy } from '../../utils/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":"A,mLAsBA,SAAgBK,EAAa,CAAE,QAAO,GAAGC,GAAiD,CACxF,GAAM,CAAE,UAAWC,GAAcN,EAAc,EACzCO,EAAY,CAAE,cAAe,GAAM,GAAGF,CAAM,EAElD,GAAI,OAAOG,GAAU,SAAU,CAE7B,IAAMC,EAAUV,EAAYS,CAAK,EACjC,OAAOE,EAAaD,EAASE,EAAWJ,EAAWE,EAAQ,KAAK,CAAC,CACnE,CAEA,OADIH,EAAkB,kBAAA,cAACA,EAAD,CAAW,KAAME,EAAO,GAAID,CAAY,CAAA,EACvD,kBAAA,cAACL,EAAD,CAAM,KAAMM,EAAO,GAAID,CAAY,CAAA,CAC5C,CAEA,SAAgBK,EAAS,CACvB,OACA,WACA,GAAGP,GACyD,CAC5D,GAAM,CAAE,SAAUL,EAAc,EAChC,MAAO,kBAAA,cAACI,EAAD,CAAc,MAAOS,GAAYC,IAAQC,IAASd,EAAcc,GAAO,GAAIV,CAAQ,CAAA,CAC5F,C"}

package/dist/chunks/{index-91YA-jkp.d.ts → index-3JVLrDHv.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 { i as ComboboxGroupProps, n as ComboboxItemProps } from "./ComboboxItem-C9TpoJOI.js";
 import React, { HTMLAttributes, ReactNode } from "react";
@@ -46,7 +46,8 @@ interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below the autocomplete when `invalid` is set.
+   * An error message for the field, rendered below the autocomplete when `invalid` is set, and
+   * after a submit that a `required` autocomplete with nothing selected held back.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -86,6 +87,13 @@ interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    * Text shown on the toggle when nothing is selected.
    */
   placeholder?: string;
+  /**
+   * Toggle the required state for the component. A required autocomplete with nothing selected
+   * holds its form back from submitting, takes focus on its toggle and shows as invalid, with
+   * `invalidFeedback`, until an option is selected or the form is reset. `invalid`, once set, and
+   * `valid` decide how it looks instead.
+   */
+  required?: boolean;
   /**
    * Placeholder for the search field inside the dropdown.
    */
@@ -124,4 +132,4 @@ declare const AutocompleteItem: {
 };
 //#endregion
 export { Autocomplete as a, AutocompleteGroupProps as i, AutocompleteItemProps as n, AutocompleteProps as o, AutocompleteGroup as r, AutocompleteItem as t };
-//# sourceMappingURL=index-91YA-jkp.d.ts.map
+//# sourceMappingURL=index-3JVLrDHv.d.ts.map

package/dist/chunks/{index-DMbdEm__.d.ts → index-5mW1Y9Lm.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import React, { HTMLAttributes, ReactNode } from "react";
 import { TimeValue } from "react-aria";
 //#region src/components/time-field/TimeField.d.ts
@@ -54,7 +54,8 @@ interface TimeFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultVa
    */
   invalid?: boolean;
   /**
-   * An error message for the field, rendered below it when `invalid` is set.
+   * An error message for the field, rendered below it when `invalid` is set, and after a submit
+   * that an empty `required` field held back.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -88,7 +89,9 @@ interface TimeFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultVa
    */
   readOnly?: boolean;
   /**
-   * Toggle the required state for the component.
+   * Toggle the required state for the component. An empty required field 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.
    */
   required?: boolean;
   /**
@@ -116,4 +119,4 @@ interface TimeFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultVa
 declare const TimeField: React.ForwardRefExoticComponent<TimeFieldProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { TimeFieldProps as n, TimeField as t };
-//# sourceMappingURL=index-DMbdEm__.d.ts.map
+//# sourceMappingURL=index-5mW1Y9Lm.d.ts.map

package/dist/chunks/{index-Cc4SSslb.d.ts → index-5qsV1-cc.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 React, { DialogHTMLAttributes, ElementType, ReactElement } from "react";
 //#region src/components/drawer/Drawer.d.ts
@@ -197,9 +197,9 @@ type DrawerTitleComponent = (<C extends ElementType = 'h2'>(props: DrawerTitlePr
 };
 declare const DrawerTitle: DrawerTitleComponent;
 //#endregion
-//#region src/hooks/useDrawer.d.ts
+//#region src/components/drawer/useDrawer.d.ts
 type UseDrawerResult = DrawerContextProps;
 declare const useDrawer: () => UseDrawerResult;
 //#endregion
 export { DrawerHeader as a, DrawerFooterProps as c, Drawer as d, DrawerProps as f, DrawerTitleProps as i, DrawerBody as l, useDrawer as n, DrawerHeaderProps as o, DrawerTitle as r, DrawerFooter as s, UseDrawerResult as t, DrawerBodyProps as u };
-//# sourceMappingURL=index-Cc4SSslb.d.ts.map
+//# sourceMappingURL=index-5qsV1-cc.d.ts.map

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

@@ -1,11 +1,11 @@
-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, s as Shapes } from "./types-D6FM7bYR.js";
-import { n as ButtonProps, t as Button } from "./Button-BuZ_GOHS.js";
+import { n as ButtonProps, t as Button } from "./Button-DblYVwl-.js";
 import { i as MenuItemsDef } from "./MenuItemDef-D0VDtYIQ.js";
 import { n as LinkProps } from "./Link-CKymd2ru.js";
 import { t as Placement } from "./overlayPlacement-CIsLpycT.js";
-import "./Menu-QeYOzrUL.js";
+import "./Menu-CCYshRuL.js";
 import React, { ButtonHTMLAttributes, ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
 //#region src/components/menu/MenuDivider.d.ts
 interface MenuDividerProps extends HTMLAttributes<HTMLHRElement> {
@@ -226,4 +226,4 @@ interface MenuSubmenuBackProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 declare const MenuSubmenuBack: React.ForwardRefExoticComponent<MenuSubmenuBackProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { MenuToggle as a, MenuTextProps as c, MenuItem as d, MenuItemProps as f, MenuDividerProps as g, MenuDivider as h, MenuSubmenuProps as i, MenuList as l, MenuHeaderProps as m, MenuSubmenuBackProps as n, MenuToggleProps as o, MenuHeader as p, MenuSubmenu as r, MenuText as s, MenuSubmenuBack as t, MenuListProps as u };
-//# sourceMappingURL=index-CYvVmTPR.d.ts.map
+//# sourceMappingURL=index-6PnrAJmb.d.ts.map

package/dist/chunks/{index-BA-raEMm.d.ts → index-B5f6haU-.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import React, { HTMLAttributes } from "react";
 //#region src/components/collapse/Collapse.d.ts
 interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
@@ -26,4 +26,4 @@ interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { CollapseProps as n, Collapse as t };
-//# sourceMappingURL=index-BA-raEMm.d.ts.map
+//# sourceMappingURL=index-B5f6haU-.d.ts.map

package/dist/chunks/{index-4cKG9KWB.d.ts → index-B8OIYfGw.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import React, { HTMLAttributes } from "react";
 //#region src/components/password-strength/strengthScore.d.ts
 type StrengthLevel = 'weak' | 'fair' | 'good' | 'strong';
@@ -82,4 +82,4 @@ interface PasswordStrengthProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
 declare const PasswordStrength: React.ForwardRefExoticComponent<PasswordStrengthProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { PasswordStrengthProps as n, PasswordStrength as t };
-//# sourceMappingURL=index-4cKG9KWB.d.ts.map
+//# sourceMappingURL=index-B8OIYfGw.d.ts.map

package/dist/chunks/{index-CjT_4IZx.d.ts → index-BAvt_oPe.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 { t as ButtonObject } from "./renderFormCheck-nKgpa_a3.js";
 import React, { HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
@@ -63,11 +63,19 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'def
    */
   disabled?: boolean;
   /**
-   * An error message for the group, rendered below the options when `invalid` is set.
+   * An error message for the group, rendered below the options when `invalid` is set, and after
+   * a submit the group held back, until it no longer would.
    */
   errorMessage?: ReactNode;
   /**
-   * Set group validation state to invalid.
+   * The id of the `<form>` the group belongs to, for a group rendered outside it. Reaches every
+   * radio; a `Radio` with its own `form` keeps it.
+   */
+  form?: string;
+  /**
+   * Set group validation state to invalid. Left unset, the group 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;
   /**
@@ -87,7 +95,8 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'def
    */
   orientation?: 'horizontal' | 'vertical';
   /**
-   * Marks the group as required.
+   * Marks the group as required: `aria-required` on the group and the native `required` on its
+   * radios, so a form isn't submitted until one of them is selected.
    */
   required?: boolean;
   /**
@@ -102,4 +111,4 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'def
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 //#endregion
 export { RadioProps as i, RadioGroupProps as n, Radio as r, RadioGroup as t };
-//# sourceMappingURL=index-CjT_4IZx.d.ts.map
+//# sourceMappingURL=index-BAvt_oPe.d.ts.map

package/dist/chunks/{index-DtbUXxjz.d.ts → index-BB8UNxnM.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import React, { HTMLAttributes } from "react";
 //#region src/components/breadcrumb/Breadcrumb.d.ts
 interface BreadcrumbItemDef {
@@ -51,4 +51,4 @@ interface BreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
 declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
 //#endregion
 export { BreadcrumbProps as a, BreadcrumbItemDef as i, BreadcrumbItemProps as n, Breadcrumb as r, BreadcrumbItem as t };
-//# sourceMappingURL=index-DtbUXxjz.d.ts.map
+//# sourceMappingURL=index-BB8UNxnM.d.ts.map

package/dist/chunks/{index-aRdgpeRb.d.ts → index-BEAZrhyV.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, r as ContextColor } from "./types-D6FM7bYR.js";
 import { ElementType, ReactElement } from "react";
@@ -42,4 +42,4 @@ type BadgeComponent = (<C extends ElementType = 'span'>(props: BadgeProps<C> & {
 declare const Badge: BadgeComponent;
 //#endregion
 export { BadgeProps as n, Badge as t };
-//# sourceMappingURL=index-aRdgpeRb.d.ts.map
+//# sourceMappingURL=index-BEAZrhyV.d.ts.map

package/dist/chunks/{index-BOx8v-oT.d.ts → index-BISMaKaC.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, ReactNode } from "react";
@@ -25,6 +25,13 @@ type ProgressOwnProps<C extends ElementType> = {
    * value the inner bar (and the striped pattern's tile size) automatically resizes accordingly.
    */
   height?: number;
+  /**
+   * Shows that work is under way without saying how much, for a request with no progress events.
+   * The bar sweeps across the track, or fills it with stripes when `striped` is set, and the
+   * `aria-valuenow`, `aria-valuemin` and `aria-valuemax` attributes are left out. `value` and
+   * `inlineValue` are ignored, and `showValue` keeps its place in the caption row empty.
+   */
+  indeterminate?: boolean;
   /**
    * Shows the current value as text inside the bar, independently of `showValue` — combine both
    * to get a `label` + `showValue` caption above the bar alongside an `inlineValue` reading
@@ -76,6 +83,11 @@ type ProgressBarOwnProps<C extends ElementType> = {
    * Component used for the root node. Either a string to use a HTML element or a component.
    */
   component?: C;
+  /**
+   * Shows that work is under way without saying how much: the bar fills the track and sweeps
+   * across it, or shows its stripes when `striped` is set. `value` is ignored.
+   */
+  indeterminate?: boolean;
   /**
    * Adds a diagonal stripe pattern over the bar's background.
    */
@@ -94,4 +106,4 @@ type ProgressBarComponent = (<C extends ElementType = 'div'>(props: ProgressBarP
 declare const ProgressBar: ProgressBarComponent;
 //#endregion
 export { ProgressProps as i, ProgressBarProps as n, Progress as r, ProgressBar as t };
-//# sourceMappingURL=index-BOx8v-oT.d.ts.map
+//# sourceMappingURL=index-BISMaKaC.d.ts.map

package/dist/chunks/{index-DtvHH_Mb.d.ts → index-BOroLDDZ.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 { i as ContextStyle, r as ContextColor } from "./types-D6FM7bYR.js";
 import React, { ElementType, ReactElement } from "react";
@@ -117,4 +117,4 @@ type ListItemComponent = (<C extends ElementType = 'li'>(props: ListItemProps<C>
 declare const ListItem: ListItemComponent;
 //#endregion
 export { ListProps as a, ListItemDef as i, ListItemProps as n, List as r, ListItem as t };
-//# sourceMappingURL=index-DtvHH_Mb.d.ts.map
+//# sourceMappingURL=index-BOroLDDZ.d.ts.map

package/dist/chunks/{index-C4Dks__B.d.ts → index-BZpHSGlk.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 IconValue } from "./iconConfig-C6gbYhsD.js";
 import React, { ElementType, HTMLAttributes, MouseEvent, ReactElement, RefObject } from "react";
@@ -136,4 +136,4 @@ interface UsePaginationResult<T extends HTMLElement = HTMLButtonElement> {
 declare function usePagination<T extends HTMLElement = HTMLButtonElement>({ prevDisabled, nextDisabled, onPrev, onNext }: UsePaginationOptions): UsePaginationResult<T>;
 //#endregion
 export { Pagination as a, PaginationItemProps as i, usePagination as n, PaginationProps as o, PaginationItem as r, UsePaginationResult as t };
-//# sourceMappingURL=index-C4Dks__B.d.ts.map
+//# sourceMappingURL=index-BZpHSGlk.d.ts.map

package/dist/chunks/{index-C9gzVqwX.d.ts → index-BbZzaApz.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 { Key, ReactElement, ReactNode, Ref } from "react";
 import { Key as Key$1 } from "react-aria";
@@ -228,4 +228,4 @@ interface TableRowProps {
 declare const TableRow: (props: TableRowProps) => ReactElement;
 //#endregion
 export { TableColumn as a, TableCellProps as c, Table as d, TableProps as f, TableHeaderProps$1 as i, TableBody$1 as l, TableRowProps as n, TableColumnProps as o, TableHeader$1 as r, TableCell as s, TableRow as t, TableBodyProps$1 as u };
-//# sourceMappingURL=index-C9gzVqwX.d.ts.map
+//# sourceMappingURL=index-BbZzaApz.d.ts.map

package/dist/chunks/{index-DAoPg59I.d.ts → index-Bca_HQWF.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 React, { ElementType, FormHTMLAttributes, LabelHTMLAttributes, ReactElement } from "react";
 //#region src/components/form/Form.d.ts
@@ -8,7 +8,11 @@ interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
    */
   className?: string;
   /**
-   * Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component.
+   * Shows every field of the form as valid or invalid by its own constraints (`required`,
+   * `type`, `pattern`, ...), and again as its value changes: its class, `aria-invalid` and its
+   * `validFeedback` or `invalidFeedback`. A field's own `invalid` or `valid` still decides how
+   * that field looks. Set it once the user has tried to submit, as the `onSubmit` of a
+   * `noValidate` form can.
    */
   validated?: boolean;
 }
@@ -78,4 +82,4 @@ type FormFeedbackComponent = (<C extends ElementType = 'div'>(props: FormFeedbac
 declare const FormFeedback: FormFeedbackComponent;
 //#endregion
 export { FormLabel as a, FormProps as c, FormHelpProps as i, FormFeedbackProps as n, FormLabelProps as o, FormHelp as r, Form as s, FormFeedback as t };
-//# sourceMappingURL=index-DAoPg59I.d.ts.map
+//# sourceMappingURL=index-Bca_HQWF.d.ts.map

package/dist/chunks/{index-B0-8n-Gs.d.ts → index-Bl-_sC4y.d.ts}

@@ -1,4 +1,4 @@
-import "./focus-ring-SR_LwaN7.js";
+import "./focus-ring-Bs80iIBN.js";
 import React, { HTMLAttributes, ReactNode } from "react";
 //#region src/components/otp-input/OtpInput.d.ts
 interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -46,11 +46,14 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   inputGroup?: boolean;
   /**
-   * 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 boxes when `invalid` is set.
+   * An error message for the field, rendered below the boxes when `invalid` is set, and after a
+   * submit the field held back, until it no longer would.
    */
   invalidFeedback?: ReactNode;
   /**
@@ -79,6 +82,11 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    * Callback fired once every box is filled.
    */
   onComplete?: (value: string) => void;
+  /**
+   * Toggle the required state for the component. Every box is then required: a code with a box
+   * left empty holds its form back from submitting, and the first empty box takes focus.
+   */
+  required?: boolean;
   /**
    * Content of the separator rendered between groups when `groupSizes` is set. Defaults to `–`.
    */
@@ -103,4 +111,4 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
 declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OtpInputProps as n, OtpInput as t };
-//# sourceMappingURL=index-B0-8n-Gs.d.ts.map
+//# sourceMappingURL=index-Bl-_sC4y.d.ts.map

package/dist/chunks/{index-BSLneLYu.d.ts → index-BxJ6Vrhm.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 { l as Spacing, o as Responsive } from "./types-D6FM7bYR.js";
 import { ElementType, ReactElement } from "react";
@@ -76,4 +76,4 @@ type FlexComponent = (<C extends ElementType = 'div'>(props: FlexProps<C> & {
 declare const Flex: FlexComponent;
 //#endregion
 export { FlexProps as n, Flex as t };
-//# sourceMappingURL=index-BSLneLYu.d.ts.map
+//# sourceMappingURL=index-BxJ6Vrhm.d.ts.map