tailwind-styled-v4 5.1.11 → 5.1.12

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -1184,8 +1185,49 @@ function wrapWithSubProxy(component, tagLabel) {
   });
 }
 
+// packages/domain/core/src/parseTemplateFallback.ts
+init_cjs_shims();
+var SUB_RE = /(?:\[([a-zA-Z][a-zA-Z0-9_-]*)\]|([a-zA-Z][a-zA-Z0-9_-]*))\s*\{([^}]*)\}/g;
+var COMMENT_RE = /\/\/[^\n]*/g;
+function collapseSpaces(s) {
+  return s.replace(/\s+/g, " ").trim();
+}
+function cleanBlock(raw) {
+  const noComments = raw.replace(COMMENT_RE, "");
+  const lines = noComments.split("\n").map((l) => l.trim()).filter((l) => l.length > 0);
+  return collapseSpaces(lines.join(" "));
+}
+function parseTemplateJs(raw) {
+  const subs = {};
+  let base = raw;
+  for (const match of raw.matchAll(SUB_RE)) {
+    const fullMatch = match[0];
+    const name = match[1] ?? match[2] ?? "";
+    const innerRaw = match[3] ?? "";
+    if (name) {
+      subs[name] = cleanBlock(innerRaw);
+    }
+    base = base.replace(fullMatch, "");
+  }
+  return {
+    base: cleanBlock(base),
+    subs,
+    hasSubs: Object.keys(subs).length > 0
+  };
+}
+
 // packages/domain/core/src/twProxy.ts
 var _parsedTemplateCache = /* @__PURE__ */ new Map();
+var warnedParseTemplateFallback = false;
+function warnParseTemplateFallbackOnce() {
+  if (warnedParseTemplateFallback) return;
+  warnedParseTemplateFallback = true;
+  if (typeof console !== "undefined") {
+    console.warn(
+      "[tailwind-styled-v4] Native binding 'parseTemplate' tidak tersedia (normal di browser, untuk komponen yang di-chain dengan .extend/.withVariants/.animate/.withSub) \u2014 pakai pure-TS port dari algoritma Rust-nya. Hasil tetap benar; ini cuma informasi, bukan error."
+    );
+  }
+}
 function parseTemplate(strings, exprs) {
   const raw = strings.raw.reduce((acc, str, i) => {
     const expr = exprs[i];
@@ -1195,12 +1237,15 @@ function parseTemplate(strings, exprs) {
   const cached = _parsedTemplateCache.get(raw);
   if (cached) return cached;
   const binding = getNativeBinding();
-  if (!binding?.parseTemplate) {
-    throw new Error("FATAL: Native binding 'parseTemplate' is required but not available.");
+  let result;
+  if (binding?.parseTemplate) {
+    const r = binding.parseTemplate(raw);
+    const subs = r.hasSubs ? JSON.parse(r.subsJson) : {};
+    result = { base: r.base, subs, hasSubs: r.hasSubs };
+  } else {
+    warnParseTemplateFallbackOnce();
+    result = parseTemplateJs(raw);
   }
-  const r = binding.parseTemplate(raw);
-  const subs = r.hasSubs ? JSON.parse(r.subsJson) : {};
-  const result = { base: r.base, subs, hasSubs: r.hasSubs };
   _parsedTemplateCache.set(raw, result);
   return result;
 }