docthub-core-components 3.0.0 → 3.1.0

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

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

package/dist/components/overrides/ui/circular-progress.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as N } from "react/jsx-runtime";
+import { c as C } from "react-compiler-runtime";
+import * as b from "react";
+import { Spinner as v } from "../../ui/spinner.js";
+import { cn as x } from "../../../lib/utils.js";
+const P = b.forwardRef((d, p) => {
+  const e = C(19);
+  let t, a, r, l, i;
+  e[0] !== d ? ({
+    size: r,
+    strokeWidth: l,
+    className: t,
+    colorClassName: i,
+    ...a
+  } = d, e[0] = d, e[1] = t, e[2] = a, e[3] = r, e[4] = l, e[5] = i) : (t = e[1], a = e[2], r = e[3], l = e[4], i = e[5]);
+  const c = r === void 0 ? 32 : r, f = l === void 0 ? 2 : l, u = i === void 0 ? "" : i, g = a;
+  let m, o;
+  e[6] !== g ? ({
+    "aria-label": m,
+    ...o
+  } = g, e[6] = g, e[7] = m, e[8] = o) : (m = e[7], o = e[8]);
+  const h = m ?? "Loading";
+  let s;
+  e[9] !== t || e[10] !== u ? (s = x("text-muted-foreground", u, t), e[9] = t, e[10] = u, e[11] = s) : s = e[11];
+  let n;
+  return e[12] !== p || e[13] !== o || e[14] !== c || e[15] !== f || e[16] !== h || e[17] !== s ? (n = /* @__PURE__ */ N(v, { ref: p, role: "status", "aria-label": h, className: s, width: c, height: c, strokeWidth: f, ...o }), e[12] = p, e[13] = o, e[14] = c, e[15] = f, e[16] = h, e[17] = s, e[18] = n) : n = e[18], n;
+});
+P.displayName = "CircularProgress";
+export {
+  P as CircularProgress
+};