laif-ds 0.1.14 → 0.1.16

package/dist/components/ui/chat-message.js

@@ -18,7 +18,7 @@ const b = C(
     variants: {
       isUser: {
         true: "bg-d-primary text-d-primary-foreground",
-        false: "bg-d-secondary text-foreground"
+        false: "bg-d-secondary text-d-foreground"
       },
       animation: {
         none: "",
@@ -98,7 +98,7 @@ const b = C(
       children: [
         /* @__PURE__ */ l("div", { className: i(b({ isUser: t, animation: d })), children: [
           /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e(x, { children: n.text }) }),
-          m ? /* @__PURE__ */ e("div", { className: "absolute -bottom-4 right-2 flex space-x-1 rounded-lg border bg-d-background p-1 text-foreground opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
+          m ? /* @__PURE__ */ e("div", { className: "absolute -bottom-4 right-2 flex space-x-1 rounded-lg border bg-d-background p-1 text-d-foreground opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
         ] }),
         c && r ? /* @__PURE__ */ e(
           "time",
@@ -151,7 +151,7 @@ const L = ({ part: s }) => {
       onOpenChange: r,
       className: "group w-full overflow-hidden rounded-lg border bg-d-secondary/50",
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-d-secondary-foreground hover:text-foreground", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-d-secondary-foreground hover:text-d-foreground", children: [
           /* @__PURE__ */ e(B, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
           /* @__PURE__ */ e("span", { children: "Thinking" })
         ] }) }) }),
@@ -239,7 +239,7 @@ function y({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e("pre", { className: "overflow-x-auto whitespace-pre-wrap text-foreground", children: JSON.stringify(a.result, null, 2) })
+              /* @__PURE__ */ e("pre", { className: "overflow-x-auto whitespace-pre-wrap text-d-foreground", children: JSON.stringify(a.result, null, 2) })
             ]
           },
           r

package/dist/components/ui/command.js

@@ -97,7 +97,7 @@ function C({
     {
       "data-slot": "command-group",
       className: a(
-        "text-foreground [&_[cmdk-group-heading]]:text-d-secondary-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        "text-d-foreground [&_[cmdk-group-heading]]:text-d-secondary-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
         e
       ),
       ...t

package/dist/components/ui/context-menu.js

@@ -171,7 +171,7 @@ function J({
       "data-slot": "context-menu-label",
       "data-inset": n,
       className: a(
-        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        "text-d-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
         t
       ),
       ...o

package/dist/components/ui/drawer.js

@@ -89,7 +89,7 @@ function g({
     e.Title,
     {
       "data-slot": "drawer-title",
-      className: d("text-foreground font-semibold", a),
+      className: d("text-d-foreground font-semibold", a),
       ...r
     }
   );

package/dist/components/ui/file-preview.js

@@ -98,7 +98,7 @@ const f = l.forwardRef(
       exit: { opacity: 0, y: "100%" },
       children: [
         /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-d-secondary", children: /* @__PURE__ */ t(p, { className: "h-6 w-6 text-foreground" }) }),
+          /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-d-secondary", children: /* @__PURE__ */ t(p, { className: "h-6 w-6 text-d-foreground" }) }),
           /* @__PURE__ */ t("span", { className: "w-full truncate text-d-secondary-foreground", children: e.name })
         ] }),
         r ? /* @__PURE__ */ t(

package/dist/components/ui/gantt/components/Chart/Chart.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o, jsxs as M, Fragment as N } from "react/jsx-runtime";
 import { useContext as R, useRef as a, useState as s, useCallback as k, useMemo as y, useEffect as u } from "react";
-import A from "../../../../../_virtual/index5.js";
+import A from "../../../../../_virtual/index6.js";
 import B from "../../../../../_virtual/debounce.js";
 import { GanttContext as F } from "../Gantt/GanttContext.js";
 import { transformData as O } from "../../utils/transformData.js";

package/dist/components/ui/input-selector.js

@@ -16,10 +16,10 @@ function V({
   min: p = 1,
   max: b = 4,
   className: v,
-  buttonClassName: u,
+  buttonClassName: d,
   counterClassName: y
 }) {
-  const [e, o] = s.useState(a), [d, m] = s.useState(!1);
+  const [e, o] = s.useState(a), [u, m] = s.useState(!1);
   s.useEffect(() => {
     o(a);
   }, [a]);
@@ -50,7 +50,7 @@ function V({
       children: /* @__PURE__ */ N(
         l.div,
         {
-          variants: d ? {
+          variants: u ? {
             initial: { x: 0 },
             vibrate: {
               x: [0, -5, 5, -5, 5, 0],
@@ -58,7 +58,7 @@ function V({
             }
           } : void 0,
           initial: "initial",
-          animate: d ? "vibrate" : "initial",
+          animate: u ? "vibrate" : "initial",
           className: "flex items-center gap-8",
           children: [
             /* @__PURE__ */ i(
@@ -70,9 +70,9 @@ function V({
                   "h-12 w-12 rounded-full border",
                   "bg-d-background",
                   "hover:bg-d-accent hover:text-d-accent-foreground",
-                  "text-foreground cursor-pointer",
+                  "text-d-foreground cursor-pointer",
                   "flex items-center justify-center",
-                  u
+                  d
                 ),
                 children: /* @__PURE__ */ i("span", { className: "text-2xl font-medium", children: "-" })
               }
@@ -85,7 +85,7 @@ function V({
                 animate: "animate",
                 exit: "exit",
                 className: r(
-                  "text-2xl font-medium text-foreground dark:text-foreground",
+                  "text-2xl font-medium text-d-foreground dark:text-d-foreground",
                   y
                 ),
                 children: e
@@ -101,9 +101,9 @@ function V({
                   "h-12 w-12 rounded-full border",
                   "bg-d-background",
                   "hover:bg-d-accent hover:text-d-accent-foreground",
-                  "text-foreground cursor-pointer",
+                  "text-d-foreground cursor-pointer",
                   "flex items-center justify-center",
-                  u
+                  d
                 ),
                 children: /* @__PURE__ */ i("span", { className: "text-2xl font-medium", children: "+" })
               }

package/dist/components/ui/input.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { cva as c } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as f } from "../../lib/utils.js";
 import { Label as x } from "./label.js";
-import { Icon as a } from "./icon.js";
+import { Icon as s } from "./icon.js";
 const g = c(
-  "file:text-foreground placeholder:text-d-secondary-foreground selection:bg-d-primary selection:text-d-primary-foreground dark:bg-d-input/30 border-d-input flex w-full min-w-0 rounded-md border bg-transparent px-3 transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+  "file:text-d-foreground placeholder:text-d-secondary-foreground selection:bg-d-primary selection:text-d-primary-foreground dark:bg-d-input/30 border-d-input flex w-full min-w-0 rounded-md border bg-transparent px-3 transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200",
   {
     variants: {
       size: {
@@ -23,25 +23,25 @@ function w({
   className: o,
   type: l,
   label: r,
-  labelClassName: p,
-  id: m,
+  labelClassName: m,
+  id: p,
   iconLeft: i,
   iconRight: n,
   size: t,
   ...u
 }) {
-  const d = m || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
-  return /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
+  const d = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
+  return /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
     r && /* @__PURE__ */ e(
       x,
       {
         htmlFor: d,
-        className: p,
+        className: m,
         children: r
       }
     ),
-    /* @__PURE__ */ s("div", { className: "relative", children: [
-      i && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-d-secondary-foreground pointer-events-none", children: /* @__PURE__ */ e(a, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
+    /* @__PURE__ */ a("div", { className: "relative", children: [
+      i && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-d-secondary-foreground pointer-events-none", children: /* @__PURE__ */ e(s, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -50,7 +50,7 @@ function w({
           "data-slot": "input",
           className: f(
             g({ size: t }),
-            "focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px]",
+            "focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-3",
             "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
             "shadow-xs",
             i ? t !== "lg" ? "pl-8" : "pl-10" : "",
@@ -60,7 +60,7 @@ function w({
           ...u
         }
       ),
-      n && /* @__PURE__ */ e("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-d-secondary-foreground pointer-events-none", children: /* @__PURE__ */ e(a, { name: n, size: t === "lg" ? "sm" : "xs" }) })
+      n && /* @__PURE__ */ e("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-d-secondary-foreground pointer-events-none", children: /* @__PURE__ */ e(s, { name: n, size: t === "lg" ? "sm" : "xs" }) })
     ] })
   ] });
 }

package/dist/components/ui/multiple-selector.js

@@ -1,75 +1,75 @@
 "use client";
-import { jsx as u, jsxs as j, Fragment as X } from "react/jsx-runtime";
+import { jsx as u, jsxs as V, Fragment as U } from "react/jsx-runtime";
 import { Command as ue, useCommandState as fe } from "../../node_modules/cmdk/dist/index.js";
 import * as a from "react";
 import { useEffect as L, forwardRef as de } from "react";
 import { Badge as ae } from "./badge.js";
-import { CommandItem as K, Command as ce, CommandList as oe, CommandGroup as ve } from "./command.js";
-import { cn as w } from "../../lib/utils.js";
+import { CommandItem as K, Command as oe, CommandList as ce, CommandGroup as ve } from "./command.js";
+import { cn as g } from "../../lib/utils.js";
 import { Label as be } from "./label.js";
 import Y from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function me(i, r) {
+function me(i, l) {
   const [f, b] = a.useState(i);
   return L(() => {
-    const c = setTimeout(() => b(i), r);
+    const o = setTimeout(() => b(i), l);
     return () => {
-      clearTimeout(c);
+      clearTimeout(o);
     };
-  }, [i, r]), f;
+  }, [i, l]), f;
 }
-function G(i, r) {
+function z(i, l) {
   if (i.length === 0)
     return {};
-  if (!r)
+  if (!l)
     return {
       "": i
     };
   const f = {};
   return i.forEach((b) => {
-    const c = b[r] || "";
-    f[c] || (f[c] = []), f[c].push(b);
+    const o = b[l] || "";
+    f[o] || (f[o] = []), f[o].push(b);
   }), f;
 }
-function we(i, r) {
+function ge(i, l) {
   const f = JSON.parse(JSON.stringify(i));
-  for (const [b, c] of Object.entries(f))
-    f[b] = c.filter((_) => !r.find((v) => v.value === _.value));
+  for (const [b, o] of Object.entries(f))
+    f[b] = o.filter((C) => !l.find((v) => v.value === C.value));
   return f;
 }
-function ge(i, r) {
+function we(i, l) {
   for (const [, f] of Object.entries(i))
-    if (f.some((b) => r.find((c) => c.value === b.value)))
+    if (f.some((b) => l.find((o) => o.value === b.value)))
       return !0;
   return !1;
 }
-const Z = de(({ className: i, ...r }, f) => fe((c) => c.filtered.count === 0) ? /* @__PURE__ */ u(
+const Z = de(({ className: i, ...l }, f) => fe((o) => o.filtered.count === 0) ? /* @__PURE__ */ u(
   "div",
   {
     ref: f,
-    className: w("py-6 text-center text-sm", i),
+    className: g("py-6 text-center text-sm", i),
     "cmdk-empty": "",
     role: "presentation",
-    ...r
+    ...l
   }
 ) : null);
 Z.displayName = "CommandEmpty";
-const he = a.forwardRef(
+const xe = a.forwardRef(
   ({
     value: i,
-    onChange: r,
+    onChange: l,
     placeholder: f,
     defaultOptions: b = [],
-    options: c,
-    delay: _,
+    options: o,
+    delay: C,
     onSearch: v,
     onSearchSync: I,
     loadingIndicator: W,
     emptyIndicator: F,
-    maxSelected: z = Number.MAX_SAFE_INTEGER,
+    maxSelected: X = Number.MAX_SAFE_INTEGER,
     onMaxSelected: k,
     hidePlaceholderWhenSelected: H,
     disabled: E,
-    groupBy: g,
+    groupBy: w,
     className: B,
     badgeClassName: S,
     selectFirstItem: p = !0,
@@ -80,69 +80,69 @@ const he = a.forwardRef(
     hideClearAllButton: P = !1,
     label: M
   }, ee) => {
-    const o = a.useRef(null), [h, A] = a.useState(!1), [te, $] = a.useState(!1), [q, Q] = a.useState(!1), C = a.useRef(null), [l, O] = a.useState(i || []), [x, R] = a.useState(
-      G(b, g)
-    ), [m, U] = a.useState(""), N = me(m, _ || 500);
+    const c = a.useRef(null), [x, G] = a.useState(!1), [te, $] = a.useState(!1), [q, Q] = a.useState(!1), _ = a.useRef(null), [r, O] = a.useState(i || []), [h, A] = a.useState(
+      z(b, w)
+    ), [m, R] = a.useState(""), N = me(m, C || 500);
     a.useImperativeHandle(
       ee,
       () => ({
-        selectedValue: [...l],
-        input: o.current,
+        selectedValue: [...r],
+        input: c.current,
         focus: () => {
           var e;
-          return (e = o == null ? void 0 : o.current) == null ? void 0 : e.focus();
+          return (e = c == null ? void 0 : c.current) == null ? void 0 : e.focus();
         },
         reset: () => O([])
       }),
-      [l]
+      [r]
     );
     const y = (e) => {
-      C.current && !C.current.contains(e.target) && o.current && !o.current.contains(e.target) && (A(!1), o.current.blur());
+      _.current && !_.current.contains(e.target) && c.current && !c.current.contains(e.target) && (G(!1), c.current.blur());
     }, J = a.useCallback(
       (e) => {
-        const t = l.filter((d) => d.value !== e.value);
-        O(t), r == null || r(t);
+        const t = r.filter((d) => d.value !== e.value);
+        O(t), l == null || l(t);
       },
-      [r, l]
-    ), le = a.useCallback(
+      [l, r]
+    ), re = a.useCallback(
       (e) => {
-        const t = o.current;
-        t && ((e.key === "Delete" || e.key === "Backspace") && t.value === "" && l.length > 0 && (l[l.length - 1].fixed || J(l[l.length - 1])), e.key === "Escape" && t.blur());
+        const t = c.current;
+        t && ((e.key === "Delete" || e.key === "Backspace") && t.value === "" && r.length > 0 && (r[r.length - 1].fixed || J(r[r.length - 1])), e.key === "Escape" && t.blur());
       },
-      [J, l]
+      [J, r]
     );
     L(() => {
       if (typeof document < "u")
-        return h ? (document.addEventListener("mousedown", y), document.addEventListener("touchend", y)) : (document.removeEventListener("mousedown", y), document.removeEventListener("touchend", y)), () => {
+        return x ? (document.addEventListener("mousedown", y), document.addEventListener("touchend", y)) : (document.removeEventListener("mousedown", y), document.removeEventListener("touchend", y)), () => {
           document.removeEventListener("mousedown", y), document.removeEventListener("touchend", y);
         };
-    }, [h, y]), L(() => {
+    }, [x, y]), L(() => {
       i && O(i);
     }, [i]), L(() => {
-      if (!c || v)
+      if (!o || v)
         return;
-      const e = G(c || [], g);
-      JSON.stringify(e) !== JSON.stringify(x) && R(e);
-    }, [b, c, g, v, x]), L(() => {
+      const e = z(o || [], w);
+      JSON.stringify(e) !== JSON.stringify(h) && A(e);
+    }, [b, o, w, v, h]), L(() => {
       const e = () => {
         const d = I == null ? void 0 : I(N);
-        R(G(d || [], g));
+        A(z(d || [], w));
       };
       (async () => {
-        !I || !h || (T && e(), N && e());
+        !I || !x || (T && e(), N && e());
       })();
-    }, [N, g, h, T]), L(() => {
+    }, [N, w, x, T]), L(() => {
       const e = async () => {
         Q(!0);
         const d = await (v == null ? void 0 : v(N));
-        R(G(d || [], g)), Q(!1);
+        A(z(d || [], w)), Q(!1);
       };
       (async () => {
-        !v || !h || (T && await e(), N && await e());
+        !v || !x || (T && await e(), N && await e());
       })();
-    }, [N, g, h, T]);
-    const re = () => {
-      if (!D || ge(x, [{ value: m, label: m }]) || l.find((t) => t.value === m))
+    }, [N, w, x, T]);
+    const le = () => {
+      if (!D || we(h, [{ value: m, label: m }]) || r.find((t) => t.value === m))
         return;
       const e = /* @__PURE__ */ u(
         K,
@@ -153,13 +153,13 @@ const he = a.forwardRef(
             t.preventDefault(), t.stopPropagation();
           },
           onSelect: (t) => {
-            if (l.length >= z) {
-              k == null || k(l.length);
+            if (r.length >= X) {
+              k == null || k(r.length);
               return;
             }
-            U("");
-            const d = [...l, { value: t, label: t }];
-            O(d), r == null || r(d);
+            R("");
+            const d = [...r, { value: t, label: t }];
+            O(d), l == null || l(d);
           },
           children: `Create "${m}"`
         }
@@ -168,51 +168,51 @@ const he = a.forwardRef(
         return e;
     }, ne = a.useCallback(() => {
       if (F)
-        return v && !D && Object.keys(x).length === 0 ? /* @__PURE__ */ u(K, { value: "-", disabled: !0, children: F }) : /* @__PURE__ */ u(Z, { children: F });
-    }, [D, F, v, x]), se = a.useMemo(
-      () => we(x, l),
-      [x, l]
+        return v && !D && Object.keys(h).length === 0 ? /* @__PURE__ */ u(K, { value: "-", disabled: !0, children: F }) : /* @__PURE__ */ u(Z, { children: F });
+    }, [D, F, v, h]), se = a.useMemo(
+      () => ge(h, r),
+      [h, r]
     ), ie = a.useCallback(() => {
       if (n != null && n.filter)
         return n.filter;
       if (D)
         return (e, t) => e.toLowerCase().includes(t.toLowerCase()) ? 1 : -1;
     }, [D, n == null ? void 0 : n.filter]);
-    return /* @__PURE__ */ j("div", { className: "flex flex-col space-y-1.5", children: [
+    return /* @__PURE__ */ V("div", { className: "flex flex-col space-y-1.5", children: [
       M && /* @__PURE__ */ u(be, { children: M }),
-      /* @__PURE__ */ j(
-        ce,
+      /* @__PURE__ */ V(
+        oe,
         {
-          ref: C,
+          ref: _,
           ...n,
           onKeyDown: (e) => {
             var t;
-            le(e), (t = n == null ? void 0 : n.onKeyDown) == null || t.call(n, e);
+            re(e), (t = n == null ? void 0 : n.onKeyDown) == null || t.call(n, e);
           },
-          className: w("h-auto overflow-visible bg-transparent", n == null ? void 0 : n.className),
+          className: g("h-auto overflow-visible bg-transparent", n == null ? void 0 : n.className),
           shouldFilter: (n == null ? void 0 : n.shouldFilter) !== void 0 ? n.shouldFilter : !v,
           filter: ie(),
           children: [
             /* @__PURE__ */ u(
               "div",
               {
-                className: w(
+                className: g(
                   "min-h-10 rounded-md border border-d-input text-base ring-offset-d-background focus-within:ring-2 focus-within:ring-d-ring focus-within:ring-offset-2 md:text-sm",
                   {
-                    "px-3 py-2": l.length !== 0,
-                    "cursor-text": !E && l.length !== 0
+                    "px-3 py-2": r.length !== 0,
+                    "cursor-text": !E && r.length !== 0
                   },
                   B
                 ),
                 onClick: () => {
                   var e;
-                  E || (e = o == null ? void 0 : o.current) == null || e.focus();
+                  E || (e = c == null ? void 0 : c.current) == null || e.focus();
                 },
-                children: /* @__PURE__ */ j("div", { className: "relative flex flex-wrap gap-1", children: [
-                  l.map((e) => /* @__PURE__ */ j(
+                children: /* @__PURE__ */ V("div", { className: "relative flex flex-wrap gap-1", children: [
+                  r.map((e) => /* @__PURE__ */ V(
                     ae,
                     {
-                      className: w(
+                      className: g(
                         "data-[disabled]:bg-d-secondary-foreground data-[disabled]:text-d-secondary data-[disabled]:hover:bg-d-secondary-foreground",
                         "data-[fixed]:bg-d-secondary-foreground data-[fixed]:text-d-secondary data-[fixed]:hover:bg-d-secondary-foreground",
                         S
@@ -225,8 +225,8 @@ const he = a.forwardRef(
                           "button",
                           {
                             type: "button",
-                            className: w(
-                              "ml-1 rounded-full outline-none ring-offset-d-background focus:ring-2 focus:ring-d-ring focus:ring-offset-2",
+                            className: g(
+                              "ml-1 rounded-full text-d-secondary-foreground outline-none ring-offset-d-background focus:ring-2 focus:ring-d-ring focus:ring-offset-2",
                               (E || e.fixed) && "hidden"
                             ),
                             onKeyDown: (t) => {
@@ -236,7 +236,7 @@ const he = a.forwardRef(
                               t.preventDefault(), t.stopPropagation();
                             },
                             onClick: () => J(e),
-                            children: /* @__PURE__ */ u(Y, { className: "h-3 w-3 text-d-secondary-foreground hover:text-foreground" })
+                            children: /* @__PURE__ */ u(Y, { className: "h-3 w-3 text-d-secondary-foreground hover:text-d-foreground" })
                           }
                         )
                       ]
@@ -247,52 +247,52 @@ const he = a.forwardRef(
                     ue.Input,
                     {
                       ...s,
-                      ref: o,
+                      ref: c,
                       value: m,
                       disabled: E,
                       onValueChange: (e) => {
                         var t;
-                        U(e), (t = s == null ? void 0 : s.onValueChange) == null || t.call(s, e);
+                        R(e), (t = s == null ? void 0 : s.onValueChange) == null || t.call(s, e);
                       },
                       onBlur: (e) => {
                         var t;
-                        te || A(!1), (t = s == null ? void 0 : s.onBlur) == null || t.call(s, e);
+                        te || G(!1), (t = s == null ? void 0 : s.onBlur) == null || t.call(s, e);
                       },
                       onFocus: (e) => {
                         var t;
-                        A(!0), (t = s == null ? void 0 : s.onFocus) == null || t.call(s, e);
+                        G(!0), (t = s == null ? void 0 : s.onFocus) == null || t.call(s, e);
                       },
-                      placeholder: H && l.length !== 0 ? "" : f,
-                      className: w(
+                      placeholder: H && r.length !== 0 ? "" : f,
+                      className: g(
                         "flex-1 bg-transparent outline-none placeholder:text-d-secondary-foreground",
                         {
                           "w-full": H,
-                          "px-3 py-2": l.length === 0,
-                          "ml-1": l.length !== 0
+                          "px-3 py-2": r.length === 0,
+                          "ml-1": r.length !== 0
                         },
                         s == null ? void 0 : s.className
                       )
                     }
                   ),
                   /* @__PURE__ */ u(
-                    "button",
+                    "div",
                     {
-                      type: "button",
+                      className: g(
+                        "absolute right-0 top-0 flex items-center justify-center rounded-full bg-d-secondary/20 hover:bg-d-secondary/30 p-1 cursor-pointer z-20 border",
+                        (P || E || r.length < 1 || r.filter((e) => e.fixed).length === r.length) && "hidden"
+                      ),
                       onClick: () => {
-                        O(l.filter((e) => e.fixed)), r == null || r(l.filter((e) => e.fixed));
+                        O(r.filter((e) => e.fixed)), l == null || l(r.filter((e) => e.fixed));
                       },
-                      className: w(
-                        "absolute right-0 h-6 w-6 p-0",
-                        (P || E || l.length < 1 || l.filter((e) => e.fixed).length === l.length) && "hidden"
-                      ),
-                      children: /* @__PURE__ */ u(Y, {})
+                      "aria-label": "Clear selection",
+                      children: /* @__PURE__ */ u(Y, { size: 12, className: "text-d-foreground" })
                     }
                   )
                 ] })
               }
             ),
-            /* @__PURE__ */ u("div", { className: "relative", children: h && /* @__PURE__ */ u(
-              oe,
+            /* @__PURE__ */ u("div", { className: "relative", children: x && /* @__PURE__ */ u(
+              ce,
               {
                 className: "absolute top-1 z-10 w-full rounded-md border bg-d-popover text-d-popover-foreground shadow-md outline-none animate-in",
                 onMouseLeave: () => {
@@ -303,30 +303,30 @@ const he = a.forwardRef(
                 },
                 onMouseUp: () => {
                   var e;
-                  (e = o == null ? void 0 : o.current) == null || e.focus();
+                  (e = c == null ? void 0 : c.current) == null || e.focus();
                 },
-                children: q ? /* @__PURE__ */ u(X, { children: W }) : /* @__PURE__ */ j(X, { children: [
+                children: q ? /* @__PURE__ */ u(U, { children: W }) : /* @__PURE__ */ V(U, { children: [
                   ne(),
-                  re(),
+                  le(),
                   !p && /* @__PURE__ */ u(K, { value: "-", className: "hidden" }),
-                  Object.entries(se).map(([e, t]) => /* @__PURE__ */ u(ve, { heading: e, className: "h-full overflow-auto", children: /* @__PURE__ */ u(X, { children: t.map((d) => /* @__PURE__ */ u(
+                  Object.entries(se).map(([e, t]) => /* @__PURE__ */ u(ve, { heading: e, className: "h-full overflow-auto", children: /* @__PURE__ */ u(U, { children: t.map((d) => /* @__PURE__ */ u(
                     K,
                     {
                       value: d.label,
                       disabled: d.disable,
-                      onMouseDown: (V) => {
-                        V.preventDefault(), V.stopPropagation();
+                      onMouseDown: (j) => {
+                        j.preventDefault(), j.stopPropagation();
                       },
                       onSelect: () => {
-                        if (l.length >= z) {
-                          k == null || k(l.length);
+                        if (r.length >= X) {
+                          k == null || k(r.length);
                           return;
                         }
-                        U("");
-                        const V = [...l, d];
-                        O(V), r == null || r(V);
+                        R("");
+                        const j = [...r, d];
+                        O(j), l == null || l(j);
                       },
-                      className: w(
+                      className: g(
                         "cursor-pointer",
                         d.disable && "cursor-default text-d-secondary-foreground"
                       ),
@@ -343,8 +343,8 @@ const he = a.forwardRef(
     ] });
   }
 );
-he.displayName = "MultipleSelector";
+xe.displayName = "MultipleSelector";
 export {
-  he as MultipleSelector,
+  xe as MultipleSelector,
   me as useDebounce
 };