@vjdesigns/vjdesigns-ui 1.5.0 → 2.1.0

package/dist/components/forms/Combobox/Combobox.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useOverlayLayer.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../utils/refs.cjs.js"),i=require("../../../utils/cx.cjs.js"),ee=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),te=require("../../primitives/Icon/icons.cjs.js"),ne=require("../../data-display/Chip/Chip.cjs.js"),re=require("../Field/FieldContext.cjs.js"),a=require("./comboboxUtils.cjs.js"),o=require("./Combobox.module.css.cjs.js"),ie=require("./ComboboxPopup.cjs.js");let s=require("react"),c=require("react/jsx-runtime"),ae=require("react-dom");var oe={sm:o.default.sm,md:o.default.md,lg:o.default.lg},se={sm:`sm`,md:`sm`,lg:`md`};function l(e){return typeof e==`string`||typeof e==`number`?String(e):``}var ce=500,le=le=>{let u=n.useMessages().combobox,{options:d,renderOption:ue,multiple:f=!1,value:de,defaultValue:fe,onValueChange:pe,inputValue:me,defaultInputValue:he,onInputValueChange:ge,open:_e,defaultOpen:ve=!1,onOpenChange:ye,filter:be,loading:p=!1,loadingMessage:xe=u.loading,emptyMessage:m=u.empty,resultsMessage:Se=u.results,allowCustomValue:h=!1,onCreate:Ce,createLabel:we=u.create,clearable:Te=!1,clearLabel:Ee=u.clear,requiredMessage:De=u.required,clearOnEscape:Oe=!1,showSuggestionsLabel:ke=u.showSuggestions,hideSuggestionsLabel:Ae=u.hideSuggestions,selectedLabel:je=u.selected,autoHighlight:Me=!1,loop:Ne=!0,size:Pe,invalid:Fe,required:Ie,disabled:Le,readOnly:Re,name:g,placement:ze=`bottom-start`,maxHeight:Be,fullWidth:Ve=!0,container:He,inputClassName:Ue,className:We,style:Ge,id:Ke,ref:qe,placeholder:Je,onChange:Ye,onKeyDown:Xe,onBlur:Ze,"aria-describedby":Qe,"aria-label":_,"aria-labelledby":$e,...et}=le,v=re.useFieldContext(),y=re.useFieldControl({id:Ke,invalid:Fe,required:Ie,disabled:Le,readOnly:Re,size:Pe,"aria-describedby":Qe},{nativeRequired:!1}),b=y.size??`md`,x=!y.disabled&&!y.readOnly,tt=(0,s.useId)(),nt=y.id??`${tt}-input`,S=`${tt}-listbox`,C=(0,s.useRef)(null),w=(0,s.useRef)(null),T=(0,s.useRef)(null),rt=(0,s.useCallback)(e=>{C.current=e,r.assignRef(qe,e)},[qe]),E=(0,s.useRef)(new Map);for(let e of d)E.current.set(e.value,e);let D=e=>d.find(t=>t.value===e)??E.current.get(e),[O,k]=e.useControllableState({value:de,defaultValue:fe??(f?[]:null),onChange:pe}),A=f?Array.isArray(O)?O:[]:typeof O==`string`?[O]:[],j=!f&&typeof O==`string`?O:null,M=j===null?``:D(j)?.label??j,[N,P]=e.useControllableState({value:me,defaultValue:he??(f?``:M),onChange:ge}),it=A.length>0||h&&!f&&N.trim()!==``;(0,s.useEffect)(()=>{C.current?.setCustomValidity(y.required&&!it?De:``)},[y.required,it,De]);let[F,I]=e.useControllableState({value:_e,defaultValue:ve,onChange:ye}),at=F&&x,[L,R]=(0,s.useState)(!1),[z,B]=(0,s.useState)(null),ot=be===!1?null:be??a.defaultComboboxFilter,st=(e,t)=>{let n=[];d.forEach((t,r)=>{(!ot||ot(t,e))&&n.push({kind:`option`,key:t.value,option:t,id:`${S}-option-${r}`})});let r=N.trim();return Ce&&t&&r!==``&&!d.some(e=>a.normalizeText(e.label)===a.normalizeText(r))&&n.push({kind:`create`,key:a.CREATE_KEY,text:r,id:`${S}-create`}),a.orderItems(n)},V=f||L,H=st(V?N:``,V),U=z===null?-1:H.findIndex(e=>e.key===z);U>=0&&!a.isEnabled(H[U])&&(U=-1),U===-1&&Me&&V&&N.trim()!==``&&(U=a.findEnabled(H,-1,1,!0));let ct=m!=null&&m!==!1&&m!==``,W=at&&(H.length>0||p||ct),lt=W&&U>=0?H[U].id:void 0,[ut,G]=(0,s.useState)(``),dt=H.filter(e=>e.kind===`option`).length,ft=H.find(e=>e.kind===`create`),K=W?p?l(xe):dt>0?Se(dt):ft?.kind===`create`?l(we(ft.text)):l(m):``;(0,s.useEffect)(()=>{if(!K)return;let e=window.setTimeout(()=>G(K),ce);return()=>window.clearTimeout(e)},[K]),(0,s.useEffect)(()=>{W||G(``)},[W]);let q=(0,s.useRef)(me!==void 0&&!f&&M!==``?null:M);(0,s.useEffect)(()=>{f||q.current===M||(q.current=M,!(h&&M===``)&&(L||P(M)))},[f,M,L,h,P]);let J=e=>{(!e||x)&&(I(e),e||B(null))},pt=t.useOverlayLayer({active:W,elements:()=>[w,T],onEscape:()=>J(!1),onOutsidePress:()=>J(!1)}),Y=e=>{if(!x)return;let t=!f&&N===M,n=f||L&&!t;t&&R(!1);let r=st(n?N:``,n),i=-1;e===`first`?i=a.findEnabled(r,-1,1,!0):e===`last`?i=a.findEnabled(r,-1,-1,!0):e===`selected`&&(i=r.findIndex(e=>e.kind===`option`&&!e.option.disabled&&A.includes(e.option.value)),i<0&&(i=a.findEnabled(r,-1,1,!0))),B(i>=0?r[i].key:null),I(!0)},mt=e=>{let t=a.findEnabled(H,U,e,Ne);B(t>=0?H[t].key:null)},X=(e,t)=>{if(f){let n=A.includes(e);k(n?A.filter(t=>t!==e):[...A,e]),P(``),R(!1),B(e),G(n?u.optionRemoved(t):u.optionSelected(t));return}k(e),q.current=t,P(t),R(!1),J(!1)},ht=e=>{if(!a.isEnabled(e))return;if(e.kind===`option`){X(e.option.value,e.option.label);return}let t=Ce?.(e.text);if(typeof t==`string`){E.current.set(t,{value:t,label:e.text}),X(t,e.text);return}R(!1),f?P(``):J(!1)},gt=e=>{x&&(k(A.filter(t=>t!==e)),G(u.optionRemoved(D(e)?.label??e)))},Z=()=>{k(f?[]:null),q.current=``,P(``),R(!1),B(null)},_t=e=>{Ye?.(e),P(e.target.value),R(!0),B(null),F||J(!0)},vt=e=>{if(Xe?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing||y.disabled))switch(e.key){case`ArrowDown`:if(!x)return;e.preventDefault(),e.altKey?W||Y(`none`):W?mt(1):Y(f?`first`:`selected`);return;case`ArrowUp`:if(!x)return;e.preventDefault(),e.altKey?J(!1):W?mt(-1):Y(`last`);return;case`Enter`:if(!W){f&&h&&N.trim()&&x&&(e.preventDefault(),e.repeat||yt()),!f&&x&&(0,ae.flushSync)(bt);return}if(e.preventDefault(),e.repeat)return;U>=0?ht(H[U]):f&&h&&N.trim()?yt():(!f&&h&&N!==M&&j!==null&&k(null),J(!1));return;case`Escape`:if(W)return;if(F){e.preventDefault(),I(!1);return}if(!x)return;{let t=f?``:M;if(N!==t){e.preventDefault(),P(t),R(!1);return}Oe&&(j!==null||A.length>0)&&(e.preventDefault(),Z())}return;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:z!==null&&B(null);return;case`Backspace`:f&&x&&!e.repeat&&N===``&&A.length>0&&gt(A[A.length-1]);return;default:return}},yt=()=>{let e=N.trim(),t=d.find(t=>a.normalizeText(t.label)===a.normalizeText(e));if(A.includes(t?.value??e)){P(``);return}if(t){t.disabled||X(t.value,t.label);return}E.current.set(e,{value:e,label:e}),X(e,e)},bt=()=>{if(!(f||N===M)){if(N.trim()===``){j===null?N!==``&&P(``):Z();return}if(h){j!==null&&k(null);return}P(M)}},xt=e=>{Ze?.(e),J(!1),R(!1),bt()},St=(0,s.useRef)(()=>{});St.current=()=>{if(de!==void 0)return;let e=fe??(f?[]:null);k(e);let t=typeof e==`string`?D(e)?.label??e:``;P(he??(f?``:t)),J(!1),R(!1)},(0,s.useEffect)(()=>{let e=C.current?.form;if(!e)return;let t=()=>St.current();return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[]);let Ct=e=>{let t=C.current;if(!t||y.disabled)return;let n=e.target;w.current?.contains(n)&&(n===t||n.closest(`button, a`)||(e.preventDefault(),t.focus()))},wt=e=>{let t=e.target;w.current?.contains(t)&&!t.closest(`button, a`)&&(F||Y(`none`))},Tt=()=>{C.current?.focus(),W||F?J(!1):Y(`none`)},Et=()=>{Z(),G(u.cleared),C.current?.focus()},Q=e=>e.preventDefault(),Dt=Te&&x&&(A.length>0||N!==``),$=f&&A.length>0,Ot=$e??(_?void 0:v&&!v.isGroup?v.labelId:void 0),kt=g===void 0?null:f?A.map(e=>(0,c.jsx)(`input`,{type:`hidden`,name:g,value:e,disabled:y.disabled},e)):(0,c.jsx)(`input`,{type:`hidden`,name:g,value:j??(h?N:``),disabled:y.disabled});return(0,c.jsxs)(`div`,{ref:w,className:i.cx(o.default.root,oe[b],Ve&&o.default.fullWidth,f&&o.default.multiple,$&&o.default.hasChips,y.invalid&&o.default.invalid,y.disabled&&o.default.disabled,y.readOnly&&!y.disabled&&o.default.readOnly,We),style:Ge,"data-size":b,"data-state":W?`open`:`closed`,onMouseDown:Ct,onClick:wt,children:[$&&(0,c.jsx)(ne.ChipGroup,{"aria-label":je,size:se[b],tone:`primary`,variant:`soft`,disabled:y.disabled,focusFallback:C,className:o.default.chips,children:A.map(e=>{let t=D(e);return(0,c.jsx)(ne.Chip,{startIcon:t?.icon,onRemove:x?()=>gt(e):void 0,children:t?.label??e},e)})}),(0,c.jsx)(`input`,{autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,...et,ref:rt,id:nt,type:`text`,role:`combobox`,"aria-label":_,"aria-labelledby":$e,"aria-expanded":W,"aria-controls":S,"aria-autocomplete":`list`,"aria-activedescendant":lt,...y.ariaProps,placeholder:$?void 0:Je,value:N,disabled:y.disabled,readOnly:y.readOnly,className:i.cx(o.default.input,Ue),onChange:_t,onKeyDown:vt,onBlur:xt}),(0,c.jsxs)(`span`,{className:o.default.actions,children:[Dt&&(0,c.jsx)(`button`,{type:`button`,className:o.default.iconButton,"aria-label":Ee,onMouseDown:Q,onClick:Et,children:(0,c.jsx)(te.CloseIcon,{size:b===`lg`?`sm`:`xs`,strokeWidth:2.5})}),(0,c.jsx)(`button`,{type:`button`,tabIndex:-1,className:i.cx(o.default.iconButton,o.default.toggle),"aria-label":W?Ae:ke,disabled:!x,onMouseDown:Q,onClick:Tt,children:(0,c.jsx)(te.ChevronDownIcon,{size:b===`sm`?`sm`:`md`,className:o.default.chevron})})]}),kt,(0,c.jsx)(ee.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:ut}),W&&(0,c.jsx)(ie.ComboboxPopup,{anchorRef:w,positionerRef:T,layer:pt,listboxId:S,labelledBy:Ot,label:_,multiple:f,size:b,placement:ze,maxHeight:Be,items:H,highlightedIndex:U,isSelected:e=>A.includes(e),onHighlight:e=>B(H[e]?.key??null),onChoose:ht,renderOption:ue,createLabel:we,loading:p,loadingMessage:xe,emptyMessage:m,container:He})]})};exports.Combobox=le,exports.defaultComboboxFilter=a.defaultComboboxFilter;
+const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useOverlayLayer.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../utils/refs.cjs.js"),i=require("../../../utils/cx.cjs.js"),ee=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),te=require("../../primitives/Icon/icons.cjs.js"),ne=require("../Field/FieldContext.cjs.js"),re=require("../../data-display/Chip/Chip.cjs.js"),a=require("./comboboxUtils.cjs.js"),o=require("./Combobox.module.css.cjs.js"),ie=require("./ComboboxPopup.cjs.js");let s=require("react"),c=require("react/jsx-runtime"),ae=require("react-dom");var oe={sm:o.default.sm,md:o.default.md,lg:o.default.lg},se={sm:`sm`,md:`sm`,lg:`md`};function l(e){return typeof e==`string`||typeof e==`number`?String(e):``}var ce=500,le=le=>{let u=n.useMessages().combobox,{options:d,renderOption:ue,multiple:f=!1,value:de,defaultValue:fe,onValueChange:pe,inputValue:me,defaultInputValue:he,onInputValueChange:ge,open:_e,defaultOpen:ve=!1,onOpenChange:ye,filter:be,loading:p=!1,loadingMessage:xe=u.loading,emptyMessage:m=u.empty,resultsMessage:Se=u.results,allowCustomValue:h=!1,onCreate:Ce,createLabel:we=u.create,clearable:Te=!1,clearLabel:Ee=u.clear,requiredMessage:De=u.required,clearOnEscape:Oe=!1,showSuggestionsLabel:ke=u.showSuggestions,hideSuggestionsLabel:Ae=u.hideSuggestions,selectedLabel:je=u.selected,autoHighlight:Me=!1,loop:Ne=!0,size:Pe,invalid:Fe,required:Ie,disabled:Le,readOnly:Re,name:g,placement:ze=`bottom-start`,maxHeight:Be,fullWidth:Ve=!0,container:He,inputClassName:Ue,className:We,style:Ge,id:Ke,ref:qe,placeholder:Je,onChange:Ye,onKeyDown:Xe,onBlur:Ze,"aria-describedby":Qe,"aria-label":_,"aria-labelledby":$e,...et}=le,v=ne.useFieldContext(),y=ne.useFieldControl({id:Ke,invalid:Fe,required:Ie,disabled:Le,readOnly:Re,size:Pe,"aria-describedby":Qe},{nativeRequired:!1}),b=y.size??`md`,x=!y.disabled&&!y.readOnly,tt=(0,s.useId)(),nt=y.id??`${tt}-input`,S=`${tt}-listbox`,C=(0,s.useRef)(null),w=(0,s.useRef)(null),T=(0,s.useRef)(null),rt=(0,s.useCallback)(e=>{C.current=e,r.assignRef(qe,e)},[qe]),E=(0,s.useRef)(new Map);for(let e of d)E.current.set(e.value,e);let D=e=>d.find(t=>t.value===e)??E.current.get(e),[O,k]=e.useControllableState({value:de,defaultValue:fe??(f?[]:null),onChange:pe}),A=f?Array.isArray(O)?O:[]:typeof O==`string`?[O]:[],j=!f&&typeof O==`string`?O:null,M=j===null?``:D(j)?.label??j,[N,P]=e.useControllableState({value:me,defaultValue:he??(f?``:M),onChange:ge}),it=A.length>0||h&&!f&&N.trim()!==``;(0,s.useEffect)(()=>{C.current?.setCustomValidity(y.required&&!it?De:``)},[y.required,it,De]);let[F,I]=e.useControllableState({value:_e,defaultValue:ve,onChange:ye}),at=F&&x,[L,R]=(0,s.useState)(!1),[z,B]=(0,s.useState)(null),ot=be===!1?null:be??a.defaultComboboxFilter,st=(e,t)=>{let n=[];d.forEach((t,r)=>{(!ot||ot(t,e))&&n.push({kind:`option`,key:t.value,option:t,id:`${S}-option-${r}`})});let r=N.trim();return Ce&&t&&r!==``&&!d.some(e=>a.normalizeText(e.label)===a.normalizeText(r))&&n.push({kind:`create`,key:a.CREATE_KEY,text:r,id:`${S}-create`}),a.orderItems(n)},V=f||L,H=st(V?N:``,V),U=z===null?-1:H.findIndex(e=>e.key===z);U>=0&&!a.isEnabled(H[U])&&(U=-1),U===-1&&Me&&V&&N.trim()!==``&&(U=a.findEnabled(H,-1,1,!0));let ct=m!=null&&m!==!1&&m!==``,W=at&&(H.length>0||p||ct),lt=W&&U>=0?H[U].id:void 0,[ut,G]=(0,s.useState)(``),dt=H.filter(e=>e.kind===`option`).length,ft=H.find(e=>e.kind===`create`),K=W?p?l(xe):dt>0?Se(dt):ft?.kind===`create`?l(we(ft.text)):l(m):``;(0,s.useEffect)(()=>{if(!K)return;let e=window.setTimeout(()=>G(K),ce);return()=>window.clearTimeout(e)},[K]),(0,s.useEffect)(()=>{W||G(``)},[W]);let q=(0,s.useRef)(me!==void 0&&!f&&M!==``?null:M);(0,s.useEffect)(()=>{f||q.current===M||(q.current=M,!(h&&M===``)&&(L||P(M)))},[f,M,L,h,P]);let J=e=>{(!e||x)&&(I(e),e||B(null))},pt=t.useOverlayLayer({active:W,elements:()=>[w,T],onEscape:()=>J(!1),onOutsidePress:()=>J(!1)}),Y=e=>{if(!x)return;let t=!f&&N===M,n=f||L&&!t;t&&R(!1);let r=st(n?N:``,n),i=-1;e===`first`?i=a.findEnabled(r,-1,1,!0):e===`last`?i=a.findEnabled(r,-1,-1,!0):e===`selected`&&(i=r.findIndex(e=>e.kind===`option`&&!e.option.disabled&&A.includes(e.option.value)),i<0&&(i=a.findEnabled(r,-1,1,!0))),B(i>=0?r[i].key:null),I(!0)},mt=e=>{let t=a.findEnabled(H,U,e,Ne);B(t>=0?H[t].key:null)},X=(e,t)=>{if(f){let n=A.includes(e);k(n?A.filter(t=>t!==e):[...A,e]),P(``),R(!1),B(e),G(n?u.optionRemoved(t):u.optionSelected(t));return}k(e),q.current=t,P(t),R(!1),J(!1)},ht=e=>{if(!a.isEnabled(e))return;if(e.kind===`option`){X(e.option.value,e.option.label);return}let t=Ce?.(e.text);if(typeof t==`string`){E.current.set(t,{value:t,label:e.text}),X(t,e.text);return}R(!1),f?P(``):J(!1)},gt=e=>{x&&(k(A.filter(t=>t!==e)),G(u.optionRemoved(D(e)?.label??e)))},Z=()=>{k(f?[]:null),q.current=``,P(``),R(!1),B(null)},_t=e=>{Ye?.(e),P(e.target.value),R(!0),B(null),F||J(!0)},vt=e=>{if(Xe?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing||y.disabled))switch(e.key){case`ArrowDown`:if(!x)return;e.preventDefault(),e.altKey?W||Y(`none`):W?mt(1):Y(f?`first`:`selected`);return;case`ArrowUp`:if(!x)return;e.preventDefault(),e.altKey?J(!1):W?mt(-1):Y(`last`);return;case`Enter`:if(!W){f&&h&&N.trim()&&x&&(e.preventDefault(),e.repeat||yt()),!f&&x&&(0,ae.flushSync)(bt);return}if(e.preventDefault(),e.repeat)return;U>=0?ht(H[U]):f&&h&&N.trim()?yt():(!f&&h&&N!==M&&j!==null&&k(null),J(!1));return;case`Escape`:if(W)return;if(F){e.preventDefault(),I(!1);return}if(!x)return;{let t=f?``:M;if(N!==t){e.preventDefault(),P(t),R(!1);return}Oe&&(j!==null||A.length>0)&&(e.preventDefault(),Z())}return;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:z!==null&&B(null);return;case`Backspace`:f&&x&&!e.repeat&&N===``&&A.length>0&&gt(A[A.length-1]);return;default:return}},yt=()=>{let e=N.trim(),t=d.find(t=>a.normalizeText(t.label)===a.normalizeText(e));if(A.includes(t?.value??e)){P(``);return}if(t){t.disabled||X(t.value,t.label);return}E.current.set(e,{value:e,label:e}),X(e,e)},bt=()=>{if(!(f||N===M)){if(N.trim()===``){j===null?N!==``&&P(``):Z();return}if(h){j!==null&&k(null);return}P(M)}},xt=e=>{Ze?.(e),J(!1),R(!1),bt()},St=(0,s.useRef)(()=>{});St.current=()=>{if(de!==void 0)return;let e=fe??(f?[]:null);k(e);let t=typeof e==`string`?D(e)?.label??e:``;P(he??(f?``:t)),J(!1),R(!1)},(0,s.useEffect)(()=>{let e=C.current?.form;if(!e)return;let t=()=>St.current();return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[]);let Ct=e=>{let t=C.current;if(!t||y.disabled)return;let n=e.target;w.current?.contains(n)&&(n===t||n.closest(`button, a`)||(e.preventDefault(),t.focus()))},wt=e=>{let t=e.target;w.current?.contains(t)&&!t.closest(`button, a`)&&(F||Y(`none`))},Tt=()=>{C.current?.focus(),W||F?J(!1):Y(`none`)},Et=()=>{Z(),G(u.cleared),C.current?.focus()},Q=e=>e.preventDefault(),Dt=Te&&x&&(A.length>0||N!==``),$=f&&A.length>0,Ot=$e??(_?void 0:v&&!v.isGroup?v.labelId:void 0),kt=g===void 0?null:f?A.map(e=>(0,c.jsx)(`input`,{type:`hidden`,name:g,value:e,disabled:y.disabled},e)):(0,c.jsx)(`input`,{type:`hidden`,name:g,value:j??(h?N:``),disabled:y.disabled});return(0,c.jsxs)(`div`,{ref:w,className:i.cx(o.default.root,oe[b],Ve&&o.default.fullWidth,f&&o.default.multiple,$&&o.default.hasChips,y.invalid&&o.default.invalid,y.disabled&&o.default.disabled,y.readOnly&&!y.disabled&&o.default.readOnly,We),style:Ge,"data-size":b,"data-state":W?`open`:`closed`,onMouseDown:Ct,onClick:wt,children:[$&&(0,c.jsx)(re.ChipGroup,{"aria-label":je,size:se[b],tone:`primary`,variant:`soft`,disabled:y.disabled,focusFallback:C,className:o.default.chips,children:A.map(e=>{let t=D(e);return(0,c.jsx)(re.Chip,{startIcon:t?.icon,onRemove:x?()=>gt(e):void 0,children:t?.label??e},e)})}),(0,c.jsx)(`input`,{autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,...et,ref:rt,id:nt,type:`text`,role:`combobox`,"aria-label":_,"aria-labelledby":$e,"aria-expanded":W,"aria-controls":S,"aria-autocomplete":`list`,"aria-activedescendant":lt,...y.ariaProps,placeholder:$?void 0:Je,value:N,disabled:y.disabled,readOnly:y.readOnly,className:i.cx(o.default.input,Ue),onChange:_t,onKeyDown:vt,onBlur:xt}),(0,c.jsxs)(`span`,{className:o.default.actions,children:[Dt&&(0,c.jsx)(`button`,{type:`button`,className:o.default.iconButton,"aria-label":Ee,onMouseDown:Q,onClick:Et,children:(0,c.jsx)(te.CloseIcon,{size:b===`lg`?`sm`:`xs`,strokeWidth:2.5})}),(0,c.jsx)(`button`,{type:`button`,tabIndex:-1,className:i.cx(o.default.iconButton,o.default.toggle),"aria-label":W?Ae:ke,disabled:!x,onMouseDown:Q,onClick:Tt,children:(0,c.jsx)(te.ChevronDownIcon,{size:b===`sm`?`sm`:`md`,className:o.default.chevron})})]}),kt,(0,c.jsx)(ee.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:ut}),W&&(0,c.jsx)(ie.ComboboxPopup,{anchorRef:w,positionerRef:T,layer:pt,listboxId:S,labelledBy:Ot,label:_,multiple:f,size:b,placement:ze,maxHeight:Be,items:H,highlightedIndex:U,isSelected:e=>A.includes(e),onHighlight:e=>B(H[e]?.key??null),onChoose:ht,renderOption:ue,createLabel:we,loading:p,loadingMessage:xe,emptyMessage:m,container:He})]})};exports.Combobox=le,exports.defaultComboboxFilter=a.defaultComboboxFilter;

package/dist/components/forms/Combobox/Combobox.mjs

@@ -5,8 +5,8 @@ import { assignRef as r } from "../../../utils/refs.mjs";
 import { cx as i } from "../../../utils/cx.mjs";
 import { VisuallyHidden as ee } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
 import { ChevronDownIcon as te, CloseIcon as ne } from "../../primitives/Icon/icons.mjs";
-import { Chip as re, ChipGroup as ie } from "../../data-display/Chip/Chip.mjs";
-import { useFieldContext as ae, useFieldControl as oe } from "../Field/FieldContext.mjs";
+import { useFieldContext as re, useFieldControl as ie } from "../Field/FieldContext.mjs";
+import { Chip as ae, ChipGroup as oe } from "../../data-display/Chip/Chip.mjs";
 import { CREATE_KEY as se, defaultComboboxFilter as ce, findEnabled as a, isEnabled as le, normalizeText as o, orderItems as ue } from "./comboboxUtils.mjs";
 import s from "./Combobox.module.css.mjs";
 import { ComboboxPopup as de } from "./ComboboxPopup.mjs";
@@ -27,7 +27,7 @@ function f(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
 var ve = 500, ye = (ye) => {
-	let p = n().combobox, { options: m, renderOption: be, multiple: h = !1, value: xe, defaultValue: Se, onValueChange: Ce, inputValue: we, defaultInputValue: Te, onInputValueChange: Ee, open: De, defaultOpen: Oe = !1, onOpenChange: ke, filter: Ae, loading: g = !1, loadingMessage: je = p.loading, emptyMessage: _ = p.empty, resultsMessage: Me = p.results, allowCustomValue: v = !1, onCreate: Ne, createLabel: Pe = p.create, clearable: Fe = !1, clearLabel: Ie = p.clear, requiredMessage: Le = p.required, clearOnEscape: Re = !1, showSuggestionsLabel: ze = p.showSuggestions, hideSuggestionsLabel: Be = p.hideSuggestions, selectedLabel: Ve = p.selected, autoHighlight: He = !1, loop: Ue = !0, size: We, invalid: Ge, required: Ke, disabled: qe, readOnly: Je, name: y, placement: Ye = "bottom-start", maxHeight: Xe, fullWidth: Ze = !0, container: Qe, inputClassName: $e, className: et, style: tt, id: nt, ref: rt, placeholder: it, onChange: at, onKeyDown: ot, onBlur: st, "aria-describedby": ct, "aria-label": b, "aria-labelledby": lt, ...ut } = ye, x = ae(), S = oe({
+	let p = n().combobox, { options: m, renderOption: be, multiple: h = !1, value: xe, defaultValue: Se, onValueChange: Ce, inputValue: we, defaultInputValue: Te, onInputValueChange: Ee, open: De, defaultOpen: Oe = !1, onOpenChange: ke, filter: Ae, loading: g = !1, loadingMessage: je = p.loading, emptyMessage: _ = p.empty, resultsMessage: Me = p.results, allowCustomValue: v = !1, onCreate: Ne, createLabel: Pe = p.create, clearable: Fe = !1, clearLabel: Ie = p.clear, requiredMessage: Le = p.required, clearOnEscape: Re = !1, showSuggestionsLabel: ze = p.showSuggestions, hideSuggestionsLabel: Be = p.hideSuggestions, selectedLabel: Ve = p.selected, autoHighlight: He = !1, loop: Ue = !0, size: We, invalid: Ge, required: Ke, disabled: qe, readOnly: Je, name: y, placement: Ye = "bottom-start", maxHeight: Xe, fullWidth: Ze = !0, container: Qe, inputClassName: $e, className: et, style: tt, id: nt, ref: rt, placeholder: it, onChange: at, onKeyDown: ot, onBlur: st, "aria-describedby": ct, "aria-label": b, "aria-labelledby": lt, ...ut } = ye, x = re(), S = ie({
 		id: nt,
 		invalid: Ge,
 		required: Ke,
@@ -258,7 +258,7 @@ var ve = 500, ye = (ye) => {
 		onMouseDown: Pt,
 		onClick: Ft,
 		children: [
-			Bt && /* @__PURE__ */ d(ie, {
+			Bt && /* @__PURE__ */ d(oe, {
 				"aria-label": Ve,
 				size: _e[C],
 				tone: "primary",
@@ -268,7 +268,7 @@ var ve = 500, ye = (ye) => {
 				className: s.chips,
 				children: M.map((e) => {
 					let t = k(e);
-					return /* @__PURE__ */ d(re, {
+					return /* @__PURE__ */ d(ae, {
 						startIcon: t?.icon,
 						onRemove: w ? () => Dt(e) : void 0,
 						children: t?.label ?? e

package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.cjs.js

@@ -1 +1 @@
-var e=`_root_14h9u_11`,t=`_fullWidth_14h9u_23`,n=`_fields_14h9u_33`,r=`_part_14h9u_47`,i=`_datePart_14h9u_63`,a=`_timePart_14h9u_71`,o=`_partLabel_14h9u_81`,s={root:e,fullWidth:t,fields:n,part:r,datePart:i,timePart:a,partLabel:o};exports.datePart=i,exports.default=s,exports.fields=n,exports.fullWidth=t,exports.part=r,exports.partLabel=o,exports.root=e,exports.timePart=a;
+var e=`_root_tmjqy_6`,t=`_fullWidth_tmjqy_12`,n=`_fields_tmjqy_17`,r=`_part_tmjqy_24`,i=`_datePart_tmjqy_32`,a=`_timePart_tmjqy_36`,o=`_partLabel_tmjqy_41`,s={root:e,fullWidth:t,fields:n,part:r,datePart:i,timePart:a,partLabel:o};exports.datePart=i,exports.default=s,exports.fields=n,exports.fullWidth=t,exports.part=r,exports.partLabel=o,exports.root=e,exports.timePart=a;

package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.mjs

@@ -1,5 +1,5 @@
 //#region src/components/forms/DateTimePicker/DateTimePicker.module.css
-var e = "_root_14h9u_11", t = "_fullWidth_14h9u_23", n = "_fields_14h9u_33", r = "_part_14h9u_47", i = "_datePart_14h9u_63", a = "_timePart_14h9u_71", o = "_partLabel_14h9u_81", s = {
+var e = "_root_tmjqy_6", t = "_fullWidth_tmjqy_12", n = "_fields_tmjqy_17", r = "_part_tmjqy_24", i = "_datePart_tmjqy_32", a = "_timePart_tmjqy_36", o = "_partLabel_tmjqy_41", s = {
 	root: e,
 	fullWidth: t,
 	fields: n,

package/dist/components/forms/Rating/Rating.module.css.cjs.js

@@ -1 +1 @@
-var e=`_sm_hl1w6_37`,t=`_md_hl1w6_45`,n=`_lg_hl1w6_53`,r=`_displaySm_hl1w6_65`,i=`_displayMd_hl1w6_73`,a=`_displayLg_hl1w6_81`,o=`_toneNeutral_hl1w6_93`,s=`_tonePrimary_hl1w6_99`,c=`_toneAccent_hl1w6_105`,l=`_toneSuccess_hl1w6_111`,u=`_toneWarning_hl1w6_117`,d=`_toneDanger_hl1w6_123`,f=`_toneInfo_hl1w6_129`,p=`_icon_hl1w6_145`,m=`_empty_hl1w6_163`,h=`_filled_hl1w6_165`,g=`_display_hl1w6_65`,_=`_icons_hl1w6_251`,v=`_displayCell_hl1w6_269`,y=`_valueText_hl1w6_277`,b=`_count_hl1w6_297`,x=`_rating_hl1w6_317`,S=`_header_hl1w6_345`,C=`_label_hl1w6_357`,w=`_requiredMark_hl1w6_373`,T=`_description_hl1w6_381`,E=`_row_hl1w6_393`,D=`_cell_hl1w6_413`,O=`_zeroCell_hl1w6_445`,k=`_zeroMark_hl1w6_455`,A=`_input_hl1w6_487`,j=`_pop_hl1w6_1`,M=`_hit_hl1w6_529`,N=`_whole_hl1w6_539`,P=`_start_hl1w6_545`,F=`_end_hl1w6_553`,I=`_focusBox_hl1w6_587`,L={sm:e,md:t,lg:n,displaySm:r,displayMd:i,displayLg:a,toneNeutral:o,tonePrimary:s,toneAccent:c,toneSuccess:l,toneWarning:u,toneDanger:d,toneInfo:f,icon:p,empty:m,filled:h,display:g,icons:_,displayCell:v,valueText:y,count:b,rating:x,header:S,label:C,requiredMark:w,description:T,row:E,cell:D,zeroCell:O,zeroMark:k,input:A,pop:j,hit:M,whole:N,start:P,end:F,focusBox:I};exports.cell=D,exports.count=b,exports.default=L,exports.description=T,exports.display=g,exports.displayCell=v,exports.displayLg=a,exports.displayMd=i,exports.displaySm=r,exports.empty=m,exports.end=F,exports.filled=h,exports.focusBox=I,exports.header=S,exports.hit=M,exports.icon=p,exports.icons=_,exports.input=A,exports.label=C,exports.lg=n,exports.md=t,exports.pop=j,exports.rating=x,exports.requiredMark=w,exports.row=E,exports.sm=e,exports.start=P,exports.toneAccent=c,exports.toneDanger=d,exports.toneInfo=f,exports.toneNeutral=o,exports.tonePrimary=s,exports.toneSuccess=l,exports.toneWarning=u,exports.valueText=y,exports.whole=N,exports.zeroCell=O,exports.zeroMark=k;
+var e=`_sm_ot4i7_19`,t=`_md_ot4i7_23`,n=`_lg_ot4i7_27`,r=`_displaySm_ot4i7_33`,i=`_displayMd_ot4i7_37`,a=`_displayLg_ot4i7_41`,o=`_toneNeutral_ot4i7_47`,s=`_tonePrimary_ot4i7_50`,c=`_toneAccent_ot4i7_53`,l=`_toneSuccess_ot4i7_56`,u=`_toneWarning_ot4i7_59`,d=`_toneDanger_ot4i7_62`,f=`_toneInfo_ot4i7_65`,p=`_icon_ot4i7_73`,m=`_empty_ot4i7_82`,h=`_filled_ot4i7_83`,g=`_display_ot4i7_33`,_=`_icons_ot4i7_126`,v=`_displayCell_ot4i7_135`,y=`_valueText_ot4i7_139`,b=`_count_ot4i7_149`,x=`_rating_ot4i7_159`,S=`_header_ot4i7_173`,C=`_label_ot4i7_179`,w=`_requiredMark_ot4i7_187`,T=`_description_ot4i7_191`,E=`_row_ot4i7_197`,D=`_cell_ot4i7_207`,O=`_zeroCell_ot4i7_223`,k=`_zeroMark_ot4i7_228`,A=`_input_ot4i7_244`,j=`_pop_ot4i7_1`,M=`_hit_ot4i7_265`,N=`_whole_ot4i7_270`,P=`_start_ot4i7_273`,F=`_end_ot4i7_277`,I=`_focusBox_ot4i7_294`,L={sm:e,md:t,lg:n,displaySm:r,displayMd:i,displayLg:a,toneNeutral:o,tonePrimary:s,toneAccent:c,toneSuccess:l,toneWarning:u,toneDanger:d,toneInfo:f,icon:p,empty:m,filled:h,display:g,icons:_,displayCell:v,valueText:y,count:b,rating:x,header:S,label:C,requiredMark:w,description:T,row:E,cell:D,zeroCell:O,zeroMark:k,input:A,pop:j,hit:M,whole:N,start:P,end:F,focusBox:I};exports.cell=D,exports.count=b,exports.default=L,exports.description=T,exports.display=g,exports.displayCell=v,exports.displayLg=a,exports.displayMd=i,exports.displaySm=r,exports.empty=m,exports.end=F,exports.filled=h,exports.focusBox=I,exports.header=S,exports.hit=M,exports.icon=p,exports.icons=_,exports.input=A,exports.label=C,exports.lg=n,exports.md=t,exports.pop=j,exports.rating=x,exports.requiredMark=w,exports.row=E,exports.sm=e,exports.start=P,exports.toneAccent=c,exports.toneDanger=d,exports.toneInfo=f,exports.toneNeutral=o,exports.tonePrimary=s,exports.toneSuccess=l,exports.toneWarning=u,exports.valueText=y,exports.whole=N,exports.zeroCell=O,exports.zeroMark=k;

package/dist/components/forms/Rating/Rating.module.css.mjs

@@ -1,5 +1,5 @@
 //#region src/components/forms/Rating/Rating.module.css
-var e = "_sm_hl1w6_37", t = "_md_hl1w6_45", n = "_lg_hl1w6_53", r = "_displaySm_hl1w6_65", i = "_displayMd_hl1w6_73", a = "_displayLg_hl1w6_81", o = "_toneNeutral_hl1w6_93", s = "_tonePrimary_hl1w6_99", c = "_toneAccent_hl1w6_105", l = "_toneSuccess_hl1w6_111", u = "_toneWarning_hl1w6_117", d = "_toneDanger_hl1w6_123", f = "_toneInfo_hl1w6_129", p = "_icon_hl1w6_145", m = "_empty_hl1w6_163", h = "_filled_hl1w6_165", g = "_display_hl1w6_65", _ = "_icons_hl1w6_251", v = "_displayCell_hl1w6_269", y = "_valueText_hl1w6_277", b = "_count_hl1w6_297", x = "_rating_hl1w6_317", S = "_header_hl1w6_345", C = "_label_hl1w6_357", w = "_requiredMark_hl1w6_373", T = "_description_hl1w6_381", E = "_row_hl1w6_393", D = "_cell_hl1w6_413", O = "_zeroCell_hl1w6_445", k = "_zeroMark_hl1w6_455", A = "_input_hl1w6_487", j = "_pop_hl1w6_1", M = "_hit_hl1w6_529", N = "_whole_hl1w6_539", P = "_start_hl1w6_545", F = "_end_hl1w6_553", I = "_focusBox_hl1w6_587", L = {
+var e = "_sm_ot4i7_19", t = "_md_ot4i7_23", n = "_lg_ot4i7_27", r = "_displaySm_ot4i7_33", i = "_displayMd_ot4i7_37", a = "_displayLg_ot4i7_41", o = "_toneNeutral_ot4i7_47", s = "_tonePrimary_ot4i7_50", c = "_toneAccent_ot4i7_53", l = "_toneSuccess_ot4i7_56", u = "_toneWarning_ot4i7_59", d = "_toneDanger_ot4i7_62", f = "_toneInfo_ot4i7_65", p = "_icon_ot4i7_73", m = "_empty_ot4i7_82", h = "_filled_ot4i7_83", g = "_display_ot4i7_33", _ = "_icons_ot4i7_126", v = "_displayCell_ot4i7_135", y = "_valueText_ot4i7_139", b = "_count_ot4i7_149", x = "_rating_ot4i7_159", S = "_header_ot4i7_173", C = "_label_ot4i7_179", w = "_requiredMark_ot4i7_187", T = "_description_ot4i7_191", E = "_row_ot4i7_197", D = "_cell_ot4i7_207", O = "_zeroCell_ot4i7_223", k = "_zeroMark_ot4i7_228", A = "_input_ot4i7_244", j = "_pop_ot4i7_1", M = "_hit_ot4i7_265", N = "_whole_ot4i7_270", P = "_start_ot4i7_273", F = "_end_ot4i7_277", I = "_focusBox_ot4i7_294", L = {
 	sm: e,
 	md: t,
 	lg: n,

package/dist/components/forms/TagInput/TagInput.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../../data-display/Chip/Chip.cjs.js"),s=require("../Field/FieldContext.cjs.js"),c=require("./TagInput.module.css.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var ee={sm:`sm`,md:`md`,lg:`lg`},te={sm:c.default.sm,md:c.default.md,lg:c.default.lg},d=e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);function f(e,t){return{",":t.comma,";":t.semicolon," ":t.space,"|":t.pipe,"	":t.tab}[e]??t.other(e)}function ne(e,t,n,r){let i=[n.keys.enter,...t?[n.keys.tab]:[],...e.map(e=>f(e,n.keys))],a=Intl.ListFormat,o=a?new a(r,{type:`disjunction`}).format(i):i.join(`, `);return n.instructions(o)}var p=({value:f,defaultValue:p,onValueChange:re,inputValue:ie,defaultInputValue:m,onInputValueChange:ae,delimiters:h=[`,`],addOnTab:g=!1,addOnBlur:oe=!1,allowDuplicates:se=!1,maxTags:_,validate:ce,transform:le,size:ue,disabled:de,readOnly:fe,invalid:pe,required:me,placeholder:he,name:ge,chipVariant:_e,chipTone:ve,removeLabel:ye,tagListLabel:be,instructions:xe,messages:Se,className:Ce,inputClassName:we,style:Te,ref:v,id:Ee,onChange:De,onKeyDown:Oe,onPaste:ke,onBlur:Ae,form:y,"aria-describedby":je,"aria-labelledby":b,...x})=>{let{messages:S,locale:Me}=t.useLocale(),Ne=ye??S.tagInput.remove,C={...S.tagInput,...Se},w=(0,l.useId)(),T=`${w}-instructions`,E=`${w}-error`,D=`${w}-max`,O=s.useFieldContext(),[k,A]=e.useControllableState({value:f,defaultValue:p??[],onChange:re}),[j,M]=e.useControllableState({value:ie,defaultValue:m??``,onChange:ae}),[N,P]=(0,l.useState)(null),[Pe,F]=(0,l.useState)(null),[I,L]=(0,l.useState)(null),[R,Fe]=(0,l.useState)({text:``,n:0}),z=_!==void 0&&k.length>=_,Ie=[je,T,z?D:void 0,N?E:void 0].filter(Boolean).join(` `)||void 0,B=s.useFieldControl({id:Ee,invalid:pe,required:me,disabled:de,readOnly:fe,size:ue,"aria-describedby":Ie},{nativeRequired:!1}),V=B.size??`md`,Le=B.invalid||N!==null,H=!B.disabled&&!B.readOnly,U=(0,l.useRef)(null),W=(0,l.useRef)(null),Re=(0,l.useRef)([]),G=(0,l.useRef)(null),K=(0,l.useRef)(void 0),ze=(0,l.useCallback)(e=>{U.current=e,n.assignRef(v,e)},[v]);(0,l.useEffect)(()=>()=>window.clearTimeout(K.current),[]);let Be=e=>{e&&Fe(t=>({text:e,n:t.n+1}))},[Ve,He]=(0,l.useState)(0),q=()=>U.current?.focus(),J=e=>{let t=Re.current[e]?.querySelector(`button:not(:disabled)`);return t?(t.focus(),!0):!1};(0,l.useLayoutEffect)(()=>{let e=G.current;e!==null&&(G.current=null,!(e<k.length&&J(e))&&q())}),(0,l.useEffect)(()=>{let e=U.current;e&&e.setCustomValidity(B.required&&k.length===0?C.required:``)});let Ue=(0,l.useRef)(p??[]),We=(0,l.useRef)(m??``);(0,l.useEffect)(()=>{let e=U.current?.form??W.current?.closest(`form`);if(!e)return;let t=()=>{A(Ue.current),M(We.current),P(null)};return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[A,M]);let Y=h.length>0?new RegExp(h.map(d).join(`|`)):null,Ge=new RegExp([...h.map(d),`\\r?\\n`,`\\t`].join(`|`)),X=e=>{let t=[...k],n=[],r=[],i=[],a=null,o=!1;for(let s of e){let e=s.trim();if(!e)continue;let c=(le?le(e):e).trim();if(c){if(_!==void 0&&t.length>=_){o=!0;continue}if(!se&&t.includes(c)){r.push(c);continue}if(ce){let t=ce(c);if(t!==!0){a??=typeof t==`string`&&t?t:C.invalid(c),i.push(e);continue}}t.push(c),n.push(c)}}n.length>0&&A(t),P(a),r.length>0&&(window.clearTimeout(K.current),F(r[0]),L(C.duplicate(r[0])),K.current=window.setTimeout(()=>F(null),1200));let s=_!==void 0&&t.length>=_&&n.length>0,c=[n.length>0?C.added(n):null,...r.map(C.duplicate),a,o||s?C.maxReached(_):null].filter(Boolean);return Be(c.join(`. `)),{rejected:i,added:n.length>0}},Ke=e=>{let t=k[e];t!==void 0&&H&&(G.current=e,A(k.filter((t,n)=>n!==e)),P(null),Be(C.removed(t)))},Z=(e,t=``)=>{let n=h[0],r=n===void 0||n.trim()===``?` `:`${n} `;return[...e,t].filter(Boolean).join(r)},Q=()=>{let e=X([j]);return M(e.rejected.length>0?j:``),e},qe=e=>{De?.(e),I&&L(null);let t=e.target.value;if(Y&&Y.test(t)){let e=t.split(Y),n=e.pop()??``,r=X(e);M(Z(r.rejected,n));return}N&&P(null),M(t)},Je=e=>{if(ke?.(e),e.defaultPrevented)return;let t=e.clipboardData.getData(`text`);if(!Ge.test(t))return;e.preventDefault();let n=e.currentTarget,r=n.selectionStart??j.length,i=n.selectionEnd??j.length,a=j.slice(0,r)+t+j.slice(i),o=X(a.split(Ge));M(Z(o.rejected))},Ye=()=>W.current?getComputedStyle(W.current).direction===`rtl`:!1,Xe=e=>{if(Oe?.(e),e.defaultPrevented||e.nativeEvent.isComposing)return;let t=e.currentTarget,n=t.selectionStart===0&&t.selectionEnd===0,r=Ye()?`ArrowRight`:`ArrowLeft`;switch(e.key){case`Enter`:if(e.repeat){e.preventDefault();return}if(!j.trim())return;e.preventDefault(),Q();return;case`Tab`:{if(!g||e.shiftKey||!j.trim())return;let t=Q();t.added&&t.rejected.length===0&&e.preventDefault();return}case`Backspace`:if(e.repeat||j!==``||k.length===0)return;J(k.length-1)&&e.preventDefault();return;case r:if(!n||k.length===0||e.shiftKey)return;J(k.length-1)&&e.preventDefault();return;default:return}},Ze=e=>{Ae?.(e),oe&&j.trim()&&Q()},Qe=(e,t)=>{let n=Ye(),r=n?`ArrowRight`:`ArrowLeft`,i=n?`ArrowLeft`:`ArrowRight`,a=!0;switch(e.key){case r:t>0&&J(t-1);break;case i:t<k.length-1&&J(t+1)||q();break;case`Home`:J(0);break;case`End`:q();break;default:a=!1}a&&e.preventDefault()},$e=e=>{let t=U.current;if(!t||B.disabled)return;let n=e.target;n===t||n.closest(`button, a, input, [tabindex]`)||(e.preventDefault(),t.focus())},$=be===void 0?b??(O&&!O.isGroup?O.labelId:void 0):void 0,et=be??($?void 0:S.tagInput.list),tt=xe??ne(h,g,S.tagInput,Me),nt=k.length===0&&!z;return(0,u.jsxs)(`div`,{ref:W,className:r.cx(c.default.root,Ce),style:Te,"data-size":V,children:[(0,u.jsxs)(`div`,{className:r.cx(c.default.box,te[V],k.length>0&&c.default.hasTags,Le&&c.default.invalid,B.disabled&&c.default.disabled,B.readOnly&&!B.disabled&&c.default.readOnly),onPointerDown:$e,children:[k.length>0&&(0,u.jsx)(`ul`,{className:c.default.list,"aria-labelledby":$,"aria-label":et,"aria-describedby":B.readOnly?B.ariaProps[`aria-describedby`]:void 0,children:k.map((e,t)=>(0,u.jsx)(`li`,{ref:e=>{Re.current[t]=e},className:c.default.item,"data-highlighted":Pe===e||void 0,onKeyDown:e=>Qe(e,t),onFocus:()=>He(t),children:(0,u.jsx)(o.Chip,{size:ee[V],variant:_e,tone:ve,disabled:B.disabled,onRemove:H?()=>Ke(t):void 0,removeLabel:H?Ne(e):void 0,removeTabIndex:t===Math.min(Ve,k.length-1)?0:-1,children:e})},`${e}-${t}`))}),B.readOnly&&!B.disabled?k.length===0&&(0,u.jsx)(`span`,{className:c.default.empty,children:C.empty}):(0,u.jsx)(`input`,{...x,ref:ze,id:B.id,type:`text`,form:y,value:j,placeholder:nt?he:void 0,disabled:B.disabled,readOnly:z,autoComplete:x.autoComplete??`off`,...B.ariaProps,"aria-labelledby":b,"aria-invalid":Le||void 0,"aria-errormessage":N?E:B.ariaProps[`aria-errormessage`],className:r.cx(c.default.input,we),onChange:qe,onKeyDown:Xe,onPaste:Je,onBlur:Ze})]}),N&&(0,u.jsxs)(`p`,{id:E,className:c.default.error,children:[(0,u.jsx)(a.ErrorIcon,{size:`sm`,className:c.default.errorIcon}),(0,u.jsx)(`span`,{children:N})]}),(0,u.jsx)(i.VisuallyHidden,{id:T,children:tt}),I&&(0,u.jsx)(`p`,{className:c.default.limit,children:I}),z&&(0,u.jsx)(`p`,{id:D,className:c.default.limit,children:C.maxReached(_)}),(0,u.jsxs)(i.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:[R.text,R.n%2==1?`\xA0`:``]}),ge!==void 0&&k.map((e,t)=>(0,u.jsx)(`input`,{type:`hidden`,name:ge,value:e,form:y,disabled:B.disabled},`${e}-${t}`))]})};exports.TagInput=p;
+const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../Field/FieldContext.cjs.js"),s=require("../../data-display/Chip/Chip.cjs.js"),c=require("./TagInput.module.css.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var ee={sm:`sm`,md:`md`,lg:`lg`},te={sm:c.default.sm,md:c.default.md,lg:c.default.lg},d=e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);function f(e,t){return{",":t.comma,";":t.semicolon," ":t.space,"|":t.pipe,"	":t.tab}[e]??t.other(e)}function ne(e,t,n,r){let i=[n.keys.enter,...t?[n.keys.tab]:[],...e.map(e=>f(e,n.keys))],a=Intl.ListFormat,o=a?new a(r,{type:`disjunction`}).format(i):i.join(`, `);return n.instructions(o)}var p=({value:f,defaultValue:p,onValueChange:re,inputValue:ie,defaultInputValue:m,onInputValueChange:ae,delimiters:h=[`,`],addOnTab:g=!1,addOnBlur:oe=!1,allowDuplicates:se=!1,maxTags:_,validate:ce,transform:le,size:ue,disabled:de,readOnly:fe,invalid:pe,required:me,placeholder:he,name:ge,chipVariant:_e,chipTone:ve,removeLabel:ye,tagListLabel:be,instructions:xe,messages:Se,className:Ce,inputClassName:we,style:Te,ref:v,id:Ee,onChange:De,onKeyDown:Oe,onPaste:ke,onBlur:Ae,form:y,"aria-describedby":je,"aria-labelledby":b,...x})=>{let{messages:S,locale:Me}=t.useLocale(),Ne=ye??S.tagInput.remove,C={...S.tagInput,...Se},w=(0,l.useId)(),T=`${w}-instructions`,E=`${w}-error`,D=`${w}-max`,O=o.useFieldContext(),[k,A]=e.useControllableState({value:f,defaultValue:p??[],onChange:re}),[j,M]=e.useControllableState({value:ie,defaultValue:m??``,onChange:ae}),[N,P]=(0,l.useState)(null),[Pe,F]=(0,l.useState)(null),[I,L]=(0,l.useState)(null),[R,Fe]=(0,l.useState)({text:``,n:0}),z=_!==void 0&&k.length>=_,Ie=[je,T,z?D:void 0,N?E:void 0].filter(Boolean).join(` `)||void 0,B=o.useFieldControl({id:Ee,invalid:pe,required:me,disabled:de,readOnly:fe,size:ue,"aria-describedby":Ie},{nativeRequired:!1}),V=B.size??`md`,Le=B.invalid||N!==null,H=!B.disabled&&!B.readOnly,U=(0,l.useRef)(null),W=(0,l.useRef)(null),Re=(0,l.useRef)([]),G=(0,l.useRef)(null),K=(0,l.useRef)(void 0),ze=(0,l.useCallback)(e=>{U.current=e,n.assignRef(v,e)},[v]);(0,l.useEffect)(()=>()=>window.clearTimeout(K.current),[]);let Be=e=>{e&&Fe(t=>({text:e,n:t.n+1}))},[Ve,He]=(0,l.useState)(0),q=()=>U.current?.focus(),J=e=>{let t=Re.current[e]?.querySelector(`button:not(:disabled)`);return t?(t.focus(),!0):!1};(0,l.useLayoutEffect)(()=>{let e=G.current;e!==null&&(G.current=null,!(e<k.length&&J(e))&&q())}),(0,l.useEffect)(()=>{let e=U.current;e&&e.setCustomValidity(B.required&&k.length===0?C.required:``)});let Ue=(0,l.useRef)(p??[]),We=(0,l.useRef)(m??``);(0,l.useEffect)(()=>{let e=U.current?.form??W.current?.closest(`form`);if(!e)return;let t=()=>{A(Ue.current),M(We.current),P(null)};return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[A,M]);let Y=h.length>0?new RegExp(h.map(d).join(`|`)):null,Ge=new RegExp([...h.map(d),`\\r?\\n`,`\\t`].join(`|`)),X=e=>{let t=[...k],n=[],r=[],i=[],a=null,o=!1;for(let s of e){let e=s.trim();if(!e)continue;let c=(le?le(e):e).trim();if(c){if(_!==void 0&&t.length>=_){o=!0;continue}if(!se&&t.includes(c)){r.push(c);continue}if(ce){let t=ce(c);if(t!==!0){a??=typeof t==`string`&&t?t:C.invalid(c),i.push(e);continue}}t.push(c),n.push(c)}}n.length>0&&A(t),P(a),r.length>0&&(window.clearTimeout(K.current),F(r[0]),L(C.duplicate(r[0])),K.current=window.setTimeout(()=>F(null),1200));let s=_!==void 0&&t.length>=_&&n.length>0,c=[n.length>0?C.added(n):null,...r.map(C.duplicate),a,o||s?C.maxReached(_):null].filter(Boolean);return Be(c.join(`. `)),{rejected:i,added:n.length>0}},Ke=e=>{let t=k[e];t!==void 0&&H&&(G.current=e,A(k.filter((t,n)=>n!==e)),P(null),Be(C.removed(t)))},Z=(e,t=``)=>{let n=h[0],r=n===void 0||n.trim()===``?` `:`${n} `;return[...e,t].filter(Boolean).join(r)},Q=()=>{let e=X([j]);return M(e.rejected.length>0?j:``),e},qe=e=>{De?.(e),I&&L(null);let t=e.target.value;if(Y&&Y.test(t)){let e=t.split(Y),n=e.pop()??``,r=X(e);M(Z(r.rejected,n));return}N&&P(null),M(t)},Je=e=>{if(ke?.(e),e.defaultPrevented)return;let t=e.clipboardData.getData(`text`);if(!Ge.test(t))return;e.preventDefault();let n=e.currentTarget,r=n.selectionStart??j.length,i=n.selectionEnd??j.length,a=j.slice(0,r)+t+j.slice(i),o=X(a.split(Ge));M(Z(o.rejected))},Ye=()=>W.current?getComputedStyle(W.current).direction===`rtl`:!1,Xe=e=>{if(Oe?.(e),e.defaultPrevented||e.nativeEvent.isComposing)return;let t=e.currentTarget,n=t.selectionStart===0&&t.selectionEnd===0,r=Ye()?`ArrowRight`:`ArrowLeft`;switch(e.key){case`Enter`:if(e.repeat){e.preventDefault();return}if(!j.trim())return;e.preventDefault(),Q();return;case`Tab`:{if(!g||e.shiftKey||!j.trim())return;let t=Q();t.added&&t.rejected.length===0&&e.preventDefault();return}case`Backspace`:if(e.repeat||j!==``||k.length===0)return;J(k.length-1)&&e.preventDefault();return;case r:if(!n||k.length===0||e.shiftKey)return;J(k.length-1)&&e.preventDefault();return;default:return}},Ze=e=>{Ae?.(e),oe&&j.trim()&&Q()},Qe=(e,t)=>{let n=Ye(),r=n?`ArrowRight`:`ArrowLeft`,i=n?`ArrowLeft`:`ArrowRight`,a=!0;switch(e.key){case r:t>0&&J(t-1);break;case i:t<k.length-1&&J(t+1)||q();break;case`Home`:J(0);break;case`End`:q();break;default:a=!1}a&&e.preventDefault()},$e=e=>{let t=U.current;if(!t||B.disabled)return;let n=e.target;n===t||n.closest(`button, a, input, [tabindex]`)||(e.preventDefault(),t.focus())},$=be===void 0?b??(O&&!O.isGroup?O.labelId:void 0):void 0,et=be??($?void 0:S.tagInput.list),tt=xe??ne(h,g,S.tagInput,Me),nt=k.length===0&&!z;return(0,u.jsxs)(`div`,{ref:W,className:r.cx(c.default.root,Ce),style:Te,"data-size":V,children:[(0,u.jsxs)(`div`,{className:r.cx(c.default.box,te[V],k.length>0&&c.default.hasTags,Le&&c.default.invalid,B.disabled&&c.default.disabled,B.readOnly&&!B.disabled&&c.default.readOnly),onPointerDown:$e,children:[k.length>0&&(0,u.jsx)(`ul`,{className:c.default.list,"aria-labelledby":$,"aria-label":et,"aria-describedby":B.readOnly?B.ariaProps[`aria-describedby`]:void 0,children:k.map((e,t)=>(0,u.jsx)(`li`,{ref:e=>{Re.current[t]=e},className:c.default.item,"data-highlighted":Pe===e||void 0,onKeyDown:e=>Qe(e,t),onFocus:()=>He(t),children:(0,u.jsx)(s.Chip,{size:ee[V],variant:_e,tone:ve,disabled:B.disabled,onRemove:H?()=>Ke(t):void 0,removeLabel:H?Ne(e):void 0,removeTabIndex:t===Math.min(Ve,k.length-1)?0:-1,children:e})},`${e}-${t}`))}),B.readOnly&&!B.disabled?k.length===0&&(0,u.jsx)(`span`,{className:c.default.empty,children:C.empty}):(0,u.jsx)(`input`,{...x,ref:ze,id:B.id,type:`text`,form:y,value:j,placeholder:nt?he:void 0,disabled:B.disabled,readOnly:z,autoComplete:x.autoComplete??`off`,...B.ariaProps,"aria-labelledby":b,"aria-invalid":Le||void 0,"aria-errormessage":N?E:B.ariaProps[`aria-errormessage`],className:r.cx(c.default.input,we),onChange:qe,onKeyDown:Xe,onPaste:Je,onBlur:Ze})]}),N&&(0,u.jsxs)(`p`,{id:E,className:c.default.error,children:[(0,u.jsx)(a.ErrorIcon,{size:`sm`,className:c.default.errorIcon}),(0,u.jsx)(`span`,{children:N})]}),(0,u.jsx)(i.VisuallyHidden,{id:T,children:tt}),I&&(0,u.jsx)(`p`,{className:c.default.limit,children:I}),z&&(0,u.jsx)(`p`,{id:D,className:c.default.limit,children:C.maxReached(_)}),(0,u.jsxs)(i.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:[R.text,R.n%2==1?`\xA0`:``]}),ge!==void 0&&k.map((e,t)=>(0,u.jsx)(`input`,{type:`hidden`,name:ge,value:e,form:y,disabled:B.disabled},`${e}-${t}`))]})};exports.TagInput=p;

package/dist/components/forms/TagInput/TagInput.mjs

@@ -4,8 +4,8 @@ import { assignRef as n } from "../../../utils/refs.mjs";
 import { cx as r } from "../../../utils/cx.mjs";
 import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
 import { ErrorIcon as a } from "../../primitives/Icon/icons.mjs";
-import { Chip as o } from "../../data-display/Chip/Chip.mjs";
-import { useFieldContext as s, useFieldControl as c } from "../Field/FieldContext.mjs";
+import { useFieldContext as o, useFieldControl as s } from "../Field/FieldContext.mjs";
+import { Chip as c } from "../../data-display/Chip/Chip.mjs";
 import l from "./TagInput.module.css.mjs";
 import { useCallback as ee, useEffect as u, useId as te, useLayoutEffect as ne, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -40,7 +40,7 @@ var _ = ({ value: g, defaultValue: _, onValueChange: oe, inputValue: se, default
 	let { messages: E, locale: Fe } = t(), Ie = Ce ?? E.tagInput.remove, D = {
 		...E.tagInput,
 		...Te
-	}, O = te(), k = `${O}-instructions`, A = `${O}-error`, j = `${O}-max`, M = s(), [N, P] = e({
+	}, O = te(), k = `${O}-instructions`, A = `${O}-error`, j = `${O}-max`, M = o(), [N, P] = e({
 		value: g,
 		defaultValue: _ ?? [],
 		onChange: oe
@@ -56,7 +56,7 @@ var _ = ({ value: g, defaultValue: _, onValueChange: oe, inputValue: se, default
 		k,
 		B ? j : void 0,
 		L ? A : void 0
-	].filter(Boolean).join(" ") || void 0, V = c({
+	].filter(Boolean).join(" ") || void 0, V = s({
 		id: ke,
 		invalid: _e,
 		required: ve,
@@ -234,7 +234,7 @@ var _ = ({ value: g, defaultValue: _, onValueChange: oe, inputValue: se, default
 						"data-highlighted": Le === e || void 0,
 						onKeyDown: (e) => it(e, t),
 						onFocus: () => Je(t),
-						children: /* @__PURE__ */ p(o, {
+						children: /* @__PURE__ */ p(c, {
 							size: re[H],
 							variant: xe,
 							tone: Se,

package/dist/components/forms/TimePicker/TimePicker.module.css.cjs.js

@@ -1 +1 @@
-var e=`_root_1rej1_11`,t=`_fullWidth_1rej1_23`,n=`_error_1rej1_33`,r=`_errorIcon_1rej1_59`,i={root:e,fullWidth:t,error:n,errorIcon:r};exports.default=i,exports.error=n,exports.errorIcon=r,exports.fullWidth=t,exports.root=e;
+var e=`_root_100f0_6`,t=`_fullWidth_100f0_12`,n=`_error_100f0_17`,r=`_errorIcon_100f0_30`,i={root:e,fullWidth:t,error:n,errorIcon:r};exports.default=i,exports.error=n,exports.errorIcon=r,exports.fullWidth=t,exports.root=e;

package/dist/components/forms/TimePicker/TimePicker.module.css.mjs

@@ -1,5 +1,5 @@
 //#region src/components/forms/TimePicker/TimePicker.module.css
-var e = "_root_1rej1_11", t = "_fullWidth_1rej1_23", n = "_error_1rej1_33", r = "_errorIcon_1rej1_59", i = {
+var e = "_root_100f0_6", t = "_fullWidth_100f0_12", n = "_error_100f0_17", r = "_errorIcon_100f0_30", i = {
 	root: e,
 	fullWidth: t,
 	error: n,

package/dist/components/layout/ResizablePanels/ResizablePanels.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../hooks/useMergedRef.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("./ResizablePanels.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null),c=(0,a.createContext)(0);function l(e){let t=(0,a.useContext)(s);if(!t)throw Error(`${e} must be a direct child of <ResizablePanels>.`);return t}var u=e=>Math.round(e*100)/100,d=(e,t,n)=>Math.min(n,Math.max(t,e));function f(e){let t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=n>0?Math.max(0,100-t)/n:0,i=e.map(e=>e??r),a=i.reduce((e,t)=>e+t,0)||1;return i.map(e=>u(e/a*100))}var p=({orientation:t=`horizontal`,layout:l,defaultLayout:p,onLayoutChange:h,keyboardStep:g=5,className:_,children:v,ref:y,...b})=>{let x=(0,a.useRef)(null),S=n.useMergedRef(x,y),C=(0,a.useId)(),[w,T]=(0,a.useState)(!1),E=a.Children.toArray(v).filter(e=>(0,a.isValidElement)(e)&&e.type===m),D=E.map((e,t)=>({min:e.props.minSize??10,max:e.props.maxSize??100,collapsible:e.props.collapsible??!1,collapsed:e.props.collapsedSize??0,label:e.props.label,id:e.props.id??`${C}-panel-${t}`})),[O,k]=e.useControllableState({value:l,defaultValue:p??f(E.map(e=>e.props.defaultSize)),onChange:h}),A=(0,a.useRef)(new Map),j=(e,t,{snap:n=!0}={})=>{let r=e,i=e+1,a=D[r],o=D[i];if(!a||!o)return;let s=O[r]+O[i],c=(e,t)=>t.collapsible&&e<t.min?n&&e<(t.min+t.collapsed)/2?t.collapsed:t.min:d(e,t.min,t.max),l=c(t,a),f=c(s-l,o);if(l=s-f,(l>a.max||l<a.min&&!(a.collapsible&&l===a.collapsed))&&(l=d(l,a.min,a.max),f=s-l),u(l)===u(O[r])&&u(f)===u(O[i]))return;a.collapsible&&l<=a.collapsed&&O[r]>a.collapsed&&A.current.set(r,O[r]);let p=O.slice();p[r]=u(l),p[i]=u(f),k(p)},M=e=>{let t=D[e];if(!t?.collapsible)return;let n=O[e];if(n<=t.collapsed){let n=A.current.get(e)??Math.max(t.min,100/D.length);j(e,n,{snap:!1})}else{A.current.set(e,n);let r=O[e]+O[e+1],i=O.slice();i[e]=t.collapsed,i[e+1]=u(r-t.collapsed),k(i)}},N=-1,P=a.Children.map(v,e=>((0,a.isValidElement)(e)&&e.type===m&&(N+=1),(0,o.jsx)(c.Provider,{value:Math.max(0,N),children:e})));return(0,o.jsx)(s.Provider,{value:{orientation:t,layout:O,panels:D,resize:j,toggleCollapse:M,keyboardStep:g,groupRef:x,setResizing:T},children:(0,o.jsx)(`div`,{...b,ref:S,className:r.cx(i.default.group,_),"data-orientation":t,"data-resizing":w?``:void 0,children:P})})},m=({defaultSize:e,minSize:t,maxSize:n,collapsible:s,collapsedSize:u,label:d,className:f,style:p,children:m,...h})=>{let g=l(`ResizablePanels.Panel`),_=(0,a.useContext)(c),v=g.panels[_],y=g.layout[_]??0,b=!!v?.collapsible&&y<=v.collapsed,x=b&&y===0;return(0,o.jsx)(`div`,{...h,id:v?.id,"aria-label":h[`aria-label`]??d,className:r.cx(i.default.panel,f),style:{...p,flex:`${y} 1 0px`},"data-collapsed":b?``:void 0,inert:x||void 0,"aria-hidden":x||void 0,children:m})},h=({className:e,onKeyDown:n,onPointerDown:s,onPointerMove:u,onPointerUp:d,onPointerCancel:f,onDoubleClick:p,"aria-label":m,...h})=>{let g=l(`ResizablePanels.Handle`),_=t.useMessages().resizablePanels,v=(0,a.useContext)(c),y=g.panels[v],b=g.layout[v]??0,x=g.orientation===`horizontal`,S=(0,a.useRef)(null),C=e=>{if(s?.(e),e.defaultPrevented||e.button!==0||!g.groupRef.current)return;e.preventDefault();let t=g.groupRef.current,n=t.getBoundingClientRect(),r=0;for(let e of Array.from(t.children))if(e.getAttribute(`role`)===`separator`){let t=e.getBoundingClientRect();r+=x?t.width:t.height}let i=(x?n.width:n.height)-r;S.current={start:x?e.clientX:e.clientY,size:b,perPx:i>0?100/i:0,rtl:x&&getComputedStyle(t).direction===`rtl`};try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.currentTarget.focus({preventScroll:!0}),g.setResizing(!0)},w=e=>{u?.(e);let t=S.current;if(!t)return;let n=((x?e.clientX:e.clientY)-t.start)*t.perPx;g.resize(v,t.size+(t.rtl?-n:n))},T=()=>{S.current&&(S.current=null,g.setResizing(!1))},E=e=>{if(n?.(e),e.defaultPrevented||!y)return;let t=x&&getComputedStyle(e.currentTarget).direction===`rtl`,r=g.keyboardStep,i=x?t?`ArrowLeft`:`ArrowRight`:`ArrowDown`,a=x?t?`ArrowRight`:`ArrowLeft`:`ArrowUp`;switch(e.key){case i:e.preventDefault(),g.resize(v,b+r,{snap:!1});return;case a:e.preventDefault(),y.collapsible&&b<=y.min&&b>y.collapsed?g.toggleCollapse(v):g.resize(v,Math.max(b-r,y.min),{snap:!1});return;case`Home`:e.preventDefault(),g.resize(v,y.min,{snap:!1});return;case`End`:e.preventDefault(),g.resize(v,y.max,{snap:!1});return;case`Enter`:e.preventDefault(),g.toggleCollapse(v)}};return(0,o.jsx)(`div`,{role:`separator`,tabIndex:0,"aria-orientation":x?`vertical`:`horizontal`,"aria-valuenow":Math.round(b),"aria-valuemin":y?.collapsible?Math.round(y.collapsed):Math.round(y?.min??0),"aria-valuemax":Math.round(y?.max??100),"aria-controls":y?.id,"aria-label":m??(y?.label?_.resizePanel(y.label):_.handle),...h,className:r.cx(i.default.handle,e),"data-orientation":g.orientation,onPointerDown:C,onPointerMove:w,onPointerUp:e=>{d?.(e),T()},onPointerCancel:e=>{f?.(e),T()},onLostPointerCapture:T,onDoubleClick:e=>{p?.(e),e.defaultPrevented||g.toggleCollapse(v)},onKeyDown:E,children:(0,o.jsx)(`span`,{className:i.default.grip,"aria-hidden":`true`})})},g=Object.assign(p,{Panel:m,Handle:h});exports.ResizablePanel=m,exports.ResizablePanels=g,exports.ResizablePanelsHandle=h;
+const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../hooks/useMergedRef.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("./ResizablePanels.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null),c=(0,a.createContext)(0);function l(e){let t=(0,a.useContext)(s);if(!t)throw Error(`${e} must be a direct child of <ResizablePanels>.`);return t}var u=e=>Math.round(e*100)/100,d=(e,t,n)=>Math.min(n,Math.max(t,e));function f(e){let t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=n>0?Math.max(0,100-t)/n:0,i=e.map(e=>e??r),a=i.reduce((e,t)=>e+t,0)||1;return i.map(e=>u(e/a*100))}var p=({orientation:t=`horizontal`,layout:l,defaultLayout:p,onLayoutChange:h,keyboardStep:g=5,className:_,children:v,ref:y,...b})=>{let x=(0,a.useRef)(null),S=n.useMergedRef(x,y),C=(0,a.useId)(),[w,T]=(0,a.useState)(!1),E=a.Children.toArray(v).filter(e=>(0,a.isValidElement)(e)&&e.type===m),D=E.map((e,t)=>({min:e.props.minSize??10,max:e.props.maxSize??100,collapsible:e.props.collapsible??!1,collapsed:e.props.collapsedSize??0,label:e.props.label,id:e.props.id??`${C}-panel-${t}`})),[O,k]=e.useControllableState({value:l,defaultValue:p??f(E.map(e=>e.props.defaultSize)),onChange:h}),A=(0,a.useRef)(new Map),j=(e,t,{snap:n=!0}={})=>{let r=e,i=e+1,a=D[r],o=D[i];if(!a||!o)return;let s=O[r]+O[i],c=(e,t)=>t.collapsible&&e<t.min?n&&e<(t.min+t.collapsed)/2?t.collapsed:t.min:d(e,t.min,t.max),l=c(t,a),f=c(s-l,o);if(l=s-f,(l>a.max||l<a.min&&!(a.collapsible&&l===a.collapsed))&&(l=d(l,a.min,a.max),f=s-l),u(l)===u(O[r])&&u(f)===u(O[i]))return;a.collapsible&&l<=a.collapsed&&O[r]>a.collapsed&&A.current.set(r,O[r]);let p=O.slice();p[r]=u(l),p[i]=u(f),k(p)},M=e=>{let t=D[e];if(!t?.collapsible)return;let n=O[e];if(n<=t.collapsed){let n=A.current.get(e)??Math.max(t.min,100/D.length);j(e,n,{snap:!1})}else{A.current.set(e,n);let r=O[e]+O[e+1],i=O.slice();i[e]=t.collapsed,i[e+1]=u(r-t.collapsed),k(i)}},N=-1,P=a.Children.map(v,e=>((0,a.isValidElement)(e)&&e.type===m&&(N+=1),(0,o.jsx)(c.Provider,{value:Math.max(0,N),children:e})));return(0,o.jsx)(s.Provider,{value:{orientation:t,layout:O,panels:D,resize:j,toggleCollapse:M,keyboardStep:g,groupRef:x,setResizing:T},children:(0,o.jsx)(`div`,{...b,ref:S,className:r.cx(i.default.group,_),"data-orientation":t,"data-resizing":w?``:void 0,children:P})})},m=({defaultSize:e,minSize:t,maxSize:n,collapsible:s,collapsedSize:u,label:d,className:f,style:p,children:m,...h})=>{let g=l(`ResizablePanels.Panel`),_=(0,a.useContext)(c),v=g.panels[_],y=g.layout[_]??0,b=!!v?.collapsible&&y<=v.collapsed,x=b&&y===0;return(0,o.jsx)(`div`,{role:`group`,...h,id:v?.id,"aria-label":h[`aria-label`]??d,className:r.cx(i.default.panel,f),style:{...p,flex:`${y} 1 0px`},"data-collapsed":b?``:void 0,inert:x||void 0,"aria-hidden":x||void 0,children:m})},h=({className:e,onKeyDown:n,onPointerDown:s,onPointerMove:u,onPointerUp:d,onPointerCancel:f,onDoubleClick:p,"aria-label":m,...h})=>{let g=l(`ResizablePanels.Handle`),_=t.useMessages().resizablePanels,v=(0,a.useContext)(c),y=g.panels[v],b=g.layout[v]??0,x=g.orientation===`horizontal`,S=(0,a.useRef)(null),C=e=>{if(s?.(e),e.defaultPrevented||e.button!==0||!g.groupRef.current)return;e.preventDefault();let t=g.groupRef.current,n=t.getBoundingClientRect(),r=0;for(let e of Array.from(t.children))if(e.getAttribute(`role`)===`separator`){let t=e.getBoundingClientRect();r+=x?t.width:t.height}let i=(x?n.width:n.height)-r;S.current={start:x?e.clientX:e.clientY,size:b,perPx:i>0?100/i:0,rtl:x&&getComputedStyle(t).direction===`rtl`};try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.currentTarget.focus({preventScroll:!0}),g.setResizing(!0)},w=e=>{u?.(e);let t=S.current;if(!t)return;let n=((x?e.clientX:e.clientY)-t.start)*t.perPx;g.resize(v,t.size+(t.rtl?-n:n))},T=()=>{S.current&&(S.current=null,g.setResizing(!1))},E=e=>{if(n?.(e),e.defaultPrevented||!y)return;let t=x&&getComputedStyle(e.currentTarget).direction===`rtl`,r=g.keyboardStep,i=x?t?`ArrowLeft`:`ArrowRight`:`ArrowDown`,a=x?t?`ArrowRight`:`ArrowLeft`:`ArrowUp`;switch(e.key){case i:e.preventDefault(),g.resize(v,b+r,{snap:!1});return;case a:e.preventDefault(),y.collapsible&&b<=y.min&&b>y.collapsed?g.toggleCollapse(v):g.resize(v,Math.max(b-r,y.min),{snap:!1});return;case`Home`:e.preventDefault(),g.resize(v,y.min,{snap:!1});return;case`End`:e.preventDefault(),g.resize(v,y.max,{snap:!1});return;case`Enter`:e.preventDefault(),g.toggleCollapse(v)}};return(0,o.jsx)(`div`,{role:`separator`,tabIndex:0,"aria-orientation":x?`vertical`:`horizontal`,"aria-valuenow":Math.round(b),"aria-valuemin":y?.collapsible?Math.round(y.collapsed):Math.round(y?.min??0),"aria-valuemax":Math.round(y?.max??100),"aria-controls":y?.id,"aria-label":m??(y?.label?_.resizePanel(y.label):_.handle),...h,className:r.cx(i.default.handle,e),"data-orientation":g.orientation,onPointerDown:C,onPointerMove:w,onPointerUp:e=>{d?.(e),T()},onPointerCancel:e=>{f?.(e),T()},onLostPointerCapture:T,onDoubleClick:e=>{p?.(e),e.defaultPrevented||g.toggleCollapse(v)},onKeyDown:E,children:(0,o.jsx)(`span`,{className:i.default.grip,"aria-hidden":`true`})})},g=Object.assign(p,{Panel:m,Handle:h});exports.ResizablePanel=m,exports.ResizablePanels=g,exports.ResizablePanelsHandle=h;

package/dist/components/layout/ResizablePanels/ResizablePanels.mjs

@@ -76,6 +76,7 @@ var y = ({ orientation: t = "horizontal", layout: o, defaultLayout: c, onLayoutC
 }, b = ({ defaultSize: e, minSize: t, maxSize: n, collapsible: a, collapsedSize: o, label: s, className: l, style: u, children: d, ...p }) => {
 	let g = h("ResizablePanels.Panel"), _ = c(m), v = g.panels[_], y = g.layout[_] ?? 0, b = !!v?.collapsible && y <= v.collapsed, x = b && y === 0;
 	return /* @__PURE__ */ f("div", {
+		role: "group",
 		...p,
 		id: v?.id,
 		"aria-label": p["aria-label"] ?? s,

package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.cjs.js

@@ -1 +1 @@
-var e=`_group_uqqbm_21`,t=`_panel_uqqbm_75`,n=`_handle_uqqbm_97`,r=`_grip_uqqbm_171`,i={group:e,panel:t,handle:n,grip:r};exports.default=i,exports.grip=r,exports.group=e,exports.handle=n,exports.panel=t;
+var e=`_group_26c6b_11`,t=`_panel_26c6b_38`,n=`_handle_26c6b_49`,r=`_grip_26c6b_86`,i={group:e,panel:t,handle:n,grip:r};exports.default=i,exports.grip=r,exports.group=e,exports.handle=n,exports.panel=t;

package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.mjs

@@ -1,5 +1,5 @@
 //#region src/components/layout/ResizablePanels/ResizablePanels.module.css
-var e = "_group_uqqbm_21", t = "_panel_uqqbm_75", n = "_handle_uqqbm_97", r = "_grip_uqqbm_171", i = {
+var e = "_group_26c6b_11", t = "_panel_26c6b_38", n = "_handle_26c6b_49", r = "_grip_26c6b_86", i = {
 	group: e,
 	panel: t,
 	handle: n,

package/dist/components/layout/ScrollArea/ScrollArea.module.css.cjs.js

@@ -1 +1 @@
-var e=`_root_mgaew_19`,t=`_sm_mgaew_49`,n=`_md_mgaew_59`,r=`_viewport_mgaew_69`,i=`_content_mgaew_149`,a=`_scrollbar_mgaew_163`,o=`_thumb_mgaew_237`,s=`_shadows_mgaew_345`,c={root:e,sm:t,md:n,viewport:r,content:i,scrollbar:a,thumb:o,shadows:s};exports.content=i,exports.default=c,exports.md=n,exports.root=e,exports.scrollbar=a,exports.shadows=s,exports.sm=t,exports.thumb=o,exports.viewport=r;
+var e=`_root_r9tlp_19`,t=`_sm_r9tlp_49`,n=`_md_r9tlp_59`,r=`_viewport_r9tlp_69`,i=`_content_r9tlp_149`,a=`_scrollbar_r9tlp_163`,o=`_thumb_r9tlp_237`,s=`_shadows_r9tlp_355`,c={root:e,sm:t,md:n,viewport:r,content:i,scrollbar:a,thumb:o,shadows:s};exports.content=i,exports.default=c,exports.md=n,exports.root=e,exports.scrollbar=a,exports.shadows=s,exports.sm=t,exports.thumb=o,exports.viewport=r;

package/dist/components/layout/ScrollArea/ScrollArea.module.css.mjs

@@ -1,5 +1,5 @@
 //#region src/components/layout/ScrollArea/ScrollArea.module.css
-var e = "_root_mgaew_19", t = "_sm_mgaew_49", n = "_md_mgaew_59", r = "_viewport_mgaew_69", i = "_content_mgaew_149", a = "_scrollbar_mgaew_163", o = "_thumb_mgaew_237", s = "_shadows_mgaew_345", c = {
+var e = "_root_r9tlp_19", t = "_sm_r9tlp_49", n = "_md_r9tlp_59", r = "_viewport_r9tlp_69", i = "_content_r9tlp_149", a = "_scrollbar_r9tlp_163", o = "_thumb_r9tlp_237", s = "_shadows_r9tlp_355", c = {
 	root: e,
 	sm: t,
 	md: n,

package/dist/components/navigation/ContextMenu/ContextMenu.module.css.cjs.js

@@ -1 +1 @@
-var e=`_trigger_u21ym_15`,t=`_anchor_u21ym_25`,n={trigger:e,anchor:t};exports.anchor=t,exports.default=n,exports.trigger=e;
+var e=`_trigger_1ajgq_8`,t=`_anchor_1ajgq_13`,n={trigger:e,anchor:t};exports.anchor=t,exports.default=n,exports.trigger=e;

package/dist/components/navigation/ContextMenu/ContextMenu.module.css.mjs

@@ -1,5 +1,5 @@
 //#region src/components/navigation/ContextMenu/ContextMenu.module.css
-var e = "_trigger_u21ym_15", t = "_anchor_u21ym_25", n = {
+var e = "_trigger_1ajgq_8", t = "_anchor_1ajgq_13", n = {
 	trigger: e,
 	anchor: t
 };

package/dist/components/overlays/HoverCard/HoverCard.module.css.cjs.js

@@ -1 +1 @@
-var e=`_positioner_1lzcn_13`,t=`_content_1lzcn_23`,n=`_sm_1lzcn_73`,r=`_md_1lzcn_83`,i=`_lg_1lzcn_93`,a=`_arrow_1lzcn_169`,o={positioner:e,content:t,"hovercard-in":`_hovercard-in_1lzcn_1`,sm:n,md:r,lg:i,arrow:a};exports.arrow=a,exports.content=t,exports.default=o,exports.lg=i,exports.md=r,exports.positioner=e,exports.sm=n;
+var e=`_positioner_1ej8b_7`,t=`_content_1ej8b_12`,n=`_sm_1ej8b_37`,r=`_md_1ej8b_42`,i=`_lg_1ej8b_47`,a=`_arrow_1ej8b_85`,o={positioner:e,content:t,"hovercard-in":`_hovercard-in_1ej8b_1`,sm:n,md:r,lg:i,arrow:a};exports.arrow=a,exports.content=t,exports.default=o,exports.lg=i,exports.md=r,exports.positioner=e,exports.sm=n;

package/dist/components/overlays/HoverCard/HoverCard.module.css.mjs

@@ -1,8 +1,8 @@
 //#region src/components/overlays/HoverCard/HoverCard.module.css
-var e = "_positioner_1lzcn_13", t = "_content_1lzcn_23", n = "_sm_1lzcn_73", r = "_md_1lzcn_83", i = "_lg_1lzcn_93", a = "_arrow_1lzcn_169", o = {
+var e = "_positioner_1ej8b_7", t = "_content_1ej8b_12", n = "_sm_1ej8b_37", r = "_md_1ej8b_42", i = "_lg_1ej8b_47", a = "_arrow_1ej8b_85", o = {
 	positioner: e,
 	content: t,
-	"hovercard-in": "_hovercard-in_1lzcn_1",
+	"hovercard-in": "_hovercard-in_1ej8b_1",
 	sm: n,
 	md: r,
 	lg: i,

package/dist/components/primitives/Button/Button.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/announce.cjs.js"),r=require("../../feedback/Spinner/Spinner.cjs.js"),i=require("./Button.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={solid:i.default.solid,soft:i.default.soft,outline:i.default.outline,ghost:i.default.ghost,link:i.default.link,inverse:i.default.inverse},c={neutral:i.default.neutral,primary:i.default.primary,accent:i.default.accent,success:i.default.success,warning:i.default.warning,danger:i.default.danger,info:i.default.info},l={xs:i.default.xs,sm:i.default.sm,md:i.default.md,lg:i.default.lg},u={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},d={0:i.default.gap0,1:i.default.gap1,2:i.default.gap2,3:i.default.gap3,4:i.default.gap4,5:i.default.gap5,6:i.default.gap6,8:i.default.gap8,10:i.default.gap10,12:i.default.gap12,16:i.default.gap16,20:i.default.gap20,24:i.default.gap24},f={xs:`sm`,sm:`sm`,md:`md`,lg:`lg`},p=(0,a.createContext)(null),m=({iconOnly:d=!1,variant:m,tone:h,size:g,radius:_,disabled:v,loading:y=!1,loadingText:b,loadingLabel:x,fullWidth:S,compact:C=!1,startIcon:w,endIcon:T,children:E,className:D,href:O,as:k,type:A,ref:j,onClick:M,"aria-disabled":N,"aria-busy":P,...F})=>{let I=e.useMessages(),L=x??I.button.loading,R=(0,a.useContext)(p),z=m??R?.variant??`solid`,B=h??R?.tone??`primary`,V=g??R?.size??`md`,H=_??R?.radius,U=v??R?.disabled??!1,W=!d&&(S??R?.fullWidth??!1),G=U||y,K=y&&!d&&b!=null,q=t.cx(i.default.root,s[z],c[B],l[V],H?u[H]:i.default.radiusDefault,d&&i.default.iconOnly,C&&!d&&i.default.compact,W&&i.default.fullWidth,!G&&i.default.interactive,y&&i.default.loading,U&&i.default.disabled,D),J=(0,a.useRef)(y);(0,a.useEffect)(()=>{y&&!J.current&&n.announce(typeof b==`string`?b:L),J.current=y},[y,b,L]);let Y=e=>{if(G){e.preventDefault(),e.stopPropagation();return}M?.(e)},X=(0,o.jsxs)(`span`,{className:i.default.inner,children:[(0,o.jsx)(`span`,{className:i.default.content,"aria-hidden":K?!0:void 0,children:d?(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:E}):(0,o.jsxs)(o.Fragment,{children:[w!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:w}),E!=null&&(0,o.jsx)(`span`,{className:i.default.label,children:E}),T!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:T})]})}),y&&(0,o.jsxs)(`span`,{className:i.default.loadingLayer,children:[(0,o.jsx)(r.Spinner,{decorative:!0,size:f[V],className:i.default.spinner}),K&&(0,o.jsx)(`span`,{className:i.default.label,children:b})]})]});if(k!==void 0){if(G){let{to:e,href:t,...n}=F;return(0,o.jsx)(`a`,{...n,ref:j,className:q,role:`link`,"aria-disabled":!0,"aria-busy":y?!0:P,onClick:Y,children:X})}return(0,o.jsx)(k,{...F,ref:j,className:q,type:A,"aria-disabled":N,"aria-busy":P,onClick:Y,children:X})}return O===void 0?(0,o.jsx)(`button`,{...F,ref:j,type:A??`button`,className:q,disabled:U,"aria-disabled":y?!0:N,"aria-busy":y?!0:P,onClick:Y,children:X}):(0,o.jsx)(`a`,{...F,ref:j,className:q,href:G?void 0:O,type:A,role:G?`link`:F.role,"aria-disabled":G?!0:N,"aria-busy":y?!0:P,onClick:Y,children:X})};function h(e){return(0,o.jsx)(m,{...e})}function g(e){return(0,o.jsx)(m,{...e,iconOnly:!0})}var _=({attached:e=!1,orientation:n=`horizontal`,gap:r=2,size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m,className:h,children:g,..._})=>{let v=(0,a.useMemo)(()=>({size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m}),[s,c,l,u,f,m]),y=n===`vertical`;return(0,o.jsx)(`div`,{role:`group`,"data-orientation":n,..._,className:t.cx(i.default.group,y&&i.default.groupVertical,e?y?i.default.attachedVertical:i.default.attachedHorizontal:d[r],e&&i.default.attached,m&&i.default.groupFullWidth,h),children:(0,o.jsx)(p.Provider,{value:v,children:g})})};exports.Button=h,exports.ButtonGroup=_,exports.IconButton=g;
+const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/announce.cjs.js"),r=require("../../feedback/Spinner/Spinner.cjs.js"),i=require("./Button.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={solid:i.default.solid,soft:i.default.soft,outline:i.default.outline,ghost:i.default.ghost,link:i.default.link,inverse:i.default.inverse},c={neutral:i.default.neutral,primary:i.default.primary,accent:i.default.accent,success:i.default.success,warning:i.default.warning,danger:i.default.danger,info:i.default.info},l={xs:i.default.xs,sm:i.default.sm,md:i.default.md,lg:i.default.lg},u={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},d={0:i.default.gap0,1:i.default.gap1,2:i.default.gap2,3:i.default.gap3,4:i.default.gap4,5:i.default.gap5,6:i.default.gap6,8:i.default.gap8,10:i.default.gap10,12:i.default.gap12,16:i.default.gap16,20:i.default.gap20,24:i.default.gap24},f={xs:`sm`,sm:`sm`,md:`md`,lg:`lg`},p=(0,a.createContext)(null),m=({iconOnly:d=!1,variant:m,tone:h,size:g,radius:_,disabled:v,loading:y=!1,loadingText:b,loadingLabel:x,fullWidth:S,compact:C=!1,startIcon:w,endIcon:T,children:E,className:D,href:O,as:k,type:A,ref:j,onClick:M,"aria-disabled":N,"aria-busy":P,...F})=>{let I=e.useMessages(),L=x??I.button.loading,R=(0,a.useContext)(p),z=m??R?.variant??`solid`,B=h??R?.tone??`primary`,V=g??R?.size??`md`,H=_??R?.radius,U=v??R?.disabled??!1,W=N===!0||N===`true`,G=!d&&(S??R?.fullWidth??!1),K=U||W||y,q=y&&!d&&b!=null,J=t.cx(i.default.root,s[z],c[B],l[V],H?u[H]:i.default.radiusDefault,d&&i.default.iconOnly,C&&!d&&i.default.compact,G&&i.default.fullWidth,!K&&i.default.interactive,y&&i.default.loading,(U||W)&&i.default.disabled,D),Y=(0,a.useRef)(y);(0,a.useEffect)(()=>{y&&!Y.current&&n.announce(typeof b==`string`?b:L),Y.current=y},[y,b,L]);let X=e=>{if(K){e.preventDefault(),e.stopPropagation();return}M?.(e)},Z=(0,o.jsxs)(`span`,{className:i.default.inner,children:[(0,o.jsx)(`span`,{className:i.default.content,"aria-hidden":q?!0:void 0,children:d?(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:E}):(0,o.jsxs)(o.Fragment,{children:[w!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:w}),E!=null&&(0,o.jsx)(`span`,{className:i.default.label,children:E}),T!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:T})]})}),y&&(0,o.jsxs)(`span`,{className:i.default.loadingLayer,children:[(0,o.jsx)(r.Spinner,{decorative:!0,size:f[V],className:i.default.spinner}),q&&(0,o.jsx)(`span`,{className:i.default.label,children:b})]})]});if(k!==void 0){if(K){let{to:e,href:t,...n}=F;return(0,o.jsx)(`a`,{...n,ref:j,className:J,role:`link`,"aria-disabled":!0,"aria-busy":y?!0:P,onClick:X,children:Z})}return(0,o.jsx)(k,{...F,ref:j,className:J,type:A,"aria-disabled":N,"aria-busy":P,onClick:X,children:Z})}return O===void 0?(0,o.jsx)(`button`,{...F,ref:j,type:A??`button`,className:J,disabled:U,"aria-disabled":y?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z}):(0,o.jsx)(`a`,{...F,ref:j,className:J,href:K?void 0:O,type:A,role:K?`link`:F.role,"aria-disabled":K?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z})};function h(e){return(0,o.jsx)(m,{...e})}function g(e){return(0,o.jsx)(m,{...e,iconOnly:!0})}var _=({attached:e=!1,orientation:n=`horizontal`,gap:r=2,size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m,className:h,children:g,..._})=>{let v=(0,a.useMemo)(()=>({size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m}),[s,c,l,u,f,m]),y=n===`vertical`;return(0,o.jsx)(`div`,{role:`group`,"data-orientation":n,..._,className:t.cx(i.default.group,y&&i.default.groupVertical,e?y?i.default.attachedVertical:i.default.attachedHorizontal:d[r],e&&i.default.attached,m&&i.default.groupFullWidth,h),children:(0,o.jsx)(p.Provider,{value:v,children:g})})};exports.Button=h,exports.ButtonGroup=_,exports.IconButton=g;

package/dist/components/primitives/Button/Button.mjs

@@ -54,21 +54,21 @@ var p = {
 	sm: "sm",
 	md: "md",
 	lg: "lg"
-}, y = a(null), b = ({ iconOnly: a = !1, variant: c, tone: _, size: b, radius: x, disabled: S, loading: C = !1, loadingText: w, loadingLabel: T, fullWidth: ee, compact: E = !1, startIcon: D, endIcon: O, children: k, className: A, href: j, as: M, type: N, ref: P, onClick: F, "aria-disabled": I, "aria-busy": L, ...R }) => {
-	let z = e(), B = T ?? z.button.loading, V = o(y), H = c ?? V?.variant ?? "solid", U = _ ?? V?.tone ?? "primary", W = b ?? V?.size ?? "md", G = x ?? V?.radius, K = S ?? V?.disabled ?? !1, q = !a && (ee ?? V?.fullWidth ?? !1), J = K || C, Y = C && !a && w != null, X = t(i.root, p[H], m[U], h[W], G ? g[G] : i.radiusDefault, a && i.iconOnly, E && !a && i.compact, q && i.fullWidth, !J && i.interactive, C && i.loading, K && i.disabled, A), Z = l(C);
+}, y = a(null), b = ({ iconOnly: a = !1, variant: c, tone: _, size: b, radius: x, disabled: S, loading: C = !1, loadingText: w, loadingLabel: T, fullWidth: ee, compact: te = !1, startIcon: E, endIcon: D, children: O, className: k, href: A, as: j, type: M, ref: N, onClick: P, "aria-disabled": F, "aria-busy": I, ...L }) => {
+	let R = e(), z = T ?? R.button.loading, B = o(y), V = c ?? B?.variant ?? "solid", H = _ ?? B?.tone ?? "primary", U = b ?? B?.size ?? "md", W = x ?? B?.radius, G = S ?? B?.disabled ?? !1, K = F === !0 || F === "true", q = !a && (ee ?? B?.fullWidth ?? !1), J = G || K || C, Y = C && !a && w != null, X = t(i.root, p[V], m[H], h[U], W ? g[W] : i.radiusDefault, a && i.iconOnly, te && !a && i.compact, q && i.fullWidth, !J && i.interactive, C && i.loading, (G || K) && i.disabled, k), Z = l(C);
 	s(() => {
-		C && !Z.current && n(typeof w == "string" ? w : B), Z.current = C;
+		C && !Z.current && n(typeof w == "string" ? w : z), Z.current = C;
 	}, [
 		C,
 		w,
-		B
+		z
 	]);
 	let Q = (e) => {
 		if (J) {
 			e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		F?.(e);
+		P?.(e);
 	}, $ = /* @__PURE__ */ f("span", {
 		className: i.inner,
 		children: [/* @__PURE__ */ d("span", {
@@ -77,28 +77,28 @@ var p = {
 			children: a ? /* @__PURE__ */ d("span", {
 				className: i.icon,
 				"aria-hidden": "true",
-				children: k
+				children: O
 			}) : /* @__PURE__ */ f(u, { children: [
-				D != null && /* @__PURE__ */ d("span", {
+				E != null && /* @__PURE__ */ d("span", {
 					className: i.icon,
 					"aria-hidden": "true",
-					children: D
+					children: E
 				}),
-				k != null && /* @__PURE__ */ d("span", {
+				O != null && /* @__PURE__ */ d("span", {
 					className: i.label,
-					children: k
+					children: O
 				}),
-				O != null && /* @__PURE__ */ d("span", {
+				D != null && /* @__PURE__ */ d("span", {
 					className: i.icon,
 					"aria-hidden": "true",
-					children: O
+					children: D
 				})
 			] })
 		}), C && /* @__PURE__ */ f("span", {
 			className: i.loadingLayer,
 			children: [/* @__PURE__ */ d(r, {
 				decorative: !0,
-				size: v[W],
+				size: v[U],
 				className: i.spinner
 			}), Y && /* @__PURE__ */ d("span", {
 				className: i.label,
@@ -106,50 +106,50 @@ var p = {
 			})]
 		})]
 	});
-	if (M !== void 0) {
+	if (j !== void 0) {
 		if (J) {
-			let { to: e, href: t, ...n } = R;
+			let { to: e, href: t, ...n } = L;
 			return /* @__PURE__ */ d("a", {
 				...n,
-				ref: P,
+				ref: N,
 				className: X,
 				role: "link",
 				"aria-disabled": !0,
-				"aria-busy": C ? !0 : L,
+				"aria-busy": C ? !0 : I,
 				onClick: Q,
 				children: $
 			});
 		}
-		return /* @__PURE__ */ d(M, {
-			...R,
-			ref: P,
+		return /* @__PURE__ */ d(j, {
+			...L,
+			ref: N,
 			className: X,
-			type: N,
-			"aria-disabled": I,
-			"aria-busy": L,
+			type: M,
+			"aria-disabled": F,
+			"aria-busy": I,
 			onClick: Q,
 			children: $
 		});
 	}
-	return j === void 0 ? /* @__PURE__ */ d("button", {
-		...R,
-		ref: P,
-		type: N ?? "button",
+	return A === void 0 ? /* @__PURE__ */ d("button", {
+		...L,
+		ref: N,
+		type: M ?? "button",
 		className: X,
-		disabled: K,
-		"aria-disabled": C ? !0 : I,
-		"aria-busy": C ? !0 : L,
+		disabled: G,
+		"aria-disabled": C ? !0 : F,
+		"aria-busy": C ? !0 : I,
 		onClick: Q,
 		children: $
 	}) : /* @__PURE__ */ d("a", {
-		...R,
-		ref: P,
+		...L,
+		ref: N,
 		className: X,
-		href: J ? void 0 : j,
-		type: N,
-		role: J ? "link" : R.role,
-		"aria-disabled": J ? !0 : I,
-		"aria-busy": C ? !0 : L,
+		href: J ? void 0 : A,
+		type: M,
+		role: J ? "link" : L.role,
+		"aria-disabled": J ? !0 : F,
+		"aria-busy": C ? !0 : I,
 		onClick: Q,
 		children: $
 	});

package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.cjs.js

@@ -1 +1 @@
-var e=`_root_je4gf_3`,t={root:e};exports.default=t,exports.root=e;
+var e=`_root_sa02l_2`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.mjs

@@ -1,4 +1,4 @@
 //#region src/components/utilities/LocaleProvider/LocaleProvider.module.css
-var e = "_root_je4gf_3", t = { root: e };
+var e = "_root_sa02l_2", t = { root: e };
 //#endregion
 export { t as default, e as root };

package/dist/components/utilities/Theme/Theme.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/brandPalette.cjs.js"),n=require("./Theme.module.css.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=globalThis.process?.env?.NODE_ENV!==`production`,o=[`black`,`blue`,`gold`,`green`,`purple`],s=e=>o.includes(e),c=[`brand`,`volt`],l=e=>c.includes(e),u=(0,r.createContext)({});function d(){return(0,r.useContext)(u)}function f(e,t){if(!(e===void 0||t(e)))return typeof e==`string`?e:`${e.light}|${e.dark}`}function p(e){let[n,r]=e.split(`|`);return r===void 0?t.isHexColor(n)?n:null:t.isHexColor(n)&&t.isHexColor(r)?{light:n,dark:r}:null}var m=({brand:o,accent:c,mode:d,fill:m=!1,className:h,style:g,..._})=>{let v=(0,r.useContext)(u),y=f(o,s),b=(0,r.useMemo)(()=>{if(y===void 0)return;let e=p(y);return e===null?null:t.createBrandPalette(e)},[y]),x=(0,r.useMemo)(()=>b?t.brandPaletteVars(b):void 0,[b]),S=f(c,l),C=(0,r.useMemo)(()=>{if(S===void 0)return;let e=p(S);return e===null?null:t.createAccentPalette(e)},[S]),w=(0,r.useMemo)(()=>C?t.accentPaletteVars(C):void 0,[C]);(0,r.useEffect)(()=>{if(a){b===null&&console.error(`[Theme] brand "${y}" is not a preset or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of b?.adjustments??[])console.warn(`[Theme] brand ${t} doesn't meet WCAG AA contrast in ${e} mode; using ${n} instead.`);C===null&&console.error(`[Theme] accent "${S}" is not "brand", "volt", or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of C?.adjustments??[])console.warn(`[Theme] accent ${t} is too dark for dark text in ${e} mode; using ${n} instead.`)}},[b,y,C,S]);let T=s(o)?o:x?`custom`:void 0,E=l(c)?c:w?`custom`:void 0,D=T??v.brand,O=T?x:v.brandVars,k=E??v.accent,A=E?w:v.accentVars,j=d??v.mode,M=(0,r.useMemo)(()=>({brand:D,mode:j,brandVars:O,accent:k,accentVars:A}),[D,j,O,k,A]),N=x||w?{...x,...w}:void 0;return(0,i.jsx)(u.Provider,{value:M,children:(0,i.jsx)(`div`,{..._,"data-brand":T,"data-accent":E,"data-theme":d,className:e.cx(n.default.root,m&&n.default.fill,h),style:N?{...N,...g}:g})})};exports.Theme=m,exports.useTheme=d;
+const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/brandPalette.cjs.js"),n=require("./Theme.module.css.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=globalThis.process?.env?.NODE_ENV!==`production`,o=[`black`,`blue`,`gold`,`green`,`purple`],s=e=>o.includes(e),c=[`brand`,`lime`],l=`volt`,u=e=>c.includes(e),d=(0,r.createContext)({});function f(){return(0,r.useContext)(d)}function p(e,t){if(!(e===void 0||t(e)))return typeof e==`string`?e:`${e.light}|${e.dark}`}function m(e){let[n,r]=e.split(`|`);return r===void 0?t.isHexColor(n)?n:null:t.isHexColor(n)&&t.isHexColor(r)?{light:n,dark:r}:null}var h=({brand:o,accent:c,mode:f,fill:h=!1,className:g,style:_,...v})=>{let y=(0,r.useContext)(d),b=c===l?`lime`:c;(0,r.useEffect)(()=>{a&&c===l&&console.warn(`[Theme] accent "volt" is now called "lime". "volt" still works; switch to "lime" when convenient.`)},[c]);let x=p(o,s),S=(0,r.useMemo)(()=>{if(x===void 0)return;let e=m(x);return e===null?null:t.createBrandPalette(e)},[x]),C=(0,r.useMemo)(()=>S?t.brandPaletteVars(S):void 0,[S]),w=p(b,u),T=(0,r.useMemo)(()=>{if(w===void 0)return;let e=m(w);return e===null?null:t.createAccentPalette(e)},[w]),E=(0,r.useMemo)(()=>T?t.accentPaletteVars(T):void 0,[T]);(0,r.useEffect)(()=>{if(a){S===null&&console.error(`[Theme] brand "${x}" is not a preset or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of S?.adjustments??[])console.warn(`[Theme] brand ${t} doesn't meet WCAG AA contrast in ${e} mode; using ${n} instead.`);T===null&&console.error(`[Theme] accent "${w}" is not "brand", "lime", or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of T?.adjustments??[])console.warn(`[Theme] accent ${t} is too dark for dark text in ${e} mode; using ${n} instead.`)}},[S,x,T,w]);let D=s(o)?o:C?`custom`:void 0,O=u(b)?b:E?`custom`:void 0,k=D??y.brand,A=D?C:y.brandVars,j=O??y.accent,M=O?E:y.accentVars,N=f??y.mode,P=(0,r.useMemo)(()=>({brand:k,mode:N,brandVars:A,accent:j,accentVars:M}),[k,N,A,j,M]),F=C||E?{...C,...E}:void 0;return(0,i.jsx)(d.Provider,{value:P,children:(0,i.jsx)(`div`,{...v,"data-brand":D,"data-accent":O,"data-theme":f,className:e.cx(n.default.root,h&&n.default.fill,g),style:F?{...F,..._}:_})})};exports.Theme=h,exports.useTheme=f;

package/dist/components/utilities/Theme/Theme.d.ts

@@ -9,10 +9,10 @@ import { BrandColor } from '../../../utils/brandPalette';
 export type ThemeBrand = "black" | "blue" | "gold" | "green" | "purple";
 /**
  * Accent preset. `brand` (the default) is a bright shade of the brand's own
- * hue (blue gets a sky blue); `volt` is the original yellow-green, the same in
- * every brand.
+ * hue (blue gets a sky blue); `lime` is the original bright yellow-green, the
+ * same in every brand.
  */
-export type ThemeAccent = "brand" | "volt";
+export type ThemeAccent = "brand" | "lime";
 /** Light or dark color mode. */
 export type ThemeMode = "light" | "dark";
 /** The brand, accent, and mode set by the nearest `Theme` wrappers (unset: inherited from the page). */
@@ -51,7 +51,7 @@ export interface ThemeProps extends ComponentPropsWithRef<"div"> {
      * sliders, steppers, and active navigation. Leave unset to inherit; with no
      * accent set anywhere, each brand uses its own (a bright shade of its hue).
      *
-     * `"volt"` for the original yellow-green, `"brand"` to go back to the
+     * `"lime"` for the original bright yellow-green, `"brand"` to go back to the
      * brand's own inside an area with another accent, or any hex color for a
      * custom accent. Accents always carry dark text, so a color too dark for
      * that is lightened (same hue), with a console warning in development. An
@@ -74,6 +74,6 @@ export interface ThemeProps extends ComponentPropsWithRef<"div"> {
  * on a light page). Overlays opened inside (Popover, Menu, Modal, Tooltip,
  * Toast, ...) render elsewhere in the page but keep this theme. For the whole
  * page you can instead set the attributes on `<html>`:
- * `<html data-theme="dark" data-brand="purple" data-accent="volt">`.
+ * `<html data-theme="dark" data-brand="purple" data-accent="lime">`.
  */
-export declare const Theme: ({ brand, accent, mode, fill, className, style, ...rest }: ThemeProps) => import("react").JSX.Element;
+export declare const Theme: ({ brand, accent: accentProp, mode, fill, className, style, ...rest }: ThemeProps) => import("react").JSX.Element;