tailwind-styled-v4 5.0.27 → 5.0.28

package/dist/index.browser.mjs

@@ -242,16 +242,21 @@ 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) ;
-  } 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.");
   }
-  throw new Error("FATAL: Native binding 'parseSubcomponentBlocksNapi' is required but not available.");
 }
 function parseSubComponentBlocks(template) {
   return _getParsedTemplate(template).subMap;
@@ -387,17 +392,12 @@ function makeFilterProps(variantKeys, stateKeys = /* @__PURE__ */ new Set()) {
 }
 function resolveVariants(variants, props, defaults) {
   const variantKeys = Object.keys(variants);
-  const cleanProps = {};
   for (const k of variantKeys) {
-    const v = props[k];
-    if (v !== void 0 && v !== null) cleanProps[k] = String(v);
+    props[k];
   }
-  try {
-    const binding = getNativeBinding();
-    if (binding?.resolveSimpleVariants) ;
-  } catch {
+  {
+    throw new Error("FATAL: Native binding 'resolveSimpleVariants' is required but not available.");
   }
-  throw new Error("FATAL: Native binding 'resolveSimpleVariants' is required but not available.");
 }
 function resolveStates(statesConfig, stateKeys, statesLookup, props) {
   if (statesLookup && stateKeys.length > 0) {
@@ -500,7 +500,7 @@ function createComponent(tag, config) {
   const base = typeof config === "string" ? config : config.base ?? "";
   const variants = typeof config === "string" ? {} : config.variants ?? {};
   const compoundVariants = typeof config === "string" ? [] : config.compoundVariants ?? [];
-  const defaultVariants = typeof config === "string" ? {} : config.defaultVariants ?? {};
+  typeof config === "string" ? {} : config.defaultVariants ?? {};
   const stateConfig = typeof config === "string" ? void 0 : config.state;
   const containerConfig = typeof config === "string" ? void 0 : config.container;
   const containerName = typeof config === "string" ? void 0 : config.containerName;
@@ -557,7 +557,7 @@ function createComponent(tag, config) {
   const baseComponent = React3.forwardRef((props, ref) => {
     const { className, ...rest } = props;
     const runtimeClassName = normalizeClassName(className);
-    const variantClasses = resolveVariants(variants, props, defaultVariants);
+    const variantClasses = resolveVariants(variants, props);
     const compoundClasses = resolveCompound(compoundVariants, props);
     const statesClasses = statesConfig ? resolveStates(statesConfig, stateKeys, statesLookup, props) : "";
     const mergedBase = twMerge(extractBaseClasses(base), variantClasses, compoundClasses, engineClasses, runtimeClassName);