tailwind-styled-v4 5.1.22 → 5.1.24

package/dist/index.mjs

@@ -1,17 +1,151 @@
-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 __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+// node_modules/tsup/assets/esm_shims.js
+import path from "path";
+import { fileURLToPath } from "url";
+var init_esm_shims = __esm({
+  "node_modules/tsup/assets/esm_shims.js"() {
+    "use strict";
+  }
 });
 
+// packages/domain/runtime-css/dist/batched.cjs
+var require_batched = __commonJS({
+  "packages/domain/runtime-css/dist/batched.cjs"(exports, module) {
+    "use strict";
+    "use client";
+    init_esm_shims();
+    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 (process.env.NODE_ENV === "development") {
+            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
+      };
+    }
+  }
+});
+
+// src/umbrella/index.ts
+init_esm_shims();
+
 // packages/domain/core/src/twProxy.ts
+init_esm_shims();
 import React2 from "react";
 
 // packages/domain/core/src/createComponent.ts
+init_esm_shims();
 import React from "react";
 
+// packages/domain/core/src/containerQuery.ts
+init_esm_shims();
+
 // packages/domain/core/src/native.browser.ts
+init_esm_shims();
 var getNativeBinding = () => null;
 
 // packages/domain/core/src/containerQuery.ts
@@ -65,7 +199,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 {
 }
@@ -139,7 +273,11 @@ function getContainerRegistry() {
   return containerRegistry;
 }
 
+// packages/domain/core/src/merge.ts
+init_esm_shims();
+
 // packages/domain/core/src/mergeFallback.ts
+init_esm_shims();
 var TEXT_SIZE_SUFFIXES = /* @__PURE__ */ new Set([
   "xs",
   "sm",
@@ -455,6 +593,7 @@ function mergeWithRules(rules, ...classLists) {
 }
 
 // packages/domain/core/src/parseTemplateFallback.ts
+init_esm_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) {
@@ -485,6 +624,7 @@ function parseTemplateJs(raw) {
 }
 
 // packages/domain/core/src/stateEngine.ts
+init_esm_shims();
 var stateRegistry = /* @__PURE__ */ new Map();
 if (typeof window !== "undefined") {
   window.__TW_STATE_REGISTRY__ = stateRegistry;
@@ -517,7 +657,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 +854,21 @@ function registerSubComponents(component, template, configSub) {
           value.trim().replace(/\s+/g, " "),
           tag
         );
+      } else if ("base" in value || "variants" in value) {
+        map[key] = createComponent("div", value);
       } 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);
+          }
         }
       }
     }
@@ -965,6 +1111,10 @@ var SKIP_PROXY_KEYS = /* @__PURE__ */ new Set([
 ]);
 function wrapWithSubProxy(component, tagLabel) {
   return new Proxy(component, {
+    // Forward function calls to target component
+    apply(target, thisArg, args) {
+      return Reflect.apply(target, thisArg, args);
+    },
     get(target, prop) {
       const value = target[prop];
       if (value !== void 0) return value;
@@ -1163,6 +1313,7 @@ var tw = Object.assign(twCallable, tagFactories, {
 });
 
 // packages/domain/core/src/cv.ts
+init_esm_shims();
 var __generatedRegistry = {};
 function registerVariantTable(componentId, table) {
   __generatedRegistry[componentId] = table;
@@ -1298,6 +1449,7 @@ function cv(config, componentId) {
 }
 
 // packages/domain/core/src/cx.ts
+init_esm_shims();
 function cn(...inputs) {
   const strings = [];
   for (const item of inputs) {
@@ -1334,6 +1486,7 @@ function cx(...inputs) {
 var cxm = cx;
 
 // packages/domain/core/src/styledSystem.ts
+init_esm_shims();
 function tokenVarName(prefix, group, name) {
   return `--${prefix}-${group}-${name}`;
 }
@@ -1342,8 +1495,8 @@ function tokenVarRef(prefix, group, name) {
 }
 function resolveTokenRef(tokens, prefix, value) {
   if (value.startsWith("token:")) {
-    const path = value.slice(6);
-    const [group, name] = path.split(".");
+    const path2 = value.slice(6);
+    const [group, name] = path2.split(".");
     if (group && name && tokens[group]?.[name] !== void 0) {
       return tokenVarRef(prefix, group, name);
     }
@@ -1458,13 +1611,13 @@ function createStyledSystem(config) {
       return createComponent(runtimeTag, merged);
     };
   }
-  function token(path) {
-    const [group, name] = path.split(".");
-    if (!group || !name) return path;
+  function token(path2) {
+    const [group, name] = path2.split(".");
+    if (!group || !name) return path2;
     return tokenVarRef(prefix, group, name);
   }
-  function rawToken(path) {
-    const [group, name] = path.split(".");
+  function rawToken(path2) {
+    const [group, name] = path2.split(".");
     if (!group || !name) return void 0;
     return tokens[group]?.[name];
   }
@@ -1499,6 +1652,7 @@ function createStyledSystem(config) {
 }
 
 // packages/domain/core/src/styled.ts
+init_esm_shims();
 function resolveVariantClass(options, props) {
   const out = [];
   const variants = options.variants ?? {};
@@ -1530,6 +1684,7 @@ function styled(options) {
 }
 
 // packages/domain/core/src/twTheme.ts
+init_esm_shims();
 function cssVar(varName, fallback) {
   const name = varName.startsWith("--") ? varName : `--${varName}`;
   return fallback ? `var(${name}, ${fallback})` : `var(${name})`;
@@ -1595,6 +1750,7 @@ var v4Tokens = {
 };
 
 // packages/domain/core/src/registry.ts
+init_esm_shims();
 import React3 from "react";
 var subComponentRegistry = /* @__PURE__ */ new Map();
 function registerSubComponent(entry) {