@usetheo/ui 0.3.0-next.0 → 0.5.0-next.0

package/dist/preset.d.ts

@@ -0,0 +1,31 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * `@usetheo/ui/preset` — Tailwind v4 preset for zero-config consumers.
+ *
+ * Default-export a `Partial<Config>` mirroring the design tokens shipped
+ * in `@usetheo/ui/tokens.css`. Adds a `content` field covering the
+ * library's published artifact tree so consumers' Tailwind builds emit
+ * the utilities used by `@usetheo/ui` components.
+ *
+ * The token surface is delegated to `./styles/tailwind-preset.ts` (the
+ * existing source of truth used by the local Ladle dev surface and the
+ * shadcn registry). This subpath simply wraps it with `content` and
+ * preserves the same shape, so the v3 registry preset and the v4 import
+ * preset stay byte-for-byte aligned and impossible to drift.
+ *
+ * Consumer usage:
+ *
+ *   // tailwind.config.ts
+ *   import preset from "@usetheo/ui/preset";
+ *   export default {
+ *     presets: [preset],
+ *     content: ["./app/**\/*.{ts,tsx}"],
+ *   };
+ *
+ * See RFC 0008.
+ */
+
+declare const preset: Partial<Config>;
+
+export { preset as default };

package/dist/preset.js

@@ -0,0 +1,159 @@
+import animate from 'tailwindcss-animate';
+
+// src/styles/tailwind-preset.ts
+var hsl = (token) => `hsl(var(${token}) / <alpha-value>)`;
+var theoUIPreset = {
+  theme: {
+    container: {
+      center: true,
+      padding: "1rem",
+      screens: {
+        "2xl": "1280px"
+      }
+    },
+    extend: {
+      colors: {
+        background: hsl("--background"),
+        foreground: hsl("--foreground"),
+        card: {
+          DEFAULT: hsl("--card"),
+          foreground: hsl("--card-foreground")
+        },
+        popover: {
+          DEFAULT: hsl("--popover"),
+          foreground: hsl("--popover-foreground")
+        },
+        primary: {
+          DEFAULT: hsl("--primary"),
+          deep: hsl("--primary-deep"),
+          glow: hsl("--primary-glow"),
+          foreground: hsl("--primary-foreground")
+        },
+        secondary: {
+          DEFAULT: hsl("--secondary"),
+          foreground: hsl("--secondary-foreground")
+        },
+        accent: {
+          DEFAULT: hsl("--accent"),
+          deep: hsl("--accent-deep"),
+          foreground: hsl("--accent-foreground")
+        },
+        muted: {
+          DEFAULT: hsl("--muted"),
+          foreground: hsl("--muted-foreground")
+        },
+        success: {
+          DEFAULT: hsl("--success"),
+          foreground: hsl("--success-foreground")
+        },
+        warning: {
+          DEFAULT: hsl("--warning"),
+          foreground: hsl("--warning-foreground")
+        },
+        destructive: {
+          DEFAULT: hsl("--destructive"),
+          foreground: hsl("--destructive-foreground")
+        },
+        info: {
+          DEFAULT: hsl("--info"),
+          foreground: hsl("--info-foreground")
+        },
+        border: hsl("--border"),
+        input: hsl("--input"),
+        ring: hsl("--ring")
+      },
+      fontFamily: {
+        display: "var(--font-display)",
+        sans: "var(--font-body)",
+        mono: "var(--font-mono)"
+      },
+      /* Geist-inspired Violet Forge typescale.
+       *
+       * Three strict weights: 400 (body), 500 (UI), 600 (display/headings).
+       * Letter-spacing scales with size — aggressive negative on display.
+       * Mirrors the Vercel/Geist vocabulary while keeping Theo's identity.
+       */
+      fontSize: {
+        // Display tier — aggressive compression, content-led headlines
+        "display-2xl": ["64px", { lineHeight: "1", letterSpacing: "-0.0464em", fontWeight: "600" }],
+        "display-xl": ["48px", { lineHeight: "1.05", letterSpacing: "-0.05em", fontWeight: "600" }],
+        "display-lg": ["40px", { lineHeight: "1.1", letterSpacing: "-0.05em", fontWeight: "600" }],
+        "display-md": ["32px", { lineHeight: "1.2", letterSpacing: "-0.04em", fontWeight: "600" }],
+        headline: ["28px", { lineHeight: "1.25", letterSpacing: "-0.035em", fontWeight: "600" }],
+        // Title tier — section / card heads
+        "title-lg": ["24px", { lineHeight: "1.33", letterSpacing: "-0.04em", fontWeight: "600" }],
+        "title-md": ["20px", { lineHeight: "1.4", letterSpacing: "-0.03em", fontWeight: "600" }],
+        // Body tier — FAANG-density realignment 2026-05-22: body-md is the
+        // industry-standard 14px (shadcn / Vercel Geist / Linear / Stripe /
+        // Mantine). The previous 15px was idiosyncratic. body-sm (14px label
+        // weight) remains separate via its line-height / weight signature.
+        "body-lg": ["18px", { lineHeight: "1.56", letterSpacing: "-0.01em", fontWeight: "400" }],
+        "body-md": ["14px", { lineHeight: "1.43", letterSpacing: "0", fontWeight: "400" }],
+        "body-sm": ["13px", { lineHeight: "1.46", fontWeight: "400" }],
+        // Label tier — used on buttons, nav, secondary actions
+        label: ["14px", { lineHeight: "1.43", fontWeight: "500" }],
+        "label-caps": ["12px", { lineHeight: "1.33", letterSpacing: "0.04em", fontWeight: "500" }],
+        // Mono — code surfaces, technical labels
+        "code-md": ["14px", { lineHeight: "1.5", fontWeight: "400" }],
+        "code-sm": ["13px", { lineHeight: "1.54", fontWeight: "500" }]
+      },
+      borderRadius: {
+        none: "var(--radius-none)",
+        sm: "var(--radius-sm)",
+        md: "var(--radius-md)",
+        lg: "var(--radius-lg)",
+        xl: "var(--radius-xl)",
+        "2xl": "var(--radius-2xl)",
+        full: "var(--radius-full)"
+      },
+      boxShadow: {
+        sm: "var(--shadow-sm)",
+        md: "var(--shadow-md)",
+        lg: "var(--shadow-lg)",
+        glow: "var(--shadow-glow)",
+        "glow-strong": "var(--shadow-glow-strong)"
+      },
+      transitionTimingFunction: {
+        "out-soft": "var(--ease-out-soft)",
+        snap: "var(--ease-snap)"
+      },
+      transitionDuration: {
+        fast: "var(--duration-fast)",
+        base: "var(--duration-base)",
+        slow: "var(--duration-slow)"
+      },
+      keyframes: {
+        "fade-in-up": {
+          "0%": { opacity: "0", transform: "translateY(8px)" },
+          "100%": { opacity: "1", transform: "translateY(0)" }
+        },
+        "pulse-glow": {
+          "0%, 100%": { boxShadow: "0 0 0 0 hsl(var(--primary) / 0.5)" },
+          "50%": { boxShadow: "0 0 0 8px hsl(var(--primary) / 0)" }
+        }
+      },
+      animation: {
+        "fade-in-up": "fade-in-up var(--duration-base) var(--ease-out-soft) both",
+        "pulse-glow": "pulse-glow 1.5s var(--ease-in-out) infinite"
+      }
+    }
+  },
+  plugins: [animate]
+};
+
+// src/preset.ts
+var LIBRARY_CONTENT_GLOBS = [
+  // Resolved relative to the consumer's `tailwind.config.{ts,js}`.
+  "./node_modules/@usetheo/ui/dist/**/*.{js,mjs,cjs}",
+  // Yarn PnP / pnpm hoist fallback — Tailwind's globbing tolerates both.
+  "./node_modules/@usetheo/ui/dist/**/*.{ts,tsx}"
+];
+var preset = {
+  ...theoUIPreset,
+  content: LIBRARY_CONTENT_GLOBS
+};
+var preset_default = preset;
+
+export { preset_default as default };
+//# sourceMappingURL=preset.js.map
+//# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles/tailwind-preset.ts","../src/preset.ts"],"names":[],"mappings":"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","file":"preset.js","sourcesContent":["/**\n * Theo UI Tailwind preset — Violet Forge identity.\n *\n * Single source of truth for the design system's utility-level tokens:\n *   - colors mapped to CSS variables (HSL split via `hsl(var(--x) / <alpha>)`)\n *   - Geist-inspired typescale (display / title / body / label / code tiers)\n *   - radii, shadows, motion timing & duration, keyframes\n *   - tailwindcss-animate plugin\n *\n * Consumed by:\n *   - `tailwind.config.ts` (this repo) via `presets: [theoUIPreset]`\n *   - registry/r/tailwind-preset.json (shipped to consumers via shadcn CLI)\n *\n * Consumers integrate as:\n *\n *   import type { Config } from \"tailwindcss\";\n *   import { theoUIPreset } from \"./styles/tailwind-preset\";\n *\n *   export default {\n *     darkMode: \"class\",\n *     content: [\"./src/**\\/*.{ts,tsx}\"],\n *     presets: [theoUIPreset],\n *   } satisfies Config;\n *\n * Note: `darkMode` and `content` are NOT in the preset — they are consumer\n * decisions. The preset only contains `theme.extend.*` and `plugins`.\n */\n\nimport type { Config } from \"tailwindcss\";\nimport animate from \"tailwindcss-animate\";\n\nconst hsl = (token: string) => `hsl(var(${token}) / <alpha-value>)`;\n\nexport const theoUIPreset: Partial<Config> = {\n  theme: {\n    container: {\n      center: true,\n      padding: \"1rem\",\n      screens: {\n        \"2xl\": \"1280px\",\n      },\n    },\n    extend: {\n      colors: {\n        background: hsl(\"--background\"),\n        foreground: hsl(\"--foreground\"),\n        card: {\n          DEFAULT: hsl(\"--card\"),\n          foreground: hsl(\"--card-foreground\"),\n        },\n        popover: {\n          DEFAULT: hsl(\"--popover\"),\n          foreground: hsl(\"--popover-foreground\"),\n        },\n        primary: {\n          DEFAULT: hsl(\"--primary\"),\n          deep: hsl(\"--primary-deep\"),\n          glow: hsl(\"--primary-glow\"),\n          foreground: hsl(\"--primary-foreground\"),\n        },\n        secondary: {\n          DEFAULT: hsl(\"--secondary\"),\n          foreground: hsl(\"--secondary-foreground\"),\n        },\n        accent: {\n          DEFAULT: hsl(\"--accent\"),\n          deep: hsl(\"--accent-deep\"),\n          foreground: hsl(\"--accent-foreground\"),\n        },\n        muted: {\n          DEFAULT: hsl(\"--muted\"),\n          foreground: hsl(\"--muted-foreground\"),\n        },\n        success: {\n          DEFAULT: hsl(\"--success\"),\n          foreground: hsl(\"--success-foreground\"),\n        },\n        warning: {\n          DEFAULT: hsl(\"--warning\"),\n          foreground: hsl(\"--warning-foreground\"),\n        },\n        destructive: {\n          DEFAULT: hsl(\"--destructive\"),\n          foreground: hsl(\"--destructive-foreground\"),\n        },\n        info: {\n          DEFAULT: hsl(\"--info\"),\n          foreground: hsl(\"--info-foreground\"),\n        },\n        border: hsl(\"--border\"),\n        input: hsl(\"--input\"),\n        ring: hsl(\"--ring\"),\n      },\n      fontFamily: {\n        display: \"var(--font-display)\",\n        sans: \"var(--font-body)\",\n        mono: \"var(--font-mono)\",\n      },\n      /* Geist-inspired Violet Forge typescale.\n       *\n       * Three strict weights: 400 (body), 500 (UI), 600 (display/headings).\n       * Letter-spacing scales with size — aggressive negative on display.\n       * Mirrors the Vercel/Geist vocabulary while keeping Theo's identity.\n       */\n      fontSize: {\n        // Display tier — aggressive compression, content-led headlines\n        \"display-2xl\": [\"64px\", { lineHeight: \"1\", letterSpacing: \"-0.0464em\", fontWeight: \"600\" }],\n        \"display-xl\": [\"48px\", { lineHeight: \"1.05\", letterSpacing: \"-0.05em\", fontWeight: \"600\" }],\n        \"display-lg\": [\"40px\", { lineHeight: \"1.1\", letterSpacing: \"-0.05em\", fontWeight: \"600\" }],\n        \"display-md\": [\"32px\", { lineHeight: \"1.2\", letterSpacing: \"-0.04em\", fontWeight: \"600\" }],\n        headline: [\"28px\", { lineHeight: \"1.25\", letterSpacing: \"-0.035em\", fontWeight: \"600\" }],\n        // Title tier — section / card heads\n        \"title-lg\": [\"24px\", { lineHeight: \"1.33\", letterSpacing: \"-0.04em\", fontWeight: \"600\" }],\n        \"title-md\": [\"20px\", { lineHeight: \"1.4\", letterSpacing: \"-0.03em\", fontWeight: \"600\" }],\n        // Body tier — FAANG-density realignment 2026-05-22: body-md is the\n        // industry-standard 14px (shadcn / Vercel Geist / Linear / Stripe /\n        // Mantine). The previous 15px was idiosyncratic. body-sm (14px label\n        // weight) remains separate via its line-height / weight signature.\n        \"body-lg\": [\"18px\", { lineHeight: \"1.56\", letterSpacing: \"-0.01em\", fontWeight: \"400\" }],\n        \"body-md\": [\"14px\", { lineHeight: \"1.43\", letterSpacing: \"0\", fontWeight: \"400\" }],\n        \"body-sm\": [\"13px\", { lineHeight: \"1.46\", fontWeight: \"400\" }],\n        // Label tier — used on buttons, nav, secondary actions\n        label: [\"14px\", { lineHeight: \"1.43\", fontWeight: \"500\" }],\n        \"label-caps\": [\"12px\", { lineHeight: \"1.33\", letterSpacing: \"0.04em\", fontWeight: \"500\" }],\n        // Mono — code surfaces, technical labels\n        \"code-md\": [\"14px\", { lineHeight: \"1.5\", fontWeight: \"400\" }],\n        \"code-sm\": [\"13px\", { lineHeight: \"1.54\", fontWeight: \"500\" }],\n      },\n      borderRadius: {\n        none: \"var(--radius-none)\",\n        sm: \"var(--radius-sm)\",\n        md: \"var(--radius-md)\",\n        lg: \"var(--radius-lg)\",\n        xl: \"var(--radius-xl)\",\n        \"2xl\": \"var(--radius-2xl)\",\n        full: \"var(--radius-full)\",\n      },\n      boxShadow: {\n        sm: \"var(--shadow-sm)\",\n        md: \"var(--shadow-md)\",\n        lg: \"var(--shadow-lg)\",\n        glow: \"var(--shadow-glow)\",\n        \"glow-strong\": \"var(--shadow-glow-strong)\",\n      },\n      transitionTimingFunction: {\n        \"out-soft\": \"var(--ease-out-soft)\",\n        snap: \"var(--ease-snap)\",\n      },\n      transitionDuration: {\n        fast: \"var(--duration-fast)\",\n        base: \"var(--duration-base)\",\n        slow: \"var(--duration-slow)\",\n      },\n      keyframes: {\n        \"fade-in-up\": {\n          \"0%\": { opacity: \"0\", transform: \"translateY(8px)\" },\n          \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n        },\n        \"pulse-glow\": {\n          \"0%, 100%\": { boxShadow: \"0 0 0 0 hsl(var(--primary) / 0.5)\" },\n          \"50%\": { boxShadow: \"0 0 0 8px hsl(var(--primary) / 0)\" },\n        },\n      },\n      animation: {\n        \"fade-in-up\": \"fade-in-up var(--duration-base) var(--ease-out-soft) both\",\n        \"pulse-glow\": \"pulse-glow 1.5s var(--ease-in-out) infinite\",\n      },\n    },\n  },\n  plugins: [animate],\n};\n","/**\n * `@usetheo/ui/preset` — Tailwind v4 preset for zero-config consumers.\n *\n * Default-export a `Partial<Config>` mirroring the design tokens shipped\n * in `@usetheo/ui/tokens.css`. Adds a `content` field covering the\n * library's published artifact tree so consumers' Tailwind builds emit\n * the utilities used by `@usetheo/ui` components.\n *\n * The token surface is delegated to `./styles/tailwind-preset.ts` (the\n * existing source of truth used by the local Ladle dev surface and the\n * shadcn registry). This subpath simply wraps it with `content` and\n * preserves the same shape, so the v3 registry preset and the v4 import\n * preset stay byte-for-byte aligned and impossible to drift.\n *\n * Consumer usage:\n *\n *   // tailwind.config.ts\n *   import preset from \"@usetheo/ui/preset\";\n *   export default {\n *     presets: [preset],\n *     content: [\"./app/**\\/*.{ts,tsx}\"],\n *   };\n *\n * See RFC 0008.\n */\nimport type { Config } from \"tailwindcss\";\nimport { theoUIPreset } from \"./styles/tailwind-preset.js\";\n\nconst LIBRARY_CONTENT_GLOBS: string[] = [\n  // Resolved relative to the consumer's `tailwind.config.{ts,js}`.\n  \"./node_modules/@usetheo/ui/dist/**/*.{js,mjs,cjs}\",\n  // Yarn PnP / pnpm hoist fallback — Tailwind's globbing tolerates both.\n  \"./node_modules/@usetheo/ui/dist/**/*.{ts,tsx}\",\n];\n\nconst preset: Partial<Config> = {\n  ...theoUIPreset,\n  content: LIBRARY_CONTENT_GLOBS,\n};\n\nexport default preset;\n"]}

package/dist/vite-plugin.d.ts

@@ -0,0 +1,29 @@
+import { Plugin } from 'vite';
+
+/**
+ * `@usetheo/ui/vite-plugin` — auto-wire Tailwind v4 for consumers.
+ *
+ * Default export is a factory returning ONE Vite Plugin. Internally:
+ *   1. chains `@tailwindcss/vite` v4 via the `config()` hook when resolvable
+ *      and `opts.tailwind !== false`,
+ *   2. exposes a virtual module `virtual:@usetheo/ui/library-sources.css`
+ *      whose contents register `@source` directives covering the library's
+ *      published files, so consumer-side Tailwind scans `@usetheo/ui` JSX
+ *      and emits its utility classes,
+ *   3. degrades gracefully via `console.warn` (never throws) when
+ *      `@tailwindcss/vite` is not installed — the surface stays usable in
+ *      CSS-only mode via the pre-built `@usetheo/ui/styles.css` subpath.
+ *
+ * This is the cross-repo contract TheoKit's `integrateUseTheoUI()` probes
+ * for. See `docs/rfcs/0008-vite-plugin-and-preset.md`.
+ */
+
+interface UseTheoUIPluginOptions {
+    /** Disable Tailwind v4 auto-chain. Default: `true`. */
+    tailwind?: boolean;
+    /** Extra `@source` globs merged into the library defaults. */
+    contentExtra?: string[];
+}
+declare function useTheoUIVite(opts?: UseTheoUIPluginOptions): Plugin;
+
+export { type UseTheoUIPluginOptions, useTheoUIVite as default };

package/dist/vite-plugin.js

@@ -0,0 +1,72 @@
+// src/vite-plugin.ts
+var PLUGIN_NAME = "@usetheo/ui/vite-plugin";
+var VIRTUAL_ID = "virtual:@usetheo/ui/library-sources.css";
+var RESOLVED_VIRTUAL_ID = `\0${VIRTUAL_ID}`;
+function buildLibrarySourcesCss(extra = []) {
+  const defaults = [
+    '"../node_modules/@usetheo/ui/dist/**/*.{js,mjs,cjs}"',
+    '"./node_modules/@usetheo/ui/dist/**/*.{js,mjs,cjs}"'
+  ];
+  const all = [...defaults, ...extra.map((g) => JSON.stringify(g))];
+  return `${all.map((src) => `@source ${src};`).join("\n")}
+`;
+}
+function useTheoUIVite(opts = {}) {
+  const wantsTailwind = opts.tailwind !== false;
+  const extra = opts.contentExtra ?? [];
+  let warned = false;
+  const warnMissingPeer = () => {
+    if (warned) return;
+    warned = true;
+    console.warn(
+      `[${PLUGIN_NAME}] @tailwindcss/vite was not resolvable; falling back to CSS-only mode. Install \`@tailwindcss/vite@^4\` to get the utility-driven design tokens, or import \`@usetheo/ui/styles.css\` directly for the pre-built surface.`
+    );
+  };
+  return {
+    name: PLUGIN_NAME,
+    // Vite's typing for `config()` since 5.x explicitly omits `plugins` from
+    // the allowed return shape to nudge authors toward `Plugin[]` factories.
+    // The runtime still honors `{ plugins }` merge, and the TheoKit contract
+    // requires ONE Plugin object (so we can't return `Plugin[]` here).
+    // The cast keeps the public surface honest and the type-checker quiet.
+    async config(_userConfig, _env) {
+      if (!wantsTailwind) {
+        return void 0;
+      }
+      try {
+        const specifier = "@tailwindcss/vite";
+        const mod = await import(
+          /* @vite-ignore */
+          specifier
+        );
+        const factory = mod.default;
+        if (typeof factory !== "function") {
+          warnMissingPeer();
+          return void 0;
+        }
+        const tw = factory();
+        const tailwindPlugins = Array.isArray(tw) ? tw : [tw];
+        return { plugins: tailwindPlugins };
+      } catch {
+        warnMissingPeer();
+        return void 0;
+      }
+    },
+    resolveId(id) {
+      if (id === VIRTUAL_ID) {
+        return RESOLVED_VIRTUAL_ID;
+      }
+      return void 0;
+    },
+    load(id) {
+      if (id === RESOLVED_VIRTUAL_ID) {
+        return buildLibrarySourcesCss(extra);
+      }
+      return void 0;
+    }
+  };
+}
+
+export { useTheoUIVite as default };
+//# sourceMappingURL=vite-plugin.js.map
+//# sourceMappingURL=vite-plugin.js.map

package/dist/vite-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vite-plugin.ts"],"names":[],"mappings":";AA0BA,IAAM,WAAA,GAAc,yBAAA;AACpB,IAAM,UAAA,GAAa,yCAAA;AACnB,IAAM,mBAAA,GAAsB,KAAK,UAAU,CAAA,CAAA;AAE3C,SAAS,sBAAA,CAAuB,KAAA,GAAkB,EAAC,EAAW;AAK5D,EAAA,MAAM,QAAA,GAAW;AAAA,IACf,sDAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,GAAA,GAAM,CAAC,GAAG,QAAA,EAAU,GAAG,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,KAAM,IAAA,CAAK,SAAA,CAAU,CAAC,CAAC,CAAC,CAAA;AAChE,EAAA,OAAO,CAAA,EAAG,GAAA,CAAI,GAAA,CAAI,CAAC,GAAA,KAAQ,CAAA,QAAA,EAAW,GAAG,CAAA,CAAA,CAAG,CAAA,CAAE,IAAA,CAAK,IAAI,CAAC;AAAA,CAAA;AAC1D;AAEe,SAAR,aAAA,CAA+B,IAAA,GAA+B,EAAC,EAAW;AAC/E,EAAA,MAAM,aAAA,GAAgB,KAAK,QAAA,KAAa,KAAA;AACxC,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,YAAA,IAAgB,EAAC;AAEpC,EAAA,IAAI,MAAA,GAAS,KAAA;AACb,EAAA,MAAM,kBAAkB,MAAY;AAClC,IAAA,IAAI,MAAA,EAAQ;AACZ,IAAA,MAAA,GAAS,IAAA;AAET,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN,IAAI,WAAW,CAAA,yNAAA;AAAA,KACjB;AAAA,EACF,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAON,MAAM,MAAA,CAAO,WAAA,EAAa,IAAA,EAAwD;AAChF,MAAA,IAAI,CAAC,aAAA,EAAe;AAClB,QAAA,OAAO,MAAA;AAAA,MACT;AAEA,MAAA,IAAI;AAKF,QAAA,MAAM,SAAA,GAAY,mBAAA;AAClB,QAAA,MAAM,MAAM,MAAM;AAAA;AAAA,UAA0B;AAAA,SAAA;AAC5C,QAAA,MAAM,UAAW,GAAA,CAA8B,OAAA;AAC/C,QAAA,IAAI,OAAO,YAAY,UAAA,EAAY;AACjC,UAAA,eAAA,EAAgB;AAChB,UAAA,OAAO,KAAA,CAAA;AAAA,QACT;AACA,QAAA,MAAM,KAAM,OAAA,EAAoC;AAChD,QAAA,MAAM,kBAAkB,KAAA,CAAM,OAAA,CAAQ,EAAE,CAAA,GAAI,EAAA,GAAK,CAAC,EAAE,CAAA;AACpD,QAAA,OAAO,EAAE,SAAS,eAAA,EAAgB;AAAA,MACpC,CAAA,CAAA,MAAQ;AACN,QAAA,eAAA,EAAgB;AAChB,QAAA,OAAO,MAAA;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IAEA,UAAU,EAAA,EAAI;AACZ,MAAA,IAAI,OAAO,UAAA,EAAY;AACrB,QAAA,OAAO,mBAAA;AAAA,MACT;AACA,MAAA,OAAO,MAAA;AAAA,IACT,CAAA;AAAA,IAEA,KAAK,EAAA,EAAI;AACP,MAAA,IAAI,OAAO,mBAAA,EAAqB;AAC9B,QAAA,OAAO,uBAAuB,KAAK,CAAA;AAAA,MACrC;AACA,MAAA,OAAO,MAAA;AAAA,IACT;AAAA,GACF;AACF","file":"vite-plugin.js","sourcesContent":["/**\n * `@usetheo/ui/vite-plugin` — auto-wire Tailwind v4 for consumers.\n *\n * Default export is a factory returning ONE Vite Plugin. Internally:\n *   1. chains `@tailwindcss/vite` v4 via the `config()` hook when resolvable\n *      and `opts.tailwind !== false`,\n *   2. exposes a virtual module `virtual:@usetheo/ui/library-sources.css`\n *      whose contents register `@source` directives covering the library's\n *      published files, so consumer-side Tailwind scans `@usetheo/ui` JSX\n *      and emits its utility classes,\n *   3. degrades gracefully via `console.warn` (never throws) when\n *      `@tailwindcss/vite` is not installed — the surface stays usable in\n *      CSS-only mode via the pre-built `@usetheo/ui/styles.css` subpath.\n *\n * This is the cross-repo contract TheoKit's `integrateUseTheoUI()` probes\n * for. See `docs/rfcs/0008-vite-plugin-and-preset.md`.\n */\nimport type { Plugin, UserConfig } from \"vite\";\n\nexport interface UseTheoUIPluginOptions {\n  /** Disable Tailwind v4 auto-chain. Default: `true`. */\n  tailwind?: boolean;\n  /** Extra `@source` globs merged into the library defaults. */\n  contentExtra?: string[];\n}\n\nconst PLUGIN_NAME = \"@usetheo/ui/vite-plugin\";\nconst VIRTUAL_ID = \"virtual:@usetheo/ui/library-sources.css\";\nconst RESOLVED_VIRTUAL_ID = `\\0${VIRTUAL_ID}`;\n\nfunction buildLibrarySourcesCss(extra: string[] = []): string {\n  // `@source` paths are resolved relative to the importing CSS file in\n  // Tailwind v4. The library defaults below cover the published artifact\n  // tree under the consumer's `node_modules/@usetheo/ui/dist/`. Extra globs\n  // are appended verbatim — consumers can register additional roots.\n  const defaults = [\n    '\"../node_modules/@usetheo/ui/dist/**/*.{js,mjs,cjs}\"',\n    '\"./node_modules/@usetheo/ui/dist/**/*.{js,mjs,cjs}\"',\n  ];\n  const all = [...defaults, ...extra.map((g) => JSON.stringify(g))];\n  return `${all.map((src) => `@source ${src};`).join(\"\\n\")}\\n`;\n}\n\nexport default function useTheoUIVite(opts: UseTheoUIPluginOptions = {}): Plugin {\n  const wantsTailwind = opts.tailwind !== false;\n  const extra = opts.contentExtra ?? [];\n\n  let warned = false;\n  const warnMissingPeer = (): void => {\n    if (warned) return;\n    warned = true;\n    // biome-ignore lint/suspicious/noConsole: TheoKit cross-repo contract requires `console.warn` (not throw) when the optional `@tailwindcss/vite` peer is missing. See RFC 0008 §3 D1.\n    console.warn(\n      `[${PLUGIN_NAME}] @tailwindcss/vite was not resolvable; falling back to CSS-only mode. Install \\`@tailwindcss/vite@^4\\` to get the utility-driven design tokens, or import \\`@usetheo/ui/styles.css\\` directly for the pre-built surface.`,\n    );\n  };\n\n  return {\n    name: PLUGIN_NAME,\n\n    // Vite's typing for `config()` since 5.x explicitly omits `plugins` from\n    // the allowed return shape to nudge authors toward `Plugin[]` factories.\n    // The runtime still honors `{ plugins }` merge, and the TheoKit contract\n    // requires ONE Plugin object (so we can't return `Plugin[]` here).\n    // The cast keeps the public surface honest and the type-checker quiet.\n    async config(_userConfig, _env): Promise<Omit<UserConfig, \"plugins\"> | undefined> {\n      if (!wantsTailwind) {\n        return undefined;\n      }\n\n      try {\n        // Dynamic import keeps `@tailwindcss/vite` as an OPTIONAL peer. The\n        // specifier is held in a variable so Vite's import-analysis pass\n        // leaves it alone — at runtime the consumer's resolver does the\n        // actual resolution. Resolution failure must not crash the build.\n        const specifier = \"@tailwindcss/vite\";\n        const mod = await import(/* @vite-ignore */ specifier);\n        const factory = (mod as { default?: unknown }).default;\n        if (typeof factory !== \"function\") {\n          warnMissingPeer();\n          return undefined;\n        }\n        const tw = (factory as () => Plugin | Plugin[])();\n        const tailwindPlugins = Array.isArray(tw) ? tw : [tw];\n        return { plugins: tailwindPlugins } as unknown as Omit<UserConfig, \"plugins\">;\n      } catch {\n        warnMissingPeer();\n        return undefined;\n      }\n    },\n\n    resolveId(id) {\n      if (id === VIRTUAL_ID) {\n        return RESOLVED_VIRTUAL_ID;\n      }\n      return undefined;\n    },\n\n    load(id) {\n      if (id === RESOLVED_VIRTUAL_ID) {\n        return buildLibrarySourcesCss(extra);\n      }\n      return undefined;\n    },\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.3.0-next.0",
+  "version": "0.5.0-next.0",
   "description": "Theo UI — framework-agnostic React component library with the Violet Forge design system. Focused on AI-agent interfaces, cloud dashboards, and developer-tooling surfaces.",
   "license": "Apache-2.0",
   "type": "module",
@@ -439,6 +439,14 @@
     "./slide-deck": {
       "types": "./dist/slide-deck/index.d.ts",
       "import": "./dist/slide-deck/index.js"
+    },
+    "./vite-plugin": {
+      "types": "./dist/vite-plugin.d.ts",
+      "import": "./dist/vite-plugin.js"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "import": "./dist/preset.js"
     }
   },
   "files": ["dist", "registry/r", "registry/index.json", "LICENSE", "CHANGELOG.md"],
@@ -477,6 +485,7 @@
     "quality:gates:fast": "pnpm format:check && pnpm lint:ci && pnpm typecheck && pnpm registry:build && pnpm registry:validate && pnpm quality:structure"
   },
   "peerDependencies": {
+    "@tailwindcss/vite": "^4.0.0",
     "hast-util-from-html": "^2.0.0",
     "hast-util-sanitize": "^5.0.0",
     "hast-util-to-jsx-runtime": "^2.0.0",
@@ -493,8 +502,10 @@
     "react-dom": ">=18.2.0 <20",
     "roughjs": "^4.6.0",
     "shiki": "^1.0.0",
+    "tailwindcss": "^4.0.0",
     "unist-util-visit": "^5.0.0",
     "unist-util-visit-parents": "^6.0.0",
+    "vite": "^6.0.0 || ^7.0.0",
     "yaml": "^2.0.0"
   },
   "peerDependenciesMeta": {
@@ -548,6 +559,15 @@
     },
     "mermaid": {
       "optional": true
+    },
+    "@tailwindcss/vite": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    },
+    "vite": {
+      "optional": true
     }
   },
   "dependencies": {

package/registry/r/theme-provider.json

@@ -29,7 +29,7 @@
       "path": "themes/classic-paper.ts",
       "type": "registry:lib",
       "target": "themes/classic-paper.ts",
-      "content": "import type { Theme } from \"@/themes/types\";\n\n/**\n * Classic Paper — light-primary with deep-navy dark mirror; Inter + JetBrains Mono.\n *\n * Identity: warm paper background, deep navy foreground, indigo primary\n * (closer to traditional dashboard SaaS), Inter throughout. Maximizes\n * legibility and familiarity — use when reading endurance > differentiation.\n *\n * Provides a full `dark` palette mirror so consumers toggling `.dark` still\n * get a coherent surface (it is not \"light-only\" by accident).\n */\nexport const classicPaper: Theme = {\n  name: \"classic-paper\",\n  label: \"Classic Paper\",\n  description: \"Inter + paper background. Maximum legibility, conservative.\",\n  fonts: {\n    display: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\n  },\n  fontUrls: [\n    \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap\",\n  ],\n  light: {\n    background: \"36 30% 98%\",\n    foreground: \"222 47% 11%\",\n    card: \"0 0% 100%\",\n    \"card-foreground\": \"222 47% 11%\",\n    popover: \"0 0% 100%\",\n    \"popover-foreground\": \"222 47% 11%\",\n    primary: \"221 83% 53%\",\n    \"primary-deep\": \"224 76% 38%\",\n    \"primary-glow\": \"217 91% 70%\",\n    \"primary-foreground\": \"0 0% 100%\",\n    secondary: \"210 40% 96%\",\n    \"secondary-foreground\": \"222 47% 11%\",\n    accent: \"37 92% 50%\",\n    \"accent-deep\": \"32 81% 40%\",\n    \"accent-foreground\": \"0 0% 100%\",\n    muted: \"210 40% 96%\",\n    \"muted-foreground\": \"215 16% 47%\",\n    border: \"214 32% 91%\",\n    input: \"214 32% 91%\",\n    ring: \"221 83% 53%\",\n    success: \"142 71% 36%\",\n    \"success-foreground\": \"0 0% 100%\",\n    warning: \"33 92% 44%\",\n    \"warning-foreground\": \"0 0% 100%\",\n    destructive: \"0 72% 51%\",\n    \"destructive-foreground\": \"0 0% 100%\",\n    info: \"217 91% 60%\",\n    \"info-foreground\": \"0 0% 100%\",\n  },\n  // Dark mirror — mainly the same hues with inverted lightness so the theme\n  // still feels coherent if a consumer toggles `.dark`.\n  dark: {\n    background: \"222 47% 8%\",\n    foreground: \"210 40% 98%\",\n    card: \"222 47% 11%\",\n    \"card-foreground\": \"210 40% 98%\",\n    popover: \"222 47% 11%\",\n    \"popover-foreground\": \"210 40% 98%\",\n    primary: \"217 91% 60%\",\n    \"primary-deep\": \"221 83% 45%\",\n    \"primary-glow\": \"213 100% 80%\",\n    \"primary-foreground\": \"222 47% 11%\",\n    secondary: \"217 19% 18%\",\n    \"secondary-foreground\": \"210 40% 98%\",\n    accent: \"37 92% 60%\",\n    \"accent-deep\": \"32 81% 45%\",\n    \"accent-foreground\": \"222 47% 11%\",\n    muted: \"217 19% 18%\",\n    \"muted-foreground\": \"215 20% 65%\",\n    border: \"217 19% 22%\",\n    input: \"217 19% 18%\",\n    ring: \"217 91% 60%\",\n    success: \"152 79% 52%\",\n    \"success-foreground\": \"222 47% 11%\",\n    warning: \"38 92% 50%\",\n    \"warning-foreground\": \"222 47% 11%\",\n    destructive: \"350 100% 65%\",\n    \"destructive-foreground\": \"222 47% 11%\",\n    info: \"213 100% 70%\",\n    \"info-foreground\": \"222 47% 11%\",\n  },\n};\n"
+      "content": "import type { Theme } from \"@/themes/types\";\n\n/**\n * Classic Paper — light-primary with deep-navy dark mirror; Inter + JetBrains Mono.\n *\n * Identity: warm paper background, deep navy foreground, indigo primary\n * (closer to traditional dashboard SaaS), Inter throughout. Maximizes\n * legibility and familiarity — use when reading endurance > differentiation.\n *\n * Provides a full `dark` palette mirror so consumers toggling `.dark` still\n * get a coherent surface (it is not \"light-only\" by accident).\n */\nexport const classicPaper: Theme = {\n  name: \"classic-paper\",\n  label: \"Classic Paper\",\n  description: \"Inter + paper background. Maximum legibility, conservative.\",\n  fonts: {\n    display: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\n  },\n  fontUrls: [\n    \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap\",\n  ],\n  light: {\n    background: \"36 30% 98%\",\n    foreground: \"222 47% 11%\",\n    card: \"0 0% 100%\",\n    \"card-foreground\": \"222 47% 11%\",\n    popover: \"0 0% 100%\",\n    \"popover-foreground\": \"222 47% 11%\",\n    primary: \"221 83% 53%\",\n    \"primary-deep\": \"224 76% 38%\",\n    \"primary-glow\": \"217 91% 70%\",\n    \"primary-foreground\": \"0 0% 100%\",\n    secondary: \"210 40% 96%\",\n    \"secondary-foreground\": \"222 47% 11%\",\n    accent: \"37 92% 40%\",\n    \"accent-deep\": \"32 81% 30%\",\n    \"accent-foreground\": \"0 0% 100%\",\n    muted: \"210 40% 96%\",\n    \"muted-foreground\": \"215 16% 47%\",\n    border: \"214 32% 91%\",\n    input: \"214 32% 91%\",\n    ring: \"221 83% 53%\",\n    success: \"142 71% 36%\",\n    \"success-foreground\": \"0 0% 100%\",\n    warning: \"33 92% 44%\",\n    \"warning-foreground\": \"0 0% 100%\",\n    destructive: \"0 72% 51%\",\n    \"destructive-foreground\": \"0 0% 100%\",\n    info: \"217 91% 60%\",\n    \"info-foreground\": \"0 0% 100%\",\n  },\n  // Dark mirror — mainly the same hues with inverted lightness so the theme\n  // still feels coherent if a consumer toggles `.dark`.\n  dark: {\n    background: \"222 47% 8%\",\n    foreground: \"210 40% 98%\",\n    card: \"222 47% 11%\",\n    \"card-foreground\": \"210 40% 98%\",\n    popover: \"222 47% 11%\",\n    \"popover-foreground\": \"210 40% 98%\",\n    primary: \"217 91% 60%\",\n    \"primary-deep\": \"221 83% 45%\",\n    \"primary-glow\": \"213 100% 80%\",\n    \"primary-foreground\": \"222 47% 11%\",\n    secondary: \"217 19% 18%\",\n    \"secondary-foreground\": \"210 40% 98%\",\n    accent: \"37 92% 60%\",\n    \"accent-deep\": \"32 81% 45%\",\n    \"accent-foreground\": \"222 47% 11%\",\n    muted: \"217 19% 18%\",\n    \"muted-foreground\": \"215 20% 65%\",\n    border: \"217 19% 22%\",\n    input: \"217 19% 18%\",\n    ring: \"217 91% 60%\",\n    success: \"152 79% 52%\",\n    \"success-foreground\": \"222 47% 11%\",\n    warning: \"38 92% 50%\",\n    \"warning-foreground\": \"222 47% 11%\",\n    destructive: \"350 100% 65%\",\n    \"destructive-foreground\": \"222 47% 11%\",\n    info: \"213 100% 70%\",\n    \"info-foreground\": \"222 47% 11%\",\n  },\n};\n"
     },
     {
       "path": "themes/aurora-terminal.ts",
@@ -53,7 +53,7 @@
       "path": "themes/index.ts",
       "type": "registry:lib",
       "target": "themes/index.ts",
-      "content": "export type { ColorScale, Theme, ThemeFonts, ThemeMode } from \"@/themes/types\";\nexport { ThemeProvider, useTheme } from \"@/themes/theme-provider\";\nexport { ThemeScript } from \"@/themes/theme-script\";\nexport { ThemeSwitcher } from \"@/themes/theme-switcher\";\nexport { violetForge } from \"@/themes/violet-forge\";\nexport { classicPaper } from \"@/themes/classic-paper\";\nexport { auroraTerminal } from \"@/themes/aurora-terminal\";\nexport { defineTheme, type DefineThemeInput } from \"./define\";\nexport { hex, rgb } from \"./color\";\nexport { useDensity, type Density, type DensityContextValue } from \"./density\";\n\nimport { auroraTerminal } from \"@/themes/aurora-terminal\";\nimport { classicPaper } from \"@/themes/classic-paper\";\nimport { violetForge } from \"@/themes/violet-forge\";\n\n/**\n * All themes bundled with Theo UI. Pass to `<ThemeProvider themes={builtinThemes}>`\n * if you want all of them available out of the box.\n */\nexport const builtinThemes = [violetForge, classicPaper, auroraTerminal];\n"
+      "content": "export type { ColorScale, Theme, ThemeFonts, ThemeMode } from \"@/themes/types\";\nexport { ThemeProvider, useTheme } from \"@/themes/theme-provider\";\nexport { ThemeScript } from \"@/themes/theme-script\";\nexport { ThemeSwitcher } from \"@/themes/theme-switcher\";\nexport { violetForge } from \"@/themes/violet-forge\";\nexport { classicPaper } from \"@/themes/classic-paper\";\nexport { auroraTerminal } from \"@/themes/aurora-terminal\";\nexport { defineTheme, type DefineThemeInput } from \"./define\";\nexport { hex, rgb } from \"./color\";\nexport { useDensity, type Density, type DensityContextValue } from \"./density\";\n// Seven new themes — RFC 0007, plan: seven-themes (2026-05-22).\n// Trademark-safe slugs (D1.1) — `*-style` / `*-mono` / `*-glass` suffixes,\n// description includes \"Inspired by, not affiliated with [X]\".\nexport { vercelMono } from \"./vercel-mono\";\nexport { githubDark } from \"./github-dark\";\nexport { dracula } from \"./dracula\";\nexport { oneDark } from \"./one-dark\";\nexport { anthropicStyle } from \"./anthropic-style\";\nexport { openaiStyle } from \"./openai-style\";\nexport { linearGlass } from \"./linear-glass\";\n\nimport { anthropicStyle } from \"./anthropic-style\";\nimport { auroraTerminal } from \"@/themes/aurora-terminal\";\nimport { classicPaper } from \"@/themes/classic-paper\";\nimport { dracula } from \"./dracula\";\nimport { githubDark } from \"./github-dark\";\nimport { linearGlass } from \"./linear-glass\";\nimport { oneDark } from \"./one-dark\";\nimport { openaiStyle } from \"./openai-style\";\nimport { vercelMono } from \"./vercel-mono\";\nimport { violetForge } from \"@/themes/violet-forge\";\n\n/**\n * All themes bundled with Theo UI. Pass to `<ThemeProvider themes={builtinThemes}>`\n * if you want all 10 available out of the box.\n *\n * EC-4 note: passing the full 10-entry list triggers ~60 KB CSS injection in\n * `<style id=\"theo-ui-theme-vars\">`. For apps focused on 1-2 themes, prefer\n * `themes={[violetForge, dracula]}` to keep the payload at ~12 KB.\n */\nexport const builtinThemes = [\n  violetForge,\n  classicPaper,\n  auroraTerminal,\n  vercelMono,\n  githubDark,\n  dracula,\n  oneDark,\n  anthropicStyle,\n  openaiStyle,\n  linearGlass,\n];\n"
     }
   ]
 }