tembro 3.0.0 → 3.1.1

package/dist/components/form/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-input.cjs"),n=require("./form-select.cjs"),r=require("./form-switch.cjs"),i=require("./form-textarea.cjs"),a=require("./form-async-select.cjs"),o=require("./form-date-input.cjs"),s=require("./form-date-picker.cjs"),c=require("./form-date-range-input.cjs"),l=require("./form-date-range-picker.cjs"),u=require("./form-number-input.cjs"),d=require("./form-password-input.cjs"),f=require("./form-phone-input.cjs"),p=require("./form-search-input.cjs");exports.FormAsyncSelect=a.FormAsyncSelect,exports.FormDateInput=o.FormDateInput,exports.FormDatePicker=s.FormDatePicker,exports.FormDateRangeInput=c.FormDateRangeInput,exports.FormDateRangePicker=l.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormNumberInput=u.FormNumberInput,exports.FormPasswordInput=d.FormPasswordInput,exports.FormPhoneInput=f.FormPhoneInput,exports.FormSearchInput=p.FormSearchInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;
+module.exports = require("../../src/components/form/index.cjs")

package/dist/components/form/index.d.ts

@@ -1,14 +1,8 @@
 export * from "./form-field-shell";
 export * from "./form-input";
 export * from "./form-select";
-export * from "./form-async-select";
 export * from "./form-textarea";
 export * from "./form-switch";
-export * from "./form-search-input";
-export * from "./form-password-input";
-export * from "./form-number-input";
-export * from "./form-phone-input";
-export * from "./form-date-input";
 export * from "./form-date-range-input";
 export * from "./form-date-picker";
 export * from "./form-date-range-picker";

package/dist/components/form/index.js

@@ -1,15 +1 @@
-import { FormFieldShell as e, resolveFormFieldIds as t } from "./form-field-shell.js";
-import { FormInput as n } from "./form-input.js";
-import { FormSelect as r } from "./form-select.js";
-import { FormSwitch as i } from "./form-switch.js";
-import { FormTextarea as a } from "./form-textarea.js";
-import { FormAsyncSelect as o } from "./form-async-select.js";
-import { FormDateInput as s } from "./form-date-input.js";
-import { FormDatePicker as c } from "./form-date-picker.js";
-import { FormDateRangeInput as l } from "./form-date-range-input.js";
-import { FormDateRangePicker as u } from "./form-date-range-picker.js";
-import { FormNumberInput as d } from "./form-number-input.js";
-import { FormPasswordInput as f } from "./form-password-input.js";
-import { FormPhoneInput as p } from "./form-phone-input.js";
-import { FormSearchInput as m } from "./form-search-input.js";
-export { o as FormAsyncSelect, s as FormDateInput, c as FormDatePicker, l as FormDateRangeInput, u as FormDateRangePicker, e as FormFieldShell, n as FormInput, d as FormNumberInput, f as FormPasswordInput, p as FormPhoneInput, m as FormSearchInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };
+export * from "../../src/components/form/index.js"

package/dist/components/form/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-input.cjs"),n=require("./form-select.cjs"),r=require("./form-switch.cjs"),i=require("./form-textarea.cjs"),a=require("./form-async-select.cjs");exports.FormAsyncSelect=a.FormAsyncSelect,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;
+module.exports = require("../../src/components/form/public.cjs")

package/dist/components/form/public.d.ts

@@ -3,4 +3,6 @@ export * from "./form-input";
 export * from "./form-select";
 export * from "./form-switch";
 export * from "./form-textarea";
-export * from "./form-async-select";
+export * from "./form-date-picker";
+export * from "./form-date-range-picker";
+export * from "./form-date-range-input";

package/dist/components/form/public.js

@@ -1,7 +1 @@
-import { FormFieldShell as e, resolveFormFieldIds as t } from "./form-field-shell.js";
-import { FormInput as n } from "./form-input.js";
-import { FormSelect as r } from "./form-select.js";
-import { FormSwitch as i } from "./form-switch.js";
-import { FormTextarea as a } from "./form-textarea.js";
-import { FormAsyncSelect as o } from "./form-async-select.js";
-export { o as FormAsyncSelect, e as FormFieldShell, n as FormInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };
+export * from "../../src/components/form/public.js"

package/dist/components/inputs/async-select.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function ee(e,t){let[n,r]=a.useState(e);return a.useEffect(()=>{let n=window.setTimeout(()=>{r(e)},t);return()=>{window.clearTimeout(n)}},[t,e]),n}function te(e){return typeof e==`object`&&!!e&&`options`in e}function c(e){if(!e||e.length===0)return[];let t=e[0];return te(t)?e:[{options:e}]}function ne(e){return e.flatMap(e=>e.options)}function l(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label).toLowerCase():e.value.toLowerCase()}function re(e,t){let n=e.trim().toLowerCase();return n?!t.some(e=>e.value.toLowerCase()===n||l(e)===n):!1}function ie(e,t,n,r,i){if(e)return t?.value===e?t:i?.value===e?i:[...n,...r].find(t=>t.value===e)}function u(...e){let t=new Map;return e.forEach(e=>{e?.forEach(e=>{t.set(e.value,e)})}),Array.from(t.values())}function d(e,t){let n=new Map(t.map(e=>[e.value,e]));return e.map(e=>n.get(e)).filter(e=>!!e)}function ae(e,t,n){let r=e.get(t);if(r){if(Number.isFinite(n)&&Date.now()-r.createdAt>n){e.delete(t);return}return r.groups}}function f(e,t,n){e.set(t,{groups:n,createdAt:Date.now()})}function oe(e){return e.trim().toLowerCase()}function p({className:e,children:n}){return(0,s.jsx)(`div`,{"data-slot":`async-select-state`,className:t.cn(`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-3 text-sm leading-5 text-muted-foreground`,e),children:n})}function se(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value}function ce({option:e,selected:n,renderOption:r,optionClassName:i,onSelect:a}){return(0,s.jsxs)(`button`,{type:`button`,disabled:e.disabled,"data-slot":`async-select-option`,"data-selected":n||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-[background-color,border-color,color,box-shadow] hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)] data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)] data-[selected=true]:text-foreground disabled:pointer-events-none disabled:opacity-50`,i),onClick:()=>a(e),children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,n&&`border-primary bg-primary text-primary-foreground`),children:n&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1`,children:r?.(e,{selected:n})??(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e.label}),e.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description}),e.disabled&&e.disabledReason&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.disabledReason})]})})]})}function le({search:e,isCreating:t,label:n,onCreate:r}){return(0,s.jsxs)(`button`,{type:`button`,disabled:t,"data-slot":`async-select-create`,className:`flex w-full items-center gap-2 rounded-[var(--radius-md)] border border-dashed border-[color:color-mix(in_oklch,var(--primary),transparent_55%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_94%)] px-3 py-2.5 text-left text-sm font-medium text-foreground outline-none transition-[background-color,border-color,color,box-shadow] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] disabled:pointer-events-none disabled:opacity-50`,onClick:r,children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:t?(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}):(0,s.jsx)(o.PlusIcon,{className:`size-4`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:n?.(e)??`Create "${e.trim()}"`})]})}function m(e){if(`isMulti`in e&&e.isMulti){let t={...e};return delete t.isMulti,(0,s.jsx)(h,{...t})}let{className:te,value:l,selectedOption:u,onValueChange:d,loadOptions:se,loadSelectedOption:m,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,debounceMs:pe=250,minSearchLength:v=0,labels:y,renderOption:b,renderValue:me,renderLoading:he,renderEmpty:x,renderError:ge,renderMinSearch:_e,onCreateOption:S,createOptionLabel:ve,showCreateOption:ye,showSelectedDescription:be=!0,triggerClassName:xe,contentClassName:Se,searchClassName:C,optionClassName:Ce,invalid:we,...Te}=e,w=a.useMemo(()=>c(ue),[ue]),Ee=a.useMemo(()=>ne(w),[w]),[T,E]=a.useState(!1),[D,O]=a.useState(``),[De,k]=a.useState(w),[Oe,A]=a.useState(null),[j,M]=a.useState(!1),[N,P]=a.useState(!1),[F,I]=a.useState(!1),L=a.useRef(new Map),R=a.useRef(0),ke=a.useRef(0),z=ee(D,pe).trim(),B=a.useMemo(()=>ne(De),[De]),V=a.useMemo(()=>({search:D,minSearchLength:v,options:B}),[B,v,D]),H=ie(l,u,B,Ee,Oe),U=de&&!!l&&!g,W=z.length<v,G=!W&&!!S&&(ye??re)(D,B);a.useEffect(()=>{L.current.clear()},[se]),a.useEffect(()=>{k(w)},[w]),a.useEffect(()=>{if(!l||H||!m)return;let e=new AbortController,t=++ke.current;async function n(){let n=await m?.(l,e.signal);!e.signal.aborted&&t===ke.current&&A(n??null)}return n(),()=>{e.abort()}},[H,m,l]),a.useEffect(()=>{if(!T)return;if(W){k(w),M(!1),I(!1);return}let e=_?ae(L.current,z,fe):void 0;if(e){k(e),M(!1),I(!1);return}let t=new AbortController,n=++R.current;async function r(){M(!0),I(!1);try{let e=c(await se(z,t.signal));!t.signal.aborted&&n===R.current&&(_&&f(L.current,z,e),k(e))}catch{!t.signal.aborted&&n===R.current&&(I(!0),k([]))}finally{!t.signal.aborted&&n===R.current&&M(!1)}}return r(),()=>{t.abort()}},[_,fe,se,T,w,z,W]);let K=e=>{e.disabled||(d?.(e.value,e),E(!1),O(``))},q=()=>{d?.(void 0),O(``)},J=e=>{t.stopInteractivePropagation(e),q()},Y=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),E(!0);return}(e.key===`Backspace`||e.key===`Delete`)&&l&&(e.preventDefault(),q())}},X=async()=>{if(!(!S||!D.trim()||W)){P(!0);try{let e=await S(D.trim()),t=oe(D);k(t=>[{options:[e]},...t]),_&&t&&f(L.current,t,[{options:[e]}]),d?.(e.value,e),O(``),E(!1)}finally{P(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-select`,className:t.cn(`w-full`,te),...Te,children:(0,s.jsxs)(i.Popover,{open:T,onOpenChange:E,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":T,"aria-invalid":we||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,xe),onKeyDown:Y}),children:[(0,s.jsx)(`span`,{className:`min-w-0 flex-1 text-left`,children:H?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-semibold`,children:me?.(H)??H.label}),be&&(H.description||H.disabled&&H.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:H.description??H.disabledReason}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:y?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[U&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":y?.clear??`Clear`,onClick:J,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),q())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Se),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:D,onChange:e=>O(e.target.value),placeholder:y?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,C)})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[W&&B.length===0&&(_e?.(V)??(0,s.jsx)(p,{children:y?.minSearchLength?.(v)??`Type at least ${v} characters`})),j&&(he?.(V)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),y?.loading??`Loading...`]})})),!j&&F&&(ge?.(V)??(0,s.jsx)(p,{className:`text-destructive`,children:y?.error??`Could not load options`})),!j&&!F&&!W&&B.length===0&&!G&&(x?.(V)??(0,s.jsx)(p,{children:y?.empty??`No options found`})),!j&&!F&&G&&(0,s.jsx)(le,{search:D,isCreating:N,label:ve,onCreate:X}),!j&&!F&&De.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:e.label}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:e.value===l,renderOption:b,optionClassName:Ce,onSelect:K},e.value))]},t))]})]})]})})}function h({className:e,value:te,selectedOptions:l,onValueChange:ie,loadOptions:m,loadSelectedOptions:h,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,closeOnSelect:pe=!1,debounceMs:v=250,minSearchLength:y=0,maxSelected:b,maxVisibleTags:me,showSelectAll:he=!1,labels:x,renderOption:ge,renderValue:_e,renderTag:S,renderLoading:ve,renderEmpty:ye,renderError:be,renderMinSearch:xe,renderMaxSelected:Se,onCreateOption:C,createOptionLabel:Ce,showCreateOption:we,showSelectedDescription:Te=!0,triggerClassName:w,contentClassName:Ee,searchClassName:T,optionClassName:E,tagClassName:D,invalid:O,...De}){let k=a.useMemo(()=>te??[],[te]),Oe=k.join(`|`),A=a.useMemo(()=>c(ue),[ue]),j=a.useMemo(()=>ne(A),[A]),[M,N]=a.useState(!1),[P,F]=a.useState(``),[I,L]=a.useState(A),[R,ke]=a.useState([]),[z,B]=a.useState(!1),[V,H]=a.useState(!1),[U,W]=a.useState(!1),G=a.useRef(new Map),K=a.useRef(0),q=a.useRef(0),J=ee(P,v).trim(),Y=a.useMemo(()=>ne(I),[I]),X=a.useMemo(()=>new Set(k),[k]),Z=a.useMemo(()=>u(l,R,Y,j),[j,Y,R,l]),Ae=a.useMemo(()=>d(k,Z),[Z,k]),Q=a.useMemo(()=>({search:P,minSearchLength:y,options:Y,selectedCount:k.length,maxSelected:b}),[Y,b,y,P,k.length]),je=k.length>0,Me=de&&je&&!g,Ne=typeof b==`number`&&k.length>=b,Pe=Math.max(me??k.length,1),$=J.length<y,Fe=!$&&!!C&&(we??re)(P,Y),Ie=Y.filter(e=>!e.disabled).filter(e=>!X.has(e.value)),Le=he&&Ie.length>0&&!Ne,Re=Ae.slice(0,Pe),ze=Math.max(Ae.length-Re.length,0);a.useEffect(()=>{G.current.clear()},[m]),a.useEffect(()=>{L(A)},[A]),a.useEffect(()=>{if(!k.length||!h)return;let e=new Set(Z.map(e=>e.value)),t=k.filter(t=>!e.has(t));if(!t.length)return;let n=new AbortController,r=++q.current;async function i(){let e=await h?.(t,n.signal);!n.signal.aborted&&r===q.current&&e&&ke(t=>u(t,e))}return i(),()=>{n.abort()}},[Z,h,Oe,k]),a.useEffect(()=>{if(!M)return;if($){L(A),B(!1),W(!1);return}let e=_?ae(G.current,J,fe):void 0;if(e){L(e),B(!1),W(!1);return}let t=new AbortController,n=++K.current;async function r(){B(!0),W(!1);try{let e=c(await m(J,t.signal));!t.signal.aborted&&n===K.current&&(_&&f(G.current,J,e),L(e))}catch{!t.signal.aborted&&n===K.current&&(W(!0),L([]))}finally{!t.signal.aborted&&n===K.current&&B(!1)}}return r(),()=>{t.abort()}},[_,fe,m,M,A,J,$]);let Be=(e,t)=>{ie?.(e,d(e,t))},Ve=e=>{Be(k.filter(t=>t!==e),Z)},He=e=>{e.disabled||(Be(X.has(e.value)?k.filter(t=>t!==e.value):Ne?k:[...k,e.value],u(Z,[e])),pe&&(N(!1),F(``)))},Ue=(e,n)=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Backspace`&&e.key!==`Delete`||(e.preventDefault(),t.stopInteractivePropagation(e),Ve(n.value))},We=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),N(!0);return}P.length>0||k.length===0||(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),Ve(k[k.length-1]))}},Ge=()=>{if(!Ie.length)return;let e=typeof b==`number`?Math.max(b-k.length,0):Ie.length,t=Ie.slice(0,e);Be(Array.from(new Set([...k,...t.map(e=>e.value)])),u(Z,t))},Ke=e=>{Ve(e.value)},qe=()=>{ie?.([],[]),F(``)},Je=e=>{t.stopInteractivePropagation(e),qe()},Ye=async()=>{if(!(!C||!P.trim()||$)){H(!0);try{let e=await C(P.trim()),t=oe(P),n=u(Z,[e]),r=X.has(e.value)||Ne?k:[...k,e.value];L(t=>[{options:[e]},...t]),_&&t&&f(G.current,t,[{options:[e]}]),Be(r,n),F(``),pe&&N(!1)}finally{H(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-multi-select`,className:t.cn(`w-full`,e),...De,children:(0,s.jsxs)(i.Popover,{open:M,onOpenChange:N,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":M,"aria-invalid":O||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,w),onKeyDown:We}),children:[(0,s.jsx)(`span`,{className:`flex min-w-0 flex-1 flex-wrap gap-1 text-left`,children:Ae.length>0?(0,s.jsxs)(s.Fragment,{children:[Re.map(e=>(0,s.jsxs)(`span`,{"data-slot":`async-select-tag`,className:t.cn(`inline-flex max-w-full items-center gap-1.5 rounded-[var(--radius-sm)] border border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] px-2 py-1 text-xs font-medium text-foreground`,D),children:[(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:S?.(e,{remove:()=>Ke(e)})??_e?.(e)??e.label}),Te&&(e.description||e.disabled&&e.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:e.description??e.disabledReason}):null]}),!g&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-tag-remove`,className:`rounded-full p-0.5 text-muted-foreground transition-colors hover:bg-background hover:text-foreground`,"aria-label":`Remove ${se(e)}`,onClick:n=>{t.stopInteractivePropagation(n),Ke(e)},onKeyDown:t=>Ue(t,e),children:(0,s.jsx)(o.XIcon,{className:`size-3`})})]},e.value)),ze>0?(0,s.jsx)(`span`,{"data-slot":`async-select-tag-overflow`,className:t.cn(`inline-flex max-w-full items-center rounded-[var(--radius-sm)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_58%)] px-2 py-1 text-xs font-medium text-muted-foreground`,D),children:x?.hiddenSelected?.(ze)??`+${ze} more`}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:x?.multiPlaceholder??x?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Me&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":x?.clearAll??x?.clear??`Clear all`,onClick:Je,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),qe())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Ee),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:P,onChange:e=>F(e.target.value),placeholder:x?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,T)})]}),(0,s.jsxs)(`div`,{"data-slot":`async-select-meta`,className:`flex flex-wrap items-center justify-between gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_62%)] px-3 py-2 text-xs text-muted-foreground`,children:[je&&x?.selectedCount&&(0,s.jsx)(`span`,{children:x.selectedCount(k.length)}),Ne&&(Se?.(Q)??(0,s.jsx)(`span`,{children:x?.maxSelected?.(b??k.length)??`Maximum ${b} selected`})),(0,s.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[Le&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:Ge,children:x?.selectAll??`Select all`}),Me&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:()=>ie?.([],[]),children:x?.clearAll??x?.clear??`Clear all`})]})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[$&&Y.length===0&&(xe?.(Q)??(0,s.jsx)(p,{children:x?.minSearchLength?.(y)??`Type at least ${y} characters`})),z&&(ve?.(Q)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),x?.loading??`Loading...`]})})),!z&&U&&(be?.(Q)??(0,s.jsx)(p,{className:`text-destructive`,children:x?.error??`Could not load options`})),!z&&!U&&!$&&Y.length===0&&!Fe&&(ye?.(Q)??(0,s.jsx)(p,{children:x?.empty??`No options found`})),!z&&!U&&Fe&&(0,s.jsx)(le,{search:P,isCreating:V,label:Ce,onCreate:Ye}),!z&&!U&&I.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:(0,s.jsx)(`span`,{"data-slot":`async-select-group-label`,children:e.label})}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:X.has(e.value),renderOption:ge,optionClassName:E,onSelect:He},e.value))]},t))]})]})]})})}exports.AsyncMultiSelect=h,exports.AsyncSelect=m;
+module.exports = require("../../src/components/inputs/async-select.cjs")

package/dist/components/inputs/async-select.d.ts

@@ -113,9 +113,9 @@ export type AsyncMultiSelectProps<TValue extends string = string, TData = unknow
     tagClassName?: string;
     invalid?: boolean;
 };
-declare function AsyncSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>(props: AsyncSelectProps<TValue, TData, TOption> | AsyncSelectMultiModeProps<TValue, TData, TOption>): React.JSX.Element;
 /**
  * @deprecated Prefer `AsyncSelect` with `isMulti` for new usage.
  */
 declare function AsyncMultiSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>({ className, value, selectedOptions, onValueChange, loadOptions, loadSelectedOptions, defaultOptions, disabled, clearable, cacheOptions, cacheTtl, closeOnSelect, debounceMs, minSearchLength, maxSelected, maxVisibleTags, showSelectAll, labels, renderOption, renderValue, renderTag, renderLoading, renderEmpty, renderError, renderMinSearch, renderMaxSelected, onCreateOption, createOptionLabel, showCreateOption, showSelectedDescription, triggerClassName, contentClassName, searchClassName, optionClassName, tagClassName, invalid, ...props }: AsyncMultiSelectProps<TValue, TData, TOption>): React.JSX.Element;
+declare function AsyncSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>(props: AsyncSelectProps<TValue, TData, TOption> | AsyncSelectMultiModeProps<TValue, TData, TOption>): React.JSX.Element;
 export { AsyncSelect, AsyncMultiSelect };