tailwind-styled-v4 5.0.35 → 5.0.37

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 (92) hide show
  1. package/README.md +458 -339
  2. package/dist/analyzer.d.mts +152 -5
  3. package/dist/analyzer.d.ts +152 -5
  4. package/dist/animate.d.mts +30 -3
  5. package/dist/animate.d.ts +30 -3
  6. package/dist/cli.js +9 -6
  7. package/dist/cli.js.map +1 -1
  8. package/dist/cli.mjs +9 -6
  9. package/dist/cli.mjs.map +1 -1
  10. package/dist/compiler.d.mts +5 -0
  11. package/dist/compiler.d.ts +5 -0
  12. package/dist/compiler.js.map +1 -1
  13. package/dist/compiler.mjs.map +1 -1
  14. package/dist/devtools.d.mts +88 -2
  15. package/dist/devtools.d.ts +88 -2
  16. package/dist/engine.d.mts +557 -6
  17. package/dist/engine.d.ts +557 -6
  18. package/dist/engine.js.map +1 -1
  19. package/dist/engine.mjs.map +1 -1
  20. package/dist/index.browser.mjs +689 -508
  21. package/dist/index.browser.mjs.map +1 -1
  22. package/dist/index.d.mts +236 -9
  23. package/dist/index.d.ts +236 -9
  24. package/dist/index.js +38 -20
  25. package/dist/index.js.map +1 -1
  26. package/dist/index.mjs +38 -20
  27. package/dist/index.mjs.map +1 -1
  28. package/dist/next.js +240 -170
  29. package/dist/next.js.map +1 -1
  30. package/dist/next.mjs +240 -170
  31. package/dist/next.mjs.map +1 -1
  32. package/dist/plugin-api.d.mts +4 -2
  33. package/dist/plugin-api.d.ts +4 -2
  34. package/dist/plugin-registry.js +39 -25
  35. package/dist/plugin-registry.js.map +1 -1
  36. package/dist/plugin-registry.mjs +39 -25
  37. package/dist/plugin-registry.mjs.map +1 -1
  38. package/dist/plugin.d.mts +165 -5
  39. package/dist/plugin.d.ts +165 -5
  40. package/dist/plugin.js +17 -0
  41. package/dist/plugin.js.map +1 -1
  42. package/dist/plugin.mjs +15 -1
  43. package/dist/plugin.mjs.map +1 -1
  44. package/dist/runtime.d.mts +38 -3
  45. package/dist/runtime.d.ts +38 -3
  46. package/dist/scanner.d.mts +58 -4
  47. package/dist/scanner.d.ts +58 -4
  48. package/dist/shared.d.mts +185 -3
  49. package/dist/shared.d.ts +185 -3
  50. package/dist/shared.js.map +1 -1
  51. package/dist/shared.mjs.map +1 -1
  52. package/dist/storybook-addon.d.mts +2 -2
  53. package/dist/storybook-addon.d.ts +2 -2
  54. package/dist/svelte.d.mts +2 -1
  55. package/dist/svelte.d.ts +2 -1
  56. package/dist/svelte.js +4 -4
  57. package/dist/svelte.js.map +1 -1
  58. package/dist/svelte.mjs +4 -4
  59. package/dist/svelte.mjs.map +1 -1
  60. package/dist/theme.d.mts +38 -3
  61. package/dist/theme.d.ts +38 -3
  62. package/dist/turbopackLoader.js.map +1 -1
  63. package/dist/turbopackLoader.mjs.map +1 -1
  64. package/dist/tw.js +9 -6
  65. package/dist/tw.js.map +1 -1
  66. package/dist/tw.mjs +9 -6
  67. package/dist/tw.mjs.map +1 -1
  68. package/dist/vite.js.map +1 -1
  69. package/dist/vite.mjs.map +1 -1
  70. package/dist/vue.d.mts +4 -1
  71. package/dist/vue.d.ts +4 -1
  72. package/dist/vue.js +4 -4
  73. package/dist/vue.js.map +1 -1
  74. package/dist/vue.mjs +4 -4
  75. package/dist/vue.mjs.map +1 -1
  76. package/native/tailwind-styled-native.linux-x64-gnu.node +0 -0
  77. package/native/tailwind-styled-native.node +0 -0
  78. package/package.json +7 -5
  79. package/dist/analyzeWorkspace-B1_XRfdl.d.ts +0 -134
  80. package/dist/analyzeWorkspace-hYfu4Hg3.d.mts +0 -134
  81. package/dist/index-DQI6O24n.d.mts +0 -464
  82. package/dist/index-NDINUhLN.d.mts +0 -90
  83. package/dist/index-NDINUhLN.d.ts +0 -90
  84. package/dist/index-UkYbyBkR.d.ts +0 -464
  85. package/dist/liveTokenEngine-CN9ian1R.d.ts +0 -38
  86. package/dist/liveTokenEngine-DKoWRtqH.d.mts +0 -38
  87. package/dist/schemas-DR-SLxZZ.d.mts +0 -59
  88. package/dist/schemas-DR-SLxZZ.d.ts +0 -59
  89. package/dist/trace-Dz4vmZdy.d.mts +0 -96
  90. package/dist/trace-Dz4vmZdy.d.ts +0 -96
  91. package/dist/types-DXr2PmGP.d.mts +0 -31
  92. package/dist/types-DXr2PmGP.d.ts +0 -31
@@ -1,5 +1,91 @@
1
1
  import React from 'react';
2
- export { T as TraceSnapshot, a as TraceSummary, f as formatDuration, b as formatMemory, g as getBuildTimeColor, c as getHealthColor, d as getMemoryColor, e as getModeColor, h as getPipelinePercentages } from './trace-Dz4vmZdy.mjs';
2
+
3
+ /**
4
+ * Shared trace utilities for CLI, devtools, and dashboard
5
+ *
6
+ * Provides reusable trace snapshot handling, formatting, and analysis
7
+ * across the tailwind-styled-v4 ecosystem without introducing coupling.
8
+ */
9
+ interface TraceSnapshot {
10
+ generatedAt: string;
11
+ buildMs: number | null;
12
+ scanMs: number | null;
13
+ analyzeMs: number | null;
14
+ compileMs: number | null;
15
+ memoryMb: {
16
+ rss: number;
17
+ heapUsed: number;
18
+ heapTotal: number;
19
+ } | null;
20
+ classCount: number | null;
21
+ fileCount: number | null;
22
+ cssBytes: number | null;
23
+ mode: string | null;
24
+ eventsReceived?: number;
25
+ eventsProcessed?: number;
26
+ batchesProcessed?: number;
27
+ incrementalUpdates?: number;
28
+ fullRescans?: number;
29
+ }
30
+ interface TraceSummary {
31
+ workspace: {
32
+ totalPackages: number;
33
+ totalFiles: number;
34
+ totalClasses: number;
35
+ lastScanDurationMs: number;
36
+ lastBuildDurationMs: number;
37
+ };
38
+ cache: {
39
+ hitRate: number;
40
+ totalEntries: number;
41
+ memoryUsageMb: number;
42
+ };
43
+ pipeline: {
44
+ scanDurationMs: number;
45
+ analyzeDurationMs: number;
46
+ compileDurationMs: number;
47
+ totalDurationMs: number;
48
+ };
49
+ health: {
50
+ status: "healthy" | "degraded" | "unhealthy";
51
+ issues: Array<{
52
+ severity: string;
53
+ message: string;
54
+ }>;
55
+ };
56
+ }
57
+ /**
58
+ * Get health status color for UI rendering
59
+ */
60
+ declare function getHealthColor(status?: string): string;
61
+ /**
62
+ * Get mode color for UI rendering
63
+ */
64
+ declare function getModeColor(mode?: string | null): string;
65
+ /**
66
+ * Format memory in human-readable format
67
+ */
68
+ declare function formatMemory(bytes: number): string;
69
+ /**
70
+ * Format duration in human-readable format
71
+ */
72
+ declare function formatDuration(ms: number | null): string;
73
+ /**
74
+ * Get color for build time indicator
75
+ */
76
+ declare function getBuildTimeColor(ms: number | null): string;
77
+ /**
78
+ * Get color for memory usage indicator
79
+ */
80
+ declare function getMemoryColor(mb: number): string;
81
+ /**
82
+ * Calculate pipeline time distribution
83
+ */
84
+ declare function getPipelinePercentages(metrics: TraceSnapshot): {
85
+ scanPct: number;
86
+ analyzePct: number;
87
+ compilePct: number;
88
+ };
3
89
 
4
90
  /**
5
91
  * Class Inspector — reusable surface inspection untuk DevTools.
@@ -67,4 +153,4 @@ declare function formatClassInspectionJson(result: ClassInspectResult): string;
67
153
  declare function TwDevTools(): React.ReactElement | null;
68
154
  declare function DevToolsProvider(): React.ReactElement | null;
69
155
 
70
- export { type ClassInspectResult, DevToolsProvider, type InspectorFetchOptions, TwDevTools, fetchClassInspection, formatClassInspectionCli, formatClassInspectionJson };
156
+ export { type ClassInspectResult, DevToolsProvider, type InspectorFetchOptions, type TraceSnapshot, type TraceSummary, TwDevTools, fetchClassInspection, formatClassInspectionCli, formatClassInspectionJson, formatDuration, formatMemory, getBuildTimeColor, getHealthColor, getMemoryColor, getModeColor, getPipelinePercentages };
@@ -1,5 +1,91 @@
1
1
  import React from 'react';
2
- export { T as TraceSnapshot, a as TraceSummary, f as formatDuration, b as formatMemory, g as getBuildTimeColor, c as getHealthColor, d as getMemoryColor, e as getModeColor, h as getPipelinePercentages } from './trace-Dz4vmZdy.js';
2
+
3
+ /**
4
+ * Shared trace utilities for CLI, devtools, and dashboard
5
+ *
6
+ * Provides reusable trace snapshot handling, formatting, and analysis
7
+ * across the tailwind-styled-v4 ecosystem without introducing coupling.
8
+ */
9
+ interface TraceSnapshot {
10
+ generatedAt: string;
11
+ buildMs: number | null;
12
+ scanMs: number | null;
13
+ analyzeMs: number | null;
14
+ compileMs: number | null;
15
+ memoryMb: {
16
+ rss: number;
17
+ heapUsed: number;
18
+ heapTotal: number;
19
+ } | null;
20
+ classCount: number | null;
21
+ fileCount: number | null;
22
+ cssBytes: number | null;
23
+ mode: string | null;
24
+ eventsReceived?: number;
25
+ eventsProcessed?: number;
26
+ batchesProcessed?: number;
27
+ incrementalUpdates?: number;
28
+ fullRescans?: number;
29
+ }
30
+ interface TraceSummary {
31
+ workspace: {
32
+ totalPackages: number;
33
+ totalFiles: number;
34
+ totalClasses: number;
35
+ lastScanDurationMs: number;
36
+ lastBuildDurationMs: number;
37
+ };
38
+ cache: {
39
+ hitRate: number;
40
+ totalEntries: number;
41
+ memoryUsageMb: number;
42
+ };
43
+ pipeline: {
44
+ scanDurationMs: number;
45
+ analyzeDurationMs: number;
46
+ compileDurationMs: number;
47
+ totalDurationMs: number;
48
+ };
49
+ health: {
50
+ status: "healthy" | "degraded" | "unhealthy";
51
+ issues: Array<{
52
+ severity: string;
53
+ message: string;
54
+ }>;
55
+ };
56
+ }
57
+ /**
58
+ * Get health status color for UI rendering
59
+ */
60
+ declare function getHealthColor(status?: string): string;
61
+ /**
62
+ * Get mode color for UI rendering
63
+ */
64
+ declare function getModeColor(mode?: string | null): string;
65
+ /**
66
+ * Format memory in human-readable format
67
+ */
68
+ declare function formatMemory(bytes: number): string;
69
+ /**
70
+ * Format duration in human-readable format
71
+ */
72
+ declare function formatDuration(ms: number | null): string;
73
+ /**
74
+ * Get color for build time indicator
75
+ */
76
+ declare function getBuildTimeColor(ms: number | null): string;
77
+ /**
78
+ * Get color for memory usage indicator
79
+ */
80
+ declare function getMemoryColor(mb: number): string;
81
+ /**
82
+ * Calculate pipeline time distribution
83
+ */
84
+ declare function getPipelinePercentages(metrics: TraceSnapshot): {
85
+ scanPct: number;
86
+ analyzePct: number;
87
+ compilePct: number;
88
+ };
3
89
 
4
90
  /**
5
91
  * Class Inspector — reusable surface inspection untuk DevTools.
@@ -67,4 +153,4 @@ declare function formatClassInspectionJson(result: ClassInspectResult): string;
67
153
  declare function TwDevTools(): React.ReactElement | null;
68
154
  declare function DevToolsProvider(): React.ReactElement | null;
69
155
 
70
- export { type ClassInspectResult, DevToolsProvider, type InspectorFetchOptions, TwDevTools, fetchClassInspection, formatClassInspectionCli, formatClassInspectionJson };
156
+ export { type ClassInspectResult, DevToolsProvider, type InspectorFetchOptions, type TraceSnapshot, type TraceSummary, TwDevTools, fetchClassInspection, formatClassInspectionCli, formatClassInspectionJson, formatDuration, formatMemory, getBuildTimeColor, getHealthColor, getMemoryColor, getModeColor, getPipelinePercentages };