laif-ds 0.1.15 → 0.1.17

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
 };

package/dist/index.d.ts

@@ -266,7 +266,7 @@ export declare interface CardProps extends React_2.ComponentProps<"div"> {
     size?: CardSize;
 }
 
-declare type CardSize = "default" | "sm" | "lg";
+declare type CardSize = "default" | "sm" | "lg" | "none";
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -418,6 +418,22 @@ declare interface ChatPropsWithSuggestions extends ChatPropsBase {
 
 export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
 
+export declare function CircularProgress({ value, renderLabel, className, progressClassName, labelClassName, showLabel, shape, size, strokeWidth, circleStrokeWidth, progressStrokeWidth, }: CircularProgressProps): JSX.Element;
+
+declare interface CircularProgressProps {
+    value: number;
+    renderLabel?: (progress: number) => number | string;
+    size?: number;
+    strokeWidth?: number;
+    circleStrokeWidth?: number;
+    progressStrokeWidth?: number;
+    shape?: "square" | "round";
+    className?: string;
+    progressClassName?: string;
+    labelClassName?: string;
+    showLabel?: boolean;
+}
+
 export declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): JSX.Element;
 
 export declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): JSX.Element;
@@ -683,7 +699,7 @@ export declare function HoverCardTrigger({ ...props }: React_2.ComponentProps<ty
  */
 export declare function Icon({ name, size, className, color, ...props }: IconProps): JSX.Element | null;
 
-declare type IconName = keyof typeof LucideIcons;
+export declare type IconName = keyof typeof LucideIcons;
 
 declare interface IconProps {
     name: IconName;
@@ -929,6 +945,14 @@ declare interface NavItem {
     url: string;
     isActive?: boolean;
     iconName?: IconName;
+    subItems?: NavSubItem[];
+}
+
+declare interface NavSubItem {
+    title: string;
+    url: string;
+    isActive?: boolean;
+    iconName?: IconName;
 }
 
 declare type NoRepeatDataType = {