@turingpaper/ui 0.0.12 → 0.0.14

package/dist/command.mjs

@@ -1,109 +1,70 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import * as m from "react";
-import { Command as o } from "cmdk";
-import { Search as p } from "lucide-react";
-import { cn as r } from "./utils.mjs";
-import { Dialog as i, DialogContent as l } from "./dialog.mjs";
-const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o,
-  {
-    ref: d,
-    className: r(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      e
-    ),
-    ...a
-  }
-));
-n.displayName = o.displayName;
-const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(l, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), c = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ t(
-    o.Input,
-    {
-      ref: d,
-      className: r(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ...a
-    }
-  )
-] }));
-c.displayName = o.Input.displayName;
-const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.List,
-  {
-    ref: d,
-    className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
-    ...a
-  }
-));
-u.displayName = o.List.displayName;
-const f = m.forwardRef((e, a) => /* @__PURE__ */ t(
-  o.Empty,
-  {
-    ref: a,
-    className: "py-6 text-center text-sm",
-    ...e
-  }
-));
-f.displayName = o.Empty.displayName;
-const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.Group,
-  {
-    ref: d,
-    className: r(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      e
-    ),
-    ...a
-  }
-));
-g.displayName = o.Group.displayName;
-const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.Separator,
-  {
-    ref: d,
-    className: r("-mx-1 h-px bg-border", e),
-    ...a
-  }
-));
-x.displayName = o.Separator.displayName;
-const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
-  o.Item,
-  {
-    ref: d,
-    className: r(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      e
-    ),
-    ...a
-  }
-));
-h.displayName = o.Item.displayName;
-const y = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ t(
-  "span",
-  {
-    className: r(
-      "ml-auto text-xs tracking-widest text-muted-foreground",
-      e
-    ),
-    ...a
-  }
-);
-y.displayName = "CommandShortcut";
-export {
-  n as Command,
-  C as CommandDialog,
-  f as CommandEmpty,
-  g as CommandGroup,
-  c as CommandInput,
-  h as CommandItem,
-  u as CommandList,
-  x as CommandSeparator,
-  y as CommandShortcut
-};
+"use client";
+import { cn as e } from "./utils.mjs";
+import { Dialog as t, DialogContent as n } from "./dialog.mjs";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Search as o } from "lucide-react";
+import { Command as s } from "cmdk";
+//#region src/components/command.tsx
+var c = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s, {
+	ref: r,
+	className: e("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", t),
+	...n
+}));
+c.displayName = s.displayName;
+var l = ({ children: e, ...r }) => /* @__PURE__ */ i(t, {
+	...r,
+	children: /* @__PURE__ */ i(n, {
+		className: "overflow-hidden p-0 shadow-lg",
+		children: /* @__PURE__ */ i(c, {
+			className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+			children: e
+		})
+	})
+}), u = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
+	className: "flex items-center border-b px-3",
+	"cmdk-input-wrapper": "",
+	children: [/* @__PURE__ */ i(o, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ i(s.Input, {
+		ref: r,
+		className: e("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", t),
+		...n
+	})]
+}));
+u.displayName = s.Input.displayName;
+var d = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.List, {
+	ref: r,
+	className: e("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
+	...n
+}));
+d.displayName = s.List.displayName;
+var f = r.forwardRef((e, t) => /* @__PURE__ */ i(s.Empty, {
+	ref: t,
+	className: "py-6 text-center text-sm",
+	...e
+}));
+f.displayName = s.Empty.displayName;
+var p = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Group, {
+	ref: r,
+	className: e("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", t),
+	...n
+}));
+p.displayName = s.Group.displayName;
+var m = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Separator, {
+	ref: r,
+	className: e("-mx-1 h-px bg-border", t),
+	...n
+}));
+m.displayName = s.Separator.displayName;
+var h = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Item, {
+	ref: r,
+	className: e("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", t),
+	...n
+}));
+h.displayName = s.Item.displayName;
+var g = ({ className: t, ...n }) => /* @__PURE__ */ i("span", {
+	className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
+	...n
+});
+g.displayName = "CommandShortcut";
+//#endregion
+export { c as Command, l as CommandDialog, f as CommandEmpty, p as CommandGroup, u as CommandInput, h as CommandItem, d as CommandList, m as CommandSeparator, g as CommandShortcut };

package/dist/components/mermaid-diagram.d.ts

@@ -1,8 +1,6 @@
-import { RenderOptions } from 'beautiful-mermaid';
 export interface MermaidDiagramProps {
     className?: string;
     code: string;
     filename?: string;
-    options?: RenderOptions;
 }
 export declare const MermaidDiagram: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof MermaidDiagramProps> & MermaidDiagramProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/dialog.mjs

@@ -1,100 +1,49 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import * as l from "react";
-import { Dialog as e } from "radix-ui";
-import { X as c } from "lucide-react";
-import { cn as i } from "./utils.mjs";
-const v = e.Root, h = e.Trigger, m = e.Portal, w = e.Close, d = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
-  e.Overlay,
-  {
-    ref: s,
-    className: i(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      a
-    ),
-    ...t
-  }
-));
-d.displayName = e.Overlay.displayName;
-const p = l.forwardRef(({ className: a, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
-  /* @__PURE__ */ o(d, {}),
-  /* @__PURE__ */ n(
-    e.Content,
-    {
-      ref: r,
-      className: i(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        a
-      ),
-      ...s,
-      children: [
-        t,
-        /* @__PURE__ */ n(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-p.displayName = e.Content.displayName;
-const f = ({
-  className: a,
-  ...t
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: i(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      a
-    ),
-    ...t
-  }
-);
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Dialog as i } from "radix-ui";
+import { X as a } from "lucide-react";
+//#region src/components/dialog.tsx
+var o = i.Root, s = i.Trigger, c = i.Portal, l = i.Close, u = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Overlay, {
+	ref: a,
+	className: e("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", t),
+	...r
+}));
+u.displayName = i.Overlay.displayName;
+var d = t.forwardRef(({ className: t, children: o, ...s }, l) => /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(i.Content, {
+	ref: l,
+	className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", t),
+	...s,
+	children: [o, /* @__PURE__ */ r(i.Close, {
+		className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+		children: [/* @__PURE__ */ n(a, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	})]
+})] }));
+d.displayName = i.Content.displayName;
+var f = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col space-y-1.5 text-center sm:text-left", t),
+	...r
+});
 f.displayName = "DialogHeader";
-const g = ({
-  className: a,
-  ...t
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: i(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      a
-    ),
-    ...t
-  }
-);
-g.displayName = "DialogFooter";
-const u = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
-  e.Title,
-  {
-    ref: s,
-    className: i(
-      "text-lg font-semibold leading-none tracking-tight",
-      a
-    ),
-    ...t
-  }
-));
-u.displayName = e.Title.displayName;
-const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
-  e.Description,
-  {
-    ref: s,
-    className: i("text-sm text-muted-foreground", a),
-    ...t
-  }
-));
-y.displayName = e.Description.displayName;
-export {
-  v as Dialog,
-  w as DialogClose,
-  p as DialogContent,
-  y as DialogDescription,
-  g as DialogFooter,
-  f as DialogHeader,
-  d as DialogOverlay,
-  m as DialogPortal,
-  u as DialogTitle,
-  h as DialogTrigger
-};
+var p = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t),
+	...r
+});
+p.displayName = "DialogFooter";
+var m = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Title, {
+	ref: a,
+	className: e("text-lg font-semibold leading-none tracking-tight", t),
+	...r
+}));
+m.displayName = i.Title.displayName;
+var h = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Description, {
+	ref: a,
+	className: e("text-sm text-muted-foreground", t),
+	...r
+}));
+h.displayName = i.Description.displayName;
+//#endregion
+export { o as Dialog, l as DialogClose, d as DialogContent, h as DialogDescription, p as DialogFooter, f as DialogHeader, u as DialogOverlay, c as DialogPortal, m as DialogTitle, s as DialogTrigger };

package/dist/drawer.mjs

@@ -1,98 +1,48 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import * as l from "react";
-import { Drawer as a } from "vaul";
-import { cn as s } from "./utils.mjs";
-const n = ({
-  shouldScaleBackground: e = !0,
-  ...r
-}) => /* @__PURE__ */ t(
-  a.Root,
-  {
-    shouldScaleBackground: e,
-    ...r
-  }
-);
-n.displayName = "Drawer";
-const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Overlay,
-  {
-    ref: o,
-    className: s("fixed inset-0 z-50 bg-black/80", e),
-    ...r
-  }
-));
-d.displayName = a.Overlay.displayName;
-const p = l.forwardRef(({ className: e, children: r, ...o }, m) => /* @__PURE__ */ i(c, { children: [
-  /* @__PURE__ */ t(d, {}),
-  /* @__PURE__ */ i(
-    a.Content,
-    {
-      ref: m,
-      className: s(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        e
-      ),
-      ...o,
-      children: [
-        /* @__PURE__ */ t("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
-        r
-      ]
-    }
-  )
-] }));
-p.displayName = "DrawerContent";
-const f = ({
-  className: e,
-  ...r
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: s("grid gap-1.5 p-4 text-center sm:text-left", e),
-    ...r
-  }
-);
-f.displayName = "DrawerHeader";
-const w = ({
-  className: e,
-  ...r
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: s("mt-auto flex flex-col gap-2 p-4", e),
-    ...r
-  }
-);
-w.displayName = "DrawerFooter";
-const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Title,
-  {
-    ref: o,
-    className: s(
-      "text-lg font-semibold leading-none tracking-tight",
-      e
-    ),
-    ...r
-  }
-));
-D.displayName = a.Title.displayName;
-const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Description,
-  {
-    ref: o,
-    className: s("text-sm text-muted-foreground", e),
-    ...r
-  }
-));
-x.displayName = a.Description.displayName;
-export {
-  n as Drawer,
-  b as DrawerClose,
-  p as DrawerContent,
-  x as DrawerDescription,
-  w as DrawerFooter,
-  f as DrawerHeader,
-  d as DrawerOverlay,
-  c as DrawerPortal,
-  D as DrawerTitle,
-  u as DrawerTrigger
-};
+"use client";
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Drawer as i } from "vaul";
+//#region src/components/drawer.tsx
+var a = ({ shouldScaleBackground: e = !0, ...t }) => /* @__PURE__ */ n(i.Root, {
+	shouldScaleBackground: e,
+	...t
+});
+a.displayName = "Drawer";
+var o = i.Trigger, s = i.Portal, c = i.Close, l = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Overlay, {
+	ref: a,
+	className: e("fixed inset-0 z-50 bg-black/80", t),
+	...r
+}));
+l.displayName = i.Overlay.displayName;
+var u = t.forwardRef(({ className: t, children: a, ...o }, c) => /* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n(l, {}), /* @__PURE__ */ r(i.Content, {
+	ref: c,
+	className: e("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", t),
+	...o,
+	children: [/* @__PURE__ */ n("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }), a]
+})] }));
+u.displayName = "DrawerContent";
+var d = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
+	className: e("grid gap-1.5 p-4 text-center sm:text-left", t),
+	...r
+});
+d.displayName = "DrawerHeader";
+var f = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
+	className: e("mt-auto flex flex-col gap-2 p-4", t),
+	...r
+});
+f.displayName = "DrawerFooter";
+var p = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Title, {
+	ref: a,
+	className: e("text-lg font-semibold leading-none tracking-tight", t),
+	...r
+}));
+p.displayName = i.Title.displayName;
+var m = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Description, {
+	ref: a,
+	className: e("text-sm text-muted-foreground", t),
+	...r
+}));
+m.displayName = i.Description.displayName;
+//#endregion
+export { a as Drawer, c as DrawerClose, u as DrawerContent, m as DrawerDescription, f as DrawerFooter, d as DrawerHeader, l as DrawerOverlay, s as DrawerPortal, p as DrawerTitle, o as DrawerTrigger };