docthub-core-components 3.2.2 → 3.2.3

package/dist/components/overrides/ui/autocomplete-checkbox.js

@@ -1,491 +1,497 @@
 "use client";
-import { jsx as n, jsxs as D } from "react/jsx-runtime";
-import { c as ro } from "react-compiler-runtime";
-import { ChevronDown as to, X as ao } from "lucide-react";
-import { useId as so, useState as co, useEffect as yt, useRef as oo } from "react";
-import { createPortal as bo } from "react-dom";
-import { Chip as go } from "./chips/doct-chip.js";
-import { SearchInput as xo } from "./search/search-input.js";
-import { DoctButton as vo } from "../../ui/button.js";
-import { Checkbox as wo } from "../../ui/checkbox.js";
-import { Input as yo } from "../../ui/input.js";
-import { TooltipProvider as ko, Tooltip as Co, TooltipTrigger as So, TooltipContent as No } from "../../ui/tooltip.js";
-import { useAutocompleteCheckbox as To } from "../../../hooks/useAutocompleteCheckbox.js";
+import { jsx as n, jsxs as I } from "react/jsx-runtime";
+import { c as io } from "react-compiler-runtime";
+import { ChevronDown as lo, X as fo } from "lucide-react";
+import { useId as uo, useState as mo, useEffect as Ct, useRef as no } from "react";
+import { createPortal as vo } from "react-dom";
+import { Chip as wo } from "./chips/doct-chip.js";
+import { SearchInput as yo } from "./search/search-input.js";
+import { DoctButton as ko } from "../../ui/button.js";
+import { Checkbox as Co } from "../../ui/checkbox.js";
+import { Input as So } from "../../ui/input.js";
+import { TooltipProvider as No, Tooltip as To, TooltipTrigger as Oo, TooltipContent as Io } from "../../ui/tooltip.js";
+import { useAutocompleteCheckbox as Po } from "../../../hooks/useAutocompleteCheckbox.js";
 import { cn as C } from "../../../lib/utils.js";
-const Oo = {
+const Bo = {
   small: "h-8 text-xs px-2",
   medium: "h-10 text-sm px-3",
   large: "h-12 text-base px-4"
-}, Po = {
+}, Do = {
   outlined: "border border-input bg-background",
   filled: "border-0 bg-accent",
   standard: "border-0 border-b border-input rounded-none bg-transparent"
-}, Io = (Qe) => {
-  const e = ro(68), {
+}, Fo = (Ye) => {
+  const e = io(68), {
     option: r,
-    index: g,
+    index: b,
     isSelected: d,
-    isHighlighted: b,
+    isHighlighted: p,
     onSelect: a,
     getOptionLabel: i,
-    renderOption: v,
-    freeSolo: x,
+    renderOption: x,
+    freeSolo: g,
     originalOptions: S,
     checkboxPosition: N,
     showChip: T,
-    checkboxProps: B,
-    chipProps: F,
-    checkboxColor: et,
-    hideCheckbox: Ue
-  } = Qe, Ne = x === void 0 ? !1 : x;
-  let ae;
-  e[0] !== S ? (ae = S === void 0 ? [] : S, e[0] = S, e[1] = ae) : ae = e[1];
-  const Te = ae, Z = Ue === void 0 ? !1 : Ue, $ = oo(null), [Oe, kt] = co(!1);
-  let w;
-  e[2] !== a || e[3] !== r ? (w = () => {
+    checkboxProps: A,
+    chipProps: D,
+    checkboxColor: ot,
+    hideCheckbox: _e
+  } = Ye, Pe = g === void 0 ? !1 : g;
+  let ue;
+  e[0] !== S ? (ue = S === void 0 ? [] : S, e[0] = S, e[1] = ue) : ue = e[1];
+  const Be = ue, J = _e === void 0 ? !1 : _e, q = no(null), [De, St] = mo(!1);
+  let v;
+  e[2] !== a || e[3] !== r ? (v = () => {
     a(r);
-  }, e[2] = a, e[3] = r, e[4] = w) : w = e[4];
-  const Pe = w;
-  let ce;
-  e[5] !== a || e[6] !== r ? (ce = (p) => {
-    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), a(r));
-  }, e[5] = a, e[6] = r, e[7] = ce) : ce = e[7];
-  const Ie = ce;
-  let G;
-  e[8] !== Ne || e[9] !== i || e[10] !== r || e[11] !== Te ? (G = Ne && typeof r == "string" && !Te.some((p) => i(p).toLowerCase() === r.toLowerCase()), e[8] = Ne, e[9] = i, e[10] = r, e[11] = Te, e[12] = G) : G = e[12];
-  const J = G;
-  let de;
-  e[13] !== i || e[14] !== J || e[15] !== r ? (de = J ? `Add "${i(r)}"` : i(r), e[13] = i, e[14] = J, e[15] = r, e[16] = de) : de = e[16];
-  const P = de;
-  let Q, ue;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (Q = () => {
-    const p = () => {
-      if ($.current) {
-        const Ae = $.current.scrollWidth > $.current.clientWidth;
-        kt(Ae);
+  }, e[2] = a, e[3] = r, e[4] = v) : v = e[4];
+  const Fe = v;
+  let fe;
+  e[5] !== a || e[6] !== r ? (fe = (w) => {
+    (w.key === "Enter" || w.key === " ") && (w.preventDefault(), a(r));
+  }, e[5] = a, e[6] = r, e[7] = fe) : fe = e[7];
+  const Re = fe;
+  let Q;
+  e[8] !== Pe || e[9] !== i || e[10] !== r || e[11] !== Be ? (Q = Pe && typeof r == "string" && !Be.some((w) => i(w).toLowerCase() === r.toLowerCase()), e[8] = Pe, e[9] = i, e[10] = r, e[11] = Be, e[12] = Q) : Q = e[12];
+  const U = Q;
+  let me;
+  e[13] !== i || e[14] !== U || e[15] !== r ? (me = U ? `Add "${i(r)}"` : i(r), e[13] = i, e[14] = U, e[15] = r, e[16] = me) : me = e[16];
+  const P = me;
+  let Y, pe;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (Y = () => {
+    const w = () => {
+      if (q.current) {
+        const Nt = q.current.scrollWidth > q.current.clientWidth;
+        St(Nt);
       }
     };
-    p();
-    const tt = new ResizeObserver(() => {
-      p();
+    w();
+    const o = new ResizeObserver(() => {
+      w();
     });
-    $.current && tt.observe($.current);
-    const m = setTimeout(p, 0);
+    q.current && o.observe(q.current);
+    const j = setTimeout(w, 0);
     return () => {
-      tt.disconnect(), clearTimeout(m);
+      o.disconnect(), clearTimeout(j);
     };
-  }, ue = [], e[17] = Q, e[18] = ue) : (Q = e[17], ue = e[18]), yt(Q, ue);
-  let q;
-  e[19] !== B ? (q = B ?? {}, e[19] = B, e[20] = q) : q = e[20];
-  let K, fe, O, De;
-  e[21] !== q ? ({
-    className: K,
-    tabIndex: De,
-    color: fe,
+  }, pe = [], e[17] = Y, e[18] = pe) : (Y = e[17], pe = e[18]), Ct(Y, pe);
+  let K;
+  e[19] !== A ? (K = A ?? {}, e[19] = A, e[20] = K) : K = e[20];
+  let H, he, O, Ae;
+  e[21] !== K ? ({
+    className: H,
+    tabIndex: Ae,
+    color: he,
     ...O
-  } = q, e[21] = q, e[22] = K, e[23] = fe, e[24] = O, e[25] = De) : (K = e[22], fe = e[23], O = e[24], De = e[25]);
-  const Ye = fe ?? et, me = De ?? -1, pe = !d && "opacity-20";
-  let U;
-  e[26] !== K || e[27] !== pe ? (U = C("pointer-events-none border-2 opacity-100 flex items-center justify-center !rounded-sm", pe, K), e[26] = K, e[27] = pe, e[28] = U) : U = e[28];
-  let Y;
-  e[29] !== O || e[30] !== d || e[31] !== Ye || e[32] !== me || e[33] !== U ? (Y = /* @__PURE__ */ n(wo, { checked: d, tabIndex: me, className: U, color: Ye, ...O }), e[29] = O, e[30] = d, e[31] = Ye, e[32] = me, e[33] = U, e[34] = Y) : Y = e[34];
-  const he = Y, Fe = F == null ? void 0 : F.className;
+  } = K, e[21] = K, e[22] = H, e[23] = he, e[24] = O, e[25] = Ae) : (H = e[22], he = e[23], O = e[24], Ae = e[25]);
+  const et = he ?? ot, be = Ae ?? -1, ge = !d && "opacity-20";
+  let _;
+  e[26] !== H || e[27] !== ge ? (_ = C("pointer-events-none border-2 opacity-100 flex items-center justify-center !rounded-sm", ge, H), e[26] = H, e[27] = ge, e[28] = _) : _ = e[28];
   let L;
-  e[35] !== Fe ? (L = C("flex-shrink-0", Fe), e[35] = Fe, e[36] = L) : L = e[36];
-  let u;
-  e[37] !== F || e[38] !== L ? (u = {
+  e[29] !== O || e[30] !== d || e[31] !== et || e[32] !== be || e[33] !== _ ? (L = /* @__PURE__ */ n(Co, { checked: d, tabIndex: be, className: _, color: et, ...O }), e[29] = O, e[30] = d, e[31] = et, e[32] = be, e[33] = _, e[34] = L) : L = e[34];
+  const W = L, xe = D == null ? void 0 : D.className;
+  let V;
+  e[35] !== xe ? (V = C("flex-shrink-0", xe), e[35] = xe, e[36] = V) : V = e[36];
+  let ve;
+  e[37] !== D || e[38] !== V ? (ve = {
     size: "small",
     variant: "soft",
-    ...F,
-    className: L
-  }, e[37] = F, e[38] = L, e[39] = u) : u = e[39];
-  const be = u, _ = N === "left";
+    ...D,
+    className: V
+  }, e[37] = D, e[38] = V, e[39] = ve) : ve = e[39];
+  const we = ve, u = N === "left";
   let ee;
-  e[40] !== P ? (ee = /* @__PURE__ */ n("span", { ref: $, className: "flex-1 truncate", children: P }), e[40] = P, e[41] = ee) : ee = e[41];
-  const H = ee;
-  let f;
-  e[42] !== Oe || e[43] !== P || e[44] !== H ? (f = Oe ? /* @__PURE__ */ D(Co, { children: [
-    /* @__PURE__ */ n(So, { asChild: !0, children: H }),
-    /* @__PURE__ */ n(No, { children: /* @__PURE__ */ n("p", { children: P }) })
-  ] }) : H, e[42] = Oe, e[43] = P, e[44] = H, e[45] = f) : f = e[45];
-  const ge = f, te = b ? "bg-accent text-accent-foreground" : "", xe = Z && d && "bg-[#F5F5F5]", oe = J && "italic";
-  let W;
-  e[46] !== te || e[47] !== xe || e[48] !== oe ? (W = C("px-3 py-2 cursor-pointer flex items-center", "text-sm transition-colors mx-2.5 rounded-md my-0.5 hover:bg-[#F5F5F5]", te, xe, oe), e[46] = te, e[47] = xe, e[48] = oe, e[49] = W) : W = e[49];
-  let A;
-  e[50] !== he || e[51] !== be || e[52] !== Z || e[53] !== g || e[54] !== _ || e[55] !== r || e[56] !== P || e[57] !== v || e[58] !== T || e[59] !== ge ? (A = v ? v(r, g) : /* @__PURE__ */ D("div", { className: "flex items-center gap-2 w-full", children: [
-    !Z && _ && he,
-    ge,
-    T && /* @__PURE__ */ n(go, { label: P, ...be }),
-    !Z && !_ && he
-  ] }), e[50] = he, e[51] = be, e[52] = Z, e[53] = g, e[54] = _, e[55] = r, e[56] = P, e[57] = v, e[58] = T, e[59] = ge, e[60] = A) : A = e[60];
-  let t;
-  return e[61] !== Pe || e[62] !== Ie || e[63] !== g || e[64] !== d || e[65] !== W || e[66] !== A ? (t = /* @__PURE__ */ n("div", { role: "option", "aria-selected": d, tabIndex: 0, onClick: Pe, onKeyDown: Ie, "data-option-index": g, className: W, children: A }), e[61] = Pe, e[62] = Ie, e[63] = g, e[64] = d, e[65] = W, e[66] = A, e[67] = t) : t = e[67], t;
-}, Do = (Qe) => {
-  const e = ro(17), {
+  e[40] !== P ? (ee = /* @__PURE__ */ n("span", { ref: q, className: "flex-1 truncate", children: P }), e[40] = P, e[41] = ee) : ee = e[41];
+  const te = ee;
+  let oe;
+  e[42] !== De || e[43] !== P || e[44] !== te ? (oe = De ? /* @__PURE__ */ I(To, { children: [
+    /* @__PURE__ */ n(Oo, { asChild: !0, children: te }),
+    /* @__PURE__ */ n(Io, { children: /* @__PURE__ */ n("p", { children: P }) })
+  ] }) : te, e[42] = De, e[43] = P, e[44] = te, e[45] = oe) : oe = e[45];
+  const re = oe, f = p ? "bg-accent text-accent-foreground" : "", ye = J && d && "bg-[#F5F5F5]", le = U && "italic";
+  let z;
+  e[46] !== f || e[47] !== ye || e[48] !== le ? (z = C("px-3 py-2 cursor-pointer flex items-center", "text-sm transition-colors mx-2.5 rounded-md my-0.5 hover:bg-[#F5F5F5]", f, ye, le), e[46] = f, e[47] = ye, e[48] = le, e[49] = z) : z = e[49];
+  let F;
+  e[50] !== W || e[51] !== we || e[52] !== J || e[53] !== b || e[54] !== u || e[55] !== r || e[56] !== P || e[57] !== x || e[58] !== T || e[59] !== re ? (F = x ? x(r, b) : /* @__PURE__ */ I("div", { className: "flex items-center gap-2 w-full", children: [
+    !J && u && W,
+    re,
+    T && /* @__PURE__ */ n(wo, { label: P, ...we }),
+    !J && !u && W
+  ] }), e[50] = W, e[51] = we, e[52] = J, e[53] = b, e[54] = u, e[55] = r, e[56] = P, e[57] = x, e[58] = T, e[59] = re, e[60] = F) : F = e[60];
+  let ne;
+  return e[61] !== Fe || e[62] !== Re || e[63] !== b || e[64] !== d || e[65] !== z || e[66] !== F ? (ne = /* @__PURE__ */ n("div", { role: "option", "aria-selected": d, tabIndex: 0, onClick: Fe, onKeyDown: Re, "data-option-index": b, className: z, children: F }), e[61] = Fe, e[62] = Re, e[63] = b, e[64] = d, e[65] = z, e[66] = F, e[67] = ne) : ne = e[67], ne;
+}, Ro = (Ye) => {
+  const e = io(17), {
     tag: r,
-    index: g,
+    index: b,
     getOptionLabel: d,
-    onRemove: b
-  } = Qe;
+    onRemove: p
+  } = Ye;
   let a;
-  e[0] !== b || e[1] !== r ? (a = (F) => {
-    F.stopPropagation(), b(r);
-  }, e[0] = b, e[1] = r, e[2] = a) : a = e[2];
+  e[0] !== p || e[1] !== r ? (a = (D) => {
+    D.stopPropagation(), p(r);
+  }, e[0] = p, e[1] = r, e[2] = a) : a = e[2];
   const i = a;
-  let v;
-  e[3] !== d || e[4] !== r ? (v = d(r), e[3] = d, e[4] = r, e[5] = v) : v = e[5];
   let x;
-  e[6] !== d || e[7] !== r ? (x = d(r), e[6] = d, e[7] = r, e[8] = x) : x = e[8];
-  const S = `Remove ${x}`;
+  e[3] !== d || e[4] !== r ? (x = d(r), e[3] = d, e[4] = r, e[5] = x) : x = e[5];
+  let g;
+  e[6] !== d || e[7] !== r ? (g = d(r), e[6] = d, e[7] = r, e[8] = g) : g = e[8];
+  const S = `Remove ${g}`;
   let N;
-  e[9] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ n(ao, { className: "h-3 w-3" }), e[9] = N) : N = e[9];
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ n(fo, { className: "h-3 w-3" }), e[9] = N) : N = e[9];
   let T;
   e[10] !== i || e[11] !== S ? (T = /* @__PURE__ */ n("button", { type: "button", onClick: i, className: "ml-1 hover:bg-secondary-foreground/20 rounded-full p-0.5", "aria-label": S, children: N }), e[10] = i, e[11] = S, e[12] = T) : T = e[12];
-  let B;
-  return e[13] !== g || e[14] !== v || e[15] !== T ? (B = /* @__PURE__ */ D("div", { className: "inline-flex items-center gap-1 px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground rounded-full", children: [
-    v,
+  let A;
+  return e[13] !== b || e[14] !== x || e[15] !== T ? (A = /* @__PURE__ */ I("div", { className: "inline-flex items-center gap-1 px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground rounded-full", children: [
+    x,
     T
-  ] }, g), e[13] = g, e[14] = v, e[15] = T, e[16] = B) : B = e[16], B;
+  ] }, b), e[13] = b, e[14] = x, e[15] = T, e[16] = A) : A = e[16], A;
 };
-function jo(Qe) {
-  const e = ro(197), {
+function Zo(Ye) {
+  const e = io(200), {
     options: r,
-    dataSource: g,
+    dataSource: b,
     value: d,
-    onChange: b,
+    onChange: p,
     change: a,
     onInputChange: i,
-    placeholder: v,
-    label: x,
+    placeholder: x,
+    label: g,
     helperText: S,
     error: N,
     noOptionsText: T,
-    emptyMessage: B,
-    disabled: F,
-    loading: et,
-    required: Ue,
-    clearable: Ne,
-    disableCloseOnSelect: ae,
-    freeSolo: Te,
-    size: Z,
-    variant: $,
-    fullWidth: Oe,
-    className: kt,
-    inputClassName: w,
-    checkboxPosition: Pe,
-    showChip: ce,
-    showTags: Ie,
-    checkboxProps: G,
-    chipProps: J,
-    checkboxColor: de,
+    emptyMessage: A,
+    disabled: D,
+    loading: ot,
+    required: _e,
+    clearable: Pe,
+    disableCloseOnSelect: ue,
+    freeSolo: Be,
+    size: J,
+    variant: q,
+    fullWidth: De,
+    className: St,
+    inputClassName: v,
+    checkboxPosition: Fe,
+    showChip: fe,
+    showTags: Re,
+    checkboxProps: Q,
+    chipProps: U,
+    checkboxColor: me,
     showSearch: P,
-    searchPlaceholder: Q,
-    showScroller: ue,
-    multiple: q,
-    hideCheckbox: K,
-    triggerType: fe,
+    searchPlaceholder: Y,
+    showScroller: pe,
+    multiple: K,
+    hideCheckbox: H,
+    triggerType: he,
     triggerButtonLabel: O,
-    triggerButtonVariant: De,
-    triggerButtonSize: Ye,
-    triggerButtonProps: me,
-    triggerButtonIcon: pe,
-    triggerButtonIconPosition: U,
-    portalContainer: Y,
-    disablePortal: he,
-    dropdownWidth: Fe,
-    getOptionLabel: L,
+    triggerButtonVariant: Ae,
+    triggerButtonSize: et,
+    triggerButtonProps: be,
+    triggerButtonIcon: ge,
+    triggerButtonIconPosition: _,
+    triggerButtonLeftIcon: L,
+    triggerButtonRightIcon: W,
+    portalContainer: xe,
+    disablePortal: V,
+    dropdownWidth: ve,
+    getOptionLabel: we,
     getOptionValue: u,
-    isOptionEqualToValue: be,
-    filterOptions: _,
-    renderOption: ee,
-    renderTags: H,
+    isOptionEqualToValue: ee,
+    filterOptions: te,
+    renderOption: oe,
+    renderTags: re,
     limitTags: f,
-    fields: ge
-  } = Qe;
-  let te;
-  e[0] !== r ? (te = r === void 0 ? [] : r, e[0] = r, e[1] = te) : te = e[1];
-  const xe = te;
-  let oe;
-  e[2] !== g ? (oe = g === void 0 ? [] : g, e[2] = g, e[3] = oe) : oe = e[3];
-  const W = oe;
-  let A;
-  e[4] !== d ? (A = d === void 0 ? [] : d, e[4] = d, e[5] = A) : A = e[5];
-  const t = A, p = v === void 0 ? "Search..." : v, tt = T === void 0 ? "No options" : T, m = F === void 0 ? !1 : F, Ae = et === void 0 ? !1 : et, Ct = Ue === void 0 ? !1 : Ue, uo = Ne === void 0 ? !0 : Ne, St = ae === void 0 ? !0 : ae, Re = Te === void 0 ? !1 : Te, fo = Z === void 0 ? "medium" : Z, mo = $ === void 0 ? "outlined" : $, lo = Oe === void 0 ? !0 : Oe, Nt = Pe === void 0 ? "right" : Pe, Tt = ce === void 0 ? !1 : ce, po = Ie === void 0 ? !0 : Ie, Ot = de === void 0 ? "#000000" : de, h = P === void 0 ? !1 : P, Pt = ue === void 0 ? !0 : ue, It = q === void 0 ? !0 : q, Dt = K === void 0 ? !1 : K, Ft = fe === void 0 ? "input" : fe, At = he === void 0 ? !1 : he, Be = Fe === void 0 ? "220px" : Fe, ve = so(), [we, Rt] = co(!1);
-  let ot;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (ot = () => {
-    Rt(!1);
-  }, e[6] = ot) : ot = e[6];
-  let rt;
-  e[7] !== t ? (rt = [t], e[7] = t, e[8] = rt) : rt = e[8], yt(ot, rt);
+    fields: ye
+  } = Ye;
+  let le;
+  e[0] !== r ? (le = r === void 0 ? [] : r, e[0] = r, e[1] = le) : le = e[1];
+  const z = le;
+  let F;
+  e[2] !== b ? (F = b === void 0 ? [] : b, e[2] = b, e[3] = F) : F = e[3];
+  const ne = F;
+  let w;
+  e[4] !== d ? (w = d === void 0 ? [] : d, e[4] = d, e[5] = w) : w = e[5];
+  const o = w, j = x === void 0 ? "Search..." : x, Nt = T === void 0 ? "No options" : T, h = D === void 0 ? !1 : D, rt = ot === void 0 ? !1 : ot, Tt = _e === void 0 ? !1 : _e, po = Pe === void 0 ? !0 : Pe, Ot = ue === void 0 ? !0 : ue, Le = Be === void 0 ? !1 : Be, ho = J === void 0 ? "medium" : J, bo = q === void 0 ? "outlined" : q, so = De === void 0 ? !0 : De, It = Fe === void 0 ? "right" : Fe, Pt = fe === void 0 ? !1 : fe, go = Re === void 0 ? !0 : Re, Bt = me === void 0 ? "#000000" : me, m = P === void 0 ? !1 : P, Dt = pe === void 0 ? !0 : pe, Ft = K === void 0 ? !0 : K, Rt = H === void 0 ? !1 : H, At = he === void 0 ? "input" : he, Lt = V === void 0 ? !1 : V, We = ve === void 0 ? "220px" : ve, ke = uo(), [Ce, Wt] = mo(!1);
   let lt;
-  e[9] !== W ? (lt = W ?? [], e[9] = W, e[10] = lt) : lt = e[10];
-  const no = lt;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (lt = () => {
+    Wt(!1);
+  }, e[6] = lt) : lt = e[6];
   let nt;
-  e[11] !== xe ? (nt = xe ?? [], e[11] = xe, e[12] = nt) : nt = e[12];
-  const ho = nt, Le = no.length > 0 ? no : ho;
-  let We;
-  e[13] !== a || e[14] !== b ? (We = (o, l) => {
-    b == null || b(o, l), a == null || a({
+  e[7] !== o ? (nt = [o], e[7] = o, e[8] = nt) : nt = e[8], Ct(lt, nt);
+  let it;
+  e[9] !== ne ? (it = ne ?? [], e[9] = ne, e[10] = it) : it = e[10];
+  const ao = it;
+  let st;
+  e[11] !== z ? (st = z ?? [], e[11] = z, e[12] = st) : st = e[12];
+  const xo = st, ze = ao.length > 0 ? ao : xo;
+  let Ee;
+  e[13] !== a || e[14] !== p ? (Ee = (t, l) => {
+    p == null || p(t, l), a == null || a({
       itemData: l
     });
-  }, e[13] = a, e[14] = b, e[15] = We) : We = e[15];
-  let it;
-  e[16] !== St || e[17] !== m || e[18] !== Le || e[19] !== ge || e[20] !== _ || e[21] !== Re || e[22] !== L || e[23] !== u || e[24] !== be || e[25] !== i || e[26] !== We || e[27] !== t ? (it = {
-    options: Le,
-    value: t,
-    onChange: We,
+  }, e[13] = a, e[14] = p, e[15] = Ee) : Ee = e[15];
+  let at;
+  e[16] !== Ot || e[17] !== h || e[18] !== ze || e[19] !== ye || e[20] !== te || e[21] !== Le || e[22] !== we || e[23] !== u || e[24] !== ee || e[25] !== i || e[26] !== Ee || e[27] !== o ? (at = {
+    options: ze,
+    value: o,
+    onChange: Ee,
     onInputChange: i,
-    disabled: m,
-    disableCloseOnSelect: St,
-    freeSolo: Re,
-    getOptionLabel: L,
+    disabled: h,
+    disableCloseOnSelect: Ot,
+    freeSolo: Le,
+    getOptionLabel: we,
     getOptionValue: u,
-    isOptionEqualToValue: be,
-    filterOptions: _,
-    fields: ge
-  }, e[16] = St, e[17] = m, e[18] = Le, e[19] = ge, e[20] = _, e[21] = Re, e[22] = L, e[23] = u, e[24] = be, e[25] = i, e[26] = We, e[27] = t, e[28] = it) : it = e[28];
+    isOptionEqualToValue: ee,
+    filterOptions: te,
+    fields: ye
+  }, e[16] = Ot, e[17] = h, e[18] = ze, e[19] = ye, e[20] = te, e[21] = Le, e[22] = we, e[23] = u, e[24] = ee, e[25] = i, e[26] = Ee, e[27] = o, e[28] = at) : at = e[28];
   const {
     open: s,
-    inputValue: re,
-    highlightedIndex: V,
-    filteredOptions: j,
-    dropdownPosition: M,
-    inputRef: I,
-    listRef: X,
-    containerRef: Bt,
-    triggerRef: st,
-    setOpen: z,
-    setInputValue: ye,
-    handleInputChange: ke,
-    handleOptionSelect: Lt,
-    handleTagRemove: le,
-    handleClear: Wt,
-    handleKeyDown: Ce,
-    handleToggle: at,
-    handleFocus: ct,
-    isOptionSelected: ze,
+    inputValue: ie,
+    highlightedIndex: M,
+    filteredOptions: X,
+    dropdownPosition: Z,
+    inputRef: B,
+    listRef: G,
+    containerRef: zt,
+    triggerRef: ct,
+    setOpen: E,
+    setInputValue: Se,
+    handleInputChange: Ne,
+    handleOptionSelect: Et,
+    handleTagRemove: se,
+    handleClear: $t,
+    handleKeyDown: Te,
+    handleToggle: dt,
+    handleFocus: ut,
+    isOptionSelected: $e,
     getOptionLabelSafe: R
-  } = To(it), zt = uo && !m && re !== "" && !h && Ft !== "button";
-  let _e;
+  } = Po(at), qt = po && !h && ie !== "" && !m && At !== "button";
+  let tt;
   e: {
-    if (!po || Ft === "button") {
-      _e = null;
+    if (!go || At === "button") {
+      tt = null;
       break e;
     }
-    if (!Array.isArray(t) || t.length === 0) {
-      _e = null;
+    if (!Array.isArray(o) || o.length === 0) {
+      tt = null;
       break e;
     }
-    if (H) {
+    if (re) {
       let c;
-      e[29] !== le || e[30] !== H || e[31] !== t ? (c = H(t, le), e[29] = le, e[30] = H, e[31] = t, e[32] = c) : c = e[32], _e = c;
+      e[29] !== se || e[30] !== re || e[31] !== o ? (c = re(o, se), e[29] = se, e[30] = re, e[31] = o, e[32] = c) : c = e[32], tt = c;
       break e;
     }
-    let o = t;
-    if (f && t.length > f && !we) {
+    let t = o;
+    if (f && o.length > f && !Ce) {
       let c;
-      e[33] !== f || e[34] !== t ? (c = t.slice(0, f), e[33] = f, e[34] = t, e[35] = c) : c = e[35], o = c;
+      e[33] !== f || e[34] !== o ? (c = o.slice(0, f), e[33] = f, e[34] = o, e[35] = c) : c = e[35], t = c;
     }
     let l;
-    e[36] !== I || e[37] !== i || e[38] !== ye || e[39] !== z ? (l = () => {
+    e[36] !== B || e[37] !== i || e[38] !== Se || e[39] !== E ? (l = () => {
       var c;
-      z(!1), ye(""), i == null || i({
+      E(!1), Se(""), i == null || i({
         target: {
           value: ""
         }
-      }, ""), (c = I.current) == null || c.focus();
-    }, e[36] = I, e[37] = i, e[38] = ye, e[39] = z, e[40] = l) : l = e[40];
+      }, ""), (c = B.current) == null || c.focus();
+    }, e[36] = B, e[37] = i, e[38] = Se, e[39] = E, e[40] = l) : l = e[40];
     let y;
-    if (e[41] !== R || e[42] !== u || e[43] !== le || e[44] !== o) {
+    if (e[41] !== R || e[42] !== u || e[43] !== se || e[44] !== t) {
       let c;
-      e[46] !== R || e[47] !== u || e[48] !== le ? (c = (wt, io) => /* @__PURE__ */ n(Do, { tag: wt, index: io, getOptionLabel: R, onRemove: le }, typeof wt == "string" ? wt : String((u == null ? void 0 : u(wt)) ?? io)), e[46] = R, e[47] = u, e[48] = le, e[49] = c) : c = e[49], y = o.map(c), e[41] = R, e[42] = u, e[43] = le, e[44] = o, e[45] = y;
+      e[46] !== R || e[47] !== u || e[48] !== se ? (c = (kt, co) => /* @__PURE__ */ n(Ro, { tag: kt, index: co, getOptionLabel: R, onRemove: se }, typeof kt == "string" ? kt : String((u == null ? void 0 : u(kt)) ?? co)), e[46] = R, e[47] = u, e[48] = se, e[49] = c) : c = e[49], y = t.map(c), e[41] = R, e[42] = u, e[43] = se, e[44] = t, e[45] = y;
     } else
       y = e[45];
     let k;
-    e[50] !== f || e[51] !== we || e[52] !== t ? (k = f && t.length > f && !we && /* @__PURE__ */ D("button", { type: "button", onClick: (c) => {
-      c.stopPropagation(), Rt(!0);
+    e[50] !== f || e[51] !== Ce || e[52] !== o ? (k = f && o.length > f && !Ce && /* @__PURE__ */ I("button", { type: "button", onClick: (c) => {
+      c.stopPropagation(), Wt(!0);
     }, className: "inline-flex items-center px-2.5 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded-full hover:bg-muted/80 transition-colors cursor-pointer", children: [
       "+",
-      t.length - f,
+      o.length - f,
       " more"
-    ] }), e[50] = f, e[51] = we, e[52] = t, e[53] = k) : k = e[53];
-    let E;
-    e[54] !== f || e[55] !== we || e[56] !== t ? (E = f && t.length > f && we && /* @__PURE__ */ n("button", { type: "button", onClick: (c) => {
-      c.stopPropagation(), Rt(!1);
-    }, className: "inline-flex items-center px-2.5 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded-full hover:bg-muted/80 transition-colors cursor-pointer", children: "Show less" }), e[54] = f, e[55] = we, e[56] = t, e[57] = E) : E = e[57];
-    let Je;
-    e[58] !== l || e[59] !== y || e[60] !== k || e[61] !== E ? (Je = /* @__PURE__ */ D("div", { className: "flex flex-wrap gap-1 mb-1", onClick: l, children: [
+    ] }), e[50] = f, e[51] = Ce, e[52] = o, e[53] = k) : k = e[53];
+    let $;
+    e[54] !== f || e[55] !== Ce || e[56] !== o ? ($ = f && o.length > f && Ce && /* @__PURE__ */ n("button", { type: "button", onClick: (c) => {
+      c.stopPropagation(), Wt(!1);
+    }, className: "inline-flex items-center px-2.5 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded-full hover:bg-muted/80 transition-colors cursor-pointer", children: "Show less" }), e[54] = f, e[55] = Ce, e[56] = o, e[57] = $) : $ = e[57];
+    let Ue;
+    e[58] !== l || e[59] !== y || e[60] !== k || e[61] !== $ ? (Ue = /* @__PURE__ */ I("div", { className: "flex flex-wrap gap-1 mb-1", onClick: l, children: [
       y,
       k,
-      E
-    ] }), e[58] = l, e[59] = y, e[60] = k, e[61] = E, e[62] = Je) : Je = e[62], _e = Je;
+      $
+    ] }), e[58] = l, e[59] = y, e[60] = k, e[61] = $, e[62] = Ue) : Ue = e[62], tt = Ue;
   }
-  const Et = _e, ne = Ft === "button", $t = N ? "border border-destructive" : Po[mo], qt = Oo[fo], Kt = m ? "opacity-50 cursor-not-allowed" : "cursor-text";
-  let dt;
-  e[63] !== w || e[64] !== $t || e[65] !== qt || e[66] !== Kt ? (dt = C("relative flex items-center rounded-md", $t, qt, Kt, "transition-colors", w), e[63] = w, e[64] = $t, e[65] = qt, e[66] = Kt, e[67] = dt) : dt = e[67];
-  const Ht = dt, Vt = m ? "opacity-50 cursor-not-allowed" : "cursor-pointer";
-  let ut;
-  e[68] !== w || e[69] !== Vt ? (ut = C("relative inline-flex items-center gap-2", Vt, w), e[68] = w, e[69] = Vt, e[70] = ut) : ut = e[70];
-  const jt = ut, Mt = B ?? tt, Se = so(), Xt = oo(null), ie = oo(null);
-  let ft, mt;
-  e[71] !== s || e[72] !== h ? (ft = () => {
-    var o;
-    s && h && ((o = Xt.current) == null || o.focus());
-  }, mt = [s, h], e[71] = s, e[72] = h, e[73] = ft, e[74] = mt) : (ft = e[73], mt = e[74]), yt(ft, mt);
-  let pt;
-  e[75] !== a || e[76] !== Lt || e[77] !== ze || e[78] !== It || e[79] !== b || e[80] !== s || e[81] !== z || e[82] !== h ? (pt = (o) => {
-    if (!It) {
-      const y = ze(o) ? [] : [o];
-      b == null || b(null, y), a == null || a({
+  const Kt = tt, ae = At === "button", Ht = N ? "border border-destructive" : Do[bo], Vt = Bo[ho], jt = h ? "opacity-50 cursor-not-allowed" : "cursor-text";
+  let ft;
+  e[63] !== v || e[64] !== Ht || e[65] !== Vt || e[66] !== jt ? (ft = C("relative flex items-center rounded-md", Ht, Vt, jt, "transition-colors", v), e[63] = v, e[64] = Ht, e[65] = Vt, e[66] = jt, e[67] = ft) : ft = e[67];
+  const Mt = ft, Xt = h ? "opacity-50 cursor-not-allowed" : "cursor-pointer";
+  let mt;
+  e[68] !== v || e[69] !== Xt ? (mt = C("relative inline-flex items-center gap-2", Xt, v), e[68] = v, e[69] = Xt, e[70] = mt) : mt = e[70];
+  const Zt = mt, Gt = A ?? Nt, Oe = uo(), Jt = no(null), ce = no(null);
+  let pt, ht;
+  e[71] !== s || e[72] !== m ? (pt = () => {
+    var t;
+    s && m && ((t = Jt.current) == null || t.focus());
+  }, ht = [s, m], e[71] = s, e[72] = m, e[73] = pt, e[74] = ht) : (pt = e[73], ht = e[74]), Ct(pt, ht);
+  let bt;
+  e[75] !== a || e[76] !== Et || e[77] !== $e || e[78] !== Ft || e[79] !== p || e[80] !== s || e[81] !== E || e[82] !== m ? (bt = (t) => {
+    if (!Ft) {
+      const y = $e(t) ? [] : [t];
+      p == null || p(null, y), a == null || a({
         itemData: y
-      }), z(!1);
+      }), E(!1);
       return;
     }
-    Lt(o), h && s && setTimeout(() => {
+    Et(t), m && s && setTimeout(() => {
       var l;
-      (l = Xt.current) == null || l.focus();
+      (l = Jt.current) == null || l.focus();
     }, 10);
-  }, e[75] = a, e[76] = Lt, e[77] = ze, e[78] = It, e[79] = b, e[80] = s, e[81] = z, e[82] = h, e[83] = pt) : pt = e[83];
-  const Zt = pt;
-  let ht, bt;
-  e[84] !== j.length || e[85] !== V || e[86] !== X || e[87] !== s ? (ht = () => {
-    if (!(!s || V < 0 || !X.current) && j.length !== 0 && !(V >= j.length))
-      return ie.current !== null && (cancelAnimationFrame(ie.current), ie.current = null), ie.current = requestAnimationFrame(() => {
-        if (!X.current)
+  }, e[75] = a, e[76] = Et, e[77] = $e, e[78] = Ft, e[79] = p, e[80] = s, e[81] = E, e[82] = m, e[83] = bt) : bt = e[83];
+  const Qt = bt;
+  let gt, xt;
+  e[84] !== X.length || e[85] !== M || e[86] !== G || e[87] !== s ? (gt = () => {
+    if (!(!s || M < 0 || !G.current) && X.length !== 0 && !(M >= X.length))
+      return ce.current !== null && (cancelAnimationFrame(ce.current), ce.current = null), ce.current = requestAnimationFrame(() => {
+        if (!G.current)
           return;
-        const o = X.current.querySelector('div.max-h-60, div[class*="max-h-60"]');
-        if (!o)
+        const t = G.current.querySelector('div.max-h-60, div[class*="max-h-60"]');
+        if (!t)
           return;
-        const l = o.querySelector(`[data-option-index="${V}"]`);
+        const l = t.querySelector(`[data-option-index="${M}"]`);
         l && l.scrollIntoView({
           behavior: "auto",
           block: "nearest",
           inline: "nearest"
-        }), ie.current = null;
+        }), ce.current = null;
       }), () => {
-        ie.current !== null && (cancelAnimationFrame(ie.current), ie.current = null);
+        ce.current !== null && (cancelAnimationFrame(ce.current), ce.current = null);
       };
-  }, bt = [V, s, j.length, X], e[84] = j.length, e[85] = V, e[86] = X, e[87] = s, e[88] = ht, e[89] = bt) : (ht = e[88], bt = e[89]), yt(ht, bt);
-  let Ee;
+  }, xt = [M, s, X.length, G], e[84] = X.length, e[85] = M, e[86] = G, e[87] = s, e[88] = gt, e[89] = xt) : (gt = e[88], xt = e[89]), Ct(gt, xt);
+  let qe;
   e: {
     if (typeof O == "function") {
-      let o;
-      e[90] !== t ? (o = t ?? [], e[90] = t, e[91] = o) : o = e[91];
+      let t;
+      e[90] !== o ? (t = o ?? [], e[90] = o, e[91] = t) : t = e[91];
       let l;
-      e[92] !== o || e[93] !== O ? (l = O(o), e[92] = o, e[93] = O, e[94] = l) : l = e[94], Ee = l;
+      e[92] !== t || e[93] !== O ? (l = O(t), e[92] = t, e[93] = O, e[94] = l) : l = e[94], qe = l;
       break e;
     }
     if (O !== void 0) {
-      Ee = O;
+      qe = O;
       break e;
     }
-    if (Array.isArray(t) && t.length > 0) {
-      if (t.length === 1) {
-        let o;
-        e[95] !== R || e[96] !== t[0] ? (o = R(t[0]), e[95] = R, e[96] = t[0], e[97] = o) : o = e[97], Ee = o;
+    if (Array.isArray(o) && o.length > 0) {
+      if (o.length === 1) {
+        let t;
+        e[95] !== R || e[96] !== o[0] ? (t = R(o[0]), e[95] = R, e[96] = o[0], e[97] = t) : t = e[97], qe = t;
         break e;
       }
-      Ee = `${t.length} selected`;
+      qe = `${o.length} selected`;
       break e;
     }
-    Ee = p;
+    qe = j;
   }
-  const Gt = Ee;
-  let $e;
-  e[98] !== me ? ($e = me ?? {}, e[98] = me, e[99] = $e) : $e = e[99];
-  let qe, Ke, gt, se;
-  e[100] !== $e ? ({
-    onClick: se,
-    fullWidth: gt,
-    className: Ke,
-    ...qe
-  } = $e, e[100] = $e, e[101] = qe, e[102] = Ke, e[103] = gt, e[104] = se) : (qe = e[101], Ke = e[102], gt = e[103], se = e[104]);
-  const Jt = De ?? "outline", Qt = Ye ?? "small", Ut = gt ?? lo ?? !1, He = U ?? "right";
-  let xt;
-  e[105] !== s || e[106] !== He || e[107] !== pe ? (xt = pe ?? (He === "left" ? /* @__PURE__ */ n(to, { className: C("h-4 w-4 transition-transform", s ? "-rotate-180" : "") }) : /* @__PURE__ */ n(to, { className: C("h-4 w-4 transition-transform", s ? "rotate-180" : "") })), e[105] = s, e[106] = He, e[107] = pe, e[108] = xt) : xt = e[108];
-  const Yt = xt, _t = "w-auto", eo = ne ? "" : kt;
-  let Ve;
-  e[109] !== _t || e[110] !== eo ? (Ve = C("relative", _t, eo), e[109] = _t, e[110] = eo, e[111] = Ve) : Ve = e[111];
-  let je;
-  e[112] !== ve || e[113] !== I || e[114] !== x || e[115] !== i || e[116] !== Ct || e[117] !== ye || e[118] !== z ? (je = x && /* @__PURE__ */ D("label", { htmlFor: ve, className: "block text-sm font-medium mb-1", onClick: (o) => {
+  const Ut = qe;
+  let Ke;
+  e[98] !== be ? (Ke = be ?? {}, e[98] = be, e[99] = Ke) : Ke = e[99];
+  let He, Ve, vt, de;
+  e[100] !== Ke ? ({
+    onClick: de,
+    fullWidth: vt,
+    className: Ve,
+    ...He
+  } = Ke, e[100] = Ke, e[101] = He, e[102] = Ve, e[103] = vt, e[104] = de) : (He = e[101], Ve = e[102], vt = e[103], de = e[104]);
+  const Yt = Ae ?? "outline", _t = et ?? "small", eo = vt ?? so ?? !1, je = _ ?? "right", Ie = L !== void 0 || W !== void 0;
+  let wt;
+  e[105] !== s || e[106] !== je || e[107] !== ge ? (wt = ge ?? (je === "left" ? /* @__PURE__ */ n(lo, { className: C("h-4 w-4 transition-transform", s ? "-rotate-180" : "") }) : /* @__PURE__ */ n(lo, { className: C("h-4 w-4 transition-transform", s ? "rotate-180" : "") })), e[105] = s, e[106] = je, e[107] = ge, e[108] = wt) : wt = e[108];
+  const to = wt, oo = "w-auto", ro = ae ? "" : St;
+  let Me;
+  e[109] !== oo || e[110] !== ro ? (Me = C("relative", oo, ro), e[109] = oo, e[110] = ro, e[111] = Me) : Me = e[111];
+  let Xe;
+  e[112] !== ke || e[113] !== B || e[114] !== g || e[115] !== i || e[116] !== Tt || e[117] !== Se || e[118] !== E ? (Xe = g && /* @__PURE__ */ I("label", { htmlFor: ke, className: "block text-sm font-medium mb-1", onClick: (t) => {
     var l;
-    o.preventDefault(), z(!1), ye(""), i == null || i({
+    t.preventDefault(), E(!1), Se(""), i == null || i({
       target: {
         value: ""
       }
-    }, ""), (l = I.current) == null || l.focus();
-  }, onKeyDown: (o) => {
+    }, ""), (l = B.current) == null || l.focus();
+  }, onKeyDown: (t) => {
     var l;
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), z(!1), ye(""), i == null || i({
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), E(!1), Se(""), i == null || i({
       target: {
         value: ""
       }
-    }, ""), (l = I.current) == null || l.focus());
+    }, ""), (l = B.current) == null || l.focus());
   }, children: [
-    x,
-    Ct && /* @__PURE__ */ n("span", { className: "text-destructive ml-1", children: "*" })
-  ] }), e[112] = ve, e[113] = I, e[114] = x, e[115] = i, e[116] = Ct, e[117] = ye, e[118] = z, e[119] = je) : je = e[119];
-  let Me;
-  e[120] !== jt || e[121] !== Gt || e[122] !== Ht || e[123] !== m || e[124] !== Wt || e[125] !== ct || e[126] !== ke || e[127] !== Ce || e[128] !== at || e[129] !== ve || e[130] !== I || e[131] !== re || e[132] !== ne || e[133] !== Se || e[134] !== Ae || e[135] !== s || e[136] !== p || e[137] !== Ut || e[138] !== Yt || e[139] !== He || e[140] !== Qt || e[141] !== Jt || e[142] !== qe || e[143] !== zt || e[144] !== h || e[145] !== Ke || e[146] !== se || e[147] !== st ? (Me = ne ? /* @__PURE__ */ D("div", { ref: st, className: jt, children: [
-    /* @__PURE__ */ n("input", { id: ve, ref: I, value: re, onChange: ke, onKeyDown: Ce, onFocus: ct, "aria-hidden": "true", tabIndex: -1, readOnly: !0, className: "sr-only" }),
-    /* @__PURE__ */ n(vo, { variant: Jt, size: Qt, icon: Yt, iconPosition: He, fullWidth: Ut, disabled: m, type: "button", "aria-haspopup": "listbox", "aria-expanded": s, "aria-controls": Se, className: C("hover:bg-transparent active:bg-transparent focus-visible:bg-transparent focus-visible:ring-0", Ke), ...qe, onClick: (o) => {
-      if (se == null || se(o), m)
+    g,
+    Tt && /* @__PURE__ */ n("span", { className: "text-destructive ml-1", children: "*" })
+  ] }), e[112] = ke, e[113] = B, e[114] = g, e[115] = i, e[116] = Tt, e[117] = Se, e[118] = E, e[119] = Xe) : Xe = e[119];
+  let Ze;
+  e[120] !== Zt || e[121] !== Ut || e[122] !== Mt || e[123] !== h || e[124] !== $t || e[125] !== ut || e[126] !== Ne || e[127] !== Te || e[128] !== dt || e[129] !== Ie || e[130] !== ke || e[131] !== B || e[132] !== ie || e[133] !== ae || e[134] !== Oe || e[135] !== rt || e[136] !== s || e[137] !== j || e[138] !== eo || e[139] !== to || e[140] !== je || e[141] !== _t || e[142] !== Yt || e[143] !== He || e[144] !== qt || e[145] !== m || e[146] !== Ve || e[147] !== L || e[148] !== de || e[149] !== W || e[150] !== ct ? (Ze = ae ? /* @__PURE__ */ I("div", { ref: ct, className: Zt, children: [
+    /* @__PURE__ */ n("input", { id: ke, ref: B, value: ie, onChange: Ne, onKeyDown: Te, onFocus: ut, "aria-hidden": "true", tabIndex: -1, readOnly: !0, className: "sr-only" }),
+    /* @__PURE__ */ I(ko, { variant: Yt, size: _t, icon: Ie ? void 0 : to, iconPosition: Ie ? void 0 : je, fullWidth: eo, disabled: h, type: "button", "aria-haspopup": "listbox", "aria-expanded": s, "aria-controls": Oe, className: C("hover:bg-transparent active:bg-transparent focus-visible:bg-transparent focus-visible:ring-0", Ie && "gap-2", Ve), ...He, onClick: (t) => {
+      if (de == null || de(t), h)
         return;
       const l = !s;
-      at(), l && setTimeout(() => {
+      dt(), l && setTimeout(() => {
         var y;
-        (y = I.current) == null || y.focus();
+        (y = B.current) == null || y.focus();
       }, 0);
-    }, children: Gt }),
-    Ae && /* @__PURE__ */ n("div", { className: "ml-2 animate-spin rounded-full h-4 w-4 border-2 border-muted-foreground border-t-transparent" })
-  ] }) : /* @__PURE__ */ D("div", { ref: st, className: Ht, children: [
-    /* @__PURE__ */ n(yo, { id: ve, ref: I, value: h ? "" : re, onChange: h ? void 0 : ke, onKeyDown: Ce, onFocus: ct, placeholder: p, disabled: m, readOnly: h, className: "px-0 border-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 bg-transparent rounded-md", role: "combobox", "aria-expanded": s, "aria-controls": Se, "aria-autocomplete": "list" }),
-    /* @__PURE__ */ D("div", { className: "flex items-center gap-1 ml-auto", children: [
-      Ae && /* @__PURE__ */ n("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-muted-foreground border-t-transparent" }),
-      zt && /* @__PURE__ */ n("button", { type: "button", onClick: Wt, className: "p-1 hover:bg-accent rounded-sm transition-colors", tabIndex: -1, children: /* @__PURE__ */ n(ao, { className: "h-4 w-4 text-muted-foreground" }) }),
-      /* @__PURE__ */ n("button", { type: "button", disabled: m, onClick: at, className: C("p-1 hover:bg-accent rounded-sm transition-colors", m ? "opacity-50 cursor-not-allowed" : "cursor-pointer"), tabIndex: -1, "aria-label": s ? "Close options" : "Open options", children: /* @__PURE__ */ n(to, { className: C("h-4 w-4 text-muted-foreground transition-transform", s ? "rotate-180" : "") }) })
+    }, children: [
+      Ie && L && /* @__PURE__ */ n("span", { "data-testid": "button-left-icon", className: "inline-flex shrink-0", children: L }),
+      Ut,
+      Ie && W && /* @__PURE__ */ n("span", { "data-testid": "button-right-icon", className: "inline-flex shrink-0", children: W })
+    ] }),
+    rt && /* @__PURE__ */ n("div", { className: "ml-2 animate-spin rounded-full h-4 w-4 border-2 border-muted-foreground border-t-transparent" })
+  ] }) : /* @__PURE__ */ I("div", { ref: ct, className: Mt, children: [
+    /* @__PURE__ */ n(So, { id: ke, ref: B, value: m ? "" : ie, onChange: m ? void 0 : Ne, onKeyDown: Te, onFocus: ut, placeholder: j, disabled: h, readOnly: m, className: "px-0 border-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 bg-transparent rounded-md", role: "combobox", "aria-expanded": s, "aria-controls": Oe, "aria-autocomplete": "list" }),
+    /* @__PURE__ */ I("div", { className: "flex items-center gap-1 ml-auto", children: [
+      rt && /* @__PURE__ */ n("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-muted-foreground border-t-transparent" }),
+      qt && /* @__PURE__ */ n("button", { type: "button", onClick: $t, className: "p-1 hover:bg-accent rounded-sm transition-colors", tabIndex: -1, children: /* @__PURE__ */ n(fo, { className: "h-4 w-4 text-muted-foreground" }) }),
+      /* @__PURE__ */ n("button", { type: "button", disabled: h, onClick: dt, className: C("p-1 hover:bg-accent rounded-sm transition-colors", h ? "opacity-50 cursor-not-allowed" : "cursor-pointer"), tabIndex: -1, "aria-label": s ? "Close options" : "Open options", children: /* @__PURE__ */ n(lo, { className: C("h-4 w-4 text-muted-foreground transition-transform", s ? "rotate-180" : "") }) })
     ] })
-  ] }), e[120] = jt, e[121] = Gt, e[122] = Ht, e[123] = m, e[124] = Wt, e[125] = ct, e[126] = ke, e[127] = Ce, e[128] = at, e[129] = ve, e[130] = I, e[131] = re, e[132] = ne, e[133] = Se, e[134] = Ae, e[135] = s, e[136] = p, e[137] = Ut, e[138] = Yt, e[139] = He, e[140] = Qt, e[141] = Jt, e[142] = qe, e[143] = zt, e[144] = h, e[145] = Ke, e[146] = se, e[147] = st, e[148] = Me) : Me = e[148];
-  let Xe;
-  e[149] !== Ot || e[150] !== Nt || e[151] !== G || e[152] !== J || e[153] !== At || e[154] !== m || e[155] !== M || e[156] !== Be || e[157] !== Le || e[158] !== j || e[159] !== Re || e[160] !== R || e[161] !== u || e[162] !== ke || e[163] !== Ce || e[164] !== Zt || e[165] !== Dt || e[166] !== V || e[167] !== w || e[168] !== re || e[169] !== ne || e[170] !== ze || e[171] !== x || e[172] !== X || e[173] !== Se || e[174] !== Mt || e[175] !== s || e[176] !== p || e[177] !== Y || e[178] !== ee || e[179] !== Q || e[180] !== Tt || e[181] !== Pt || e[182] !== h ? (Xe = s && (() => {
-    const o = M.width > 0 && M.maxHeight > 0, l = /* @__PURE__ */ n(ko, { delayDuration: 0, children: /* @__PURE__ */ D("div", { id: Se, role: "listbox", "aria-label": x || "Options", "data-dialog-interactive-layer": "true", className: C("fixed z-[99999] pointer-events-auto bg-popover border border-border rounded-md shadow-lg", "flex flex-col overflow-hidden", !o && "invisible", w), style: (() => {
-      const k = () => ne ? typeof Be == "number" ? `${Be}px` : typeof Be == "string" ? Be : "220px" : M.width;
+  ] }), e[120] = Zt, e[121] = Ut, e[122] = Mt, e[123] = h, e[124] = $t, e[125] = ut, e[126] = Ne, e[127] = Te, e[128] = dt, e[129] = Ie, e[130] = ke, e[131] = B, e[132] = ie, e[133] = ae, e[134] = Oe, e[135] = rt, e[136] = s, e[137] = j, e[138] = eo, e[139] = to, e[140] = je, e[141] = _t, e[142] = Yt, e[143] = He, e[144] = qt, e[145] = m, e[146] = Ve, e[147] = L, e[148] = de, e[149] = W, e[150] = ct, e[151] = Ze) : Ze = e[151];
+  let Ge;
+  e[152] !== Bt || e[153] !== It || e[154] !== Q || e[155] !== U || e[156] !== Lt || e[157] !== h || e[158] !== Z || e[159] !== We || e[160] !== ze || e[161] !== X || e[162] !== Le || e[163] !== R || e[164] !== u || e[165] !== Ne || e[166] !== Te || e[167] !== Qt || e[168] !== Rt || e[169] !== M || e[170] !== v || e[171] !== ie || e[172] !== ae || e[173] !== $e || e[174] !== g || e[175] !== G || e[176] !== Oe || e[177] !== Gt || e[178] !== s || e[179] !== j || e[180] !== xe || e[181] !== oe || e[182] !== Y || e[183] !== Pt || e[184] !== Dt || e[185] !== m ? (Ge = s && (() => {
+    const t = Z.width > 0 && Z.maxHeight > 0, l = /* @__PURE__ */ n(No, { delayDuration: 0, children: /* @__PURE__ */ I("div", { id: Oe, role: "listbox", "aria-label": g || "Options", "data-dialog-interactive-layer": "true", className: C("fixed z-[99999] pointer-events-auto bg-popover border border-border rounded-md shadow-lg", "flex flex-col overflow-hidden", !t && "invisible", v), style: (() => {
+      const k = () => ae ? typeof We == "number" ? `${We}px` : typeof We == "string" ? We : "220px" : Z.width;
       return {
-        top: M.top,
-        left: M.left,
-        minWidth: ne ? void 0 : M.width,
+        top: Z.top,
+        left: Z.left,
+        minWidth: ae ? void 0 : Z.width,
         width: k(),
-        maxHeight: M.maxHeight,
+        maxHeight: Z.maxHeight,
         zIndex: 99999,
         pointerEvents: "auto"
       };
-    })(), ref: X, children: [
-      h && /* @__PURE__ */ n("div", { className: "p-2 bg-popover", children: /* @__PURE__ */ n(xo, { ref: Xt, query: re, onChange: ke, onKeyDown: Ce, placeholder: Q ?? p, className: "w-full", "aria-label": "Search options", disabled: m, size: "small" }) }),
-      /* @__PURE__ */ n("div", { className: C("min-h-0 flex-1 overflow-auto", !h && "py-2", Pt ? ["[scrollbar-gutter:stable]", "[&::-webkit-scrollbar]:w-2", "[&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:bg-gray-300", "[&::-webkit-scrollbar-thumb]:rounded-full", "[&::-webkit-scrollbar-thumb]:border-0", "[&::-webkit-scrollbar-thumb]:min-h-[30px]", "scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent"] : ["[&::-webkit-scrollbar]:hidden", "[-ms-overflow-style:none]", "[scrollbar-width:none]"]), children: j.length === 0 ? /* @__PURE__ */ n("div", { className: "p-3 text-sm text-muted-foreground text-center", children: Mt }) : j.map((k, E) => {
-        const Je = ze(k);
-        return /* @__PURE__ */ n(Io, { option: k, index: E, isSelected: Je, isHighlighted: E === V, onSelect: Zt, getOptionLabel: R, renderOption: ee, freeSolo: Re, originalOptions: Le, checkboxPosition: Nt, showChip: Tt, checkboxProps: G, chipProps: J, checkboxColor: Ot, hideCheckbox: Dt }, typeof k == "string" ? k : String((u == null ? void 0 : u(k)) ?? E));
+    })(), ref: G, children: [
+      m && /* @__PURE__ */ n("div", { className: "p-2 bg-popover", children: /* @__PURE__ */ n(yo, { ref: Jt, query: ie, onChange: Ne, onKeyDown: Te, placeholder: Y ?? j, className: "w-full", "aria-label": "Search options", disabled: h, size: "small" }) }),
+      /* @__PURE__ */ n("div", { className: C("min-h-0 flex-1 overflow-auto", !m && "py-2", Dt ? ["[scrollbar-gutter:stable]", "[&::-webkit-scrollbar]:w-2", "[&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:bg-gray-300", "[&::-webkit-scrollbar-thumb]:rounded-full", "[&::-webkit-scrollbar-thumb]:border-0", "[&::-webkit-scrollbar-thumb]:min-h-[30px]", "scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent"] : ["[&::-webkit-scrollbar]:hidden", "[-ms-overflow-style:none]", "[scrollbar-width:none]"]), children: X.length === 0 ? /* @__PURE__ */ n("div", { className: "p-3 text-sm text-muted-foreground text-center", children: Gt }) : X.map((k, $) => {
+        const Ue = $e(k);
+        return /* @__PURE__ */ n(Fo, { option: k, index: $, isSelected: Ue, isHighlighted: $ === M, onSelect: Qt, getOptionLabel: R, renderOption: oe, freeSolo: Le, originalOptions: ze, checkboxPosition: It, showChip: Pt, checkboxProps: Q, chipProps: U, checkboxColor: Bt, hideCheckbox: Rt }, typeof k == "string" ? k : String((u == null ? void 0 : u(k)) ?? $));
       }) })
     ] }) });
-    if (At)
+    if (Lt)
       return l;
-    const y = Y ?? document.body;
-    return bo(l, y);
-  })(), e[149] = Ot, e[150] = Nt, e[151] = G, e[152] = J, e[153] = At, e[154] = m, e[155] = M, e[156] = Be, e[157] = Le, e[158] = j, e[159] = Re, e[160] = R, e[161] = u, e[162] = ke, e[163] = Ce, e[164] = Zt, e[165] = Dt, e[166] = V, e[167] = w, e[168] = re, e[169] = ne, e[170] = ze, e[171] = x, e[172] = X, e[173] = Se, e[174] = Mt, e[175] = s, e[176] = p, e[177] = Y, e[178] = ee, e[179] = Q, e[180] = Tt, e[181] = Pt, e[182] = h, e[183] = Xe) : Xe = e[183];
-  let Ze;
-  e[184] !== Et || e[185] !== Me || e[186] !== Xe ? (Ze = /* @__PURE__ */ D("div", { className: "relative overflow-visible", children: [
-    Et,
-    Me,
-    Xe
-  ] }), e[184] = Et, e[185] = Me, e[186] = Xe, e[187] = Ze) : Ze = e[187];
-  let Ge;
-  e[188] !== N || e[189] !== S ? (Ge = (S || N) && /* @__PURE__ */ n("p", { className: C("mt-1 text-xs", N ? "text-destructive" : "text-muted-foreground"), children: N || S }), e[188] = N, e[189] = S, e[190] = Ge) : Ge = e[190];
-  let vt;
-  return e[191] !== Bt || e[192] !== Ve || e[193] !== je || e[194] !== Ze || e[195] !== Ge ? (vt = /* @__PURE__ */ D("div", { className: Ve, ref: Bt, children: [
-    je,
+    const y = xe ?? document.body;
+    return vo(l, y);
+  })(), e[152] = Bt, e[153] = It, e[154] = Q, e[155] = U, e[156] = Lt, e[157] = h, e[158] = Z, e[159] = We, e[160] = ze, e[161] = X, e[162] = Le, e[163] = R, e[164] = u, e[165] = Ne, e[166] = Te, e[167] = Qt, e[168] = Rt, e[169] = M, e[170] = v, e[171] = ie, e[172] = ae, e[173] = $e, e[174] = g, e[175] = G, e[176] = Oe, e[177] = Gt, e[178] = s, e[179] = j, e[180] = xe, e[181] = oe, e[182] = Y, e[183] = Pt, e[184] = Dt, e[185] = m, e[186] = Ge) : Ge = e[186];
+  let Je;
+  e[187] !== Kt || e[188] !== Ze || e[189] !== Ge ? (Je = /* @__PURE__ */ I("div", { className: "relative overflow-visible", children: [
+    Kt,
     Ze,
     Ge
-  ] }), e[191] = Bt, e[192] = Ve, e[193] = je, e[194] = Ze, e[195] = Ge, e[196] = vt) : vt = e[196], vt;
+  ] }), e[187] = Kt, e[188] = Ze, e[189] = Ge, e[190] = Je) : Je = e[190];
+  let Qe;
+  e[191] !== N || e[192] !== S ? (Qe = (S || N) && /* @__PURE__ */ n("p", { className: C("mt-1 text-xs", N ? "text-destructive" : "text-muted-foreground"), children: N || S }), e[191] = N, e[192] = S, e[193] = Qe) : Qe = e[193];
+  let yt;
+  return e[194] !== zt || e[195] !== Me || e[196] !== Xe || e[197] !== Je || e[198] !== Qe ? (yt = /* @__PURE__ */ I("div", { className: Me, ref: zt, children: [
+    Xe,
+    Je,
+    Qe
+  ] }), e[194] = zt, e[195] = Me, e[196] = Xe, e[197] = Je, e[198] = Qe, e[199] = yt) : yt = e[199], yt;
 }
 export {
-  jo as AutocompleteCheckbox
+  Zo as AutocompleteCheckbox
 };