tailwind-styled-v4 5.1.14 → 5.1.16

package/dist/runtime-css.d.mts

@@ -1,2 +1 @@
-export { batchedInject, flushBatchedCss, getBatchedCssStats, isInjected, resetBatchedCss, syncInject } from '@tailwind-styled/runtime-css/client';
-export { useTwClasses } from '@tailwind-styled/runtime-css/server';
+export { TwCssInjector, useTwClasses } from '@tailwind-styled/runtime-css/server';

package/dist/runtime-css.d.ts

@@ -1,2 +1 @@
-export { batchedInject, flushBatchedCss, getBatchedCssStats, isInjected, resetBatchedCss, syncInject } from '@tailwind-styled/runtime-css/client';
-export { useTwClasses } from '@tailwind-styled/runtime-css/server';
+export { TwCssInjector, useTwClasses } from '@tailwind-styled/runtime-css/server';

package/dist/runtime-css.js

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -31,110 +30,88 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/umbrella/runtime-css.ts
 var runtime_css_exports = {};
 __export(runtime_css_exports, {
-  batchedInject: () => batchedInject,
-  flushBatchedCss: () => flushBatchedCss,
-  getBatchedCssStats: () => getBatchedCssStats,
-  isInjected: () => isInjected,
-  resetBatchedCss: () => resetBatchedCss,
-  syncInject: () => syncInject,
+  TwCssInjector: () => TwCssInjector,
   useTwClasses: () => useTwClasses
 });
 module.exports = __toCommonJS(runtime_css_exports);
 
-// packages/domain/runtime-css/dist/batchedInjector.js
-var injected = /* @__PURE__ */ new Set();
-var pending = [];
-var _state = {
-  rafHandle: null,
-  styleEl: null
-};
-function getStyleElement() {
-  if (_state.styleEl && document.head.contains(_state.styleEl)) return _state.styleEl;
-  _state.styleEl = document.createElement("style");
-  _state.styleEl.id = "__tw-runtime-css";
-  _state.styleEl.setAttribute("data-tw-batched", "true");
-  document.head.appendChild(_state.styleEl);
-  return _state.styleEl;
-}
-function insertRuleToSheet(cssRule) {
-  const trimmed = cssRule.trim();
-  if (!trimmed) return;
-  const el = getStyleElement();
-  const sheet = el.sheet;
-  if (sheet) {
-    try {
-      sheet.insertRule(trimmed, sheet.cssRules.length);
-      return;
-    } catch {
-      if (process.env.NODE_ENV === "development") {
-        console.warn("[tw] insertRule failed, falling back to textContent append for rule:", trimmed.slice(0, 80));
-      }
+// packages/domain/runtime-css/dist/CssInjector.js
+var import_react = __toESM(require("react"), 1);
+async function TwCssInjector(props = {}) {
+  const { route, includeGlobal = true, minify = true, cssDir } = props;
+  let fs = null;
+  let path = null;
+  try {
+    fs = await import("fs");
+    path = await import("path");
+  } catch {
+    warnOnceDev(
+      "TwCssInjector dipanggil tapi gak bisa akses 'node:fs'/'node:path' (kemungkinan jalan di environment non-Node, misal Edge runtime). CSS injection di-skip \u2014 komponen tetap render normal, tapi route CSS lo gak ikut inline."
+    );
+    return import_react.default.createElement(import_react.default.Fragment, null);
+  }
+  const resolvedDir = cssDir ?? path.join(process.cwd(), ".next", "static", "css", "tw");
+  const manifestPath = path.join(resolvedDir, "css-manifest.json");
+  let manifest = {};
+  try {
+    if (fs.existsSync(manifestPath)) {
+      manifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
+    } else {
+      warnOnceDev(
+        `TwCssInjector aktif tapi manifest gak ketemu di "${manifestPath}". CSS injection di-skip diam-diam \u2014 biasanya ini berarti "routeCss: true" belum diset di withTailwindStyled(...) di next.config, atau dev/build server belum sempat generate manifest-nya. Cek konfigurasi sebelum lanjut.`
+      );
+      return import_react.default.createElement(import_react.default.Fragment, null);
     }
+  } catch (err) {
+    warnOnceDev(
+      `TwCssInjector gagal parse manifest di "${manifestPath}": ${err instanceof Error ? err.message : String(err)}. CSS injection di-skip \u2014 manifest mungkin korup atau lagi setengah ditulis saat dibaca.`
+    );
+    return import_react.default.createElement(import_react.default.Fragment, null);
   }
-  el.textContent = (el.textContent ?? "") + `
-${trimmed}`;
-}
-function batchedInject(cssRule) {
-  if (typeof window === "undefined") return;
-  if (!cssRule || injected.has(cssRule)) return;
-  injected.add(cssRule);
-  pending.push(cssRule);
-  if (_state.rafHandle === null) {
-    _state.rafHandle = requestAnimationFrame(flushBatchedCss);
+  const cssChunks = [];
+  if (includeGlobal && manifest.routes?.["__global"]) {
+    const globalPath = path.join(resolvedDir, manifest.routes["__global"]);
+    const css = readFile(fs, globalPath);
+    if (css) cssChunks.push(css);
   }
-}
-function flushBatchedCss() {
-  _state.rafHandle = null;
-  if (pending.length === 0 || typeof document === "undefined") return;
-  const rules = pending.splice(0);
-  for (const rule of rules) {
-    insertRuleToSheet(rule);
+  const targetRoute = route ?? "/";
+  if (manifest.routes?.[targetRoute]) {
+    const routePath = path.join(resolvedDir, manifest.routes[targetRoute]);
+    const css = readFile(fs, routePath);
+    if (css) cssChunks.push(css);
   }
+  if (cssChunks.length === 0) return import_react.default.createElement(import_react.default.Fragment, null);
+  const combined = cssChunks.join("\n");
+  const final = minify ? minifyCss(combined) : combined;
+  return import_react.default.createElement("style", {
+    dangerouslySetInnerHTML: { __html: final },
+    "data-tw-route": targetRoute,
+    "data-tw-injector": "true"
+  });
 }
-function syncInject(cssRule) {
-  if (typeof document === "undefined") return;
-  if (!cssRule || injected.has(cssRule)) return;
-  injected.add(cssRule);
-  insertRuleToSheet(cssRule);
+function useTwClasses(classes) {
+  return classes;
 }
-function isInjected(cssRule) {
-  return injected.has(cssRule);
+var warnedKeys = /* @__PURE__ */ new Set();
+function warnOnceDev(message) {
+  if (process.env.NODE_ENV === "production") return;
+  if (warnedKeys.has(message)) return;
+  warnedKeys.add(message);
+  console.warn(`[tailwind-styled-v4] ${message}`);
 }
-function resetBatchedCss() {
-  injected.clear();
-  pending.length = 0;
-  if (_state.rafHandle !== null) {
-    cancelAnimationFrame(_state.rafHandle);
-    _state.rafHandle = null;
-  }
-  if (typeof document !== "undefined" && _state.styleEl && document.head.contains(_state.styleEl)) {
-    document.head.removeChild(_state.styleEl);
-    _state.styleEl = null;
-  } else {
-    _state.styleEl = null;
+function readFile(fs, filepath) {
+  try {
+    if (fs.existsSync(filepath)) return fs.readFileSync(filepath, "utf-8");
+  } catch {
   }
+  return null;
 }
-function getBatchedCssStats() {
-  return {
-    totalInjected: injected.size,
-    pendingCount: pending.length,
-    hasBatchScheduled: _state.rafHandle !== null
-  };
-}
-
-// packages/domain/runtime-css/dist/CssInjector.js
-var import_react = __toESM(require("react"), 1);
-function useTwClasses(classes) {
-  return classes;
+function minifyCss(css) {
+  return css.replace(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, "").replace(/\s+/g, " ").replace(/\s*{\s*/g, "{").replace(/\s*}\s*/g, "}").replace(/\s*;\s*/g, ";").trim();
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  batchedInject,
-  flushBatchedCss,
-  getBatchedCssStats,
-  isInjected,
-  resetBatchedCss,
-  syncInject,
+  TwCssInjector,
   useTwClasses
 });
 /* tailwind-styled-v4 v5.1.9 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */

package/dist/runtime-css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/umbrella/runtime-css.ts","../packages/domain/runtime-css/dist/batchedInjector.js","../packages/domain/runtime-css/dist/CssInjector.js"],"sourcesContent":["// runtime-css client utilities (batchedInjector) — safe to bundle with \"use client\"\n// TwCssInjector (Server Component) is intentionally NOT re-exported here because\n// it is an async RSC and must NOT be in a \"use client\" bundle.\n// Import it directly: import { TwCssInjector } from \"tailwind-styled-v4/runtime-css/server\"\nexport {\n    batchedInject,\n    flushBatchedCss,\n    getBatchedCssStats,\n    isInjected,\n    resetBatchedCss,\n    syncInject,\n} from \"@tailwind-styled/runtime-css/client\"\nexport { useTwClasses } from \"@tailwind-styled/runtime-css/server\"\n","\"use client\";\nconst injected = /* @__PURE__ */ new Set();\nconst pending = [];\nconst _state = {\n  rafHandle: null,\n  styleEl: null\n};\nfunction getStyleElement() {\n  if (_state.styleEl && document.head.contains(_state.styleEl)) return _state.styleEl;\n  _state.styleEl = document.createElement(\"style\");\n  _state.styleEl.id = \"__tw-runtime-css\";\n  _state.styleEl.setAttribute(\"data-tw-batched\", \"true\");\n  document.head.appendChild(_state.styleEl);\n  return _state.styleEl;\n}\nfunction insertRuleToSheet(cssRule) {\n  const trimmed = cssRule.trim();\n  if (!trimmed) return;\n  const el = getStyleElement();\n  const sheet = el.sheet;\n  if (sheet) {\n    try {\n      sheet.insertRule(trimmed, sheet.cssRules.length);\n      return;\n    } catch {\n      if (process.env.NODE_ENV === \"development\") {\n        console.warn(\"[tw] insertRule failed, falling back to textContent append for rule:\", trimmed.slice(0, 80));\n      }\n    }\n  }\n  el.textContent = (el.textContent ?? \"\") + `\n${trimmed}`;\n}\nfunction batchedInject(cssRule) {\n  if (typeof window === \"undefined\") return;\n  if (!cssRule || injected.has(cssRule)) return;\n  injected.add(cssRule);\n  pending.push(cssRule);\n  if (_state.rafHandle === null) {\n    _state.rafHandle = requestAnimationFrame(flushBatchedCss);\n  }\n}\nfunction flushBatchedCss() {\n  _state.rafHandle = null;\n  if (pending.length === 0 || typeof document === \"undefined\") return;\n  const rules = pending.splice(0);\n  for (const rule of rules) {\n    insertRuleToSheet(rule);\n  }\n}\nfunction syncInject(cssRule) {\n  if (typeof document === \"undefined\") return;\n  if (!cssRule || injected.has(cssRule)) return;\n  injected.add(cssRule);\n  insertRuleToSheet(cssRule);\n}\nfunction isInjected(cssRule) {\n  return injected.has(cssRule);\n}\nfunction resetBatchedCss() {\n  injected.clear();\n  pending.length = 0;\n  if (_state.rafHandle !== null) {\n    cancelAnimationFrame(_state.rafHandle);\n    _state.rafHandle = null;\n  }\n  if (typeof document !== \"undefined\" && _state.styleEl && document.head.contains(_state.styleEl)) {\n    document.head.removeChild(_state.styleEl);\n    _state.styleEl = null;\n  } else {\n    _state.styleEl = null;\n  }\n}\nfunction getBatchedCssStats() {\n  return {\n    totalInjected: injected.size,\n    pendingCount: pending.length,\n    hasBatchScheduled: _state.rafHandle !== null\n  };\n}\nexport {\n  batchedInject,\n  flushBatchedCss,\n  getBatchedCssStats,\n  isInjected,\n  resetBatchedCss,\n  syncInject\n};\n","import React from \"react\";\nasync function TwCssInjector(props = {}) {\n  const { route, includeGlobal = true, minify = true, cssDir } = props;\n  let fs = null;\n  let path = null;\n  try {\n    fs = await import(\"node:fs\");\n    path = await import(\"node:path\");\n  } catch {\n    return React.createElement(React.Fragment, null);\n  }\n  const resolvedDir = cssDir ?? path.join(process.cwd(), \".next\", \"static\", \"css\", \"tw\");\n  const manifestPath = path.join(resolvedDir, \"css-manifest.json\");\n  let manifest = {};\n  try {\n    if (fs.existsSync(manifestPath)) {\n      manifest = JSON.parse(fs.readFileSync(manifestPath, \"utf-8\"));\n    }\n  } catch {\n    return React.createElement(React.Fragment, null);\n  }\n  const cssChunks = [];\n  if (includeGlobal && manifest.routes?.[\"__global\"]) {\n    const globalPath = path.join(resolvedDir, manifest.routes[\"__global\"]);\n    const css = readFile(fs, globalPath);\n    if (css) cssChunks.push(css);\n  }\n  const targetRoute = route ?? \"/\";\n  if (manifest.routes?.[targetRoute]) {\n    const routePath = path.join(resolvedDir, manifest.routes[targetRoute]);\n    const css = readFile(fs, routePath);\n    if (css) cssChunks.push(css);\n  }\n  if (cssChunks.length === 0) return React.createElement(React.Fragment, null);\n  const combined = cssChunks.join(\"\\n\");\n  const final = minify ? minifyCss(combined) : combined;\n  return React.createElement(\"style\", {\n    dangerouslySetInnerHTML: { __html: final },\n    \"data-tw-route\": targetRoute,\n    \"data-tw-injector\": \"true\"\n  });\n}\nfunction useTwClasses(classes) {\n  return classes;\n}\nfunction readFile(fs, filepath) {\n  try {\n    if (fs.existsSync(filepath)) return fs.readFileSync(filepath, \"utf-8\");\n  } catch {\n  }\n  return null;\n}\nfunction minifyCss(css) {\n  return css.replace(/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//g, \"\").replace(/\\s+/g, \" \").replace(/\\s*{\\s*/g, \"{\").replace(/\\s*}\\s*/g, \"}\").replace(/\\s*;\\s*/g, \";\").trim();\n}\nexport {\n  TwCssInjector,\n  useTwClasses\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,IAAM,WAA2B,oBAAI,IAAI;AACzC,IAAM,UAAU,CAAC;AACjB,IAAM,SAAS;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AACX;AACA,SAAS,kBAAkB;AACzB,MAAI,OAAO,WAAW,SAAS,KAAK,SAAS,OAAO,OAAO,EAAG,QAAO,OAAO;AAC5E,SAAO,UAAU,SAAS,cAAc,OAAO;AAC/C,SAAO,QAAQ,KAAK;AACpB,SAAO,QAAQ,aAAa,mBAAmB,MAAM;AACrD,WAAS,KAAK,YAAY,OAAO,OAAO;AACxC,SAAO,OAAO;AAChB;AACA,SAAS,kBAAkB,SAAS;AAClC,QAAM,UAAU,QAAQ,KAAK;AAC7B,MAAI,CAAC,QAAS;AACd,QAAM,KAAK,gBAAgB;AAC3B,QAAM,QAAQ,GAAG;AACjB,MAAI,OAAO;AACT,QAAI;AACF,YAAM,WAAW,SAAS,MAAM,SAAS,MAAM;AAC/C;AAAA,IACF,QAAQ;AACN,UAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,gBAAQ,KAAK,wEAAwE,QAAQ,MAAM,GAAG,EAAE,CAAC;AAAA,MAC3G;AAAA,IACF;AAAA,EACF;AACA,KAAG,eAAe,GAAG,eAAe,MAAM;AAAA,EAC1C,OAAO;AACT;AACA,SAAS,cAAc,SAAS;AAC9B,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,CAAC,WAAW,SAAS,IAAI,OAAO,EAAG;AACvC,WAAS,IAAI,OAAO;AACpB,UAAQ,KAAK,OAAO;AACpB,MAAI,OAAO,cAAc,MAAM;AAC7B,WAAO,YAAY,sBAAsB,eAAe;AAAA,EAC1D;AACF;AACA,SAAS,kBAAkB;AACzB,SAAO,YAAY;AACnB,MAAI,QAAQ,WAAW,KAAK,OAAO,aAAa,YAAa;AAC7D,QAAM,QAAQ,QAAQ,OAAO,CAAC;AAC9B,aAAW,QAAQ,OAAO;AACxB,sBAAkB,IAAI;AAAA,EACxB;AACF;AACA,SAAS,WAAW,SAAS;AAC3B,MAAI,OAAO,aAAa,YAAa;AACrC,MAAI,CAAC,WAAW,SAAS,IAAI,OAAO,EAAG;AACvC,WAAS,IAAI,OAAO;AACpB,oBAAkB,OAAO;AAC3B;AACA,SAAS,WAAW,SAAS;AAC3B,SAAO,SAAS,IAAI,OAAO;AAC7B;AACA,SAAS,kBAAkB;AACzB,WAAS,MAAM;AACf,UAAQ,SAAS;AACjB,MAAI,OAAO,cAAc,MAAM;AAC7B,yBAAqB,OAAO,SAAS;AACrC,WAAO,YAAY;AAAA,EACrB;AACA,MAAI,OAAO,aAAa,eAAe,OAAO,WAAW,SAAS,KAAK,SAAS,OAAO,OAAO,GAAG;AAC/F,aAAS,KAAK,YAAY,OAAO,OAAO;AACxC,WAAO,UAAU;AAAA,EACnB,OAAO;AACL,WAAO,UAAU;AAAA,EACnB;AACF;AACA,SAAS,qBAAqB;AAC5B,SAAO;AAAA,IACL,eAAe,SAAS;AAAA,IACxB,cAAc,QAAQ;AAAA,IACtB,mBAAmB,OAAO,cAAc;AAAA,EAC1C;AACF;;;AC/EA,mBAAkB;AA0ClB,SAAS,aAAa,SAAS;AAC7B,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../src/umbrella/runtime-css.ts","../packages/domain/runtime-css/dist/CssInjector.js"],"sourcesContent":["// Server-safe entry — hanya export TwCssInjector (async RSC) dan useTwClasses.\n// batchedInjector SENGAJA tidak di-export di sini karena punya \"use client\"\n// yang akan membuat Next.js memperlakukan TwCssInjector sebagai Client Component.\n// Runtime CSS injection internal (stateEngine, containerQuery) mengakses\n// @tailwind-styled/runtime-css/batched secara langsung di module level mereka sendiri.\nexport { TwCssInjector, useTwClasses } from \"@tailwind-styled/runtime-css/server\"\n","import React from \"react\";\nasync function TwCssInjector(props = {}) {\n  const { route, includeGlobal = true, minify = true, cssDir } = props;\n  let fs = null;\n  let path = null;\n  try {\n    fs = await import(\"node:fs\");\n    path = await import(\"node:path\");\n  } catch {\n    warnOnceDev(\n      \"TwCssInjector dipanggil tapi gak bisa akses 'node:fs'/'node:path' (kemungkinan jalan di environment non-Node, misal Edge runtime). CSS injection di-skip \\u2014 komponen tetap render normal, tapi route CSS lo gak ikut inline.\"\n    );\n    return React.createElement(React.Fragment, null);\n  }\n  const resolvedDir = cssDir ?? path.join(process.cwd(), \".next\", \"static\", \"css\", \"tw\");\n  const manifestPath = path.join(resolvedDir, \"css-manifest.json\");\n  let manifest = {};\n  try {\n    if (fs.existsSync(manifestPath)) {\n      manifest = JSON.parse(fs.readFileSync(manifestPath, \"utf-8\"));\n    } else {\n      warnOnceDev(\n        `TwCssInjector aktif tapi manifest gak ketemu di \"${manifestPath}\". CSS injection di-skip diam-diam \\u2014 biasanya ini berarti \"routeCss: true\" belum diset di withTailwindStyled(...) di next.config, atau dev/build server belum sempat generate manifest-nya. Cek konfigurasi sebelum lanjut.`\n      );\n      return React.createElement(React.Fragment, null);\n    }\n  } catch (err) {\n    warnOnceDev(\n      `TwCssInjector gagal parse manifest di \"${manifestPath}\": ${err instanceof Error ? err.message : String(err)}. CSS injection di-skip \\u2014 manifest mungkin korup atau lagi setengah ditulis saat dibaca.`\n    );\n    return React.createElement(React.Fragment, null);\n  }\n  const cssChunks = [];\n  if (includeGlobal && manifest.routes?.[\"__global\"]) {\n    const globalPath = path.join(resolvedDir, manifest.routes[\"__global\"]);\n    const css = readFile(fs, globalPath);\n    if (css) cssChunks.push(css);\n  }\n  const targetRoute = route ?? \"/\";\n  if (manifest.routes?.[targetRoute]) {\n    const routePath = path.join(resolvedDir, manifest.routes[targetRoute]);\n    const css = readFile(fs, routePath);\n    if (css) cssChunks.push(css);\n  }\n  if (cssChunks.length === 0) return React.createElement(React.Fragment, null);\n  const combined = cssChunks.join(\"\\n\");\n  const final = minify ? minifyCss(combined) : combined;\n  return React.createElement(\"style\", {\n    dangerouslySetInnerHTML: { __html: final },\n    \"data-tw-route\": targetRoute,\n    \"data-tw-injector\": \"true\"\n  });\n}\nfunction useTwClasses(classes) {\n  return classes;\n}\nconst warnedKeys = /* @__PURE__ */ new Set();\nfunction warnOnceDev(message) {\n  if (process.env.NODE_ENV === \"production\") return;\n  if (warnedKeys.has(message)) return;\n  warnedKeys.add(message);\n  console.warn(`[tailwind-styled-v4] ${message}`);\n}\nfunction readFile(fs, filepath) {\n  try {\n    if (fs.existsSync(filepath)) return fs.readFileSync(filepath, \"utf-8\");\n  } catch {\n  }\n  return null;\n}\nfunction minifyCss(css) {\n  return css.replace(/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//g, \"\").replace(/\\s+/g, \" \").replace(/\\s*{\\s*/g, \"{\").replace(/\\s*}\\s*/g, \"}\").replace(/\\s*;\\s*/g, \";\").trim();\n}\nexport {\n  TwCssInjector,\n  useTwClasses\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,eAAe,cAAc,QAAQ,CAAC,GAAG;AACvC,QAAM,EAAE,OAAO,gBAAgB,MAAM,SAAS,MAAM,OAAO,IAAI;AAC/D,MAAI,KAAK;AACT,MAAI,OAAO;AACX,MAAI;AACF,SAAK,MAAM,OAAO,IAAS;AAC3B,WAAO,MAAM,OAAO,MAAW;AAAA,EACjC,QAAQ;AACN;AAAA,MACE;AAAA,IACF;AACA,WAAO,aAAAA,QAAM,cAAc,aAAAA,QAAM,UAAU,IAAI;AAAA,EACjD;AACA,QAAM,cAAc,UAAU,KAAK,KAAK,QAAQ,IAAI,GAAG,SAAS,UAAU,OAAO,IAAI;AACrF,QAAM,eAAe,KAAK,KAAK,aAAa,mBAAmB;AAC/D,MAAI,WAAW,CAAC;AAChB,MAAI;AACF,QAAI,GAAG,WAAW,YAAY,GAAG;AAC/B,iBAAW,KAAK,MAAM,GAAG,aAAa,cAAc,OAAO,CAAC;AAAA,IAC9D,OAAO;AACL;AAAA,QACE,oDAAoD,YAAY;AAAA,MAClE;AACA,aAAO,aAAAA,QAAM,cAAc,aAAAA,QAAM,UAAU,IAAI;AAAA,IACjD;AAAA,EACF,SAAS,KAAK;AACZ;AAAA,MACE,0CAA0C,YAAY,MAAM,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC9G;AACA,WAAO,aAAAA,QAAM,cAAc,aAAAA,QAAM,UAAU,IAAI;AAAA,EACjD;AACA,QAAM,YAAY,CAAC;AACnB,MAAI,iBAAiB,SAAS,SAAS,UAAU,GAAG;AAClD,UAAM,aAAa,KAAK,KAAK,aAAa,SAAS,OAAO,UAAU,CAAC;AACrE,UAAM,MAAM,SAAS,IAAI,UAAU;AACnC,QAAI,IAAK,WAAU,KAAK,GAAG;AAAA,EAC7B;AACA,QAAM,cAAc,SAAS;AAC7B,MAAI,SAAS,SAAS,WAAW,GAAG;AAClC,UAAM,YAAY,KAAK,KAAK,aAAa,SAAS,OAAO,WAAW,CAAC;AACrE,UAAM,MAAM,SAAS,IAAI,SAAS;AAClC,QAAI,IAAK,WAAU,KAAK,GAAG;AAAA,EAC7B;AACA,MAAI,UAAU,WAAW,EAAG,QAAO,aAAAA,QAAM,cAAc,aAAAA,QAAM,UAAU,IAAI;AAC3E,QAAM,WAAW,UAAU,KAAK,IAAI;AACpC,QAAM,QAAQ,SAAS,UAAU,QAAQ,IAAI;AAC7C,SAAO,aAAAA,QAAM,cAAc,SAAS;AAAA,IAClC,yBAAyB,EAAE,QAAQ,MAAM;AAAA,IACzC,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EACtB,CAAC;AACH;AACA,SAAS,aAAa,SAAS;AAC7B,SAAO;AACT;AACA,IAAM,aAA6B,oBAAI,IAAI;AAC3C,SAAS,YAAY,SAAS;AAC5B,MAAI,QAAQ,IAAI,aAAa,aAAc;AAC3C,MAAI,WAAW,IAAI,OAAO,EAAG;AAC7B,aAAW,IAAI,OAAO;AACtB,UAAQ,KAAK,wBAAwB,OAAO,EAAE;AAChD;AACA,SAAS,SAAS,IAAI,UAAU;AAC9B,MAAI;AACF,QAAI,GAAG,WAAW,QAAQ,EAAG,QAAO,GAAG,aAAa,UAAU,OAAO;AAAA,EACvE,QAAQ;AAAA,EACR;AACA,SAAO;AACT;AACA,SAAS,UAAU,KAAK;AACtB,SAAO,IAAI,QAAQ,mCAAmC,EAAE,EAAE,QAAQ,QAAQ,GAAG,EAAE,QAAQ,YAAY,GAAG,EAAE,QAAQ,YAAY,GAAG,EAAE,QAAQ,YAAY,GAAG,EAAE,KAAK;AACjK;","names":["React"]}

package/dist/runtime-css.mjs

@@ -1,97 +1,79 @@
-"use client";
-// packages/domain/runtime-css/dist/batchedInjector.js
-var injected = /* @__PURE__ */ new Set();
-var pending = [];
-var _state = {
-  rafHandle: null,
-  styleEl: null
-};
-function getStyleElement() {
-  if (_state.styleEl && document.head.contains(_state.styleEl)) return _state.styleEl;
-  _state.styleEl = document.createElement("style");
-  _state.styleEl.id = "__tw-runtime-css";
-  _state.styleEl.setAttribute("data-tw-batched", "true");
-  document.head.appendChild(_state.styleEl);
-  return _state.styleEl;
-}
-function insertRuleToSheet(cssRule) {
-  const trimmed = cssRule.trim();
-  if (!trimmed) return;
-  const el = getStyleElement();
-  const sheet = el.sheet;
-  if (sheet) {
-    try {
-      sheet.insertRule(trimmed, sheet.cssRules.length);
-      return;
-    } catch {
-      if (process.env.NODE_ENV === "development") {
-        console.warn("[tw] insertRule failed, falling back to textContent append for rule:", trimmed.slice(0, 80));
-      }
+// packages/domain/runtime-css/dist/CssInjector.js
+import React from "react";
+async function TwCssInjector(props = {}) {
+  const { route, includeGlobal = true, minify = true, cssDir } = props;
+  let fs = null;
+  let path = null;
+  try {
+    fs = await import("fs");
+    path = await import("path");
+  } catch {
+    warnOnceDev(
+      "TwCssInjector dipanggil tapi gak bisa akses 'node:fs'/'node:path' (kemungkinan jalan di environment non-Node, misal Edge runtime). CSS injection di-skip \u2014 komponen tetap render normal, tapi route CSS lo gak ikut inline."
+    );
+    return React.createElement(React.Fragment, null);
+  }
+  const resolvedDir = cssDir ?? path.join(process.cwd(), ".next", "static", "css", "tw");
+  const manifestPath = path.join(resolvedDir, "css-manifest.json");
+  let manifest = {};
+  try {
+    if (fs.existsSync(manifestPath)) {
+      manifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
+    } else {
+      warnOnceDev(
+        `TwCssInjector aktif tapi manifest gak ketemu di "${manifestPath}". CSS injection di-skip diam-diam \u2014 biasanya ini berarti "routeCss: true" belum diset di withTailwindStyled(...) di next.config, atau dev/build server belum sempat generate manifest-nya. Cek konfigurasi sebelum lanjut.`
+      );
+      return React.createElement(React.Fragment, null);
     }
+  } catch (err) {
+    warnOnceDev(
+      `TwCssInjector gagal parse manifest di "${manifestPath}": ${err instanceof Error ? err.message : String(err)}. CSS injection di-skip \u2014 manifest mungkin korup atau lagi setengah ditulis saat dibaca.`
+    );
+    return React.createElement(React.Fragment, null);
   }
-  el.textContent = (el.textContent ?? "") + `
-${trimmed}`;
-}
-function batchedInject(cssRule) {
-  if (typeof window === "undefined") return;
-  if (!cssRule || injected.has(cssRule)) return;
-  injected.add(cssRule);
-  pending.push(cssRule);
-  if (_state.rafHandle === null) {
-    _state.rafHandle = requestAnimationFrame(flushBatchedCss);
+  const cssChunks = [];
+  if (includeGlobal && manifest.routes?.["__global"]) {
+    const globalPath = path.join(resolvedDir, manifest.routes["__global"]);
+    const css = readFile(fs, globalPath);
+    if (css) cssChunks.push(css);
   }
-}
-function flushBatchedCss() {
-  _state.rafHandle = null;
-  if (pending.length === 0 || typeof document === "undefined") return;
-  const rules = pending.splice(0);
-  for (const rule of rules) {
-    insertRuleToSheet(rule);
+  const targetRoute = route ?? "/";
+  if (manifest.routes?.[targetRoute]) {
+    const routePath = path.join(resolvedDir, manifest.routes[targetRoute]);
+    const css = readFile(fs, routePath);
+    if (css) cssChunks.push(css);
   }
+  if (cssChunks.length === 0) return React.createElement(React.Fragment, null);
+  const combined = cssChunks.join("\n");
+  const final = minify ? minifyCss(combined) : combined;
+  return React.createElement("style", {
+    dangerouslySetInnerHTML: { __html: final },
+    "data-tw-route": targetRoute,
+    "data-tw-injector": "true"
+  });
 }
-function syncInject(cssRule) {
-  if (typeof document === "undefined") return;
-  if (!cssRule || injected.has(cssRule)) return;
-  injected.add(cssRule);
-  insertRuleToSheet(cssRule);
+function useTwClasses(classes) {
+  return classes;
 }
-function isInjected(cssRule) {
-  return injected.has(cssRule);
+var warnedKeys = /* @__PURE__ */ new Set();
+function warnOnceDev(message) {
+  if (process.env.NODE_ENV === "production") return;
+  if (warnedKeys.has(message)) return;
+  warnedKeys.add(message);
+  console.warn(`[tailwind-styled-v4] ${message}`);
 }
-function resetBatchedCss() {
-  injected.clear();
-  pending.length = 0;
-  if (_state.rafHandle !== null) {
-    cancelAnimationFrame(_state.rafHandle);
-    _state.rafHandle = null;
-  }
-  if (typeof document !== "undefined" && _state.styleEl && document.head.contains(_state.styleEl)) {
-    document.head.removeChild(_state.styleEl);
-    _state.styleEl = null;
-  } else {
-    _state.styleEl = null;
+function readFile(fs, filepath) {
+  try {
+    if (fs.existsSync(filepath)) return fs.readFileSync(filepath, "utf-8");
+  } catch {
   }
+  return null;
 }
-function getBatchedCssStats() {
-  return {
-    totalInjected: injected.size,
-    pendingCount: pending.length,
-    hasBatchScheduled: _state.rafHandle !== null
-  };
-}
-
-// packages/domain/runtime-css/dist/CssInjector.js
-import React from "react";
-function useTwClasses(classes) {
-  return classes;
+function minifyCss(css) {
+  return css.replace(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, "").replace(/\s+/g, " ").replace(/\s*{\s*/g, "{").replace(/\s*}\s*/g, "}").replace(/\s*;\s*/g, ";").trim();
 }
 export {
-  batchedInject,
-  flushBatchedCss,
-  getBatchedCssStats,
-  isInjected,
-  resetBatchedCss,
-  syncInject,
+  TwCssInjector,
   useTwClasses
 };
 /* tailwind-styled-v4 v5.1.9 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */

package/dist/runtime-css.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../packages/domain/runtime-css/dist/batchedInjector.js","../packages/domain/runtime-css/dist/CssInjector.js"],"sourcesContent":["\"use client\";\nconst injected = /* @__PURE__ */ new Set();\nconst pending = [];\nconst _state = {\n  rafHandle: null,\n  styleEl: null\n};\nfunction getStyleElement() {\n  if (_state.styleEl && document.head.contains(_state.styleEl)) return _state.styleEl;\n  _state.styleEl = document.createElement(\"style\");\n  _state.styleEl.id = \"__tw-runtime-css\";\n  _state.styleEl.setAttribute(\"data-tw-batched\", \"true\");\n  document.head.appendChild(_state.styleEl);\n  return _state.styleEl;\n}\nfunction insertRuleToSheet(cssRule) {\n  const trimmed = cssRule.trim();\n  if (!trimmed) return;\n  const el = getStyleElement();\n  const sheet = el.sheet;\n  if (sheet) {\n    try {\n      sheet.insertRule(trimmed, sheet.cssRules.length);\n      return;\n    } catch {\n      if (process.env.NODE_ENV === \"development\") {\n        console.warn(\"[tw] insertRule failed, falling back to textContent append for rule:\", trimmed.slice(0, 80));\n      }\n    }\n  }\n  el.textContent = (el.textContent ?? \"\") + `\n${trimmed}`;\n}\nfunction batchedInject(cssRule) {\n  if (typeof window === \"undefined\") return;\n  if (!cssRule || injected.has(cssRule)) return;\n  injected.add(cssRule);\n  pending.push(cssRule);\n  if (_state.rafHandle === null) {\n    _state.rafHandle = requestAnimationFrame(flushBatchedCss);\n  }\n}\nfunction flushBatchedCss() {\n  _state.rafHandle = null;\n  if (pending.length === 0 || typeof document === \"undefined\") return;\n  const rules = pending.splice(0);\n  for (const rule of rules) {\n    insertRuleToSheet(rule);\n  }\n}\nfunction syncInject(cssRule) {\n  if (typeof document === \"undefined\") return;\n  if (!cssRule || injected.has(cssRule)) return;\n  injected.add(cssRule);\n  insertRuleToSheet(cssRule);\n}\nfunction isInjected(cssRule) {\n  return injected.has(cssRule);\n}\nfunction resetBatchedCss() {\n  injected.clear();\n  pending.length = 0;\n  if (_state.rafHandle !== null) {\n    cancelAnimationFrame(_state.rafHandle);\n    _state.rafHandle = null;\n  }\n  if (typeof document !== \"undefined\" && _state.styleEl && document.head.contains(_state.styleEl)) {\n    document.head.removeChild(_state.styleEl);\n    _state.styleEl = null;\n  } else {\n    _state.styleEl = null;\n  }\n}\nfunction getBatchedCssStats() {\n  return {\n    totalInjected: injected.size,\n    pendingCount: pending.length,\n    hasBatchScheduled: _state.rafHandle !== null\n  };\n}\nexport {\n  batchedInject,\n  flushBatchedCss,\n  getBatchedCssStats,\n  isInjected,\n  resetBatchedCss,\n  syncInject\n};\n","import React from \"react\";\nasync function TwCssInjector(props = {}) {\n  const { route, includeGlobal = true, minify = true, cssDir } = props;\n  let fs = null;\n  let path = null;\n  try {\n    fs = await import(\"node:fs\");\n    path = await import(\"node:path\");\n  } catch {\n    return React.createElement(React.Fragment, null);\n  }\n  const resolvedDir = cssDir ?? path.join(process.cwd(), \".next\", \"static\", \"css\", \"tw\");\n  const manifestPath = path.join(resolvedDir, \"css-manifest.json\");\n  let manifest = {};\n  try {\n    if (fs.existsSync(manifestPath)) {\n      manifest = JSON.parse(fs.readFileSync(manifestPath, \"utf-8\"));\n    }\n  } catch {\n    return React.createElement(React.Fragment, null);\n  }\n  const cssChunks = [];\n  if (includeGlobal && manifest.routes?.[\"__global\"]) {\n    const globalPath = path.join(resolvedDir, manifest.routes[\"__global\"]);\n    const css = readFile(fs, globalPath);\n    if (css) cssChunks.push(css);\n  }\n  const targetRoute = route ?? \"/\";\n  if (manifest.routes?.[targetRoute]) {\n    const routePath = path.join(resolvedDir, manifest.routes[targetRoute]);\n    const css = readFile(fs, routePath);\n    if (css) cssChunks.push(css);\n  }\n  if (cssChunks.length === 0) return React.createElement(React.Fragment, null);\n  const combined = cssChunks.join(\"\\n\");\n  const final = minify ? minifyCss(combined) : combined;\n  return React.createElement(\"style\", {\n    dangerouslySetInnerHTML: { __html: final },\n    \"data-tw-route\": targetRoute,\n    \"data-tw-injector\": \"true\"\n  });\n}\nfunction useTwClasses(classes) {\n  return classes;\n}\nfunction readFile(fs, filepath) {\n  try {\n    if (fs.existsSync(filepath)) return fs.readFileSync(filepath, \"utf-8\");\n  } catch {\n  }\n  return null;\n}\nfunction minifyCss(css) {\n  return css.replace(/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//g, \"\").replace(/\\s+/g, \" \").replace(/\\s*{\\s*/g, \"{\").replace(/\\s*}\\s*/g, \"}\").replace(/\\s*;\\s*/g, \";\").trim();\n}\nexport {\n  TwCssInjector,\n  useTwClasses\n};\n"],"mappings":";AACA,IAAM,WAA2B,oBAAI,IAAI;AACzC,IAAM,UAAU,CAAC;AACjB,IAAM,SAAS;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AACX;AACA,SAAS,kBAAkB;AACzB,MAAI,OAAO,WAAW,SAAS,KAAK,SAAS,OAAO,OAAO,EAAG,QAAO,OAAO;AAC5E,SAAO,UAAU,SAAS,cAAc,OAAO;AAC/C,SAAO,QAAQ,KAAK;AACpB,SAAO,QAAQ,aAAa,mBAAmB,MAAM;AACrD,WAAS,KAAK,YAAY,OAAO,OAAO;AACxC,SAAO,OAAO;AAChB;AACA,SAAS,kBAAkB,SAAS;AAClC,QAAM,UAAU,QAAQ,KAAK;AAC7B,MAAI,CAAC,QAAS;AACd,QAAM,KAAK,gBAAgB;AAC3B,QAAM,QAAQ,GAAG;AACjB,MAAI,OAAO;AACT,QAAI;AACF,YAAM,WAAW,SAAS,MAAM,SAAS,MAAM;AAC/C;AAAA,IACF,QAAQ;AACN,UAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,gBAAQ,KAAK,wEAAwE,QAAQ,MAAM,GAAG,EAAE,CAAC;AAAA,MAC3G;AAAA,IACF;AAAA,EACF;AACA,KAAG,eAAe,GAAG,eAAe,MAAM;AAAA,EAC1C,OAAO;AACT;AACA,SAAS,cAAc,SAAS;AAC9B,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,CAAC,WAAW,SAAS,IAAI,OAAO,EAAG;AACvC,WAAS,IAAI,OAAO;AACpB,UAAQ,KAAK,OAAO;AACpB,MAAI,OAAO,cAAc,MAAM;AAC7B,WAAO,YAAY,sBAAsB,eAAe;AAAA,EAC1D;AACF;AACA,SAAS,kBAAkB;AACzB,SAAO,YAAY;AACnB,MAAI,QAAQ,WAAW,KAAK,OAAO,aAAa,YAAa;AAC7D,QAAM,QAAQ,QAAQ,OAAO,CAAC;AAC9B,aAAW,QAAQ,OAAO;AACxB,sBAAkB,IAAI;AAAA,EACxB;AACF;AACA,SAAS,WAAW,SAAS;AAC3B,MAAI,OAAO,aAAa,YAAa;AACrC,MAAI,CAAC,WAAW,SAAS,IAAI,OAAO,EAAG;AACvC,WAAS,IAAI,OAAO;AACpB,oBAAkB,OAAO;AAC3B;AACA,SAAS,WAAW,SAAS;AAC3B,SAAO,SAAS,IAAI,OAAO;AAC7B;AACA,SAAS,kBAAkB;AACzB,WAAS,MAAM;AACf,UAAQ,SAAS;AACjB,MAAI,OAAO,cAAc,MAAM;AAC7B,yBAAqB,OAAO,SAAS;AACrC,WAAO,YAAY;AAAA,EACrB;AACA,MAAI,OAAO,aAAa,eAAe,OAAO,WAAW,SAAS,KAAK,SAAS,OAAO,OAAO,GAAG;AAC/F,aAAS,KAAK,YAAY,OAAO,OAAO;AACxC,WAAO,UAAU;AAAA,EACnB,OAAO;AACL,WAAO,UAAU;AAAA,EACnB;AACF;AACA,SAAS,qBAAqB;AAC5B,SAAO;AAAA,IACL,eAAe,SAAS;AAAA,IACxB,cAAc,QAAQ;AAAA,IACtB,mBAAmB,OAAO,cAAc;AAAA,EAC1C;AACF;;;AC/EA,OAAO,WAAW;AA0ClB,SAAS,aAAa,SAAS;AAC7B,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../packages/domain/runtime-css/dist/CssInjector.js"],"sourcesContent":["import React from \"react\";\nasync function TwCssInjector(props = {}) {\n  const { route, includeGlobal = true, minify = true, cssDir } = props;\n  let fs = null;\n  let path = null;\n  try {\n    fs = await import(\"node:fs\");\n    path = await import(\"node:path\");\n  } catch {\n    warnOnceDev(\n      \"TwCssInjector dipanggil tapi gak bisa akses 'node:fs'/'node:path' (kemungkinan jalan di environment non-Node, misal Edge runtime). CSS injection di-skip \\u2014 komponen tetap render normal, tapi route CSS lo gak ikut inline.\"\n    );\n    return React.createElement(React.Fragment, null);\n  }\n  const resolvedDir = cssDir ?? path.join(process.cwd(), \".next\", \"static\", \"css\", \"tw\");\n  const manifestPath = path.join(resolvedDir, \"css-manifest.json\");\n  let manifest = {};\n  try {\n    if (fs.existsSync(manifestPath)) {\n      manifest = JSON.parse(fs.readFileSync(manifestPath, \"utf-8\"));\n    } else {\n      warnOnceDev(\n        `TwCssInjector aktif tapi manifest gak ketemu di \"${manifestPath}\". CSS injection di-skip diam-diam \\u2014 biasanya ini berarti \"routeCss: true\" belum diset di withTailwindStyled(...) di next.config, atau dev/build server belum sempat generate manifest-nya. Cek konfigurasi sebelum lanjut.`\n      );\n      return React.createElement(React.Fragment, null);\n    }\n  } catch (err) {\n    warnOnceDev(\n      `TwCssInjector gagal parse manifest di \"${manifestPath}\": ${err instanceof Error ? err.message : String(err)}. CSS injection di-skip \\u2014 manifest mungkin korup atau lagi setengah ditulis saat dibaca.`\n    );\n    return React.createElement(React.Fragment, null);\n  }\n  const cssChunks = [];\n  if (includeGlobal && manifest.routes?.[\"__global\"]) {\n    const globalPath = path.join(resolvedDir, manifest.routes[\"__global\"]);\n    const css = readFile(fs, globalPath);\n    if (css) cssChunks.push(css);\n  }\n  const targetRoute = route ?? \"/\";\n  if (manifest.routes?.[targetRoute]) {\n    const routePath = path.join(resolvedDir, manifest.routes[targetRoute]);\n    const css = readFile(fs, routePath);\n    if (css) cssChunks.push(css);\n  }\n  if (cssChunks.length === 0) return React.createElement(React.Fragment, null);\n  const combined = cssChunks.join(\"\\n\");\n  const final = minify ? minifyCss(combined) : combined;\n  return React.createElement(\"style\", {\n    dangerouslySetInnerHTML: { __html: final },\n    \"data-tw-route\": targetRoute,\n    \"data-tw-injector\": \"true\"\n  });\n}\nfunction useTwClasses(classes) {\n  return classes;\n}\nconst warnedKeys = /* @__PURE__ */ new Set();\nfunction warnOnceDev(message) {\n  if (process.env.NODE_ENV === \"production\") return;\n  if (warnedKeys.has(message)) return;\n  warnedKeys.add(message);\n  console.warn(`[tailwind-styled-v4] ${message}`);\n}\nfunction readFile(fs, filepath) {\n  try {\n    if (fs.existsSync(filepath)) return fs.readFileSync(filepath, \"utf-8\");\n  } catch {\n  }\n  return null;\n}\nfunction minifyCss(css) {\n  return css.replace(/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//g, \"\").replace(/\\s+/g, \" \").replace(/\\s*{\\s*/g, \"{\").replace(/\\s*}\\s*/g, \"}\").replace(/\\s*;\\s*/g, \";\").trim();\n}\nexport {\n  TwCssInjector,\n  useTwClasses\n};\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,eAAe,cAAc,QAAQ,CAAC,GAAG;AACvC,QAAM,EAAE,OAAO,gBAAgB,MAAM,SAAS,MAAM,OAAO,IAAI;AAC/D,MAAI,KAAK;AACT,MAAI,OAAO;AACX,MAAI;AACF,SAAK,MAAM,OAAO,IAAS;AAC3B,WAAO,MAAM,OAAO,MAAW;AAAA,EACjC,QAAQ;AACN;AAAA,MACE;AAAA,IACF;AACA,WAAO,MAAM,cAAc,MAAM,UAAU,IAAI;AAAA,EACjD;AACA,QAAM,cAAc,UAAU,KAAK,KAAK,QAAQ,IAAI,GAAG,SAAS,UAAU,OAAO,IAAI;AACrF,QAAM,eAAe,KAAK,KAAK,aAAa,mBAAmB;AAC/D,MAAI,WAAW,CAAC;AAChB,MAAI;AACF,QAAI,GAAG,WAAW,YAAY,GAAG;AAC/B,iBAAW,KAAK,MAAM,GAAG,aAAa,cAAc,OAAO,CAAC;AAAA,IAC9D,OAAO;AACL;AAAA,QACE,oDAAoD,YAAY;AAAA,MAClE;AACA,aAAO,MAAM,cAAc,MAAM,UAAU,IAAI;AAAA,IACjD;AAAA,EACF,SAAS,KAAK;AACZ;AAAA,MACE,0CAA0C,YAAY,MAAM,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC9G;AACA,WAAO,MAAM,cAAc,MAAM,UAAU,IAAI;AAAA,EACjD;AACA,QAAM,YAAY,CAAC;AACnB,MAAI,iBAAiB,SAAS,SAAS,UAAU,GAAG;AAClD,UAAM,aAAa,KAAK,KAAK,aAAa,SAAS,OAAO,UAAU,CAAC;AACrE,UAAM,MAAM,SAAS,IAAI,UAAU;AACnC,QAAI,IAAK,WAAU,KAAK,GAAG;AAAA,EAC7B;AACA,QAAM,cAAc,SAAS;AAC7B,MAAI,SAAS,SAAS,WAAW,GAAG;AAClC,UAAM,YAAY,KAAK,KAAK,aAAa,SAAS,OAAO,WAAW,CAAC;AACrE,UAAM,MAAM,SAAS,IAAI,SAAS;AAClC,QAAI,IAAK,WAAU,KAAK,GAAG;AAAA,EAC7B;AACA,MAAI,UAAU,WAAW,EAAG,QAAO,MAAM,cAAc,MAAM,UAAU,IAAI;AAC3E,QAAM,WAAW,UAAU,KAAK,IAAI;AACpC,QAAM,QAAQ,SAAS,UAAU,QAAQ,IAAI;AAC7C,SAAO,MAAM,cAAc,SAAS;AAAA,IAClC,yBAAyB,EAAE,QAAQ,MAAM;AAAA,IACzC,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EACtB,CAAC;AACH;AACA,SAAS,aAAa,SAAS;AAC7B,SAAO;AACT;AACA,IAAM,aAA6B,oBAAI,IAAI;AAC3C,SAAS,YAAY,SAAS;AAC5B,MAAI,QAAQ,IAAI,aAAa,aAAc;AAC3C,MAAI,WAAW,IAAI,OAAO,EAAG;AAC7B,aAAW,IAAI,OAAO;AACtB,UAAQ,KAAK,wBAAwB,OAAO,EAAE;AAChD;AACA,SAAS,SAAS,IAAI,UAAU;AAC9B,MAAI;AACF,QAAI,GAAG,WAAW,QAAQ,EAAG,QAAO,GAAG,aAAa,UAAU,OAAO;AAAA,EACvE,QAAQ;AAAA,EACR;AACA,SAAO;AACT;AACA,SAAS,UAAU,KAAK;AACtB,SAAO,IAAI,QAAQ,mCAAmC,EAAE,EAAE,QAAQ,QAAQ,GAAG,EAAE,QAAQ,YAAY,GAAG,EAAE,QAAQ,YAAY,GAAG,EAAE,QAAQ,YAAY,GAAG,EAAE,KAAK;AACjK;","names":[]}

package/dist/runtime.js

@@ -75,11 +75,18 @@ ${vars}
 var createLiveTokenEngine = () => {
   const state = {
     currentTokens: {},
-    styleEl: null
+    styleEl: null,
+    // Belum boleh nyentuh live DOM sampai komponen pertama selesai mount.
+    // Ini yang nyegah hydration mismatch: tanpa flag ini, liveToken() yang
+    // dipanggil di module top-level akan langsung document.documentElement
+    // .style.setProperty(...) saat bundle client di-evaluasi — JAUH sebelum
+    // React selesai hydrate — sehingga <html> versi live DOM beda dengan
+    // <html> yang di-render server (yang gak pernah nyentuh `document`).
+    hydrated: false
   };
   const subscribers = /* @__PURE__ */ new Set();
   const syncStyleEl = () => {
-    if (typeof document === "undefined") return;
+    if (!state.hydrated || typeof document === "undefined") return;
     if (!state.styleEl) {
       const styleEl = document.createElement("style");
       styleEl.id = "tw-live-tokens";
@@ -100,7 +107,7 @@ var createLiveTokenEngine = () => {
   };
   const setToken2 = (name, value) => {
     state.currentTokens = { ...state.currentTokens, [name]: value };
-    if (typeof document !== "undefined") {
+    if (state.hydrated && typeof document !== "undefined") {
       document.documentElement.style.setProperty(tokenVar(name), value);
     }
     syncStyleEl();
@@ -108,7 +115,7 @@ var createLiveTokenEngine = () => {
   };
   const setTokens2 = (tokens) => {
     state.currentTokens = { ...state.currentTokens, ...tokens };
-    if (typeof document !== "undefined") {
+    if (state.hydrated && typeof document !== "undefined") {
       const root = document.documentElement;
       for (const [name, value] of Object.entries(tokens)) {
         root.style.setProperty(tokenVar(name), value);
@@ -118,7 +125,7 @@ var createLiveTokenEngine = () => {
     notifySubscribers();
   };
   const applyTokenSet2 = (tokens) => {
-    if (typeof document !== "undefined") {
+    if (state.hydrated && typeof document !== "undefined") {
       const root = document.documentElement;
       for (const name of Object.keys(state.currentTokens)) {
         if (!(name in tokens)) {
@@ -133,7 +140,20 @@ var createLiveTokenEngine = () => {
     syncStyleEl();
     notifySubscribers();
   };
+  const markHydrated = () => {
+    if (state.hydrated || typeof document === "undefined") return;
+    state.hydrated = true;
+    const root = document.documentElement;
+    for (const [name, value] of Object.entries(state.currentTokens)) {
+      root.style.setProperty(tokenVar(name), value);
+    }
+    syncStyleEl();
+  };
+  if (typeof window !== "undefined") {
+    requestAnimationFrame(markHydrated);
+  }
   return {
+    markHydrated,
     liveToken(tokens) {
       setTokens2(tokens);
       const vars = {};
@@ -203,8 +223,9 @@ function generateTokenCssString() {
 }
 function createUseTokens() {
   return function useTokens() {
-    const [tokens, setTokensState] = import_react.default.useState(engine.getTokens());
+    const [tokens, setTokensState] = import_react.default.useState({});
     import_react.default.useEffect(() => {
+      engine.markHydrated();
       setTokensState(engine.getTokens());
       return engine.subscribe((nextTokens) => setTokensState(nextTokens));
     }, []);