@turingpaper/ui 0.0.12 → 0.0.14

package/dist/switch.mjs

@@ -1,27 +1,14 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as s from "react";
-import { Switch as e } from "radix-ui";
-import { cn as t } from "./utils.mjs";
-const n = s.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ r(
-  e.Root,
-  {
-    className: t(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors 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=unchecked]:bg-input",
-      o
-    ),
-    ...a,
-    ref: i,
-    children: /* @__PURE__ */ r(
-      e.Thumb,
-      {
-        className: t(
-          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-n.displayName = e.Root.displayName;
-export {
-  n as Switch
-};
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Switch as r } from "radix-ui";
+//#region src/components/switch.tsx
+var i = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Root, {
+	className: e("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors 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=unchecked]:bg-input", t),
+	...i,
+	ref: a,
+	children: /* @__PURE__ */ n(r.Thumb, { className: e("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") })
+}));
+i.displayName = r.Root.displayName;
+//#endregion
+export { i as Switch };

package/dist/table.mjs

@@ -1,87 +1,57 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as l from "react";
-import { cn as r } from "./utils.mjs";
-const d = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
-  "table",
-  {
-    ref: o,
-    className: r("w-full caption-bottom text-sm", e),
-    ...a
-  }
-) }));
-d.displayName = "Table";
-const s = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("thead", { ref: o, className: r("[&_tr]:border-b", e), ...a }));
-s.displayName = "TableHeader";
-const m = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tbody",
-  {
-    ref: o,
-    className: r("[&_tr:last-child]:border-0", e),
-    ...a
-  }
-));
-m.displayName = "TableBody";
-const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tfoot",
-  {
-    ref: o,
-    className: r(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "TableFooter";
-const c = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tr",
-  {
-    ref: o,
-    className: r(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      e
-    ),
-    ...a
-  }
-));
-c.displayName = "TableRow";
-const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "th",
-  {
-    ref: o,
-    className: r(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      e
-    ),
-    ...a
-  }
-));
-f.displayName = "TableHead";
-const i = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "td",
-  {
-    ref: o,
-    className: r("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
-    ...a
-  }
-));
-i.displayName = "TableCell";
-const n = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "caption",
-  {
-    ref: o,
-    className: r("mt-4 text-sm text-muted-foreground", e),
-    ...a
-  }
-));
-n.displayName = "TableCaption";
-export {
-  d as Table,
-  m as TableBody,
-  n as TableCaption,
-  i as TableCell,
-  b as TableFooter,
-  f as TableHead,
-  s as TableHeader,
-  c as TableRow
-};
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/table.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	className: "relative w-full overflow-auto",
+	children: /* @__PURE__ */ n("table", {
+		ref: i,
+		className: e("w-full caption-bottom text-sm", t),
+		...r
+	})
+}));
+r.displayName = "Table";
+var i = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("thead", {
+	ref: i,
+	className: e("[&_tr]:border-b", t),
+	...r
+}));
+i.displayName = "TableHeader";
+var a = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tbody", {
+	ref: i,
+	className: e("[&_tr:last-child]:border-0", t),
+	...r
+}));
+a.displayName = "TableBody";
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tfoot", {
+	ref: i,
+	className: e("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", t),
+	...r
+}));
+o.displayName = "TableFooter";
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tr", {
+	ref: i,
+	className: e("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", t),
+	...r
+}));
+s.displayName = "TableRow";
+var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("th", {
+	ref: i,
+	className: e("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", t),
+	...r
+}));
+c.displayName = "TableHead";
+var l = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("td", {
+	ref: i,
+	className: e("p-4 align-middle [&:has([role=checkbox])]:pr-0", t),
+	...r
+}));
+l.displayName = "TableCell";
+var u = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("caption", {
+	ref: i,
+	className: e("mt-4 text-sm text-muted-foreground", t),
+	...r
+}));
+u.displayName = "TableCaption";
+//#endregion
+export { r as Table, a as TableBody, u as TableCaption, l as TableCell, o as TableFooter, c as TableHead, i as TableHeader, s as TableRow };

package/dist/tabs.mjs

@@ -1,46 +1,25 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as o from "react";
-import { Tabs as e } from "radix-ui";
-import { cn as r } from "./utils.mjs";
-const b = e.Root, n = o.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ a(
-  e.List,
-  {
-    ref: t,
-    className: r(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      i
-    ),
-    ...s
-  }
-));
-n.displayName = e.List.displayName;
-const d = o.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ a(
-  e.Trigger,
-  {
-    ref: t,
-    className: r(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      i
-    ),
-    ...s
-  }
-));
-d.displayName = e.Trigger.displayName;
-const m = o.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ a(
-  e.Content,
-  {
-    ref: t,
-    className: r(
-      "mt-2 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
-      i
-    ),
-    ...s
-  }
-));
-m.displayName = e.Content.displayName;
-export {
-  b as Tabs,
-  m as TabsContent,
-  n as TabsList,
-  d as TabsTrigger
-};
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Tabs as r } from "radix-ui";
+//#region src/components/tabs.tsx
+var i = r.Root, a = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.List, {
+	ref: a,
+	className: e("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", t),
+	...i
+}));
+a.displayName = r.List.displayName;
+var o = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Trigger, {
+	ref: a,
+	className: e("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", t),
+	...i
+}));
+o.displayName = r.Trigger.displayName;
+var s = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Content, {
+	ref: a,
+	className: e("mt-2 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", t),
+	...i
+}));
+s.displayName = r.Content.displayName;
+//#endregion
+export { i as Tabs, s as TabsContent, a as TabsList, o as TabsTrigger };

package/dist/textarea.mjs

@@ -1,18 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
+import { cn as e } from "./utils.mjs";
 import * as t from "react";
-import { cn as a } from "./utils.mjs";
-const s = t.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ i(
-  "textarea",
-  {
-    className: a(
-      "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base 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: o,
-    ...r
-  }
-));
-s.displayName = "Textarea";
-export {
-  s as Textarea
-};
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/textarea.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("textarea", {
+	className: e("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base 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", t),
+	ref: i,
+	...r
+}));
+r.displayName = "Textarea";
+//#endregion
+export { r as Textarea };

package/dist/toggle-group.mjs

@@ -1,41 +1,37 @@
-import { jsx as l } from "react/jsx-runtime";
-import * as e from "react";
-import { ToggleGroup as o } from "radix-ui";
-import { cn as p } from "./utils.mjs";
-import { toggleVariants as f } from "./toggle.mjs";
-const c = e.createContext({
-  size: "default",
-  variant: "default"
-}), g = e.forwardRef(({ className: t, variant: r, size: a, children: s, ...i }, m) => /* @__PURE__ */ l(
-  o.Root,
-  {
-    ref: m,
-    className: p("flex items-center justify-center gap-1", t),
-    ...i,
-    children: /* @__PURE__ */ l(c.Provider, { value: { variant: r, size: a }, children: s })
-  }
-));
-g.displayName = o.Root.displayName;
-const u = e.forwardRef(({ className: t, children: r, variant: a, size: s, ...i }, m) => {
-  const n = e.useContext(c);
-  return /* @__PURE__ */ l(
-    o.Item,
-    {
-      ref: m,
-      className: p(
-        f({
-          variant: n.variant || a,
-          size: n.size || s
-        }),
-        t
-      ),
-      ...i,
-      children: r
-    }
-  );
+import { cn as e } from "./utils.mjs";
+import { toggleVariants as t } from "./toggle.mjs";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { ToggleGroup as i } from "radix-ui";
+//#region src/components/toggle-group.tsx
+var a = n.createContext({
+	size: "default",
+	variant: "default"
+}), o = n.forwardRef(({ className: t, variant: n, size: o, children: s, ...c }, l) => /* @__PURE__ */ r(i.Root, {
+	ref: l,
+	className: e("flex items-center justify-center gap-1", t),
+	...c,
+	children: /* @__PURE__ */ r(a.Provider, {
+		value: {
+			variant: n,
+			size: o
+		},
+		children: s
+	})
+}));
+o.displayName = i.Root.displayName;
+var s = n.forwardRef(({ className: o, children: s, variant: c, size: l, ...u }, d) => {
+	let f = n.useContext(a);
+	return /* @__PURE__ */ r(i.Item, {
+		ref: d,
+		className: e(t({
+			variant: f.variant || c,
+			size: f.size || l
+		}), o),
+		...u,
+		children: s
+	});
 });
-u.displayName = o.Item.displayName;
-export {
-  g as ToggleGroup,
-  u as ToggleGroupItem
-};
+s.displayName = i.Item.displayName;
+//#endregion
+export { o as ToggleGroup, s as ToggleGroupItem };

package/dist/toggle.mjs

@@ -1,37 +1,34 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as s from "react";
-import { Toggle as e } from "radix-ui";
-import { cva as d } from "class-variance-authority";
-import { cn as g } from "./utils.mjs";
-const l = d(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-10 px-3 min-w-10",
-        sm: "h-9 px-2.5 min-w-9",
-        lg: "h-11 px-5 min-w-11"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), m = s.forwardRef(({ className: t, variant: o, size: n, ...r }, i) => /* @__PURE__ */ a(
-  e.Root,
-  {
-    ref: i,
-    className: g(l({ variant: o, size: n, className: t })),
-    ...r
-  }
-));
-m.displayName = e.Root.displayName;
-export {
-  m as Toggle,
-  l as toggleVariants
-};
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Toggle as r } from "radix-ui";
+import { cva as i } from "class-variance-authority";
+//#region src/components/toggle.tsx
+var a = i("inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-10 px-3 min-w-10",
+			sm: "h-9 px-2.5 min-w-9",
+			lg: "h-11 px-5 min-w-11"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), o = t.forwardRef(({ className: t, variant: i, size: o, ...s }, c) => /* @__PURE__ */ n(r.Root, {
+	ref: c,
+	className: e(a({
+		variant: i,
+		size: o,
+		className: t
+	})),
+	...s
+}));
+o.displayName = r.Root.displayName;
+//#endregion
+export { o as Toggle, a as toggleVariants };

package/dist/tooltip.mjs

@@ -1,23 +1,15 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as d from "react";
-import { Tooltip as o } from "radix-ui";
-import { cn as n } from "./utils.mjs";
-const f = o.Provider, c = o.Root, g = o.Trigger, s = d.forwardRef(({ className: t, sideOffset: e = 4, ...i }, r) => /* @__PURE__ */ a(
-  o.Content,
-  {
-    ref: r,
-    sideOffset: e,
-    className: n(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]",
-      t
-    ),
-    ...i
-  }
-));
-s.displayName = o.Content.displayName;
-export {
-  c as Tooltip,
-  s as TooltipContent,
-  f as TooltipProvider,
-  g as TooltipTrigger
-};
+"use client";
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Tooltip as r } from "radix-ui";
+//#region src/components/tooltip.tsx
+var i = r.Provider, a = r.Root, o = r.Trigger, s = t.forwardRef(({ className: t, sideOffset: i = 4, ...a }, o) => /* @__PURE__ */ n(r.Content, {
+	ref: o,
+	sideOffset: i,
+	className: e("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]", t),
+	...a
+}));
+s.displayName = r.Content.displayName;
+//#endregion
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };

package/dist/utils.mjs

@@ -1,8 +1,8 @@
-import { clsx as o } from "clsx";
+import { clsx as e } from "clsx";
 import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
+//#region src/utils.ts
+function n(...n) {
+	return t(e(n));
 }
-export {
-  n as cn
-};
+//#endregion
+export { n as cn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turingpaper/ui",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "description": "Pre-built Shadcn/ui component library for Turingpaper TSX functions",
   "license": "MIT",
@@ -185,7 +185,7 @@
     "cmdk": "^1.1.1",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.562.0",
-    "beautiful-mermaid": "^1.1.3",
+    "mermaid": "^11.14.0",
     "maplibre-gl": "^5.21.1",
     "react-zoom-pan-pinch": "^3.7.0",
     "radix-ui": "^1.4.3",
@@ -194,15 +194,15 @@
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@tailwindcss/cli": "^4.1.17",
-    "@tailwindcss/vite": "^4.1.17",
+    "@tailwindcss/cli": "^4.2.2",
+    "@tailwindcss/vite": "^4.2.2",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "tailwindcss": "^4.1.17",
+    "@vitejs/plugin-react": "^6.0.1",
+    "tailwindcss": "^4.2.2",
     "typescript": "~5.9.3",
-    "vite": "^7.2.4",
+    "vite": "^8.0.8",
     "vite-plugin-dts": "^4.5.4"
   }
 }