laif-ds 0.1.73 → 0.1.75

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

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

package/dist/components/ui/resizable.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { PanelResizeHandle as i, Panel as n, PanelGroup as o } from "../../node_modules/react-resizable-panels/dist/react-resizable-panels.browser.esm.js";
+import { PanelResizeHandle as i, Panel as n, PanelGroup as o } from "../../node_modules/react-resizable-panels/dist/react-resizable-panels.browser.js";
 import { cn as t } from "../../lib/utils.js";
 import s from "../../node_modules/lucide-react/dist/esm/icons/grip-vertical.js";
 function p({

package/dist/components/ui/select.js

@@ -45,7 +45,7 @@ function H({
       "data-slot": "select-trigger",
       "data-size": l,
       className: o(
-        "border-d-input ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-ring flex items-center justify-between rounded-md border bg-transparent px-3 py-2 whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        "border-d-input ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-ring bg-d-input flex items-center justify-between rounded-md border px-3 py-2 whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
         "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
         "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
@@ -141,7 +141,10 @@ function O({
     C,
     {
       "data-slot": "select-separator",
-      className: o("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+      className: o(
+        "bg-d-border pointer-events-none -mx-1 my-1 h-px",
+        t
+      ),
       ...a
     }
   );