tailwind-styled-v4 5.0.26 → 5.0.28

package/dist/index.d.mts

@@ -139,11 +139,11 @@ type TwSubComponentAccessor = React.FC<{
     children?: React.ReactNode;
     className?: string;
 }>;
-type TrimLeft<S extends string> = S extends ` ${infer R}` | `
-${infer R}` | `	${infer R}` | `
+type TrimLeft<S extends string> = S extends ` ${infer R}` | `
+${infer R}` | `	${infer R}` | `
 ${infer R}` ? TrimLeft<R> : S;
-type TrimRight<S extends string> = S extends `${infer L} ` | `${infer L}
-` | `${infer L}	` | `${infer L}
+type TrimRight<S extends string> = S extends `${infer L} ` | `${infer L}
+` | `${infer L}	` | `${infer L}
 ` ? TrimRight<L> : S;
 type Trim<S extends string> = TrimLeft<TrimRight<S>>;
 type ExtractSubNames<T extends string> = T extends `${string}[${infer Name}]${string}{${string}}${infer Rest}` ? Trim<Name> | ExtractSubNames<Rest> : T extends `${string}\n${infer Name}{${string}}${infer Rest}` ? (Trim<Name> extends "" ? never : Trim<Name>) | ExtractSubNames<Rest> : never;

package/dist/index.d.ts

@@ -139,11 +139,11 @@ type TwSubComponentAccessor = React.FC<{
     children?: React.ReactNode;
     className?: string;
 }>;
-type TrimLeft<S extends string> = S extends ` ${infer R}` | `
-${infer R}` | `	${infer R}` | `
+type TrimLeft<S extends string> = S extends ` ${infer R}` | `
+${infer R}` | `	${infer R}` | `
 ${infer R}` ? TrimLeft<R> : S;
-type TrimRight<S extends string> = S extends `${infer L} ` | `${infer L}
-` | `${infer L}	` | `${infer L}
+type TrimRight<S extends string> = S extends `${infer L} ` | `${infer L}
+` | `${infer L}	` | `${infer L}
 ` ? TrimRight<L> : S;
 type Trim<S extends string> = TrimLeft<TrimRight<S>>;
 type ExtractSubNames<T extends string> = T extends `${string}[${infer Name}]${string}{${string}}${infer Rest}` ? Trim<Name> | ExtractSubNames<Rest> : T extends `${string}\n${infer Name}{${string}}${infer Rest}` ? (Trim<Name> extends "" ? never : Trim<Name>) | ExtractSubNames<Rest> : never;

package/dist/index.js

@@ -2791,7 +2791,8 @@ var init_src = __esm({
       if (!native?.transformSource) {
         throw new Error("FATAL: Native binding 'transformSource' is required but not available.");
       }
-      const result = native.transformSource(source, opts);
+      const stringOpts = opts ? Object.fromEntries(Object.entries(opts).map(([k, v]) => [k, String(v)])) : void 0;
+      const result = native.transformSource(source, stringOpts);
       if (!result) {
         throw new Error("FATAL: transformSource returned null");
       }
@@ -3513,6 +3514,19 @@ function extractStaticStateCss(srcDir, options = {}) {
     const decl = r.declarations.trim();
     return decl.length === 0 || !decl.includes(":");
   }).length;
+  function sanitizeCssRule(cssRule, declarations) {
+    const segments = declarations.split(/[;\n]/).map((s) => s.trim()).filter(Boolean);
+    const validSegs = segments.filter((s) => s.includes(":"));
+    const invalidSegs = segments.filter((s) => !s.includes(":"));
+    if (invalidSegs.length === 0) return cssRule;
+    if (validSegs.length === 0) return null;
+    const braceIdx = cssRule.indexOf("{");
+    if (braceIdx === -1) return null;
+    const selector = cssRule.slice(0, braceIdx).trim();
+    return `${selector} {
+  ${validSegs.join(";\n  ")};
+}`;
+  }
   const byComponent = /* @__PURE__ */ new Map();
   for (const rule of allRules) {
     const existing = byComponent.get(rule.componentName) ?? [];
@@ -3524,11 +3538,18 @@ function extractStaticStateCss(srcDir, options = {}) {
     cssBlocks.push(`/* ${componentName} */`);
     for (const rule of rules) {
       cssBlocks.push(`/* state: ${rule.stateName} */`);
-      const isUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
-      if (isUnresolved) {
-        cssBlocks.push(`/* SKIPPED (unresolved): ${rule.declarations} \u2014 akan di-inject runtime */`);
+      const isFullyUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
+      if (isFullyUnresolved) {
+        const encoded = rule.declarations.replace(/([\w-]+)/g, "[$1]");
+        cssBlocks.push(`/* SKIP [unresolved]: ${encoded} */`);
       } else {
-        cssBlocks.push(rule.cssRule);
+        const sanitized = sanitizeCssRule(rule.cssRule, rule.declarations);
+        if (sanitized !== null) {
+          cssBlocks.push(sanitized);
+        } else {
+          const encoded = rule.declarations.replace(/([\w-]+)/g, "[$1]");
+          cssBlocks.push(`/* SKIP [sanitized-empty]: ${encoded} */`);
+        }
       }
     }
     cssBlocks.push("");
@@ -5244,25 +5265,30 @@ function getStateRegistry() {
 var ALWAYS_BLOCKED = /* @__PURE__ */ new Set(["base", "_ref", "state", "container", "containerName"]);
 var _templateParseCache = /* @__PURE__ */ new Map();
 var _statesLookupCache = /* @__PURE__ */ new Map();
+var _SUB_BLOCK_RE = /(?:^|[\s])(\[\w[\w-]*\])\s*\{/;
 function _getParsedTemplate(template) {
   const cached = _templateParseCache.get(template);
   if (cached) return cached;
-  let result;
-  try {
-    const native = getNativeBinding();
-    if (native?.parseSubcomponentBlocksNapi) {
-      const r = native.parseSubcomponentBlocksNapi(template, "tw");
-      const raw = JSON.parse(r.subMapJson);
-      result = {
-        baseClasses: r.baseClasses.trim().replace(/\s+/g, " "),
-        subMap: new Map(Object.entries(raw))
-      };
-      _templateParseCache.set(template, result);
-      return result;
-    }
-  } catch {
+  if (!_SUB_BLOCK_RE.test(template)) {
+    const result2 = {
+      baseClasses: template.trim().replace(/\s+/g, " "),
+      subMap: /* @__PURE__ */ new Map()
+    };
+    _templateParseCache.set(template, result2);
+    return result2;
   }
-  throw new Error("FATAL: Native binding 'parseSubcomponentBlocksNapi' is required but not available.");
+  const native = getNativeBinding();
+  if (!native?.parseSubcomponentBlocksNapi) {
+    throw new Error("FATAL: Native binding 'parseSubcomponentBlocksNapi' is required but not available.");
+  }
+  const r = native.parseSubcomponentBlocksNapi(template, "tw");
+  const raw = JSON.parse(r.subMapJson);
+  const result = {
+    baseClasses: r.baseClasses.trim().replace(/\s+/g, " "),
+    subMap: new Map(Object.entries(raw))
+  };
+  _templateParseCache.set(template, result);
+  return result;
 }
 function parseSubComponentBlocks(template) {
   return _getParsedTemplate(template).subMap;
@@ -5403,15 +5429,12 @@ function resolveVariants2(variants, props, defaults) {
     const v = props[k];
     if (v !== void 0 && v !== null) cleanProps[k] = String(v);
   }
-  try {
-    const binding = getNativeBinding();
-    if (binding?.resolveSimpleVariants) {
-      const result = binding.resolveSimpleVariants(null, variants, defaults, cleanProps);
-      return result.trim().replace(/\s+/g, " ");
-    }
-  } catch {
+  const binding = getNativeBinding();
+  if (!binding?.resolveSimpleVariants) {
+    throw new Error("FATAL: Native binding 'resolveSimpleVariants' is required but not available.");
   }
-  throw new Error("FATAL: Native binding 'resolveSimpleVariants' is required but not available.");
+  const result = binding.resolveSimpleVariants(null, variants, defaults, cleanProps);
+  return result.trim().replace(/\s+/g, " ");
 }
 function resolveStates(statesConfig, stateKeys, statesLookup, props) {
   if (statesLookup && stateKeys.length > 0) {