laif-ds 0.1.9 → 0.1.11

package/dist/components/ui/async-select.js

@@ -1,18 +1,18 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import * as Y from "react";
-import { useState as o, useEffect as h, useCallback as Z } from "react";
-import { useDebounce as _ } from "../../hooks/use-debounce.js";
-import { cva as V } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as N } from "../../lib/utils.js";
-import { Button as ee } from "./button.js";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import * as Z from "react";
+import { useState as o, useEffect as g, useCallback as _ } from "react";
+import { useDebounce as V } from "../../hooks/use-debounce.js";
+import { cva as ee } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as v } from "../../lib/utils.js";
+import { Button as te } from "./button.js";
 import { Label as se } from "./label.js";
-import { Command as te, CommandInput as ne, CommandList as oe, CommandEmpty as re, CommandGroup as P, CommandItem as F } from "./command.js";
-import { Popover as ae, PopoverTrigger as ie, PopoverContent as le } from "./popover.js";
-import ce from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
-import me from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import de from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-const fe = V(
+import { Command as ne, CommandInput as oe, CommandList as re, CommandEmpty as ae, CommandGroup as F, CommandItem as $ } from "./command.js";
+import { Popover as ie, PopoverTrigger as le, PopoverContent as ce } from "./popover.js";
+import me from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
+import de from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import fe from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+const pe = ee(
   "justify-between",
   {
     variants: {
@@ -27,148 +27,148 @@ const fe = V(
     }
   }
 );
-function Le({
-  fetcher: i,
-  preload: c,
-  filterFn: x,
-  renderOption: R,
-  getOptionValue: a,
-  getDisplayValue: $,
-  notFound: A,
-  loadingSkeleton: B,
-  label: l,
-  labelClassName: G,
-  placeholder: M = "Select...",
-  value: r,
-  onChange: C,
-  disabled: v = !1,
-  width: w = "200px",
-  className: U,
-  triggerClassName: q,
-  noResultsMessage: H,
-  clearable: S = !0,
-  size: J
+function Ee({
+  fetcher: l,
+  preload: m,
+  filterFn: y,
+  renderOption: A,
+  getOptionValue: i,
+  getDisplayValue: B,
+  notFound: G,
+  loadingSkeleton: M,
+  label: c,
+  labelClassName: R,
+  placeholder: U = "Select...",
+  value: a,
+  onChange: w,
+  disabled: S = !1,
+  width: b = "200px",
+  className: q,
+  triggerClassName: H,
+  noResultsMessage: J,
+  clearable: L = !0,
+  size: K
 }) {
-  const [m, K] = o(!1), [b, L] = o(!1), [n, d] = o([]), [j, f] = o(!1), [g, p] = o(null), [y, E] = o(r), [z, O] = o(null), [T, Q] = o(""), u = _(T, c ? 0 : 300), [k, D] = o([]);
-  h(() => {
-    K(!0), E(r);
-  }, [r]), h(() => {
-    if (r && n.length > 0) {
-      const t = n.find((s) => a(s) === r);
-      t && O(t);
+  const [d, Q] = o(!1), [z, E] = o(!1), [n, f] = o([]), [x, p] = o(!1), [N, u] = o(null), [C, O] = o(a), [T, j] = o(null), [k, W] = o(""), h = V(k, m ? 0 : 300), [D, I] = o([]);
+  g(() => {
+    Q(!0), O(a);
+  }, [a]), g(() => {
+    if (a && n.length > 0) {
+      const s = n.find((e) => i(e) === a);
+      s && j(s);
     }
-  }, [r, n, a]), h(() => {
-    m || (async () => {
+  }, [a, n, i]), g(() => {
+    d || (async () => {
       try {
-        f(!0), p(null);
-        const s = await i(r);
-        D(s), d(s);
-      } catch (s) {
-        p(s instanceof Error ? s.message : "Failed to fetch options");
+        p(!0), u(null);
+        const e = await l(a);
+        I(e), f(e);
+      } catch (e) {
+        u(e instanceof Error ? e.message : "Failed to fetch options");
       } finally {
-        f(!1);
+        p(!1);
       }
     })();
-  }, [m, i, r]), h(() => {
-    const t = async () => {
+  }, [d, l, a]), g(() => {
+    const s = async () => {
       try {
-        f(!0), p(null);
-        const s = await i(u);
-        D(s), d(s);
-      } catch (s) {
-        p(s instanceof Error ? s.message : "Failed to fetch options");
+        p(!0), u(null);
+        const e = await l(h);
+        I(e), f(e);
+      } catch (e) {
+        u(e instanceof Error ? e.message : "Failed to fetch options");
       } finally {
-        f(!1);
+        p(!1);
       }
     };
-    m && c ? c && d(u ? k.filter((s) => x ? x(s, u) : !0) : k) : t();
-  }, [i, u, m, c, x]);
-  const W = Z((t) => {
-    const s = S && t === y ? "" : t;
-    E(s), O(n.find((X) => a(X) === s) || null), C(s), L(!1);
-  }, [y, C, S, n, a]), I = Y.useId();
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1.5", children: [
-    l && /* @__PURE__ */ e.jsx(
+    d && m ? m && f(h ? D.filter((e) => y ? y(e, h) : !0) : D) : s();
+  }, [l, h, d, m, y]);
+  const X = _((s) => {
+    const e = L && s === C ? "" : s;
+    O(e), j(n.find((Y) => i(Y) === e) || null), w(e), E(!1);
+  }, [C, w, L, n, i]), P = Z.useId();
+  return /* @__PURE__ */ r("div", { className: "space-y-1.5", children: [
+    c && /* @__PURE__ */ t(
       se,
       {
-        htmlFor: I,
-        className: G,
-        children: l
+        htmlFor: P,
+        className: R,
+        children: c
       }
     ),
-    /* @__PURE__ */ e.jsxs(ae, { open: b, onOpenChange: L, children: [
-      /* @__PURE__ */ e.jsx(ie, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-        ee,
+    /* @__PURE__ */ r(ie, { open: z, onOpenChange: E, children: [
+      /* @__PURE__ */ t(le, { asChild: !0, children: /* @__PURE__ */ r(
+        te,
         {
-          id: I,
+          id: P,
           variant: "outline",
           role: "combobox",
-          "aria-expanded": b,
-          className: N(
-            fe({ size: J }),
-            v && "opacity-50 cursor-not-allowed",
-            q
+          "aria-expanded": z,
+          className: v(
+            pe({ size: K }),
+            S && "opacity-50 cursor-not-allowed",
+            H
           ),
-          style: { width: w },
-          disabled: v,
+          style: { width: b },
+          disabled: S,
           children: [
-            z ? $(z) : /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground hover:text-foreground", children: M }),
-            /* @__PURE__ */ e.jsx(ce, { className: "opacity-50", size: 10 })
+            T ? B(T) : /* @__PURE__ */ t("span", { className: "text-muted-foreground hover:text-foreground", children: U }),
+            /* @__PURE__ */ t(me, { className: "opacity-50", size: 10 })
           ]
         }
       ) }),
-      /* @__PURE__ */ e.jsx(le, { style: { width: w }, className: N("p-0", U), children: /* @__PURE__ */ e.jsxs(te, { shouldFilter: !1, children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "relative border-b w-full", children: [
-          /* @__PURE__ */ e.jsx(
-            ne,
+      /* @__PURE__ */ t(ce, { style: { width: b }, className: v("p-0", q), children: /* @__PURE__ */ r(ne, { shouldFilter: !1, children: [
+        /* @__PURE__ */ r("div", { className: "relative border-b w-full", children: [
+          /* @__PURE__ */ t(
+            oe,
             {
-              placeholder: `Search ${typeof l == "string" ? l.toLowerCase() : "options"}...`,
-              value: T,
-              onValueChange: (t) => {
-                Q(t);
+              placeholder: `Search ${typeof c == "string" ? c.toLowerCase() : "options"}...`,
+              value: k,
+              onValueChange: (s) => {
+                W(s);
               }
             }
           ),
-          j && n.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ e.jsx(me, { className: "h-4 w-4 animate-spin" }) })
+          x && n.length > 0 && /* @__PURE__ */ t("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ t(de, { className: "h-4 w-4 animate-spin" }) })
         ] }),
-        /* @__PURE__ */ e.jsxs(oe, { children: [
-          g && /* @__PURE__ */ e.jsx("div", { className: "p-4 text-destructive text-center", children: g }),
-          j && n.length === 0 && (B || /* @__PURE__ */ e.jsx(pe, {})),
-          !j && !g && n.length === 0 && (A || /* @__PURE__ */ e.jsx(re, { children: H ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
-          /* @__PURE__ */ e.jsx(P, { children: n.map((t) => /* @__PURE__ */ e.jsxs(
-            F,
+        /* @__PURE__ */ r(re, { children: [
+          N && /* @__PURE__ */ t("div", { className: "p-4 text-destructive text-center", children: N }),
+          x && n.length === 0 && (M || /* @__PURE__ */ t(ue, {})),
+          !x && !N && n.length === 0 && (G || /* @__PURE__ */ t(ae, { children: J ?? `No ${typeof c == "string" ? c.toLowerCase() : "options"} found.` })),
+          /* @__PURE__ */ t(F, { children: n.map((s) => /* @__PURE__ */ r(
+            $,
             {
-              value: a(t),
-              onSelect: W,
+              value: i(s),
+              onSelect: X,
               children: [
-                R(t),
-                /* @__PURE__ */ e.jsx(
-                  de,
+                A(s),
+                /* @__PURE__ */ t(
+                  fe,
                   {
-                    className: N(
+                    className: v(
                       "ml-auto h-3 w-3",
-                      y === a(t) ? "opacity-100" : "opacity-0"
+                      C === i(s) ? "opacity-100" : "opacity-0"
                     )
                   }
                 )
               ]
             },
-            a(t)
+            i(s)
           )) })
         ] })
       ] }) })
     ] })
   ] });
 }
-function pe() {
-  return /* @__PURE__ */ e.jsx(P, { children: [1, 2, 3].map((i) => /* @__PURE__ */ e.jsx(F, { disabled: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "h-6 w-6 rounded-full animate-pulse bg-muted" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col flex-1 gap-1", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "h-4 w-24 animate-pulse bg-muted rounded" }),
-      /* @__PURE__ */ e.jsx("div", { className: "h-3 w-16 animate-pulse bg-muted rounded" })
+function ue() {
+  return /* @__PURE__ */ t(F, { children: [1, 2, 3].map((l) => /* @__PURE__ */ t($, { disabled: !0, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2 w-full", children: [
+    /* @__PURE__ */ t("div", { className: "h-6 w-6 rounded-full animate-pulse bg-muted" }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col flex-1 gap-1", children: [
+      /* @__PURE__ */ t("div", { className: "h-4 w-24 animate-pulse bg-muted rounded" }),
+      /* @__PURE__ */ t("div", { className: "h-3 w-16 animate-pulse bg-muted rounded" })
     ] })
-  ] }) }, i)) });
+  ] }) }, l)) });
 }
 export {
-  Le as AsyncSelect
+  Ee as AsyncSelect
 };

package/dist/components/ui/audio-visualizer.js

@@ -1,5 +1,5 @@
 "use client";
-import { j as g } from "../../_virtual/jsx-runtime.js";
+import { jsx as g } from "react/jsx-runtime";
 import { useRef as i, useEffect as w } from "react";
 const c = {
   FFT_SIZE: 512,
@@ -19,23 +19,23 @@ const c = {
 function F({
   stream: u,
   isRecording: l,
-  onClick: E
+  onClick: S
 }) {
-  const s = i(null), f = i(null), d = i(null), I = i(null), h = i(null), R = () => {
+  const a = i(null), f = i(null), d = i(null), I = i(null), h = i(null), R = () => {
     I.current && cancelAnimationFrame(I.current), f.current && f.current.close();
   };
   w(() => R, []), w(() => {
-    u && l ? S() : R();
+    u && l ? C() : R();
   }, [u, l]), w(() => {
     const e = () => {
-      if (typeof window > "u" || !s.current || !h.current) return;
-      const t = h.current, n = s.current, o = window.devicePixelRatio || 1, r = t.getBoundingClientRect();
+      if (typeof window > "u" || !a.current || !h.current) return;
+      const t = h.current, n = a.current, o = window.devicePixelRatio || 1, r = t.getBoundingClientRect();
       n.width = (r.width - 2) * o, n.height = (r.height - 2) * o, n.style.width = `${r.width - 2}px`, n.style.height = `${r.height - 2}px`;
     };
     if (typeof window < "u")
       return window.addEventListener("resize", e), e(), () => window.removeEventListener("resize", e);
   }, []);
-  const S = async () => {
+  const C = async () => {
     try {
       const e = new AudioContext();
       f.current = e;
@@ -44,48 +44,48 @@ function F({
     } catch (e) {
       console.error("Error starting visualization:", e);
     }
-  }, C = (e) => {
+  }, E = (e) => {
     const t = Math.floor(e * c.COLOR.INTENSITY_RANGE) + c.COLOR.MIN_INTENSITY;
     return `rgb(${t}, ${t}, ${t})`;
-  }, x = (e, t, n, o, r, a) => {
-    e.fillStyle = a, e.fillRect(t, n - r, o, r), e.fillRect(t, n, o, r);
+  }, M = (e, t, n, o, r, s) => {
+    e.fillStyle = s, e.fillRect(t, n - r, o, r), e.fillRect(t, n, o, r);
   }, p = () => {
     if (!l) return;
-    const e = s.current, t = e == null ? void 0 : e.getContext("2d");
+    const e = a.current, t = e == null ? void 0 : e.getContext("2d");
     if (!e || !t || !d.current) return;
     const n = window.devicePixelRatio || 1;
     t.scale(n, n);
-    const o = d.current, r = o.frequencyBinCount, a = new Uint8Array(r), A = () => {
-      I.current = requestAnimationFrame(A), o.getByteFrequencyData(a), t.clearRect(0, 0, e.width / n, e.height / n);
-      const m = Math.max(
+    const o = d.current, r = o.frequencyBinCount, s = new Uint8Array(r), A = () => {
+      I.current = requestAnimationFrame(A), o.getByteFrequencyData(s), t.clearRect(0, 0, e.width / n, e.height / n);
+      const T = Math.max(
         c.MIN_BAR_WIDTH,
         e.width / n / r - c.BAR_SPACING
-      ), T = e.height / n / 2;
-      let _ = 0;
+      ), _ = e.height / n / 2;
+      let m = 0;
       for (let N = 0; N < r; N++) {
-        const y = a[N] / 255, M = Math.max(
+        const y = s[N] / 255, B = Math.max(
           c.MIN_BAR_HEIGHT,
-          y * T
+          y * _
         );
-        x(
+        M(
           t,
+          m,
           _,
           T,
-          m,
-          M,
-          C(y)
-        ), _ += m + c.BAR_SPACING;
+          B,
+          E(y)
+        ), m += T + c.BAR_SPACING;
       }
     };
     A();
   };
-  return /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g(
     "div",
     {
       ref: h,
       className: "h-full w-full cursor-pointer rounded-lg bg-background/80 backdrop-blur",
-      onClick: E,
-      children: /* @__PURE__ */ g.jsx("canvas", { ref: s, className: "h-full w-full" })
+      onClick: S,
+      children: /* @__PURE__ */ g("canvas", { ref: a, className: "h-full w-full" })
     }
   );
 }

package/dist/components/ui/avatar.js

@@ -1,12 +1,12 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import { Root as l, Image as s, Fallback as o } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Root as l, Image as o, Fallback as s } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
 import { cn as r } from "../../lib/utils.js";
 function f({
   className: a,
-  ...t
+  ...e
 }) {
-  return /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t(
     l,
     {
       "data-slot": "avatar",
@@ -14,41 +14,41 @@ function f({
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
         a
       ),
-      ...t
+      ...e
     }
   );
 }
-function m({
+function c({
   className: a,
-  ...t
+  ...e
 }) {
-  return /* @__PURE__ */ e.jsx(
-    s,
+  return /* @__PURE__ */ t(
+    o,
     {
       "data-slot": "avatar-image",
       className: r("aspect-square size-full", a),
-      ...t
+      ...e
     }
   );
 }
-function c({
+function m({
   className: a,
-  ...t
+  ...e
 }) {
-  return /* @__PURE__ */ e.jsx(
-    o,
+  return /* @__PURE__ */ t(
+    s,
     {
       "data-slot": "avatar-fallback",
       className: r(
         "bg-muted flex size-full items-center justify-center rounded-full",
         a
       ),
-      ...t
+      ...e
     }
   );
 }
 export {
   f as Avatar,
-  c as AvatarFallback,
-  m as AvatarImage
+  m as AvatarFallback,
+  c as AvatarImage
 };

package/dist/components/ui/badge.js

@@ -1,9 +1,9 @@
 "use client";
-import { j as o } from "../../_virtual/jsx-runtime.js";
-import { Root as n } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as s } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as d } from "../../lib/utils.js";
-const c = s(
+import { jsx as a } from "react/jsx-runtime";
+import { Root as o } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as n } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as s } from "../../lib/utils.js";
+const d = n(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -25,17 +25,16 @@ function b({
   asChild: t = !1,
   ...i
 }) {
-  const a = t ? n : "span";
-  return /* @__PURE__ */ o.jsx(
-    a,
+  return /* @__PURE__ */ a(
+    t ? o : "span",
     {
       "data-slot": "badge",
-      className: d(c({ variant: e }), r),
+      className: s(d({ variant: e }), r),
       ...i
     }
   );
 }
 export {
   b as Badge,
-  c as badgeVariants
+  d as badgeVariants
 };

package/dist/components/ui/breadcrumb.js

@@ -1,14 +1,14 @@
 "use client";
-import { j as a } from "../../_virtual/jsx-runtime.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { Root as o } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { cn as t } from "../../lib/utils.js";
 import i from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 import l from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
-function p({ ...r }) {
-  return /* @__PURE__ */ a.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+function f({ ...r }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
 }
-function f({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
+function g({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -21,7 +21,7 @@ function f({ className: r, ...e }) {
   );
 }
 function x({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -30,14 +30,13 @@ function x({ className: r, ...e }) {
     }
   );
 }
-function j({
+function h({
   asChild: r,
   className: e,
   ...s
 }) {
-  const n = r ? o : "a";
-  return /* @__PURE__ */ a.jsx(
-    n,
+  return /* @__PURE__ */ a(
+    r ? o : "a",
     {
       "data-slot": "breadcrumb-link",
       className: t("hover:text-foreground transition-colors", e),
@@ -45,8 +44,8 @@ function j({
     }
   );
 }
-function g({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
+function N({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -58,12 +57,12 @@ function g({ className: r, ...e }) {
     }
   );
 }
-function h({
+function B({
   children: r,
   className: e,
   ...s
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -71,15 +70,15 @@ function h({
       "aria-hidden": "true",
       className: t("[&>svg]:size-3.5", e),
       ...s,
-      children: r ?? /* @__PURE__ */ a.jsx(i, {})
+      children: r ?? /* @__PURE__ */ a(i, {})
     }
   );
 }
-function N({
+function k({
   className: r,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ n(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -88,18 +87,18 @@ function N({
       className: t("flex size-9 items-center justify-center", r),
       ...e,
       children: [
-        /* @__PURE__ */ a.jsx(l, { className: "size-4" }),
-        /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ a(l, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
 export {
-  p as Breadcrumb,
-  N as BreadcrumbEllipsis,
+  f as Breadcrumb,
+  k as BreadcrumbEllipsis,
   x as BreadcrumbItem,
-  j as BreadcrumbLink,
-  f as BreadcrumbList,
-  g as BreadcrumbPage,
-  h as BreadcrumbSeparator
+  h as BreadcrumbLink,
+  g as BreadcrumbList,
+  N as BreadcrumbPage,
+  B as BreadcrumbSeparator
 };