laif-ds 0.1.2 → 0.1.3

package/dist/components/ui/form.js

@@ -0,0 +1,102 @@
+"use client";
+import { j as s } from "../../_virtual/jsx-runtime.js";
+import * as n from "react";
+import { Slot as f } from "@radix-ui/react-slot";
+import { FormProvider as u, Controller as x, useFormContext as F, useFormState as I } from "react-hook-form";
+import { cn as a } from "../../lib/utils.js";
+import { Label as p } from "./label.js";
+const b = u, c = n.createContext(
+  {}
+), S = ({
+  ...t
+}) => /* @__PURE__ */ s.jsx(c.Provider, { value: { name: t.name }, children: /* @__PURE__ */ s.jsx(x, { ...t }) }), d = () => {
+  const t = n.useContext(c), o = n.useContext(l), { getFieldState: e } = F(), r = I({ name: t.name }), m = e(t.name, r);
+  if (!t)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: i } = o;
+  return {
+    id: i,
+    name: t.name,
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
+    ...m
+  };
+}, l = n.createContext(
+  {}
+);
+function $({ className: t, ...o }) {
+  const e = n.useId();
+  return /* @__PURE__ */ s.jsx(l.Provider, { value: { id: e }, children: /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: a("grid gap-2", t),
+      ...o
+    }
+  ) });
+}
+function D({
+  className: t,
+  ...o
+}) {
+  const { error: e, formItemId: r } = d();
+  return /* @__PURE__ */ s.jsx(
+    p,
+    {
+      "data-slot": "form-label",
+      "data-error": !!e,
+      className: a("data-[error=true]:text-destructive", t),
+      htmlFor: r,
+      ...o
+    }
+  );
+}
+function M({ ...t }) {
+  const { error: o, formItemId: e, formDescriptionId: r, formMessageId: m } = d();
+  return /* @__PURE__ */ s.jsx(
+    f,
+    {
+      "data-slot": "form-control",
+      id: e,
+      "aria-describedby": o ? `${r} ${m}` : `${r}`,
+      "aria-invalid": !!o,
+      ...t
+    }
+  );
+}
+function N({ className: t, ...o }) {
+  const { formDescriptionId: e } = d();
+  return /* @__PURE__ */ s.jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: e,
+      className: a("text-muted-foreground text-sm", t),
+      ...o
+    }
+  );
+}
+function w({ className: t, ...o }) {
+  const { error: e, formMessageId: r } = d(), m = e ? String((e == null ? void 0 : e.message) ?? "") : o.children;
+  return m ? /* @__PURE__ */ s.jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: r,
+      className: a("text-destructive text-sm", t),
+      ...o,
+      children: m
+    }
+  ) : null;
+}
+export {
+  b as Form,
+  M as FormControl,
+  N as FormDescription,
+  S as FormField,
+  $ as FormItem,
+  D as FormLabel,
+  w as FormMessage,
+  d as useFormField
+};

package/dist/components/ui/hover-card.js

@@ -0,0 +1,39 @@
+"use client";
+import { j as o } from "../../_virtual/jsx-runtime.js";
+import * as e from "@radix-ui/react-hover-card";
+import { cn as i } from "../../lib/utils.js";
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(e.Root, { "data-slot": "hover-card", ...t });
+}
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(e.Trigger, { "data-slot": "hover-card-trigger", ...t });
+}
+function c({
+  className: t,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...d
+}) {
+  return /* @__PURE__ */ o.jsx(e.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ o.jsx(
+    e.Content,
+    {
+      "data-slot": "hover-card-content",
+      align: r,
+      sideOffset: a,
+      className: i(
+        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        t
+      ),
+      ...d
+    }
+  ) });
+}
+export {
+  m as HoverCard,
+  c as HoverCardContent,
+  l as HoverCardTrigger
+};

package/dist/components/ui/icon.js

@@ -0,0 +1,35 @@
+"use client";
+import { j as l } from "../../_virtual/jsx-runtime.js";
+import * as n from "lucide-react";
+import { cn as m } from "../../lib/utils.js";
+const u = {
+  xs: 16,
+  sm: 20,
+  md: 24,
+  lg: 32,
+  xl: 40
+};
+function f({
+  name: o,
+  size: s = "md",
+  className: t,
+  color: c,
+  ...e
+}) {
+  if (!n[o])
+    return console.warn(`Icon "${o}" not found in lucide-react`), null;
+  const i = n[o], r = u[s];
+  return /* @__PURE__ */ l.jsx(
+    i,
+    {
+      size: r,
+      className: m(t),
+      color: c,
+      ...e
+    }
+  );
+}
+export {
+  f as Icon,
+  f as default
+};

package/dist/components/ui/input-otp.js

@@ -0,0 +1,62 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import * as u from "react";
+import { OTPInput as c, OTPInputContext as l } from "input-otp";
+import "lucide-react";
+import { cn as a } from "../../lib/utils.js";
+function f({
+  className: t,
+  containerClassName: e,
+  ...i
+}) {
+  return /* @__PURE__ */ r.jsx(
+    c,
+    {
+      "data-slot": "input-otp",
+      containerClassName: a(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        e
+      ),
+      className: a("disabled:cursor-not-allowed", t),
+      ...i
+    }
+  );
+}
+function b({ className: t, ...e }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: a("flex items-center", t),
+      ...e
+    }
+  );
+}
+function g({
+  index: t,
+  className: e,
+  ...i
+}) {
+  const n = u.useContext(l), { char: s, hasFakeCaret: o, isActive: d } = (n == null ? void 0 : n.slots[t]) ?? {};
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": d,
+      className: a(
+        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        e
+      ),
+      ...i,
+      children: [
+        s,
+        o && /* @__PURE__ */ r.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+export {
+  f as InputOTP,
+  b as InputOTPGroup,
+  g as InputOTPSlot
+};

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

@@ -0,0 +1,119 @@
+"use client";
+import { j as t } from "../../_virtual/jsx-runtime.js";
+import * as c from "react";
+import { motion as l } from "framer-motion";
+import { cn as r } from "../../lib/utils.js";
+const d = {
+  container: {
+    initial: { opacity: 0, y: 20 },
+    animate: { opacity: 1, y: 0 },
+    exit: { opacity: 0, y: -20 }
+  }
+};
+function w({
+  value: a = 1,
+  onChange: e,
+  min: p = 1,
+  max: b = 4,
+  className: j,
+  buttonClassName: u,
+  counterClassName: v
+}) {
+  const [i, o] = c.useState(a), [m, x] = c.useState(!1);
+  c.useEffect(() => {
+    o(a);
+  }, [a]);
+  const y = (s) => {
+    if (s.preventDefault(), i < b) {
+      const n = i + 1;
+      o(n), e == null || e(n);
+    } else
+      f();
+  }, g = (s) => {
+    if (s.preventDefault(), i > p) {
+      const n = i - 1;
+      o(n), e == null || e(n);
+    } else
+      f();
+  }, f = () => {
+    x(!0), setTimeout(() => x(!1), 300);
+  };
+  return /* @__PURE__ */ t.jsx(
+    l.div,
+    {
+      "data-slot": "input-selector",
+      variants: d.container,
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      className: r("flex w-full flex-col items-center justify-center gap-8", j),
+      children: /* @__PURE__ */ t.jsxs(
+        l.div,
+        {
+          variants: m ? {
+            initial: { x: 0 },
+            vibrate: {
+              x: [0, -5, 5, -5, 5, 0],
+              transition: { duration: 0.3 }
+            }
+          } : void 0,
+          initial: "initial",
+          animate: m ? "vibrate" : "initial",
+          className: "flex items-center gap-8",
+          children: [
+            /* @__PURE__ */ t.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: g,
+                className: r(
+                  "h-12 w-12 rounded-full border",
+                  "bg-background",
+                  "hover:bg-accent hover:text-accent-foreground",
+                  "text-foreground cursor-pointer",
+                  "flex items-center justify-center",
+                  u
+                ),
+                children: /* @__PURE__ */ t.jsx("span", { className: "text-2xl font-medium", children: "-" })
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              l.span,
+              {
+                variants: d.container,
+                initial: "initial",
+                animate: "animate",
+                exit: "exit",
+                className: r(
+                  "text-2xl font-medium text-foreground dark:text-foreground",
+                  v
+                ),
+                children: i
+              },
+              i
+            ),
+            /* @__PURE__ */ t.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: y,
+                className: r(
+                  "h-12 w-12 rounded-full border",
+                  "bg-background",
+                  "hover:bg-accent hover:text-accent-foreground",
+                  "text-foreground cursor-pointer",
+                  "flex items-center justify-center",
+                  u
+                ),
+                children: /* @__PURE__ */ t.jsx("span", { className: "text-2xl font-medium", children: "+" })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  w as InputSelector
+};

package/dist/components/ui/input.js

@@ -0,0 +1,70 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { cva as p } from "class-variance-authority";
+import { cn as x } from "../../lib/utils.js";
+import { Label as f } from "./label.js";
+import { Icon as a } from "./icon.js";
+const c = p(
+  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent px-3 transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        default: "h-9 py-1 text-base md:text-sm file:h-7",
+        sm: "h-8 py-1 text-xs md:text-xs file:h-6",
+        lg: "h-10 py-2 text-lg md:text-lg file:h-8"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function y({
+  className: o,
+  type: l,
+  label: r,
+  labelClassName: d,
+  id: m,
+  iconLeft: i,
+  iconRight: s,
+  size: t,
+  ...u
+}) {
+  const n = m || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1.5", children: [
+    r && /* @__PURE__ */ e.jsx(
+      f,
+      {
+        htmlFor: n,
+        className: d,
+        children: r
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+      i && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e.jsx(a, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          id: n,
+          type: l,
+          "data-slot": "input",
+          className: x(
+            c({ size: t }),
+            "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",
+            "shadow-xs",
+            i && t !== "lg" ? "pl-8" : "pl-10",
+            s && t !== "lg" ? "pr-8" : "pr-10",
+            o
+          ),
+          ...u
+        }
+      ),
+      s && /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e.jsx(a, { name: s, size: t === "lg" ? "sm" : "xs" }) })
+    ] })
+  ] });
+}
+export {
+  y as Input,
+  c as inputVariants
+};

package/dist/components/ui/interrupt-prompt.js

@@ -0,0 +1,38 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { AnimatePresence as n, motion as i } from "framer-motion";
+import { X as l } from "lucide-react";
+function p({ isOpen: t, close: r }) {
+  return /* @__PURE__ */ e.jsx(n, { children: t && /* @__PURE__ */ e.jsxs(
+    i.div,
+    {
+      initial: { top: 0, filter: "blur(5px)" },
+      animate: {
+        top: -40,
+        filter: "blur(0px)",
+        transition: {
+          type: "spring",
+          filter: { type: "tween" }
+        }
+      },
+      exit: { top: 0, filter: "blur(5px)" },
+      className: "absolute left-1/2 flex -translate-x-1/2 overflow-hidden whitespace-nowrap rounded-full border bg-background py-1 text-center text-sm text-muted-foreground",
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "ml-2.5", children: "Press Enter again to interrupt" }),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "ml-1 mr-2.5 flex items-center",
+            type: "button",
+            onClick: r,
+            "aria-label": "Close",
+            children: /* @__PURE__ */ e.jsx(l, { className: "h-3 w-3" })
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  p as InterruptPrompt
+};

package/dist/components/ui/label.js

@@ -0,0 +1,23 @@
+"use client";
+import { j as o } from "../../_virtual/jsx-runtime.js";
+import * as a from "@radix-ui/react-label";
+import { cn as r } from "../../lib/utils.js";
+function s({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(
+    a.Root,
+    {
+      "data-slot": "label",
+      className: r(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  s as Label
+};

package/dist/components/ui/markdown-renderer.js

@@ -0,0 +1,126 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import f, { Suspense as b } from "react";
+import x from "react-markdown";
+import y from "remark-gfm";
+import { cn as p } from "../../lib/utils.js";
+import { CopyButton as k } from "./copy-button.js";
+function A({ children: e }) {
+  return /* @__PURE__ */ r.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ r.jsx(x, { remarkPlugins: [y], components: v, children: e }) });
+}
+const g = f.memo(
+  async ({ children: e, language: o, ...n }) => {
+    const { codeToTokens: s, bundledLanguages: i } = await import("shiki");
+    if (!(o in i))
+      return /* @__PURE__ */ r.jsx("pre", { ...n, children: e });
+    const { tokens: l } = await s(e, {
+      lang: o,
+      defaultColor: !1,
+      themes: {
+        light: "github-light",
+        dark: "github-dark"
+      }
+    });
+    return /* @__PURE__ */ r.jsx("pre", { ...n, children: /* @__PURE__ */ r.jsx("code", { children: l.map((u, c) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx("span", { children: u.map((a, h) => {
+        const m = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
+        return /* @__PURE__ */ r.jsx(
+          "span",
+          {
+            className: "text-shiki-light bg-shiki-light-bg dark:text-shiki-dark dark:bg-shiki-dark-bg",
+            style: m,
+            children: a.content
+          },
+          h
+        );
+      }) }, c),
+      c !== l.length - 1 && `
+`
+    ] })) }) });
+  }
+);
+g.displayName = "HighlightedCode";
+const j = ({
+  children: e,
+  className: o,
+  language: n,
+  ...s
+}) => {
+  const i = typeof e == "string" ? e : d(e), l = p(
+    "overflow-x-scroll rounded-md border bg-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
+    o
+  );
+  return /* @__PURE__ */ r.jsxs("div", { className: "group/code relative mb-4", children: [
+    /* @__PURE__ */ r.jsx(
+      b,
+      {
+        fallback: /* @__PURE__ */ r.jsx("pre", { className: l, ...s, children: e }),
+        children: /* @__PURE__ */ r.jsx(g, { language: n, className: l, children: i })
+      }
+    ),
+    /* @__PURE__ */ r.jsx("div", { className: "invisible absolute right-2 top-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ r.jsx(k, { content: i, copyMessage: "Copied code to clipboard" }) })
+  ] });
+};
+function d(e) {
+  var o;
+  if (typeof e == "string")
+    return e;
+  if ((o = e == null ? void 0 : e.props) != null && o.children) {
+    let n = e.props.children;
+    return Array.isArray(n) ? n.map((s) => d(s)).join("") : d(n);
+  }
+  return "";
+}
+const v = {
+  h1: t("h1", "text-2xl font-semibold"),
+  h2: t("h2", "font-semibold text-xl"),
+  h3: t("h3", "font-semibold text-lg"),
+  h4: t("h4", "font-semibold text-base"),
+  h5: t("h5", "font-medium"),
+  strong: t("strong", "font-semibold"),
+  a: t("a", "text-primary underline underline-offset-2"),
+  blockquote: t("blockquote", "border-l-2 border-primary pl-4"),
+  code: ({ children: e, className: o, node: n, ...s }) => {
+    const i = /language-(\w+)/.exec(o || "");
+    return i ? /* @__PURE__ */ r.jsx(j, { className: o, language: i[1], ...s, children: e }) : /* @__PURE__ */ r.jsx(
+      "code",
+      {
+        className: p(
+          "font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-background/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
+        ),
+        ...s,
+        children: e
+      }
+    );
+  },
+  pre: ({ children: e }) => e,
+  ol: t("ol", "list-decimal space-y-2 pl-6"),
+  ul: t("ul", "list-disc space-y-2 pl-6"),
+  li: t("li", "my-1.5"),
+  table: t(
+    "table",
+    "w-full border-collapse overflow-y-auto rounded-md border border-foreground/20"
+  ),
+  th: t(
+    "th",
+    "border border-foreground/20 px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+  ),
+  td: t(
+    "td",
+    "border border-foreground/20 px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+  ),
+  tr: t("tr", "m-0 border-t p-0 even:bg-muted"),
+  p: t("p", "whitespace-pre-wrap"),
+  hr: t("hr", "border-foreground/20")
+};
+function t(e, o) {
+  const n = ({ node: s, ...i }) => {
+    const l = e;
+    return /* @__PURE__ */ r.jsx(l, { className: o, ...i });
+  };
+  return n.displayName = String(e), n;
+}
+export {
+  A as MarkdownRenderer,
+  A as default
+};