@chassis-ui/react 0.1.3 → 0.2.0

package/dist/chunks/combobox-DWEj-Sv7.js

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{t as ee}from"./useForkedRef-DVEfT-KI.js";import{r as e}from"./useFloatingOverlay-CcmDZKMK.js";import{t}from"./useFormField-BOqmBTC4.js";import{i as n,r,t as i}from"./overlayPlacement-BtS90IVf.js";import{a,i as te,n as ne,o,r as s,t as c}from"./ComboboxListBox-BhO8uRNg.js";import{t as l}from"./renderFormField-wiaxvvLG.js";import{t as u}from"./validationClassName-gRGs4KBm.js";import d,{forwardRef as f,useId as p,useMemo as m,useRef as h}from"react";import g from"classnames";import{useComboBox as re,useFilter as _,useOverlayPosition as v}from"react-aria";import{createPortal as ie}from"react-dom";import{useComboBoxState as ae}from"react-stately";const y=ee=>null;y.displayName=`ComboboxGroup`;const b=f(({"aria-describedby":f,"aria-label":b,"aria-labelledby":oe,children:x,className:S,defaultValue:C,disabled:w,help:T,id:E,invalid:D,invalidFeedback:O,items:k,label:A,name:j,noResultsText:M=`No results found`,onChange:N,placeholder:P,size:F,valid:I,validFeedback:L,value:R,...z},B)=>{let V=m(()=>k?s(k):ne(x,{Group:y,Item:o}),[k,x]),H=m(()=>a(V),[V]),{contains:U}=_({sensitivity:`base`}),W=ae({children:te,defaultItems:V,disabledKeys:H,defaultFilter:U,defaultValue:C,value:R,onChange:N,allowsEmptyCollection:!0,menuTrigger:`focus`}),G=h(null),K=ee(B,G),q=h(null),J=h(null),Y=h(null),X=p(),{describedBy:se,feedbackId:ce,helpId:le,inputId:Z,labelId:ue,labelledBy:de}=t({ariaDescribedBy:f,ariaLabelledBy:oe,help:T,id:E,invalid:D,invalidFeedback:O,label:A,valid:I,validFeedback:L}),{inputProps:fe,listBoxProps:pe}=re({"aria-label":b,"aria-labelledby":de,id:Z,inputRef:q,listBoxRef:J,popoverRef:Y,isDisabled:w,placeholder:P},W),{overlayProps:me,placement:Q}=v({targetRef:G,overlayRef:Y,placement:n(`bottom-start`),offset:2,isOpen:W.isOpen,onClose:null}),he=e({close:W.close,isOpen:W.isOpen,open:W.open,triggerRef:G}),{menuStyle:ge,placementAttr:_e}=r(me.style,`bottom-start`,Q),ve={...i,...ge},ye=fe,$=W.collection.size===0,be=[se,$&&X].filter(Boolean).join(` `)||void 0;return l({children:d.createElement(d.Fragment,null,d.createElement(`div`,{className:g(`form-input`,`combobox`,F,{disabled:w},u(D,I),S),ref:K,...z},d.createElement(`input`,{autoComplete:`off`,className:`combobox-value`,...ye,"aria-describedby":be,"aria-invalid":D||void 0,ref:q})),typeof window<`u`&&ie(d.createElement(`div`,{className:g(`menu`,{show:W.isOpen}),"data-cx-placement":_e,style:ve,hidden:!W.isOpen,ref:Y},d.createElement(c,{state:W,listBoxProps:pe,listBoxRef:J}),$&&d.createElement(`div`,{className:`combobox-no-results`,id:X,role:`status`},M)),he??document.body),j&&d.createElement(`input`,{type:`hidden`,name:j,value:W.value??``,disabled:w})),help:T,ids:{feedback:ce,help:le,input:Z,label:ue},invalid:D,invalidFeedback:O,label:A,valid:I,validFeedback:L})});b.displayName=`Combobox`;export{y as n,b as t};

package/dist/chunks/datagrid-nbnNThsT.js

@@ -0,0 +1,2 @@
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./useForkedRef-DVEfT-KI.js";import t,{forwardRef as n,useEffect as r,useId as i,useMemo as a,useRef as o,useState as s}from"react";import c from"classnames";import{useCheckbox as l}from"react-aria";import{useToggleState as u}from"react-stately";import{Cell as d,CheckboxContext as f,Column as p,Row as m,Table as h,TableBody as g,TableHeader as _,TableLayout as v,TableLoadMoreItem as y,Virtualizer as b,useSlottedContext as x}from"react-aria-components";const S=/^\d+(\.\d+)?%?$/,C=e=>e!=null&&(typeof e==`number`||S.test(e)),w=(e,t)=>typeof e==`number`?e:e.endsWith(`%`)?parseFloat(e)/100*t:parseFloat(e);function T(e,t){let n=new Map,r=0,i=!0;for(let a of e){if(!i||!C(a.defaultWidth)){i=!1,n.set(a.id,null);continue}let e=w(a.defaultWidth,t);C(a.minWidth)&&(e=Math.max(e,w(a.minWidth,t))),C(a.maxWidth)&&(e=Math.min(e,w(a.maxWidth,t))),n.set(a.id,{id:a.id,offset:r,width:e}),r+=e}return n}const E=e=>{let t=new Map;return e.querySelectorAll(`[role="columnheader"]`).forEach(e=>{let n=Number(e.getAttribute(`aria-colindex`));!Number.isInteger(n)||n<1||t.set(n-1,{offset:e.offsetLeft,width:e.offsetWidth})}),t};function D(e,t){let[n,i]=s(0),[o,c]=s(()=>new Map);r(()=>{let e=t.current;if(!e||typeof ResizeObserver>`u`)return;let n=()=>{i(e.clientWidth),c(E(e))};n();let r=new ResizeObserver(n);return r.observe(e),()=>r.disconnect()},[t]);let l=a(()=>T(e,n),[e,n]);return a(()=>{let t=new Map;return e.forEach((e,n)=>{let r=l.get(e.id),i=o.get(n);r?t.set(e.id,r):i&&t.set(e.id,{id:e.id,...i})}),t},[e,l,o])}const O=e=>`[aria-colindex="${e+1}"]`,k=({header:e,instanceClassName:n,containerRef:i})=>{let o=e.props.children,s=a(()=>typeof o==`function`?[]:t.Children.toArray(o),[o]),c=s.map(e=>{if(!t.isValidElement(e))return``;let{defaultWidth:n,maxWidth:r,minWidth:i,pin:a}=e.props;return`${n??``}/${i??``}/${r??``}/${a??``}`}).join(`|`),{all:l,endIndices:u,startIndices:d}=a(()=>{let e={all:[],endIndices:[],startIndices:[]};return s.forEach((n,r)=>{if(!t.isValidElement(n))return;let{defaultWidth:i,maxWidth:a,minWidth:o,pin:s}=n.props;e.all.push({id:r,defaultWidth:i,maxWidth:a,minWidth:o}),s===`start`?e.startIndices.push(r):s===`end`&&e.endIndices.push(r)}),e},[c]),f=D(l,i),p=a(()=>{let e=new Map,t=0;for(let n=u.length-1;n>=0;n--){let r=u[n];if(r==null)continue;let i=f.get(r)?.width??0;e.set(r,{index:r,rightOffset:t}),t+=i}return e},[u,f]);if(r(()=>{let e=i.current;if(!e||p.size===0)return;let t=null,n=new Set,r=()=>{t=null;let r=e.clientWidth,i=e.scrollLeft;e.querySelectorAll(`[role="row"]`).forEach(e=>{p.forEach(({index:t,rightOffset:a})=>{let o=e.querySelector(O(t))?.parentElement;if(!o)return;let s=f.get(t);if(!s)return;let c=s.offset+s.width,l=r-a-c+i;o.style.transform=`translateX(${l}px)`,o.style.zIndex=`2`,n.add(o)})})},a=()=>{t??=requestAnimationFrame(r)};a(),e.addEventListener(`scroll`,a,{passive:!0});let o=typeof ResizeObserver>`u`?null:new ResizeObserver(a);o?.observe(e);let s=typeof MutationObserver>`u`?null:new MutationObserver(a);return s?.observe(e,{childList:!0,subtree:!0}),()=>{t!=null&&cancelAnimationFrame(t),e.removeEventListener(`scroll`,a),o?.disconnect(),s?.disconnect(),n.forEach(e=>{e.style.transform=``,e.style.zIndex=``})}},[i,p,f]),d.length===0&&u.length===0)return null;let m=[];if(d.length>0){let e=Math.max(...d);m.push(`.${n}.datagrid-scrolled-start ${O(e)} { box-shadow: var(--datagrid-pin-cue-shadow-start); }`)}if(u.length>0){let e=Math.min(...u);m.push(`.${n}.datagrid-scrolled-end ${O(e)} { box-shadow: var(--datagrid-pin-cue-shadow-end); }`)}return t.createElement(`style`,null,m.join(`
+`))};var A=class extends v{isStickyColumn(e){let t=e.type===`column`?e.index:e.colIndex??e.index;return t!=null&&this.collection.columns[t]?.props?.pin===`start`}};const j=n(({align:n,bordered:l,borderless:u,children:d,className:f,color:p,disabledKeys:m,estimatedRowHeight:g,footer:_,hover:v,onSelectionChange:y,onSortChange:x,rowHeight:S,selectedKeys:C,selectionMode:w=`none`,sm:T,sortDescriptor:E,...D},O)=>{let j=S===`auto`,M=a(()=>new A(j?{estimatedRowHeight:g,headingHeight:g}:{rowHeight:S}),[j,S,g]),N=o(null),P=e(O,N),F=`datagrid-${i().replace(/[^a-zA-Z0-9]/g,``)}`,[I,L]=s(!1),[R,z]=s(!1);r(()=>{let e=N.current;if(!e)return;let t=()=>{L(e.scrollLeft>0),z(Math.ceil(e.scrollLeft+e.clientWidth)<e.scrollWidth)};t(),e.addEventListener(`scroll`,t,{passive:!0});let n=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return n?.observe(e),()=>{e.removeEventListener(`scroll`,t),n?.disconnect()}},[]);let B=c(`datagrid`,F,p,{[`align-${n}`]:n,bordered:l,borderless:u,hoverable:v,sm:T,"datagrid-scrolled-start":I,"datagrid-scrolled-end":R},f);return t.createElement(b,{layout:M,shouldObserveItemSize:j},t.createElement(h,{"aria-label":D[`aria-label`],"aria-labelledby":D[`aria-labelledby`],className:B||void 0,disabledKeys:m,onSelectionChange:y,onSortChange:x,ref:P,selectedKeys:C,selectionMode:w,sortDescriptor:E},d),_&&t.createElement(`div`,{className:c(`datagrid-footer`,{borderless:u})},_),t.createElement(k,{containerRef:N,header:d[0],instanceClassName:F}))});j.displayName=`DataGrid`;const M={id:`__datagrid-body-loader__`},N=({children:e,className:n,dependencies:r,isLoading:i,items:o,loadingContent:s,onLoadMore:l,renderEmptyState:u})=>{let d=l!=null&&o!=null,f=a(()=>d?[...o,M]:o,[d,o]),p=a(()=>d?[...r??[],i,l,s]:r,[r,d,i,l,s]),m=d?n=>n===M?t.createElement(y,{className:`datagrid-loader`,isLoading:i,onLoadMore:i?void 0:l},s):e(n):e;return t.createElement(g,{className:c(`datagrid-body`,n),dependencies:p,items:f,renderEmptyState:u},m)},P=({children:e,className:n,colSpan:r,id:i,textValue:a})=>t.createElement(d,{className:c(`datagrid-cell`,n),colSpan:r,id:i,textValue:a},e),F=({allowsSorting:e,children:n,className:r,defaultWidth:i,id:a,isRowHeader:o,maxWidth:s,minWidth:l,pin:u,textValue:d})=>t.createElement(p,{allowsSorting:e,className:c(`datagrid-col`,u&&`datagrid-col-pinned-${u}`,r),defaultWidth:i,id:a,isRowHeader:o,maxWidth:s,minWidth:l,textValue:d,pin:u},e?({sortDirection:e})=>t.createElement(t.Fragment,null,n,t.createElement(`span`,{"aria-hidden":`true`,className:`datagrid-sort-icon`},e===`ascending`?`▲`:e===`descending`?`▼`:`⇅`)):n),I=({children:e,className:n,columns:r,dependencies:i})=>t.createElement(_,{className:c(`datagrid-header`,n),columns:r,dependencies:i},e),L=({children:e,className:n,columns:r,id:i,textValue:a})=>t.createElement(m,{className:c(`datagrid-row`,n),columns:r,id:i,textValue:a},e),R=e=>{let t=x(f,`selection`);if(!t)throw Error(`${e} must be rendered inside a DataGrid with selection enabled.`);return t},z=({className:e})=>{let n=R(`DataGridSelectionCell`);return t.createElement(V,{checkboxProps:n,className:e})},B=({className:e})=>{let n=R(`DataGridSelectAllCell`);return t.createElement(V,{checkboxProps:n,className:e})},V=({checkboxProps:e,className:n})=>{let r=u(e),i=o(null),{inputProps:a}=l(e,r,i);return t.createElement(`input`,{...a,className:n??`check-input`,ref:i})};export{F as a,j as c,I as i,z as n,P as o,L as r,N as s,B as t};

package/dist/chunks/dateRangePresets-R1FtA1zp.d.ts

@@ -0,0 +1,41 @@
+import React, { ReactNode } from "react";
+import { DateValue, RangeValue } from "react-aria";
+//#region src/components/calendar/labels.d.ts
+/**
+ * The user-facing strings the calendar/datepicker family renders itself, rather than getting from
+ * the active locale.
+ *
+ * Everything else these components say — weekday names, month names, the calendar system, segment
+ * order — comes from `I18nProvider`'s locale via react-aria, which ships its own translations. The
+ * strings below have no equivalent in react-aria's dictionaries, so they were hardcoded English
+ * with no way to override them: under `<I18nProvider locale="ar-SA">` a user got Arabic month
+ * names interleaved with an English "Previous years". Pass `labels` to translate them, the same
+ * way `Pagination`'s `previousLabel`/`nextLabel` are translated (see the Internationalization
+ * docs page).
+ */
+interface CalendarLabels {
+  /** Accessible name of the year view's "page back" arrow. */
+  previousYears: string;
+  /** Accessible name of the year view's "page forward" arrow. */
+  nextYears: string;
+  /** Prefix of the year view's live-region announcement, rendered as `${selectYear}, 2020 – 2034`. */
+  selectYear: string;
+  /** Prefix of the month view's live-region announcement, rendered as `${selectMonth}, 2024`. */
+  selectMonth: string;
+  /** Prefix of the header month button's accessible name, rendered as `${month}: March`. */
+  month: string;
+  /** Prefix of the header year button's accessible name, rendered as `${year}: 2024`. */
+  year: string;
+  /** Accessible name of the trigger that opens the calendar overlay. */
+  calendar: string;
+  /** Accessible name of the adornment that resets the current selection. */
+  clear: string;
+}
+//#endregion
+//#region src/utils/dateRangePresets.d.ts
+interface DateRangePreset {
+  label: string;
+  range: RangeValue<DateValue>;
+}
+//#endregion
+export { CalendarLabels as n, DateRangePreset as t };

package/dist/chunks/datepicker-CslLKMm1.js

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./useForkedRef-DVEfT-KI.js";import{t}from"./useFormField-BOqmBTC4.js";import{i as n,n as r}from"./overlayPlacement-BtS90IVf.js";import{t as i}from"./renderFormField-wiaxvvLG.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./RangeCalendar-COnSfurr.js";import{t as d}from"./validationClassName-gRGs4KBm.js";import f,{forwardRef as p,useMemo as m,useRef as h,useState as g}from"react";import _ from"classnames";import{FocusScope as v,mergeProps as y,useButton as b,useDateField as x,useDateFormatter as S,useDatePicker as C,useDateRangePicker as w,useDateSegment as T,useDialog as E,useLocale as D,useOverlay as O,useOverlayPosition as k}from"react-aria";import{useDateFieldState as ee,useDatePickerState as te,useDateRangePickerState as A,useOverlayTriggerState as j}from"react-stately";import{createCalendar as M,getLocalTimeZone as N}from"@internationalized/date";const ne=({overlayRef:e,state:t,triggerRef:i})=>{let{overlayProps:a}=O({isDismissable:!0,isOpen:t.isOpen,onClose:t.close,shouldCloseOnBlur:!0,shouldCloseOnInteractOutside:e=>!i.current?.contains(e)},e),{overlayProps:o,placement:s}=k({isOpen:t.isOpen,offset:2,onClose:null,overlayRef:e,placement:n(`bottom-start`),targetRef:i}),{style:c,...l}=y(a,o);return{overlayStyle:{position:c?.position,top:c?.top,left:c?.left},placementAttr:r(`bottom-start`,s),overlayDismissProps:l}},P=p(({buttonProps:t,state:n},r)=>{let i=h(null),a=e(i,r),{buttonProps:o}=b({...t,onPress:()=>n.toggle()},i);return f.createElement(`button`,{...o,className:`input-adorn`,ref:a,type:`button`},f.createElement(`svg`,{fill:`none`,height:`16`,viewBox:`0 0 16 16`,width:`16`,xmlns:`http://www.w3.org/2000/svg`},f.createElement(`rect`,{height:`12`,rx:`1.5`,stroke:`currentColor`,strokeWidth:`1.25`,width:`13`,x:`1.5`,y:`3`}),f.createElement(`path`,{d:`M1.5 6.5h13`,stroke:`currentColor`,strokeWidth:`1.25`}),f.createElement(`path`,{d:`M4.5 1.5v3M11.5 1.5v3`,stroke:`currentColor`,strokeLinecap:`round`,strokeWidth:`1.25`})))});P.displayName=`CalendarToggleButton`;const re=({isDisabled:e,onPress:t})=>{let n=h(null),r=c(),{buttonProps:i}=b({"aria-label":r.clear,isDisabled:e,onPress:t},n);return f.createElement(`button`,{...i,className:`input-adorn`,ref:n,type:`button`},f.createElement(`svg`,{fill:`none`,height:`16`,viewBox:`0 0 16 16`,width:`16`,xmlns:`http://www.w3.org/2000/svg`},f.createElement(`path`,{d:`M4 4l8 8M12 4l-8 8`,stroke:`currentColor`,strokeLinecap:`round`,strokeWidth:`1.25`})))},F=({fieldProps:e})=>{let{locale:t}=D(),n=ee({...e,createCalendar:M,locale:t}),r=h(null),{fieldProps:i}=x(e,n,r);return f.createElement(`div`,{...i,className:`datepicker-field`,ref:r},n.segments.map((e,t)=>f.createElement(I,{key:t,segment:e,state:n})))},I=({segment:e,state:t})=>{let n=h(null),{segmentProps:r}=T(e,t,n);return f.createElement(`span`,{...r,className:_(`datepicker-segment`,{placeholder:e.isPlaceholder}),ref:n},e.text)},ie=({calendar:e,className:t,clearButton:n,disabled:r,field:i,fieldClassName:a,groupProps:o,groupRef:s,invalid:c,isOpen:l,overlayDismissProps:u,overlayRef:p,overlayStyle:m,placementAttr:h,size:g,toggleButton:y,valid:b})=>f.createElement(f.Fragment,null,f.createElement(`div`,{...o,className:_(`form-input`,g,{disabled:r},d(c,b),t),ref:s},f.createElement(`div`,{className:a},i),n,y),f.createElement(`div`,{className:`datepicker`,"data-cx-placement":h,hidden:!l,ref:p,...u,style:m},l&&f.createElement(v,{contain:!0,restoreFocus:!0},e))),L=p((e,t)=>e.selectionMode===`multiple`?f.createElement(z,{...e,ref:t}):f.createElement(R,{...e,ref:t}));L.displayName=`DatePicker`;const R=p(({className:n,defaultOpen:r,defaultValue:a,disabled:c,firstDayOfWeek:u,help:d,id:p,invalid:g,invalidFeedback:_,isDateUnavailable:v,isOpen:b,label:x,labels:S,maxValue:w,minValue:T,name:D,onChange:O,onOpenChange:k,selectionMode:ee,size:A,unavailableDates:j,valid:M,validFeedback:N,value:I,visibleMonths:L,...R},z)=>{let B=m(()=>l(j,v),[j,v]),V=te({defaultOpen:r,defaultValue:a,isDateUnavailable:B,isDisabled:c,isOpen:b,maxValue:w,minValue:T,onChange:O,onOpenChange:k,value:I}),H=h(null),ae=e(z,H),U=h(null),W=h(null),G=h(null),{describedBy:K,feedbackId:q,helpId:oe,inputId:J,labelId:Y,labelledBy:X}=t({ariaDescribedBy:R[`aria-describedby`],ariaLabelledBy:R[`aria-labelledby`],help:d,id:p,invalid:g,invalidFeedback:_,label:x,valid:M,validFeedback:N}),{groupProps:se,fieldProps:ce,buttonProps:le,calendarProps:Z,dialogProps:Q}=C({"aria-label":R[`aria-label`],"aria-labelledby":X,defaultValue:a,id:J,isDateUnavailable:B,isDisabled:c,isInvalid:g,maxValue:w,minValue:T,onChange:O,value:I},V,H),{overlayStyle:$,placementAttr:ue,overlayDismissProps:de}=ne({overlayRef:W,state:V,triggerRef:H}),{dialogProps:fe}=E(Q,U);return f.createElement(o,{labels:S},i({children:f.createElement(f.Fragment,null,ie({calendar:f.createElement(s,{...fe,autoFocus:!0,disabled:c,firstDayOfWeek:u,isDateUnavailable:B,maxValue:w,minValue:T,onChange:Z.onChange,ref:U,value:Z.value,visibleMonths:L}),className:n,clearButton:V.value&&!c&&f.createElement(re,{onPress:()=>{V.setValue(null),G.current?.focus()}}),disabled:c,field:f.createElement(F,{fieldProps:ce}),fieldClassName:`w-100 overflow-x-scroll`,groupProps:{...y(se,R),"aria-describedby":K,"aria-labelledby":X},groupRef:ae,invalid:g,isOpen:V.isOpen,overlayDismissProps:de,overlayRef:W,overlayStyle:$,placementAttr:ue,size:A,toggleButton:f.createElement(P,{buttonProps:le,ref:G,state:V}),valid:M}),D&&f.createElement(`input`,{disabled:c,name:D,type:`hidden`,value:V.value?V.value.toString():``})),help:d,ids:{feedback:q,help:oe,label:Y},invalid:g,invalidFeedback:_,label:x,valid:M,validFeedback:N}))});R.displayName=`DatePickerSingle`;const z=p(({className:n,defaultOpen:r,defaultValue:c,disabled:u,firstDayOfWeek:d,help:p,id:_,invalid:v,invalidFeedback:b,isDateUnavailable:x,isOpen:S,label:C,labels:w,maxValue:T,minValue:D,name:O,onChange:k,onOpenChange:ee,selectionMode:te,size:A,unavailableDates:M,valid:N,validFeedback:F,value:I,visibleMonths:L,...R},z)=>{let B=m(()=>l(M,x),[M,x]),H=I!==void 0,[ae,U]=g(c??[]),W=H?I??[]:ae,G=e=>{H||U(e),k?.(e)},K=j({defaultOpen:r,isOpen:S,onOpenChange:ee}),q=h(null),oe=e(z,q),J=h(null),Y=h(null),X=h(null),{describedBy:se,feedbackId:ce,helpId:le,inputId:Z,labelId:Q,labelledBy:$}=t({ariaDescribedBy:R[`aria-describedby`],ariaLabelledBy:R[`aria-labelledby`],help:p,id:_,invalid:v,invalidFeedback:b,label:C,valid:N,validFeedback:F}),{overlayStyle:ue,placementAttr:de,overlayDismissProps:fe}=ne({overlayRef:Y,state:K,triggerRef:q}),{dialogProps:pe}=E({"aria-label":R[`aria-label`],"aria-labelledby":$},J),me={...a,...w},he={"aria-expanded":K.isOpen,"aria-haspopup":`dialog`,"aria-label":me.calendar,isDisabled:u};return f.createElement(o,{labels:w},i({children:f.createElement(f.Fragment,null,ie({calendar:f.createElement(s,{...pe,autoFocus:!0,disabled:u,firstDayOfWeek:d,isDateUnavailable:B,maxValue:T,minValue:D,onChange:G,ref:J,selectionMode:`multiple`,value:W,visibleMonths:L}),className:n,clearButton:W.length>0&&!u&&f.createElement(re,{onPress:()=>{G([]),X.current?.focus()}}),disabled:u,field:f.createElement(V,{values:W}),fieldClassName:`w-100 overflow-x-scroll`,groupProps:{...y(R),"aria-describedby":se,"aria-disabled":u||void 0,"aria-labelledby":$,id:Z,role:`group`},groupRef:oe,invalid:v,isOpen:K.isOpen,overlayDismissProps:fe,overlayRef:Y,overlayStyle:ue,placementAttr:de,size:A,toggleButton:f.createElement(P,{buttonProps:he,ref:X,state:K}),valid:N}),O&&W.map(e=>f.createElement(`input`,{disabled:u,key:e.toString(),name:O,type:`hidden`,value:e.toString()}))),help:p,ids:{feedback:ce,help:le,label:Q},invalid:v,invalidFeedback:b,label:C,valid:N,validFeedback:F}))});z.displayName=`DatePickerMultiple`;const B=e=>`timeZone`in e?e.toDate():e.toDate(N()),V=({values:e})=>{let t=S({dateStyle:`medium`});return f.createElement(`div`,{className:`datepicker-field`},e.length>0&&f.createElement(f.Fragment,null,e.slice().sort((e,t)=>e.compare(t)).map(e=>t.format(B(e))).join(`, `)))},H=p(({className:n,defaultOpen:r,defaultValue:a,disabled:s,firstDayOfWeek:c,help:d,id:p,invalid:g,invalidFeedback:_,isDateUnavailable:v,isOpen:b,label:x,labels:S,maxValue:C,minValue:T,name:D,onChange:O,onOpenChange:k,presets:ee,size:te,unavailableDates:j,valid:M,validFeedback:N,value:I,visibleMonths:L,...R},z)=>{let B=m(()=>l(j,v),[j,v]),V=A({defaultOpen:r,defaultValue:a,isDateUnavailable:B,isDisabled:s,isOpen:b,maxValue:C,minValue:T,onChange:O,onOpenChange:k,value:I}),H=h(null),ae=e(z,H),U=h(null),W=h(null),G=h(null),{describedBy:K,feedbackId:q,helpId:oe,inputId:J,labelId:Y,labelledBy:X}=t({ariaDescribedBy:R[`aria-describedby`],ariaLabelledBy:R[`aria-labelledby`],help:d,id:p,invalid:g,invalidFeedback:_,label:x,valid:M,validFeedback:N}),{groupProps:se,startFieldProps:ce,endFieldProps:le,buttonProps:Z,calendarProps:Q,dialogProps:$}=w({"aria-label":R[`aria-label`],"aria-labelledby":X,defaultValue:a,id:J,isDateUnavailable:B,isDisabled:s,isInvalid:g,maxValue:C,minValue:T,onChange:O,value:I},V,H),{overlayStyle:ue,placementAttr:de,overlayDismissProps:fe}=ne({overlayRef:W,state:V,triggerRef:H}),{dialogProps:pe}=E($,U);return f.createElement(o,{labels:S},i({children:f.createElement(f.Fragment,null,ie({calendar:f.createElement(u,{...pe,autoFocus:!0,disabled:s,firstDayOfWeek:c,isDateUnavailable:B,maxValue:C,minValue:T,onChange:Q.onChange,presets:ee,ref:U,value:Q.value,visibleMonths:L}),className:n,clearButton:(V.value?.start||V.value?.end)&&!s&&f.createElement(re,{onPress:()=>{V.setValue(null),G.current?.focus()}}),disabled:s,field:f.createElement(f.Fragment,null,f.createElement(F,{fieldProps:ce}),f.createElement(`span`,{"aria-hidden":`true`,className:`daterangepicker-separator`},`–`),f.createElement(F,{fieldProps:le})),fieldClassName:`d-flex w-100`,groupProps:{...y(se,R),"aria-describedby":K,"aria-labelledby":X},groupRef:ae,invalid:g,isOpen:V.isOpen,overlayDismissProps:fe,overlayRef:W,overlayStyle:ue,placementAttr:de,size:te,toggleButton:f.createElement(P,{buttonProps:Z,ref:G,state:V}),valid:M}),D&&f.createElement(f.Fragment,null,f.createElement(`input`,{disabled:s,name:`${D}Start`,type:`hidden`,value:V.value?.start?V.value.start.toString():``}),f.createElement(`input`,{disabled:s,name:`${D}End`,type:`hidden`,value:V.value?.end?V.value.end.toString():``}))),help:d,ids:{feedback:q,help:oe,label:Y},invalid:g,invalidFeedback:_,label:x,valid:M,validFeedback:N}))});H.displayName=`DateRangePicker`;export{L as n,H as t};

package/dist/chunks/dialogTransition-i9vw0i2Z.js

@@ -0,0 +1 @@
+const e=e=>{let{transitionDuration:t,transitionDelay:n}=window.getComputedStyle(e),r=Number.parseFloat(t)||0,i=Number.parseFloat(n)||0;return!r&&!i?0:(r+i)*1e3},t=(t,n,r)=>{if(!r)return n(),()=>void 0;let i=!1,a=()=>{i||(i=!0,t.removeEventListener(`transitionend`,o),clearTimeout(s),n())},o=e=>{e.target===t&&a()};t.addEventListener(`transitionend`,o);let s=setTimeout(a,e(t)+50);return()=>{t.removeEventListener(`transitionend`,o),clearTimeout(s)}};export{t};

package/dist/chunks/direction-CPhdeL3A.js

@@ -0,0 +1 @@
+import{useState as e}from"react";function t(t,n,r){let i=t!==void 0,[a,o]=e(n);return[i?t:a,e=>{i||o(e),r?.(e)}]}function n(e){return getComputedStyle(e).direction===`rtl`}export{t as n,n as t};

package/dist/chunks/drawer-zReFjoJG.js

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-CACPOv1_.js";import{t}from"./useDialogElement-BRIU60cT.js";import{t as n}from"./CloseButton-DJM7FRKh.js";import r,{createContext as i,forwardRef as a,useContext as o,useEffect as s,useId as c,useRef as l}from"react";import u from"classnames";const d=i({close:()=>{}}),f=new Set,p=a(({children:e,backdrop:n=!0,className:i,fitContent:a,fullscreen:o,instant:p,keyboard:m=!0,onClick:h,onClose:g,onClosePrevented:_,onHidden:v,onShow:y,onShown:b,placement:x,responsive:S,scroll:C=!1,sheet:w,translucent:T,visible:E,...D},O)=>{let{close:k,dialogRef:A,forkedRef:j,handleBackdropClick:M,handleCancel:N,hiding:P,staticBounce:F}=t({backdrop:n,instant:p,isModal:!!n||!C,keyboard:m,onBeforeShow:e=>{for(let t of f)t.dialog!==e&&t.close()},onClick:h,onClose:g,onClosePrevented:_,onHidden:v,onShow:y,onShown:b,ref:O,visible:E}),I=c(),L=l(k);L.current=k,s(()=>{let e=A.current;if(!e)return;let t={dialog:e,close:()=>L.current()};return f.add(t),()=>{f.delete(t)}},[A]);let R=u(S?`max-${S}:drawer`:`drawer`,`drawer-${x}`,{fullscreen:o,sheet:w,translucent:T,instant:p,"drawer-fit-content":a,nonmodal:!(n||!C),static:F,hiding:P},i);return r.createElement(d.Provider,{value:{close:k,titleId:I}},r.createElement(`dialog`,{"aria-labelledby":I,...D,className:R,onCancel:N,onClick:M,ref:j},e))});p.displayName=`Drawer`;const m=()=>o(d);function h({children:e,className:t,component:n,...i},a){let o=n??`div`,s=u(`drawer-body`,t);return r.createElement(o,{className:s,...i,ref:a},e)}const g=e(h,`DrawerBody`);function _({children:e,className:t,component:n,stacked:i,...a},o){let s=n??`div`,c=u(`drawer-footer`,{stacked:i},t);return r.createElement(s,{className:c,...a,ref:o},e)}const v=e(_,`DrawerFooter`);function y({children:e,className:t,closeButton:i=!0,closeLabel:a,component:o,...s},c){let l=o??`div`,{close:d}=m(),f=u(`drawer-header`,t);return r.createElement(l,{className:f,...s,ref:c},e,i&&r.createElement(n,{label:a,onClick:d}))}const b=e(y,`DrawerHeader`);function x({children:e,component:t,className:n,id:i,...a},o){let{titleId:s}=m(),c=t??`h2`,l=u(`drawer-title`,n);return r.createElement(c,{className:l,id:i??s,...a,ref:o},e)}const S=e(x,`DrawerTitle`);export{m as a,g as i,b as n,p as o,v as r,S as t};

package/dist/chunks/file-input-RRqZSzjH.js

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./useFormField-BOqmBTC4.js";import{t}from"./renderFormField-wiaxvvLG.js";import{t as n}from"./validationClassName-gRGs4KBm.js";import r,{forwardRef as i}from"react";import a from"classnames";const o=i(({className:i,help:o,id:s,invalid:c,invalidFeedback:l,label:u,size:d,valid:f,validFeedback:p,...m},h)=>{let{describedBy:g,feedbackId:_,helpId:v,inputId:y}=e({ariaDescribedBy:m[`aria-describedby`],help:o,id:s,invalid:c,invalidFeedback:l,valid:f,validFeedback:p}),b=a(`form-input`,d,n(c,f),i);return t({children:r.createElement(`input`,{...m,"aria-describedby":g,"aria-invalid":c||void 0,className:b,id:y,ref:h,type:`file`}),help:o,ids:{feedback:_,help:v,input:y},invalid:c,invalidFeedback:l,label:u,valid:f,validFeedback:p})});o.displayName=`FileInput`;export{o as t};

package/dist/chunks/flex-BTvpgaRv.js

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-CACPOv1_.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};

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

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{r as e}from"./polymorphic-CACPOv1_.js";import{t}from"./FormLabel-CYcQiFUI.js";import{t as n}from"./renderFormField-wiaxvvLG.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};

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

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

package/dist/chunks/focusRedirect-BrvK3U_o.js

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

package/dist/chunks/form-GpdAyWWi.js

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

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

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{r as e}from"./polymorphic-CACPOv1_.js";import{t}from"./renderFormField-wiaxvvLG.js";const n=({children:n,className:r,help:i,ids:a,invalid:o,invalidFeedback:s,label:c,valid:l,validFeedback:u})=>(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,valid:l,validFeedback:u}));n.displayName=`FormField`;export{n as t};

package/dist/chunks/grid-CuFw89yV.js

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-CACPOv1_.js";import{t}from"./breakpoints-o_2Ev7ir.js";import{t as n}from"./spacingClassName-DVhk8m3P.js";import r,{forwardRef as i}from"react";import a from"classnames";const o=({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],s=i(({children:e,className:n,span:i,offset:s,order:c,responsive:l,...u},d)=>{let f=t(o,{span:i,offset:s,order:c},l),p=a(i===void 0&&`col`,f,n);return r.createElement(`div`,{className:p,...u,ref:d},e)});s.displayName=`Col`;function c({children:e,className:t,component:n,fluidUntil:i,fluid:o,...s},c){let l=n??`div`,u=a(`container`,o&&`fluid`,i,t);return r.createElement(l,{className:u,...s,ref:c},e)}const l=e(c,`Container`),u=new Set([`zero`,`4xs`,`3xs`,`2xs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`]),d=e=>u.has(e)?`var(--cx-space-${e})`:e;function f({children:e,className:t,component:n,columns:i,rows:o,gap:s,fill:c,style:l,...u},f){let p=n??`div`,m=a(c?`grid-fill`:`grid`,t),h={...l};return c?s!==void 0&&(h[`--cx-gap`]=d(s)):(i!==void 0&&(h[`--cx-grid-columns`]=i),o!==void 0&&(h[`--cx-grid-rows`]=o),s!==void 0&&(h[`--cx-grid-gap`]=d(s))),r.createElement(p,{className:m,style:h,...u,ref:f},e)}const p=e(f,`Grid`),m=({span:e,start:t},n)=>[typeof e==`number`?`${n}g-col-${e}`:null,typeof t==`number`?`${n}g-start-${t}`:null];function h({children:e,className:n,component:i,span:o,start:s,responsive:c,subgrid:l,rows:u,gap:f,style:p,...h},g){let _=i??`div`,v=a(t(m,{span:o,start:s},c),l&&`grid grid-cols-subgrid`,n),y={...p};return l&&(u!==void 0&&(y[`--cx-grid-rows`]=u),f!==void 0&&(y[`--cx-grid-gap`]=d(f))),r.createElement(_,{className:v,style:y,...h,ref:g},e)}const g=e(h,`GridItem`),_=({cols:e,gutter:t,gutterX:r,gutterY:i},a)=>[e?`${a}row-cols-${e}`:null,n(`g`,t,a),n(`gx`,r,a),n(`gy`,i,a)],v=i(({children:e,className:n,cols:i,gutter:o,gutterX:s,gutterY:c,responsive:l,...u},d)=>{let f=a(`row`,t(_,{cols:i,gutter:o,gutterX:s,gutterY:c},l),n);return r.createElement(`div`,{className:f,...u,ref:d},e)});v.displayName=`Row`;export{s as a,l as i,g as n,p as r,v as t};

package/dist/chunks/icon-mxYpL5nL.js

@@ -0,0 +1 @@
+import"./focus-ring-SR_LwaN7.js";import{i as e,n as t}from"./Icon-BIwkD-kx.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};

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

@@ -0,0 +1,69 @@
+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' | 'play' | 'pause';
+/**
+ * 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`,
+   * `play-solid`, `pause-solid`).
+   */
+  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 };

package/dist/chunks/iconSlot-BmWxJh27.js

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

package/dist/chunks/index--0_IpTDT.d.ts

@@ -0,0 +1,17 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as IconConfig } from "./iconConfig-Bu6Pt9o3.js";
+import "./Icon-CioraWLF.js";
+import React, { ReactNode } from "react";
+//#region src/components/icon/IconProvider.d.ts
+interface IconProviderProps extends IconConfig {
+  /**
+   * The part of the app these icon settings apply to.
+   */
+  children?: ReactNode;
+}
+declare const IconProvider: {
+  ({ children, className, component, font, fontPrefix, icons, sprite }: IconProviderProps): React.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { IconProviderProps as n, IconProvider as t };

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

@@ -0,0 +1,80 @@
+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 };

package/dist/chunks/index-8PhBSbNQ.d.ts

@@ -0,0 +1,93 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as ContextColor, t as Breakpoint } from "./types-CS_40Txv.js";
+import { n as Span } from "./breakpoints-SLMTNHF9.js";
+import { ComponentPropsWithoutRef, ElementType, ReactElement, ReactNode } from "react";
+//#region src/components/skeleton/Skeleton.d.ts
+type SkeletonOwnProps<C extends ElementType> = {
+  /**
+   * Adds `skeleton-{animation}` alongside the base `skeleton` class, so the element animates
+   * itself as well as any nested `<Skeleton>` children. Nest plain `<Skeleton>` children inside
+   * it for the glow pulse to reach them too, or apply `wave` to a container of one or more
+   * `<Skeleton>` children for a directional sweep across the whole group.
+   */
+  animation?: 'glow' | 'wave';
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Sets the color of the component to one of Chassis context colors.
+   */
+  color?: ContextColor;
+  /**
+   * Component used for the root node. Either a string to use an HTML element or a component —
+   * e.g. `Avatar` or `Button`. Its own props are type-checked at the call site once passed here.
+   *
+   * @default 'span'
+   */
+  component?: C;
+  /**
+   * Width of the skeleton, expressed as a column span (of 12), or `'auto'`/`true` for a
+   * natural-width skeleton. Unset by default, so the rendered element's own intrinsic width
+   * applies — set it explicitly (e.g. `span={12}`) for a full-width text line; leave it unset
+   * when `component` is something that sizes itself, like `Avatar` or `Button`.
+   *
+   * @type { 'auto' | number | string | boolean }
+   */
+  span?: Span;
+  /**
+   * Overrides `span` at a breakpoint and up.
+   *
+   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', 'auto' | number | string | boolean>> }
+   */
+  responsive?: Partial<Record<Breakpoint, Span>>;
+};
+type SkeletonProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, SkeletonOwnProps<C>>;
+type SkeletonComponent = (<C extends ElementType = 'span'>(props: SkeletonProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Skeleton: SkeletonComponent;
+//#endregion
+//#region src/components/skeleton/SkeletonLoader.d.ts
+type SkeletonLoaderOwnProps<C extends ElementType> = {
+  /**
+   * The real content, rendered unchanged (no wrapping element) once `loading` is `false`.
+   */
+  children: ReactNode;
+  /**
+   * Sets the color of the generated skeleton lines to one of Chassis context colors.
+   */
+  color?: ContextColor;
+  /**
+   * Component used for the generated skeleton(s) — e.g. `Avatar` or `Button` — for swapping
+   * non-text content, not just text runs. Its own props are type-checked at the call site once
+   * passed here, same as `Skeleton`'s own `component` prop.
+   *
+   * @default 'span'
+   */
+  component?: C;
+  /**
+   * Swaps `children` for one `<Skeleton>` per entry in `spans` while `true`.
+   */
+  loading: boolean;
+  /**
+   * One skeleton line per entry, using the same values as `Skeleton`'s `span` prop — e.g.
+   * `[12, 6]` for a full-width line followed by a half-width one. A single value (e.g. `6`) is
+   * shorthand for a single line, equivalent to `[6]`. Leave unset for a single skeleton sized by
+   * `component`'s own intrinsic width instead — e.g. an `Avatar`'s `size` prop. Rendered instead
+   * of `children` while `loading` is `true`; ignored once `loading` is `false`.
+   *
+   * @type { 'auto' | number | string | boolean | Array<'auto' | number | string | boolean> }
+   */
+  spans?: Span | Span[];
+};
+type SkeletonLoaderProps<C extends ElementType = 'span'> = SkeletonLoaderOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SkeletonLoaderOwnProps<C> | 'asChild'>;
+type SkeletonLoaderComponent = (<C extends ElementType = 'span'>(props: SkeletonLoaderProps<C>) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const SkeletonLoader: SkeletonLoaderComponent;
+//#endregion
+export { SkeletonProps as i, SkeletonLoaderProps as n, Skeleton as r, SkeletonLoader as t };

package/dist/chunks/index-B0-8n-Gs.d.ts

@@ -0,0 +1,105 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes, ReactNode } from "react";
+//#region src/components/otp-input/OtpInput.d.ts
+interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+  /**
+   * Identifies the element that describes the group, e.g. a `FormHelp` help element.
+   */
+  'aria-describedby'?: string;
+  /**
+   * An accessible label for the group, used when there's no visible `<label>`.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible `<label>` element for the group.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * The initial code (uncontrolled), e.g. `"123"` for a partially filled code.
+   */
+  defaultValue?: string;
+  /**
+   * Prevents input and makes every box non-interactive.
+   */
+  disabled?: boolean;
+  /**
+   * Splits the boxes into groups (e.g. `[3, 3]` for a "123-456" layout), rendering a
+   * `.form-otp-separator` between each group. The total number of boxes becomes the sum of
+   * `groupSizes`, overriding `length`.
+   */
+  groupSizes?: number[];
+  /**
+   * A description for the field, rendered below the boxes.
+   */
+  help?: ReactNode;
+  /**
+   * `id` forwarded to the group container.
+   */
+  id?: string;
+  /**
+   * Visually connects the boxes into a single bordered control. When `groupSizes` is set, each
+   * group is connected separately.
+   */
+  inputGroup?: boolean;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the boxes when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with the group via
+   * `aria-labelledby` (there's no single input to target with `htmlFor`).
+   */
+  label?: ReactNode;
+  /**
+   * Number of digit boxes. Ignored when `groupSizes` is set. Defaults to `6`.
+   */
+  length?: number;
+  /**
+   * Mask entered digits using `type="password"` boxes.
+   */
+  mask?: boolean;
+  /**
+   * `name` of an auto-created hidden input kept in sync with the code, for native form
+   * submission. Omit to skip creating it.
+   */
+  name?: string;
+  /**
+   * Callback fired whenever the code changes.
+   */
+  onChange?: (value: string) => void;
+  /**
+   * Callback fired once every box is filled.
+   */
+  onComplete?: (value: string) => void;
+  /**
+   * Content of the separator rendered between groups when `groupSizes` is set. Defaults to `–`.
+   */
+  separator?: ReactNode;
+  /**
+   * Size the boxes sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below the boxes when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The code (controlled), digits only, e.g. `"123456"`.
+   */
+  value?: string;
+}
+declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { OtpInputProps as n, OtpInput as t };

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

@@ -0,0 +1,95 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes, ReactNode } from "react";
+//#region src/components/chip-input/ChipInput.d.ts
+interface ChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+  /**
+   * An accessible label for the chip group, used when there's no visible `<label>`.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible `<label>` element for the chip group.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Allow the same value to be added more than once. Defaults to `false`.
+   */
+  allowDuplicates?: boolean;
+  /**
+   * Space-separated chassis-css chip modifier classes (e.g. `"primary smooth"`) applied to every
+   * chip. Defaults to `"default"`.
+   */
+  chipVariant?: string;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * The initial set of chip values (uncontrolled).
+   */
+  defaultValue?: string[];
+  /**
+   * Prevents new chips from being added and makes existing chips non-interactive.
+   */
+  disabled?: boolean;
+  /**
+   * A description for the field, rendered below the chips.
+   */
+  help?: ReactNode;
+  /**
+   * `id` forwarded to the text input — useful for pairing with a `<label for>`.
+   */
+  id?: string;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the chips when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with the text input.
+   */
+  label?: ReactNode;
+  /**
+   * Maximum number of chips allowed. Omit for no limit.
+   */
+  maxChips?: number;
+  /**
+   * `name` of an auto-created hidden input per chip, kept in sync with the values, for native
+   * form submission. Omit to skip creating them.
+   */
+  name?: string;
+  /**
+   * Callback fired whenever a chip is added or removed.
+   */
+  onChange?: (values: string[]) => void;
+  /**
+   * Placeholder shown in the input when empty.
+   */
+  placeholder?: string;
+  /**
+   * Character that creates a new chip when typed, or pasted text is split on. Set to `null` to
+   * disable. Defaults to `,`.
+   */
+  separator?: string | null;
+  /**
+   * 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 chips when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The set of chip values (controlled).
+   */
+  value?: string[];
+}
+declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ChipInputProps as n, ChipInput as t };

package/dist/chunks/index-BA-raEMm.d.ts

@@ -0,0 +1,28 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes } from "react";
+//#region src/components/collapse/Collapse.d.ts
+interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Set horizontal collapsing to transition the width instead of height.
+   */
+  horizontal?: boolean;
+  /**
+   * Callback fired when the component requests to be hidden.
+   */
+  onHide?: () => void;
+  /**
+   * Callback fired when the component requests to be shown.
+   */
+  onShow?: () => void;
+  /**
+   * Toggle the visibility of component.
+   */
+  visible?: boolean;
+}
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { CollapseProps as n, Collapse as t };