tailwind-styled-v4 4.0.0 → 5.0.1

package/dist/testing.mjs

@@ -0,0 +1,158 @@
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+
+// packages/testing/src/index.ts
+function toHaveClass(className) {
+  return (value) => {
+    const pass = Boolean(value?.classList?.contains(className));
+    return {
+      pass,
+      message: () => `expected element ${pass ? "not " : ""}to contain class '${className}'`
+    };
+  };
+}
+function toHaveClasses(classNames) {
+  return (value) => {
+    if (!value) return { pass: false, message: () => "element is null or undefined" };
+    const missing = classNames.filter((c) => !value.classList.contains(c));
+    const pass = missing.length === 0;
+    return {
+      pass,
+      message: () => pass ? `expected element not to have all classes: ${classNames.join(", ")}` : `expected element to have classes: ${missing.join(", ")}`
+    };
+  };
+}
+function toNotHaveClass(className) {
+  return (value) => {
+    if (!value) return { pass: false, message: () => "element is null or undefined" };
+    const pass = !value.classList.contains(className);
+    return {
+      pass,
+      message: () => `expected element ${pass ? "" : "not "}to have class '${className}'`
+    };
+  };
+}
+var tailwindMatchers = { toHaveClass, toHaveClasses, toNotHaveClass };
+function expectClasses(element, classes) {
+  if (!element) throw new Error("expectClasses: element is null or undefined");
+  const missing = classes.filter((c) => !element.classList.contains(c));
+  if (missing.length > 0) {
+    throw new Error(
+      `Expected element to have classes: ${missing.join(", ")}
+  Actual classes: ${element.className}`
+    );
+  }
+}
+function expectNoClasses(element, classes) {
+  if (!element) throw new Error("expectNoClasses: element is null or undefined");
+  const found = classes.filter((c) => element.classList.contains(c));
+  if (found.length > 0) {
+    throw new Error(
+      `Expected element NOT to have classes: ${found.join(", ")}
+  Actual classes: ${element.className}`
+    );
+  }
+}
+function getClassList(element) {
+  if (!element) return [];
+  return Array.from(element.classList).sort();
+}
+function snapshotVariants(render, variants) {
+  return variants.map((variant) => ({
+    variant,
+    output: render(variant)
+  }));
+}
+function expandVariantMatrix(matrix) {
+  const keys = Object.keys(matrix);
+  if (keys.length === 0) return [{}];
+  const result = [];
+  function walk(index, current) {
+    if (index >= keys.length) {
+      result.push({ ...current });
+      return;
+    }
+    const key = keys[index];
+    for (const value of matrix[key] ?? []) {
+      current[key] = value;
+      walk(index + 1, current);
+    }
+  }
+  walk(0, {});
+  return result;
+}
+function testAllVariants(matrix, testFn) {
+  const combinations = expandVariantMatrix(matrix);
+  for (const variant of combinations) {
+    testFn(variant);
+  }
+}
+function expectClassesEqual(actual, expected) {
+  const actualSet = new Set(actual.trim().split(/\s+/).filter(Boolean));
+  const expectedSet = new Set(expected.trim().split(/\s+/).filter(Boolean));
+  const missing = [...expectedSet].filter((c) => !actualSet.has(c));
+  const extra = [...actualSet].filter((c) => !expectedSet.has(c));
+  if (missing.length > 0 || extra.length > 0) {
+    const parts = [];
+    if (missing.length > 0) parts.push(`Missing: ${missing.join(", ")}`);
+    if (extra.length > 0) parts.push(`Extra:   ${extra.join(", ")}`);
+    throw new Error(`Class mismatch:
+  ${parts.join("\n  ")}`);
+  }
+}
+function expectEngineMetrics(metrics, expectations) {
+  if (expectations.minFiles !== void 0) {
+    const actual = metrics.totalFiles ?? 0;
+    if (actual < expectations.minFiles) {
+      throw new Error(
+        `Engine metrics: expected at least ${expectations.minFiles} files, got ${actual}`
+      );
+    }
+  }
+  if (expectations.maxBuildTimeMs !== void 0) {
+    const actual = metrics.buildTimeMs ?? 0;
+    if (actual > expectations.maxBuildTimeMs) {
+      throw new Error(
+        `Engine metrics: build took ${actual}ms, expected \u2264 ${expectations.maxBuildTimeMs}ms`
+      );
+    }
+  }
+  if (expectations.minUniqueClasses !== void 0) {
+    const actual = metrics.uniqueClasses ?? 0;
+    if (actual < expectations.minUniqueClasses) {
+      throw new Error(
+        `Engine metrics: expected at least ${expectations.minUniqueClasses} unique classes, got ${actual}`
+      );
+    }
+  }
+  if (expectations.cacheHitRateMin !== void 0) {
+    const hits = metrics.cacheHits ?? 0;
+    const total = hits + (metrics.cacheMisses ?? 0);
+    const rate = total > 0 ? hits / total : 0;
+    if (rate < expectations.cacheHitRateMin) {
+      throw new Error(
+        `Engine metrics: cache hit rate ${(rate * 100).toFixed(1)}%, expected \u2265 ${(expectations.cacheHitRateMin * 100).toFixed(1)}%`
+      );
+    }
+  }
+}
+function toHaveEngineMetrics(expectations) {
+  return (metrics) => {
+    try {
+      expectEngineMetrics(metrics, expectations);
+      return { pass: true, message: () => "engine metrics matched expectations" };
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      return { pass: false, message: () => msg };
+    }
+  };
+}
+var tailwindMatchersWithMetrics = {
+  toHaveClass,
+  toHaveClasses,
+  toNotHaveClass,
+  toHaveEngineMetrics
+};
+
+export { expandVariantMatrix, expectClasses, expectClassesEqual, expectEngineMetrics, expectNoClasses, getClassList, snapshotVariants, tailwindMatchers, tailwindMatchersWithMetrics, testAllVariants, toHaveClass, toHaveClasses, toHaveEngineMetrics, toNotHaveClass };
+//# sourceMappingURL=testing.mjs.map
+//# sourceMappingURL=testing.mjs.map

package/dist/testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/testing/src/index.ts"],"names":[],"mappings":";;;AA6BO,SAAS,YAAY,SAAA,EAAmB;AAC7C,EAAA,OAAO,CAAC,KAAA,KAAmE;AACzE,IAAA,MAAM,OAAO,OAAA,CAAQ,KAAA,EAAO,SAAA,EAAW,QAAA,CAAS,SAAS,CAAC,CAAA;AAC1D,IAAA,OAAO;AAAA,MACL,IAAA;AAAA,MACA,SAAS,MAAM,CAAA,iBAAA,EAAoB,OAAO,MAAA,GAAS,EAAE,qBAAqB,SAAS,CAAA,CAAA;AAAA,KACrF;AAAA,EACF,CAAA;AACF;AASO,SAAS,cAAc,UAAA,EAAsB;AAClD,EAAA,OAAO,CAAC,KAAA,KAAsC;AAC5C,IAAA,IAAI,CAAC,OAAO,OAAO,EAAE,MAAM,KAAA,EAAO,OAAA,EAAS,MAAM,8BAAA,EAA+B;AAChF,IAAA,MAAM,OAAA,GAAU,UAAA,CAAW,MAAA,CAAO,CAAC,CAAA,KAAM,CAAC,KAAA,CAAM,SAAA,CAAU,QAAA,CAAS,CAAC,CAAC,CAAA;AACrE,IAAA,MAAM,IAAA,GAAO,QAAQ,MAAA,KAAW,CAAA;AAChC,IAAA,OAAO;AAAA,MACL,IAAA;AAAA,MACA,OAAA,EAAS,MACP,IAAA,GACI,CAAA,0CAAA,EAA6C,UAAA,CAAW,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,GAClE,CAAA,kCAAA,EAAqC,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,KAC/D;AAAA,EACF,CAAA;AACF;AAQO,SAAS,eAAe,SAAA,EAAmB;AAChD,EAAA,OAAO,CAAC,KAAA,KAAsC;AAC5C,IAAA,IAAI,CAAC,OAAO,OAAO,EAAE,MAAM,KAAA,EAAO,OAAA,EAAS,MAAM,8BAAA,EAA+B;AAChF,IAAA,MAAM,IAAA,GAAO,CAAC,KAAA,CAAM,SAAA,CAAU,SAAS,SAAS,CAAA;AAChD,IAAA,OAAO;AAAA,MACL,IAAA;AAAA,MACA,SAAS,MAAM,CAAA,iBAAA,EAAoB,OAAO,EAAA,GAAK,MAAM,kBAAkB,SAAS,CAAA,CAAA;AAAA,KAClF;AAAA,EACF,CAAA;AACF;AAGO,IAAM,gBAAA,GAAmB,EAAE,WAAA,EAAa,aAAA,EAAe,cAAA;AAYvD,SAAS,aAAA,CAAc,SAAqC,OAAA,EAAyB;AAC1F,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,6CAA6C,CAAA;AAC3E,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,MAAA,CAAO,CAAC,CAAA,KAAM,CAAC,OAAA,CAAQ,SAAA,CAAU,QAAA,CAAS,CAAC,CAAC,CAAA;AACpE,EAAA,IAAI,OAAA,CAAQ,SAAS,CAAA,EAAG;AACtB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAA,kCAAA,EAAqC,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAC;AAAA,kBAAA,EAChC,QAAQ,SAAS,CAAA;AAAA,KAC1C;AAAA,EACF;AACF;AAQO,SAAS,eAAA,CAAgB,SAAqC,OAAA,EAAyB;AAC5F,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,+CAA+C,CAAA;AAC7E,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAA,CAAO,CAAC,MAAM,OAAA,CAAQ,SAAA,CAAU,QAAA,CAAS,CAAC,CAAC,CAAA;AACjE,EAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AACpB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAA,sCAAA,EAAyC,KAAA,CAAM,IAAA,CAAK,IAAI,CAAC;AAAA,kBAAA,EAClC,QAAQ,SAAS,CAAA;AAAA,KAC1C;AAAA,EACF;AACF;AASO,SAAS,aAAa,OAAA,EAA+C;AAC1E,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,SAAS,EAAE,IAAA,EAAK;AAC5C;AAsBO,SAAS,gBAAA,CAAoB,QAAgC,QAAA,EAAe;AACjF,EAAA,OAAO,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,MAAa;AAAA,IAChC,OAAA;AAAA,IACA,MAAA,EAAQ,OAAO,OAAO;AAAA,GACxB,CAAE,CAAA;AACJ;AAaO,SAAS,oBACd,MAAA,EACkD;AAClD,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA;AAC/B,EAAA,IAAI,KAAK,MAAA,KAAW,CAAA,EAAG,OAAO,CAAC,EAAE,CAAA;AAEjC,EAAA,MAAM,SAA2D,EAAC;AAElE,EAAA,SAAS,IAAA,CAAK,OAAe,OAAA,EAAoD;AAC/E,IAAA,IAAI,KAAA,IAAS,KAAK,MAAA,EAAQ;AACxB,MAAA,MAAA,CAAO,IAAA,CAAK,EAAE,GAAG,OAAA,EAAS,CAAA;AAC1B,MAAA;AAAA,IACF;AACA,IAAA,MAAM,GAAA,GAAM,KAAK,KAAK,CAAA;AACtB,IAAA,KAAA,MAAW,KAAA,IAAS,MAAA,CAAO,GAAG,CAAA,IAAK,EAAC,EAAG;AACrC,MAAA,OAAA,CAAQ,GAAG,CAAA,GAAI,KAAA;AACf,MAAA,IAAA,CAAK,KAAA,GAAQ,GAAG,OAAO,CAAA;AAAA,IACzB;AAAA,EACF;AAEA,EAAA,IAAA,CAAK,CAAA,EAAG,EAAE,CAAA;AACV,EAAA,OAAO,MAAA;AACT;AAeO,SAAS,eAAA,CACd,QACA,MAAA,EACM;AACN,EAAA,MAAM,YAAA,GAAe,oBAAoB,MAAM,CAAA;AAC/C,EAAA,KAAA,MAAW,WAAW,YAAA,EAAc;AAClC,IAAA,MAAA,CAAO,OAAO,CAAA;AAAA,EAChB;AACF;AAUO,SAAS,kBAAA,CAAmB,QAAgB,QAAA,EAAwB;AACzE,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,MAAA,CAAO,IAAA,EAAK,CAAE,KAAA,CAAM,KAAK,CAAA,CAAE,MAAA,CAAO,OAAO,CAAC,CAAA;AACpE,EAAA,MAAM,WAAA,GAAc,IAAI,GAAA,CAAI,QAAA,CAAS,IAAA,EAAK,CAAE,KAAA,CAAM,KAAK,CAAA,CAAE,MAAA,CAAO,OAAO,CAAC,CAAA;AAExE,EAAA,MAAM,OAAA,GAAU,CAAC,GAAG,WAAW,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,KAAM,CAAC,SAAA,CAAU,GAAA,CAAI,CAAC,CAAC,CAAA;AAChE,EAAA,MAAM,KAAA,GAAQ,CAAC,GAAG,SAAS,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,KAAM,CAAC,WAAA,CAAY,GAAA,CAAI,CAAC,CAAC,CAAA;AAE9D,EAAA,IAAI,OAAA,CAAQ,MAAA,GAAS,CAAA,IAAK,KAAA,CAAM,SAAS,CAAA,EAAG;AAC1C,IAAA,MAAM,QAAkB,EAAC;AACzB,IAAA,IAAI,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG,KAAA,CAAM,IAAA,CAAK,YAAY,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAC,CAAA,CAAE,CAAA;AACnE,IAAA,IAAI,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,KAAA,CAAM,IAAA,CAAK,YAAY,KAAA,CAAM,IAAA,CAAK,IAAI,CAAC,CAAA,CAAE,CAAA;AAC/D,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA;AAAA,EAAA,EAAsB,KAAA,CAAM,IAAA,CAAK,MAAM,CAAC,CAAA,CAAE,CAAA;AAAA,EAC5D;AACF;AAyBO,SAAS,mBAAA,CACd,SACA,YAAA,EAMM;AACN,EAAA,IAAI,YAAA,CAAa,aAAa,MAAA,EAAW;AACvC,IAAA,MAAM,MAAA,GAAS,QAAQ,UAAA,IAAc,CAAA;AACrC,IAAA,IAAI,MAAA,GAAS,aAAa,QAAA,EAAU;AAClC,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,kCAAA,EAAqC,YAAA,CAAa,QAAQ,CAAA,YAAA,EAAe,MAAM,CAAA;AAAA,OACjF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,IAAI,YAAA,CAAa,mBAAmB,MAAA,EAAW;AAC7C,IAAA,MAAM,MAAA,GAAS,QAAQ,WAAA,IAAe,CAAA;AACtC,IAAA,IAAI,MAAA,GAAS,aAAa,cAAA,EAAgB;AACxC,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,2BAAA,EAA8B,MAAM,CAAA,oBAAA,EAAkB,YAAA,CAAa,cAAc,CAAA,EAAA;AAAA,OACnF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,IAAI,YAAA,CAAa,qBAAqB,MAAA,EAAW;AAC/C,IAAA,MAAM,MAAA,GAAS,QAAQ,aAAA,IAAiB,CAAA;AACxC,IAAA,IAAI,MAAA,GAAS,aAAa,gBAAA,EAAkB;AAC1C,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,kCAAA,EAAqC,YAAA,CAAa,gBAAgB,CAAA,qBAAA,EAAwB,MAAM,CAAA;AAAA,OAClG;AAAA,IACF;AAAA,EACF;AAEA,EAAA,IAAI,YAAA,CAAa,oBAAoB,MAAA,EAAW;AAC9C,IAAA,MAAM,IAAA,GAAO,QAAQ,SAAA,IAAa,CAAA;AAClC,IAAA,MAAM,KAAA,GAAQ,IAAA,IAAQ,OAAA,CAAQ,WAAA,IAAe,CAAA,CAAA;AAC7C,IAAA,MAAM,IAAA,GAAO,KAAA,GAAQ,CAAA,GAAI,IAAA,GAAO,KAAA,GAAQ,CAAA;AACxC,IAAA,IAAI,IAAA,GAAO,aAAa,eAAA,EAAiB;AACvC,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,+BAAA,EAAA,CAAmC,IAAA,GAAO,GAAA,EAAK,OAAA,CAAQ,CAAC,CAAC,CAAA,mBAAA,EAAA,CAAkB,YAAA,CAAa,eAAA,GAAkB,GAAA,EAAK,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAAA,OAC3H;AAAA,IACF;AAAA,EACF;AACF;AAQO,SAAS,oBAAoB,YAAA,EAAyD;AAC3F,EAAA,OAAO,CAAC,OAAA,KAAmC;AACzC,IAAA,IAAI;AACF,MAAA,mBAAA,CAAoB,SAAS,YAAY,CAAA;AACzC,MAAA,OAAO,EAAE,IAAA,EAAM,IAAA,EAAM,OAAA,EAAS,MAAM,qCAAA,EAAsC;AAAA,IAC5E,SAAS,CAAA,EAAY;AACnB,MAAA,MAAM,MAAM,CAAA,YAAa,KAAA,GAAQ,CAAA,CAAE,OAAA,GAAU,OAAO,CAAC,CAAA;AACrD,MAAA,OAAO,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,MAAM,GAAA,EAAI;AAAA,IAC3C;AAAA,EACF,CAAA;AACF;AAGO,IAAM,2BAAA,GAA8B;AAAA,EACzC,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF","file":"testing.mjs","sourcesContent":["/**\n * tailwind-styled-v4 — Testing Utilities\n *\n * Integrasi dengan Jest / Vitest untuk test komponen tw().\n *\n * @example\n * // vitest.config.ts\n * import { tailwindStyledSetup } from '@tailwind-styled/testing'\n * export default defineConfig({ test: { setupFiles: ['@tailwind-styled/testing/setup'] } })\n *\n * // Button.test.ts\n * import { render } from '@testing-library/react'\n * import { expectClasses, getVariantClass } from '@tailwind-styled/testing'\n *\n * test('Button renders primary variant', () => {\n *   const { container } = render(<Button intent=\"primary\" />)\n *   expectClasses(container.firstChild, ['bg-blue-500', 'text-white'])\n * })\n */\n\n// ─── Jest/Vitest custom matchers ─────────────────────────────────────────────\n\n/**\n * Custom matcher: toHaveClass\n * Dipakai langsung atau via expect.extend(tailwindMatchers)\n *\n * @example\n * expect(element).toHaveClass('bg-blue-500')\n */\nexport function toHaveClass(className: string) {\n  return (value: { classList?: { contains: (name: string) => boolean } }) => {\n    const pass = Boolean(value?.classList?.contains(className))\n    return {\n      pass,\n      message: () => `expected element ${pass ? \"not \" : \"\"}to contain class '${className}'`,\n    }\n  }\n}\n\n/**\n * Custom matcher: toHaveClasses\n * Cek beberapa class sekaligus\n *\n * @example\n * expect(element).toHaveClasses(['px-4', 'py-2', 'rounded'])\n */\nexport function toHaveClasses(classNames: string[]) {\n  return (value: Element | null | undefined) => {\n    if (!value) return { pass: false, message: () => \"element is null or undefined\" }\n    const missing = classNames.filter((c) => !value.classList.contains(c))\n    const pass = missing.length === 0\n    return {\n      pass,\n      message: () =>\n        pass\n          ? `expected element not to have all classes: ${classNames.join(\", \")}`\n          : `expected element to have classes: ${missing.join(\", \")}`,\n    }\n  }\n}\n\n/**\n * Custom matcher: toNotHaveClass\n *\n * @example\n * expect(element).toNotHaveClass('hidden')\n */\nexport function toNotHaveClass(className: string) {\n  return (value: Element | null | undefined) => {\n    if (!value) return { pass: false, message: () => \"element is null or undefined\" }\n    const pass = !value.classList.contains(className)\n    return {\n      pass,\n      message: () => `expected element ${pass ? \"\" : \"not \"}to have class '${className}'`,\n    }\n  }\n}\n\n/** Semua matchers — pakai dengan expect.extend(tailwindMatchers) */\nexport const tailwindMatchers = { toHaveClass, toHaveClasses, toNotHaveClass }\n\n// ─── Helper utilities ────────────────────────────────────────────────────────\n\n/**\n * Assert element punya semua class yang diharapkan.\n * Lebih ergonomis dari `expect(el).toHaveClasses([...])` untuk banyak class.\n *\n * @example\n * const { container } = render(<Button intent=\"primary\" size=\"lg\" />)\n * expectClasses(container.firstChild, ['bg-blue-500', 'text-white', 'h-12'])\n */\nexport function expectClasses(element: Element | null | undefined, classes: string[]): void {\n  if (!element) throw new Error(\"expectClasses: element is null or undefined\")\n  const missing = classes.filter((c) => !element.classList.contains(c))\n  if (missing.length > 0) {\n    throw new Error(\n      `Expected element to have classes: ${missing.join(\", \")}\\n` +\n        `  Actual classes: ${element.className}`\n    )\n  }\n}\n\n/**\n * Assert element tidak punya class tertentu.\n *\n * @example\n * expectNoClasses(container.firstChild, ['opacity-50', 'cursor-not-allowed'])\n */\nexport function expectNoClasses(element: Element | null | undefined, classes: string[]): void {\n  if (!element) throw new Error(\"expectNoClasses: element is null or undefined\")\n  const found = classes.filter((c) => element.classList.contains(c))\n  if (found.length > 0) {\n    throw new Error(\n      `Expected element NOT to have classes: ${found.join(\", \")}\\n` +\n        `  Actual classes: ${element.className}`\n    )\n  }\n}\n\n/**\n * Extract class list dari element sebagai sorted array.\n * Berguna untuk snapshot testing.\n *\n * @example\n * expect(getClassList(element)).toMatchSnapshot()\n */\nexport function getClassList(element: Element | null | undefined): string[] {\n  if (!element) return []\n  return Array.from(element.classList).sort()\n}\n\n// ─── Variant snapshot helpers ────────────────────────────────────────────────\n\n/**\n * Buat snapshot dari semua kombinasi variant.\n * Berguna untuk regression testing pada styled components.\n *\n * @example\n * const buttonVariants = snapshotVariants(\n *   (props) => {\n *     const { container } = render(<Button {...props} />)\n *     return container.firstChild?.className ?? ''\n *   },\n *   [\n *     { intent: 'primary', size: 'sm' },\n *     { intent: 'primary', size: 'lg' },\n *     { intent: 'danger',  size: 'sm' },\n *   ]\n * )\n * expect(buttonVariants).toMatchSnapshot()\n */\nexport function snapshotVariants<T>(render: (variant: T) => string, variants: T[]) {\n  return variants.map((variant) => ({\n    variant,\n    output: render(variant),\n  }))\n}\n\n/**\n * Generate semua kombinasi dari variant matrix.\n *\n * @example\n * const combinations = expandVariantMatrix({\n *   intent: ['primary', 'danger'],\n *   size: ['sm', 'md', 'lg'],\n *   disabled: [true, false],\n * })\n * // → 2 × 3 × 2 = 12 kombinasi\n */\nexport function expandVariantMatrix(\n  matrix: Record<string, Array<string | number | boolean>>\n): Array<Record<string, string | number | boolean>> {\n  const keys = Object.keys(matrix)\n  if (keys.length === 0) return [{}]\n\n  const result: Array<Record<string, string | number | boolean>> = []\n\n  function walk(index: number, current: Record<string, string | number | boolean>) {\n    if (index >= keys.length) {\n      result.push({ ...current })\n      return\n    }\n    const key = keys[index]!\n    for (const value of matrix[key] ?? []) {\n      current[key] = value\n      walk(index + 1, current)\n    }\n  }\n\n  walk(0, {})\n  return result\n}\n\n/**\n * Test semua kombinasi variant sekaligus — no missing coverage.\n *\n * @example\n * testAllVariants(\n *   Button,\n *   { intent: ['primary','danger'], size: ['sm','lg'] },\n *   (el, variant) => {\n *     expect(el).not.toBeNull()\n *     if (variant.intent === 'primary') expectClasses(el, ['bg-blue-500'])\n *   }\n * )\n */\nexport function testAllVariants(\n  matrix: Record<string, Array<string | number | boolean>>,\n  testFn: (variant: Record<string, string | number | boolean>) => void\n): void {\n  const combinations = expandVariantMatrix(matrix)\n  for (const variant of combinations) {\n    testFn(variant)\n  }\n}\n\n// ─── CSS-in-JS output assertions ─────────────────────────────────────────────\n\n/**\n * Bandingkan dua class string secara semantik (urutan tidak penting).\n *\n * @example\n * expectClassesEqual('px-4 py-2 bg-blue-500', 'bg-blue-500 px-4 py-2') // pass\n */\nexport function expectClassesEqual(actual: string, expected: string): void {\n  const actualSet = new Set(actual.trim().split(/\\s+/).filter(Boolean))\n  const expectedSet = new Set(expected.trim().split(/\\s+/).filter(Boolean))\n\n  const missing = [...expectedSet].filter((c) => !actualSet.has(c))\n  const extra = [...actualSet].filter((c) => !expectedSet.has(c))\n\n  if (missing.length > 0 || extra.length > 0) {\n    const parts: string[] = []\n    if (missing.length > 0) parts.push(`Missing: ${missing.join(\", \")}`)\n    if (extra.length > 0) parts.push(`Extra:   ${extra.join(\", \")}`)\n    throw new Error(`Class mismatch:\\n  ${parts.join(\"\\n  \")}`)\n  }\n}\n\n// ─── Engine metrics matchers ──────────────────────────────────────────────────\n\nexport interface EngineMetricsSnapshot {\n  totalFiles?: number\n  uniqueClasses?: number\n  buildTimeMs?: number\n  cssBytes?: number\n  cacheHits?: number\n  cacheMisses?: number\n  incrementalRuns?: number\n  fullRescans?: number\n}\n\n/**\n * Assert engine metrics snapshot meets minimum thresholds.\n *\n * @example\n * const result = await engine.build()\n * expectEngineMetrics(metrics.snapshot(), {\n *   totalFiles: 10,\n *   buildTimeMs: 5000, // max\n * })\n */\nexport function expectEngineMetrics(\n  metrics: EngineMetricsSnapshot,\n  expectations: {\n    minFiles?: number\n    maxBuildTimeMs?: number\n    minUniqueClasses?: number\n    cacheHitRateMin?: number // 0–1\n  }\n): void {\n  if (expectations.minFiles !== undefined) {\n    const actual = metrics.totalFiles ?? 0\n    if (actual < expectations.minFiles) {\n      throw new Error(\n        `Engine metrics: expected at least ${expectations.minFiles} files, got ${actual}`\n      )\n    }\n  }\n\n  if (expectations.maxBuildTimeMs !== undefined) {\n    const actual = metrics.buildTimeMs ?? 0\n    if (actual > expectations.maxBuildTimeMs) {\n      throw new Error(\n        `Engine metrics: build took ${actual}ms, expected ≤ ${expectations.maxBuildTimeMs}ms`\n      )\n    }\n  }\n\n  if (expectations.minUniqueClasses !== undefined) {\n    const actual = metrics.uniqueClasses ?? 0\n    if (actual < expectations.minUniqueClasses) {\n      throw new Error(\n        `Engine metrics: expected at least ${expectations.minUniqueClasses} unique classes, got ${actual}`\n      )\n    }\n  }\n\n  if (expectations.cacheHitRateMin !== undefined) {\n    const hits = metrics.cacheHits ?? 0\n    const total = hits + (metrics.cacheMisses ?? 0)\n    const rate = total > 0 ? hits / total : 0\n    if (rate < expectations.cacheHitRateMin) {\n      throw new Error(\n        `Engine metrics: cache hit rate ${(rate * 100).toFixed(1)}%, expected ≥ ${(expectations.cacheHitRateMin * 100).toFixed(1)}%`\n      )\n    }\n  }\n}\n\n/**\n * Custom Jest/Vitest matcher: toHaveEngineMetrics\n *\n * @example\n * expect(metrics).toHaveEngineMetrics({ minFiles: 1 })\n */\nexport function toHaveEngineMetrics(expectations: Parameters<typeof expectEngineMetrics>[1]) {\n  return (metrics: EngineMetricsSnapshot) => {\n    try {\n      expectEngineMetrics(metrics, expectations)\n      return { pass: true, message: () => \"engine metrics matched expectations\" }\n    } catch (e: unknown) {\n      const msg = e instanceof Error ? e.message : String(e)\n      return { pass: false, message: () => msg }\n    }\n  }\n}\n\n/** All matchers including engine metrics */\nexport const tailwindMatchersWithMetrics = {\n  toHaveClass,\n  toHaveClasses,\n  toNotHaveClass,\n  toHaveEngineMetrics,\n}\n"]}

package/dist/{theme.d.cts → theme.d.mts}

@@ -1,15 +1,21 @@
+export { L as LiveTokenEngineBridge, a as LiveTokenSet, T as TokenMap, b as TokenSubscriber, c as applyTokenSet, d as createUseTokens, g as generateTokenCssString, e as getToken, f as getTokens, l as liveToken, h as liveTokenEngine, s as setToken, i as setTokens, j as subscribeTokens, t as tokenRef, k as tokenVar } from './liveTokenEngine-DYN3Zale.mjs';
+
 /**
- * tailwind-styled-v4 — Multi-Theme Engine
+ * tailwind-styled-v5 — Multi-Theme Engine + Live Token Engine
  *
  * Enterprise-grade theming. Support light/dark/brand themes dengan
  * CSS variables. Zero runtime overhead — themes di-resolve via CSS.
  *
+ * Live token engine provides runtime token state management with
+ * CSS variable sync to document root.
+ *
  * Fitur:
  *  - Multiple named themes (light, dark, brand, high-contrast)
  *  - CSS variable output (Tailwind v4 compatible)
  *  - Theme contract (TypeScript-safe — missing tokens = TS error)
  *  - Per-component theme override
  *  - White-label ready
+ *  - Live token engine (runtime token state + CSS sync)
  *
  * @example
  *   // 1. Define contract
@@ -35,17 +41,18 @@
  *   // 4. Apply in layout
  *   // <html data-theme="dark"> or inject CSS
  */
-type TokenMap = Record<string, Record<string, string>>;
-interface ThemeContract<T extends TokenMap> {
+
+type ThemeTokenMap = Record<string, Record<string, string>>;
+interface ThemeContract<T extends ThemeTokenMap> {
     _contract: T;
     _vars: ThemeVars<T>;
 }
-type ThemeVars<T extends TokenMap> = {
+type ThemeVars<T extends ThemeTokenMap> = {
     [Group in keyof T]: {
         [Token in keyof T[Group]]: string;
     };
 };
-interface Theme<T extends TokenMap> {
+interface Theme<T extends ThemeTokenMap> {
     name: string;
     contract: ThemeContract<T>;
     values: T;
@@ -70,7 +77,7 @@ interface Theme<T extends TokenMap> {
  * const Card = tw.div`bg-[${contract._vars.colors.bg}]`
  * // → tw.div`bg-[var(--colors-bg)]`
  */
-declare function defineThemeContract<T extends TokenMap>(shape: T): ThemeContract<T>;
+declare function defineThemeContract<T extends ThemeTokenMap>(shape: T): ThemeContract<T>;
 /**
  * Create a typed theme that satisfies a contract.
  *
@@ -79,12 +86,12 @@ declare function defineThemeContract<T extends TokenMap>(shape: T): ThemeContrac
  * @param values - Token values (TypeScript enforces completeness)
  * @param asRoot - If true, use :root selector. Default: false (uses [data-theme])
  */
-declare function createTheme<T extends TokenMap>(contract: ThemeContract<T>, name: string, values: T, asRoot?: boolean): Theme<T>;
+declare function createTheme<T extends ThemeTokenMap>(contract: ThemeContract<T>, name: string, values: T, asRoot?: boolean): Theme<T>;
 declare class ThemeRegistry {
     private themes;
     private defaultTheme;
     /** Register a theme */
-    register<T extends TokenMap>(theme: Theme<T>, isDefault?: boolean): this;
+    register<T extends ThemeTokenMap>(theme: Theme<T>, isDefault?: boolean): this;
     /** Get a theme by name */
     get(name: string): Theme<any> | undefined;
     /** Get all theme names */
@@ -116,7 +123,7 @@ declare class ThemeRegistry {
      */
     current(target?: HTMLElement): string | null;
 }
-interface MultiThemeConfig<T extends TokenMap> {
+interface MultiThemeConfig<T extends ThemeTokenMap> {
     contract: ThemeContract<T>;
     light: T;
     dark: T;
@@ -145,7 +152,7 @@ interface MultiThemeConfig<T extends TokenMap> {
  * // Use tokens in components:
  * const Card = tw.div`bg-[${vars.colors.bg}] text-[${vars.colors.fg}]`
  */
-declare function createMultiTheme<T extends TokenMap>(config: MultiThemeConfig<T>): {
+declare function createMultiTheme<T extends ThemeTokenMap>(config: MultiThemeConfig<T>): {
     registry: ThemeRegistry;
     vars: ThemeVars<T>;
     light: Theme<T>;
@@ -178,4 +185,4 @@ interface DesignTokens {
  */
 declare function compileDesignTokens(tokens: DesignTokens, prefix?: string): string;
 
-export { type DesignTokens, type MultiThemeConfig, type Theme, type ThemeContract, ThemeRegistry, type ThemeVars, type TokenMap, compileDesignTokens, createMultiTheme, createTheme, defineThemeContract };
+export { type DesignTokens, type MultiThemeConfig, type Theme, type ThemeContract, ThemeRegistry, type ThemeTokenMap, type ThemeVars, compileDesignTokens, createMultiTheme, createTheme, defineThemeContract };

package/dist/theme.d.ts

@@ -1,15 +1,21 @@
+export { L as LiveTokenEngineBridge, a as LiveTokenSet, T as TokenMap, b as TokenSubscriber, c as applyTokenSet, d as createUseTokens, g as generateTokenCssString, e as getToken, f as getTokens, l as liveToken, h as liveTokenEngine, s as setToken, i as setTokens, j as subscribeTokens, t as tokenRef, k as tokenVar } from './liveTokenEngine-DYN3Zale.js';
+
 /**
- * tailwind-styled-v4 — Multi-Theme Engine
+ * tailwind-styled-v5 — Multi-Theme Engine + Live Token Engine
  *
  * Enterprise-grade theming. Support light/dark/brand themes dengan
  * CSS variables. Zero runtime overhead — themes di-resolve via CSS.
  *
+ * Live token engine provides runtime token state management with
+ * CSS variable sync to document root.
+ *
  * Fitur:
  *  - Multiple named themes (light, dark, brand, high-contrast)
  *  - CSS variable output (Tailwind v4 compatible)
  *  - Theme contract (TypeScript-safe — missing tokens = TS error)
  *  - Per-component theme override
  *  - White-label ready
+ *  - Live token engine (runtime token state + CSS sync)
  *
  * @example
  *   // 1. Define contract
@@ -35,17 +41,18 @@
  *   // 4. Apply in layout
  *   // <html data-theme="dark"> or inject CSS
  */
-type TokenMap = Record<string, Record<string, string>>;
-interface ThemeContract<T extends TokenMap> {
+
+type ThemeTokenMap = Record<string, Record<string, string>>;
+interface ThemeContract<T extends ThemeTokenMap> {
     _contract: T;
     _vars: ThemeVars<T>;
 }
-type ThemeVars<T extends TokenMap> = {
+type ThemeVars<T extends ThemeTokenMap> = {
     [Group in keyof T]: {
         [Token in keyof T[Group]]: string;
     };
 };
-interface Theme<T extends TokenMap> {
+interface Theme<T extends ThemeTokenMap> {
     name: string;
     contract: ThemeContract<T>;
     values: T;
@@ -70,7 +77,7 @@ interface Theme<T extends TokenMap> {
  * const Card = tw.div`bg-[${contract._vars.colors.bg}]`
  * // → tw.div`bg-[var(--colors-bg)]`
  */
-declare function defineThemeContract<T extends TokenMap>(shape: T): ThemeContract<T>;
+declare function defineThemeContract<T extends ThemeTokenMap>(shape: T): ThemeContract<T>;
 /**
  * Create a typed theme that satisfies a contract.
  *
@@ -79,12 +86,12 @@ declare function defineThemeContract<T extends TokenMap>(shape: T): ThemeContrac
  * @param values - Token values (TypeScript enforces completeness)
  * @param asRoot - If true, use :root selector. Default: false (uses [data-theme])
  */
-declare function createTheme<T extends TokenMap>(contract: ThemeContract<T>, name: string, values: T, asRoot?: boolean): Theme<T>;
+declare function createTheme<T extends ThemeTokenMap>(contract: ThemeContract<T>, name: string, values: T, asRoot?: boolean): Theme<T>;
 declare class ThemeRegistry {
     private themes;
     private defaultTheme;
     /** Register a theme */
-    register<T extends TokenMap>(theme: Theme<T>, isDefault?: boolean): this;
+    register<T extends ThemeTokenMap>(theme: Theme<T>, isDefault?: boolean): this;
     /** Get a theme by name */
     get(name: string): Theme<any> | undefined;
     /** Get all theme names */
@@ -116,7 +123,7 @@ declare class ThemeRegistry {
      */
     current(target?: HTMLElement): string | null;
 }
-interface MultiThemeConfig<T extends TokenMap> {
+interface MultiThemeConfig<T extends ThemeTokenMap> {
     contract: ThemeContract<T>;
     light: T;
     dark: T;
@@ -145,7 +152,7 @@ interface MultiThemeConfig<T extends TokenMap> {
  * // Use tokens in components:
  * const Card = tw.div`bg-[${vars.colors.bg}] text-[${vars.colors.fg}]`
  */
-declare function createMultiTheme<T extends TokenMap>(config: MultiThemeConfig<T>): {
+declare function createMultiTheme<T extends ThemeTokenMap>(config: MultiThemeConfig<T>): {
     registry: ThemeRegistry;
     vars: ThemeVars<T>;
     light: Theme<T>;
@@ -178,4 +185,4 @@ interface DesignTokens {
  */
 declare function compileDesignTokens(tokens: DesignTokens, prefix?: string): string;
 
-export { type DesignTokens, type MultiThemeConfig, type Theme, type ThemeContract, ThemeRegistry, type ThemeVars, type TokenMap, compileDesignTokens, createMultiTheme, createTheme, defineThemeContract };
+export { type DesignTokens, type MultiThemeConfig, type Theme, type ThemeContract, ThemeRegistry, type ThemeTokenMap, type ThemeVars, compileDesignTokens, createMultiTheme, createTheme, defineThemeContract };

package/dist/theme.js

@@ -1,6 +1,170 @@
-/* tailwind-styled-v4 v4 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+'use strict';
 
-// ../theme/src/index.ts
+var React = 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(React);
+var path__default = /*#__PURE__*/_interopDefault(path);
+
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+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 _currentTokens = {};
+var _subscribers = /* @__PURE__ */ new Set();
+var _styleEl = null;
+function tokenVar(name) {
+  const normalized = name.replace(/[^a-zA-Z0-9-]/g, "-").toLowerCase();
+  return `--tw-token-${normalized}`;
+}
+function tokenRef(name) {
+  return `var(${tokenVar(name)})`;
+}
+function buildRootCss(tokens) {
+  const vars = Object.entries(tokens).map(([name, value]) => `  ${tokenVar(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 liveToken(tokens) {
+  _currentTokens = { ..._currentTokens, ...tokens };
+  syncStyleEl();
+  notifySubscribers();
+  const vars = {};
+  for (const name of Object.keys(tokens)) {
+    vars[name] = tokenRef(name);
+  }
+  return {
+    vars,
+    get(name) {
+      return _currentTokens[name];
+    },
+    set(name, value) {
+      setToken(name, value);
+    },
+    setAll(nextTokens) {
+      setTokens(nextTokens);
+    },
+    snapshot() {
+      return { ..._currentTokens };
+    }
+  };
+}
+function setToken(name, value) {
+  _currentTokens = { ..._currentTokens, [name]: value };
+  if (typeof document !== "undefined") {
+    document.documentElement.style.setProperty(tokenVar(name), value);
+  }
+  notifySubscribers();
+}
+function setTokens(tokens) {
+  _currentTokens = { ..._currentTokens, ...tokens };
+  if (typeof document !== "undefined") {
+    const root = document.documentElement;
+    for (const [name, value] of Object.entries(tokens)) {
+      root.style.setProperty(tokenVar(name), value);
+    }
+  }
+  notifySubscribers();
+}
+function applyTokenSet(tokens) {
+  if (typeof document !== "undefined") {
+    const root = document.documentElement;
+    for (const name of Object.keys(_currentTokens)) {
+      if (!(name in tokens)) {
+        root.style.removeProperty(tokenVar(name));
+      }
+    }
+  }
+  _currentTokens = { ...tokens };
+  syncStyleEl();
+  notifySubscribers();
+}
+function getToken(name) {
+  return _currentTokens[name];
+}
+function getTokens() {
+  return { ..._currentTokens };
+}
+function subscribeTokens(fn) {
+  _subscribers.add(fn);
+  return () => {
+    _subscribers.delete(fn);
+  };
+}
+function generateTokenCssString() {
+  return buildRootCss(_currentTokens);
+}
+function createUseTokens() {
+  return function useTokens() {
+    const [tokens, setTokensState] = React__default.default.useState({ ..._currentTokens });
+    React__default.default.useEffect(() => {
+      setTokensState({ ..._currentTokens });
+      return subscribeTokens((nextTokens) => setTokensState({ ...nextTokens }));
+    }, []);
+    return tokens;
+  };
+}
+var liveTokenEngine = {
+  getToken,
+  getTokens,
+  setToken,
+  applyTokenSet,
+  subscribeTokens,
+  subscribe: subscribeTokens
+};
+globalThis.__TW_TOKEN_ENGINE__ = liveTokenEngine;
+if (typeof window !== "undefined") {
+  window.__TW_TOKEN_ENGINE__ = liveTokenEngine;
+}
+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 __require === "function" ? __require : 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;
+}
+
+// packages/theme/src/index.ts
 function defineThemeContract(shape) {
   const vars = {};
   for (const group in shape) {
@@ -12,6 +176,17 @@ function defineThemeContract(shape) {
   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) {
@@ -26,14 +201,7 @@ function createTheme(contract, name, values, asRoot = false) {
   const css = `${selector} {
 ${cssLines.join("\n")}
 }`;
-  return {
-    name,
-    contract,
-    values,
-    css,
-    vars: flatVars,
-    selector
-  };
+  return { name, contract, values, css, vars: flatVars, selector };
 }
 var ThemeRegistry = class {
   constructor() {
@@ -71,8 +239,7 @@ var ThemeRegistry = class {
    * Get the CSS for a specific theme only.
    */
   getThemeCss(name) {
-    var _a, _b;
-    return (_b = (_a = this.themes.get(name)) == null ? void 0 : _a.css) != null ? _b : null;
+    return this.themes.get(name)?.css ?? null;
   }
   /**
    * Inject all theme CSS into document <head> (browser only).
@@ -103,19 +270,17 @@ var ThemeRegistry = class {
    * Get current active theme name from data-theme attribute.
    */
   current(target = document.documentElement) {
-    var _a;
     if (typeof document === "undefined") return this.defaultTheme;
-    return (_a = target.dataset.theme) != null ? _a : this.defaultTheme;
+    return target.dataset.theme ?? this.defaultTheme;
   }
 };
 function createMultiTheme(config) {
-  var _a;
   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((_a = config.extras) != null ? _a : {})) {
+  for (const [name, values] of Object.entries(config.extras ?? {})) {
     registry.register(createTheme(config.contract, name, values));
   }
   return {
@@ -126,10 +291,15 @@ function createMultiTheme(config) {
   };
 }
 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, path) {
+  function flatten(obj, path2) {
     for (const [key, value] of Object.entries(obj)) {
-      const varPath = path ? `${path}-${key}` : key;
+      const varPath = path2 ? `${path2}-${key}` : key;
       if (typeof value === "string") {
         vars.push(`  --${varPath}: ${value};`);
       } else {
@@ -143,6 +313,22 @@ ${vars.join("\n")}
 }`;
 }
 
-export { ThemeRegistry, compileDesignTokens, createMultiTheme, createTheme, defineThemeContract };
+exports.ThemeRegistry = ThemeRegistry;
+exports.applyTokenSet = applyTokenSet;
+exports.compileDesignTokens = compileDesignTokens;
+exports.createMultiTheme = createMultiTheme;
+exports.createTheme = createTheme;
+exports.createUseTokens = createUseTokens;
+exports.defineThemeContract = defineThemeContract;
+exports.generateTokenCssString = generateTokenCssString;
+exports.getToken = getToken;
+exports.getTokens = getTokens;
+exports.liveToken = liveToken;
+exports.liveTokenEngine = liveTokenEngine;
+exports.setToken = setToken;
+exports.setTokens = setTokens;
+exports.subscribeTokens = subscribeTokens;
+exports.tokenRef = tokenRef;
+exports.tokenVar = tokenVar;
 //# sourceMappingURL=theme.js.map
 //# sourceMappingURL=theme.js.map