@boxcustodia/library 2.0.0-alpha.28 → 2.0.0-alpha.29

package/dist/components/combobox/combobox.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@base-ui/react/combobox"),A=require("@base-ui/react/field"),C=require("lucide-react"),H=require("react"),_=require("../input/input.cjs.js"),B=require("../field/field.cjs.js"),X=require("../../hooks/internal/use-isomorphic-layout-effect.cjs.js"),u=require("../../lib/cn.cjs.js"),U=require("../scroll-area/scroll-area.cjs.js");function Q(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return e.default=o,Object.freeze(e)}const x=Q(H),h=x.createContext({chipsRef:null,multiple:!1});function S({...o}){const e=x.useRef(null);return t.jsx(h.Provider,{value:{chipsRef:e,multiple:!!o.multiple},children:t.jsx(s.Combobox.Root,{...o})})}function R({className:o,...e}){return t.jsx(s.Combobox.Input,{className:u.cn("min-w-12 flex-1 text-base outline-none placeholder:text-muted-foreground sm:text-sm [[data-slot=combobox-chip]+&]:ps-0.5",o),"data-slot":"combobox-chips-input",...e})}function P({className:o,showTrigger:e=!0,showClear:r=!1,startAddon:n,triggerProps:a,clearProps:i,...l}){return t.jsxs(s.Combobox.InputGroup,{className:"relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64","data-slot":"combobox-input-group",children:[n&&t.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-y-0 start-px z-10 flex items-center ps-[calc(--spacing(3)-1px)] opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5","data-slot":"combobox-start-addon",children:n}),t.jsx(s.Combobox.Input,{className:u.cn(n&&"*:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]","pr-6",o),"data-slot":"combobox-input",render:c=>t.jsx(_.Input,{className:"has-disabled:opacity-100",nativeInput:!0,...c}),...l}),t.jsx(N,{showTrigger:e,showClear:r,triggerProps:a,clearProps:i})]})}function T({className:o,children:e,...r}){return t.jsx(s.Combobox.Trigger,{className:o,"data-slot":"combobox-trigger",...r,children:e})}function $({className:o,placeholder:e,children:r,showClear:n,clearProps:a,...i}){const l=t.jsx(s.Combobox.Trigger,{className:u.cn("relative flex w-full items-center rounded-md border border-input bg-background px-3 py-2 pe-9 text-sm outline-none transition-shadow","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","data-placeholder:text-muted-foreground",o),"data-slot":"combobox-select-trigger",...i,children:r??t.jsx(s.Combobox.Value,{placeholder:e})});return n?t.jsxs("div",{className:"relative w-full text-foreground has-disabled:opacity-64","data-slot":"combobox-select-trigger-group",children:[l,t.jsx(N,{showTrigger:!0,showClear:!0,clearProps:a})]}):t.jsx(s.Combobox.Trigger,{className:u.cn("relative flex w-full items-center rounded-md border border-input bg-background px-3 py-2 pe-9 text-sm outline-none transition-shadow","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","data-placeholder:text-muted-foreground",o),"data-slot":"combobox-select-trigger",...i,children:r??t.jsxs(t.Fragment,{children:[t.jsx(s.Combobox.Value,{placeholder:e}),t.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute end-0.5 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center text-muted-foreground opacity-80 sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",children:t.jsx(C.ChevronsUpDownIcon,{})})]})})}function J({className:o,...e}){return t.jsx("div",{className:"border-b p-2","data-slot":"combobox-search-input-wrapper",children:t.jsx(s.Combobox.Input,{className:u.cn("flex h-9 w-full rounded-md bg-transparent text-base placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed disabled:opacity-64 sm:h-8 sm:text-sm",o),autoComplete:"off","data-slot":"combobox-search-input",...e})})}function k({className:o,children:e,side:r="bottom",sideOffset:n=4,alignOffset:a,align:i="start",anchor:l,portalProps:c,...b}){const{chipsRef:d}=x.useContext(h),f=l??d;return t.jsx(s.Combobox.Portal,{...c,children:t.jsx(s.Combobox.Positioner,{align:i,alignOffset:a,anchor:f,className:"z-50 select-none","data-slot":"combobox-positioner",side:r,sideOffset:n,children:t.jsx(s.Combobox.Popup,{className:u.cn("relative flex max-h-[min(var(--available-height),23rem)] min-w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) flex-1 flex-col rounded-lg border bg-popover not-dark:bg-clip-padding text-foreground shadow-lg/5","before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]","duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95","data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",o),"data-slot":"combobox-popup",...b,children:e})})})}function L({className:o,children:e,...r}){return t.jsxs(s.Combobox.Item,{className:u.cn("flex justify-between min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1rem_1fr] items-center gap-2 rounded-sm py-1 px-2 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",o),"data-slot":"combobox-item",...r,children:[e,t.jsx(s.Combobox.ItemIndicator,{className:"col-end-1",children:t.jsx("svg",{"aria-hidden":"true",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M5.252 12.7 10.2 18.63 18.748 5.37"})})})]})}function K({className:o,...e}){return t.jsx(s.Combobox.Separator,{className:u.cn("mx-2 my-1 h-px bg-border last:hidden",o),"data-slot":"combobox-separator",...e})}function Y({className:o,...e}){return t.jsx(s.Combobox.Group,{className:u.cn("[[role=group]+&]:mt-1.5",o),"data-slot":"combobox-group",...e})}function Z({className:o,...e}){return t.jsx(s.Combobox.GroupLabel,{className:u.cn("px-2 py-1.5 font-medium text-muted-foreground text-xs",o),"data-slot":"combobox-group-label",...e})}function E({className:o,...e}){return t.jsx(s.Combobox.Empty,{className:u.cn("not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm",o),"data-slot":"combobox-empty",...e})}function oo({className:o,...e}){return t.jsx(s.Combobox.Row,{className:o,"data-slot":"combobox-row",...e})}function O({...o}){return t.jsx(s.Combobox.Value,{"data-slot":"combobox-value",...o})}function q({className:o,...e}){return t.jsx(U.ScrollArea,{scrollbarGutter:!0,scrollFade:!0,children:t.jsx(s.Combobox.List,{className:u.cn("not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3",o),"data-slot":"combobox-list",...e})})}function G({className:o,...e}){return t.jsx(s.Combobox.Clear,{className:o,"data-slot":"combobox-clear",...e})}const I="absolute end-0.5 top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";function N({showTrigger:o=!0,showClear:e=!1,triggerProps:r,clearProps:n}){return!o&&!e?null:t.jsxs("div",{className:"text-muted-foreground hover:text-foreground transition-colors",children:[o&&t.jsx(T,{className:u.cn(I,"text-muted-foreground has-[+[data-slot=combobox-clear]]:hidden"),...r,children:t.jsx(s.Combobox.Icon,{"data-slot":"combobox-icon",children:t.jsx(C.ChevronsUpDownIcon,{})})}),e&&t.jsx(G,{className:I,...n,children:t.jsx(C.XIcon,{})})]})}function eo({className:o,...e}){return t.jsx(s.Combobox.Status,{className:u.cn("px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0",o),"data-slot":"combobox-status",...e})}function to(o){return t.jsx(s.Combobox.Collection,{"data-slot":"combobox-collection",...o})}function F({className:o,children:e,startAddon:r,...n}){const{chipsRef:a}=x.useContext(h),i=B.useIsInsideFieldRoot(),l=c=>t.jsxs(s.Combobox.Chips,{"aria-invalid":c,className:u.cn(_.inputBaseClasses,"relative inline-flex pr-6 w-full flex-wrap gap-1","placeholder:text-muted-foreground","focus-within:border-ring","aria-invalid:border-error focus-within:aria-invalid:ring-error/20","has-disabled:cursor-not-allowed has-disabled:opacity-50",o),"data-slot":"combobox-chips",ref:a,...n,children:[r&&t.jsx("div",{"aria-hidden":"true",className:"flex shrink-0 items-center ps-2 opacity-80 has-[+[data-slot=combobox-chip]]:pe-2 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-ms-0.5 [&_svg]:-me-1.5","data-slot":"combobox-start-addon",children:r}),e]});return i?t.jsx(A.Field.Validity,{children:({validity:c})=>l(c.valid===!1?!0:void 0)}):l(void 0)}function V({children:o,removeProps:e,...r}){return t.jsxs(s.Combobox.Chip,{className:"flex my-auto items-center pl-1 rounded-[calc(var(--radius-md)-1px)] bg-accent font-medium text-accent-foreground text-sm outline-none sm:text-xs/(--text-xs--line-height) [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5 h-6","data-slot":"combobox-chip",...r,children:[o,t.jsx(D,{...e})]})}function D(o){return t.jsx(s.Combobox.ChipRemove,{"aria-label":"Quitar",className:"h-full shrink-0 cursor-pointer px-1 opacity-80 hover:opacity-100 [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5","data-slot":"combobox-chip-remove",...o,children:t.jsx(C.XIcon,{})})}const y=4,ro=24,so=36,no=68;function w(o,e){const r=o-ro-so;let n=0,a=0;for(let i=0;i<e.length;i++){const l=e[i],c=i<e.length-1;if(n+(i>0?y:0)+l+(c?y+no:0)>r)break;n+=(i>0?y:0)+l,a++}return a}function io(o,e){const[r,n]=x.useState(null),a=x.useRef([]),i=r===null||r.items!==o;return X.useIsomorphicLayoutEffect(()=>{if(!i)return;const l=e?.current;if(!l)return;const c=l.querySelectorAll('[data-slot="combobox-chip"]');a.current=Array.from(c).map(d=>d.offsetWidth);const b=w(l.clientWidth,a.current);n({items:o,visible:b})},[i,o,e]),x.useEffect(()=>{const l=a.current.length>0&&a.current.every(m=>m===0);if(!i&&!l)return;const c=e?.current;if(!c)return;const b=c.querySelectorAll('[data-slot="combobox-chip"]');if(!b.length)return;const d=Array.from(b).map(m=>m.offsetWidth);if(d.every(m=>m===0))return;a.current=d;const f=w(c.clientWidth,d);n(m=>m?{...m,visible:f}:{items:o,visible:f})},[i,o,e]),x.useEffect(()=>{const l=e?.current;if(!l)return;const c=new ResizeObserver(()=>{if(!a.current.length)return;const b=w(l.clientWidth,a.current);n(d=>d?{...d,visible:b}:null)});return c.observe(l),()=>c.disconnect()},[e]),{visibleCount:r?.visible??o,isMeasuring:i}}function ao({value:o,getLabel:e,getId:r}){const{chipsRef:n}=x.useContext(h),{visibleCount:a,isMeasuring:i}=io(o.length,n),l=i?o:o.slice(0,a),c=i?0:o.length-a;return t.jsxs(t.Fragment,{children:[l.map(b=>t.jsx(V,{"aria-label":e(b),children:e(b)},r(b))),c>0&&t.jsxs("span",{className:"flex items-center whitespace-nowrap px-1 text-sm text-muted-foreground",children:["+",c," más"]})]})}function lo(o){if(o==null)return"";if(typeof o=="string"||typeof o=="number")return String(o);if(typeof o=="object"){const e=o;if("label"in e)return String(e.label);if("name"in e)return String(e.name);if("title"in e)return String(e.title)}return String(o)}function co(o){if(o==null)return"";if(typeof o=="string"||typeof o=="number")return String(o);if(typeof o=="object"){const e=o;if("id"in e)return String(e.id);if("value"in e)return String(e.value)}return String(o)}function bo({placeholder:o,showClear:e,startAddon:r,className:n}){return t.jsx(P,{className:n,placeholder:o,showClear:e,startAddon:r})}function uo({getLabel:o,getId:e,showClear:r,startAddon:n,className:a}){return t.jsxs(F,{className:a,startAddon:n,children:[t.jsx(O,{children:i=>t.jsx(ao,{value:i,getLabel:o,getId:e})}),t.jsx(N,{showTrigger:!r,showClear:r})]})}function mo(o){const{items:e,getLabel:r,getId:n,renderItem:a,placeholder:i,emptyText:l="Sin resultados.",multiple:c,onValueChange:b,value:d,defaultValue:f,startAddon:m,classNames:p,showClear:z=!0,searchable:M=!0,...W}=o,v=r??lo,j=n??co;return t.jsxs(S,{items:e,itemToStringLabel:v,itemToStringValue:j,multiple:c,onValueChange:b,value:d,defaultValue:f,autoHighlight:!0,loopFocus:!0,...W,children:[c?t.jsx(uo,{getLabel:v,getId:j,showClear:z,startAddon:m,className:p?.chips}):t.jsx(bo,{placeholder:i,showClear:z,startAddon:m,className:p?.input}),t.jsxs(k,{className:p?.popup,children:[c&&M&&t.jsx("div",{className:"border-b p-2","data-slot":"combobox-chips-input-wrapper",children:t.jsx(R,{className:p?.chipsInput,placeholder:i})}),t.jsx(E,{className:p?.empty,children:l}),t.jsx(q,{className:p?.list,children:g=>t.jsx(L,{value:g,className:p?.item,children:a?a(g):v(g)},j(g))})]})]})}const xo=s.Combobox.useFilter;Object.defineProperty(exports,"ComboboxPrimitive",{enumerable:!0,get:()=>s.Combobox});exports.Combobox=mo;exports.ComboboxChip=V;exports.ComboboxChipRemove=D;exports.ComboboxChips=F;exports.ComboboxChipsInput=R;exports.ComboboxClear=G;exports.ComboboxCollection=to;exports.ComboboxContext=h;exports.ComboboxEmpty=E;exports.ComboboxGroup=Y;exports.ComboboxGroupLabel=Z;exports.ComboboxInput=P;exports.ComboboxItem=L;exports.ComboboxList=q;exports.ComboboxPopup=k;exports.ComboboxRoot=S;exports.ComboboxRow=oo;exports.ComboboxSearchInput=J;exports.ComboboxSelectTrigger=$;exports.ComboboxSeparator=K;exports.ComboboxStatus=eo;exports.ComboboxTrigger=T;exports.ComboboxValue=O;exports.useComboboxFilter=xo;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("react"),S=require("../input/input.cjs.js"),_=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.cjs.js"),Q=require("../field/field.cjs.js"),R=require("../../node_modules/lucide-react/dist/esm/icons/x.cjs.js"),U=require("../../hooks/internal/use-isomorphic-layout-effect.cjs.js"),X=require("../../node_modules/@base-ui/react/combobox/root/utils/useFilter.cjs.js"),J=require("../../node_modules/@base-ui/react/combobox/root/ComboboxRoot.cjs.js"),N=require("../../node_modules/@base-ui/react/combobox/input/ComboboxInput.cjs.js"),b=require("../../lib/cn.cjs.js"),K=require("../../node_modules/@base-ui/react/combobox/input-group/ComboboxInputGroup.cjs.js"),y=require("../../node_modules/@base-ui/react/combobox/trigger/ComboboxTrigger.cjs.js"),w=require("../../node_modules/@base-ui/react/combobox/value/ComboboxValue.cjs.js"),Y=require("../../node_modules/@base-ui/react/combobox/portal/ComboboxPortal.cjs.js"),Z=require("../../node_modules/@base-ui/react/combobox/positioner/ComboboxPositioner.cjs.js"),oo=require("../../node_modules/@base-ui/react/combobox/popup/ComboboxPopup.cjs.js"),eo=require("../../node_modules/@base-ui/react/combobox/item/ComboboxItem.cjs.js"),to=require("../../node_modules/@base-ui/react/combobox/item-indicator/ComboboxItemIndicator.cjs.js"),ro=require("../../node_modules/@base-ui/react/separator/Separator.cjs.js"),so=require("../../node_modules/@base-ui/react/combobox/group/ComboboxGroup.cjs.js"),no=require("../../node_modules/@base-ui/react/combobox/group-label/ComboboxGroupLabel.cjs.js"),io=require("../../node_modules/@base-ui/react/combobox/empty/ComboboxEmpty.cjs.js"),ao=require("../../node_modules/@base-ui/react/combobox/row/ComboboxRow.cjs.js"),lo=require("../scroll-area/scroll-area.cjs.js"),co=require("../../node_modules/@base-ui/react/combobox/list/ComboboxList.cjs.js"),bo=require("../../node_modules/@base-ui/react/combobox/clear/ComboboxClear.cjs.js"),uo=require("../../node_modules/@base-ui/react/combobox/status/ComboboxStatus.cjs.js"),mo=require("../../node_modules/@base-ui/react/combobox/collection/ComboboxCollection.cjs.js"),xo=require("../../node_modules/@base-ui/react/field/validity/FieldValidity.cjs.js"),po=require("../../node_modules/@base-ui/react/combobox/chip/ComboboxChip.cjs.js"),fo=require("../../node_modules/@base-ui/react/combobox/chip-remove/ComboboxChipRemove.cjs.js"),ho=require("../../node_modules/@base-ui/react/combobox/icon/ComboboxIcon.cjs.js"),go=require("../../node_modules/@base-ui/react/combobox/chips/ComboboxChips.cjs.js");function Co(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>o[r]})}}return e.default=o,Object.freeze(e)}const m=Co(B),f=m.createContext({chipsRef:null,multiple:!1});function P({...o}){const e=m.useRef(null);return t.jsx(f.Provider,{value:{chipsRef:e,multiple:!!o.multiple},children:t.jsx(J.ComboboxRoot,{...o})})}function T({className:o,...e}){return t.jsx(N.ComboboxInput,{className:b.cn("min-w-12 flex-1 text-base outline-none placeholder:text-muted-foreground sm:text-sm [[data-slot=combobox-chip]+&]:ps-0.5",o),"data-slot":"combobox-chips-input",...e})}function L({className:o,showTrigger:e=!0,showClear:r=!1,startAddon:s,triggerProps:i,clearProps:n,...a}){return t.jsxs(K.ComboboxInputGroup,{className:"relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64","data-slot":"combobox-input-group",children:[s&&t.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-y-0 start-px z-10 flex items-center ps-[calc(--spacing(3)-1px)] opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5","data-slot":"combobox-start-addon",children:s}),t.jsx(N.ComboboxInput,{className:b.cn(s&&"*:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]","pr-6",o),"data-slot":"combobox-input",render:l=>t.jsx(S.Input,{className:"has-disabled:opacity-100",nativeInput:!0,...l}),...a}),t.jsx(I,{showTrigger:e,showClear:r,triggerProps:i,clearProps:n})]})}function $({className:o,children:e,...r}){return t.jsx(y.ComboboxTrigger,{className:o,"data-slot":"combobox-trigger",...r,children:e})}function vo({className:o,placeholder:e,children:r,showClear:s,clearProps:i,...n}){const a=t.jsx(y.ComboboxTrigger,{className:b.cn("relative flex w-full items-center rounded-md border border-input bg-background px-3 py-2 pe-9 text-sm outline-none transition-shadow","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","data-placeholder:text-muted-foreground",o),"data-slot":"combobox-select-trigger",...n,children:r??t.jsx(w.ComboboxValue,{placeholder:e})});return s?t.jsxs("div",{className:"relative w-full text-foreground has-disabled:opacity-64","data-slot":"combobox-select-trigger-group",children:[a,t.jsx(I,{showTrigger:!0,showClear:!0,clearProps:i})]}):t.jsx(y.ComboboxTrigger,{className:b.cn("relative flex w-full items-center rounded-md border border-input bg-background px-3 py-2 pe-9 text-sm outline-none transition-shadow","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","data-placeholder:text-muted-foreground",o),"data-slot":"combobox-select-trigger",...n,children:r??t.jsxs(t.Fragment,{children:[t.jsx(w.ComboboxValue,{placeholder:e}),t.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute end-0.5 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center text-muted-foreground opacity-80 sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",children:t.jsx(_.default,{})})]})})}function jo({className:o,...e}){return t.jsx("div",{className:"border-b p-2","data-slot":"combobox-search-input-wrapper",children:t.jsx(N.ComboboxInput,{className:b.cn("flex h-9 w-full rounded-md bg-transparent text-base placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed disabled:opacity-64 sm:h-8 sm:text-sm",o),autoComplete:"off","data-slot":"combobox-search-input",...e})})}function k({className:o,children:e,side:r="bottom",sideOffset:s=4,alignOffset:i,align:n="start",anchor:a,portalProps:l,...c}){const{chipsRef:u}=m.useContext(f),p=a??u;return t.jsx(Y.ComboboxPortal,{...l,children:t.jsx(Z.ComboboxPositioner,{align:n,alignOffset:i,anchor:p,className:"z-50 select-none","data-slot":"combobox-positioner",side:r,sideOffset:s,children:t.jsx(oo.ComboboxPopup,{className:b.cn("relative flex max-h-[min(var(--available-height),23rem)] min-w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) flex-1 flex-col rounded-lg border bg-popover not-dark:bg-clip-padding text-foreground shadow-lg/5","before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]","duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95","data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",o),"data-slot":"combobox-popup",...c,children:e})})})}function G({className:o,children:e,...r}){return t.jsxs(eo.ComboboxItem,{className:b.cn("flex justify-between min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1rem_1fr] items-center gap-2 rounded-sm py-1 px-2 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",o),"data-slot":"combobox-item",...r,children:[e,t.jsx(to.ComboboxItemIndicator,{className:"col-end-1",children:t.jsx("svg",{"aria-hidden":"true",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M5.252 12.7 10.2 18.63 18.748 5.37"})})})]})}function yo({className:o,...e}){return t.jsx(ro.Separator,{className:b.cn("mx-2 my-1 h-px bg-border last:hidden",o),"data-slot":"combobox-separator",...e})}function wo({className:o,...e}){return t.jsx(so.ComboboxGroup,{className:b.cn("[[role=group]+&]:mt-1.5",o),"data-slot":"combobox-group",...e})}function No({className:o,...e}){return t.jsx(no.ComboboxGroupLabel,{className:b.cn("px-2 py-1.5 font-medium text-muted-foreground text-xs",o),"data-slot":"combobox-group-label",...e})}function E({className:o,...e}){return t.jsx(io.ComboboxEmpty,{className:b.cn("not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm",o),"data-slot":"combobox-empty",...e})}function Io({className:o,...e}){return t.jsx(ao.ComboboxRow,{className:o,"data-slot":"combobox-row",...e})}function F({...o}){return t.jsx(w.ComboboxValue,{"data-slot":"combobox-value",...o})}function V({className:o,...e}){return t.jsx(lo.ScrollArea,{scrollbarGutter:!0,scrollFade:!0,children:t.jsx(co.ComboboxList,{className:b.cn("not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3",o),"data-slot":"combobox-list",...e})})}function O({className:o,...e}){return t.jsx(bo.ComboboxClear,{className:o,"data-slot":"combobox-clear",...e})}const q="absolute end-0.5 top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";function I({showTrigger:o=!0,showClear:e=!1,triggerProps:r,clearProps:s}){return!o&&!e?null:t.jsxs("div",{className:"text-muted-foreground hover:text-foreground transition-colors",children:[o&&t.jsx($,{className:b.cn(q,"text-muted-foreground has-[+[data-slot=combobox-clear]]:hidden"),...r,children:t.jsx(ho.ComboboxIcon,{"data-slot":"combobox-icon",children:t.jsx(_.default,{})})}),e&&t.jsx(O,{className:q,...s,children:t.jsx(R.default,{})})]})}function zo({className:o,...e}){return t.jsx(uo.ComboboxStatus,{className:b.cn("px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0",o),"data-slot":"combobox-status",...e})}function qo(o){return t.jsx(mo.ComboboxCollection,{"data-slot":"combobox-collection",...o})}function M({className:o,children:e,startAddon:r,...s}){const{chipsRef:i}=m.useContext(f),n=Q.useIsInsideFieldRoot(),a=l=>t.jsxs(go.ComboboxChips,{"aria-invalid":l,className:b.cn(S.inputBaseClasses,"relative inline-flex pr-6 w-full flex-wrap gap-1","placeholder:text-muted-foreground","focus-within:border-ring","aria-invalid:border-error focus-within:aria-invalid:ring-error/20","has-disabled:cursor-not-allowed has-disabled:opacity-50",o),"data-slot":"combobox-chips",ref:i,...s,children:[r&&t.jsx("div",{"aria-hidden":"true",className:"flex shrink-0 items-center ps-2 opacity-80 has-[+[data-slot=combobox-chip]]:pe-2 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-ms-0.5 [&_svg]:-me-1.5","data-slot":"combobox-start-addon",children:r}),e]});return n?t.jsx(xo.FieldValidity,{children:({validity:l})=>a(l.valid===!1?!0:void 0)}):a(void 0)}function W({children:o,removeProps:e,...r}){return t.jsxs(po.ComboboxChip,{className:"flex my-auto items-center pl-1 rounded-[calc(var(--radius-md)-1px)] bg-accent font-medium text-accent-foreground text-sm outline-none sm:text-xs/(--text-xs--line-height) [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5 h-6","data-slot":"combobox-chip",...r,children:[o,t.jsx(A,{...e})]})}function A(o){return t.jsx(fo.ComboboxChipRemove,{"aria-label":"Quitar",className:"h-full shrink-0 cursor-pointer px-1 opacity-80 hover:opacity-100 [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5","data-slot":"combobox-chip-remove",...o,children:t.jsx(R.default,{})})}const v=4,So=24,_o=36,Ro=68;function j(o,e){const r=o-So-_o;let s=0,i=0;for(let n=0;n<e.length;n++){const a=e[n],l=n<e.length-1;if(s+(n>0?v:0)+a+(l?v+Ro:0)>r)break;s+=(n>0?v:0)+a,i++}return i}function Po(o,e){const[r,s]=m.useState(null),i=m.useRef([]),n=r===null||r.items!==o;return U.useIsomorphicLayoutEffect(()=>{if(!n)return;const a=e?.current;if(!a)return;const l=a.querySelectorAll('[data-slot="combobox-chip"]');i.current=Array.from(l).map(u=>u.offsetWidth);const c=j(a.clientWidth,i.current);s({items:o,visible:c})},[n,o,e]),m.useEffect(()=>{const a=i.current.length>0&&i.current.every(d=>d===0);if(!n&&!a)return;const l=e?.current;if(!l)return;const c=l.querySelectorAll('[data-slot="combobox-chip"]');if(!c.length)return;const u=Array.from(c).map(d=>d.offsetWidth);if(u.every(d=>d===0))return;i.current=u;const p=j(l.clientWidth,u);s(d=>d?{...d,visible:p}:{items:o,visible:p})},[n,o,e]),m.useEffect(()=>{const a=e?.current;if(!a)return;const l=new ResizeObserver(()=>{if(!i.current.length)return;const c=j(a.clientWidth,i.current);s(u=>u?{...u,visible:c}:null)});return l.observe(a),()=>l.disconnect()},[e]),{visibleCount:r?.visible??o,isMeasuring:n}}function To({value:o,getLabel:e,getId:r}){const{chipsRef:s}=m.useContext(f),{visibleCount:i,isMeasuring:n}=Po(o.length,s),a=n?o:o.slice(0,i),l=n?0:o.length-i;return t.jsxs(t.Fragment,{children:[a.map(c=>t.jsx(W,{"aria-label":e(c),children:e(c)},r(c))),l>0&&t.jsxs("span",{className:"flex items-center whitespace-nowrap px-1 text-sm text-muted-foreground",children:["+",l," más"]})]})}function Lo(o){if(o==null)return"";if(typeof o=="string"||typeof o=="number")return String(o);if(typeof o=="object"){const e=o;if("label"in e)return String(e.label);if("name"in e)return String(e.name);if("title"in e)return String(e.title)}return String(o)}function $o(o){if(o==null)return"";if(typeof o=="string"||typeof o=="number")return String(o);if(typeof o=="object"){const e=o;if("id"in e)return String(e.id);if("value"in e)return String(e.value)}return String(o)}function ko({placeholder:o,showClear:e,startAddon:r,className:s}){return t.jsx(L,{className:s,placeholder:o,showClear:e,startAddon:r})}function Go({getLabel:o,getId:e,showClear:r,startAddon:s,className:i}){return t.jsxs(M,{className:i,startAddon:s,children:[t.jsx(F,{children:n=>t.jsx(To,{value:n,getLabel:o,getId:e})}),t.jsx(I,{showTrigger:!r,showClear:r})]})}function Eo(o){const{items:e,getLabel:r,getId:s,renderItem:i,placeholder:n,emptyText:a="Sin resultados.",multiple:l,onValueChange:c,value:u,defaultValue:p,startAddon:d,classNames:x,showClear:z=!0,searchable:D=!0,...H}=o,g=r??Lo,C=s??$o;return t.jsxs(P,{items:e,itemToStringLabel:g,itemToStringValue:C,multiple:l,onValueChange:c,value:u,defaultValue:p,autoHighlight:!0,loopFocus:!0,...H,children:[l?t.jsx(Go,{getLabel:g,getId:C,showClear:z,startAddon:d,className:x?.chips}):t.jsx(ko,{placeholder:n,showClear:z,startAddon:d,className:x?.input}),t.jsxs(k,{className:x?.popup,children:[l&&D&&t.jsx("div",{className:"border-b p-2","data-slot":"combobox-chips-input-wrapper",children:t.jsx(T,{className:x?.chipsInput,placeholder:n})}),t.jsx(E,{className:x?.empty,children:a}),t.jsx(V,{className:x?.list,children:h=>t.jsx(G,{value:h,className:x?.item,children:i?i(h):g(h)},C(h))})]})]})}const Fo=X.useComboboxFilter;exports.Combobox=Eo;exports.ComboboxChip=W;exports.ComboboxChipRemove=A;exports.ComboboxChips=M;exports.ComboboxChipsInput=T;exports.ComboboxClear=O;exports.ComboboxCollection=qo;exports.ComboboxContext=f;exports.ComboboxEmpty=E;exports.ComboboxGroup=wo;exports.ComboboxGroupLabel=No;exports.ComboboxInput=L;exports.ComboboxItem=G;exports.ComboboxList=V;exports.ComboboxPopup=k;exports.ComboboxRoot=P;exports.ComboboxRow=Io;exports.ComboboxSearchInput=jo;exports.ComboboxSelectTrigger=vo;exports.ComboboxSeparator=yo;exports.ComboboxStatus=zo;exports.ComboboxTrigger=$;exports.ComboboxValue=F;exports.useComboboxFilter=Fo;