tailwind-to-style 3.2.2 → 4.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tailwind-to-style",
-  "version": "3.2.2",
-  "description": "Runtime Tailwind CSS to inline styles converter. Zero build step, SSR support, tree-shakeable. Works with React, Vue, Svelte, vanilla JS.",
+  "version": "4.0.0",
+  "description": "Zero-build runtime Tailwind CSS engine. Convert utility classes to real CSS with variants, slots, tokens, and React bindings. SSR-ready, tree-shakeable.",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",
@@ -15,35 +15,40 @@
       "import": "./dist/index.esm.js",
       "require": "./dist/index.cjs"
     },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.esm.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.esm.js",
+      "require": "./dist/tokens/index.cjs"
+    },
+    "./animations": {
+      "types": "./dist/animations/index.d.ts",
+      "import": "./dist/animations/index.esm.js",
+      "require": "./dist/animations/index.cjs"
+    },
     "./tws": {
       "types": "./dist/core/tws.d.ts",
       "import": "./dist/core/tws.esm.js",
       "require": "./dist/core/tws.cjs"
     },
-    "./twsx": {
-      "types": "./dist/core/twsx.d.ts",
-      "import": "./dist/core/twsx.esm.js",
-      "require": "./dist/core/twsx.cjs"
-    },
-    "./twsx-variants": {
-      "types": "./dist/core/twsxVariants.d.ts",
-      "import": "./dist/core/twsxVariants.esm.js",
-      "require": "./dist/core/twsxVariants.cjs"
-    },
-    "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.esm.js",
-      "require": "./dist/utils/index.cjs"
-    },
     "./cx": {
       "types": "./dist/cx.d.ts",
       "import": "./dist/cx.esm.js",
       "require": "./dist/cx.cjs"
     },
+    "./classname": {
+      "types": "./dist/className/index.d.ts",
+      "import": "./dist/className/index.esm.js",
+      "require": "./dist/className/index.cjs"
+    },
     "./preflight.css": "./preflight.css",
     "./package.json": "./package.json"
   },
-  "sideEffects": false,
+  "sideEffects": ["*.css", "dist/*.js", "dist/**/*.js"],
   "files": [
     "dist",
     "types",
@@ -77,19 +82,20 @@
     "tailwind",
     "tailwindcss",
     "css",
-    "stylesheet",
-    "inline-styles",
-    "runtime-css",
     "css-in-js",
+    "runtime-css",
     "zero-build",
+    "variants",
+    "slots",
+    "design-tokens",
+    "styled-components",
     "ssr",
     "server-side-rendering",
     "tree-shakeable",
-    "variants",
-    "style-converter",
     "react",
     "vue",
-    "svelte"
+    "svelte",
+    "vanilla-js"
   ],
   "author": "Bigetion",
   "license": "MIT",
@@ -101,6 +107,14 @@
     "url": "https://github.com/Bigetion/tailwind-to-style/issues"
   },
   "homepage": "https://github.com/Bigetion/tailwind-to-style#readme",
+  "peerDependencies": {
+    "react": ">=17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@babel/core": "^7.27.4",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",

package/types/animations/index.d.ts

@@ -0,0 +1,58 @@
+// Type definitions for tailwind-to-style/animations
+
+export type AnimationPresetName =
+  | 'fadeIn' | 'fadeOut'
+  | 'slideInUp' | 'slideInDown' | 'slideInLeft' | 'slideInRight'
+  | 'scaleIn' | 'scaleOut'
+  | 'bounce' | 'shake' | 'pulse' | 'spin' | 'ping';
+
+export interface AnimationKeyframe {
+  [property: string]: string;
+}
+
+export interface AnimationConfig {
+  keyframes: AnimationKeyframe[];
+  duration?: string;
+  easing?: string;
+  delay?: string;
+  iterations?: string | number;
+  fillMode?: string;
+}
+
+export interface AnimateOptions {
+  duration?: string;
+  easing?: string;
+  delay?: string;
+  iterations?: string | number;
+  fillMode?: string;
+}
+
+/**
+ * Apply a named animation, returning a className with the animation injected.
+ */
+export declare function animate(name: AnimationPresetName | string, options?: AnimateOptions): string;
+
+/**
+ * Define a custom animation preset.
+ */
+export declare function defineAnimation(name: string, config: AnimationConfig): void;
+
+/**
+ * Get all available animation names (built-in + custom).
+ */
+export declare function getAnimationNames(): string[];
+
+/**
+ * Get an animation preset config by name.
+ */
+export declare function getPreset(name: string): AnimationConfig | undefined;
+
+/**
+ * Clear all injected keyframes and custom animations.
+ */
+export declare function clearAnimations(): void;
+
+/**
+ * Built-in animation presets.
+ */
+export declare const ANIMATION_PRESETS: Record<AnimationPresetName, AnimationConfig>;

package/types/className/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Type definitions for tailwind-to-style/classname
+ * Tree-shakeable import for twsxClassName and tw
+ */
+
+export {
+  // Main functions
+  twsxClassName,
+  tw,
+  
+  // Types
+  TwsxClassNameBasicConfig,
+  TwsxClassNameVariantsConfig,
+  TwsxClassNameSlotsConfig,
+  TwsxClassNameVariantsDefinition,
+  TwsxClassNameSlotsDefinition,
+  TwsxClassNameVariantFunction,
+  TwsxClassNameSlotsFunction,
+  TwsxClassNameVariantProps,
+  TwsxClassNameCompoundVariant,
+  TwsxClassNameVariantValue,
+  TwsxClassNameGlobalConfig,
+  
+  // Utility types
+  InferVariantProps,
+  InferSlotNames,
+  
+  // Animation types
+  AnimationPreset,
+  AnimationConfig,
+  
+  // Design token types
+  DesignTokens,
+  ThemeTokens,
+  
+  // Pseudo/responsive types
+  PseudoShorthand,
+  GroupPeerState,
+  ResponsiveBreakpoint,
+  ResponsiveVariantValue,
+} from '../index';