@turingpaper/ui 0.0.12 → 0.0.14

package/dist/mermaid-diagram.mjs

@@ -1,144 +1,128 @@
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { cn as b } from "./utils.mjs";
-import { forwardRef as p, useMemo as f, useState as x, useCallback as h } from "react";
-import { THEMES as S, renderMermaidSVG as w } from "beautiful-mermaid";
-import { TransformWrapper as C, TransformComponent as k, useControls as E } from "react-zoom-pan-pinch";
-import { ZoomIn as N, ZoomOut as O, RotateCcw as T, Check as y, Copy as I, Download as z } from "lucide-react";
-const R = "script, foreignObject, iframe, object, embed", M = /^on/i;
-function j(e) {
-  let t;
-  try {
-    t = new DOMParser().parseFromString(e, "image/svg+xml");
-  } catch {
-    return null;
-  }
-  const o = t.documentElement;
-  if (o.tagName !== "svg" || t.querySelector("parsererror") || o.querySelectorAll(R).length > 0) return null;
-  const n = o.querySelectorAll("*");
-  for (const s of n)
-    for (const a of s.attributes)
-      if (M.test(a.name)) return null;
-  return e;
+import { cn as e } from "./utils.mjs";
+import { forwardRef as t, useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Check as l, Copy as u, Download as d, RotateCcw as f, ZoomIn as p, ZoomOut as m } from "lucide-react";
+import h from "mermaid";
+import { TransformComponent as g, TransformWrapper as _, useControls as v } from "react-zoom-pan-pinch";
+//#region src/components/mermaid-diagram.tsx
+var y = "script, iframe, object, embed", b = /^on/i;
+function x(e) {
+	let t;
+	try {
+		t = new DOMParser().parseFromString(e, "image/svg+xml");
+	} catch {
+		return null;
+	}
+	let n = t.documentElement;
+	if (n.tagName !== "svg" || t.querySelector("parsererror") || n.querySelectorAll(y).length > 0) return null;
+	let r = n.querySelectorAll("*");
+	for (let e of r) for (let t of e.attributes) if (b.test(t.name)) return null;
+	return e;
 }
-const L = {
-  ...S["github-light"],
-  transparent: !0
-};
-function _(e) {
-  if (!e) return "mermaid-diagram.svg";
-  const t = Math.max(e.lastIndexOf("/"), e.lastIndexOf("\\")), o = t >= 0 ? e.substring(t + 1) : e, n = o.lastIndexOf(".");
-  return `${(n > 0 ? o.substring(0, n) : o).replace(/[^a-zA-Z0-9_-]/g, "") || "mermaid-diagram"}.svg`;
+var S = !1;
+function C() {
+	S ||= (h.initialize({
+		startOnLoad: !1,
+		theme: "default",
+		er: { useMaxWidth: !0 }
+	}), !0);
 }
-const G = p(({ className: e, code: t, filename: o, options: n, ...s }, a) => {
-  const i = f(() => _(o), [o]), { svg: l, error: u } = f(() => {
-    if (!t.trim())
-      return { svg: null, error: "Empty diagram" };
-    let d;
-    try {
-      d = w(t, { ...L, ...n });
-    } catch (c) {
-      return {
-        svg: null,
-        error: c instanceof Error ? c.message : "Invalid diagram"
-      };
-    }
-    return j(d) ? { svg: d, error: null } : { svg: null, error: "Invalid SVG" };
-  }, [t, n]);
-  return u ? /* @__PURE__ */ r(
-    "div",
-    {
-      ref: a,
-      className: b(
-        "flex items-center justify-center text-muted-foreground text-sm",
-        e
-      ),
-      ...s,
-      children: u
-    }
-  ) : /* @__PURE__ */ r(
-    "div",
-    {
-      ref: a,
-      className: b("relative w-full h-full overflow-hidden", e),
-      ...s,
-      children: /* @__PURE__ */ v(
-        C,
-        {
-          initialScale: 1,
-          minScale: 0.25,
-          maxScale: 4,
-          centerOnInit: !0,
-          children: [
-            /* @__PURE__ */ r(A, { code: t, svg: l, svgFilename: i }),
-            /* @__PURE__ */ r(
-              k,
-              {
-                wrapperClass: "!w-full !h-full",
-                contentClass: "!w-full",
-                children: /* @__PURE__ */ r(
-                  "div",
-                  {
-                    className: "w-full [&>svg]:w-full [&>svg]:h-auto",
-                    dangerouslySetInnerHTML: { __html: l }
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}), A = ({ code: e, svg: t, svgFilename: o }) => {
-  const { zoomIn: n, zoomOut: s, resetTransform: a } = E(), [i, l] = x(!1), u = h(async () => {
-    await navigator.clipboard.writeText(e), l(!0), setTimeout(() => l(!1), 2e3);
-  }, [e]), d = h(() => {
-    const g = new Blob([t], { type: "image/svg+xml" }), c = URL.createObjectURL(g), m = document.createElement("a");
-    m.href = c, m.download = o, m.click(), URL.revokeObjectURL(c);
-  }, [t, o]);
-  return /* @__PURE__ */ v("div", { className: "absolute top-2 right-2 z-10 flex gap-1", children: [
-    /* @__PURE__ */ r(
-      "button",
-      {
-        onClick: () => n(),
-        className: "p-1.5 rounded-md bg-background/80 border border-border hover:bg-muted text-foreground",
-        children: /* @__PURE__ */ r(N, { size: 16 })
-      }
-    ),
-    /* @__PURE__ */ r(
-      "button",
-      {
-        onClick: () => s(),
-        className: "p-1.5 rounded-md bg-background/80 border border-border hover:bg-muted text-foreground",
-        children: /* @__PURE__ */ r(O, { size: 16 })
-      }
-    ),
-    /* @__PURE__ */ r(
-      "button",
-      {
-        onClick: () => a(),
-        className: "p-1.5 rounded-md bg-background/80 border border-border hover:bg-muted text-foreground",
-        children: /* @__PURE__ */ r(T, { size: 16 })
-      }
-    ),
-    /* @__PURE__ */ r(
-      "button",
-      {
-        onClick: u,
-        className: "p-1.5 rounded-md bg-background/80 border border-border hover:bg-muted text-foreground",
-        children: i ? /* @__PURE__ */ r(y, { size: 16 }) : /* @__PURE__ */ r(I, { size: 16 })
-      }
-    ),
-    /* @__PURE__ */ r(
-      "button",
-      {
-        onClick: d,
-        className: "p-1.5 rounded-md bg-background/80 border border-border hover:bg-muted text-foreground",
-        children: /* @__PURE__ */ r(z, { size: 16 })
-      }
-    )
-  ] });
-};
-export {
-  G as MermaidDiagram
+var w = 0;
+function T(e) {
+	if (!e) return "mermaid-diagram.svg";
+	let t = Math.max(e.lastIndexOf("/"), e.lastIndexOf("\\")), n = t >= 0 ? e.substring(t + 1) : e, r = n.lastIndexOf(".");
+	return `${(r > 0 ? n.substring(0, r) : n).replace(/[^a-zA-Z0-9_-]/g, "") || "mermaid-diagram"}.svg`;
+}
+var E = t(({ className: t, code: n, filename: l, ...u }, d) => {
+	let f = i(() => T(l), [l]), [p, m] = o(null), [v, y] = o(null), b = a(n);
+	return b.current = n, r(() => {
+		if (!n.trim()) {
+			m(null), y("Empty diagram");
+			return;
+		}
+		C();
+		let e = `mermaid-${++w}`, t = n;
+		h.render(e, t).then(({ svg: e }) => {
+			if (b.current === t) {
+				if (!x(e)) {
+					m(null), y("Invalid SVG");
+					return;
+				}
+				m(e), y(null);
+			}
+		}, (e) => {
+			b.current === t && (m(null), y(e instanceof Error ? e.message : "Invalid diagram"));
+		});
+	}, [n]), v ? /* @__PURE__ */ s("div", {
+		ref: d,
+		className: e("flex items-center justify-center text-muted-foreground text-sm", t),
+		...u,
+		children: v
+	}) : p ? /* @__PURE__ */ s("div", {
+		ref: d,
+		className: e("relative w-full h-full overflow-hidden", t),
+		...u,
+		children: /* @__PURE__ */ c(_, {
+			initialScale: 1,
+			minScale: .25,
+			maxScale: 4,
+			centerOnInit: !0,
+			children: [/* @__PURE__ */ s(D, {
+				code: n,
+				svg: p,
+				svgFilename: f
+			}), /* @__PURE__ */ s(g, {
+				wrapperClass: "!w-full !h-full",
+				contentClass: "!w-full",
+				children: /* @__PURE__ */ s("div", {
+					className: "w-full [&>svg]:mx-auto [&>svg]:h-auto [&>svg]:max-w-full",
+					dangerouslySetInnerHTML: { __html: p }
+				})
+			})]
+		})
+	}) : /* @__PURE__ */ s("div", {
+		ref: d,
+		className: e("flex items-center justify-center text-muted-foreground text-sm", t),
+		...u,
+		children: "Rendering..."
+	});
+}), D = ({ code: e, svg: t, svgFilename: r }) => {
+	let { zoomIn: i, zoomOut: a, resetTransform: h } = v(), [g, _] = o(!1), y = n(async () => {
+		await navigator.clipboard.writeText(e), _(!0), setTimeout(() => _(!1), 2e3);
+	}, [e]), b = n(() => {
+		let e = new Blob([t], { type: "image/svg+xml" }), n = URL.createObjectURL(e), i = document.createElement("a");
+		i.href = n, i.download = r, i.click(), URL.revokeObjectURL(n);
+	}, [t, r]);
+	return /* @__PURE__ */ c("div", {
+		className: "absolute top-2 right-2 z-10 flex gap-1",
+		children: [
+			/* @__PURE__ */ s("button", {
+				onClick: () => i(),
+				className: "p-1.5 rounded-md bg-background border border-border hover:bg-muted text-foreground",
+				children: /* @__PURE__ */ s(p, { size: 16 })
+			}),
+			/* @__PURE__ */ s("button", {
+				onClick: () => a(),
+				className: "p-1.5 rounded-md bg-background border border-border hover:bg-muted text-foreground",
+				children: /* @__PURE__ */ s(m, { size: 16 })
+			}),
+			/* @__PURE__ */ s("button", {
+				onClick: () => h(),
+				className: "p-1.5 rounded-md bg-background border border-border hover:bg-muted text-foreground",
+				children: /* @__PURE__ */ s(f, { size: 16 })
+			}),
+			/* @__PURE__ */ s("button", {
+				onClick: y,
+				className: "p-1.5 rounded-md bg-background border border-border hover:bg-muted text-foreground",
+				children: s(g ? l : u, { size: 16 })
+			}),
+			/* @__PURE__ */ s("button", {
+				onClick: b,
+				className: "p-1.5 rounded-md bg-background border border-border hover:bg-muted text-foreground",
+				children: /* @__PURE__ */ s(d, { size: 16 })
+			})
+		]
+	});
 };
+//#endregion
+export { E as MermaidDiagram };

package/dist/pagination.mjs

@@ -1,105 +1,62 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import * as l from "react";
-import { MoreHorizontal as m, ChevronRight as c, ChevronLeft as p } from "lucide-react";
-import { cn as n } from "./utils.mjs";
-import { buttonVariants as g } from "./button.mjs";
-const N = ({ className: i, ...a }) => /* @__PURE__ */ e(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "pagination",
-    className: n("mx-auto flex w-full justify-center", i),
-    ...a
-  }
-);
-N.displayName = "Pagination";
-const d = l.forwardRef(({ className: i, ...a }, t) => /* @__PURE__ */ e(
-  "ul",
-  {
-    ref: t,
-    className: n("flex flex-row items-center gap-1", i),
-    ...a
-  }
-));
-d.displayName = "PaginationContent";
-const f = l.forwardRef(({ className: i, ...a }, t) => /* @__PURE__ */ e("li", { ref: t, className: n("", i), ...a }));
-f.displayName = "PaginationItem";
-const s = ({
-  className: i,
-  isActive: a,
-  size: t = "icon",
-  ...r
-}) => /* @__PURE__ */ e(
-  "a",
-  {
-    "aria-current": a ? "page" : void 0,
-    className: n(
-      g({
-        variant: a ? "outline" : "ghost",
-        size: t
-      }),
-      i
-    ),
-    ...r
-  }
-);
-s.displayName = "PaginationLink";
-const P = ({
-  className: i,
-  ...a
-}) => /* @__PURE__ */ o(
-  s,
-  {
-    "aria-label": "Go to previous page",
-    size: "default",
-    className: n("gap-1 pl-2.5", i),
-    ...a,
-    children: [
-      /* @__PURE__ */ e(p, { className: "h-4 w-4" }),
-      /* @__PURE__ */ e("span", { children: "Previous" })
-    ]
-  }
-);
-P.displayName = "PaginationPrevious";
-const h = ({
-  className: i,
-  ...a
-}) => /* @__PURE__ */ o(
-  s,
-  {
-    "aria-label": "Go to next page",
-    size: "default",
-    className: n("gap-1 pr-2.5", i),
-    ...a,
-    children: [
-      /* @__PURE__ */ e("span", { children: "Next" }),
-      /* @__PURE__ */ e(c, { className: "h-4 w-4" })
-    ]
-  }
-);
-h.displayName = "PaginationNext";
-const u = ({
-  className: i,
-  ...a
-}) => /* @__PURE__ */ o(
-  "span",
-  {
-    "aria-hidden": !0,
-    className: n("flex h-9 w-9 items-center justify-center", i),
-    ...a,
-    children: [
-      /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
-      /* @__PURE__ */ e("span", { className: "sr-only", children: "More pages" })
-    ]
-  }
-);
-u.displayName = "PaginationEllipsis";
-export {
-  N as Pagination,
-  d as PaginationContent,
-  u as PaginationEllipsis,
-  f as PaginationItem,
-  s as PaginationLink,
-  h as PaginationNext,
-  P as PaginationPrevious
-};
+import { cn as e } from "./utils.mjs";
+import { buttonVariants as t } from "./button.mjs";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ChevronLeft as a, ChevronRight as o, MoreHorizontal as s } from "lucide-react";
+//#region src/components/pagination.tsx
+var c = ({ className: t, ...n }) => /* @__PURE__ */ r("nav", {
+	role: "navigation",
+	"aria-label": "pagination",
+	className: e("mx-auto flex w-full justify-center", t),
+	...n
+});
+c.displayName = "Pagination";
+var l = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("ul", {
+	ref: i,
+	className: e("flex flex-row items-center gap-1", t),
+	...n
+}));
+l.displayName = "PaginationContent";
+var u = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("li", {
+	ref: i,
+	className: e("", t),
+	...n
+}));
+u.displayName = "PaginationItem";
+var d = ({ className: n, isActive: i, size: a = "icon", ...o }) => /* @__PURE__ */ r("a", {
+	"aria-current": i ? "page" : void 0,
+	className: e(t({
+		variant: i ? "outline" : "ghost",
+		size: a
+	}), n),
+	...o
+});
+d.displayName = "PaginationLink";
+var f = ({ className: t, ...n }) => /* @__PURE__ */ i(d, {
+	"aria-label": "Go to previous page",
+	size: "default",
+	className: e("gap-1 pl-2.5", t),
+	...n,
+	children: [/* @__PURE__ */ r(a, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", { children: "Previous" })]
+});
+f.displayName = "PaginationPrevious";
+var p = ({ className: t, ...n }) => /* @__PURE__ */ i(d, {
+	"aria-label": "Go to next page",
+	size: "default",
+	className: e("gap-1 pr-2.5", t),
+	...n,
+	children: [/* @__PURE__ */ r("span", { children: "Next" }), /* @__PURE__ */ r(o, { className: "h-4 w-4" })]
+});
+p.displayName = "PaginationNext";
+var m = ({ className: t, ...n }) => /* @__PURE__ */ i("span", {
+	"aria-hidden": !0,
+	className: e("flex h-9 w-9 items-center justify-center", t),
+	...n,
+	children: [/* @__PURE__ */ r(s, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", {
+		className: "sr-only",
+		children: "More pages"
+	})]
+});
+m.displayName = "PaginationEllipsis";
+//#endregion
+export { c as Pagination, l as PaginationContent, m as PaginationEllipsis, u as PaginationItem, d as PaginationLink, p as PaginationNext, f as PaginationPrevious };

package/dist/popover.mjs

@@ -1,23 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { Popover as o } from "radix-ui";
-import { cn as s } from "./utils.mjs";
-const c = o.Root, g = o.Trigger, m = n.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
-  o.Content,
-  {
-    ref: i,
-    align: a,
-    sideOffset: r,
-    className: s(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-popover-content-transform-origin]",
-      e
-    ),
-    ...d
-  }
-) }));
-m.displayName = o.Content.displayName;
-export {
-  c as Popover,
-  m as PopoverContent,
-  g as PopoverTrigger
-};
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Popover as r } from "radix-ui";
+//#region src/components/popover.tsx
+var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "center", sideOffset: a = 4, ...o }, s) => /* @__PURE__ */ n(r.Portal, { children: /* @__PURE__ */ n(r.Content, {
+	ref: s,
+	align: i,
+	sideOffset: a,
+	className: e("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-popover-content-transform-origin]", t),
+	...o
+}) }));
+o.displayName = r.Content.displayName;
+//#endregion
+export { i as Popover, o as PopoverContent, a as PopoverTrigger };

package/dist/progress.mjs

@@ -1,26 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
+"use client";
+import { cn as e } from "./utils.mjs";
 import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
 import { Progress as r } from "radix-ui";
-import { cn as m } from "./utils.mjs";
-const f = t.forwardRef(({ className: a, value: s, ...e }, l) => /* @__PURE__ */ o(
-  r.Root,
-  {
-    ref: l,
-    className: m(
-      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      a
-    ),
-    ...e,
-    children: /* @__PURE__ */ o(
-      r.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (s || 0)}%)` }
-      }
-    )
-  }
-));
-f.displayName = r.Root.displayName;
-export {
-  f as Progress
-};
+//#region src/components/progress.tsx
+var i = t.forwardRef(({ className: t, value: i, ...a }, o) => /* @__PURE__ */ n(r.Root, {
+	ref: o,
+	className: e("relative h-4 w-full overflow-hidden rounded-full bg-secondary", t),
+	...a,
+	children: /* @__PURE__ */ n(r.Indicator, {
+		className: "h-full w-full flex-1 bg-primary transition-all",
+		style: { transform: `translateX(-${100 - (i || 0)}%)` }
+	})
+}));
+i.displayName = r.Root.displayName;
+//#endregion
+export { i as Progress };

package/dist/provider.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
-export declare function TuringpaperUI({ children }: {
+export declare function TuringpaperUI({ className, children }: {
+    className?: string;
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;