laif-ds 0.1.2 → 0.1.3

package/dist/components/ui/progress.js

@@ -0,0 +1,32 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import * as s from "@radix-ui/react-progress";
+import { cn as l } from "../../lib/utils.js";
+function n({
+  className: o,
+  value: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r.jsx(
+    s.Root,
+    {
+      "data-slot": "progress",
+      className: l(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        o
+      ),
+      ...e,
+      children: /* @__PURE__ */ r.jsx(
+        s.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-primary h-full w-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (t || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+export {
+  n as Progress
+};

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

@@ -0,0 +1,23 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+function c({
+  label: t,
+  append: s,
+  suggestions: l
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 grow", children: [
+    /* @__PURE__ */ e.jsx("h2", { className: "text-center text-2xl font-bold", children: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex gap-6 text-sm", children: l.map((r) => /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: () => s({ role: "user", content: r }),
+        className: "h-max flex-1 rounded-xl border bg-background p-4 hover:bg-muted",
+        children: /* @__PURE__ */ e.jsx("p", { children: r })
+      },
+      r
+    )) })
+  ] });
+}
+export {
+  c as PromptSuggestions
+};

package/dist/components/ui/radio-group.js

@@ -0,0 +1,46 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import * as a from "@radix-ui/react-radio-group";
+import { CircleIcon as t } from "lucide-react";
+import { cn as e } from "../../lib/utils.js";
+function l({
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ r.jsx(
+    a.Root,
+    {
+      "data-slot": "radio-group",
+      className: e("grid gap-3", i),
+      ...o
+    }
+  );
+}
+function u({
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ r.jsx(
+    a.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: e(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...o,
+      children: /* @__PURE__ */ r.jsx(
+        a.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ r.jsx(t, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
+export {
+  l as RadioGroup,
+  u as RadioGroupItem
+};

package/dist/components/ui/resizable.js

@@ -0,0 +1,49 @@
+"use client";
+import { j as a } from "../../_virtual/jsx-runtime.js";
+import { GripVerticalIcon as n } from "lucide-react";
+import * as t from "react-resizable-panels";
+import { cn as i } from "../../lib/utils.js";
+function d({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a.jsx(
+    t.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: i(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function f({
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(t.Panel, { "data-slot": "resizable-panel", ...e });
+}
+function u({
+  withHandle: e,
+  className: r,
+  ...l
+}) {
+  return /* @__PURE__ */ a.jsx(
+    t.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: i(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        r
+      ),
+      ...l,
+      children: e && /* @__PURE__ */ a.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a.jsx(n, { className: "size-2.5" }) })
+    }
+  );
+}
+export {
+  u as ResizableHandle,
+  f as ResizablePanel,
+  d as ResizablePanelGroup
+};

package/dist/components/ui/scroll-area.js

@@ -0,0 +1,61 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import * as o from "@radix-ui/react-scroll-area";
+import { cn as s } from "../../lib/utils.js";
+function n({
+  className: e,
+  children: l,
+  ...a
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    o.Root,
+    {
+      "data-slot": "scroll-area",
+      className: s("relative", e),
+      ...a,
+      children: [
+        /* @__PURE__ */ r.jsx(
+          o.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children: l
+          }
+        ),
+        /* @__PURE__ */ r.jsx(t, {}),
+        /* @__PURE__ */ r.jsx(o.Corner, {})
+      ]
+    }
+  );
+}
+function t({
+  className: e,
+  orientation: l = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ r.jsx(
+    o.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: l,
+      className: s(
+        "flex touch-none p-px transition-colors select-none",
+        l === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        e
+      ),
+      ...a,
+      children: /* @__PURE__ */ r.jsx(
+        o.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+export {
+  n as ScrollArea,
+  t as ScrollBar
+};

package/dist/components/ui/select.js

@@ -0,0 +1,189 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import * as i from "react";
+import * as a from "@radix-ui/react-select";
+import { ChevronDownIcon as d, CheckIcon as p, ChevronUpIcon as x } from "lucide-react";
+import { cn as o } from "../../lib/utils.js";
+import { Label as f } from "./label.js";
+function y({
+  size: t = "default",
+  label: s,
+  labelClassName: r,
+  ...n
+}) {
+  const l = i.useId();
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1.5", children: [
+    s && /* @__PURE__ */ e.jsx(
+      f,
+      {
+        htmlFor: l,
+        className: r,
+        children: s
+      }
+    ),
+    /* @__PURE__ */ e.jsx(c.Provider, { value: { size: t, id: l }, children: /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "select", ...n }) })
+  ] });
+}
+const c = i.createContext({ size: "default" }), g = () => i.useContext(c);
+function S({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(a.Group, { "data-slot": "select-group", ...t });
+}
+function N({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(a.Value, { "data-slot": "select-value", ...t });
+}
+function C({
+  className: t,
+  size: s,
+  children: r,
+  ...n
+}) {
+  const { size: l, id: u } = g(), m = s || l;
+  return /* @__PURE__ */ e.jsxs(
+    a.Trigger,
+    {
+      id: u,
+      "data-slot": "select-trigger",
+      "data-size": m,
+      className: o(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=default]:py-1 data-[size=default]:text-sm data-[size=sm]:h-8 data-[size=sm]:py-1 data-[size=sm]:text-xs data-[size=lg]:h-10 data-[size=lg]:py-2 data-[size=lg]:text-lg *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...n,
+      children: [
+        r,
+        /* @__PURE__ */ e.jsx(a.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(d, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function I({
+  className: t,
+  children: s,
+  position: r = "popper",
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsx(a.Portal, { children: /* @__PURE__ */ e.jsxs(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: o(
+        "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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        t
+      ),
+      position: r,
+      ...n,
+      children: [
+        /* @__PURE__ */ e.jsx(h, {}),
+        /* @__PURE__ */ e.jsx(
+          a.Viewport,
+          {
+            className: o(
+              "p-1",
+              r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: s
+          }
+        ),
+        /* @__PURE__ */ e.jsx(v, {})
+      ]
+    }
+  ) });
+}
+function _({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Label,
+    {
+      "data-slot": "select-label",
+      className: o("text-muted-foreground px-2 py-1.5 text-xs", t),
+      ...s
+    }
+  );
+}
+function k({
+  className: t,
+  children: s,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        t
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(a.ItemIndicator, { children: /* @__PURE__ */ e.jsx(p, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e.jsx(a.ItemText, { children: s })
+      ]
+    }
+  );
+}
+function B({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Separator,
+    {
+      "data-slot": "select-separator",
+      className: o("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+      ...s
+    }
+  );
+}
+function h({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: o(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ e.jsx(x, { className: "size-4" })
+    }
+  );
+}
+function v({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: o(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ e.jsx(d, { className: "size-4" })
+    }
+  );
+}
+export {
+  y as Select,
+  I as SelectContent,
+  S as SelectGroup,
+  k as SelectItem,
+  _ as SelectLabel,
+  v as SelectScrollDownButton,
+  h as SelectScrollUpButton,
+  B as SelectSeparator,
+  C as SelectTrigger,
+  N as SelectValue
+};

package/dist/components/ui/separator.js

@@ -0,0 +1,27 @@
+"use client";
+import { j as i } from "../../_virtual/jsx-runtime.js";
+import * as e from "@radix-ui/react-separator";
+import { cn as n } from "../../lib/utils.js";
+function p({
+  className: t,
+  orientation: o = "horizontal",
+  decorative: r = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ i.jsx(
+    e.Root,
+    {
+      "data-slot": "separator-root",
+      decorative: r,
+      orientation: o,
+      className: n(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        t
+      ),
+      ...a
+    }
+  );
+}
+export {
+  p as Separator
+};

package/dist/components/ui/sheet.js

@@ -0,0 +1,121 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import * as a from "@radix-ui/react-dialog";
+import { XIcon as i } from "lucide-react";
+import { cn as s } from "../../lib/utils.js";
+function m({ ...t }) {
+  return /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "sheet", ...t });
+}
+function h({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(a.Trigger, { "data-slot": "sheet-trigger", ...t });
+}
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(a.Portal, { "data-slot": "sheet-portal", ...t });
+}
+function d({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: s(
+        "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
+      ),
+      ...o
+    }
+  );
+}
+function p({
+  className: t,
+  children: o,
+  side: n = "right",
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsxs(l, { children: [
+    /* @__PURE__ */ e.jsx(d, {}),
+    /* @__PURE__ */ e.jsxs(
+      a.Content,
+      {
+        "data-slot": "sheet-content",
+        className: s(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          t
+        ),
+        ...r,
+        children: [
+          o,
+          /* @__PURE__ */ e.jsxs(a.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ e.jsx(i, { className: "size-4" }),
+            /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function x({ className: t, ...o }) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: s("flex flex-col gap-1.5 p-4", t),
+      ...o
+    }
+  );
+}
+function g({ className: t, ...o }) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: s("mt-auto flex flex-col gap-2 p-4", t),
+      ...o
+    }
+  );
+}
+function b({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Title,
+    {
+      "data-slot": "sheet-title",
+      className: s("text-foreground font-semibold", t),
+      ...o
+    }
+  );
+}
+function j({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Description,
+    {
+      "data-slot": "sheet-description",
+      className: s("text-muted-foreground text-sm", t),
+      ...o
+    }
+  );
+}
+export {
+  m as Sheet,
+  p as SheetContent,
+  j as SheetDescription,
+  g as SheetFooter,
+  x as SheetHeader,
+  b as SheetTitle,
+  h as SheetTrigger
+};