laif-ds 0.1.2 → 0.1.3

package/dist/_virtual/jsx-runtime.js

@@ -0,0 +1,6 @@
+"use client";
+import { __require as e } from "../node_modules/react/jsx-runtime.js";
+var i = e();
+export {
+  i as j
+};

package/dist/_virtual/jsx-runtime2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-jsx-runtime.production.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/components/ui/accordion.js

@@ -0,0 +1,65 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import * as n from "@radix-ui/react-accordion";
+import { ChevronDownIcon as a } from "lucide-react";
+import { cn as i } from "../../lib/utils.js";
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(n.Root, { "data-slot": "accordion", ...t });
+}
+function m({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Item,
+    {
+      "data-slot": "accordion-item",
+      className: i("border-b last:border-b-0", t),
+      ...o
+    }
+  );
+}
+function u({
+  className: t,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsx(n.Header, { className: "flex", children: /* @__PURE__ */ e.jsxs(
+    n.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: i(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        t
+      ),
+      ...r,
+      children: [
+        o,
+        /* @__PURE__ */ e.jsx(a, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function f({
+  className: t,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...r,
+      children: /* @__PURE__ */ e.jsx("div", { className: i("pt-0 pb-4", t), children: o })
+    }
+  );
+}
+export {
+  l as Accordion,
+  f as AccordionContent,
+  m as AccordionItem,
+  u as AccordionTrigger
+};

package/dist/components/ui/alert-dialog.js

@@ -0,0 +1,147 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import * as o from "@radix-ui/react-alert-dialog";
+import { cn as l } from "../../lib/utils.js";
+import { buttonVariants as r } from "./button.js";
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "alert-dialog", ...t });
+}
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
+}
+function n({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
+}
+function i({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: l(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function m({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsxs(n, { children: [
+    /* @__PURE__ */ e.jsx(i, {}),
+    /* @__PURE__ */ e.jsx(
+      o.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: l(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          t
+        ),
+        ...a
+      }
+    )
+  ] });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: l("flex flex-col gap-2 text-center sm:text-left", t),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: l(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: l("text-lg font-semibold", t),
+      ...a
+    }
+  );
+}
+function j({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: l("text-muted-foreground text-sm", t),
+      ...a
+    }
+  );
+}
+function A({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Action,
+    {
+      className: l(r(), t),
+      ...a
+    }
+  );
+}
+function D({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Cancel,
+    {
+      className: l(r({ variant: "outline" }), t),
+      ...a
+    }
+  );
+}
+export {
+  g as AlertDialog,
+  A as AlertDialogAction,
+  D as AlertDialogCancel,
+  m as AlertDialogContent,
+  j as AlertDialogDescription,
+  x as AlertDialogFooter,
+  f as AlertDialogHeader,
+  i as AlertDialogOverlay,
+  n as AlertDialogPortal,
+  p as AlertDialogTitle,
+  u as AlertDialogTrigger
+};

package/dist/components/ui/alert.js

@@ -0,0 +1,67 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { cva as i } from "class-variance-authority";
+import { cn as a } from "../../lib/utils.js";
+const l = i(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function c({
+  className: t,
+  variant: r,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: a(l({ variant: r }), t),
+      ...s
+    }
+  );
+}
+function u({ className: t, ...r }) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: a(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function g({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: a(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        t
+      ),
+      ...r
+    }
+  );
+}
+export {
+  c as Alert,
+  g as AlertDescription,
+  u as AlertTitle
+};

package/dist/components/ui/aspect-ratio.js

@@ -0,0 +1,11 @@
+"use client";
+import { j as o } from "../../_virtual/jsx-runtime.js";
+import * as i from "@radix-ui/react-aspect-ratio";
+function s({
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(i.Root, { "data-slot": "aspect-ratio", ...t });
+}
+export {
+  s as AspectRatio
+};

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

@@ -0,0 +1,172 @@
+"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 { ChevronsUpDown as _, Loader2 as V, Check as ee } from "lucide-react";
+import { useDebounce as se } from "../../hooks/use-debounce.js";
+import { cva as te } from "class-variance-authority";
+import { cn as N } from "../../lib/utils.js";
+import { Button as ne } from "./button.js";
+import { Label as oe } from "./label.js";
+import { Command as ae, CommandInput as re, CommandList as ie, CommandEmpty as le, CommandGroup as P, CommandItem as F } from "./command.js";
+import { Popover as ce, PopoverTrigger as me, PopoverContent as de } from "./popover.js";
+const fe = te(
+  "justify-between",
+  {
+    variants: {
+      size: {
+        default: "h-9 text-sm",
+        sm: "h-8 text-xs",
+        lg: "h-10 text-lg font-normal"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function Se({
+  fetcher: i,
+  preload: c,
+  filterFn: x,
+  renderOption: R,
+  getOptionValue: r,
+  getDisplayValue: $,
+  notFound: A,
+  loadingSkeleton: B,
+  label: l,
+  labelClassName: G,
+  placeholder: M = "Select...",
+  value: a,
+  onChange: v,
+  disabled: w = !1,
+  width: C = "200px",
+  className: U,
+  triggerClassName: q,
+  noResultsMessage: H,
+  clearable: S = !0,
+  size: J
+}) {
+  const [m, K] = o(!1), [b, L] = o(!1), [n, d] = o([]), [j, f] = o(!1), [g, u] = o(null), [y, E] = o(a), [z, O] = o(null), [T, Q] = o(""), p = se(T, c ? 0 : 300), [k, D] = o([]);
+  h(() => {
+    K(!0), E(a);
+  }, [a]), h(() => {
+    if (a && n.length > 0) {
+      const t = n.find((s) => r(s) === a);
+      t && O(t);
+    }
+  }, [a, n, r]), h(() => {
+    m || (async () => {
+      try {
+        f(!0), u(null);
+        const s = await i(a);
+        D(s), d(s);
+      } catch (s) {
+        u(s instanceof Error ? s.message : "Failed to fetch options");
+      } finally {
+        f(!1);
+      }
+    })();
+  }, [m, i, a]), h(() => {
+    const t = async () => {
+      try {
+        f(!0), u(null);
+        const s = await i(p);
+        D(s), d(s);
+      } catch (s) {
+        u(s instanceof Error ? s.message : "Failed to fetch options");
+      } finally {
+        f(!1);
+      }
+    };
+    m && c ? c && d(p ? k.filter((s) => x ? x(s, p) : !0) : k) : t();
+  }, [i, p, m, c, x]);
+  const W = Z((t) => {
+    const s = S && t === y ? "" : t;
+    E(s), O(n.find((X) => r(X) === s) || null), v(s), L(!1);
+  }, [y, v, S, n, r]), I = Y.useId();
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1.5", children: [
+    l && /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        htmlFor: I,
+        className: G,
+        children: l
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(ce, { open: b, onOpenChange: L, children: [
+      /* @__PURE__ */ e.jsx(me, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        ne,
+        {
+          id: I,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": b,
+          className: N(
+            fe({ size: J }),
+            w && "opacity-50 cursor-not-allowed",
+            q
+          ),
+          style: { width: C },
+          disabled: w,
+          children: [
+            z ? $(z) : /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground hover:text-foreground", children: M }),
+            /* @__PURE__ */ e.jsx(_, { className: "opacity-50", size: 10 })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx(de, { style: { width: C }, className: N("p-0", U), children: /* @__PURE__ */ e.jsxs(ae, { shouldFilter: !1, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "relative border-b w-full", children: [
+          /* @__PURE__ */ e.jsx(
+            re,
+            {
+              placeholder: `Search ${typeof l == "string" ? l.toLowerCase() : "options"}...`,
+              value: T,
+              onValueChange: (t) => {
+                Q(t);
+              }
+            }
+          ),
+          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(V, { className: "h-4 w-4 animate-spin" }) })
+        ] }),
+        /* @__PURE__ */ e.jsxs(ie, { children: [
+          g && /* @__PURE__ */ e.jsx("div", { className: "p-4 text-destructive text-center", children: g }),
+          j && n.length === 0 && (B || /* @__PURE__ */ e.jsx(ue, {})),
+          !j && !g && n.length === 0 && (A || /* @__PURE__ */ e.jsx(le, { children: H ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
+          /* @__PURE__ */ e.jsx(P, { children: n.map((t) => /* @__PURE__ */ e.jsxs(
+            F,
+            {
+              value: r(t),
+              onSelect: W,
+              children: [
+                R(t),
+                /* @__PURE__ */ e.jsx(
+                  ee,
+                  {
+                    className: N(
+                      "ml-auto h-3 w-3",
+                      y === r(t) ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                )
+              ]
+            },
+            r(t)
+          )) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function ue() {
+  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" })
+    ] })
+  ] }) }, i)) });
+}
+export {
+  Se as AsyncSelect
+};

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

@@ -0,0 +1,94 @@
+"use client";
+import { j as g } from "../../_virtual/jsx-runtime.js";
+import { useRef as i, useEffect as w } from "react";
+const c = {
+  FFT_SIZE: 512,
+  SMOOTHING: 0.8,
+  MIN_BAR_HEIGHT: 2,
+  MIN_BAR_WIDTH: 2,
+  BAR_SPACING: 1,
+  COLOR: {
+    MIN_INTENSITY: 100,
+    // Minimum gray value (darker)
+    MAX_INTENSITY: 255,
+    // Maximum gray value (brighter)
+    INTENSITY_RANGE: 155
+    // MAX_INTENSITY - MIN_INTENSITY
+  }
+};
+function F({
+  stream: u,
+  isRecording: l,
+  onClick: E
+}) {
+  const s = 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]), 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();
+      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 () => {
+    try {
+      const e = new AudioContext();
+      f.current = e;
+      const t = e.createAnalyser();
+      t.fftSize = c.FFT_SIZE, t.smoothingTimeConstant = c.SMOOTHING, d.current = t, e.createMediaStreamSource(u).connect(t), p();
+    } catch (e) {
+      console.error("Error starting visualization:", e);
+    }
+  }, C = (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);
+  }, p = () => {
+    if (!l) return;
+    const e = s.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(
+        c.MIN_BAR_WIDTH,
+        e.width / n / r - c.BAR_SPACING
+      ), T = e.height / n / 2;
+      let _ = 0;
+      for (let N = 0; N < r; N++) {
+        const y = a[N] / 255, M = Math.max(
+          c.MIN_BAR_HEIGHT,
+          y * T
+        );
+        x(
+          t,
+          _,
+          T,
+          m,
+          M,
+          C(y)
+        ), _ += m + c.BAR_SPACING;
+      }
+    };
+    A();
+  };
+  return /* @__PURE__ */ g.jsx(
+    "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" })
+    }
+  );
+}
+export {
+  F as AudioVisualizer
+};

package/dist/components/ui/avatar.js

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

package/dist/components/ui/badge.js

@@ -0,0 +1,41 @@
+"use client";
+import { j as n } from "../../_virtual/jsx-runtime.js";
+import { Slot as o } from "@radix-ui/react-slot";
+import { cva as s } from "class-variance-authority";
+import { cn as d } from "../../lib/utils.js";
+const c = s(
+  "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: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function b({
+  className: r,
+  variant: e,
+  asChild: t = !1,
+  ...i
+}) {
+  const a = t ? o : "span";
+  return /* @__PURE__ */ n.jsx(
+    a,
+    {
+      "data-slot": "badge",
+      className: d(c({ variant: e }), r),
+      ...i
+    }
+  );
+}
+export {
+  b as Badge,
+  c as badgeVariants
+};