laif-ds 0.2.74 → 0.2.76

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

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as r, jsxs as L, Fragment as G } from "react/jsx-runtime";
+import { jsx as r, jsxs as L, Fragment as X } from "react/jsx-runtime";
 import { Command as ue, useCommandState as ce } from "../../node_modules/cmdk/dist/index.js";
 import * as o from "react";
 import { useEffect as C, forwardRef as fe } from "react";
-import { Popover as me, PopoverTrigger as ge, PopoverContent as he } from "./popover.js";
-import { Badge as pe } from "./badge.js";
-import { CommandItem as I, Command as q, CommandList as ve, CommandGroup as be } from "./command.js";
-import { cn as p } from "../../lib/utils.js";
-import { Label as we } from "./label.js";
-import { Icon as xe } from "./icon.js";
+import { Badge as me } from "./badge.js";
+import { CommandItem as I, Command as q, CommandList as ge, CommandGroup as he } from "./command.js";
+import { cn as v } from "../../lib/utils.js";
+import { Icon as pe } from "./icon.js";
+import { Label as ve } from "./label.js";
+import { Popover as be, PopoverTrigger as we, PopoverContent as xe } from "./popover.js";
 import Ne from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 function ye(s, l) {
   const [i, u] = o.useState(s);
@@ -40,7 +40,7 @@ function Ce(s, l) {
     );
   return i;
 }
-function Ee(s, l) {
+function ke(s, l) {
   for (const [, i] of Object.entries(s))
     if (i.some((u) => l.find((a) => a.value === u.value)))
       return !0;
@@ -50,14 +50,14 @@ const Q = fe(({ className: s, ...l }, i) => ce((a) => a.filtered.count === 0) ?
   "div",
   {
     ref: i,
-    className: p("py-6 text-center text-sm", s),
+    className: v("py-6 text-center text-sm", s),
     "cmdk-empty": "",
     role: "presentation",
     ...l
   }
 ) : null);
 Q.displayName = "CommandEmpty";
-const Oe = o.forwardRef(
+const Ee = o.forwardRef(
   ({
     value: s,
     onChange: l,
@@ -66,29 +66,29 @@ const Oe = o.forwardRef(
     options: a,
     delay: V,
     onSearch: c,
-    onSearchSync: X,
+    onSearchSync: j,
     loadingIndicator: Y,
     emptyIndicator: D,
     maxSelected: _ = Number.MAX_SAFE_INTEGER,
     onMaxSelected: A,
     hidePlaceholderWhenSelected: U = !0,
     disabled: N,
-    groupBy: v,
+    groupBy: b,
     className: Z,
     badgeClassName: B,
     selectFirstItem: P = !0,
-    creatable: E = !1,
+    creatable: k = !1,
     triggerSearchOnFocus: R = !1,
     commandProps: m,
-    inputProps: O,
+    inputProps: E,
     hideClearAllButton: ee = !1,
     label: W
   }, te) => {
-    const g = o.useRef(null), [f, S] = o.useState(!1), [ne, z] = o.useState(!1), [H, $] = o.useState(!1), [re, oe] = o.useState(
+    const g = o.useRef(null), [f, M] = o.useState(!1), [ne, z] = o.useState(!1), [H, $] = o.useState(!1), [re, oe] = o.useState(
       void 0
-    ), j = o.useRef(null), F = o.useRef(null), [t, y] = o.useState(s || []), [b, J] = o.useState(
-      T(u, v)
-    ), [h, K] = o.useState(""), w = ye(h, V || 500);
+    ), F = o.useRef(null), J = o.useRef(null), [t, y] = o.useState(s || []), [w, K] = o.useState(
+      T(u, b)
+    ), [h, G] = o.useState(""), x = ye(h, V || 500);
     o.useImperativeHandle(
       te,
       () => ({
@@ -99,9 +99,12 @@ const Oe = o.forwardRef(
       }),
       [t]
     );
-    const x = (e) => {
-      j.current && !j.current.contains(e.target) && g.current && !g.current.contains(e.target) && (S(!1), g.current.blur());
-    }, M = o.useCallback(
+    const p = o.useCallback(
+      (e) => {
+        F.current && !F.current.contains(e.target) && g.current && !g.current.contains(e.target) && (M(!1), g.current.blur());
+      },
+      []
+    ), S = o.useCallback(
       (e) => {
         const n = t.filter((d) => d.value !== e.value);
         y(n), l?.(n);
@@ -110,47 +113,53 @@ const Oe = o.forwardRef(
     ), se = o.useCallback(
       (e) => {
         const n = g.current;
-        n && ((e.key === "Delete" || e.key === "Backspace") && n.value === "" && t.length > 0 && (t[t.length - 1].fixed || M(t[t.length - 1])), e.key === "Escape" && n.blur());
+        n && ((e.key === "Delete" || e.key === "Backspace") && n.value === "" && t.length > 0 && (t[t.length - 1].fixed || S(t[t.length - 1])), e.key === "Escape" && n.blur());
       },
-      [M, t]
+      [S, t]
     );
     C(() => {
       if (typeof document < "u")
-        return f ? (document.addEventListener("mousedown", x), document.addEventListener("touchend", x)) : (document.removeEventListener("mousedown", x), document.removeEventListener("touchend", x)), () => {
-          document.removeEventListener("mousedown", x), document.removeEventListener("touchend", x);
+        return f ? (document.addEventListener("mousedown", p), document.addEventListener("touchend", p)) : (document.removeEventListener("mousedown", p), document.removeEventListener("touchend", p)), () => {
+          document.removeEventListener("mousedown", p), document.removeEventListener("touchend", p);
         };
-    }, [f, x]), C(() => {
+    }, [f, p]), C(() => {
       s && y(s);
     }, [s]), C(() => {
       if (!a || c)
         return;
-      const e = T(a || [], v);
-      JSON.stringify(e) !== JSON.stringify(b) && J(e);
-    }, [u, a, v, c, b]), C(() => {
+      const e = T(a || [], b);
+      JSON.stringify(e) !== JSON.stringify(w) && K(e);
+    }, [u, a, b, c, w]), C(() => {
       const e = () => {
-        const d = X?.(w);
-        J(T(d || [], v));
+        const d = j?.(x);
+        K(T(d || [], b));
       };
       (async () => {
-        !X || !f || (R && e(), w && e());
+        !j || !f || (R && e(), x && e());
       })();
-    }, [w, v, f, R]), C(() => {
+    }, [
+      x,
+      b,
+      f,
+      R,
+      j
+    ]), C(() => {
       const e = async () => {
         $(!0);
-        const d = await c?.(w);
-        J(T(d || [], v)), $(!1);
+        const d = await c?.(x);
+        K(T(d || [], b)), $(!1);
       };
       (async () => {
-        !c || !f || (R && await e(), w && await e());
+        !c || !f || (R && await e(), x && await e());
       })();
-    }, [w, v, f, R]), o.useEffect(() => {
-      if (f && F.current) {
-        const e = F.current.getBoundingClientRect();
+    }, [x, b, f, R, c]), o.useEffect(() => {
+      if (f && J.current) {
+        const e = J.current.getBoundingClientRect();
         oe(e.width);
       }
-    }, [f]);
+    }, [f, p]);
     const le = () => {
-      if (!E || Ee(b, [{ value: h, label: h }]) || t.find((n) => n.value === h))
+      if (!k || ke(w, [{ value: h, label: h }]) || t.find((n) => n.value === h))
         return;
       const e = /* @__PURE__ */ r(
         I,
@@ -165,49 +174,49 @@ const Oe = o.forwardRef(
               A?.(t.length);
               return;
             }
-            K("");
+            G("");
             const d = [...t, { value: n, label: n }];
             y(d), l?.(d);
           },
           children: `Create "${h}"`
         }
       );
-      if (!c && h.length > 0 || c && w.length > 0 && !H)
+      if (!c && h.length > 0 || c && x.length > 0 && !H)
         return e;
     }, ie = o.useCallback(() => {
       if (D)
-        return c && !E && Object.keys(b).length === 0 ? /* @__PURE__ */ r(I, { value: "-", disabled: !0, children: D }) : /* @__PURE__ */ r(Q, { children: D });
-    }, [E, D, c, b]), de = o.useMemo(
-      () => Ce(b, t),
-      [b, t]
+        return c && !k && Object.keys(w).length === 0 ? /* @__PURE__ */ r(I, { value: "-", disabled: !0, children: D }) : /* @__PURE__ */ r(Q, { children: D });
+    }, [k, D, c, w]), de = o.useMemo(
+      () => Ce(w, t),
+      [w, t]
     ), ae = o.useCallback(() => {
       if (m?.filter)
         return m.filter;
-      if (E)
+      if (k)
         return (e, n) => e.toLowerCase().includes(n.toLowerCase()) ? 1 : -1;
-    }, [E, m?.filter]);
+    }, [k, m?.filter]);
     return /* @__PURE__ */ L("div", { className: "flex flex-col space-y-1.5", children: [
-      W && /* @__PURE__ */ r(we, { className: "w-fit", children: W }),
+      W && /* @__PURE__ */ r(ve, { className: "w-fit", children: W }),
       /* @__PURE__ */ r(
         q,
         {
-          ref: j,
+          ref: F,
           ...m,
           onKeyDown: (e) => {
             se(e), m?.onKeyDown?.(e);
           },
-          className: p(
+          className: v(
             "bg-d-input border-d-border h-auto overflow-visible",
             m?.className
           ),
           shouldFilter: m?.shouldFilter !== void 0 ? m.shouldFilter : !c,
           filter: ae(),
-          children: /* @__PURE__ */ L(me, { open: f, onOpenChange: S, children: [
-            /* @__PURE__ */ r(ge, { asChild: !0, children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ L(be, { open: f, onOpenChange: M, children: [
+            /* @__PURE__ */ r(we, { asChild: !0, children: /* @__PURE__ */ r(
               "div",
               {
-                ref: F,
-                className: p(
+                ref: J,
+                className: v(
                   "border-d-border/50 ring-offset-d-background min-h-10 rounded-md border text-base md:text-sm",
                   "focus-within:outline-none",
                   "focus-visible-within:ring-d-ring focus-visible-within:ring-1",
@@ -221,9 +230,9 @@ const Oe = o.forwardRef(
                 ),
                 children: /* @__PURE__ */ L("div", { className: "relative flex flex-wrap gap-1", children: [
                   t.map((e) => /* @__PURE__ */ L(
-                    pe,
+                    me,
                     {
-                      className: p(
+                      className: v(
                         "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",
                         B
@@ -236,17 +245,17 @@ const Oe = o.forwardRef(
                           "button",
                           {
                             type: "button",
-                            className: p(
+                            className: v(
                               "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",
                               (N || e.fixed) && "hidden"
                             ),
                             onKeyDown: (n) => {
-                              n.key === "Enter" && M(e);
+                              n.key === "Enter" && S(e);
                             },
                             onMouseDown: (n) => {
                               n.preventDefault(), n.stopPropagation();
                             },
-                            onClick: () => M(e),
+                            onClick: () => S(e),
                             children: /* @__PURE__ */ r(Ne, { className: "text-d-secondary-foreground hover:text-d-foreground h-3 w-3 cursor-pointer" })
                           }
                         )
@@ -257,35 +266,35 @@ const Oe = o.forwardRef(
                   /* @__PURE__ */ r(
                     ue.Input,
                     {
-                      ...O,
+                      ...E,
                       ref: g,
                       value: h,
                       disabled: N,
                       onValueChange: (e) => {
-                        K(e), O?.onValueChange?.(e);
+                        G(e), E?.onValueChange?.(e);
                       },
                       onBlur: (e) => {
-                        ne || S(!1), O?.onBlur?.(e);
+                        ne || M(!1), E?.onBlur?.(e);
                       },
                       onFocus: (e) => {
-                        S(!0), O?.onFocus?.(e);
+                        M(!0), E?.onFocus?.(e);
                       },
                       placeholder: U && t.length !== 0 ? "" : i,
-                      className: p(
+                      className: v(
                         "placeholder:text-d-muted-foreground flex-1 bg-transparent outline-none",
                         {
                           "w-full": U,
                           "px-3 py-2": t.length === 0,
                           "ml-1": t.length !== 0
                         },
-                        O?.className
+                        E?.className
                       )
                     }
                   ),
                   /* @__PURE__ */ r(
                     "div",
                     {
-                      className: p(
+                      className: v(
                         "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
                         (ee || N || t.length < 1 || t.filter((e) => e.fixed).length === t.length) && "hidden"
                       ),
@@ -294,7 +303,7 @@ const Oe = o.forwardRef(
                       },
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ r(
-                        xe,
+                        pe,
                         {
                           name: "X",
                           size: "xs",
@@ -307,13 +316,13 @@ const Oe = o.forwardRef(
               }
             ) }),
             /* @__PURE__ */ r(
-              he,
+              xe,
               {
                 className: "border-none p-0 shadow-sm",
                 style: { width: re },
                 onWheel: (e) => e.stopPropagation(),
                 children: /* @__PURE__ */ r(q, { shouldFilter: !1, className: "w-full", children: /* @__PURE__ */ r(
-                  ve,
+                  ge,
                   {
                     className: "bg-d-popover text-d-popover-foreground animate-in border-d-border w-full rounded-md border shadow-md outline-none",
                     onMouseLeave: () => {
@@ -325,33 +334,33 @@ const Oe = o.forwardRef(
                     onMouseUp: () => {
                       g?.current?.focus();
                     },
-                    children: H ? /* @__PURE__ */ r(G, { children: Y }) : /* @__PURE__ */ L(G, { children: [
+                    children: H ? /* @__PURE__ */ r(X, { children: Y }) : /* @__PURE__ */ L(X, { children: [
                       ie(),
                       le(),
                       !P && /* @__PURE__ */ r(I, { value: "-", className: "hidden" }),
                       Object.entries(de).map(([e, n]) => /* @__PURE__ */ r(
-                        be,
+                        he,
                         {
                           heading: e,
                           className: "h-full overflow-auto",
-                          children: /* @__PURE__ */ r(G, { children: n.map((d) => /* @__PURE__ */ r(
+                          children: /* @__PURE__ */ r(X, { children: n.map((d) => /* @__PURE__ */ r(
                             I,
                             {
                               value: d.label,
                               disabled: d.disable,
-                              onMouseDown: (k) => {
-                                k.preventDefault(), k.stopPropagation();
+                              onMouseDown: (O) => {
+                                O.preventDefault(), O.stopPropagation();
                               },
                               onSelect: () => {
                                 if (t.length >= _) {
                                   A?.(t.length);
                                   return;
                                 }
-                                K("");
-                                const k = [...t, d];
-                                y(k), l?.(k);
+                                G("");
+                                const O = [...t, d];
+                                y(O), l?.(O);
                               },
-                              className: p(
+                              className: v(
                                 "cursor-pointer",
                                 d.disable && "text-d-secondary-foreground cursor-default"
                               ),
@@ -373,8 +382,8 @@ const Oe = o.forwardRef(
     ] });
   }
 );
-Oe.displayName = "MultipleSelector";
+Ee.displayName = "MultipleSelector";
 export {
-  Oe as MultipleSelector,
+  Ee as MultipleSelector,
   ye as useDebounce
 };

package/dist/components/ui/secure-pdf-viewer.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Button as v } from "./button.js";
-import { Icon as s } from "./icon.js";
-import { useState as l, useRef as W, useMemo as N, useEffect as d } from "react";
 import "react-pdf/dist/Page/AnnotationLayer.css";
 import "react-pdf/dist/Page/TextLayer.css";
+import { useState as l, useRef as W, useMemo as v, useEffect as d } from "react";
+import { Button as N } from "./button.js";
+import { Icon as s } from "./icon.js";
 function R({
   url: m,
   initialPage: g = 1,
   className: u = ""
 }) {
-  const [o, j] = l(null), [a, P] = l(), [t, f] = l(g), [p, h] = l(null), n = W(null), [b, x] = l(950), E = N(() => ({ url: m }), [m]), w = N(() => o ? {
+  const [o, j] = l(null), [a, P] = l(), [t, f] = l(g), [p, h] = l(null), n = W(null), [b, x] = l(950), E = v(() => ({ url: m }), [m]), w = v(() => o ? {
     cMapUrl: `https://unpkg.com/pdfjs-dist@${o.pdfjs.version}/cmaps/`,
     cMapPacked: !0
   } : null, [o]);
@@ -50,7 +50,19 @@ function R({
       /* @__PURE__ */ e("p", { className: "text-d-muted-foreground text-sm", children: p })
     ] });
   if (!o || !w)
-    return /* @__PURE__ */ e("div", { className: `flex min-h-[600px] w-full flex-col items-center ${u}`, children: /* @__PURE__ */ e("div", { className: "flex min-h-[600px] w-full items-center justify-center", children: /* @__PURE__ */ e(s, { name: "Loader2", className: "text-d-primary h-8 w-8 animate-spin" }) }) });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: `flex min-h-[600px] w-full flex-col items-center ${u}`,
+        children: /* @__PURE__ */ e("div", { className: "flex min-h-[600px] w-full items-center justify-center", children: /* @__PURE__ */ e(
+          s,
+          {
+            name: "Loader2",
+            className: "text-d-primary h-8 w-8 animate-spin"
+          }
+        ) })
+      }
+    );
   const { Document: C, Page: k } = o;
   return /* @__PURE__ */ c(
     "div",
@@ -88,7 +100,7 @@ function R({
         ),
         /* @__PURE__ */ c("div", { className: "my-8 flex h-full w-full items-center justify-center gap-4", children: [
           /* @__PURE__ */ e(
-            v,
+            N,
             {
               onClick: () => f(Math.max(1, t - 1)),
               disabled: t <= 1,
@@ -103,7 +115,7 @@ function R({
             a
           ] }),
           /* @__PURE__ */ e(
-            v,
+            N,
             {
               onClick: () => f(Math.min(a || 1, t + 1)),
               disabled: t >= (a || 1),

package/dist/components/ui/sidebar.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import * as d from "react";
 import { Root as v } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { cva as k } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as d from "react";
 import { Button as I } from "./button.js";
 import { Input as z } from "./input.js";
 import { Separator as B } from "./separator.js";

package/dist/components/ui/slider.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as u, jsx as l, Fragment as k } from "react/jsx-runtime";
-import { cn as c } from "../../lib/utils.js";
 import { Root as y, Track as F, Range as M, Thumb as b } from "../../node_modules/@radix-ui/react-slider/dist/index.js";
 import { cva as w } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as P from "react";
+import { cn as c } from "../../lib/utils.js";
 import { Badge as x } from "./badge.js";
 const S = w(
   "relative w-full grow overflow-hidden rounded-full bg-d-primary/20",

package/dist/components/ui/spinner.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as i } from "../../lib/utils.js";
-import { cva as c } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cva as i } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as c } from "../../lib/utils.js";
 const l = {
   xxs: 12,
   xs: 14,
@@ -10,7 +10,7 @@ const l = {
   lg: 24,
   xl: 28,
   xxl: 36
-}, d = c("animate-spin", {
+}, d = i("animate-spin", {
   variants: {
     variant: {
       default: "text-d-foreground",
@@ -31,7 +31,7 @@ function u({
     "svg",
     {
       "data-slot": "spinner",
-      className: i(d({ variant: s, className: n })),
+      className: c(d({ variant: s, className: n })),
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",