tailwind-styled-v4 1.0.1 → 5.0.0

package/package.json

@@ -1,37 +1,68 @@
 {
   "name": "tailwind-styled-v4",
-  "version": "1.0.1",
-  "description": "Tailwind CSS v4 + styled-components — variant engine, prop engine, zero-runtime compiler",
+  "version": "5.0.0",
+  "description": "Zero-config, zero-runtime, compiler-driven Tailwind styling — tw.div, variants, RSC-aware",
   "author": "Dictionar32",
   "license": "MIT",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "clean": "rm -rf dist"
+  "type": "module",
+  "sideEffects": false,
+  "engines": {
+    "node": ">=20"
   },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "default": "./dist/index.mjs"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js",
+      "require": "./dist/next.cjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.js",
+      "require": "./dist/vite.cjs"
     },
     "./compiler": {
-      "types": "./dist/compiler/index.d.ts",
-      "import": "./dist/compiler/index.mjs",
-      "require": "./dist/compiler/index.js"
+      "types": "../compiler/dist/index.d.ts",
+      "import": "../compiler/dist/index.js",
+      "require": "../compiler/dist/index.cjs"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "import": "./dist/preset.js",
+      "require": "./dist/preset.cjs"
     },
-    "./webpack-loader": {
-      "require": "./dist/webpack-loader.js"
+    "./css": {
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.js",
+      "require": "./dist/css.cjs"
     },
-    "./turbopack-loader": {
-      "require": "./dist/turbopack-loader.js"
+    "./plugins": {
+      "types": "../plugin/dist/index.d.ts",
+      "import": "../plugin/dist/index.js",
+      "require": "../plugin/dist/index.cjs"
     },
-    "./cli": {
-      "require": "./dist/cli/init.js"
+    "./devtools": {
+      "types": "./dist/devtools.d.ts",
+      "import": "./dist/devtools.js",
+      "require": "./dist/devtools.cjs"
+    },
+    "./animate": {
+      "types": "./dist/animate.d.ts",
+      "import": "./dist/animate.js",
+      "require": "./dist/animate.cjs"
+    },
+    "./theme": {
+      "types": "../theme/dist/index.d.ts",
+      "import": "../theme/dist/index.js",
+      "require": "../theme/dist/index.cjs"
     },
     "./package.json": "./package.json"
   },
@@ -41,27 +72,29 @@
     "CHANGELOG.md",
     "LICENSE"
   ],
-  "sideEffects": false,
-  "engines": {
-    "node": ">=18"
-  },
   "dependencies": {
-    "clsx": "^2",
-    "tailwind-merge": "^3"
+    "tailwind-merge": "^3",
+    "postcss": "^8"
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18",
-    "styled-components": ">=6"
+    "react-dom": ">=18"
+  },
+  "peerDependenciesOptional": {
+    "tailwindcss": "^4",
+    "@tailwindcss/postcss": "^4"
   },
   "devDependencies": {
+    "@tailwind-styled/animate": "^5.0.0",
     "@types/node": "^20",
     "@types/react": "^19",
-    "@types/react-dom": "^19",
     "tsup": "^8",
     "typescript": "^5"
   },
-  "bin": {
-    "tailwind-styled-v4": "./dist/cli/init.js"
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "test": "npm run build && node --test test/*.test.mjs"
   }
 }

package/CHANGELOG.md

@@ -1,75 +0,0 @@
-# Changelog
-
-All notable changes to `tailwind-styled-v4` will be documented here.
-
-## [1.0.0] — Initial Release
-
-### Added
-
-#### Core Engine
-- `tw` proxy — template literal & object config syntax
-- `tw.tag\`classes\`` — template literal API
-- `tw.tag({ base, variants, compoundVariants, defaultVariants })` — object config API
-- `tw(Component)\`classes\`` — wrap any existing component
-- `Component.extend\`extra-classes\`` — chain extra classes
-- `Component.withVariants(config)` — merge new variants
-
-#### Runtime Engines
-- **propEngine** — 80+ props (padding, margin, sizing, colors, flex, grid, layout, effects, animation, interaction)
-- **responsiveEngine** — `{ base, sm, md, lg, xl, 2xl }` responsive objects
-- **variantEngine** — CVA-style variants with `defaultVariants` support
-- **compoundVariant** — multi-condition compound variants
-- **classResolver** — central resolver combining all engines via `tailwind-merge`
-
-#### Standalone APIs
-- `cv()` — standalone class variants function (shadcn/ui & Radix compatible)
-- `withTw(Component, base?)` — HOC untuk wrap third-party components
-- `cls\`...\`` — tagged template for static class strings
-- `cx(...inputs)` — lightweight class joiner (~100b, zero-dep)
-- `cxm(...inputs)` — cx + tailwind-merge deduplication
-
-#### Plugin System
-- `registerPlugin({ name, props })` — custom prop resolver plugins
-- `loadBuiltinPlugins()` — 6 built-in plugins: animation, grid, backdrop, gradient, scroll, print
-- `listPlugins()` / `getPlugin(name)` — plugin introspection
-
-#### Theme System
-- `setTheme(tokens)` — deep-merge semantic tokens
-- `replaceTheme(tokens)` — replace entire theme
-- `getTheme()` / `getThemeNamespace(key)` — read current theme
-- `onThemeChange(listener)` — subscription API
-- `loadDefaultTheme()` — semantic token preset (primary, surface, muted, etc.)
-- `loadDarkTheme()` — fintech/crypto/Web3 dark preset
-
-#### Zero-Runtime Compiler
-- `withTailwindStyled(opts)(nextConfig)` — Next.js HOC wrapper
-- `tailwindStyledPlugin(opts)` — Vite plugin
-- Webpack loader (`tailwind-styled-v4/webpack-loader`)
-- Static transform: `tw.div\`p-4\`` → `styled.div.attrs(()=>({className:"p-4"}))\`\``
-- Dynamic guard: skips interpolated templates (`${}`) safely
-- `data-tw="tw-xxxxx"` attribute injection for DevTools (dev mode)
-
-#### Build Tools
-- `generateTailwindTypes.ts` — generates **58.055** Tailwind class type unions
-- `generateSafelist.ts` — scans src/ and outputs `tailwind.safelist.json`
-- `extractAllClasses(source)` — extract classes from any source string
-
-#### IntelliSense
-- **58.055 class definitions** in `tailwind.generated.ts`
-- Coverage: all colors (21 palettes × 11 shades), spacing, sizing, flexbox, grid, effects, transitions, animations, responsive prefixes (sm/md/lg/xl/2xl), state prefixes (hover/focus/active/disabled/dark/group-hover/peer-hover/focus-visible/focus-within)
-
-#### Developer Experience
-- `shouldForwardProp` — tw props tidak bocor ke DOM attributes
-- `blockProp(name)` / `allowProp(name)` — fine-grained forwarding control
-- `hashClass(input)` → `"tw-xxxxx"` — stable component hash
-- `componentName(tag, classes)` — display name generator for React DevTools
-- Source maps enabled in all builds
-
-#### Stack Compatibility
-- Next.js 15/16 (App Router + Pages Router)
-- React 18/19
-- Tailwind CSS v3/v4
-- styled-components v5/v6
-- TypeScript 4.9/5.x
-- shadcn/ui, Radix UI, Headless UI
-- Vite 4/5, Webpack 4/5

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 tailwind-styled-v4
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.