tailwind-styled-v4 5.1.18 → 5.1.19

package/dist/index.mjs

@@ -1,214 +1,18 @@
-"use client";
-var __getOwnPropNames = Object.getOwnPropertyNames;
 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 __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-
-// node_modules/tsup/assets/esm_shims.js
-import path from "path";
-import { fileURLToPath } from "url";
-var getFilename, __filename;
-var init_esm_shims = __esm({
-  "node_modules/tsup/assets/esm_shims.js"() {
-    "use strict";
-    getFilename = () => fileURLToPath(import.meta.url);
-    __filename = /* @__PURE__ */ getFilename();
-  }
-});
-
-// packages/domain/shared/src/native-resolution.ts
-import { createRequire } from "module";
-import * as fs from "fs";
-import * as path2 from "path";
-function _safeCreateRequire() {
-  if (typeof import.meta !== "undefined" && import.meta.url && !import.meta.url.includes("unknown")) {
-    return createRequire(import.meta.url);
-  }
-  if (typeof __filename !== "undefined") {
-    return createRequire(__filename);
-  }
-  return 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 ["..", path2.join("..", ".."), path2.join("..", "..", "..")]) {
-      const pkgRoot = path2.resolve(runtimeDir, depth);
-      for (const bin of BINARY_NAMES_SELF) {
-        for (const suffix of ["", `.${platform}`, `.${napiPlatform}`]) {
-          const candidate = path2.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(path2.resolve(base, `${bin}.node`));
-    localCandidates.push(path2.resolve(base, "..", `${bin}.node`));
-    localCandidates.push(path2.resolve(base, `${bin}.${platform}.node`));
-    localCandidates.push(path2.resolve(base, `${bin}.${napiPlatform}.node`));
-  }
-  for (const startDir of [cwd, base]) {
-    let dir = startDir;
-    for (let i = 0; i < 6; i++) {
-      const nativeDir = path2.resolve(dir, "native");
-      for (const bin of BINARY_NAMES) {
-        localCandidates.push(path2.resolve(nativeDir, `${bin}.node`));
-        localCandidates.push(path2.resolve(nativeDir, `${bin}.${platform}.node`));
-        localCandidates.push(path2.resolve(nativeDir, `${bin}.${napiPlatform}.node`));
-        localCandidates.push(path2.resolve(nativeDir, "target", "release", `${bin}.node`));
-      }
-      const parent = path2.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 isBrowser, _require, PLATFORM_MAP;
-var init_native_resolution = __esm({
-  "packages/domain/shared/src/native-resolution.ts"() {
-    "use strict";
-    init_esm_shims();
-    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
-import { createHash } from "crypto";
-import fs2 from "fs";
-import path3 from "path";
-import { fileURLToPath as fileURLToPath2 } from "url";
-import { createRequire as createRequire2 } from "module";
-var _require2;
-var init_src = __esm({
-  "packages/domain/shared/src/index.ts"() {
-    "use strict";
-    init_esm_shims();
-    init_native_resolution();
-    _require2 = createRequire2(
-      typeof __filename !== "undefined" ? `file://${__filename}` : import.meta.url ?? "file://unknown"
-    );
-  }
-});
-
-// 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.ts
-init_esm_shims();
-init_src();
-import { createRequire as createRequire3 } from "module";
-import { dirname } from "path";
-import { fileURLToPath as fileURLToPath3 } from "url";
-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 = createRequire3(
-  typeof __filename !== "undefined" ? `file://${__filename}` : typeof import.meta !== "undefined" && import.meta.url ? import.meta.url : "file://unknown"
-);
-var _loadNative = (path4) => _nodeRequire(path4);
-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 = dirname(
-      typeof __filename !== "undefined" ? __filename : typeof import.meta !== "undefined" && import.meta.url ? fileURLToPath3(import.meta.url) : 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 = {
@@ -335,11 +139,7 @@ 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",
@@ -655,7 +455,6 @@ 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) {
@@ -686,7 +485,6 @@ 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;
@@ -1361,7 +1159,6 @@ var tw = Object.assign(twCallable, tagFactories, {
 });
 
 // packages/domain/core/src/cv.ts
-init_esm_shims();
 var __generatedRegistry = {};
 function registerVariantTable(componentId, table) {
   __generatedRegistry[componentId] = table;
@@ -1497,7 +1294,6 @@ function cv(config, componentId) {
 }
 
 // packages/domain/core/src/cx.ts
-init_esm_shims();
 function cn(...inputs) {
   const strings = [];
   for (const item of inputs) {
@@ -1534,7 +1330,6 @@ function cx(...inputs) {
 var cxm = cx;
 
 // packages/domain/core/src/styledSystem.ts
-init_esm_shims();
 function tokenVarName(prefix, group, name) {
   return `--${prefix}-${group}-${name}`;
 }
@@ -1543,8 +1338,8 @@ function tokenVarRef(prefix, group, name) {
 }
 function resolveTokenRef(tokens, prefix, value) {
   if (value.startsWith("token:")) {
-    const path4 = value.slice(6);
-    const [group, name] = path4.split(".");
+    const path = value.slice(6);
+    const [group, name] = path.split(".");
     if (group && name && tokens[group]?.[name] !== void 0) {
       return tokenVarRef(prefix, group, name);
     }
@@ -1659,17 +1454,17 @@ function createStyledSystem(config) {
       return createComponent(runtimeTag, merged);
     };
   }
-  function token(path4) {
-    const [group, name] = path4.split(".");
-    if (!group || !name) return path4;
+  function token(path) {
+    const [group, name] = path.split(".");
+    if (!group || !name) return path;
     return tokenVarRef(prefix, group, name);
   }
-  function rawToken(path4) {
-    const [group, name] = path4.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) ?? (() => {
@@ -1693,14 +1488,13 @@ function createStyledSystem(config) {
   return Object.assign(factories, {
     token,
     rawToken,
-    setTokens: setTokens2,
+    setTokens,
     getConfig,
     tokens
   });
 }
 
 // packages/domain/core/src/styled.ts
-init_esm_shims();
 function resolveVariantClass(options, props) {
   const out = [];
   const variants = options.variants ?? {};
@@ -1732,7 +1526,6 @@ 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})`;
@@ -1797,204 +1590,8 @@ var v4Tokens = {
   fontMono: twVar("font", "font-mono")
 };
 
-// packages/domain/core/src/liveTokenEngine.ts
-init_esm_shims();
-
-// packages/domain/theme/src/liveTokens.ts
-init_esm_shims();
-
-// packages/domain/theme/src/liveTokenEngine.ts
-init_esm_shims();
-import React3 from "react";
-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] = React3.useState({});
-    React3.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_esm_shims();
-import React4 from "react";
+import React3 from "react";
 var subComponentRegistry = /* @__PURE__ */ new Map();
 function registerSubComponent(entry) {
   subComponentRegistry.set(entry.name, entry);
@@ -2015,17 +1612,17 @@ function withSubComponents(Component, subComponentNames) {
 }
 registerSubComponent({
   name: "icon",
-  component: ({ children, className }) => React4.createElement("span", { className }, children),
+  component: ({ children, className }) => React3.createElement("span", { className }, children),
   defaultClasses: ""
 });
 registerSubComponent({
   name: "text",
-  component: ({ children, className }) => React4.createElement("span", { className }, children),
+  component: ({ children, className }) => React3.createElement("span", { className }, children),
   defaultClasses: ""
 });
 registerSubComponent({
   name: "badge",
-  component: ({ children, className }) => React4.createElement(
+  component: ({ children, className }) => React3.createElement(
     "span",
     {
       className: `ml-2 px-2 py-0.5 text-xs rounded-full bg-red-500 text-white ${className || ""}`
@@ -2036,67 +1633,60 @@ registerSubComponent({
 });
 registerSubComponent({
   name: "header",
-  component: ({ children, className }) => React4.createElement("header", { className: `font-bold text-lg ${className || ""}` }, children),
+  component: ({ children, className }) => React3.createElement("header", { className: `font-bold text-lg ${className || ""}` }, children),
   defaultClasses: "font-bold text-lg"
 });
 registerSubComponent({
   name: "body",
-  component: ({ children, className }) => React4.createElement("div", { className: `flex-1 ${className || ""}` }, children),
+  component: ({ children, className }) => React3.createElement("div", { className: `flex-1 ${className || ""}` }, children),
   defaultClasses: "flex-1"
 });
 registerSubComponent({
   name: "footer",
-  component: ({ children, className }) => React4.createElement("footer", { className: `border-t pt-4 ${className || ""}` }, children),
+  component: ({ children, className }) => React3.createElement("footer", { className: `border-t pt-4 ${className || ""}` }, children),
   defaultClasses: "border-t pt-4"
 });
 registerSubComponent({
   name: "content",
-  component: ({ children, className }) => React4.createElement("div", { className }, children),
+  component: ({ children, className }) => React3.createElement("div", { className }, children),
   defaultClasses: ""
 });
 registerSubComponent({
   name: "title",
-  component: ({ children, className }) => React4.createElement("div", { className: `font-semibold ${className || ""}` }, children),
+  component: ({ children, className }) => React3.createElement("div", { className: `font-semibold ${className || ""}` }, children),
   defaultClasses: "font-semibold"
 });
 registerSubComponent({
   name: "message",
-  component: ({ children, className }) => React4.createElement("div", { className: `text-sm ${className || ""}` }, children),
+  component: ({ children, className }) => React3.createElement("div", { className: `text-sm ${className || ""}` }, children),
   defaultClasses: "text-sm"
 });
 registerSubComponent({
   name: "close",
-  component: ({ children, className }) => React4.createElement("span", { className: `cursor-pointer ${className || ""}` }, children),
+  component: ({ children, className }) => React3.createElement("span", { className: `cursor-pointer ${className || ""}` }, children),
   defaultClasses: "cursor-pointer"
 });
 registerSubComponent({
   name: "image",
-  component: ({ className }) => React4.createElement("img", { className }),
+  component: ({ className }) => React3.createElement("img", { className }),
   defaultClasses: ""
 });
 export {
-  applyTokenSet,
   cn,
-  tokenRef as containerRef,
   createComponent,
   createStyledSystem,
   createTheme,
   createTwMerge,
-  createUseTokens,
   cssVar,
   cv,
   cx,
   cxm,
   generateContainerCss,
   generateStateCss,
-  generateTokenCssString,
   getAllSubComponents,
   getContainerRegistry,
   getStateRegistry,
   getSubComponent,
-  getToken,
-  getTokens,
-  liveToken,
   mergeWithRules,
   processContainer,
   processState,
@@ -2104,13 +1694,8 @@ export {
   registerVariantTable,
   resolveStyledClassName,
   server,
-  setToken,
-  setTokens,
   styled,
-  subscribeTokens,
   t,
-  tokenRef,
-  tokenVar,
   tw,
   twMerge,
   twVar,