@turingpaper/ui 0.0.1-test.8 → 0.0.2

package/dist/badge.mjs

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-import { cn as a } from "./utils.mjs";
-const i = n(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+import { cn as i } from "./utils.mjs";
+const a = n(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
   {
     variants: {
       variant: {
@@ -17,10 +17,10 @@ const i = n(
     }
   }
 );
-function f({ className: r, variant: e, ...t }) {
-  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
+function c({ className: r, variant: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: i(a({ variant: e }), r), ...t });
 }
 export {
-  f as Badge,
-  i as badgeVariants
+  c as Badge,
+  a as badgeVariants
 };

package/dist/button.mjs

@@ -3,8 +3,8 @@ import * as d from "react";
 import { Slot as u } from "radix-ui";
 import { cva as c } from "class-variance-authority";
 import { cn as f } from "./utils.mjs";
-const g = c(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+const m = c(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -27,21 +27,21 @@ const g = c(
       size: "default"
     }
   }
-), m = d.forwardRef(
+), g = d.forwardRef(
   ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => {
     const s = o ? u.Root : "button";
     return /* @__PURE__ */ a(
       s,
       {
-        className: f(g({ variant: r, size: t, className: e })),
+        className: f(m({ variant: r, size: t, className: e })),
         ref: i,
         ...n
       }
     );
   }
 );
-m.displayName = "Button";
+g.displayName = "Button";
 export {
-  m as Button,
-  g as buttonVariants
+  g as Button,
+  m as buttonVariants
 };

package/dist/checkbox.mjs

@@ -3,12 +3,12 @@ import * as c from "react";
 import { Checkbox as r } from "radix-ui";
 import { Check as s } from "lucide-react";
 import { cn as o } from "./utils.mjs";
-const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
+const d = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
   r.Root,
   {
     ref: a,
     className: o(
-      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       i
     ),
     ...t,
@@ -21,7 +21,7 @@ const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
     )
   }
 ));
-n.displayName = r.Root.displayName;
+d.displayName = r.Root.displayName;
 export {
-  n as Checkbox
+  d as Checkbox
 };

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

@@ -0,0 +1,8 @@
+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,34 +1,34 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import * as i from "react";
-import { Dialog as a } from "radix-ui";
+import * as l from "react";
+import { Dialog as e } from "radix-ui";
 import { X as c } from "lucide-react";
-import { cn as l } from "./utils.mjs";
-const h = a.Root, w = a.Trigger, m = a.Portal, v = a.Close, d = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Overlay,
+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: l(
+    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",
-      e
+      a
     ),
     ...t
   }
 ));
-d.displayName = a.Overlay.displayName;
-const f = i.forwardRef(({ className: e, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
+d.displayName = e.Overlay.displayName;
+const p = l.forwardRef(({ className: a, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
   /* @__PURE__ */ o(d, {}),
   /* @__PURE__ */ n(
-    a.Content,
+    e.Content,
     {
       ref: r,
-      className: l(
+      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",
-        e
+        a
       ),
       ...s,
       children: [
         t,
-        /* @__PURE__ */ n(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+        /* @__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" })
         ] })
@@ -36,65 +36,65 @@ const f = i.forwardRef(({ className: e, children: t, ...s }, r) => /* @__PURE__
     }
   )
 ] }));
-f.displayName = a.Content.displayName;
-const p = ({
-  className: e,
+p.displayName = e.Content.displayName;
+const f = ({
+  className: a,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: i(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      e
+      a
     ),
     ...t
   }
 );
-p.displayName = "DialogHeader";
+f.displayName = "DialogHeader";
 const g = ({
-  className: e,
+  className: a,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: i(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      e
+      a
     ),
     ...t
   }
 );
 g.displayName = "DialogFooter";
-const u = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Title,
+const u = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Title,
   {
     ref: s,
-    className: l(
+    className: i(
       "text-lg font-semibold leading-none tracking-tight",
-      e
+      a
     ),
     ...t
   }
 ));
-u.displayName = a.Title.displayName;
-const y = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Description,
+u.displayName = e.Title.displayName;
+const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Description,
   {
     ref: s,
-    className: l("text-sm text-muted-foreground", e),
+    className: i("text-sm text-muted-foreground", a),
     ...t
   }
 ));
-y.displayName = a.Description.displayName;
+y.displayName = e.Description.displayName;
 export {
-  h as Dialog,
-  v as DialogClose,
-  f as DialogContent,
+  v as Dialog,
+  w as DialogClose,
+  p as DialogContent,
   y as DialogDescription,
   g as DialogFooter,
-  p as DialogHeader,
+  f as DialogHeader,
   d as DialogOverlay,
   m as DialogPortal,
   u as DialogTitle,
-  w as DialogTrigger
+  h as DialogTrigger
 };

package/dist/map.mjs

@@ -254,7 +254,7 @@ function Pe({
             {
               type: "button",
               onClick: p,
-              className: "ring-offset-background focus:ring-ring absolute top-1 right-1 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none",
+              className: "absolute top-1 right-1 z-10 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",
               "aria-label": "Close popup",
               children: [
                 /* @__PURE__ */ f(K, { className: "h-4 w-4" }),
@@ -492,7 +492,7 @@ function ze({
             {
               type: "button",
               onClick: c,
-              className: "ring-offset-background focus:ring-ring absolute top-1 right-1 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none",
+              className: "absolute top-1 right-1 z-10 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",
               "aria-label": "Close popup",
               children: [
                 /* @__PURE__ */ f(K, { className: "h-4 w-4" }),

package/dist/mermaid-diagram.mjs

@@ -0,0 +1,144 @@
+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;
+}
+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`;
+}
+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
+};