@turingpaper/ui 0.0.1-test.7 → 0.0.1

package/dist/breadcrumb.mjs

@@ -1,11 +1,11 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import * as t from "react";
-import { Slot as n } from "radix-ui";
-import { MoreHorizontal as c, ChevronRight as d } from "lucide-react";
+import { Slot as c } from "radix-ui";
+import { MoreHorizontal as d, ChevronRight as l } from "lucide-react";
 import { cn as o } from "./utils.mjs";
-const l = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
-l.displayName = "Breadcrumb";
-const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+const p = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+p.displayName = "Breadcrumb";
+const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "ol",
   {
     ref: a,
@@ -16,8 +16,8 @@ const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-p.displayName = "BreadcrumbList";
-const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+u.displayName = "BreadcrumbList";
+const f = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "li",
   {
     ref: a,
@@ -25,17 +25,20 @@ const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-u.displayName = "BreadcrumbItem";
-const f = t.forwardRef(({ asChild: r, className: e, ...a }, m) => /* @__PURE__ */ s(
-  r ? n : "a",
-  {
-    ref: m,
-    className: o("transition-colors hover:text-foreground", e),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbLink";
-const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+f.displayName = "BreadcrumbItem";
+const b = t.forwardRef(({ asChild: r, className: e, ...a }, m) => {
+  const i = r ? c.Root : "a";
+  return /* @__PURE__ */ s(
+    i,
+    {
+      ref: m,
+      className: o("transition-colors hover:text-foreground", e),
+      ...a
+    }
+  );
+});
+b.displayName = "BreadcrumbLink";
+const N = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "span",
   {
     ref: a,
@@ -46,8 +49,8 @@ const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-b.displayName = "BreadcrumbPage";
-const N = ({
+N.displayName = "BreadcrumbPage";
+const B = ({
   children: r,
   className: e,
   ...a
@@ -58,14 +61,14 @@ const N = ({
     "aria-hidden": "true",
     className: o("[&>svg]:w-3.5 [&>svg]:h-3.5", e),
     ...a,
-    children: r ?? /* @__PURE__ */ s(d, {})
+    children: r ?? /* @__PURE__ */ s(l, {})
   }
 );
-N.displayName = "BreadcrumbSeparator";
-const B = ({
+B.displayName = "BreadcrumbSeparator";
+const g = ({
   className: r,
   ...e
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "span",
   {
     role: "presentation",
@@ -73,18 +76,18 @@ const B = ({
     className: o("flex h-9 w-9 items-center justify-center", r),
     ...e,
     children: [
-      /* @__PURE__ */ s(c, { className: "h-4 w-4" }),
+      /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
       /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
     ]
   }
 );
-B.displayName = "BreadcrumbElipssis";
+g.displayName = "BreadcrumbElipssis";
 export {
-  l as Breadcrumb,
-  B as BreadcrumbEllipsis,
-  u as BreadcrumbItem,
-  f as BreadcrumbLink,
-  p as BreadcrumbList,
-  b as BreadcrumbPage,
-  N as BreadcrumbSeparator
+  p as Breadcrumb,
+  g as BreadcrumbEllipsis,
+  f as BreadcrumbItem,
+  b as BreadcrumbLink,
+  u as BreadcrumbList,
+  N as BreadcrumbPage,
+  B as BreadcrumbSeparator
 };

package/dist/button.mjs

@@ -1,16 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as a from "react";
-import { Slot as d } from "radix-ui";
+import { jsx as a } from "react/jsx-runtime";
+import * as d from "react";
+import { Slot as u } from "radix-ui";
 import { cva as c } from "class-variance-authority";
-import { cn as u } from "./utils.mjs";
-const f = c(
+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",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        outline: "border border-input bg-background hover:bg-muted hover:text-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
@@ -27,18 +27,21 @@ const f = c(
       size: "default"
     }
   }
-), g = a.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => /* @__PURE__ */ s(
-    o ? d : "button",
-    {
-      className: u(f({ variant: r, size: t, className: e })),
-      ref: i,
-      ...n
-    }
-  )
+), m = 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 })),
+        ref: i,
+        ...n
+      }
+    );
+  }
 );
-g.displayName = "Button";
+m.displayName = "Button";
 export {
-  g as Button,
-  f as buttonVariants
+  m as Button,
+  g as buttonVariants
 };

package/dist/components/command.d.ts

@@ -3,11 +3,11 @@ import * as React from "react";
 type DialogProps = React.ComponentProps<typeof Dialog>;
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -29,45 +29,45 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "disabled" | "value" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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/input-otp.mjs

@@ -1,24 +1,24 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import * as a from "react";
 import { OTPInput as m, OTPInputContext as u } from "input-otp";
 import { Dot as f } from "lucide-react";
 import { cn as n } from "./utils.mjs";
-const x = a.forwardRef(({ className: e, containerClassName: t, ...o }, s) => /* @__PURE__ */ r(
+const x = a.forwardRef(({ className: e, containerClassName: r, ...o }, s) => /* @__PURE__ */ t(
   m,
   {
     ref: s,
     containerClassName: n(
       "flex items-center gap-2 has-[:disabled]:opacity-50",
-      t
+      r
     ),
     className: n("disabled:cursor-not-allowed", e),
     ...o
   }
 ));
 x.displayName = "InputOTP";
-const O = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ r("div", { ref: o, className: n("flex items-center", e), ...t }));
+const O = a.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t("div", { ref: o, className: n("flex items-center", e), ...r }));
 O.displayName = "InputOTPGroup";
-const P = a.forwardRef(({ index: e, className: t, ...o }, s) => {
+const P = a.forwardRef(({ index: e, className: r, ...o }, s) => {
   const i = a.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
   return /* @__PURE__ */ c(
     "div",
@@ -26,19 +26,19 @@ const P = a.forwardRef(({ index: e, className: t, ...o }, s) => {
       ref: s,
       className: n(
         "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        p && "z-10 ring-2 ring-ring ring-offset-background",
-        t
+        p && "z-10 border-ring ring-3 ring-ring/50",
+        r
       ),
       ...o,
       children: [
         d,
-        l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        l && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 P.displayName = "InputOTPSlot";
-const T = a.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
+const T = a.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t(f, {}) }));
 T.displayName = "InputOTPSeparator";
 export {
   x as InputOTP,

package/dist/input.mjs

@@ -1,21 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import * as n from "react";
-import { cn as f } from "./utils.mjs";
-const s = n.forwardRef(
-  ({ className: e, type: r, ...o }, t) => /* @__PURE__ */ i(
+import { cn as d } from "./utils.mjs";
+const l = n.forwardRef(
+  ({ className: e, type: r, ...o }, i) => /* @__PURE__ */ t(
     "input",
     {
       type: r,
-      className: f(
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      className: d(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         e
       ),
-      ref: t,
+      ref: i,
       ...o
     }
   )
 );
-s.displayName = "Input";
+l.displayName = "Input";
 export {
-  s as Input
+  l as Input
 };

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
+};