@cloudvoyant/vortex-ui 0.17.0-rc.202609040136.45c8986

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@cloudvoyant/vortex-ui",
+  "version": "0.17.0-rc.202609040136.45c8986",
+  "description": "vortex-ui shared component interfaces, cva variants, and theme",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./theme.css": "./src/theme.css",
+    "./themes.css": "./src/themes.css",
+    "./components.css": "./src/components.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src/theme.css",
+    "src/themes.css",
+    "src/components.css",
+    "src/themes"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@tanstack/charts": "^0.16.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "katex": "^0.16.11",
+    "tailwind-merge": "^3.6.0"
+  },
+  "peerDependencies": {
+    "mermaid": "^11.16.0",
+    "shiki": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "mermaid": {
+      "optional": true
+    },
+    "shiki": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/katex": "^0.16.8",
+    "@types/node": "^22.0.0",
+    "katex": "^0.16.11",
+    "manim-web": "^0.3.24",
+    "mermaid": "^11.16.0",
+    "shiki": "^3.0.0",
+    "vitest": "^2.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "lint": "eslint src tests --no-error-on-unmatched-pattern && tsc --noEmit",
+    "lint:fix": "eslint src tests --no-error-on-unmatched-pattern --fix",
+    "format": "prettier --write \"src/**/*.ts\"",
+    "format:check": "prettier --check \"src/**/*.ts\""
+  }
+}

package/src/components.css

@@ -0,0 +1,36 @@
+/* libs/vortex-ui/src/components.css */
+/*
+ * Registers the vortex-ui component class strings with the consuming Tailwind
+ * v4 build. Relative paths resolve from this file's installed location
+ * (node_modules/@cloudvoyant/vortex-ui/src/), where the sibling packages sit alongside
+ * it in a flat node_modules. This lets the client's own Tailwind compile the
+ * utility classes the vortex-ui components reference + inline in the framework
+ * libs -- no per-consumer @source config required.
+ *
+ * src/ dirs are scanned so dev-served source (HMR) sees class changes without
+ * a rebuild; dist/ stays so published packages keep working.
+ *
+ * Consumers import it after Tailwind, e.g.:
+ *   @import 'tailwindcss';
+ *   @import '@cloudvoyant/vortex-ui/theme.css';
+ *   @import '@cloudvoyant/vortex-ui/components.css';
+ */
+@source ".";
+@source "../../vortex-react/src";
+@source "../../vortex-svelte/src";
+@source "../dist";
+@source "../../vortex-react/dist";
+@source "../../vortex-svelte/dist";
+
+/*
+ * Overlay arrows (tooltip/popover): the arrow tip is an 8x8 square rotated into
+ * a diamond, whose inner vortex points into the content. Clip the square to the
+ * {top-left, top-right, bottom-left} triangle (removing the bottom-right corner
+ * that becomes the inner vortex), then the per-placement rotation maps that same
+ * triangle to the outer half for every side. A full border lands on the two kept
+ * edges — always the two outer diagonals — while the clipped base stays borderless.
+ */
+[data-part='arrow-tip'] {
+  border: 1px solid var(--color-border);
+  clip-path: polygon(0 0, 100% 0, 0 100%);
+}

package/src/theme.css

@@ -0,0 +1,189 @@
+/* libs/vortex-ui/src/theme.css
+   Base shadcn-style theme. The token set below matches shadcn/ui's standard
+   "Neutral" theme (see https://ui.shadcn.com/docs/theming) — light + dark.
+   vortex-ui additions (status colors + font stacks) are marked inline. */
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  /* vortex-ui addition — semantic status colors (used by Button/Badge). */
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-danger: var(--danger);
+  --color-danger-foreground: var(--danger-foreground);
+  --color-warn: var(--warn);
+  --color-warn-foreground: var(--warn-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  /* end vortex-ui addition */
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  /* vortex-ui addition — semantic status colors (used by Button/Badge). */
+  --success: oklch(0.72 0.19 149);
+  --success-foreground: oklch(0.985 0 0);
+  --danger: oklch(0.577 0.245 27.325);
+  --danger-foreground: oklch(0.985 0 0);
+  --warn: oklch(0.65 0.17 70);
+  --warn-foreground: oklch(0.2 0.04 95);
+  --info: oklch(0.55 0.22 256);
+  --info-foreground: oklch(0.985 0 0);
+  /* end vortex-ui addition */
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+  /* vortex-ui addition — font stacks (standard shadcn globals; themes may override). */
+  --font-sans:
+    ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-heading: var(--font-sans);
+  /* end vortex-ui addition */
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  /* vortex-ui addition — semantic status colors (used by Button/Badge). */
+  --success: oklch(0.6 0.17 149);
+  --success-foreground: oklch(0.12 0.02 149);
+  --danger: oklch(0.704 0.191 22.216);
+  --danger-foreground: oklch(0.985 0 0);
+  --warn: oklch(0.72 0.15 70);
+  --warn-foreground: oklch(0.15 0.03 95);
+  --info: oklch(0.62 0.22 256);
+  --info-foreground: oklch(0.12 0.03 256);
+  /* end vortex-ui addition */
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  /* vortex-ui page scrollbar. `Page` relies on the document scrollbar (sticky
+     gutters + footer bottom-out need window scrolling, so the page body is
+     never wrapped in Ark ScrollArea). Style that document scrollbar — and any
+     other native scrollbar — to match the Scroll component's look: thin,
+     rounded, --border-based. The Scroll component's own viewport keeps hiding
+     its native scrollbar ([scrollbar-width:none] / ::-webkit-scrollbar:hidden),
+     so this never double-styles it. */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: color-mix(in oklab, var(--border) 40%, transparent) transparent;
+  }
+  ::-webkit-scrollbar {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background-color: color-mix(in oklab, var(--border) 40%, transparent);
+    border-radius: 9999px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: var(--border);
+  }
+}

package/src/themes/amber-minimal.css

@@ -0,0 +1,83 @@
+/* amber-minimal — tweakcn "Amber Minimal" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-amber-minimal {
+  --background: #ffffff;
+  --foreground: #262626;
+  --card: #ffffff;
+  --card-foreground: #262626;
+  --popover: #ffffff;
+  --popover-foreground: #262626;
+  --primary: #f59e0b;
+  --primary-foreground: #000000;
+  --secondary: #f3f4f6;
+  --secondary-foreground: #4b5563;
+  --muted: #f9fafb;
+  --muted-foreground: #6b7280;
+  --accent: #fffbeb;
+  --accent-foreground: #92400e;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #e5e7eb;
+  --input: #e5e7eb;
+  --ring: #f59e0b;
+  --chart-1: #f59e0b;
+  --chart-2: #d97706;
+  --chart-3: #b45309;
+  --chart-4: #92400e;
+  --chart-5: #78350f;
+  --sidebar: #f9fafb;
+  --sidebar-foreground: #262626;
+  --sidebar-primary: #f59e0b;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #fffbeb;
+  --sidebar-accent-foreground: #92400e;
+  --sidebar-border: #e5e7eb;
+  --sidebar-ring: #f59e0b;
+  --font-sans: Inter, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.375rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.1;
+  --shadow-blur: 8px;
+  --shadow-spread: -1px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 4px;
+  --letter-spacing: 0em;
+  --spacing: 0.25rem;
+}
+
+.theme-amber-minimal.dark {
+  --background: #171717;
+  --foreground: #e5e5e5;
+  --card: #262626;
+  --card-foreground: #e5e5e5;
+  --popover: #262626;
+  --popover-foreground: #e5e5e5;
+  --primary: #f59e0b;
+  --primary-foreground: #000000;
+  --secondary: #262626;
+  --secondary-foreground: #e5e5e5;
+  --muted: #1f1f1f;
+  --muted-foreground: #a3a3a3;
+  --accent: #92400e;
+  --accent-foreground: #fde68a;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #404040;
+  --input: #404040;
+  --ring: #f59e0b;
+  --chart-1: #fbbf24;
+  --chart-2: #d97706;
+  --chart-3: #92400e;
+  --chart-4: #b45309;
+  --chart-5: #92400e;
+  --sidebar: #0f0f0f;
+  --sidebar-foreground: #e5e5e5;
+  --sidebar-primary: #f59e0b;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #92400e;
+  --sidebar-accent-foreground: #fde68a;
+  --sidebar-border: #404040;
+  --sidebar-ring: #f59e0b;
+}

package/src/themes/amethyst-haze.css

@@ -0,0 +1,83 @@
+/* amethyst-haze — tweakcn "Amethyst Haze" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-amethyst-haze {
+  --background: #f8f7fa;
+  --foreground: #3d3c4f;
+  --card: #ffffff;
+  --card-foreground: #3d3c4f;
+  --popover: #ffffff;
+  --popover-foreground: #3d3c4f;
+  --primary: #8a79ab;
+  --primary-foreground: #f8f7fa;
+  --secondary: #dfd9ec;
+  --secondary-foreground: #3d3c4f;
+  --muted: #dcd9e3;
+  --muted-foreground: #6b6880;
+  --accent: #e6a5b8;
+  --accent-foreground: #4b2e36;
+  --destructive: #d95c5c;
+  --destructive-foreground: #f8f7fa;
+  --border: #cec9d9;
+  --input: #eae7f0;
+  --ring: #8a79ab;
+  --chart-1: #8a79ab;
+  --chart-2: #e6a5b8;
+  --chart-3: #77b8a1;
+  --chart-4: #f0c88d;
+  --chart-5: #a0bbe3;
+  --sidebar: #f1eff5;
+  --sidebar-foreground: #3d3c4f;
+  --sidebar-primary: #8a79ab;
+  --sidebar-primary-foreground: #f8f7fa;
+  --sidebar-accent: #e6a5b8;
+  --sidebar-accent-foreground: #4b2e36;
+  --sidebar-border: #d7d2e0;
+  --sidebar-ring: #8a79ab;
+  --font-sans: Geist, sans-serif;
+  --font-serif: 'Lora', Georgia, serif;
+  --font-mono: 'Fira Code', 'Courier New', monospace;
+  --radius: 0.5rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.06;
+  --shadow-blur: 5px;
+  --shadow-spread: 1px;
+  --shadow-offset-x: 1px;
+  --shadow-offset-y: 2px;
+  --letter-spacing: 0em;
+  --spacing: 0.25rem;
+}
+
+.theme-amethyst-haze.dark {
+  --background: #1a1823;
+  --foreground: #e0ddef;
+  --card: #232030;
+  --card-foreground: #e0ddef;
+  --popover: #232030;
+  --popover-foreground: #e0ddef;
+  --primary: #a995c9;
+  --primary-foreground: #1a1823;
+  --secondary: #5a5370;
+  --secondary-foreground: #e0ddef;
+  --muted: #242031;
+  --muted-foreground: #a09aad;
+  --accent: #372e3f;
+  --accent-foreground: #f2b8c6;
+  --destructive: #e57373;
+  --destructive-foreground: #1a1823;
+  --border: #302c40;
+  --input: #2a273a;
+  --ring: #a995c9;
+  --chart-1: #a995c9;
+  --chart-2: #f2b8c6;
+  --chart-3: #77b8a1;
+  --chart-4: #f0c88d;
+  --chart-5: #a0bbe3;
+  --sidebar: #16141e;
+  --sidebar-foreground: #e0ddef;
+  --sidebar-primary: #a995c9;
+  --sidebar-primary-foreground: #1a1823;
+  --sidebar-accent: #372e3f;
+  --sidebar-accent-foreground: #f2b8c6;
+  --sidebar-border: #2a273a;
+  --sidebar-ring: #a995c9;
+}

package/src/themes/anthropic.css

@@ -0,0 +1,60 @@
+/* Anthropic — warm "research publication on parchment": ivory (#faf9f5) canvas,
+   warm near-black slate text (#141413), single clay/terracotta accent (#d97757),
+   serif display headings. Brand fonts Styrene + Tiempos are proprietary; substituted
+   with Source Serif 4 (serif) + Inter/Figtree (sans). Serif headings: YES. */
+.theme-anthropic {
+  --background: oklch(0.985 0.005 95); /* #faf9f5 ivory */
+  --foreground: oklch(0.235 0.006 75); /* #141413 warm near-black */
+  --card: oklch(0.995 0.004 95);
+  --card-foreground: oklch(0.235 0.006 75);
+  --popover: oklch(0.995 0.004 95);
+  --popover-foreground: oklch(0.235 0.006 75);
+  --primary: oklch(0.64 0.12 43); /* clay #d97757 */
+  --primary-foreground: oklch(0.985 0.005 95);
+  --secondary: oklch(0.945 0.008 90); /* oat #f0eee6 */
+  --secondary-foreground: oklch(0.3 0.006 75);
+  --muted: oklch(0.925 0.01 90); /* light oat #e8e6dc */
+  --muted-foreground: oklch(0.5 0.01 80);
+  --accent: oklch(0.925 0.01 90);
+  --accent-foreground: oklch(0.3 0.006 75);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0.005 95);
+  --border: oklch(0.915 0.008 88); /* light, thin hairline (Anthropic uses faint rules) */
+  --input: oklch(0.905 0.008 88);
+  --ring: oklch(0.64 0.12 43);
+  --sidebar: oklch(0.965 0.007 92);
+  --sidebar-foreground: oklch(0.235 0.006 75);
+  --sidebar-accent: oklch(0.925 0.01 90);
+  --sidebar-accent-foreground: oklch(0.3 0.006 75);
+  --radius: 0.5rem;
+  --font-sans: 'Inter', 'Figtree', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --font-serif: 'Source Serif 4', 'Newsreader', Georgia, Cambria, 'Times New Roman', serif;
+  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
+  --font-heading: var(--font-serif); /* serif display headings */
+}
+
+.theme-anthropic.dark {
+  --background: oklch(0.205 0.006 75); /* warm slate #141413 */
+  --foreground: oklch(0.945 0.006 92); /* ivory text */
+  --card: oklch(0.245 0.006 75);
+  --card-foreground: oklch(0.945 0.006 92);
+  --popover: oklch(0.245 0.006 75);
+  --popover-foreground: oklch(0.945 0.006 92);
+  --primary: oklch(0.68 0.12 45); /* clay, brightened for dark */
+  --primary-foreground: oklch(0.205 0.006 75);
+  --secondary: oklch(0.285 0.008 78);
+  --secondary-foreground: oklch(0.945 0.006 92);
+  --muted: oklch(0.285 0.008 78);
+  --muted-foreground: oklch(0.7 0.01 85);
+  --accent: oklch(0.32 0.01 80);
+  --accent-foreground: oklch(0.945 0.006 92);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0.005 95);
+  --border: oklch(1 0 0 / 8%); /* fainter hairline in dark */
+  --input: oklch(1 0 0 / 11%);
+  --ring: oklch(0.68 0.12 45);
+  --sidebar: oklch(0.235 0.006 75);
+  --sidebar-foreground: oklch(0.945 0.006 92);
+  --sidebar-accent: oklch(0.32 0.01 80);
+  --sidebar-accent-foreground: oklch(0.945 0.006 92);
+}

package/src/themes/anyscale.css

@@ -0,0 +1,73 @@
+/* anyscale — indigo/blue brand: white surface, saturated indigo primary,
+   cool slate text. Distinct cool-slate theme. */
+.theme-anyscale {
+  --radius: 0.5rem;
+  --background: oklch(1 0 180);
+  --foreground: oklch(0.126 0.026 268.939);
+  --muted: oklch(0.885 0.01 276.021);
+  --muted-foreground: oklch(0.464 0.025 275.387);
+  --popover: oklch(0.992 0 161.565);
+  --popover-foreground: oklch(0.114 0.022 268.251);
+  --card: oklch(0.992 0 161.565);
+  --card-foreground: oklch(0.114 0.022 268.251);
+  --border: oklch(0.928 0.006 264.531);
+  --input: oklch(0.928 0.006 264.531);
+  --primary: oklch(0.567 0.237 267.896);
+  --primary-foreground: oklch(1 0 180);
+  --secondary: oklch(0.915 0.011 276);
+  --secondary-foreground: oklch(0.388 0.043 274.435);
+  --accent: oklch(0.866 0.024 275.781);
+  --accent-foreground: oklch(0.335 0.052 273.604);
+  --destructive: oklch(0.63 0.256 29.629);
+  --destructive-foreground: oklch(1 0 180);
+  --ring: oklch(0.567 0.237 267.896);
+  --chart-1: oklch(0.567 0.237 267.896);
+  --chart-2: oklch(0.915 0.011 276);
+  --chart-3: oklch(0.866 0.024 275.781);
+  --chart-4: oklch(0.94 0.008 276.055);
+  --chart-5: oklch(0.565 0.244 267.612);
+  --sidebar: oklch(0.992 0 161.565);
+  --sidebar-foreground: oklch(0.126 0.026 268.939);
+  --sidebar-primary: oklch(0.567 0.237 267.896);
+  --sidebar-primary-foreground: oklch(1 0 180);
+  --sidebar-accent: oklch(0.866 0.024 275.781);
+  --sidebar-accent-foreground: oklch(0.335 0.052 273.604);
+  --sidebar-border: oklch(0.928 0.006 264.531);
+  --sidebar-ring: oklch(0.567 0.237 267.896);
+}
+
+.theme-anyscale.dark {
+  --radius: 0.5rem;
+  --background: oklch(0.134 0.016 272.261);
+  --foreground: oklch(0.991 0.001 276.148);
+  --muted: oklch(0.249 0.013 275.396);
+  --muted-foreground: oklch(0.691 0.023 275.711);
+  --popover: oklch(0.144 0.019 273.129);
+  --popover-foreground: oklch(1 0 180);
+  --card: oklch(0.144 0.019 273.129);
+  --card-foreground: oklch(1 0 180);
+  --border: oklch(0.278 0.03 256.848);
+  --input: oklch(0.278 0.03 256.848);
+  --primary: oklch(0.567 0.237 267.896);
+  --primary-foreground: oklch(1 0 180);
+  --secondary: oklch(0.186 0.01 275.429);
+  --secondary-foreground: oklch(0.728 0.027 275.646);
+  --accent: oklch(0.269 0.031 274.373);
+  --accent-foreground: oklch(0.798 0.032 275.616);
+  --destructive: oklch(0.62 0.232 29.041);
+  --destructive-foreground: oklch(1 0 180);
+  --ring: oklch(0.567 0.237 267.896);
+  --chart-1: oklch(0.567 0.237 267.896);
+  --chart-2: oklch(0.186 0.01 275.429);
+  --chart-3: oklch(0.269 0.031 274.373);
+  --chart-4: oklch(0.217 0.013 275.322);
+  --chart-5: oklch(0.565 0.244 267.612);
+  --sidebar: oklch(0.144 0.019 273.129);
+  --sidebar-foreground: oklch(0.991 0.001 276.148);
+  --sidebar-primary: oklch(0.567 0.237 267.896);
+  --sidebar-primary-foreground: oklch(1 0 180);
+  --sidebar-accent: oklch(0.269 0.031 274.373);
+  --sidebar-accent-foreground: oklch(0.798 0.032 275.616);
+  --sidebar-border: oklch(0.278 0.03 256.848);
+  --sidebar-ring: oklch(0.567 0.237 267.896);
+}

package/src/themes/bold-tech.css

@@ -0,0 +1,82 @@
+/* bold-tech — tweakcn "Bold Tech" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-bold-tech {
+  --background: #ffffff;
+  --foreground: #312e81;
+  --card: #ffffff;
+  --card-foreground: #312e81;
+  --popover: #ffffff;
+  --popover-foreground: #312e81;
+  --primary: #8b5cf6;
+  --primary-foreground: #ffffff;
+  --secondary: #f3f0ff;
+  --secondary-foreground: #4338ca;
+  --muted: #f5f3ff;
+  --muted-foreground: #7c3aed;
+  --accent: #dbeafe;
+  --accent-foreground: #1e40af;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #e0e7ff;
+  --input: #e0e7ff;
+  --ring: #8b5cf6;
+  --chart-1: #8b5cf6;
+  --chart-2: #7c3aed;
+  --chart-3: #6d28d9;
+  --chart-4: #5b21b6;
+  --chart-5: #4c1d95;
+  --radius: 0.625rem;
+  --sidebar: #f5f3ff;
+  --sidebar-foreground: #312e81;
+  --sidebar-primary: #8b5cf6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #dbeafe;
+  --sidebar-accent-foreground: #1e40af;
+  --sidebar-border: #e0e7ff;
+  --sidebar-ring: #8b5cf6;
+  --font-sans: Roboto, sans-serif;
+  --font-serif: Playfair Display, serif;
+  --font-mono: Fira Code, monospace;
+  --shadow-color: hsl(255 86% 66%);
+  --shadow-opacity: 0.2;
+  --shadow-blur: 4px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 2px;
+  --shadow-offset-y: 2px;
+}
+
+.theme-bold-tech.dark {
+  --background: #0f172a;
+  --foreground: #e0e7ff;
+  --card: #1e1b4b;
+  --card-foreground: #e0e7ff;
+  --popover: #1e1b4b;
+  --popover-foreground: #e0e7ff;
+  --primary: #8b5cf6;
+  --primary-foreground: #ffffff;
+  --secondary: #1e1b4b;
+  --secondary-foreground: #e0e7ff;
+  --muted: #171447;
+  --muted-foreground: #c4b5fd;
+  --accent: #4338ca;
+  --accent-foreground: #e0e7ff;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #2e1065;
+  --input: #2e1065;
+  --ring: #8b5cf6;
+  --chart-1: #a78bfa;
+  --chart-2: #8b5cf6;
+  --chart-3: #7c3aed;
+  --chart-4: #6d28d9;
+  --chart-5: #5b21b6;
+  --radius: 0.625rem;
+  --sidebar: #0f172a;
+  --sidebar-foreground: #e0e7ff;
+  --sidebar-primary: #8b5cf6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #4338ca;
+  --sidebar-accent-foreground: #e0e7ff;
+  --sidebar-border: #2e1065;
+  --sidebar-ring: #8b5cf6;
+}