tailwind-styled-v4 5.0.0 → 5.0.2

package/dist/rspack.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var path = require('path');
+var url = require('url');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var path__default = /*#__PURE__*/_interopDefault(path);
+
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+
+function getDirname() {
+  if (typeof __dirname !== "undefined") {
+    return __dirname;
+  }
+  if (typeof ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('rspack.js', document.baseURI).href)) }) !== "undefined" && (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('rspack.js', document.baseURI).href))) {
+    return path__default.default.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('rspack.js', document.baseURI).href))));
+  }
+  return process.cwd();
+}
+var LOADER_PATH = path__default.default.resolve(getDirname(), "loader.js");
+var TailwindStyledRspackPlugin = class {
+  constructor(opts = {}) {
+    this.opts = opts;
+  }
+  apply(compiler) {
+    const isDev = compiler.options.mode !== "production";
+    const loaderOpts = {
+      // v5: Always zero-runtime
+      mode: "zero-runtime",
+      addDataAttr: this.opts.addDataAttr ?? isDev,
+      // Preserve cv, cx, cn, etc — only tw.* is transformed
+      preserveImports: true
+    };
+    const include = this.opts.include ?? /\.[jt]sx?$/;
+    const exclude = this.opts.exclude ?? /node_modules/;
+    const existing = compiler.options.module?.rules ?? [];
+    const alreadyRegistered = existing.some((r) => r._tailwindStyledRspackMarker === true);
+    if (alreadyRegistered) return;
+    const rule = {
+      _tailwindStyledRspackMarker: true,
+      test: include,
+      exclude,
+      use: [
+        {
+          loader: LOADER_PATH,
+          options: loaderOpts
+        }
+      ]
+    };
+    compiler.options.module.rules = [rule, ...existing];
+  }
+};
+function tailwindStyledRspackPlugin(opts = {}) {
+  return new TailwindStyledRspackPlugin(opts);
+}
+var src_default = tailwindStyledRspackPlugin;
+
+exports.TailwindStyledRspackPlugin = TailwindStyledRspackPlugin;
+exports.default = src_default;
+exports.tailwindStyledRspackPlugin = tailwindStyledRspackPlugin;
+//# sourceMappingURL=rspack.js.map
+//# sourceMappingURL=rspack.js.map

package/dist/rspack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/rspack/src/index.ts"],"names":["path","fileURLToPath"],"mappings":";;;;;;;;;;;;;;AAoBA,SAAS,UAAA,GAAqB;AAC5B,EAAA,IAAI,OAAO,cAAc,WAAA,EAAa;AACpC,IAAA,OAAO,SAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAO,sQAAA,KAAgB,WAAA,IAAe,2PAAY,EAAK;AACzD,IAAA,OAAOA,qBAAA,CAAK,OAAA,CAAQC,iBAAA,CAAc,2PAAe,CAAC,CAAA;AAAA,EACpD;AACA,EAAA,OAAO,QAAQ,GAAA,EAAI;AACrB;AAaA,IAAM,WAAA,GAAcD,qBAAA,CAAK,OAAA,CAAQ,UAAA,IAAc,WAAW,CAAA;AAEnD,IAAM,6BAAN,MAAiC;AAAA,EAGtC,WAAA,CAAY,IAAA,GAA4B,EAAC,EAAG;AAC1C,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AAAA,EACd;AAAA,EAEA,MAAM,QAAA,EAAqB;AACzB,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,IAAA,KAAS,YAAA;AAExC,IAAA,MAAM,UAAA,GAAa;AAAA;AAAA,MAEjB,IAAA,EAAM,cAAA;AAAA,MACN,WAAA,EAAa,IAAA,CAAK,IAAA,CAAK,WAAA,IAAe,KAAA;AAAA;AAAA,MAEtC,eAAA,EAAiB;AAAA,KACnB;AAEA,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,OAAA,IAAW,YAAA;AACrC,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,OAAA,IAAW,cAAA;AAGrC,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,OAAA,CAAQ,MAAA,EAAQ,SAAS,EAAC;AACpD,IAAA,MAAM,oBAAoB,QAAA,CAAS,IAAA,CAAK,CAAC,CAAA,KAAW,CAAA,CAAE,gCAAgC,IAAI,CAAA;AAC1F,IAAA,IAAI,iBAAA,EAAmB;AAEvB,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,2BAAA,EAA6B,IAAA;AAAA,MAC7B,IAAA,EAAM,OAAA;AAAA,MACN,OAAA;AAAA,MACA,GAAA,EAAK;AAAA,QACH;AAAA,UACE,MAAA,EAAQ,WAAA;AAAA,UACR,OAAA,EAAS;AAAA;AACX;AACF,KACF;AAEA,IAAA,QAAA,CAAS,QAAQ,MAAA,CAAO,KAAA,GAAQ,CAAC,IAAA,EAAM,GAAG,QAAQ,CAAA;AAAA,EACpD;AACF;AAEO,SAAS,0BAAA,CACd,IAAA,GAA4B,EAAC,EACD;AAC5B,EAAA,OAAO,IAAI,2BAA2B,IAAI,CAAA;AAC5C;AAEA,IAAO,WAAA,GAAQ","file":"rspack.js","sourcesContent":["/**\n * tailwind-styled-v4 — Rspack Plugin v5 (stable)\n *\n * Usage:\n *   import { tailwindStyledRspackPlugin } from \"@tailwind-styled/rspack\"\n *\n *   export default defineConfig({\n *     plugins: [tailwindStyledRspackPlugin()],\n *   })\n *\n * v5:\n * - Simplified API\n * - Uses @tailwind-styled/engine for build\n * - Mode always zero-runtime\n */\n\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\n\n// ESM-compatible __dirname equivalent\nfunction getDirname(): string {\n  if (typeof __dirname !== \"undefined\") {\n    return __dirname\n  }\n  if (typeof import.meta !== \"undefined\" && import.meta.url) {\n    return path.dirname(fileURLToPath(import.meta.url))\n  }\n  return process.cwd()\n}\n\nexport interface RspackPluginOptions {\n  /** File patterns to include. Default: /\\.[jt]sx?$/ */\n  include?: RegExp\n  /** File patterns to exclude. Default: /node_modules/ */\n  exclude?: RegExp\n  /** Add data-tw debug attributes in dev. Default: true in dev */\n  addDataAttr?: boolean\n  /** Enable analyzer. Default: false */\n  analyze?: boolean\n}\n\nconst LOADER_PATH = path.resolve(getDirname(), \"loader.js\")\n\nexport class TailwindStyledRspackPlugin {\n  private opts: RspackPluginOptions\n\n  constructor(opts: RspackPluginOptions = {}) {\n    this.opts = opts\n  }\n\n  apply(compiler: any): void {\n    const isDev = compiler.options.mode !== \"production\"\n\n    const loaderOpts = {\n      // v5: Always zero-runtime\n      mode: \"zero-runtime\" as const,\n      addDataAttr: this.opts.addDataAttr ?? isDev,\n      // Preserve cv, cx, cn, etc — only tw.* is transformed\n      preserveImports: true,\n    }\n\n    const include = this.opts.include ?? /\\.[jt]sx?$/\n    const exclude = this.opts.exclude ?? /node_modules/\n\n    // Check idempotency\n    const existing = compiler.options.module?.rules ?? []\n    const alreadyRegistered = existing.some((r: any) => r._tailwindStyledRspackMarker === true)\n    if (alreadyRegistered) return\n\n    const rule = {\n      _tailwindStyledRspackMarker: true,\n      test: include,\n      exclude: exclude,\n      use: [\n        {\n          loader: LOADER_PATH,\n          options: loaderOpts,\n        },\n      ],\n    }\n\n    compiler.options.module.rules = [rule, ...existing]\n  }\n}\n\nexport function tailwindStyledRspackPlugin(\n  opts: RspackPluginOptions = {}\n): TailwindStyledRspackPlugin {\n  return new TailwindStyledRspackPlugin(opts)\n}\n\nexport default tailwindStyledRspackPlugin\n"]}

package/dist/rspack.mjs

@@ -0,0 +1,55 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+
+function getDirname() {
+  if (typeof __dirname !== "undefined") {
+    return __dirname;
+  }
+  if (typeof import.meta !== "undefined" && import.meta.url) {
+    return path.dirname(fileURLToPath(import.meta.url));
+  }
+  return process.cwd();
+}
+var LOADER_PATH = path.resolve(getDirname(), "loader.js");
+var TailwindStyledRspackPlugin = class {
+  constructor(opts = {}) {
+    this.opts = opts;
+  }
+  apply(compiler) {
+    const isDev = compiler.options.mode !== "production";
+    const loaderOpts = {
+      // v5: Always zero-runtime
+      mode: "zero-runtime",
+      addDataAttr: this.opts.addDataAttr ?? isDev,
+      // Preserve cv, cx, cn, etc — only tw.* is transformed
+      preserveImports: true
+    };
+    const include = this.opts.include ?? /\.[jt]sx?$/;
+    const exclude = this.opts.exclude ?? /node_modules/;
+    const existing = compiler.options.module?.rules ?? [];
+    const alreadyRegistered = existing.some((r) => r._tailwindStyledRspackMarker === true);
+    if (alreadyRegistered) return;
+    const rule = {
+      _tailwindStyledRspackMarker: true,
+      test: include,
+      exclude,
+      use: [
+        {
+          loader: LOADER_PATH,
+          options: loaderOpts
+        }
+      ]
+    };
+    compiler.options.module.rules = [rule, ...existing];
+  }
+};
+function tailwindStyledRspackPlugin(opts = {}) {
+  return new TailwindStyledRspackPlugin(opts);
+}
+var src_default = tailwindStyledRspackPlugin;
+
+export { TailwindStyledRspackPlugin, src_default as default, tailwindStyledRspackPlugin };
+//# sourceMappingURL=rspack.mjs.map
+//# sourceMappingURL=rspack.mjs.map

package/dist/rspack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/rspack/src/index.ts"],"names":[],"mappings":";;;;;AAoBA,SAAS,UAAA,GAAqB;AAC5B,EAAA,IAAI,OAAO,cAAc,WAAA,EAAa;AACpC,IAAA,OAAO,SAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAO,MAAA,CAAA,IAAA,KAAgB,WAAA,IAAe,MAAA,CAAA,IAAA,CAAY,GAAA,EAAK;AACzD,IAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,aAAA,CAAc,MAAA,CAAA,IAAA,CAAY,GAAG,CAAC,CAAA;AAAA,EACpD;AACA,EAAA,OAAO,QAAQ,GAAA,EAAI;AACrB;AAaA,IAAM,WAAA,GAAc,IAAA,CAAK,OAAA,CAAQ,UAAA,IAAc,WAAW,CAAA;AAEnD,IAAM,6BAAN,MAAiC;AAAA,EAGtC,WAAA,CAAY,IAAA,GAA4B,EAAC,EAAG;AAC1C,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AAAA,EACd;AAAA,EAEA,MAAM,QAAA,EAAqB;AACzB,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,IAAA,KAAS,YAAA;AAExC,IAAA,MAAM,UAAA,GAAa;AAAA;AAAA,MAEjB,IAAA,EAAM,cAAA;AAAA,MACN,WAAA,EAAa,IAAA,CAAK,IAAA,CAAK,WAAA,IAAe,KAAA;AAAA;AAAA,MAEtC,eAAA,EAAiB;AAAA,KACnB;AAEA,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,OAAA,IAAW,YAAA;AACrC,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,OAAA,IAAW,cAAA;AAGrC,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,OAAA,CAAQ,MAAA,EAAQ,SAAS,EAAC;AACpD,IAAA,MAAM,oBAAoB,QAAA,CAAS,IAAA,CAAK,CAAC,CAAA,KAAW,CAAA,CAAE,gCAAgC,IAAI,CAAA;AAC1F,IAAA,IAAI,iBAAA,EAAmB;AAEvB,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,2BAAA,EAA6B,IAAA;AAAA,MAC7B,IAAA,EAAM,OAAA;AAAA,MACN,OAAA;AAAA,MACA,GAAA,EAAK;AAAA,QACH;AAAA,UACE,MAAA,EAAQ,WAAA;AAAA,UACR,OAAA,EAAS;AAAA;AACX;AACF,KACF;AAEA,IAAA,QAAA,CAAS,QAAQ,MAAA,CAAO,KAAA,GAAQ,CAAC,IAAA,EAAM,GAAG,QAAQ,CAAA;AAAA,EACpD;AACF;AAEO,SAAS,0BAAA,CACd,IAAA,GAA4B,EAAC,EACD;AAC5B,EAAA,OAAO,IAAI,2BAA2B,IAAI,CAAA;AAC5C;AAEA,IAAO,WAAA,GAAQ","file":"rspack.mjs","sourcesContent":["/**\n * tailwind-styled-v4 — Rspack Plugin v5 (stable)\n *\n * Usage:\n *   import { tailwindStyledRspackPlugin } from \"@tailwind-styled/rspack\"\n *\n *   export default defineConfig({\n *     plugins: [tailwindStyledRspackPlugin()],\n *   })\n *\n * v5:\n * - Simplified API\n * - Uses @tailwind-styled/engine for build\n * - Mode always zero-runtime\n */\n\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\n\n// ESM-compatible __dirname equivalent\nfunction getDirname(): string {\n  if (typeof __dirname !== \"undefined\") {\n    return __dirname\n  }\n  if (typeof import.meta !== \"undefined\" && import.meta.url) {\n    return path.dirname(fileURLToPath(import.meta.url))\n  }\n  return process.cwd()\n}\n\nexport interface RspackPluginOptions {\n  /** File patterns to include. Default: /\\.[jt]sx?$/ */\n  include?: RegExp\n  /** File patterns to exclude. Default: /node_modules/ */\n  exclude?: RegExp\n  /** Add data-tw debug attributes in dev. Default: true in dev */\n  addDataAttr?: boolean\n  /** Enable analyzer. Default: false */\n  analyze?: boolean\n}\n\nconst LOADER_PATH = path.resolve(getDirname(), \"loader.js\")\n\nexport class TailwindStyledRspackPlugin {\n  private opts: RspackPluginOptions\n\n  constructor(opts: RspackPluginOptions = {}) {\n    this.opts = opts\n  }\n\n  apply(compiler: any): void {\n    const isDev = compiler.options.mode !== \"production\"\n\n    const loaderOpts = {\n      // v5: Always zero-runtime\n      mode: \"zero-runtime\" as const,\n      addDataAttr: this.opts.addDataAttr ?? isDev,\n      // Preserve cv, cx, cn, etc — only tw.* is transformed\n      preserveImports: true,\n    }\n\n    const include = this.opts.include ?? /\\.[jt]sx?$/\n    const exclude = this.opts.exclude ?? /node_modules/\n\n    // Check idempotency\n    const existing = compiler.options.module?.rules ?? []\n    const alreadyRegistered = existing.some((r: any) => r._tailwindStyledRspackMarker === true)\n    if (alreadyRegistered) return\n\n    const rule = {\n      _tailwindStyledRspackMarker: true,\n      test: include,\n      exclude: exclude,\n      use: [\n        {\n          loader: LOADER_PATH,\n          options: loaderOpts,\n        },\n      ],\n    }\n\n    compiler.options.module.rules = [rule, ...existing]\n  }\n}\n\nexport function tailwindStyledRspackPlugin(\n  opts: RspackPluginOptions = {}\n): TailwindStyledRspackPlugin {\n  return new TailwindStyledRspackPlugin(opts)\n}\n\nexport default tailwindStyledRspackPlugin\n"]}

package/dist/runtime.d.mts

@@ -0,0 +1,62 @@
+import React from 'react';
+export { L as LiveTokenEngineBridge, a as LiveTokenSet, T as TokenMap, b as TokenSubscriber, c as applyTokenSet, d as createUseTokens, g as generateTokenCssString, e as getToken, f as getTokens, l as liveToken, h as liveTokenEngine, s as setToken, i as setTokens, j as subscribeTokens, t as tokenRef, k as tokenVar } from './liveTokenEngine-DYN3Zale.mjs';
+
+/**
+ * @tailwind-styled/runtime v5
+ *
+ * Lightweight runtime helpers for compiled tailwind-styled-v5 components.
+ * Live token engine has been moved to @tailwind-styled/theme package.
+ */
+
+interface SubComponentDef {
+    /** HTML tag to render (default: "span") */
+    tag?: string;
+    /** Scoped CSS class generated by Rust, e.g. "Button_icon_abc123" */
+    class: string;
+}
+type SubComponentMap = Record<string, SubComponentDef>;
+/**
+ * Map of prop name → CSS class appended when the prop is truthy.
+ * e.g. { fullWidth: "w-full", large: "text-lg px-6 py-3" }
+ */
+type ConditionalProps = Record<string, string>;
+/**
+ * A compound styled component: base ForwardRef + attached .SubName properties.
+ * The generic params are intentionally loose so callers don't need to repeat them.
+ */
+type StyledComponent<S extends SubComponentMap = SubComponentMap> = React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
+    [K in keyof S]: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+};
+/** Metadata for one compound component produced by Rust. */
+interface ComponentMetadata {
+    component: string;
+    tag: string;
+    baseClass: string;
+    subComponents: SubComponentMap;
+}
+type ClassInput = string | number | false | null | undefined | ClassInput[];
+declare function cx(...inputs: ClassInput[]): string;
+/**
+ * Build a compound styled React component from Rust-generated metadata.
+ *
+ * @param tag           HTML element tag, e.g. "button" | "div"
+ * @param baseClass     Scoped base class from Rust, e.g. "Button_abc123"
+ * @param subComponents Map of subcomponent definitions (optional)
+ * @param conditionals  Map of prop name → CSS class (optional)
+ *
+ * @example
+ * // Injected automatically by the compiler — do not call manually
+ * const Button = createComponent("button", "Button_abc123", {
+ *   icon: { tag: "span", class: "Button_icon_abc123" },
+ *   text: { tag: "span", class: "Button_text_abc123" },
+ * }, { fullWidth: "w-full" })
+ *
+ * // Usage in JSX:
+ * <Button fullWidth>
+ *   <Button.icon>🔍</Button.icon>
+ *   <Button.text>Search</Button.text>
+ * </Button>
+ */
+declare function createComponent<S extends SubComponentMap = SubComponentMap>(tag: string, baseClass: string, subComponents?: S, conditionals?: ConditionalProps): StyledComponent<S>;
+
+export { type ComponentMetadata, type ConditionalProps, type StyledComponent, type SubComponentDef, type SubComponentMap, createComponent, cx };

package/dist/runtime.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+export { L as LiveTokenEngineBridge, a as LiveTokenSet, T as TokenMap, b as TokenSubscriber, c as applyTokenSet, d as createUseTokens, g as generateTokenCssString, e as getToken, f as getTokens, l as liveToken, h as liveTokenEngine, s as setToken, i as setTokens, j as subscribeTokens, t as tokenRef, k as tokenVar } from './liveTokenEngine-DYN3Zale.js';
+
+/**
+ * @tailwind-styled/runtime v5
+ *
+ * Lightweight runtime helpers for compiled tailwind-styled-v5 components.
+ * Live token engine has been moved to @tailwind-styled/theme package.
+ */
+
+interface SubComponentDef {
+    /** HTML tag to render (default: "span") */
+    tag?: string;
+    /** Scoped CSS class generated by Rust, e.g. "Button_icon_abc123" */
+    class: string;
+}
+type SubComponentMap = Record<string, SubComponentDef>;
+/**
+ * Map of prop name → CSS class appended when the prop is truthy.
+ * e.g. { fullWidth: "w-full", large: "text-lg px-6 py-3" }
+ */
+type ConditionalProps = Record<string, string>;
+/**
+ * A compound styled component: base ForwardRef + attached .SubName properties.
+ * The generic params are intentionally loose so callers don't need to repeat them.
+ */
+type StyledComponent<S extends SubComponentMap = SubComponentMap> = React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
+    [K in keyof S]: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+};
+/** Metadata for one compound component produced by Rust. */
+interface ComponentMetadata {
+    component: string;
+    tag: string;
+    baseClass: string;
+    subComponents: SubComponentMap;
+}
+type ClassInput = string | number | false | null | undefined | ClassInput[];
+declare function cx(...inputs: ClassInput[]): string;
+/**
+ * Build a compound styled React component from Rust-generated metadata.
+ *
+ * @param tag           HTML element tag, e.g. "button" | "div"
+ * @param baseClass     Scoped base class from Rust, e.g. "Button_abc123"
+ * @param subComponents Map of subcomponent definitions (optional)
+ * @param conditionals  Map of prop name → CSS class (optional)
+ *
+ * @example
+ * // Injected automatically by the compiler — do not call manually
+ * const Button = createComponent("button", "Button_abc123", {
+ *   icon: { tag: "span", class: "Button_icon_abc123" },
+ *   text: { tag: "span", class: "Button_text_abc123" },
+ * }, { fullWidth: "w-full" })
+ *
+ * // Usage in JSX:
+ * <Button fullWidth>
+ *   <Button.icon>🔍</Button.icon>
+ *   <Button.text>Search</Button.text>
+ * </Button>
+ */
+declare function createComponent<S extends SubComponentMap = SubComponentMap>(tag: string, baseClass: string, subComponents?: S, conditionals?: ConditionalProps): StyledComponent<S>;
+
+export { type ComponentMetadata, type ConditionalProps, type StyledComponent, type SubComponentDef, type SubComponentMap, createComponent, cx };