tailwind-styled-v4 5.1.22 → 5.1.23

package/dist/index.browser.mjs

@@ -1,8 +1,120 @@
-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 __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+// packages/domain/runtime-css/dist/batched.cjs
+var require_batched = __commonJS({
+  "packages/domain/runtime-css/dist/batched.cjs"(exports, module) {
+    "use strict";
+    "use client";
+    var __defProp = Object.defineProperty;
+    var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __export = (target, all) => {
+      for (var name in all)
+        __defProp(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp.call(to, key) && key !== except)
+            __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+    var batchedInjector_exports = {};
+    __export(batchedInjector_exports, {
+      batchedInject: () => batchedInject,
+      flushBatchedCss: () => flushBatchedCss,
+      getBatchedCssStats: () => getBatchedCssStats,
+      isInjected: () => isInjected,
+      resetBatchedCss: () => resetBatchedCss,
+      syncInject: () => syncInject
+    });
+    module.exports = __toCommonJS(batchedInjector_exports);
+    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 (true) {
+            console.warn("[tw] insertRule failed, falling back to textContent append for rule:", trimmed.slice(0, 80));
+          }
+        }
+      }
+      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);
+      }
+    }
+    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);
+      }
+    }
+    function syncInject(cssRule) {
+      if (typeof document === "undefined") return;
+      if (!cssRule || injected.has(cssRule)) return;
+      injected.add(cssRule);
+      insertRuleToSheet(cssRule);
+    }
+    function isInjected(cssRule) {
+      return injected.has(cssRule);
+    }
+    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 getBatchedCssStats() {
+      return {
+        totalInjected: injected.size,
+        pendingCount: pending.length,
+        hasBatchScheduled: _state.rafHandle !== null
+      };
+    }
+  }
 });
 
 // packages/domain/core/src/twProxy.ts
@@ -65,7 +177,7 @@ function buildContainerRules(id, container, containerName) {
 }
 var _cqBatchedInjectFn = null;
 try {
-  const mod = __require("@tailwind-styled/runtime-css/batched");
+  const mod = require_batched();
   if (typeof mod?.batchedInject === "function") _cqBatchedInjectFn = mod.batchedInject;
 } catch {
 }
@@ -517,7 +629,7 @@ function generateStateRules(id, state) {
 var _staticCssDetected = /* @__PURE__ */ new Set();
 var _batchedInjectFn = null;
 try {
-  const mod = __require("@tailwind-styled/runtime-css/batched");
+  const mod = require_batched();
   if (typeof mod?.batchedInject === "function") _batchedInjectFn = mod.batchedInject;
 } catch {
 }
@@ -714,15 +826,33 @@ function registerSubComponents(component, template, configSub) {
           value.trim().replace(/\s+/g, " "),
           tag
         );
+      } else if ("base" in value || "variants" in value) {
+        const tag = key;
+        for (const [componentName, subConfig] of Object.entries(value)) {
+          if (typeof subConfig === "string") {
+            map[componentName] = createSubComponentAccessor(
+              displayName,
+              componentName,
+              subConfig.trim().replace(/\s+/g, " "),
+              tag
+            );
+          } else {
+            map[componentName] = createComponent(tag, subConfig);
+          }
+        }
       } else {
         const tag = key;
-        for (const [componentName, classes] of Object.entries(value)) {
-          map[componentName] = createSubComponentAccessor(
-            displayName,
-            componentName,
-            classes.trim().replace(/\s+/g, " "),
-            tag
-          );
+        for (const [componentName, classesOrConfig] of Object.entries(value)) {
+          if (typeof classesOrConfig === "string") {
+            map[componentName] = createSubComponentAccessor(
+              displayName,
+              componentName,
+              classesOrConfig.trim().replace(/\s+/g, " "),
+              tag
+            );
+          } else {
+            map[componentName] = createComponent(tag, classesOrConfig);
+          }
         }
       }
     }