@boxcustodia/library 2.0.0-alpha.30 → 2.0.0-alpha.31

package/dist/components/combobox/combobox.es.js

@@ -1,56 +1,56 @@
 "use client";
-import { jsx as t, jsxs as d, Fragment as R } from "react/jsx-runtime";
-import * as p from "react";
-import { Input as P, inputBaseClasses as T } from "../input/input.es.js";
-import k from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.es.js";
-import { useIsInsideFieldRoot as j } from "../field/field.es.js";
-import L from "../../node_modules/lucide-react/dist/esm/icons/x.es.js";
-import { useIsomorphicLayoutEffect as F } from "../../hooks/internal/use-isomorphic-layout-effect.es.js";
-import { useComboboxFilter as V } from "../../node_modules/@base-ui/react/combobox/root/utils/useFilter.es.js";
-import { ComboboxRoot as W } from "../../node_modules/@base-ui/react/combobox/root/ComboboxRoot.es.js";
-import { ComboboxInput as _ } from "../../node_modules/@base-ui/react/combobox/input/ComboboxInput.es.js";
-import { cn as m } from "../../lib/cn.es.js";
-import { ComboboxInputGroup as A } from "../../node_modules/@base-ui/react/combobox/input-group/ComboboxInputGroup.es.js";
-import { ComboboxTrigger as N } from "../../node_modules/@base-ui/react/combobox/trigger/ComboboxTrigger.es.js";
-import { ComboboxValue as z } from "../../node_modules/@base-ui/react/combobox/value/ComboboxValue.es.js";
-import { ComboboxPortal as M } from "../../node_modules/@base-ui/react/combobox/portal/ComboboxPortal.es.js";
-import { ComboboxPositioner as D } from "../../node_modules/@base-ui/react/combobox/positioner/ComboboxPositioner.es.js";
-import { ComboboxPopup as O } from "../../node_modules/@base-ui/react/combobox/popup/ComboboxPopup.es.js";
-import { ComboboxItem as H } from "../../node_modules/@base-ui/react/combobox/item/ComboboxItem.es.js";
-import { ComboboxItemIndicator as B } from "../../node_modules/@base-ui/react/combobox/item-indicator/ComboboxItemIndicator.es.js";
-import { Separator as q } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
-import { ComboboxGroup as X } from "../../node_modules/@base-ui/react/combobox/group/ComboboxGroup.es.js";
-import { ComboboxGroupLabel as Q } from "../../node_modules/@base-ui/react/combobox/group-label/ComboboxGroupLabel.es.js";
-import { ComboboxEmpty as U } from "../../node_modules/@base-ui/react/combobox/empty/ComboboxEmpty.es.js";
-import { ComboboxRow as J } from "../../node_modules/@base-ui/react/combobox/row/ComboboxRow.es.js";
-import { ScrollArea as K } from "../scroll-area/scroll-area.es.js";
-import { ComboboxList as Y } from "../../node_modules/@base-ui/react/combobox/list/ComboboxList.es.js";
-import { ComboboxClear as Z } from "../../node_modules/@base-ui/react/combobox/clear/ComboboxClear.es.js";
-import { ComboboxStatus as oo } from "../../node_modules/@base-ui/react/combobox/status/ComboboxStatus.es.js";
-import { ComboboxCollection as eo } from "../../node_modules/@base-ui/react/combobox/collection/ComboboxCollection.es.js";
-import { FieldValidity as to } from "../../node_modules/@base-ui/react/field/validity/FieldValidity.es.js";
-import { ComboboxChip as ro } from "../../node_modules/@base-ui/react/combobox/chip/ComboboxChip.es.js";
-import { ComboboxChipRemove as no } from "../../node_modules/@base-ui/react/combobox/chip-remove/ComboboxChipRemove.es.js";
-import { ComboboxIcon as so } from "../../node_modules/@base-ui/react/combobox/icon/ComboboxIcon.es.js";
-import { ComboboxChips as io } from "../../node_modules/@base-ui/react/combobox/chips/ComboboxChips.es.js";
-const g = p.createContext({
+import { jsx as t, jsxs as p, Fragment as j } from "react/jsx-runtime";
+import * as x from "react";
+import { Input as A, inputBaseClasses as B } from "../input/input.es.js";
+import P from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.es.js";
+import { useIsInsideFieldRoot as O } from "../field/field.es.js";
+import T from "../../node_modules/lucide-react/dist/esm/icons/x.es.js";
+import { useIsomorphicLayoutEffect as H } from "../../hooks/internal/use-isomorphic-layout-effect.es.js";
+import { useComboboxFilter as q } from "../../node_modules/@base-ui/react/combobox/root/utils/useFilter.es.js";
+import { ComboboxRoot as K } from "../../node_modules/@base-ui/react/combobox/root/ComboboxRoot.es.js";
+import { ComboboxInput as $ } from "../../node_modules/@base-ui/react/combobox/input/ComboboxInput.es.js";
+import { cn as u } from "../../lib/cn.es.js";
+import { ComboboxInputGroup as X } from "../../node_modules/@base-ui/react/combobox/input-group/ComboboxInputGroup.es.js";
+import { ComboboxTrigger as I } from "../../node_modules/@base-ui/react/combobox/trigger/ComboboxTrigger.es.js";
+import { ComboboxValue as R } from "../../node_modules/@base-ui/react/combobox/value/ComboboxValue.es.js";
+import { ComboboxPortal as Q } from "../../node_modules/@base-ui/react/combobox/portal/ComboboxPortal.es.js";
+import { ComboboxPositioner as U } from "../../node_modules/@base-ui/react/combobox/positioner/ComboboxPositioner.es.js";
+import { ComboboxPopup as J } from "../../node_modules/@base-ui/react/combobox/popup/ComboboxPopup.es.js";
+import { ComboboxItem as Y } from "../../node_modules/@base-ui/react/combobox/item/ComboboxItem.es.js";
+import { ComboboxItemIndicator as Z } from "../../node_modules/@base-ui/react/combobox/item-indicator/ComboboxItemIndicator.es.js";
+import { Separator as oo } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
+import { ComboboxGroup as eo } from "../../node_modules/@base-ui/react/combobox/group/ComboboxGroup.es.js";
+import { ComboboxGroupLabel as to } from "../../node_modules/@base-ui/react/combobox/group-label/ComboboxGroupLabel.es.js";
+import { ComboboxEmpty as ro } from "../../node_modules/@base-ui/react/combobox/empty/ComboboxEmpty.es.js";
+import { ComboboxRow as no } from "../../node_modules/@base-ui/react/combobox/row/ComboboxRow.es.js";
+import { ScrollArea as so } from "../scroll-area/scroll-area.es.js";
+import { ComboboxList as io } from "../../node_modules/@base-ui/react/combobox/list/ComboboxList.es.js";
+import { ComboboxClear as ao } from "../../node_modules/@base-ui/react/combobox/clear/ComboboxClear.es.js";
+import { ComboboxStatus as lo } from "../../node_modules/@base-ui/react/combobox/status/ComboboxStatus.es.js";
+import { ComboboxCollection as co } from "../../node_modules/@base-ui/react/combobox/collection/ComboboxCollection.es.js";
+import { FieldValidity as mo } from "../../node_modules/@base-ui/react/field/validity/FieldValidity.es.js";
+import { ComboboxChip as uo } from "../../node_modules/@base-ui/react/combobox/chip/ComboboxChip.es.js";
+import { ComboboxChipRemove as bo } from "../../node_modules/@base-ui/react/combobox/chip-remove/ComboboxChipRemove.es.js";
+import { ComboboxIcon as po } from "../../node_modules/@base-ui/react/combobox/icon/ComboboxIcon.es.js";
+import { ComboboxChips as fo } from "../../node_modules/@base-ui/react/combobox/chips/ComboboxChips.es.js";
+const w = x.createContext({
   chipsRef: null,
   multiple: !1
 });
-function ao({
+function xo({
   ...o
 }) {
-  const e = p.useRef(null);
-  return /* @__PURE__ */ t(g.Provider, { value: { chipsRef: e, multiple: !!o.multiple }, children: /* @__PURE__ */ t(W, { ...o }) });
+  const e = x.useRef(null);
+  return /* @__PURE__ */ t(w.Provider, { value: { chipsRef: e, multiple: !!o.multiple }, children: /* @__PURE__ */ t(K, { ...o }) });
 }
-function lo({
+function ho({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    _,
+    $,
     {
-      className: m(
+      className: u(
         "min-w-12 flex-1 text-base outline-none placeholder:text-muted-foreground sm:text-sm [[data-slot=combobox-chip]+&]:ps-0.5",
         o
       ),
@@ -59,49 +59,49 @@ function lo({
     }
   );
 }
-function co({
+function go({
   className: o,
   showTrigger: e = !0,
   showClear: r = !1,
-  startAddon: s,
-  triggerProps: i,
+  startAddon: i,
+  triggerProps: a,
   clearProps: n,
-  ...a
+  ...l
 }) {
-  return /* @__PURE__ */ d(
-    A,
+  return /* @__PURE__ */ p(
+    X,
     {
       className: "relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64",
       "data-slot": "combobox-input-group",
       children: [
-        s && /* @__PURE__ */ t(
+        i && /* @__PURE__ */ t(
           "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
+            children: i
           }
         ),
         /* @__PURE__ */ t(
-          _,
+          $,
           {
-            className: m(
-              s && "*:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]",
+            className: u(
+              i && "*: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) => /* @__PURE__ */ t(P, { className: "has-disabled:opacity-100", nativeInput: !0, ...l }),
-            ...a
+            render: (s) => /* @__PURE__ */ t(A, { className: "has-disabled:opacity-100", nativeInput: !0, ...s }),
+            ...l
           }
         ),
         /* @__PURE__ */ t(
-          I,
+          k,
           {
             showTrigger: e,
             showClear: r,
-            triggerProps: i,
+            triggerProps: a,
             clearProps: n
           }
         )
@@ -109,13 +109,13 @@ function co({
     }
   );
 }
-function mo({
+function Co({
   className: o,
   children: e,
   ...r
 }) {
   return /* @__PURE__ */ t(
-    N,
+    I,
     {
       className: o,
       "data-slot": "combobox-trigger",
@@ -124,18 +124,18 @@ function mo({
     }
   );
 }
-function ce({
+function ge({
   className: o,
   placeholder: e,
   children: r,
-  showClear: s,
-  clearProps: i,
+  showClear: i,
+  clearProps: a,
   ...n
 }) {
-  const a = /* @__PURE__ */ t(
-    N,
+  const l = /* @__PURE__ */ t(
+    I,
     {
-      className: m(
+      className: u(
         "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",
@@ -145,23 +145,23 @@ function ce({
       ),
       "data-slot": "combobox-select-trigger",
       ...n,
-      children: r ?? /* @__PURE__ */ t(z, { placeholder: e })
+      children: r ?? /* @__PURE__ */ t(R, { placeholder: e })
     }
   );
-  return s ? /* @__PURE__ */ d(
+  return i ? /* @__PURE__ */ p(
     "div",
     {
       className: "relative w-full text-foreground has-disabled:opacity-64",
       "data-slot": "combobox-select-trigger-group",
       children: [
-        a,
-        /* @__PURE__ */ t(I, { showTrigger: !0, showClear: !0, clearProps: i })
+        l,
+        /* @__PURE__ */ t(k, { showTrigger: !0, showClear: !0, clearProps: a })
       ]
     }
   ) : /* @__PURE__ */ t(
-    N,
+    I,
     {
-      className: m(
+      className: u(
         "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",
@@ -171,28 +171,28 @@ function ce({
       ),
       "data-slot": "combobox-select-trigger",
       ...n,
-      children: r ?? /* @__PURE__ */ d(R, { children: [
-        /* @__PURE__ */ t(z, { placeholder: e }),
+      children: r ?? /* @__PURE__ */ p(j, { children: [
+        /* @__PURE__ */ t(R, { placeholder: e }),
         /* @__PURE__ */ t(
           "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: /* @__PURE__ */ t(k, {})
+            children: /* @__PURE__ */ t(P, {})
           }
         )
       ] })
     }
   );
 }
-function me({
+function Ce({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t("div", { className: "border-b p-2", "data-slot": "combobox-search-input-wrapper", children: /* @__PURE__ */ t(
-    _,
+    $,
     {
-      className: m(
+      className: u(
         "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
       ),
@@ -202,32 +202,32 @@ function me({
     }
   ) });
 }
-function bo({
+function vo({
   className: o,
   children: e,
   side: r = "bottom",
-  sideOffset: s = 4,
-  alignOffset: i,
+  sideOffset: i = 4,
+  alignOffset: a,
   align: n = "start",
-  anchor: a,
-  portalProps: l,
-  ...c
+  anchor: l,
+  portalProps: s,
+  ...m
 }) {
-  const { chipsRef: b } = p.useContext(g);
-  return /* @__PURE__ */ t(M, { ...l, children: /* @__PURE__ */ t(
-    D,
+  const { chipsRef: d } = x.useContext(w);
+  return /* @__PURE__ */ t(Q, { ...s, children: /* @__PURE__ */ t(
+    U,
     {
       align: n,
-      alignOffset: i,
-      anchor: a ?? b,
+      alignOffset: a,
+      anchor: l ?? d,
       className: "z-50 select-none",
       "data-slot": "combobox-positioner",
       side: r,
-      sideOffset: s,
+      sideOffset: i,
       children: /* @__PURE__ */ t(
-        O,
+        J,
         {
-          className: m(
+          className: u(
             "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",
@@ -235,22 +235,22 @@ function bo({
             o
           ),
           "data-slot": "combobox-popup",
-          ...c,
+          ...m,
           children: e
         }
       )
     }
   ) });
 }
-function uo({
+function yo({
   className: o,
   children: e,
   ...r
 }) {
-  return /* @__PURE__ */ d(
-    H,
+  return /* @__PURE__ */ p(
+    Y,
     {
-      className: m(
+      className: u(
         "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
       ),
@@ -258,7 +258,7 @@ function uo({
       ...r,
       children: [
         e,
-        /* @__PURE__ */ t(B, { className: "col-end-1", children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(Z, { className: "col-end-1", children: /* @__PURE__ */ t(
           "svg",
           {
             "aria-hidden": "true",
@@ -278,40 +278,40 @@ function uo({
     }
   );
 }
-function be({
+function ve({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    q,
+    oo,
     {
-      className: m("mx-2 my-1 h-px bg-border last:hidden", o),
+      className: u("mx-2 my-1 h-px bg-border last:hidden", o),
       "data-slot": "combobox-separator",
       ...e
     }
   );
 }
-function de({
+function ye({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    X,
+    eo,
     {
-      className: m("[[role=group]+&]:mt-1.5", o),
+      className: u("[[role=group]+&]:mt-1.5", o),
       "data-slot": "combobox-group",
       ...e
     }
   );
 }
-function ue({
+function we({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    Q,
+    to,
     {
-      className: m(
+      className: u(
         "px-2 py-1.5 font-medium text-muted-foreground text-xs",
         o
       ),
@@ -320,14 +320,14 @@ function ue({
     }
   );
 }
-function po({
+function wo({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    U,
+    ro,
     {
-      className: m(
+      className: u(
         "not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm",
         o
       ),
@@ -336,12 +336,12 @@ function po({
     }
   );
 }
-function pe({
+function Ne({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    J,
+    no,
     {
       className: o,
       "data-slot": "combobox-row",
@@ -349,19 +349,19 @@ function pe({
     }
   );
 }
-function fo({
+function No({
   ...o
 }) {
-  return /* @__PURE__ */ t(z, { "data-slot": "combobox-value", ...o });
+  return /* @__PURE__ */ t(R, { "data-slot": "combobox-value", ...o });
 }
-function xo({
+function zo({
   className: o,
   ...e
 }) {
-  return /* @__PURE__ */ t(K, { scrollbarGutter: !0, scrollFade: !0, children: /* @__PURE__ */ t(
-    Y,
+  return /* @__PURE__ */ t(so, { scrollbarGutter: !0, scrollFade: !0, children: /* @__PURE__ */ t(
+    io,
     {
-      className: m(
+      className: u(
         "not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3",
         o
       ),
@@ -370,12 +370,12 @@ function xo({
     }
   ) });
 }
-function ho({
+function _o({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    Z,
+    ao,
     {
       className: o,
       "data-slot": "combobox-clear",
@@ -383,36 +383,36 @@ function ho({
     }
   );
 }
-const $ = "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({
+const L = "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 k({
   showTrigger: o = !0,
   showClear: e = !1,
   triggerProps: r,
-  clearProps: s
+  clearProps: i
 }) {
-  return !o && !e ? null : /* @__PURE__ */ d("div", { className: "text-muted-foreground hover:text-foreground transition-colors", children: [
+  return !o && !e ? null : /* @__PURE__ */ p("div", { className: "text-muted-foreground hover:text-foreground transition-colors", children: [
     o && /* @__PURE__ */ t(
-      mo,
+      Co,
       {
-        className: m(
-          $,
+        className: u(
+          L,
           "text-muted-foreground has-[+[data-slot=combobox-clear]]:hidden"
         ),
         ...r,
-        children: /* @__PURE__ */ t(so, { "data-slot": "combobox-icon", children: /* @__PURE__ */ t(k, {}) })
+        children: /* @__PURE__ */ t(po, { "data-slot": "combobox-icon", children: /* @__PURE__ */ t(P, {}) })
       }
     ),
-    e && /* @__PURE__ */ t(ho, { className: $, ...s, children: /* @__PURE__ */ t(L, {}) })
+    e && /* @__PURE__ */ t(_o, { className: L, ...i, children: /* @__PURE__ */ t(T, {}) })
   ] });
 }
-function fe({
+function ze({
   className: o,
   ...e
 }) {
   return /* @__PURE__ */ t(
-    oo,
+    lo,
     {
-      className: m(
+      className: u(
         "px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0",
         o
       ),
@@ -421,21 +421,21 @@ function fe({
     }
   );
 }
-function xe(o) {
-  return /* @__PURE__ */ t(eo, { "data-slot": "combobox-collection", ...o });
+function _e(o) {
+  return /* @__PURE__ */ t(co, { "data-slot": "combobox-collection", ...o });
 }
-function go({
+function So({
   className: o,
   children: e,
   startAddon: r,
-  ...s
+  ...i
 }) {
-  const { chipsRef: i } = p.useContext(g), n = j(), a = (l) => /* @__PURE__ */ d(
-    io,
+  const { chipsRef: a } = x.useContext(w), n = O(), l = (s) => /* @__PURE__ */ p(
+    fo,
     {
-      "aria-invalid": l,
-      className: m(
-        T,
+      "aria-invalid": s,
+      className: u(
+        B,
         "relative inline-flex pr-6 w-full flex-wrap gap-1",
         "placeholder:text-muted-foreground",
         "focus-within:border-ring",
@@ -444,8 +444,8 @@ function go({
         o
       ),
       "data-slot": "combobox-chips",
-      ref: i,
-      ...s,
+      ref: a,
+      ...i,
       children: [
         r && /* @__PURE__ */ t(
           "div",
@@ -460,110 +460,110 @@ function go({
       ]
     }
   );
-  return n ? /* @__PURE__ */ t(to, { children: ({ validity: l }) => a(l.valid === !1 ? !0 : void 0) }) : a(void 0);
+  return n ? /* @__PURE__ */ t(mo, { children: ({ validity: s }) => l(s.valid === !1 ? !0 : void 0) }) : l(void 0);
 }
-function Co({
+function Io({
   children: o,
   removeProps: e,
   ...r
 }) {
-  return /* @__PURE__ */ d(
-    ro,
+  return /* @__PURE__ */ p(
+    uo,
     {
       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,
-        /* @__PURE__ */ t(vo, { ...e })
+        /* @__PURE__ */ t(Ro, { ...e })
       ]
     }
   );
 }
-function vo(o) {
+function Ro(o) {
   return /* @__PURE__ */ t(
-    no,
+    bo,
     {
       "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: /* @__PURE__ */ t(L, {})
+      children: /* @__PURE__ */ t(T, {})
     }
   );
 }
-const y = 4, yo = 24, wo = 36, No = 68;
-function w(o, e) {
-  const r = o - yo - wo;
-  let s = 0, i = 0;
+const _ = 4, $o = 24, ko = 36, Eo = 68;
+function S(o, e) {
+  const r = o - $o - ko;
+  let i = 0, a = 0;
   for (let n = 0; n < e.length; n++) {
-    const a = e[n], l = n < e.length - 1;
-    if (s + (n > 0 ? y : 0) + a + (l ? y + No : 0) > r) break;
-    s += (n > 0 ? y : 0) + a, i++;
+    const l = e[n], s = n < e.length - 1;
+    if (i + (n > 0 ? _ : 0) + l + (s ? _ + Eo : 0) > r) break;
+    i += (n > 0 ? _ : 0) + l, a++;
   }
-  return i;
+  return a;
 }
-function zo(o, e) {
-  const [r, s] = p.useState(null), i = p.useRef([]), n = r === null || r.items !== o;
-  return F(() => {
+function Vo(o, e) {
+  const [r, i] = x.useState(null), a = x.useRef([]), n = r === null || r.items !== o;
+  return H(() => {
     if (!n) return;
-    const a = e?.current;
-    if (!a) return;
-    const l = a.querySelectorAll('[data-slot="combobox-chip"]');
-    i.current = Array.from(l).map(
-      (b) => b.offsetWidth
-    );
-    const c = w(
-      a.clientWidth,
-      i.current
-    );
-    s({ items: o, visible: c });
-  }, [n, o, e]), p.useEffect(() => {
-    const a = i.current.length > 0 && i.current.every((u) => u === 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 b = Array.from(c).map(
-      (u) => u.offsetWidth
+    const s = l.querySelectorAll('[data-slot="combobox-chip"]');
+    a.current = Array.from(s).map(
+      (d) => d.offsetWidth
+    );
+    const m = S(
+      l.clientWidth,
+      a.current
+    );
+    i({ items: o, visible: m });
+  }, [n, o, e]), x.useEffect(() => {
+    const l = a.current.length > 0 && a.current.every((f) => f === 0);
+    if (!n && !l) return;
+    const s = e?.current;
+    if (!s) return;
+    const m = s.querySelectorAll('[data-slot="combobox-chip"]');
+    if (!m.length) return;
+    const d = Array.from(m).map(
+      (f) => f.offsetWidth
     );
-    if (b.every((u) => u === 0)) return;
-    i.current = b;
-    const x = w(l.clientWidth, b);
-    s(
-      (u) => u ? { ...u, visible: x } : { items: o, visible: x }
+    if (d.every((f) => f === 0)) return;
+    a.current = d;
+    const h = S(s.clientWidth, d);
+    i(
+      (f) => f ? { ...f, visible: h } : { items: o, visible: h }
     );
-  }, [n, o, e]), p.useEffect(() => {
-    const a = e?.current;
-    if (!a) return;
-    const l = new ResizeObserver(() => {
-      if (!i.current.length) return;
-      const c = w(
-        a.clientWidth,
-        i.current
+  }, [n, o, e]), x.useEffect(() => {
+    const l = e?.current;
+    if (!l) return;
+    const s = new ResizeObserver(() => {
+      if (!a.current.length) return;
+      const m = S(
+        l.clientWidth,
+        a.current
       );
-      s((b) => b ? { ...b, visible: c } : null);
+      i((d) => d ? { ...d, visible: m } : null);
     });
-    return l.observe(a), () => l.disconnect();
+    return s.observe(l), () => s.disconnect();
   }, [e]), { visibleCount: r?.visible ?? o, isMeasuring: n };
 }
-function _o({
+function Lo({
   value: o,
   getLabel: e,
   getId: r
 }) {
-  const { chipsRef: s } = p.useContext(g), { visibleCount: i, isMeasuring: n } = zo(o.length, s), a = n ? o : o.slice(0, i), l = n ? 0 : o.length - i;
-  return /* @__PURE__ */ d(R, { children: [
-    a.map((c) => /* @__PURE__ */ t(Co, { "aria-label": e(c), children: e(c) }, r(c))),
-    l > 0 && /* @__PURE__ */ d("span", { className: "flex items-center whitespace-nowrap px-1 text-sm text-muted-foreground", children: [
+  const { chipsRef: i } = x.useContext(w), { visibleCount: a, isMeasuring: n } = Vo(o.length, i), l = n ? o : o.slice(0, a), s = n ? 0 : o.length - a;
+  return /* @__PURE__ */ p(j, { children: [
+    l.map((m) => /* @__PURE__ */ t(Io, { "aria-label": e(m), children: e(m) }, r(m))),
+    s > 0 && /* @__PURE__ */ p("span", { className: "flex items-center whitespace-nowrap px-1 text-sm text-muted-foreground", children: [
       "+",
-      l,
+      s,
       " más"
     ] })
   ] });
 }
-function Io(o) {
+function jo(o) {
   if (o == null) return "";
   if (typeof o == "string" || typeof o == "number") return String(o);
   if (typeof o == "object") {
@@ -574,7 +574,7 @@ function Io(o) {
   }
   return String(o);
 }
-function So(o) {
+function Po(o) {
   if (o == null) return "";
   if (typeof o == "string" || typeof o == "number") return String(o);
   if (typeof o == "object") {
@@ -584,145 +584,165 @@ function So(o) {
   }
   return String(o);
 }
-function $o({
+function To({
   placeholder: o,
   showClear: e,
   startAddon: r,
-  className: s
+  className: i
 }) {
   return /* @__PURE__ */ t(
-    co,
+    go,
     {
-      className: s,
+      className: i,
       placeholder: o,
       showClear: e,
       startAddon: r
     }
   );
 }
-function Ro({
+function Go({
   getLabel: o,
   getId: e,
   showClear: r,
-  startAddon: s,
-  className: i
+  startAddon: i,
+  className: a
 }) {
-  return /* @__PURE__ */ d(go, { className: i, startAddon: s, children: [
-    /* @__PURE__ */ t(fo, { children: (n) => /* @__PURE__ */ t(
-      _o,
+  return /* @__PURE__ */ p(So, { className: a, startAddon: i, children: [
+    /* @__PURE__ */ t(No, { children: (n) => /* @__PURE__ */ t(
+      Lo,
       {
         value: n,
         getLabel: o,
         getId: e
       }
     ) }),
-    /* @__PURE__ */ t(I, { showTrigger: !r, showClear: r })
+    /* @__PURE__ */ t(k, { showTrigger: !r, showClear: r })
   ] });
 }
-function he(o) {
+function Se(o) {
   const {
     items: e,
     getLabel: r,
-    getId: s,
-    renderItem: i,
+    getId: i,
+    renderItem: a,
     placeholder: n,
-    emptyText: a = "Sin resultados.",
-    multiple: l,
-    onValueChange: c,
-    value: b,
-    defaultValue: x,
-    startAddon: u,
-    classNames: f,
-    showClear: S = !0,
-    searchable: E = !0,
-    ...G
-  } = o, C = r ?? Io, v = s ?? So;
-  return /* @__PURE__ */ d(
-    ao,
+    emptyText: l = "Sin resultados.",
+    multiple: s,
+    onValueChange: m,
+    value: d,
+    defaultValue: h,
+    startAddon: f,
+    classNames: g,
+    showClear: E = !0,
+    searchable: G = !0,
+    ...F
+  } = o, N = r ?? jo, C = i ?? Po, v = (c) => String(C(c)), y = (c) => e.find((b) => v(b) === c) ?? null, V = x.useRef(!1);
+  if (process.env.NODE_ENV !== "production" && !V.current) {
+    const c = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
+    for (const M of e) {
+      const z = v(M);
+      c.has(z) && b.add(z), c.add(z);
+    }
+    b.size > 0 && (V.current = !0, console.warn(
+      `[Combobox] Multiple items resolve to the same id (${[...b].join(", ")}). Provide a \`getId\` that returns a unique value per item.`
+    ));
+  }
+  const W = s ? d?.map((c) => y(String(c))).filter(Boolean) : d == null ? d : y(String(d)), D = s ? h?.map((c) => y(String(c))).filter(Boolean) : h == null ? void 0 : y(String(h));
+  return /* @__PURE__ */ p(
+    xo,
     {
       items: e,
-      itemToStringLabel: C,
-      itemToStringValue: v,
-      multiple: l,
-      onValueChange: c,
-      value: b,
-      defaultValue: x,
+      itemToStringLabel: N,
+      itemToStringValue: C,
+      multiple: s,
+      onValueChange: (c) => {
+        if (s) {
+          const b = c ?? [];
+          m?.(b.map(C), b);
+        } else {
+          const b = c ?? null;
+          m?.(b ? C(b) : null, b);
+        }
+      },
+      value: W,
+      defaultValue: D,
+      isItemEqualToValue: (c, b) => v(c) === v(b),
       autoHighlight: !0,
       loopFocus: !0,
-      ...G,
+      ...F,
       children: [
-        l ? /* @__PURE__ */ t(
-          Ro,
+        s ? /* @__PURE__ */ t(
+          Go,
           {
-            getLabel: C,
-            getId: v,
-            showClear: S,
-            startAddon: u,
-            className: f?.chips
+            getLabel: N,
+            getId: C,
+            showClear: E,
+            startAddon: f,
+            className: g?.chips
           }
         ) : /* @__PURE__ */ t(
-          $o,
+          To,
           {
             placeholder: n,
-            showClear: S,
-            startAddon: u,
-            className: f?.input
+            showClear: E,
+            startAddon: f,
+            className: g?.input
           }
         ),
-        /* @__PURE__ */ d(bo, { className: f?.popup, children: [
-          l && E && /* @__PURE__ */ t(
+        /* @__PURE__ */ p(vo, { className: g?.popup, children: [
+          s && G && /* @__PURE__ */ t(
             "div",
             {
               className: "border-b p-2",
               "data-slot": "combobox-chips-input-wrapper",
               children: /* @__PURE__ */ t(
-                lo,
+                ho,
                 {
-                  className: f?.chipsInput,
+                  className: g?.chipsInput,
                   placeholder: n
                 }
               )
             }
           ),
-          /* @__PURE__ */ t(po, { className: f?.empty, children: a }),
-          /* @__PURE__ */ t(xo, { className: f?.list, children: (h) => /* @__PURE__ */ t(
-            uo,
+          /* @__PURE__ */ t(wo, { className: g?.empty, children: l }),
+          /* @__PURE__ */ t(zo, { className: g?.list, children: (c) => /* @__PURE__ */ t(
+            yo,
             {
-              value: h,
-              className: f?.item,
-              children: i ? i(h) : C(h)
+              value: c,
+              className: g?.item,
+              children: a ? a(c) : N(c)
             },
-            v(h)
+            C(c)
           ) })
         ] })
       ]
     }
   );
 }
-const ge = V;
+const Ie = q;
 export {
-  he as Combobox,
-  Co as ComboboxChip,
-  vo as ComboboxChipRemove,
-  go as ComboboxChips,
-  lo as ComboboxChipsInput,
-  ho as ComboboxClear,
-  xe as ComboboxCollection,
-  g as ComboboxContext,
-  po as ComboboxEmpty,
-  de as ComboboxGroup,
-  ue as ComboboxGroupLabel,
-  co as ComboboxInput,
-  uo as ComboboxItem,
-  xo as ComboboxList,
-  bo as ComboboxPopup,
-  ao as ComboboxRoot,
-  pe as ComboboxRow,
-  me as ComboboxSearchInput,
-  ce as ComboboxSelectTrigger,
-  be as ComboboxSeparator,
-  fe as ComboboxStatus,
-  mo as ComboboxTrigger,
-  fo as ComboboxValue,
-  ge as useComboboxFilter
+  Se as Combobox,
+  Io as ComboboxChip,
+  Ro as ComboboxChipRemove,
+  So as ComboboxChips,
+  ho as ComboboxChipsInput,
+  _o as ComboboxClear,
+  _e as ComboboxCollection,
+  w as ComboboxContext,
+  wo as ComboboxEmpty,
+  ye as ComboboxGroup,
+  we as ComboboxGroupLabel,
+  go as ComboboxInput,
+  yo as ComboboxItem,
+  zo as ComboboxList,
+  vo as ComboboxPopup,
+  xo as ComboboxRoot,
+  Ne as ComboboxRow,
+  Ce as ComboboxSearchInput,
+  ge as ComboboxSelectTrigger,
+  ve as ComboboxSeparator,
+  ze as ComboboxStatus,
+  Co as ComboboxTrigger,
+  No as ComboboxValue,
+  Ie as useComboboxFilter
 };