docthub-core-components 3.0.0 → 3.2.1

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

@@ -0,0 +1,491 @@
+"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 { cn as C } from "../../../lib/utils.js";
+const Oo = {
+  small: "h-8 text-xs px-2",
+  medium: "h-10 text-sm px-3",
+  large: "h-12 text-base px-4"
+}, Po = {
+  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), {
+    option: r,
+    index: g,
+    isSelected: d,
+    isHighlighted: b,
+    onSelect: a,
+    getOptionLabel: i,
+    renderOption: v,
+    freeSolo: x,
+    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 = () => {
+    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);
+      }
+    };
+    p();
+    const tt = new ResizeObserver(() => {
+      p();
+    });
+    $.current && tt.observe($.current);
+    const m = setTimeout(p, 0);
+    return () => {
+      tt.disconnect(), clearTimeout(m);
+    };
+  }, 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,
+    ...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;
+  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 = {
+    size: "small",
+    variant: "soft",
+    ...F,
+    className: L
+  }, e[37] = F, e[38] = L, e[39] = u) : u = e[39];
+  const be = 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), {
+    tag: r,
+    index: g,
+    getOptionLabel: d,
+    onRemove: b
+  } = Qe;
+  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];
+  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}`;
+  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];
+  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,
+    T
+  ] }, g), e[13] = g, e[14] = v, e[15] = T, e[16] = B) : B = e[16], B;
+};
+function jo(Qe) {
+  const e = ro(197), {
+    options: r,
+    dataSource: g,
+    value: d,
+    onChange: b,
+    change: a,
+    onInputChange: i,
+    placeholder: v,
+    label: x,
+    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,
+    showSearch: P,
+    searchPlaceholder: Q,
+    showScroller: ue,
+    multiple: q,
+    hideCheckbox: K,
+    triggerType: fe,
+    triggerButtonLabel: O,
+    triggerButtonVariant: De,
+    triggerButtonSize: Ye,
+    triggerButtonProps: me,
+    triggerButtonIcon: pe,
+    triggerButtonIconPosition: U,
+    portalContainer: Y,
+    disablePortal: he,
+    dropdownWidth: Fe,
+    getOptionLabel: L,
+    getOptionValue: u,
+    isOptionEqualToValue: be,
+    filterOptions: _,
+    renderOption: ee,
+    renderTags: H,
+    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);
+  let lt;
+  e[9] !== W ? (lt = W ?? [], e[9] = W, e[10] = lt) : lt = e[10];
+  const no = lt;
+  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({
+      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,
+    onInputChange: i,
+    disabled: m,
+    disableCloseOnSelect: St,
+    freeSolo: Re,
+    getOptionLabel: L,
+    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];
+  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,
+    getOptionLabelSafe: R
+  } = To(it), zt = uo && !m && re !== "" && !h && Ft !== "button";
+  let _e;
+  e: {
+    if (!po || Ft === "button") {
+      _e = null;
+      break e;
+    }
+    if (!Array.isArray(t) || t.length === 0) {
+      _e = null;
+      break e;
+    }
+    if (H) {
+      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;
+      break e;
+    }
+    let o = t;
+    if (f && t.length > f && !we) {
+      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;
+    }
+    let l;
+    e[36] !== I || e[37] !== i || e[38] !== ye || e[39] !== z ? (l = () => {
+      var c;
+      z(!1), ye(""), 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];
+    let y;
+    if (e[41] !== R || e[42] !== u || e[43] !== le || e[44] !== o) {
+      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;
+    } 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);
+    }, 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,
+      " 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: [
+      y,
+      k,
+      E
+    ] }), e[58] = l, e[59] = y, e[60] = k, e[61] = E, e[62] = Je) : Je = e[62], _e = Je;
+  }
+  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({
+        itemData: y
+      }), z(!1);
+      return;
+    }
+    Lt(o), h && s && setTimeout(() => {
+      var l;
+      (l = Xt.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)
+          return;
+        const o = X.current.querySelector('div.max-h-60, div[class*="max-h-60"]');
+        if (!o)
+          return;
+        const l = o.querySelector(`[data-option-index="${V}"]`);
+        l && l.scrollIntoView({
+          behavior: "auto",
+          block: "nearest",
+          inline: "nearest"
+        }), ie.current = null;
+      }), () => {
+        ie.current !== null && (cancelAnimationFrame(ie.current), ie.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;
+  e: {
+    if (typeof O == "function") {
+      let o;
+      e[90] !== t ? (o = t ?? [], e[90] = t, e[91] = o) : o = 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;
+      break e;
+    }
+    if (O !== void 0) {
+      Ee = 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;
+        break e;
+      }
+      Ee = `${t.length} selected`;
+      break e;
+    }
+    Ee = p;
+  }
+  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) => {
+    var l;
+    o.preventDefault(), z(!1), ye(""), i == null || i({
+      target: {
+        value: ""
+      }
+    }, ""), (l = I.current) == null || l.focus();
+  }, onKeyDown: (o) => {
+    var l;
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), z(!1), ye(""), i == null || i({
+      target: {
+        value: ""
+      }
+    }, ""), (l = I.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)
+        return;
+      const l = !s;
+      at(), l && setTimeout(() => {
+        var y;
+        (y = I.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" : "") }) })
+    ] })
+  ] }), 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;
+      return {
+        top: M.top,
+        left: M.left,
+        minWidth: ne ? void 0 : M.width,
+        width: k(),
+        maxHeight: M.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));
+      }) })
+    ] }) });
+    if (At)
+      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,
+    Ze,
+    Ge
+  ] }), e[191] = Bt, e[192] = Ve, e[193] = je, e[194] = Ze, e[195] = Ge, e[196] = vt) : vt = e[196], vt;
+}
+export {
+  jo as AutocompleteCheckbox
+};

package/dist/components/overrides/ui/chips/doct-chip.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsx as d, jsxs as te } from "react/jsx-runtime";
+import { c as ne } from "react-compiler-runtime";
+import { X as ae } from "lucide-react";
+import le, { useRef as de, useState as ce, useEffect as fe } from "react";
+import { TooltipProvider as ue, Tooltip as be, TooltipTrigger as pe, TooltipContent as ge } from "../../../ui/tooltip.js";
+import { cn as _ } from "../../../../lib/utils.js";
+const Ce = (q) => {
+  const e = ne(82);
+  let c, s, f, u, n, o, r, i, b, C, D, k, N, z, B, T;
+  e[0] !== q ? ({
+    label: o,
+    variant: C,
+    color: D,
+    size: k,
+    shape: N,
+    deletable: z,
+    onDelete: i,
+    onClick: r,
+    icon: n,
+    avatar: s,
+    disabled: B,
+    className: T,
+    "aria-label": c,
+    deleteAriaLabel: u,
+    closeButtonClassName: f,
+    ...b
+  } = q, e[0] = q, e[1] = c, e[2] = s, e[3] = f, e[4] = u, e[5] = n, e[6] = o, e[7] = r, e[8] = i, e[9] = b, e[10] = C, e[11] = D, e[12] = k, e[13] = N, e[14] = z, e[15] = B, e[16] = T) : (c = e[1], s = e[2], f = e[3], u = e[4], n = e[5], o = e[6], r = e[7], i = e[8], b = e[9], C = e[10], D = e[11], k = e[12], N = e[13], z = e[14], B = e[15], T = e[16]);
+  const H = C === void 0 ? "filled" : C, V = D === void 0 ? "default" : D, a = k === void 0 ? "medium" : k, X = N === void 0 ? "pill" : N, F = z === void 0 ? !1 : z, t = B === void 0 ? !1 : B, G = T === void 0 ? "" : T;
+  let K;
+  if (e[17] !== G || e[18] !== V || e[19] !== t || e[20] !== r || e[21] !== X || e[22] !== a || e[23] !== H) {
+    const l = {
+      small: "px-2 py-0.5 text-xs",
+      medium: "px-3 py-1 text-sm",
+      large: "px-4 py-1.5 text-base"
+    }, E = {
+      pill: "rounded-full",
+      square: "rounded-md"
+    }, re = {
+      default: {
+        filled: "bg-gray-200 text-gray-800",
+        outlined: "border border-gray-300 text-gray-700",
+        soft: "bg-gray-100 text-gray-800"
+      },
+      primary: {
+        filled: "bg-blue-500 text-white",
+        outlined: "border border-blue-500 text-blue-600",
+        soft: "bg-blue-50 text-blue-700"
+      },
+      secondary: {
+        filled: "bg-purple-500 text-white",
+        outlined: "border border-purple-500 text-purple-600",
+        soft: "bg-purple-50 text-purple-700"
+      },
+      success: {
+        filled: "bg-green-500 text-white",
+        outlined: "border border-green-500 text-green-600",
+        soft: "bg-green-50 text-green-700"
+      },
+      warning: {
+        filled: "bg-yellow-500 text-white",
+        outlined: "border border-yellow-500 text-yellow-600",
+        soft: "bg-yellow-50 text-yellow-700"
+      },
+      error: {
+        filled: "bg-red-500 text-white",
+        outlined: "border border-destructive text-red-600",
+        soft: "bg-red-50 text-red-700"
+      },
+      gray: {
+        filled: "bg-gray-400 text-white",
+        outlined: "border border-gray-400 text-gray-400",
+        soft: "bg-gray-400/20 text-gray-600"
+      },
+      branding: {
+        filled: "bg-brandBlue text-white",
+        outlined: "border border-brandBlue text-brandBlue",
+        soft: "bg-brandBlue/10 text-brandBlue"
+      }
+    }, se = t ? "opacity-50 cursor-not-allowed" : "", ie = r && !t ? "cursor-pointer" : "";
+    K = _("inline-flex items-center gap-1 font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", l[a], E[X], re[V][H], se, ie, r && !t && "focus:ring-2 focus:ring-offset-2", G), e[17] = G, e[18] = V, e[19] = t, e[20] = r, e[21] = X, e[22] = a, e[23] = H, e[24] = K;
+  } else
+    K = e[24];
+  const J = K;
+  let L;
+  e[25] !== t || e[26] !== r ? (L = (l) => {
+    !t && r && r(l);
+  }, e[25] = t, e[26] = r, e[27] = L) : L = e[27];
+  const p = L;
+  let R;
+  e[28] !== t || e[29] !== p || e[30] !== r ? (R = (l) => {
+    !t && r && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), p(l));
+  }, e[28] = t, e[29] = p, e[30] = r, e[31] = R) : R = e[31];
+  const O = R;
+  let $;
+  e[32] !== t || e[33] !== i ? ($ = (l) => {
+    l.stopPropagation(), !t && i && i(l);
+  }, e[32] = t, e[33] = i, e[34] = $) : $ = e[34];
+  const g = $;
+  let j;
+  e[35] !== t || e[36] !== g ? (j = (l) => {
+    t || (l.preventDefault(), g(l));
+  }, e[35] = t, e[36] = g, e[37] = j) : j = e[37];
+  const Q = j;
+  let I;
+  e[38] !== t || e[39] !== g || e[40] !== i ? (I = (l) => {
+    !t && i && (l.key === "Delete" || l.key === "Backspace") && (l.preventDefault(), g(l));
+  }, e[38] = t, e[39] = g, e[40] = i, e[41] = I) : I = e[41];
+  const U = I, m = a === "small" ? 12 : a === "large" ? 18 : 14, ee = de(null), [Y, oe] = ce(!1);
+  let S, A;
+  e[42] === Symbol.for("react.memo_cache_sentinel") ? (S = () => {
+    const l = ee.current;
+    if (!l)
+      return;
+    const E = () => {
+      l && oe(l.scrollWidth > l.clientWidth);
+    };
+    return E(), window.addEventListener("resize", E), () => {
+      window.removeEventListener("resize", E);
+    };
+  }, A = [], e[42] = S, e[43] = A) : (S = e[42], A = e[43]), fe(S, A);
+  let M;
+  e[44] !== o ? (M = /* @__PURE__ */ d("span", { ref: ee, className: "max-w-72 truncate", children: o }), e[44] = o, e[45] = M) : M = e[45];
+  const P = M, Z = !!r;
+  let h;
+  e[46] !== c || e[47] !== t || e[48] !== p || e[49] !== O || e[50] !== Z || e[51] !== o ? (h = Z ? {
+    onClick: p,
+    onKeyDown: O,
+    role: "button",
+    tabIndex: t ? void 0 : 0,
+    "aria-label": c || `${o} chip`,
+    "aria-disabled": t
+  } : {}, e[46] = c, e[47] = t, e[48] = p, e[49] = O, e[50] = Z, e[51] = o, e[52] = h) : h = e[52];
+  let x;
+  e[53] !== s || e[54] !== o || e[55] !== a ? (x = s && /* @__PURE__ */ d("div", { className: _("rounded-full overflow-hidden", a === "small" ? "w-4 h-4" : a === "large" ? "w-6 h-6" : "w-5 h-5"), children: typeof s == "string" ? /* @__PURE__ */ d("img", { src: s, alt: `Avatar for ${o}`, className: "w-full h-full object-cover" }) : s }), e[53] = s, e[54] = o, e[55] = a, e[56] = x) : x = e[56];
+  let y;
+  e[57] !== s || e[58] !== n || e[59] !== m ? (y = n && !s && /* @__PURE__ */ d("div", { className: "flex items-center", "aria-hidden": "true", children: le.isValidElement(n) ? le.cloneElement(n, {
+    size: m
+  }) : n }), e[57] = s, e[58] = n, e[59] = m, e[60] = y) : y = e[60];
+  let w;
+  e[61] !== Y || e[62] !== o || e[63] !== P ? (w = Y ? /* @__PURE__ */ d(ue, { delayDuration: 0, children: /* @__PURE__ */ te(be, { children: [
+    /* @__PURE__ */ d(pe, { asChild: !0, children: P }),
+    /* @__PURE__ */ d(ge, { children: o })
+  ] }) }) : P, e[61] = Y, e[62] = o, e[63] = P, e[64] = w) : w = e[64];
+  let v;
+  e[65] !== f || e[66] !== F || e[67] !== u || e[68] !== t || e[69] !== U || e[70] !== Q || e[71] !== m || e[72] !== o ? (v = F && /* @__PURE__ */ d("button", { type: "button", onMouseDown: Q, onKeyDown: U, className: _("ml-1 rounded-full p-0.5 transition-colors focus:outline-none focus:ring-1 focus:ring-offset-1", f, t ? "cursor-not-allowed" : ""), disabled: t, "aria-label": u || `Remove ${o}`, tabIndex: t ? -1 : 0, children: /* @__PURE__ */ d(ae, { size: m }) }), e[65] = f, e[66] = F, e[67] = u, e[68] = t, e[69] = U, e[70] = Q, e[71] = m, e[72] = o, e[73] = v) : v = e[73];
+  let W;
+  return e[74] !== J || e[75] !== b || e[76] !== h || e[77] !== x || e[78] !== y || e[79] !== w || e[80] !== v ? (W = /* @__PURE__ */ te("div", { ...b, className: J, ...h, children: [
+    x,
+    y,
+    w,
+    v
+  ] }), e[74] = J, e[75] = b, e[76] = h, e[77] = x, e[78] = y, e[79] = w, e[80] = v, e[81] = W) : W = e[81], W;
+};
+export {
+  Ce as Chip
+};