tailwind-styled-v4 5.1.18 → 5.1.20

package/dist/index.js

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -6,9 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -31,172 +27,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// node_modules/tsup/assets/cjs_shims.js
-var getImportMetaUrl, importMetaUrl;
-var init_cjs_shims = __esm({
-  "node_modules/tsup/assets/cjs_shims.js"() {
-    "use strict";
-    getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.tagName.toUpperCase() === "SCRIPT" ? document.currentScript.src : new URL("main.js", document.baseURI).href;
-    importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
-  }
-});
-
-// packages/domain/shared/src/native-resolution.ts
-function _safeCreateRequire() {
-  if (typeof import_meta !== "undefined" && importMetaUrl && !importMetaUrl.includes("unknown")) {
-    return (0, import_node_module.createRequire)(importMetaUrl);
-  }
-  if (typeof __filename !== "undefined") {
-    return (0, import_node_module.createRequire)(__filename);
-  }
-  return (0, import_node_module.createRequire)(new URL(`file://${process.cwd()}/`).href);
-}
-function platformKey() {
-  if (isBrowser) return "browser";
-  return `${process.platform}-${process.arch}`;
-}
-function resolveNativeBinary(runtimeDir) {
-  const platform = platformKey();
-  const tried = [];
-  if (isBrowser) {
-    return { path: null, source: "not-found", platform, tried: ["not available in browser"] };
-  }
-  if (process.env.TWS_NO_NATIVE === "1" || process.env.TWS_DISABLE_NATIVE === "1") {
-    return { path: null, source: "not-found", platform, tried: [] };
-  }
-  const envPath = process.env.TW_NATIVE_PATH?.trim();
-  if (envPath) {
-    if (fs.existsSync(envPath)) {
-      return { path: envPath, source: "env", platform, tried };
-    }
-    tried.push(`env:${envPath} (not found)`);
-  }
-  const prebuiltPkgs = PLATFORM_MAP[platform] ?? [];
-  for (const pkg of prebuiltPkgs) {
-    try {
-      const candidate = _require.resolve(`${pkg}/tailwind_styled_parser.node`);
-      if (fs.existsSync(candidate)) {
-        return { path: candidate, source: "prebuilt", platform, tried };
-      }
-      tried.push(`prebuilt:${pkg} (resolved but missing)`);
-    } catch {
-      tried.push(`prebuilt:${pkg} (not installed)`);
-    }
-  }
-  const napiPlatform = platform === "linux-x64" ? "linux-x64-gnu" : platform === "linux-arm64" ? "linux-arm64-gnu" : platform;
-  const BINARY_NAMES_SELF = ["tailwind-styled-native", "tailwind_styled_parser"];
-  if (runtimeDir) {
-    for (const depth of ["..", path.join("..", ".."), path.join("..", "..", "..")]) {
-      const pkgRoot = path.resolve(runtimeDir, depth);
-      for (const bin of BINARY_NAMES_SELF) {
-        for (const suffix of ["", `.${platform}`, `.${napiPlatform}`]) {
-          const candidate = path.resolve(pkgRoot, "native", `${bin}${suffix}.node`);
-          tried.push(`self-bundled:${candidate}`);
-          if (fs.existsSync(candidate)) {
-            return { path: candidate, source: "prebuilt", platform, tried };
-          }
-        }
-      }
-    }
-  }
-  const cwd = process.cwd();
-  const base = runtimeDir ?? cwd;
-  const BINARY_NAMES = ["tailwind-styled-native", "tailwind_styled_parser"];
-  const localCandidates = [];
-  for (const bin of BINARY_NAMES) {
-    localCandidates.push(path.resolve(base, `${bin}.node`));
-    localCandidates.push(path.resolve(base, "..", `${bin}.node`));
-    localCandidates.push(path.resolve(base, `${bin}.${platform}.node`));
-    localCandidates.push(path.resolve(base, `${bin}.${napiPlatform}.node`));
-  }
-  for (const startDir of [cwd, base]) {
-    let dir = startDir;
-    for (let i = 0; i < 6; i++) {
-      const nativeDir = path.resolve(dir, "native");
-      for (const bin of BINARY_NAMES) {
-        localCandidates.push(path.resolve(nativeDir, `${bin}.node`));
-        localCandidates.push(path.resolve(nativeDir, `${bin}.${platform}.node`));
-        localCandidates.push(path.resolve(nativeDir, `${bin}.${napiPlatform}.node`));
-        localCandidates.push(path.resolve(nativeDir, "target", "release", `${bin}.node`));
-      }
-      const parent = path.resolve(dir, "..");
-      if (parent === dir) break;
-      dir = parent;
-    }
-  }
-  for (const candidate of localCandidates) {
-    tried.push(`local:${candidate}`);
-    if (fs.existsSync(candidate)) {
-      return { path: candidate, source: "local", platform, tried };
-    }
-  }
-  return { path: null, source: "not-found", platform, tried };
-}
-var import_node_module, fs, path, import_meta, isBrowser, _require, PLATFORM_MAP;
-var init_native_resolution = __esm({
-  "packages/domain/shared/src/native-resolution.ts"() {
-    "use strict";
-    init_cjs_shims();
-    import_node_module = require("module");
-    fs = __toESM(require("fs"));
-    path = __toESM(require("path"));
-    import_meta = {};
-    isBrowser = typeof window !== "undefined" || typeof document !== "undefined";
-    _require = _safeCreateRequire();
-    PLATFORM_MAP = {
-      "linux-x64": ["@tailwind-styled/native-linux-x64-gnu", "@tailwind-styled/native-linux-x64"],
-      "linux-arm64": ["@tailwind-styled/native-linux-arm64-gnu", "@tailwind-styled/native-linux-arm64"],
-      "darwin-x64": ["@tailwind-styled/native-darwin-x64"],
-      "darwin-arm64": ["@tailwind-styled/native-darwin-arm64"],
-      "win32-x64": ["@tailwind-styled/native-win32-x64-msvc", "@tailwind-styled/native-win32-x64"],
-      "win32-arm64": ["@tailwind-styled/native-win32-arm64-msvc", "@tailwind-styled/native-win32-arm64"]
-    };
-  }
-});
-
-// packages/domain/shared/src/index.ts
-var import_node_crypto, import_node_fs, import_node_path, import_node_url, import_node_module2, _require2;
-var init_src = __esm({
-  "packages/domain/shared/src/index.ts"() {
-    "use strict";
-    init_cjs_shims();
-    import_node_crypto = require("crypto");
-    import_node_fs = __toESM(require("fs"));
-    import_node_path = __toESM(require("path"));
-    import_node_url = require("url");
-    import_node_module2 = require("module");
-    init_native_resolution();
-    _require2 = (0, import_node_module2.createRequire)(
-      typeof __filename !== "undefined" ? `file://${__filename}` : importMetaUrl ?? "file://unknown"
-    );
-  }
-});
-
 // src/umbrella/index.ts
 var umbrella_exports = {};
 __export(umbrella_exports, {
-  applyTokenSet: () => applyTokenSet,
   cn: () => cn,
-  containerRef: () => tokenRef,
   createComponent: () => createComponent,
   createStyledSystem: () => createStyledSystem,
   createTheme: () => createTheme,
   createTwMerge: () => createTwMerge,
-  createUseTokens: () => createUseTokens,
   cssVar: () => cssVar,
   cv: () => cv,
   cx: () => cx,
   cxm: () => cxm,
   generateContainerCss: () => generateContainerCss,
   generateStateCss: () => generateStateCss,
-  generateTokenCssString: () => generateTokenCssString,
   getAllSubComponents: () => getAllSubComponents,
   getContainerRegistry: () => getContainerRegistry,
   getStateRegistry: () => getStateRegistry,
   getSubComponent: () => getSubComponent,
-  getToken: () => getToken,
-  getTokens: () => getTokens,
-  liveToken: () => liveToken,
   mergeWithRules: () => mergeWithRules,
   processContainer: () => processContainer,
   processState: () => processState,
@@ -204,13 +52,8 @@ __export(umbrella_exports, {
   registerVariantTable: () => registerVariantTable,
   resolveStyledClassName: () => resolveStyledClassName,
   server: () => server,
-  setToken: () => setToken,
-  setTokens: () => setTokens,
   styled: () => styled,
-  subscribeTokens: () => subscribeTokens,
   t: () => t,
-  tokenRef: () => tokenRef,
-  tokenVar: () => tokenVar,
   tw: () => tw,
   twMerge: () => twMerge,
   twVar: () => twVar,
@@ -218,63 +61,15 @@ __export(umbrella_exports, {
   withSubComponents: () => withSubComponents
 });
 module.exports = __toCommonJS(umbrella_exports);
-init_cjs_shims();
 
 // packages/domain/core/src/twProxy.ts
-init_cjs_shims();
 var import_react2 = __toESM(require("react"), 1);
 
 // packages/domain/core/src/createComponent.ts
-init_cjs_shims();
 var import_react = __toESM(require("react"), 1);
 
-// packages/domain/core/src/containerQuery.ts
-init_cjs_shims();
-
-// packages/domain/core/src/native.ts
-init_cjs_shims();
-var import_node_module3 = require("module");
-var import_node_path2 = require("path");
-var import_node_url2 = require("url");
-init_src();
-var import_meta2 = {};
-var isBrowser2 = typeof window !== "undefined" || typeof document !== "undefined";
-var NATIVE_UNAVAILABLE_MESSAGE = "[tailwind-styled/core] Native binding is required but not available.\nPlease ensure you have run: npm run build:rust";
-var _nodeRequire = (0, import_node_module3.createRequire)(
-  typeof __filename !== "undefined" ? `file://${__filename}` : typeof import_meta2 !== "undefined" && importMetaUrl ? importMetaUrl : "file://unknown"
-);
-var _loadNative = (path3) => _nodeRequire(path3);
-var nativeBinding = null;
-var bindingLoadAttempted = false;
-var getBinding = () => {
-  if (isBrowser2) {
-    return null;
-  }
-  if (nativeBinding) return nativeBinding;
-  if (bindingLoadAttempted) {
-    throw new Error(NATIVE_UNAVAILABLE_MESSAGE);
-  }
-  bindingLoadAttempted = true;
-  try {
-    const runtimeDir = (0, import_node_path2.dirname)(
-      typeof __filename !== "undefined" ? __filename : typeof import_meta2 !== "undefined" && importMetaUrl ? (0, import_node_url2.fileURLToPath)(importMetaUrl) : process.cwd()
-    );
-    const result = resolveNativeBinary(runtimeDir);
-    if (result.path && result.path.endsWith(".node")) {
-      const mod = _loadNative(result.path);
-      if (mod?.batchSplitClasses) {
-        nativeBinding = mod;
-        return nativeBinding;
-      }
-    }
-    throw new Error(`${NATIVE_UNAVAILABLE_MESSAGE}
-
-Tried: ${result.tried.join("\n")}`);
-  } catch (err) {
-    throw err instanceof Error ? err : new Error(String(err));
-  }
-};
-var getNativeBinding = getBinding;
+// packages/domain/core/src/native.browser.ts
+var getNativeBinding = () => null;
 
 // packages/domain/core/src/containerQuery.ts
 var CONTAINER_BREAKPOINTS = {
@@ -401,11 +196,7 @@ function getContainerRegistry() {
   return containerRegistry;
 }
 
-// packages/domain/core/src/merge.ts
-init_cjs_shims();
-
 // packages/domain/core/src/mergeFallback.ts
-init_cjs_shims();
 var TEXT_SIZE_SUFFIXES = /* @__PURE__ */ new Set([
   "xs",
   "sm",
@@ -721,7 +512,6 @@ function mergeWithRules(rules, ...classLists) {
 }
 
 // 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) {
@@ -752,7 +542,6 @@ function parseTemplateJs(raw) {
 }
 
 // packages/domain/core/src/stateEngine.ts
-init_cjs_shims();
 var stateRegistry = /* @__PURE__ */ new Map();
 if (typeof window !== "undefined") {
   window.__TW_STATE_REGISTRY__ = stateRegistry;
@@ -952,16 +741,19 @@ function parseSubKey(key) {
 function createSubComponentAccessor(parentDisplayName, name, classes, tag = "span", asChild = false) {
   const SubComponent = ({
     children,
-    className
+    className,
+    ...rest
+    // tangkap semua native HTML props (href, onClick, src, alt, dll)
   }) => {
     const mergedClass = className ? `${classes} ${className}` : classes;
     if (asChild && import_react.default.isValidElement(children)) {
       const child = import_react.default.Children.only(children);
       return import_react.default.cloneElement(child, {
+        ...rest,
         className: child.props.className ? `${mergedClass} ${child.props.className}` : mergedClass
       });
     }
-    return import_react.default.createElement(tag, { className: mergedClass }, children);
+    return import_react.default.createElement(tag, { ...rest, className: mergedClass }, children);
   };
   SubComponent.displayName = `${parentDisplayName}[${name}]`;
   return SubComponent;
@@ -1237,8 +1029,9 @@ function wrapWithSubProxy(component, tagLabel) {
       if (SKIP_PROXY_KEYS.has(prop)) return value;
       const Fallback = ({
         children,
-        className
-      }) => import_react.default.createElement("span", { className }, children);
+        className,
+        ...rest
+      }) => import_react.default.createElement("span", { ...rest, className }, children);
       Fallback.displayName = `tw.${tagLabel}.${prop}(fallback)`;
       return Fallback;
     }
@@ -1427,7 +1220,6 @@ var tw = Object.assign(twCallable, tagFactories, {
 });
 
 // packages/domain/core/src/cv.ts
-init_cjs_shims();
 var __generatedRegistry = {};
 function registerVariantTable(componentId, table) {
   __generatedRegistry[componentId] = table;
@@ -1563,7 +1355,6 @@ function cv(config, componentId) {
 }
 
 // packages/domain/core/src/cx.ts
-init_cjs_shims();
 function cn(...inputs) {
   const strings = [];
   for (const item of inputs) {
@@ -1600,7 +1391,6 @@ function cx(...inputs) {
 var cxm = cx;
 
 // packages/domain/core/src/styledSystem.ts
-init_cjs_shims();
 function tokenVarName(prefix, group, name) {
   return `--${prefix}-${group}-${name}`;
 }
@@ -1609,8 +1399,8 @@ function tokenVarRef(prefix, group, name) {
 }
 function resolveTokenRef(tokens, prefix, value) {
   if (value.startsWith("token:")) {
-    const path3 = value.slice(6);
-    const [group, name] = path3.split(".");
+    const path = value.slice(6);
+    const [group, name] = path.split(".");
     if (group && name && tokens[group]?.[name] !== void 0) {
       return tokenVarRef(prefix, group, name);
     }
@@ -1725,17 +1515,17 @@ function createStyledSystem(config) {
       return createComponent(runtimeTag, merged);
     };
   }
-  function token(path3) {
-    const [group, name] = path3.split(".");
-    if (!group || !name) return path3;
+  function token(path) {
+    const [group, name] = path.split(".");
+    if (!group || !name) return path;
     return tokenVarRef(prefix, group, name);
   }
-  function rawToken(path3) {
-    const [group, name] = path3.split(".");
+  function rawToken(path) {
+    const [group, name] = path.split(".");
     if (!group || !name) return void 0;
     return tokens[group]?.[name];
   }
-  function setTokens2(updates) {
+  function setTokens(updates) {
     if (typeof document === "undefined") return;
     const styleId = `__tw-sys-tokens-${prefix}`;
     const style = document.getElementById(styleId) ?? (() => {
@@ -1759,14 +1549,13 @@ function createStyledSystem(config) {
   return Object.assign(factories, {
     token,
     rawToken,
-    setTokens: setTokens2,
+    setTokens,
     getConfig,
     tokens
   });
 }
 
 // packages/domain/core/src/styled.ts
-init_cjs_shims();
 function resolveVariantClass(options, props) {
   const out = [];
   const variants = options.variants ?? {};
@@ -1798,7 +1587,6 @@ function styled(options) {
 }
 
 // packages/domain/core/src/twTheme.ts
-init_cjs_shims();
 function cssVar(varName, fallback) {
   const name = varName.startsWith("--") ? varName : `--${varName}`;
   return fallback ? `var(${name}, ${fallback})` : `var(${name})`;
@@ -1863,204 +1651,8 @@ var v4Tokens = {
   fontMono: twVar("font", "font-mono")
 };
 
-// packages/domain/core/src/liveTokenEngine.ts
-init_cjs_shims();
-
-// packages/domain/theme/src/liveTokens.ts
-init_cjs_shims();
-
-// packages/domain/theme/src/liveTokenEngine.ts
-init_cjs_shims();
-var import_react3 = __toESM(require("react"), 1);
-var TOKEN_ENGINE_KEY = "__TW_TOKEN_ENGINE__";
-function tokenVar(name) {
-  const normalized = name.replace(/[^a-zA-Z0-9-]/g, "-").toLowerCase();
-  return `--tw-token-${normalized}`;
-}
-function tokenRef(name) {
-  return `var(${tokenVar(name)})`;
-}
-var buildRootCss = (tokens) => {
-  const vars = Object.entries(tokens).map(([name, value]) => `  ${tokenVar(name)}: ${value};`).join("\n");
-  return `:root {
-${vars}
-}`;
-};
-var createLiveTokenEngine = () => {
-  const state = {
-    currentTokens: {},
-    styleEl: null,
-    // Belum boleh nyentuh live DOM sampai komponen pertama selesai mount.
-    // Ini yang nyegah hydration mismatch: tanpa flag ini, liveToken() yang
-    // dipanggil di module top-level akan langsung document.documentElement
-    // .style.setProperty(...) saat bundle client di-evaluasi — JAUH sebelum
-    // React selesai hydrate — sehingga <html> versi live DOM beda dengan
-    // <html> yang di-render server (yang gak pernah nyentuh `document`).
-    hydrated: false
-  };
-  const subscribers = /* @__PURE__ */ new Set();
-  const syncStyleEl = () => {
-    if (!state.hydrated || typeof document === "undefined") return;
-    if (!state.styleEl) {
-      const styleEl = document.createElement("style");
-      styleEl.id = "tw-live-tokens";
-      styleEl.setAttribute("data-tw-tokens", "true");
-      document.head.appendChild(styleEl);
-      state.styleEl = styleEl;
-    }
-    state.styleEl.textContent = buildRootCss(state.currentTokens);
-  };
-  const notifySubscribers = () => {
-    const snapshot = { ...state.currentTokens };
-    for (const subscriber of subscribers) {
-      try {
-        subscriber(snapshot);
-      } catch {
-      }
-    }
-  };
-  const setToken2 = (name, value) => {
-    state.currentTokens = { ...state.currentTokens, [name]: value };
-    if (state.hydrated && typeof document !== "undefined") {
-      document.documentElement.style.setProperty(tokenVar(name), value);
-    }
-    syncStyleEl();
-    notifySubscribers();
-  };
-  const setTokens2 = (tokens) => {
-    state.currentTokens = { ...state.currentTokens, ...tokens };
-    if (state.hydrated && typeof document !== "undefined") {
-      const root = document.documentElement;
-      for (const [name, value] of Object.entries(tokens)) {
-        root.style.setProperty(tokenVar(name), value);
-      }
-    }
-    syncStyleEl();
-    notifySubscribers();
-  };
-  const applyTokenSet2 = (tokens) => {
-    if (state.hydrated && typeof document !== "undefined") {
-      const root = document.documentElement;
-      for (const name of Object.keys(state.currentTokens)) {
-        if (!(name in tokens)) {
-          root.style.removeProperty(tokenVar(name));
-        }
-      }
-      for (const [name, value] of Object.entries(tokens)) {
-        root.style.setProperty(tokenVar(name), value);
-      }
-    }
-    state.currentTokens = { ...tokens };
-    syncStyleEl();
-    notifySubscribers();
-  };
-  const markHydrated = () => {
-    if (state.hydrated || typeof document === "undefined") return;
-    state.hydrated = true;
-    const root = document.documentElement;
-    for (const [name, value] of Object.entries(state.currentTokens)) {
-      root.style.setProperty(tokenVar(name), value);
-    }
-    syncStyleEl();
-  };
-  return {
-    markHydrated,
-    liveToken(tokens) {
-      setTokens2(tokens);
-      const vars = {};
-      for (const name of Object.keys(tokens)) {
-        vars[name] = tokenRef(name);
-      }
-      return {
-        vars,
-        get(name) {
-          return state.currentTokens[name];
-        },
-        set(name, value) {
-          setToken2(name, value);
-        },
-        setAll(nextTokens) {
-          setTokens2(nextTokens);
-        },
-        snapshot() {
-          return { ...state.currentTokens };
-        }
-      };
-    },
-    getToken(name) {
-      return state.currentTokens[name];
-    },
-    getTokens() {
-      return { ...state.currentTokens };
-    },
-    setToken: setToken2,
-    setTokens: setTokens2,
-    applyTokenSet: applyTokenSet2,
-    generateTokenCssString() {
-      return buildRootCss(state.currentTokens);
-    },
-    subscribe(fn) {
-      subscribers.add(fn);
-      return () => {
-        subscribers.delete(fn);
-      };
-    }
-  };
-};
-var engine = createLiveTokenEngine();
-function liveToken(tokens) {
-  return engine.liveToken(tokens);
-}
-function setToken(name, value) {
-  engine.setToken(name, value);
-}
-function setTokens(tokens) {
-  engine.setTokens(tokens);
-}
-function applyTokenSet(tokens) {
-  engine.applyTokenSet(tokens);
-}
-function getToken(name) {
-  return engine.getToken(name);
-}
-function getTokens() {
-  return engine.getTokens();
-}
-function subscribeTokens(fn) {
-  return engine.subscribe(fn);
-}
-function generateTokenCssString() {
-  return engine.generateTokenCssString();
-}
-function createUseTokens() {
-  return function useTokens() {
-    const [tokens, setTokensState] = import_react3.default.useState({});
-    import_react3.default.useEffect(() => {
-      engine.markHydrated();
-      setTokensState(engine.getTokens());
-      return engine.subscribe((nextTokens) => setTokensState(nextTokens));
-    }, []);
-    return tokens;
-  };
-}
-var liveTokenEngine = {
-  getToken: engine.getToken,
-  getTokens: engine.getTokens,
-  setToken: engine.setToken,
-  setTokens: engine.setTokens,
-  applyTokenSet: engine.applyTokenSet,
-  subscribeTokens: engine.subscribe,
-  subscribe: engine.subscribe
-};
-var globalTokenEngine = globalThis;
-globalTokenEngine[TOKEN_ENGINE_KEY] = liveTokenEngine;
-if (typeof window !== "undefined") {
-  window.__TW_TOKEN_ENGINE__ = liveTokenEngine;
-}
-
 // packages/domain/core/src/registry.ts
-init_cjs_shims();
-var import_react4 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 var subComponentRegistry = /* @__PURE__ */ new Map();
 function registerSubComponent(entry) {
   subComponentRegistry.set(entry.name, entry);
@@ -2081,17 +1673,17 @@ function withSubComponents(Component, subComponentNames) {
 }
 registerSubComponent({
   name: "icon",
-  component: ({ children, className }) => import_react4.default.createElement("span", { className }, children),
+  component: ({ children, className }) => import_react3.default.createElement("span", { className }, children),
   defaultClasses: ""
 });
 registerSubComponent({
   name: "text",
-  component: ({ children, className }) => import_react4.default.createElement("span", { className }, children),
+  component: ({ children, className }) => import_react3.default.createElement("span", { className }, children),
   defaultClasses: ""
 });
 registerSubComponent({
   name: "badge",
-  component: ({ children, className }) => import_react4.default.createElement(
+  component: ({ children, className }) => import_react3.default.createElement(
     "span",
     {
       className: `ml-2 px-2 py-0.5 text-xs rounded-full bg-red-500 text-white ${className || ""}`
@@ -2102,68 +1694,61 @@ registerSubComponent({
 });
 registerSubComponent({
   name: "header",
-  component: ({ children, className }) => import_react4.default.createElement("header", { className: `font-bold text-lg ${className || ""}` }, children),
+  component: ({ children, className }) => import_react3.default.createElement("header", { className: `font-bold text-lg ${className || ""}` }, children),
   defaultClasses: "font-bold text-lg"
 });
 registerSubComponent({
   name: "body",
-  component: ({ children, className }) => import_react4.default.createElement("div", { className: `flex-1 ${className || ""}` }, children),
+  component: ({ children, className }) => import_react3.default.createElement("div", { className: `flex-1 ${className || ""}` }, children),
   defaultClasses: "flex-1"
 });
 registerSubComponent({
   name: "footer",
-  component: ({ children, className }) => import_react4.default.createElement("footer", { className: `border-t pt-4 ${className || ""}` }, children),
+  component: ({ children, className }) => import_react3.default.createElement("footer", { className: `border-t pt-4 ${className || ""}` }, children),
   defaultClasses: "border-t pt-4"
 });
 registerSubComponent({
   name: "content",
-  component: ({ children, className }) => import_react4.default.createElement("div", { className }, children),
+  component: ({ children, className }) => import_react3.default.createElement("div", { className }, children),
   defaultClasses: ""
 });
 registerSubComponent({
   name: "title",
-  component: ({ children, className }) => import_react4.default.createElement("div", { className: `font-semibold ${className || ""}` }, children),
+  component: ({ children, className }) => import_react3.default.createElement("div", { className: `font-semibold ${className || ""}` }, children),
   defaultClasses: "font-semibold"
 });
 registerSubComponent({
   name: "message",
-  component: ({ children, className }) => import_react4.default.createElement("div", { className: `text-sm ${className || ""}` }, children),
+  component: ({ children, className }) => import_react3.default.createElement("div", { className: `text-sm ${className || ""}` }, children),
   defaultClasses: "text-sm"
 });
 registerSubComponent({
   name: "close",
-  component: ({ children, className }) => import_react4.default.createElement("span", { className: `cursor-pointer ${className || ""}` }, children),
+  component: ({ children, className }) => import_react3.default.createElement("span", { className: `cursor-pointer ${className || ""}` }, children),
   defaultClasses: "cursor-pointer"
 });
 registerSubComponent({
   name: "image",
-  component: ({ className }) => import_react4.default.createElement("img", { className }),
+  component: ({ className }) => import_react3.default.createElement("img", { className }),
   defaultClasses: ""
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  applyTokenSet,
   cn,
-  containerRef,
   createComponent,
   createStyledSystem,
   createTheme,
   createTwMerge,
-  createUseTokens,
   cssVar,
   cv,
   cx,
   cxm,
   generateContainerCss,
   generateStateCss,
-  generateTokenCssString,
   getAllSubComponents,
   getContainerRegistry,
   getStateRegistry,
   getSubComponent,
-  getToken,
-  getTokens,
-  liveToken,
   mergeWithRules,
   processContainer,
   processState,
@@ -2171,13 +1756,8 @@ registerSubComponent({
   registerVariantTable,
   resolveStyledClassName,
   server,
-  setToken,
-  setTokens,
   styled,
-  subscribeTokens,
   t,
-  tokenRef,
-  tokenVar,
   tw,
   twMerge,
   twVar,