tailwind-styled-v4 4.0.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/animate.cjs +754 -235
  2. package/dist/animate.cjs.map +1 -1
  3. package/dist/animate.d.cts +55 -99
  4. package/dist/animate.d.ts +55 -99
  5. package/dist/animate.js +742 -235
  6. package/dist/animate.js.map +1 -1
  7. package/dist/chunk-VZEJV27B.js +11 -0
  8. package/dist/chunk-VZEJV27B.js.map +1 -0
  9. package/dist/chunk-Y5D3E72P.cjs +13 -0
  10. package/dist/chunk-Y5D3E72P.cjs.map +1 -0
  11. package/dist/css.cjs +61 -11
  12. package/dist/css.cjs.map +1 -1
  13. package/dist/css.d.cts +3 -18
  14. package/dist/css.d.ts +3 -18
  15. package/dist/css.js +61 -11
  16. package/dist/css.js.map +1 -1
  17. package/dist/devtools.cjs +200 -88
  18. package/dist/devtools.cjs.map +1 -1
  19. package/dist/devtools.js +200 -88
  20. package/dist/devtools.js.map +1 -1
  21. package/dist/index.cjs +430 -135
  22. package/dist/index.cjs.map +1 -1
  23. package/dist/index.d.cts +74 -3
  24. package/dist/index.d.ts +74 -3
  25. package/dist/index.js +415 -132
  26. package/dist/index.js.map +1 -1
  27. package/dist/next.cjs +118 -138
  28. package/dist/next.cjs.map +1 -1
  29. package/dist/next.d.cts +28 -19
  30. package/dist/next.d.ts +28 -19
  31. package/dist/next.js +111 -131
  32. package/dist/next.js.map +1 -1
  33. package/dist/preset.cjs +312 -18
  34. package/dist/preset.cjs.map +1 -1
  35. package/dist/preset.d.cts +29 -2
  36. package/dist/preset.d.ts +29 -2
  37. package/dist/preset.js +311 -19
  38. package/dist/preset.js.map +1 -1
  39. package/dist/turbopackLoader.cjs +24 -2676
  40. package/dist/turbopackLoader.cjs.map +1 -1
  41. package/dist/turbopackLoader.d.cts +3 -13
  42. package/dist/turbopackLoader.d.ts +3 -13
  43. package/dist/turbopackLoader.js +24 -2670
  44. package/dist/turbopackLoader.js.map +1 -1
  45. package/dist/vite.cjs +90 -57
  46. package/dist/vite.cjs.map +1 -1
  47. package/dist/vite.d.cts +35 -6
  48. package/dist/vite.d.ts +35 -6
  49. package/dist/vite.js +90 -58
  50. package/dist/vite.js.map +1 -1
  51. package/dist/webpackLoader.cjs +27 -2646
  52. package/dist/webpackLoader.cjs.map +1 -1
  53. package/dist/webpackLoader.d.cts +3 -10
  54. package/dist/webpackLoader.d.ts +3 -10
  55. package/dist/webpackLoader.js +27 -2640
  56. package/dist/webpackLoader.js.map +1 -1
  57. package/package.json +31 -28
  58. package/dist/astTransform-ua-eapqs.d.cts +0 -41
  59. package/dist/astTransform-ua-eapqs.d.ts +0 -41
  60. package/dist/compiler.cjs +0 -3594
  61. package/dist/compiler.cjs.map +0 -1
  62. package/dist/compiler.d.cts +0 -716
  63. package/dist/compiler.d.ts +0 -716
  64. package/dist/compiler.js +0 -3535
  65. package/dist/compiler.js.map +0 -1
  66. package/dist/plugins.cjs +0 -396
  67. package/dist/plugins.cjs.map +0 -1
  68. package/dist/plugins.d.cts +0 -231
  69. package/dist/plugins.d.ts +0 -231
  70. package/dist/plugins.js +0 -381
  71. package/dist/plugins.js.map +0 -1
  72. package/dist/theme.cjs +0 -154
  73. package/dist/theme.cjs.map +0 -1
  74. package/dist/theme.d.cts +0 -181
  75. package/dist/theme.d.ts +0 -181
  76. package/dist/theme.js +0 -148
  77. package/dist/theme.js.map +0 -1
package/dist/next.cjs CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var chunkY5D3E72P_cjs = require('./chunk-Y5D3E72P.cjs');
3
4
  var fs = require('fs');
4
5
  var path = require('path');
5
6
 
@@ -9,61 +10,53 @@ var fs__default = /*#__PURE__*/_interopDefault(fs);
9
10
  var path__default = /*#__PURE__*/_interopDefault(path);
10
11
 
11
12
  /* tailwind-styled-v4 v4 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
12
- var __defProp = Object.defineProperty;
13
- var __defProps = Object.defineProperties;
14
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
15
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
16
- var __hasOwnProp = Object.prototype.hasOwnProperty;
17
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
18
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
19
- var __spreadValues = (a, b) => {
20
- for (var prop in b || (b = {}))
21
- if (__hasOwnProp.call(b, prop))
22
- __defNormalProp(a, prop, b[prop]);
23
- if (__getOwnPropSymbols)
24
- for (var prop of __getOwnPropSymbols(b)) {
25
- if (__propIsEnum.call(b, prop))
26
- __defNormalProp(a, prop, b[prop]);
27
- }
28
- return a;
29
- };
30
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
31
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
32
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
33
- }) : x)(function(x) {
34
- if (typeof require !== "undefined") return require.apply(this, arguments);
35
- throw Error('Dynamic require of "' + x + '" is not supported');
36
- });
37
- var LOADER_PATH = __require.resolve("./turbopackLoader");
38
- var WEBPACK_LOADER_PATH = __require.resolve("./webpackLoader");
13
+ var LOADER_PATH = chunkY5D3E72P_cjs.__require.resolve("./turbopackLoader");
14
+ var WEBPACK_LOADER_PATH = chunkY5D3E72P_cjs.__require.resolve("./webpackLoader");
15
+ function warnDeprecated(options, key, message) {
16
+ if (options[key] !== void 0) {
17
+ console.warn(`[tailwind-styled-v4] Warning: '${key}' is deprecated in v5. ${message}`);
18
+ }
19
+ }
39
20
  function withTailwindStyled(opts = {}) {
40
21
  return (nextConfig = {}) => {
41
- var _a, _b, _c;
42
22
  const cwd = process.cwd();
43
23
  const isDev = process.env.NODE_ENV !== "production";
44
- const hasReactCompiler = nextConfig.reactCompiler === true || ((_a = nextConfig.experimental) == null ? void 0 : _a.reactCompiler) === true;
24
+ warnDeprecated(opts, "mode", "Only zero-runtime is supported in v5.");
25
+ warnDeprecated(opts, "atomic", "Use @tailwind-styled/atomic package instead.");
26
+ warnDeprecated(opts, "staticVariants", "Handled automatically by the engine.");
27
+ warnDeprecated(opts, "deadStyleElimination", "Use engine with analyze: true instead.");
28
+ warnDeprecated(opts, "incremental", "Handled internally by the engine.");
29
+ warnDeprecated(opts, "styleBuckets", "Handled internally by the engine.");
30
+ warnDeprecated(opts, "incrementalVerbose", "Handled internally by the engine.");
31
+ const hasReactCompiler = nextConfig.reactCompiler === true || nextConfig.experimental?.reactCompiler === true;
45
32
  if (hasReactCompiler && isDev) {
46
33
  console.log("[tailwind-styled-v4] React Compiler detected \u2192 hoist disabled");
47
34
  }
48
35
  const {
49
36
  scanDirs = ["src"],
50
37
  safelistOutput = "src/app/__tw-safelist.css",
38
+ addDataAttr = isDev,
51
39
  autoClientBoundary = true,
52
40
  hoist = !hasReactCompiler,
53
- atomic = false,
54
41
  routeCssDir = path__default.default.join(cwd, ".next", "static", "css", "tw"),
55
42
  zeroConfig = true,
56
43
  plugins = [],
57
- devtools = isDev,
58
- staticVariants = !isDev,
59
- deadStyleElimination = !isDev
44
+ devtools = isDev
60
45
  } = opts;
61
46
  const routeCss = opts.routeCss !== void 0 ? opts.routeCss : !isDev;
47
+ const devManifest = opts.devManifest !== void 0 ? opts.devManifest : isDev;
48
+ const devManifestRewrites = devManifest && isDev ? [
49
+ {
50
+ source: "/__tw/css-manifest.json",
51
+ destination: "/.next/static/css/tw/css-manifest.json"
52
+ },
53
+ { source: "/__tw/:path*.css", destination: "/.next/static/css/tw/:path*.css" }
54
+ ] : [];
62
55
  if (zeroConfig) {
63
56
  try {
64
- const { bootstrapZeroConfig } = __require("@tailwind-styled/compiler");
57
+ const { bootstrapZeroConfig } = chunkY5D3E72P_cjs.__require("@tailwind-styled/compiler");
65
58
  bootstrapZeroConfig(cwd);
66
- } catch (e) {
59
+ } catch {
67
60
  }
68
61
  }
69
62
  const safelistAbsPath = path__default.default.isAbsolute(safelistOutput) ? safelistOutput : path__default.default.resolve(cwd, safelistOutput);
@@ -74,12 +67,12 @@ function withTailwindStyled(opts = {}) {
74
67
  safelistAbsPath,
75
68
  "/* Auto-generated by tailwind-styled-v4 \u2014 DO NOT EDIT */\n"
76
69
  );
77
- } catch (e) {
70
+ } catch {
78
71
  }
79
72
  }
80
73
  if (plugins.length > 0) {
81
74
  try {
82
- const { use } = __require("@tailwind-styled/plugin");
75
+ const { use } = chunkY5D3E72P_cjs.__require("@tailwind-styled/plugin");
83
76
  for (const plugin of plugins) use(plugin);
84
77
  console.log(
85
78
  `[tailwind-styled-v4] ${plugins.length} plugin(s): ${plugins.map((p) => p.name).join(", ")}`
@@ -89,41 +82,51 @@ function withTailwindStyled(opts = {}) {
89
82
  }
90
83
  }
91
84
  const loaderOpts = {
92
- mode: opts.mode,
93
- addDataAttr: (_b = opts.addDataAttr) != null ? _b : isDev,
94
- autoClientBoundary,
95
- hoist,
96
- atomic,
97
- routeCss,
98
- staticVariants
85
+ addDataAttr: addDataAttr ? "true" : "false",
86
+ autoClientBoundary: autoClientBoundary ? "true" : "false",
87
+ hoist: hoist ? "true" : "false"
99
88
  };
100
- return __spreadProps(__spreadValues({}, nextConfig), {
101
- experimental: __spreadValues({}, nextConfig.experimental),
102
- // Next.js 16+: turbopack moved to top-level
103
- // FIX TURBOPACK: pattern "*.{tsx,ts,jsx,js}" terlalu lebar — ikut match
104
- // node_modules/next/dist/client/*.js.tsx dan trigger "Missing module type".
105
- // Solusi: scope pattern ke scanDirs saja, jangan catch-all.
106
- // `as` field dihapus — tidak perlu karena loader output tetap TSX-compatible.
107
- turbopack: __spreadProps(__spreadValues({}, nextConfig.turbopack), {
108
- rules: __spreadValues(__spreadValues({}, Object.fromEntries(
109
- scanDirs.flatMap((dir) => [
110
- [
111
- `{./${dir},./src,./app,./pages,./components}/**/*.tsx`,
112
- {
113
- loaders: [{ loader: LOADER_PATH, options: loaderOpts }]
114
- }
115
- ],
116
- [
117
- `{./${dir},./src,./app,./pages,./components}/**/*.ts`,
118
- {
119
- loaders: [{ loader: LOADER_PATH, options: loaderOpts }]
120
- }
121
- ]
122
- ])
123
- )), (_c = nextConfig.turbopack) == null ? void 0 : _c.rules)
124
- }),
89
+ return {
90
+ ...nextConfig,
91
+ // Dev mode rewrites for /__tw/ manifest serving
92
+ ...devManifestRewrites.length > 0 ? {
93
+ async rewrites() {
94
+ const existing = typeof nextConfig.rewrites === "function" ? await nextConfig.rewrites() : nextConfig.rewrites ?? [];
95
+ const {
96
+ beforeFiles = [],
97
+ afterFiles = [],
98
+ fallback = []
99
+ } = Array.isArray(existing) ? { beforeFiles: existing } : existing;
100
+ return { beforeFiles: [...devManifestRewrites, ...beforeFiles], afterFiles, fallback };
101
+ }
102
+ } : {},
103
+ experimental: {
104
+ ...nextConfig.experimental
105
+ },
106
+ // Turbopack rules
107
+ turbopack: {
108
+ ...nextConfig.turbopack,
109
+ rules: {
110
+ ...Object.fromEntries(
111
+ scanDirs.flatMap((dir) => [
112
+ [
113
+ `{./${dir},./app,./pages,./components}/**/*.tsx`,
114
+ {
115
+ loaders: [{ loader: LOADER_PATH, options: loaderOpts }]
116
+ }
117
+ ],
118
+ [
119
+ `{./${dir},./app,./pages,./components}/**/*.ts`,
120
+ {
121
+ loaders: [{ loader: LOADER_PATH, options: loaderOpts }]
122
+ }
123
+ ]
124
+ ])
125
+ ),
126
+ ...nextConfig.turbopack?.rules
127
+ }
128
+ },
125
129
  webpack(webpackConfig, webpackOpts) {
126
- var _a2, _b2, _c2, _d;
127
130
  const alreadyRegistered = webpackConfig.module.rules.some(
128
131
  (r) => r._tailwindStyledMarker === true
129
132
  );
@@ -135,25 +138,26 @@ function withTailwindStyled(opts = {}) {
135
138
  use: [
136
139
  {
137
140
  loader: WEBPACK_LOADER_PATH,
138
- options: __spreadProps(__spreadValues({}, loaderOpts), {
139
- mode: (_a2 = opts.mode) != null ? _a2 : webpackOpts.dev ? "runtime" : "zero-runtime",
140
- addDataAttr: (_b2 = opts.addDataAttr) != null ? _b2 : webpackOpts.dev
141
- })
141
+ options: {
142
+ ...loaderOpts,
143
+ addDataAttr: opts.addDataAttr ?? webpackOpts.dev
144
+ }
142
145
  }
143
146
  ]
144
147
  });
145
148
  }
146
149
  if (devtools && webpackOpts.dev) {
147
- webpackConfig.resolve = (_c2 = webpackConfig.resolve) != null ? _c2 : {};
148
- webpackConfig.resolve.alias = __spreadProps(__spreadValues({}, (_d = webpackConfig.resolve.alias) != null ? _d : {}), {
150
+ webpackConfig.resolve = webpackConfig.resolve ?? {};
151
+ webpackConfig.resolve.alias = {
152
+ ...webpackConfig.resolve.alias ?? void 0,
149
153
  "tailwind-styled-v4/devtools": path__default.default.resolve(__dirname, "../../devtools/src/index.tsx")
150
- });
154
+ };
151
155
  }
152
156
  return typeof nextConfig.webpack === "function" ? nextConfig.webpack(webpackConfig, webpackOpts) : webpackConfig;
153
157
  },
154
158
  generateBuildId: async () => {
155
159
  try {
156
- const { generateSafelistCss } = __require("@tailwind-styled/compiler");
160
+ const { generateSafelistCss } = chunkY5D3E72P_cjs.__require("@tailwind-styled/compiler");
157
161
  generateSafelistCss(
158
162
  scanDirs.map((d) => path__default.default.resolve(cwd, d)),
159
163
  path__default.default.isAbsolute(safelistOutput) ? safelistOutput : path__default.default.resolve(cwd, safelistOutput)
@@ -164,7 +168,7 @@ function withTailwindStyled(opts = {}) {
164
168
  }
165
169
  if (plugins.length > 0) {
166
170
  try {
167
- const { getGlobalRegistry, runBuildHooks } = __require("@tailwind-styled/plugin");
171
+ const { getGlobalRegistry, runBuildHooks } = chunkY5D3E72P_cjs.__require("@tailwind-styled/plugin");
168
172
  await runBuildHooks(getGlobalRegistry());
169
173
  console.log("[tailwind-styled-v4] \u2713 Plugin build hooks complete");
170
174
  } catch (e) {
@@ -173,37 +177,40 @@ function withTailwindStyled(opts = {}) {
173
177
  }
174
178
  if (routeCss) {
175
179
  try {
176
- const {
177
- generateAllRouteCss,
178
- getCollectorSummary,
179
- runElimination
180
- } = __require("@tailwind-styled/compiler");
181
- const results = await generateAllRouteCss({ cwd, outputDir: routeCssDir, minify: true });
182
- console.log(getCollectorSummary());
183
- if (deadStyleElimination) {
184
- let totalSaved = 0;
185
- for (const result of results) {
186
- const routeFile = path__default.default.join(
187
- routeCssDir,
188
- result.route === "/" ? "index.css" : `${result.route.replace(/\//g, "_")}.css`
189
- );
190
- if (fs__default.default.existsSync(routeFile)) {
191
- const inputCss = fs__default.default.readFileSync(routeFile, "utf-8");
192
- const { css, report } = runElimination({ dirs: scanDirs, cwd, inputCss });
193
- fs__default.default.writeFileSync(routeFile, css);
194
- totalSaved += report.bytesSaved;
195
- }
196
- }
197
- if (totalSaved > 0) {
198
- console.log(
199
- `[tailwind-styled-v4] \u2713 Dead styles eliminated: ~${(totalSaved / 1024).toFixed(1)}KB saved`
200
- );
201
- }
180
+ const { createEngine } = chunkY5D3E72P_cjs.__require("@tailwind-styled/engine");
181
+ const engine = await createEngine({
182
+ root: cwd,
183
+ scanner: {
184
+ includeExtensions: [".tsx", ".ts", ".jsx", ".js"],
185
+ ignoreDirectories: scanDirs
186
+ },
187
+ compileCss: true,
188
+ tailwindConfigPath: zeroConfig ? void 0 : "tailwind.config.ts",
189
+ plugins: []
190
+ });
191
+ const buildResult = await engine.build();
192
+ if (buildResult.css) {
193
+ const routeDir = routeCssDir;
194
+ fs__default.default.mkdirSync(routeDir, { recursive: true });
195
+ const indexCssPath = path__default.default.join(routeDir, "index.css");
196
+ fs__default.default.writeFileSync(indexCssPath, buildResult.css);
197
+ const manifest = { "/": "index.css" };
198
+ const manifestPath = path__default.default.join(
199
+ cwd,
200
+ ".next",
201
+ "static",
202
+ "css",
203
+ "tw",
204
+ "css-manifest.json"
205
+ );
206
+ fs__default.default.mkdirSync(path__default.default.dirname(manifestPath), { recursive: true });
207
+ fs__default.default.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2));
208
+ const sizeKb = Buffer.byteLength(buildResult.css, "utf8") / 1024;
209
+ console.log(`[tailwind-styled-v4] \u2713 Route CSS: ${sizeKb.toFixed(1)}KB`);
210
+ console.log(
211
+ "[tailwind-styled-v4] \u2713 Route CSS manifest \u2192 .next/static/css/tw/css-manifest.json"
212
+ );
202
213
  }
203
- const totalKb = results.reduce((s, r) => s + r.sizeBytes, 0) / 1024;
204
- console.log(
205
- `[tailwind-styled-v4] \u2713 Route CSS: ${results.length} routes, ${totalKb.toFixed(1)}KB`
206
- );
207
214
  } catch (e) {
208
215
  console.warn("[tailwind-styled-v4] Route CSS skipped:", e);
209
216
  }
@@ -215,7 +222,7 @@ function withTailwindStyled(opts = {}) {
215
222
  generateTokenCss,
216
223
  generateUtilityCss,
217
224
  applyCssHooks
218
- } = __require("@tailwind-styled/plugin");
225
+ } = chunkY5D3E72P_cjs.__require("@tailwind-styled/plugin");
219
226
  const registry = getGlobalRegistry();
220
227
  let pluginCss = [generateTokenCss(registry), generateUtilityCss(registry)].filter(Boolean).join("\n\n");
221
228
  pluginCss = applyCssHooks(pluginCss, registry);
@@ -229,37 +236,10 @@ function withTailwindStyled(opts = {}) {
229
236
  console.warn("[tailwind-styled-v4] Plugin CSS skipped:", e);
230
237
  }
231
238
  }
232
- const { incremental = true, styleBuckets = true, incrementalVerbose = false } = opts;
233
- if (incremental) {
234
- try {
235
- const { getIncrementalEngine, getBucketEngine } = __require("@tailwind-styled/compiler");
236
- const engine = getIncrementalEngine({ verbose: incrementalVerbose });
237
- engine.buildEndSync();
238
- const stats = engine.getStats();
239
- console.log(
240
- `[tailwind-styled-v4] \u2713 Incremental: ${stats.changedFiles}/${stats.totalFiles} files changed | +${stats.addedRules} -${stats.removedRules} rules | ${stats.buildTimeMs}ms`
241
- );
242
- if (styleBuckets) {
243
- const buckets = getBucketEngine();
244
- const allNodes = engine.getAllNodes();
245
- for (const node of allNodes) buckets.add(node);
246
- const css = buckets.emit();
247
- const outPath = path__default.default.join(cwd, "public", "__tw-atomic.css");
248
- fs__default.default.mkdirSync(path__default.default.dirname(outPath), { recursive: true });
249
- fs__default.default.writeFileSync(outPath, css);
250
- const bStats = buckets.stats();
251
- console.log(
252
- `[tailwind-styled-v4] \u2713 Bucket CSS \u2192 public/__tw-atomic.css | ${bStats.totalNodes} rules`
253
- );
254
- }
255
- } catch (e) {
256
- console.warn("[tailwind-styled-v4] Incremental engine flush skipped:", e);
257
- }
258
- }
259
239
  if (typeof nextConfig.generateBuildId === "function") return nextConfig.generateBuildId();
260
240
  return null;
261
241
  }
262
- });
242
+ };
263
243
  };
264
244
  }
265
245
 
package/dist/next.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../next/src/withTailwindStyled.ts"],"names":["path","fs","_a","_b","_c"],"mappings":"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","file":"next.cjs","sourcesContent":["/**\n * tailwind-styled-v4 — withTailwindStyled v3\n *\n * Next.js plugin dengan full v3 integration:\n * - Plugin system\n * - DevTools overlay\n * - Static variant compilation\n * - Dead style elimination\n * - Route CSS bundling\n * - React Compiler compat\n * - Idempotency guard\n */\n\nimport fs from \"node:fs\"\nimport path from \"node:path\"\nimport type { TwPlugin } from \"@tailwind-styled/plugin\"\nimport type { NextConfig } from \"next\"\n\nexport interface TailwindStyledNextOptions {\n mode?: \"zero-runtime\" | \"runtime\"\n addDataAttr?: boolean\n scanDirs?: string[]\n safelistOutput?: string\n autoClientBoundary?: boolean\n hoist?: boolean\n routeCss?: boolean\n routeCssDir?: string\n atomic?: boolean\n zeroConfig?: boolean\n /** v3: plugins array */\n plugins?: TwPlugin[]\n /** v3: DevTools overlay. Default: true in dev */\n devtools?: boolean\n /** v3: pre-compile all variant combos. Default: true in prod */\n staticVariants?: boolean\n /** v3: remove unused variant CSS at build. Default: true in prod */\n deadStyleElimination?: boolean\n /** v4: incremental CSS compiler — only recompile changed files. Default: true */\n incremental?: boolean\n /** v4: style bucket system — deterministic CSS ordering. Default: true */\n styleBuckets?: boolean\n /** v4: verbose logging untuk incremental engine. Default: false */\n incrementalVerbose?: boolean\n}\n\nconst LOADER_PATH = require.resolve(\"./turbopackLoader\")\nconst WEBPACK_LOADER_PATH = require.resolve(\"./webpackLoader\")\n\nexport function withTailwindStyled(opts: TailwindStyledNextOptions = {}) {\n return (nextConfig: NextConfig = {}): NextConfig => {\n const cwd = process.cwd()\n const isDev = process.env.NODE_ENV !== \"production\"\n\n const hasReactCompiler =\n (nextConfig as any).reactCompiler === true ||\n (nextConfig as any).experimental?.reactCompiler === true\n\n if (hasReactCompiler && isDev) {\n console.log(\"[tailwind-styled-v4] React Compiler detected → hoist disabled\")\n }\n\n const {\n scanDirs = [\"src\"],\n safelistOutput = \"src/app/__tw-safelist.css\",\n autoClientBoundary = true,\n hoist = !hasReactCompiler,\n atomic = false,\n routeCssDir = path.join(cwd, \".next\", \"static\", \"css\", \"tw\"),\n zeroConfig = true,\n plugins = [],\n devtools = isDev,\n staticVariants = !isDev,\n deadStyleElimination = !isDev,\n } = opts\n\n const routeCss = opts.routeCss !== undefined ? opts.routeCss : !isDev\n\n if (zeroConfig) {\n try {\n const { bootstrapZeroConfig } = require(\"@tailwind-styled/compiler\")\n bootstrapZeroConfig(cwd)\n } catch {\n /* non-critical */\n }\n }\n\n // Ensure safelist CSS exists (even empty) so @import in globals.css doesn't fail\n // on first run before generateBuildId has been called.\n const safelistAbsPath = path.isAbsolute(safelistOutput)\n ? safelistOutput\n : path.resolve(cwd, safelistOutput)\n if (!fs.existsSync(safelistAbsPath)) {\n try {\n fs.mkdirSync(path.dirname(safelistAbsPath), { recursive: true })\n fs.writeFileSync(\n safelistAbsPath,\n \"/* Auto-generated by tailwind-styled-v4 — DO NOT EDIT */\\n\"\n )\n } catch {\n /* non-critical */\n }\n }\n\n if (plugins.length > 0) {\n try {\n const { use } = require(\"@tailwind-styled/plugin\")\n for (const plugin of plugins) use(plugin)\n console.log(\n `[tailwind-styled-v4] ${plugins.length} plugin(s): ${plugins.map((p: TwPlugin) => p.name).join(\", \")}`\n )\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Plugin init failed:\", e)\n }\n }\n\n const loaderOpts = {\n mode: opts.mode,\n addDataAttr: opts.addDataAttr ?? isDev,\n autoClientBoundary,\n hoist,\n atomic,\n routeCss,\n staticVariants,\n }\n\n return {\n ...nextConfig,\n\n experimental: {\n ...(nextConfig.experimental as any),\n },\n\n // Next.js 16+: turbopack moved to top-level\n // FIX TURBOPACK: pattern \"*.{tsx,ts,jsx,js}\" terlalu lebar — ikut match\n // node_modules/next/dist/client/*.js.tsx dan trigger \"Missing module type\".\n // Solusi: scope pattern ke scanDirs saja, jangan catch-all.\n // `as` field dihapus — tidak perlu karena loader output tetap TSX-compatible.\n turbopack: {\n ...(nextConfig as any).turbopack,\n rules: {\n ...Object.fromEntries(\n scanDirs.flatMap((dir: string) => [\n [\n `{./${dir},./src,./app,./pages,./components}/**/*.tsx`,\n {\n loaders: [{ loader: LOADER_PATH, options: loaderOpts }],\n },\n ],\n [\n `{./${dir},./src,./app,./pages,./components}/**/*.ts`,\n {\n loaders: [{ loader: LOADER_PATH, options: loaderOpts }],\n },\n ],\n ])\n ),\n ...(nextConfig as any).turbopack?.rules,\n },\n },\n\n webpack(webpackConfig: any, webpackOpts: any) {\n // FIX #08: idempotency\n const alreadyRegistered = webpackConfig.module.rules.some(\n (r: any) => r._tailwindStyledMarker === true\n )\n if (!alreadyRegistered) {\n webpackConfig.module.rules.push({\n _tailwindStyledMarker: true,\n test: /\\.(tsx|ts|jsx|js)$/,\n exclude: /node_modules/,\n use: [\n {\n loader: WEBPACK_LOADER_PATH,\n options: {\n ...loaderOpts,\n mode: opts.mode ?? (webpackOpts.dev ? \"runtime\" : \"zero-runtime\"),\n addDataAttr: opts.addDataAttr ?? webpackOpts.dev,\n },\n },\n ],\n })\n }\n\n if (devtools && webpackOpts.dev) {\n webpackConfig.resolve = webpackConfig.resolve ?? {}\n webpackConfig.resolve.alias = {\n ...(webpackConfig.resolve.alias ?? {}),\n \"tailwind-styled-v4/devtools\": path.resolve(__dirname, \"../../devtools/src/index.tsx\"),\n }\n }\n\n return typeof nextConfig.webpack === \"function\"\n ? nextConfig.webpack(webpackConfig, webpackOpts)\n : webpackConfig\n },\n\n generateBuildId: async () => {\n // 1. Safelist — Tailwind v4: output @source inline() CSS (not JSON)\n try {\n const { generateSafelistCss } = require(\"@tailwind-styled/compiler\")\n generateSafelistCss(\n scanDirs.map((d: string) => path.resolve(cwd, d)),\n path.isAbsolute(safelistOutput) ? safelistOutput : path.resolve(cwd, safelistOutput)\n )\n console.log(\"[tailwind-styled-v4] ✓ Safelist CSS generated\")\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Safelist skipped:\", e)\n }\n\n // 2. Plugin build hooks\n if (plugins.length > 0) {\n try {\n const { getGlobalRegistry, runBuildHooks } = require(\"@tailwind-styled/plugin\")\n await runBuildHooks(getGlobalRegistry())\n console.log(\"[tailwind-styled-v4] ✓ Plugin build hooks complete\")\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Plugin build hooks failed:\", e)\n }\n }\n\n // 3. Route CSS + dead style elimination\n if (routeCss) {\n try {\n const {\n generateAllRouteCss,\n getCollectorSummary,\n runElimination,\n } = require(\"@tailwind-styled/compiler\")\n\n const results = await generateAllRouteCss({ cwd, outputDir: routeCssDir, minify: true })\n console.log(getCollectorSummary())\n\n if (deadStyleElimination) {\n let totalSaved = 0\n for (const result of results) {\n const routeFile = path.join(\n routeCssDir,\n result.route === \"/\" ? \"index.css\" : `${result.route.replace(/\\//g, \"_\")}.css`\n )\n if (fs.existsSync(routeFile)) {\n const inputCss = fs.readFileSync(routeFile, \"utf-8\")\n const { css, report } = runElimination({ dirs: scanDirs, cwd, inputCss })\n fs.writeFileSync(routeFile, css)\n totalSaved += report.bytesSaved\n }\n }\n if (totalSaved > 0) {\n console.log(\n `[tailwind-styled-v4] ✓ Dead styles eliminated: ~${(totalSaved / 1024).toFixed(1)}KB saved`\n )\n }\n }\n\n const totalKb = results.reduce((s: number, r: any) => s + r.sizeBytes, 0) / 1024\n console.log(\n `[tailwind-styled-v4] ✓ Route CSS: ${results.length} routes, ${totalKb.toFixed(1)}KB`\n )\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Route CSS skipped:\", e)\n }\n }\n\n // 4. Plugin CSS\n if (plugins.length > 0) {\n try {\n const {\n getGlobalRegistry,\n generateTokenCss,\n generateUtilityCss,\n applyCssHooks,\n } = require(\"@tailwind-styled/plugin\")\n const registry = getGlobalRegistry()\n let pluginCss = [generateTokenCss(registry), generateUtilityCss(registry)]\n .filter(Boolean)\n .join(\"\\n\\n\")\n pluginCss = applyCssHooks(pluginCss, registry)\n if (pluginCss.trim()) {\n const outPath = path.join(cwd, \"public\", \"__tw-plugins.css\")\n fs.mkdirSync(path.dirname(outPath), { recursive: true })\n fs.writeFileSync(outPath, pluginCss)\n console.log(\"[tailwind-styled-v4] ✓ Plugin CSS → public/__tw-plugins.css\")\n }\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Plugin CSS skipped:\", e)\n }\n }\n\n // 5. Incremental engine + bucket system flush\n const { incremental = true, styleBuckets = true, incrementalVerbose = false } = opts\n if (incremental) {\n try {\n const { getIncrementalEngine, getBucketEngine } = require(\"@tailwind-styled/compiler\")\n\n const engine = getIncrementalEngine({ verbose: incrementalVerbose })\n engine.buildEndSync()\n\n const stats = engine.getStats()\n console.log(\n `[tailwind-styled-v4] ✓ Incremental: ${stats.changedFiles}/${stats.totalFiles} files changed | ` +\n `+${stats.addedRules} -${stats.removedRules} rules | ${stats.buildTimeMs}ms`\n )\n\n if (styleBuckets) {\n const buckets = getBucketEngine()\n const allNodes = engine.getAllNodes()\n for (const node of allNodes) buckets.add(node)\n const css = buckets.emit()\n const outPath = path.join(cwd, \"public\", \"__tw-atomic.css\")\n fs.mkdirSync(path.dirname(outPath), { recursive: true })\n fs.writeFileSync(outPath, css)\n const bStats = buckets.stats()\n console.log(\n `[tailwind-styled-v4] ✓ Bucket CSS → public/__tw-atomic.css | ` +\n `${bStats.totalNodes} rules`\n )\n }\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Incremental engine flush skipped:\", e)\n }\n }\n\n if (typeof nextConfig.generateBuildId === \"function\") return nextConfig.generateBuildId()\n return null\n },\n }\n }\n}\n\nexport default withTailwindStyled\n"]}
1
+ {"version":3,"sources":["../../next/src/withTailwindStyled.ts"],"names":["__require","path","fs"],"mappings":"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","file":"next.cjs","sourcesContent":["/**\n * tailwind-styled-v4 — withTailwindStyled v5\n *\n * Next.js plugin v5:\n * - Simplified API (removed deprecated options)\n * - Integrates with @tailwind-styled/engine for build\n * - Removed legacy code (scripts, direct compiler calls)\n * - Native-first architecture\n */\n\nimport fs from \"node:fs\"\nimport path from \"node:path\"\nimport type { TwPlugin } from \"@tailwind-styled/plugin\"\nimport type { NextConfig } from \"next\"\n\nexport interface TailwindStyledNextOptions {\n /** Directories to scan for components. Default: [\"src\"] */\n scanDirs?: string[]\n /** Output path for safelist CSS. Default: \"src/app/__tw-safelist.css\" */\n safelistOutput?: string\n /** Add data-tw attributes to components. Default: true in dev */\n addDataAttr?: boolean\n /** Auto-add \"use client\" boundary for interactive components. Default: true */\n autoClientBoundary?: boolean\n /** Hoist static variants. Default: true (false with React Compiler) */\n hoist?: boolean\n /** Generate route-level CSS. Default: true in production */\n routeCss?: boolean\n /** Output directory for route CSS. Default: \".next/static/css/tw\" */\n routeCssDir?: string\n /** Serve css-manifest.json in dev mode. Default: true in dev */\n devManifest?: boolean\n /** Use Tailwind zero-config. Default: true */\n zeroConfig?: boolean\n /** Plugin array */\n plugins?: TwPlugin[]\n /** Enable DevTools overlay. Default: true in dev */\n devtools?: boolean\n\n /** @deprecated in v5 - mode is always \"zero-runtime\" */\n mode?: \"zero-runtime\" | \"runtime\"\n /** @deprecated in v5 - use @tailwind-styled/atomic package */\n atomic?: boolean\n /** @deprecated in v5 - handled by engine automatically */\n staticVariants?: boolean\n /** @deprecated in v5 - use engine with analyze: true */\n deadStyleElimination?: boolean\n /** @deprecated in v5 - handled by engine internally */\n incremental?: boolean\n /** @deprecated in v5 - handled by engine internally */\n styleBuckets?: boolean\n /** @deprecated in v5 - handled by engine internally */\n incrementalVerbose?: boolean\n}\n\nconst LOADER_PATH = require.resolve(\"./turbopackLoader\")\nconst WEBPACK_LOADER_PATH = require.resolve(\"./webpackLoader\")\n\nfunction warnDeprecated(\n options: TailwindStyledNextOptions,\n key: keyof TailwindStyledNextOptions,\n message: string\n) {\n if (options[key] !== undefined) {\n console.warn(`[tailwind-styled-v4] Warning: '${key}' is deprecated in v5. ${message}`)\n }\n}\n\nexport function withTailwindStyled(opts: TailwindStyledNextOptions = {}) {\n return (nextConfig: NextConfig = {}): NextConfig => {\n const cwd = process.cwd()\n const isDev = process.env.NODE_ENV !== \"production\"\n\n warnDeprecated(opts, \"mode\", \"Only zero-runtime is supported in v5.\")\n warnDeprecated(opts, \"atomic\", \"Use @tailwind-styled/atomic package instead.\")\n warnDeprecated(opts, \"staticVariants\", \"Handled automatically by the engine.\")\n warnDeprecated(opts, \"deadStyleElimination\", \"Use engine with analyze: true instead.\")\n warnDeprecated(opts, \"incremental\", \"Handled internally by the engine.\")\n warnDeprecated(opts, \"styleBuckets\", \"Handled internally by the engine.\")\n warnDeprecated(opts, \"incrementalVerbose\", \"Handled internally by the engine.\")\n\n const hasReactCompiler =\n (nextConfig as any).reactCompiler === true ||\n (nextConfig as any).experimental?.reactCompiler === true\n\n if (hasReactCompiler && isDev) {\n console.log(\"[tailwind-styled-v4] React Compiler detected → hoist disabled\")\n }\n\n const {\n scanDirs = [\"src\"],\n safelistOutput = \"src/app/__tw-safelist.css\",\n addDataAttr = isDev,\n autoClientBoundary = true,\n hoist = !hasReactCompiler,\n routeCssDir = path.join(cwd, \".next\", \"static\", \"css\", \"tw\"),\n zeroConfig = true,\n plugins = [],\n devtools = isDev,\n } = opts\n\n const routeCss = opts.routeCss !== undefined ? opts.routeCss : !isDev\n const devManifest = opts.devManifest !== undefined ? opts.devManifest : isDev\n const devManifestRewrites =\n devManifest && isDev\n ? [\n {\n source: \"/__tw/css-manifest.json\",\n destination: \"/.next/static/css/tw/css-manifest.json\",\n },\n { source: \"/__tw/:path*.css\", destination: \"/.next/static/css/tw/:path*.css\" },\n ]\n : []\n\n if (zeroConfig) {\n try {\n const { bootstrapZeroConfig } = require(\"@tailwind-styled/compiler\")\n bootstrapZeroConfig(cwd)\n } catch {\n /* non-critical */\n }\n }\n\n // Ensure safelist CSS exists\n const safelistAbsPath = path.isAbsolute(safelistOutput)\n ? safelistOutput\n : path.resolve(cwd, safelistOutput)\n if (!fs.existsSync(safelistAbsPath)) {\n try {\n fs.mkdirSync(path.dirname(safelistAbsPath), { recursive: true })\n fs.writeFileSync(\n safelistAbsPath,\n \"/* Auto-generated by tailwind-styled-v4 — DO NOT EDIT */\\n\"\n )\n } catch {\n /* non-critical */\n }\n }\n\n // Initialize plugins\n if (plugins.length > 0) {\n try {\n const { use } = require(\"@tailwind-styled/plugin\")\n for (const plugin of plugins) use(plugin)\n console.log(\n `[tailwind-styled-v4] ${plugins.length} plugin(s): ${plugins.map((p: TwPlugin) => p.name).join(\", \")}`\n )\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Plugin init failed:\", e)\n }\n }\n\n // Loader options - use string values for Turbopack serialization\n const loaderOpts = {\n addDataAttr: addDataAttr ? \"true\" : \"false\",\n autoClientBoundary: autoClientBoundary ? \"true\" : \"false\",\n hoist: hoist ? \"true\" : \"false\",\n }\n\n return {\n ...nextConfig,\n\n // Dev mode rewrites for /__tw/ manifest serving\n ...(devManifestRewrites.length > 0\n ? {\n async rewrites() {\n const existing =\n typeof nextConfig.rewrites === \"function\"\n ? await nextConfig.rewrites()\n : (nextConfig.rewrites ?? [])\n const {\n beforeFiles = [],\n afterFiles = [],\n fallback = [],\n } = Array.isArray(existing) ? { beforeFiles: existing as any[] } : (existing as any)\n return { beforeFiles: [...devManifestRewrites, ...beforeFiles], afterFiles, fallback }\n },\n }\n : {}),\n\n experimental: {\n ...(nextConfig.experimental as any),\n },\n\n // Turbopack rules\n turbopack: {\n ...(nextConfig as any).turbopack,\n rules: {\n ...Object.fromEntries(\n scanDirs.flatMap((dir: string) => [\n [\n `{./${dir},./app,./pages,./components}/**/*.tsx`,\n {\n loaders: [{ loader: LOADER_PATH, options: loaderOpts }],\n },\n ],\n [\n `{./${dir},./app,./pages,./components}/**/*.ts`,\n {\n loaders: [{ loader: LOADER_PATH, options: loaderOpts }],\n },\n ],\n ])\n ),\n ...(nextConfig as any).turbopack?.rules,\n },\n },\n\n webpack(webpackConfig: any, webpackOpts: any) {\n const alreadyRegistered = webpackConfig.module.rules.some(\n (r: any) => r._tailwindStyledMarker === true\n )\n if (!alreadyRegistered) {\n webpackConfig.module.rules.push({\n _tailwindStyledMarker: true,\n test: /\\.(tsx|ts|jsx|js)$/,\n exclude: /node_modules/,\n use: [\n {\n loader: WEBPACK_LOADER_PATH,\n options: {\n ...loaderOpts,\n addDataAttr: opts.addDataAttr ?? webpackOpts.dev,\n },\n },\n ],\n })\n }\n\n if (devtools && webpackOpts.dev) {\n webpackConfig.resolve = webpackConfig.resolve ?? {}\n webpackConfig.resolve.alias = {\n ...(webpackConfig.resolve.alias ?? undefined),\n \"tailwind-styled-v4/devtools\": path.resolve(__dirname, \"../../devtools/src/index.tsx\"),\n }\n }\n\n return typeof nextConfig.webpack === \"function\"\n ? nextConfig.webpack(webpackConfig, webpackOpts)\n : webpackConfig\n },\n\n generateBuildId: async () => {\n // 1. Safelist CSS - using engine via scanner\n try {\n const { generateSafelistCss } = require(\"@tailwind-styled/compiler\")\n generateSafelistCss(\n scanDirs.map((d: string) => path.resolve(cwd, d)),\n path.isAbsolute(safelistOutput) ? safelistOutput : path.resolve(cwd, safelistOutput)\n )\n console.log(\"[tailwind-styled-v4] ✓ Safelist CSS generated\")\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Safelist skipped:\", e)\n }\n\n // 2. Plugin build hooks\n if (plugins.length > 0) {\n try {\n const { getGlobalRegistry, runBuildHooks } = require(\"@tailwind-styled/plugin\")\n await runBuildHooks(getGlobalRegistry())\n console.log(\"[tailwind-styled-v4] ✓ Plugin build hooks complete\")\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Plugin build hooks failed:\", e)\n }\n }\n\n // 3. Route CSS - use engine for generation\n if (routeCss) {\n try {\n const { createEngine } = require(\"@tailwind-styled/engine\")\n\n const engine = await createEngine({\n root: cwd,\n scanner: {\n includeExtensions: [\".tsx\", \".ts\", \".jsx\", \".js\"],\n ignoreDirectories: scanDirs,\n },\n compileCss: true,\n tailwindConfigPath: zeroConfig ? undefined : \"tailwind.config.ts\",\n plugins: [],\n })\n\n const buildResult = await engine.build()\n\n // Write route CSS files\n if (buildResult.css) {\n const routeDir = routeCssDir\n fs.mkdirSync(routeDir, { recursive: true })\n\n // For now, write a single combined CSS - route splitting handled by Next.js\n const indexCssPath = path.join(routeDir, \"index.css\")\n fs.writeFileSync(indexCssPath, buildResult.css)\n\n // Generate manifest for route css middleware\n const manifest = { \"/\": \"index.css\" }\n const manifestPath = path.join(\n cwd,\n \".next\",\n \"static\",\n \"css\",\n \"tw\",\n \"css-manifest.json\"\n )\n fs.mkdirSync(path.dirname(manifestPath), { recursive: true })\n fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2))\n\n const sizeKb = Buffer.byteLength(buildResult.css, \"utf8\") / 1024\n console.log(`[tailwind-styled-v4] ✓ Route CSS: ${sizeKb.toFixed(1)}KB`)\n console.log(\n \"[tailwind-styled-v4] ✓ Route CSS manifest → .next/static/css/tw/css-manifest.json\"\n )\n }\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Route CSS skipped:\", e)\n }\n }\n\n // 4. Plugin CSS\n if (plugins.length > 0) {\n try {\n const {\n getGlobalRegistry,\n generateTokenCss,\n generateUtilityCss,\n applyCssHooks,\n } = require(\"@tailwind-styled/plugin\")\n const registry = getGlobalRegistry()\n let pluginCss = [generateTokenCss(registry), generateUtilityCss(registry)]\n .filter(Boolean)\n .join(\"\\n\\n\")\n pluginCss = applyCssHooks(pluginCss, registry)\n if (pluginCss.trim()) {\n const outPath = path.join(cwd, \"public\", \"__tw-plugins.css\")\n fs.mkdirSync(path.dirname(outPath), { recursive: true })\n fs.writeFileSync(outPath, pluginCss)\n console.log(\"[tailwind-styled-v4] ✓ Plugin CSS → public/__tw-plugins.css\")\n }\n } catch (e) {\n console.warn(\"[tailwind-styled-v4] Plugin CSS skipped:\", e)\n }\n }\n\n if (typeof nextConfig.generateBuildId === \"function\") return nextConfig.generateBuildId()\n return null\n },\n }\n }\n}\n\nexport default withTailwindStyled\n\n// Re-export route css utilities\nexport { getRouteCssLinks } from \"./routeCssMiddleware\"\n"]}
package/dist/next.d.cts CHANGED
@@ -2,42 +2,51 @@ import { TwPlugin } from '@tailwind-styled/plugin';
2
2
  import { NextConfig } from 'next';
3
3
 
4
4
  /**
5
- * tailwind-styled-v4 — withTailwindStyled v3
5
+ * tailwind-styled-v4 — withTailwindStyled v5
6
6
  *
7
- * Next.js plugin dengan full v3 integration:
8
- * - Plugin system
9
- * - DevTools overlay
10
- * - Static variant compilation
11
- * - Dead style elimination
12
- * - Route CSS bundling
13
- * - React Compiler compat
14
- * - Idempotency guard
7
+ * Next.js plugin v5:
8
+ * - Simplified API (removed deprecated options)
9
+ * - Integrates with @tailwind-styled/engine for build
10
+ * - Removed legacy code (scripts, direct compiler calls)
11
+ * - Native-first architecture
15
12
  */
16
13
 
17
14
  interface TailwindStyledNextOptions {
18
- mode?: "zero-runtime" | "runtime";
19
- addDataAttr?: boolean;
15
+ /** Directories to scan for components. Default: ["src"] */
20
16
  scanDirs?: string[];
17
+ /** Output path for safelist CSS. Default: "src/app/__tw-safelist.css" */
21
18
  safelistOutput?: string;
19
+ /** Add data-tw attributes to components. Default: true in dev */
20
+ addDataAttr?: boolean;
21
+ /** Auto-add "use client" boundary for interactive components. Default: true */
22
22
  autoClientBoundary?: boolean;
23
+ /** Hoist static variants. Default: true (false with React Compiler) */
23
24
  hoist?: boolean;
25
+ /** Generate route-level CSS. Default: true in production */
24
26
  routeCss?: boolean;
27
+ /** Output directory for route CSS. Default: ".next/static/css/tw" */
25
28
  routeCssDir?: string;
26
- atomic?: boolean;
29
+ /** Serve css-manifest.json in dev mode. Default: true in dev */
30
+ devManifest?: boolean;
31
+ /** Use Tailwind zero-config. Default: true */
27
32
  zeroConfig?: boolean;
28
- /** v3: plugins array */
33
+ /** Plugin array */
29
34
  plugins?: TwPlugin[];
30
- /** v3: DevTools overlay. Default: true in dev */
35
+ /** Enable DevTools overlay. Default: true in dev */
31
36
  devtools?: boolean;
32
- /** v3: pre-compile all variant combos. Default: true in prod */
37
+ /** @deprecated in v5 - mode is always "zero-runtime" */
38
+ mode?: "zero-runtime" | "runtime";
39
+ /** @deprecated in v5 - use @tailwind-styled/atomic package */
40
+ atomic?: boolean;
41
+ /** @deprecated in v5 - handled by engine automatically */
33
42
  staticVariants?: boolean;
34
- /** v3: remove unused variant CSS at build. Default: true in prod */
43
+ /** @deprecated in v5 - use engine with analyze: true */
35
44
  deadStyleElimination?: boolean;
36
- /** v4: incremental CSS compiler only recompile changed files. Default: true */
45
+ /** @deprecated in v5 - handled by engine internally */
37
46
  incremental?: boolean;
38
- /** v4: style bucket system deterministic CSS ordering. Default: true */
47
+ /** @deprecated in v5 - handled by engine internally */
39
48
  styleBuckets?: boolean;
40
- /** v4: verbose logging untuk incremental engine. Default: false */
49
+ /** @deprecated in v5 - handled by engine internally */
41
50
  incrementalVerbose?: boolean;
42
51
  }
43
52
  declare function withTailwindStyled(opts?: TailwindStyledNextOptions): (nextConfig?: NextConfig) => NextConfig;
package/dist/next.d.ts CHANGED
@@ -2,42 +2,51 @@ import { TwPlugin } from '@tailwind-styled/plugin';
2
2
  import { NextConfig } from 'next';
3
3
 
4
4
  /**
5
- * tailwind-styled-v4 — withTailwindStyled v3
5
+ * tailwind-styled-v4 — withTailwindStyled v5
6
6
  *
7
- * Next.js plugin dengan full v3 integration:
8
- * - Plugin system
9
- * - DevTools overlay
10
- * - Static variant compilation
11
- * - Dead style elimination
12
- * - Route CSS bundling
13
- * - React Compiler compat
14
- * - Idempotency guard
7
+ * Next.js plugin v5:
8
+ * - Simplified API (removed deprecated options)
9
+ * - Integrates with @tailwind-styled/engine for build
10
+ * - Removed legacy code (scripts, direct compiler calls)
11
+ * - Native-first architecture
15
12
  */
16
13
 
17
14
  interface TailwindStyledNextOptions {
18
- mode?: "zero-runtime" | "runtime";
19
- addDataAttr?: boolean;
15
+ /** Directories to scan for components. Default: ["src"] */
20
16
  scanDirs?: string[];
17
+ /** Output path for safelist CSS. Default: "src/app/__tw-safelist.css" */
21
18
  safelistOutput?: string;
19
+ /** Add data-tw attributes to components. Default: true in dev */
20
+ addDataAttr?: boolean;
21
+ /** Auto-add "use client" boundary for interactive components. Default: true */
22
22
  autoClientBoundary?: boolean;
23
+ /** Hoist static variants. Default: true (false with React Compiler) */
23
24
  hoist?: boolean;
25
+ /** Generate route-level CSS. Default: true in production */
24
26
  routeCss?: boolean;
27
+ /** Output directory for route CSS. Default: ".next/static/css/tw" */
25
28
  routeCssDir?: string;
26
- atomic?: boolean;
29
+ /** Serve css-manifest.json in dev mode. Default: true in dev */
30
+ devManifest?: boolean;
31
+ /** Use Tailwind zero-config. Default: true */
27
32
  zeroConfig?: boolean;
28
- /** v3: plugins array */
33
+ /** Plugin array */
29
34
  plugins?: TwPlugin[];
30
- /** v3: DevTools overlay. Default: true in dev */
35
+ /** Enable DevTools overlay. Default: true in dev */
31
36
  devtools?: boolean;
32
- /** v3: pre-compile all variant combos. Default: true in prod */
37
+ /** @deprecated in v5 - mode is always "zero-runtime" */
38
+ mode?: "zero-runtime" | "runtime";
39
+ /** @deprecated in v5 - use @tailwind-styled/atomic package */
40
+ atomic?: boolean;
41
+ /** @deprecated in v5 - handled by engine automatically */
33
42
  staticVariants?: boolean;
34
- /** v3: remove unused variant CSS at build. Default: true in prod */
43
+ /** @deprecated in v5 - use engine with analyze: true */
35
44
  deadStyleElimination?: boolean;
36
- /** v4: incremental CSS compiler only recompile changed files. Default: true */
45
+ /** @deprecated in v5 - handled by engine internally */
37
46
  incremental?: boolean;
38
- /** v4: style bucket system deterministic CSS ordering. Default: true */
47
+ /** @deprecated in v5 - handled by engine internally */
39
48
  styleBuckets?: boolean;
40
- /** v4: verbose logging untuk incremental engine. Default: false */
49
+ /** @deprecated in v5 - handled by engine internally */
41
50
  incrementalVerbose?: boolean;
42
51
  }
43
52
  declare function withTailwindStyled(opts?: TailwindStyledNextOptions): (nextConfig?: NextConfig) => NextConfig;