tailwind-styled-v4 5.0.0 → 5.0.2

package/dist/runtime.mjs

@@ -0,0 +1,436 @@
+import React from 'react';
+
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  __defProp(target, "default", { value: mod, enumerable: true }) ,
+  mod
+));
+
+// dist/theme.js
+var require_theme = __commonJS({
+  "dist/theme.js"(exports$1) {
+    var React2 = __require("react");
+    var module$1 = __require("module");
+    var path = __require("path");
+    function _interopDefault(e) {
+      return e && e.__esModule ? e : { default: e };
+    }
+    var React__default = /* @__PURE__ */ _interopDefault(React2);
+    var path__default = /* @__PURE__ */ _interopDefault(path);
+    var __require2 = /* @__PURE__ */ ((x) => typeof __require !== "undefined" ? __require : typeof Proxy !== "undefined" ? new Proxy(x, {
+      get: (a, b) => (typeof __require !== "undefined" ? __require : a)[b]
+    }) : x)(function(x) {
+      if (typeof __require !== "undefined") return __require.apply(this, arguments);
+      throw Error('Dynamic require of "' + x + '" is not supported');
+    });
+    var _currentTokens = {};
+    var _subscribers = /* @__PURE__ */ new Set();
+    var _styleEl = null;
+    function tokenVar2(name) {
+      const normalized = name.replace(/[^a-zA-Z0-9-]/g, "-").toLowerCase();
+      return `--tw-token-${normalized}`;
+    }
+    function tokenRef2(name) {
+      return `var(${tokenVar2(name)})`;
+    }
+    function buildRootCss(tokens) {
+      const vars = Object.entries(tokens).map(([name, value]) => `  ${tokenVar2(name)}: ${value};`).join("\n");
+      return `:root {
+${vars}
+}`;
+    }
+    function syncStyleEl() {
+      if (typeof document === "undefined") return;
+      if (!_styleEl) {
+        _styleEl = document.createElement("style");
+        _styleEl.id = "tw-live-tokens";
+        _styleEl.setAttribute("data-tw-tokens", "true");
+        document.head.appendChild(_styleEl);
+      }
+      _styleEl.textContent = buildRootCss(_currentTokens);
+    }
+    function notifySubscribers() {
+      const snapshot = { ..._currentTokens };
+      for (const subscriber of _subscribers) {
+        try {
+          subscriber(snapshot);
+        } catch {
+        }
+      }
+    }
+    function liveToken2(tokens) {
+      _currentTokens = { ..._currentTokens, ...tokens };
+      syncStyleEl();
+      notifySubscribers();
+      const vars = {};
+      for (const name of Object.keys(tokens)) {
+        vars[name] = tokenRef2(name);
+      }
+      return {
+        vars,
+        get(name) {
+          return _currentTokens[name];
+        },
+        set(name, value) {
+          setToken2(name, value);
+        },
+        setAll(nextTokens) {
+          setTokens2(nextTokens);
+        },
+        snapshot() {
+          return { ..._currentTokens };
+        }
+      };
+    }
+    function setToken2(name, value) {
+      _currentTokens = { ..._currentTokens, [name]: value };
+      if (typeof document !== "undefined") {
+        document.documentElement.style.setProperty(tokenVar2(name), value);
+      }
+      notifySubscribers();
+    }
+    function setTokens2(tokens) {
+      _currentTokens = { ..._currentTokens, ...tokens };
+      if (typeof document !== "undefined") {
+        const root = document.documentElement;
+        for (const [name, value] of Object.entries(tokens)) {
+          root.style.setProperty(tokenVar2(name), value);
+        }
+      }
+      notifySubscribers();
+    }
+    function applyTokenSet2(tokens) {
+      if (typeof document !== "undefined") {
+        const root = document.documentElement;
+        for (const name of Object.keys(_currentTokens)) {
+          if (!(name in tokens)) {
+            root.style.removeProperty(tokenVar2(name));
+          }
+        }
+      }
+      _currentTokens = { ...tokens };
+      syncStyleEl();
+      notifySubscribers();
+    }
+    function getToken2(name) {
+      return _currentTokens[name];
+    }
+    function getTokens2() {
+      return { ..._currentTokens };
+    }
+    function subscribeTokens2(fn) {
+      _subscribers.add(fn);
+      return () => {
+        _subscribers.delete(fn);
+      };
+    }
+    function generateTokenCssString2() {
+      return buildRootCss(_currentTokens);
+    }
+    function createUseTokens2() {
+      return function useTokens() {
+        const [tokens, setTokensState] = React__default.default.useState({ ..._currentTokens });
+        React__default.default.useEffect(() => {
+          setTokensState({ ..._currentTokens });
+          return subscribeTokens2((nextTokens) => setTokensState({ ...nextTokens }));
+        }, []);
+        return tokens;
+      };
+    }
+    var liveTokenEngine2 = {
+      getToken: getToken2,
+      getTokens: getTokens2,
+      setToken: setToken2,
+      applyTokenSet: applyTokenSet2,
+      subscribeTokens: subscribeTokens2,
+      subscribe: subscribeTokens2
+    };
+    globalThis.__TW_TOKEN_ENGINE__ = liveTokenEngine2;
+    if (typeof window !== "undefined") {
+      window.__TW_TOKEN_ENGINE__ = liveTokenEngine2;
+    }
+    var _binding;
+    function getNativeThemeBinding() {
+      if (_binding !== void 0) return _binding;
+      if (process.env.TWS_NO_NATIVE === "1" || process.env.TWS_NO_RUST === "1") {
+        return _binding = null;
+      }
+      const runtimeDir = typeof __dirname === "string" ? __dirname : process.cwd();
+      const req = typeof __require2 === "function" ? __require2 : module$1.createRequire(path__default.default.join(runtimeDir, "noop.cjs"));
+      const candidates = [
+        path__default.default.resolve(process.cwd(), "native", "tailwind_styled_parser.node"),
+        path__default.default.resolve(runtimeDir, "..", "..", "..", "native", "tailwind_styled_parser.node")
+      ];
+      for (const c of candidates) {
+        try {
+          const mod = req(c);
+          if (mod?.compileTheme) return _binding = mod;
+        } catch {
+        }
+      }
+      return _binding = null;
+    }
+    function defineThemeContract(shape) {
+      const vars = {};
+      for (const group in shape) {
+        vars[group] = {};
+        for (const token in shape[group]) {
+          vars[group][token] = `var(--${group}-${token})`;
+        }
+      }
+      return { _contract: shape, _vars: vars };
+    }
+    function createTheme(contract, name, values, asRoot = false) {
+      const native = getNativeThemeBinding();
+      if (native?.compileTheme) {
+        const result = native.compileTheme(JSON.stringify(values), asRoot ? "light" : name, "");
+        if (result) {
+          const flatVars2 = {};
+          for (const token of result.tokens) {
+            flatVars2[token.cssVar] = token.value;
+          }
+          return { name, contract, values, css: result.css, vars: flatVars2, selector: result.selector };
+        }
+      }
+      const flatVars = {};
+      const cssLines = [];
+      for (const group in values) {
+        for (const token in values[group]) {
+          const varName = `--${group}-${token}`;
+          const value = values[group][token];
+          flatVars[varName] = value;
+          cssLines.push(`  ${varName}: ${value};`);
+        }
+      }
+      const selector = asRoot ? ":root" : `[data-theme="${name}"]`;
+      const css = `${selector} {
+${cssLines.join("\n")}
+}`;
+      return { name, contract, values, css, vars: flatVars, selector };
+    }
+    var ThemeRegistry = class {
+      constructor() {
+        this.themes = /* @__PURE__ */ new Map();
+        this.defaultTheme = null;
+      }
+      /** Register a theme */
+      register(theme, isDefault = false) {
+        this.themes.set(theme.name, theme);
+        if (isDefault || !this.defaultTheme) {
+          this.defaultTheme = theme.name;
+        }
+        return this;
+      }
+      /** Get a theme by name */
+      get(name) {
+        return this.themes.get(name);
+      }
+      /** Get all theme names */
+      names() {
+        return Array.from(this.themes.keys());
+      }
+      /**
+       * Generate combined CSS for all themes.
+       * Inject into <head> or a .css file.
+       *
+       * @example
+       * // In globals.css or layout.tsx
+       * const css = registry.generateCss()
+       */
+      generateCss() {
+        return Array.from(this.themes.values()).map((t) => t.css).join("\n\n");
+      }
+      /**
+       * Get the CSS for a specific theme only.
+       */
+      getThemeCss(name) {
+        return this.themes.get(name)?.css ?? null;
+      }
+      /**
+       * Inject all theme CSS into document <head> (browser only).
+       * Call once on app init.
+       */
+      inject(styleId = "__tw_themes") {
+        if (typeof document === "undefined") return;
+        let style = document.getElementById(styleId);
+        if (!style) {
+          style = document.createElement("style");
+          style.id = styleId;
+          document.head.appendChild(style);
+        }
+        style.textContent = this.generateCss();
+      }
+      /**
+       * Switch active theme by setting data-theme on <html>.
+       */
+      apply(name, target = document.documentElement) {
+        if (typeof document === "undefined") return;
+        if (!this.themes.has(name)) {
+          console.warn(`[tailwind-styled-v4] Theme "${name}" not registered.`);
+          return;
+        }
+        target.dataset.theme = name;
+      }
+      /**
+       * Get current active theme name from data-theme attribute.
+       */
+      current(target = document.documentElement) {
+        if (typeof document === "undefined") return this.defaultTheme;
+        return target.dataset.theme ?? this.defaultTheme;
+      }
+    };
+    function createMultiTheme(config) {
+      const registry = new ThemeRegistry();
+      const light = createTheme(config.contract, "light", config.light, true);
+      const dark = createTheme(config.contract, "dark", config.dark, false);
+      registry.register(light, true);
+      registry.register(dark);
+      for (const [name, values] of Object.entries(config.extras ?? {})) {
+        registry.register(createTheme(config.contract, name, values));
+      }
+      return {
+        registry,
+        vars: config.contract._vars,
+        light,
+        dark
+      };
+    }
+    function compileDesignTokens(tokens, prefix = "") {
+      const native = getNativeThemeBinding();
+      if (native?.compileTheme) {
+        const result = native.compileTheme(JSON.stringify(tokens), "default", prefix);
+        if (result) return result.css;
+      }
+      const vars = [];
+      function flatten(obj, path2) {
+        for (const [key, value] of Object.entries(obj)) {
+          const varPath = path2 ? `${path2}-${key}` : key;
+          if (typeof value === "string") {
+            vars.push(`  --${varPath}: ${value};`);
+          } else {
+            flatten(value, varPath);
+          }
+        }
+      }
+      flatten(tokens, prefix);
+      return `:root {
+${vars.join("\n")}
+}`;
+    }
+    exports$1.ThemeRegistry = ThemeRegistry;
+    exports$1.applyTokenSet = applyTokenSet2;
+    exports$1.compileDesignTokens = compileDesignTokens;
+    exports$1.createMultiTheme = createMultiTheme;
+    exports$1.createTheme = createTheme;
+    exports$1.createUseTokens = createUseTokens2;
+    exports$1.defineThemeContract = defineThemeContract;
+    exports$1.generateTokenCssString = generateTokenCssString2;
+    exports$1.getToken = getToken2;
+    exports$1.getTokens = getTokens2;
+    exports$1.liveToken = liveToken2;
+    exports$1.liveTokenEngine = liveTokenEngine2;
+    exports$1.setToken = setToken2;
+    exports$1.setTokens = setTokens2;
+    exports$1.subscribeTokens = subscribeTokens2;
+    exports$1.tokenRef = tokenRef2;
+    exports$1.tokenVar = tokenVar2;
+  }
+});
+
+// packages/runtime/src/index.ts
+var import_theme = __toESM(require_theme());
+function cx(...inputs) {
+  const out = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      out.push(input);
+    } else if (typeof input === "number") {
+      out.push(String(input));
+    } else if (Array.isArray(input)) {
+      const nested = cx(...input);
+      if (nested) out.push(nested);
+    }
+  }
+  return out.join(" ");
+}
+function createComponent(tag, baseClass, subComponents, conditionals) {
+  const Base = React.forwardRef(function TwBase(props, ref) {
+    const extra = [];
+    if (conditionals) {
+      for (const [prop, cls] of Object.entries(conditionals)) {
+        if (props[prop]) extra.push(cls);
+      }
+    }
+    const clean = {};
+    const stripKeys = /* @__PURE__ */ new Set([
+      "className",
+      ...conditionals ? Object.keys(conditionals) : [],
+      ...subComponents ? Object.keys(subComponents) : []
+    ]);
+    for (const [k, v] of Object.entries(props)) {
+      if (!stripKeys.has(k)) clean[k] = v;
+    }
+    const className = cx(baseClass, ...extra, props.className ?? "");
+    return React.createElement(tag, { ...clean, ref, className: className || void 0 });
+  });
+  Base.displayName = "tw." + String(tag);
+  if (subComponents) {
+    for (const [subName, def] of Object.entries(subComponents)) {
+      const subTag = def.tag ?? "span";
+      const subClass = def.class;
+      const SubComp = React.forwardRef(function TwSub(props, ref) {
+        const className = cx(subClass, props.className ?? "");
+        const clean = { ...props };
+        delete clean.className;
+        return React.createElement(subTag, { ...clean, ref, className: className || void 0 });
+      });
+      SubComp.displayName = "tw." + String(tag) + "." + String(subName);
+      Base[subName] = SubComp;
+    }
+  }
+  return Base;
+}
+var export_applyTokenSet = import_theme.applyTokenSet;
+var export_createUseTokens = import_theme.createUseTokens;
+var export_generateTokenCssString = import_theme.generateTokenCssString;
+var export_getToken = import_theme.getToken;
+var export_getTokens = import_theme.getTokens;
+var export_liveToken = import_theme.liveToken;
+var export_liveTokenEngine = import_theme.liveTokenEngine;
+var export_setToken = import_theme.setToken;
+var export_setTokens = import_theme.setTokens;
+var export_subscribeTokens = import_theme.subscribeTokens;
+var export_tokenRef = import_theme.tokenRef;
+var export_tokenVar = import_theme.tokenVar;
+
+export { export_applyTokenSet as applyTokenSet, createComponent, export_createUseTokens as createUseTokens, cx, export_generateTokenCssString as generateTokenCssString, export_getToken as getToken, export_getTokens as getTokens, export_liveToken as liveToken, export_liveTokenEngine as liveTokenEngine, export_setToken as setToken, export_setTokens as setTokens, export_subscribeTokens as subscribeTokens, export_tokenRef as tokenRef, export_tokenVar as tokenVar };
+//# sourceMappingURL=runtime.mjs.map
+//# sourceMappingURL=runtime.mjs.map

package/dist/runtime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/theme/src/liveTokenEngine.ts","../packages/theme/src/native-bridge.ts","../packages/theme/src/index.ts","../packages/runtime/src/index.ts"],"names":["tokenVar","tokenRef","liveToken","setToken","setTokens","applyTokenSet","getToken","getTokens","subscribeTokens","generateTokenCssString","createUseTokens","React","liveTokenEngine","__require","createRequire","path","flatVars"],"mappings":"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","file":"runtime.mjs","sourcesContent":["import React from \"react\"\n\nexport type TokenMap = Record<string, string>\nexport type TokenSubscriber = (tokens: TokenMap) => void\n\nexport interface LiveTokenSet {\n  vars: Record<string, string>\n  get(name: string): string | undefined\n  set(name: string, value: string): void\n  setAll(tokens: TokenMap): void\n  snapshot(): TokenMap\n}\n\nexport interface LiveTokenEngineBridge {\n  getToken(name: string): string | undefined\n  getTokens(): TokenMap\n  setToken(name: string, value: string): void\n  applyTokenSet(tokens: TokenMap): void\n  subscribeTokens(fn: TokenSubscriber): () => void\n  subscribe?(fn: TokenSubscriber): () => void\n}\n\ndeclare global {\n  var __TW_TOKEN_ENGINE__: LiveTokenEngineBridge | undefined\n}\n\nlet _currentTokens: TokenMap = {}\nconst _subscribers = new Set<TokenSubscriber>()\nlet _styleEl: HTMLStyleElement | null = null\n\nexport function tokenVar(name: string): string {\n  const normalized = name.replace(/[^a-zA-Z0-9-]/g, \"-\").toLowerCase()\n  return `--tw-token-${normalized}`\n}\n\nexport function tokenRef(name: string): string {\n  return `var(${tokenVar(name)})`\n}\n\nfunction buildRootCss(tokens: TokenMap): string {\n  const vars = Object.entries(tokens)\n    .map(([name, value]) => `  ${tokenVar(name)}: ${value};`)\n    .join(\"\\n\")\n  return `:root {\\n${vars}\\n}`\n}\n\nfunction syncStyleEl(): void {\n  if (typeof document === \"undefined\") return\n\n  if (!_styleEl) {\n    _styleEl = document.createElement(\"style\")\n    _styleEl.id = \"tw-live-tokens\"\n    _styleEl.setAttribute(\"data-tw-tokens\", \"true\")\n    document.head.appendChild(_styleEl)\n  }\n\n  _styleEl.textContent = buildRootCss(_currentTokens)\n}\n\nfunction notifySubscribers(): void {\n  const snapshot = { ..._currentTokens }\n  for (const subscriber of _subscribers) {\n    try {\n      subscriber(snapshot)\n    } catch {\n      // intentionally ignore subscriber errors\n    }\n  }\n}\n\nexport function liveToken(tokens: TokenMap): LiveTokenSet {\n  _currentTokens = { ..._currentTokens, ...tokens }\n  syncStyleEl()\n  notifySubscribers()\n\n  const vars: Record<string, string> = {}\n  for (const name of Object.keys(tokens)) {\n    vars[name] = tokenRef(name)\n  }\n\n  return {\n    vars,\n    get(name) {\n      return _currentTokens[name]\n    },\n    set(name, value) {\n      setToken(name, value)\n    },\n    setAll(nextTokens) {\n      setTokens(nextTokens)\n    },\n    snapshot() {\n      return { ..._currentTokens }\n    },\n  }\n}\n\nexport function setToken(name: string, value: string): void {\n  _currentTokens = { ..._currentTokens, [name]: value }\n\n  if (typeof document !== \"undefined\") {\n    document.documentElement.style.setProperty(tokenVar(name), value)\n  }\n\n  notifySubscribers()\n}\n\nexport function setTokens(tokens: TokenMap): void {\n  _currentTokens = { ..._currentTokens, ...tokens }\n\n  if (typeof document !== \"undefined\") {\n    const root = document.documentElement\n    for (const [name, value] of Object.entries(tokens)) {\n      root.style.setProperty(tokenVar(name), value)\n    }\n  }\n\n  notifySubscribers()\n}\n\nexport function applyTokenSet(tokens: TokenMap): void {\n  if (typeof document !== \"undefined\") {\n    const root = document.documentElement\n    for (const name of Object.keys(_currentTokens)) {\n      if (!(name in tokens)) {\n        root.style.removeProperty(tokenVar(name))\n      }\n    }\n  }\n\n  _currentTokens = { ...tokens }\n  syncStyleEl()\n  notifySubscribers()\n}\n\nexport function getToken(name: string): string | undefined {\n  return _currentTokens[name]\n}\n\nexport function getTokens(): TokenMap {\n  return { ..._currentTokens }\n}\n\nexport function subscribeTokens(fn: TokenSubscriber): () => void {\n  _subscribers.add(fn)\n  return () => {\n    _subscribers.delete(fn)\n  }\n}\n\nexport function generateTokenCssString(): string {\n  return buildRootCss(_currentTokens)\n}\n\nexport function createUseTokens() {\n  return function useTokens(): TokenMap {\n    const [tokens, setTokensState] = React.useState<TokenMap>({ ..._currentTokens })\n\n    React.useEffect(() => {\n      setTokensState({ ..._currentTokens })\n      return subscribeTokens((nextTokens) => setTokensState({ ...nextTokens }))\n    }, [])\n\n    return tokens\n  }\n}\n\nexport const liveTokenEngine: LiveTokenEngineBridge = {\n  getToken,\n  getTokens,\n  setToken,\n  applyTokenSet,\n  subscribeTokens,\n  subscribe: subscribeTokens,\n}\n\nglobalThis.__TW_TOKEN_ENGINE__ = liveTokenEngine\nif (typeof window !== \"undefined\") {\n  ;(window as any).__TW_TOKEN_ENGINE__ = liveTokenEngine\n}\n","/**\n * Theme — Rust native bridge\n */\nimport { createRequire } from \"node:module\"\nimport path from \"node:path\"\n\ninterface NativeThemeBinding {\n  compileTheme?: (\n    tokensJson: string,\n    themeName: string,\n    prefix: string\n  ) => {\n    name: string\n    selector: string\n    css: string\n    tokens: Array<{ key: string; cssVar: string; value: string }>\n  } | null\n  extractCssVars?: (source: string) => string[] | null\n}\n\nlet _binding: NativeThemeBinding | null | undefined\n\nexport function getNativeThemeBinding(): NativeThemeBinding | null {\n  if (_binding !== undefined) return _binding\n  if (process.env.TWS_NO_NATIVE === \"1\" || process.env.TWS_NO_RUST === \"1\") {\n    return (_binding = null)\n  }\n  const runtimeDir = typeof __dirname === \"string\" ? __dirname : process.cwd()\n  const req =\n    typeof require === \"function\" ? require : createRequire(path.join(runtimeDir, \"noop.cjs\"))\n  const candidates = [\n    path.resolve(process.cwd(), \"native\", \"tailwind_styled_parser.node\"),\n    path.resolve(runtimeDir, \"..\", \"..\", \"..\", \"native\", \"tailwind_styled_parser.node\"),\n  ]\n  for (const c of candidates) {\n    try {\n      const mod = req(c) as NativeThemeBinding\n      if (mod?.compileTheme) return (_binding = mod)\n    } catch {\n      /* next */\n    }\n  }\n  return (_binding = null)\n}\n","/**\n * tailwind-styled-v5 — Multi-Theme Engine + Live Token Engine\n *\n * Enterprise-grade theming. Support light/dark/brand themes dengan\n * CSS variables. Zero runtime overhead — themes di-resolve via CSS.\n *\n * Live token engine provides runtime token state management with\n * CSS variable sync to document root.\n *\n * Fitur:\n *  - Multiple named themes (light, dark, brand, high-contrast)\n *  - CSS variable output (Tailwind v4 compatible)\n *  - Theme contract (TypeScript-safe — missing tokens = TS error)\n *  - Per-component theme override\n *  - White-label ready\n *  - Live token engine (runtime token state + CSS sync)\n *\n * @example\n *   // 1. Define contract\n *   const contract = defineThemeContract({\n *     colors: { bg: \"\", fg: \"\", primary: \"\", muted: \"\" },\n *     font:   { sans: \"\", mono: \"\" },\n *   })\n *\n *   // 2. Create themes\n *   const lightTheme = createTheme(contract, \"light\", {\n *     colors: { bg: \"#ffffff\", fg: \"#09090b\", primary: \"#3b82f6\", muted: \"#71717a\" },\n *     font:   { sans: \"InterVariable, sans-serif\", mono: \"JetBrains Mono, monospace\" },\n *   })\n *\n *   const darkTheme = createTheme(contract, \"dark\", {\n *     colors: { bg: \"#09090b\", fg: \"#fafafa\", primary: \"#60a5fa\", muted: \"#a1a1aa\" },\n *     font:   { sans: \"InterVariable, sans-serif\", mono: \"JetBrains Mono, monospace\" },\n *   })\n *\n *   // 3. Use tokens in components\n *   const Card = tw.div`bg-[var(--colors-bg)] text-[var(--colors-fg)] p-6`\n *\n *   // 4. Apply in layout\n *   // <html data-theme=\"dark\"> or inject CSS\n */\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Live Token Engine exports\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type {\n  LiveTokenEngineBridge,\n  LiveTokenSet,\n  TokenMap,\n  TokenSubscriber,\n} from \"./liveTokenEngine\"\nexport {\n  applyTokenSet,\n  createUseTokens,\n  generateTokenCssString,\n  getToken,\n  getTokens,\n  liveToken,\n  liveTokenEngine,\n  setToken,\n  setTokens,\n  subscribeTokens,\n  tokenRef,\n  tokenVar,\n} from \"./liveTokenEngine\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Theme types\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport { getNativeThemeBinding } from \"./native-bridge\"\n\n// ThemeTokenMap untuk theming (grouped tokens seperti { colors: { bg: \"#fff\" } })\nexport type ThemeTokenMap = Record<string, Record<string, string>>\n\nexport interface ThemeContract<T extends ThemeTokenMap> {\n  _contract: T\n  _vars: ThemeVars<T>\n}\n\nexport type ThemeVars<T extends ThemeTokenMap> = {\n  [Group in keyof T]: {\n    [Token in keyof T[Group]]: string // \"var(--group-token)\"\n  }\n}\n\nexport interface Theme<T extends ThemeTokenMap> {\n  name: string\n  contract: ThemeContract<T>\n  values: T\n  /** CSS string to inject (`:root` or `[data-theme=\"name\"]`) */\n  css: string\n  /** CSS variables as a flat record */\n  vars: Record<string, string>\n  /** Apply this theme to an element via data attribute */\n  selector: string\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// defineThemeContract\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Define the shape of your theme. All themes must satisfy this contract.\n * Returns typed CSS variable references for use in tw components.\n *\n * @example\n * const contract = defineThemeContract({\n *   colors: { bg: \"\", fg: \"\", primary: \"\" },\n *   font: { sans: \"\" },\n * })\n *\n * // Use in components:\n * const Card = tw.div`bg-[${contract._vars.colors.bg}]`\n * // → tw.div`bg-[var(--colors-bg)]`\n */\nexport function defineThemeContract<T extends ThemeTokenMap>(shape: T): ThemeContract<T> {\n  const vars = {} as ThemeVars<T>\n\n  for (const group in shape) {\n    ;(vars as any)[group] = {}\n    for (const token in shape[group]) {\n      ;(vars as any)[group][token] = `var(--${group}-${token})`\n    }\n  }\n\n  return { _contract: shape, _vars: vars }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// createTheme\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Create a typed theme that satisfies a contract.\n *\n * @param contract - Theme contract from defineThemeContract()\n * @param name - Theme name (\"light\", \"dark\", \"brand\", etc.)\n * @param values - Token values (TypeScript enforces completeness)\n * @param asRoot - If true, use :root selector. Default: false (uses [data-theme])\n */\nexport function createTheme<T extends ThemeTokenMap>(\n  contract: ThemeContract<T>,\n  name: string,\n  values: T,\n  asRoot = false\n): Theme<T> {\n  // ── Rust fast-path ─────────────────────────────────────────────────────────\n  const native = getNativeThemeBinding()\n  if (native?.compileTheme) {\n    const result = native.compileTheme(JSON.stringify(values), asRoot ? \"light\" : name, \"\")\n    if (result) {\n      const flatVars: Record<string, string> = {}\n      for (const token of result.tokens) {\n        flatVars[token.cssVar] = token.value\n      }\n      return { name, contract, values, css: result.css, vars: flatVars, selector: result.selector }\n    }\n  }\n\n  // ── JS fallback ────────────────────────────────────────────────────────────\n  const flatVars: Record<string, string> = {}\n  const cssLines: string[] = []\n\n  for (const group in values) {\n    for (const token in values[group]) {\n      const varName = `--${group}-${token}`\n      const value = values[group][token]\n      flatVars[varName] = value\n      cssLines.push(`  ${varName}: ${value};`)\n    }\n  }\n\n  const selector = asRoot ? \":root\" : `[data-theme=\"${name}\"]`\n  const css = `${selector} {\\n${cssLines.join(\"\\n\")}\\n}`\n\n  return { name, contract, values, css, vars: flatVars, selector }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// ThemeRegistry — manage multiple themes\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport class ThemeRegistry {\n  private themes = new Map<string, Theme<any>>()\n  private defaultTheme: string | null = null\n\n  /** Register a theme */\n  register<T extends ThemeTokenMap>(theme: Theme<T>, isDefault = false): this {\n    this.themes.set(theme.name, theme)\n    if (isDefault || !this.defaultTheme) {\n      this.defaultTheme = theme.name\n    }\n    return this\n  }\n\n  /** Get a theme by name */\n  get(name: string): Theme<any> | undefined {\n    return this.themes.get(name)\n  }\n\n  /** Get all theme names */\n  names(): string[] {\n    return Array.from(this.themes.keys())\n  }\n\n  /**\n   * Generate combined CSS for all themes.\n   * Inject into <head> or a .css file.\n   *\n   * @example\n   * // In globals.css or layout.tsx\n   * const css = registry.generateCss()\n   */\n  generateCss(): string {\n    return Array.from(this.themes.values())\n      .map((t) => t.css)\n      .join(\"\\n\\n\")\n  }\n\n  /**\n   * Get the CSS for a specific theme only.\n   */\n  getThemeCss(name: string): string | null {\n    return this.themes.get(name)?.css ?? null\n  }\n\n  /**\n   * Inject all theme CSS into document <head> (browser only).\n   * Call once on app init.\n   */\n  inject(styleId = \"__tw_themes\"): void {\n    if (typeof document === \"undefined\") return\n\n    let style = document.getElementById(styleId) as HTMLStyleElement | null\n    if (!style) {\n      style = document.createElement(\"style\")\n      style.id = styleId\n      document.head.appendChild(style)\n    }\n    style.textContent = this.generateCss()\n  }\n\n  /**\n   * Switch active theme by setting data-theme on <html>.\n   */\n  apply(name: string, target: HTMLElement = document.documentElement): void {\n    if (typeof document === \"undefined\") return\n    if (!this.themes.has(name)) {\n      console.warn(`[tailwind-styled-v4] Theme \"${name}\" not registered.`)\n      return\n    }\n    target.dataset.theme = name\n  }\n\n  /**\n   * Get current active theme name from data-theme attribute.\n   */\n  current(target: HTMLElement = document.documentElement): string | null {\n    if (typeof document === \"undefined\") return this.defaultTheme\n    return target.dataset.theme ?? this.defaultTheme\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Convenience: createMultiTheme — shorthand for common light/dark setup\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface MultiThemeConfig<T extends ThemeTokenMap> {\n  contract: ThemeContract<T>\n  light: T\n  dark: T\n  /** Additional named themes (brand, high-contrast, etc.) */\n  extras?: Record<string, T>\n}\n\n/**\n * Create a ThemeRegistry with light/dark + optional extras in one call.\n *\n * @example\n * const { registry, vars } = createMultiTheme({\n *   contract: defineThemeContract({\n *     colors: { bg: \"\", fg: \"\", primary: \"\", border: \"\" }\n *   }),\n *   light: {\n *     colors: { bg: \"#fff\", fg: \"#09090b\", primary: \"#3b82f6\", border: \"#e5e7eb\" }\n *   },\n *   dark: {\n *     colors: { bg: \"#09090b\", fg: \"#fafafa\", primary: \"#60a5fa\", border: \"#27272a\" }\n *   },\n * })\n *\n * // Inject CSS:\n * registry.inject()\n *\n * // Use tokens in components:\n * const Card = tw.div`bg-[${vars.colors.bg}] text-[${vars.colors.fg}]`\n */\nexport function createMultiTheme<T extends ThemeTokenMap>(\n  config: MultiThemeConfig<T>\n): {\n  registry: ThemeRegistry\n  vars: ThemeVars<T>\n  light: Theme<T>\n  dark: Theme<T>\n} {\n  const registry = new ThemeRegistry()\n\n  const light = createTheme(config.contract, \"light\", config.light, true) // :root\n  const dark = createTheme(config.contract, \"dark\", config.dark, false)\n\n  registry.register(light, true)\n  registry.register(dark)\n\n  for (const [name, values] of Object.entries(config.extras ?? {})) {\n    registry.register(createTheme(config.contract, name, values as T))\n  }\n\n  return {\n    registry,\n    vars: config.contract._vars,\n    light,\n    dark,\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Design Token Compiler — generate CSS vars from token object\n// (Enterprise feature: sync with Figma variables)\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface DesignTokens {\n  [path: string]: string | DesignTokens\n}\n\n/**\n * Flatten nested design token object into CSS variables.\n * Supports Figma-style nested tokens.\n *\n * @example\n * compileDesignTokens({\n *   color: {\n *     brand: { primary: \"#3b82f6\", secondary: \"#6366f1\" },\n *     neutral: { 50: \"#fafafa\", 900: \"#09090b\" }\n *   },\n *   spacing: { base: \"4px\", lg: \"16px\" }\n * })\n * →\n * :root {\n *   --color-brand-primary: #3b82f6;\n *   --color-brand-secondary: #6366f1;\n *   --color-neutral-50: #fafafa;\n *   --color-neutral-900: #09090b;\n *   --spacing-base: 4px;\n *   --spacing-lg: 16px;\n * }\n */\nexport function compileDesignTokens(tokens: DesignTokens, prefix = \"\"): string {\n  // ── Rust fast-path ─────────────────────────────────────────────────────────\n  const native = getNativeThemeBinding()\n  if (native?.compileTheme) {\n    const result = native.compileTheme(JSON.stringify(tokens), \"default\", prefix)\n    if (result) return result.css\n  }\n\n  // ── JS fallback ────────────────────────────────────────────────────────────\n  const vars: string[] = []\n\n  function flatten(obj: DesignTokens, path: string) {\n    for (const [key, value] of Object.entries(obj)) {\n      const varPath = path ? `${path}-${key}` : key\n      if (typeof value === \"string\") {\n        vars.push(`  --${varPath}: ${value};`)\n      } else {\n        flatten(value as DesignTokens, varPath)\n      }\n    }\n  }\n\n  flatten(tokens, prefix)\n  return `:root {\\n${vars.join(\"\\n\")}\\n}`\n}\n","/**\n * @tailwind-styled/runtime v5\n *\n * Lightweight runtime helpers for compiled tailwind-styled-v5 components.\n * Live token engine has been moved to @tailwind-styled/theme package.\n */\n\nimport React from \"react\"\n\n// Re-export live token engine from @tailwind-styled/theme\nexport type {\n  LiveTokenEngineBridge,\n  LiveTokenSet,\n  TokenMap,\n  TokenSubscriber,\n} from \"@tailwind-styled/theme\"\nexport {\n  applyTokenSet,\n  createUseTokens,\n  generateTokenCssString,\n  getToken,\n  getTokens,\n  liveToken,\n  liveTokenEngine,\n  setToken,\n  setTokens,\n  subscribeTokens,\n  tokenRef,\n  tokenVar,\n} from \"@tailwind-styled/theme\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface SubComponentDef {\n  /** HTML tag to render (default: \"span\") */\n  tag?: string\n  /** Scoped CSS class generated by Rust, e.g. \"Button_icon_abc123\" */\n  class: string\n}\n\nexport type SubComponentMap = Record<string, SubComponentDef>\n\n/**\n * Map of prop name → CSS class appended when the prop is truthy.\n * e.g. { fullWidth: \"w-full\", large: \"text-lg px-6 py-3\" }\n */\nexport type ConditionalProps = Record<string, string>\n\n/**\n * A compound styled component: base ForwardRef + attached .SubName properties.\n * The generic params are intentionally loose so callers don't need to repeat them.\n */\nexport type StyledComponent<S extends SubComponentMap = SubComponentMap> =\n  React.ForwardRefExoticComponent<\n    React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>\n  > & {\n    [K in keyof S]: React.ForwardRefExoticComponent<\n      React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>\n    >\n  }\n\n/** Metadata for one compound component produced by Rust. */\nexport interface ComponentMetadata {\n  component: string\n  tag: string\n  baseClass: string\n  subComponents: SubComponentMap\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// cx — tiny className utility (no external dependency)\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype ClassInput = string | number | false | null | undefined | ClassInput[]\n\nexport function cx(...inputs: ClassInput[]): string {\n  const out: string[] = []\n  for (const input of inputs) {\n    if (!input) continue // filters 0, false, null, undefined, \"\"\n    if (typeof input === \"string\") {\n      out.push(input)\n    } else if (typeof input === \"number\") {\n      out.push(String(input))\n    } else if (Array.isArray(input)) {\n      const nested = cx(...input)\n      if (nested) out.push(nested)\n    }\n  }\n  return out.join(\" \")\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// createComponent\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Build a compound styled React component from Rust-generated metadata.\n *\n * @param tag           HTML element tag, e.g. \"button\" | \"div\"\n * @param baseClass     Scoped base class from Rust, e.g. \"Button_abc123\"\n * @param subComponents Map of subcomponent definitions (optional)\n * @param conditionals  Map of prop name → CSS class (optional)\n *\n * @example\n * // Injected automatically by the compiler — do not call manually\n * const Button = createComponent(\"button\", \"Button_abc123\", {\n *   icon: { tag: \"span\", class: \"Button_icon_abc123\" },\n *   text: { tag: \"span\", class: \"Button_text_abc123\" },\n * }, { fullWidth: \"w-full\" })\n *\n * // Usage in JSX:\n * <Button fullWidth>\n *   <Button.icon>🔍</Button.icon>\n *   <Button.text>Search</Button.text>\n * </Button>\n */\nexport function createComponent<S extends SubComponentMap = SubComponentMap>(\n  tag: string,\n  baseClass: string,\n  subComponents?: S,\n  conditionals?: ConditionalProps\n): StyledComponent<S> {\n  type Props = React.HTMLAttributes<HTMLElement> &\n    React.RefAttributes<HTMLElement> &\n    Record<string, unknown>\n\n  // ── Base component ─────────────────────────────────────────────────────────\n  const Base = React.forwardRef<HTMLElement, Props>(function TwBase(props, ref) {\n    const extra: string[] = []\n\n    // Collect conditional classes\n    if (conditionals) {\n      for (const [prop, cls] of Object.entries(conditionals)) {\n        if (props[prop]) extra.push(cls)\n      }\n    }\n\n    // Build clean props — strip conditional + subcomponent boolean props\n    const clean: Record<string, unknown> = {}\n    const stripKeys = new Set([\n      \"className\",\n      ...(conditionals ? Object.keys(conditionals) : []),\n      ...(subComponents ? Object.keys(subComponents) : []),\n    ])\n    for (const [k, v] of Object.entries(props)) {\n      if (!stripKeys.has(k)) clean[k] = v\n    }\n\n    const className = cx(baseClass, ...extra, (props.className as string) ?? \"\")\n\n    return React.createElement(tag, { ...clean, ref, className: className || undefined })\n  })\n\n  ;(Base as { displayName?: string }).displayName = \"tw.\" + String(tag)\n\n  // ── Attach subcomponent properties ────────────────────────────────────────\n  if (subComponents) {\n    for (const [subName, def] of Object.entries(subComponents)) {\n      const subTag = def.tag ?? \"span\"\n      const subClass = def.class\n\n      const SubComp = React.forwardRef<HTMLElement, Props>(function TwSub(props, ref) {\n        const className = cx(subClass, (props.className as string) ?? \"\")\n        const clean: Record<string, unknown> = { ...props }\n        delete clean.className\n        return React.createElement(subTag, { ...clean, ref, className: className || undefined })\n      })\n\n      ;(SubComp as { displayName?: string }).displayName =\n        \"tw.\" + String(tag) + \".\" + String(subName)\n\n      ;(Base as unknown as Record<string, unknown>)[subName] = SubComp\n    }\n  }\n\n  return Base as unknown as StyledComponent<S>\n}\n"]}

package/dist/runtimeCss.d.mts

@@ -0,0 +1,65 @@
+import React from 'react';
+
+interface CssInjectorProps {
+    /** Override CSS directory. Default: .next/static/css/tw */
+    cssDir?: string;
+    /** Specific route to inject. Default: auto-detect dari headers */
+    route?: string;
+    /** Inject global CSS juga. Default: true */
+    includeGlobal?: boolean;
+    /** Minify inline CSS. Default: true */
+    minify?: boolean;
+    /** Add <link> tag instead of inline <style> untuk cached CSS */
+    asLink?: boolean;
+    /** Override manifest path for dev mode */
+    manifestPath?: string;
+}
+/**
+ * Server Component — inject route-specific CSS into <head>.
+ * No client JS, no hydration overhead.
+ */
+declare function TwCssInjector(props?: CssInjectorProps): Promise<React.ReactElement>;
+/**
+ * Lightweight hook to get current route's CSS classes.
+ * Useful for dynamic class injection in client components.
+ *
+ * Returns empty string on server (SSR) — CSS already injected by TwCssInjector.
+ */
+declare function useTwClasses(classes: string): string;
+
+/**
+ * Queue a CSS rule for batched injection.
+ * Multiple rules accumulated during one event loop tick are flushed together
+ * in one requestAnimationFrame → one style recalculation.
+ */
+declare function batchedInject(cssRule: string): void;
+/**
+ * Immediately flush all pending CSS rules to the DOM.
+ * Called automatically by RAF each frame. Can also be called manually
+ * after synchronous component setup where RAF timing is too late.
+ */
+declare function flushBatchedCss(): void;
+/**
+ * Synchronous inject — skips batching.
+ * Use for SSR / critical path where RAF is not available.
+ */
+declare function syncInject(cssRule: string): void;
+/**
+ * Check if a rule has already been injected (deduplication check).
+ */
+declare function isInjected(cssRule: string): boolean;
+/**
+ * Clear all injected rules and remove the style element.
+ * Useful for testing / SSR resets. Not for production use.
+ */
+declare function resetBatchedCss(): void;
+/**
+ * Get stats about the current injection state (for devtools).
+ */
+declare function getBatchedCssStats(): {
+    totalInjected: number;
+    pendingCount: number;
+    hasBatchScheduled: boolean;
+};
+
+export { TwCssInjector, batchedInject, flushBatchedCss, getBatchedCssStats, isInjected, resetBatchedCss, syncInject, useTwClasses };

package/dist/runtimeCss.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+
+interface CssInjectorProps {
+    /** Override CSS directory. Default: .next/static/css/tw */
+    cssDir?: string;
+    /** Specific route to inject. Default: auto-detect dari headers */
+    route?: string;
+    /** Inject global CSS juga. Default: true */
+    includeGlobal?: boolean;
+    /** Minify inline CSS. Default: true */
+    minify?: boolean;
+    /** Add <link> tag instead of inline <style> untuk cached CSS */
+    asLink?: boolean;
+    /** Override manifest path for dev mode */
+    manifestPath?: string;
+}
+/**
+ * Server Component — inject route-specific CSS into <head>.
+ * No client JS, no hydration overhead.
+ */
+declare function TwCssInjector(props?: CssInjectorProps): Promise<React.ReactElement>;
+/**
+ * Lightweight hook to get current route's CSS classes.
+ * Useful for dynamic class injection in client components.
+ *
+ * Returns empty string on server (SSR) — CSS already injected by TwCssInjector.
+ */
+declare function useTwClasses(classes: string): string;
+
+/**
+ * Queue a CSS rule for batched injection.
+ * Multiple rules accumulated during one event loop tick are flushed together
+ * in one requestAnimationFrame → one style recalculation.
+ */
+declare function batchedInject(cssRule: string): void;
+/**
+ * Immediately flush all pending CSS rules to the DOM.
+ * Called automatically by RAF each frame. Can also be called manually
+ * after synchronous component setup where RAF timing is too late.
+ */
+declare function flushBatchedCss(): void;
+/**
+ * Synchronous inject — skips batching.
+ * Use for SSR / critical path where RAF is not available.
+ */
+declare function syncInject(cssRule: string): void;
+/**
+ * Check if a rule has already been injected (deduplication check).
+ */
+declare function isInjected(cssRule: string): boolean;
+/**
+ * Clear all injected rules and remove the style element.
+ * Useful for testing / SSR resets. Not for production use.
+ */
+declare function resetBatchedCss(): void;
+/**
+ * Get stats about the current injection state (for devtools).
+ */
+declare function getBatchedCssStats(): {
+    totalInjected: number;
+    pendingCount: number;
+    hasBatchScheduled: boolean;
+};
+
+export { TwCssInjector, batchedInject, flushBatchedCss, getBatchedCssStats, isInjected, resetBatchedCss, syncInject, useTwClasses };