tailwind-styled-v4 4.0.0 → 5.0.1

package/dist/animate.d.cts

@@ -1,117 +0,0 @@
-/**
- * tailwind-styled-v4 — Animation DSL
- *
- * Compile-time animation system. Define animations dengan Tailwind class,
- * compiler generate @keyframes — nol runtime, nol JS overhead.
- *
- * Usage:
- *
- *   // Cara 1: .animate() chaining pada tw component
- *   const FadeIn = tw.div.animate({
- *     from: "opacity-0 translate-y-2",
- *     to:   "opacity-100 translate-y-0",
- *     duration: 300,
- *     easing: "ease-out"
- *   })
- *
- *   // Cara 2: standalone animate() utility
- *   const fadeIn = animate({
- *     from: "opacity-0 scale-95",
- *     to:   "opacity-100 scale-100",
- *     duration: 200,
- *   })
- *   const Box = tw.div`${fadeIn}`
- *
- *   // Cara 3: preset animations
- *   const Card = tw.div`${animations.fadeIn} ${animations.slideUp}`
- *
- *   // Cara 4: tw.keyframes() custom
- *   const spin = tw.keyframes("spin", {
- *     "0%":   "rotate-0",
- *     "100%": "rotate-180",
- *   })
- */
-interface AnimateOptions {
-    /** Tailwind classes for animation start state */
-    from: string;
-    /** Tailwind classes for animation end state */
-    to: string;
-    /** Duration in ms. Default: 300 */
-    duration?: number;
-    /** CSS easing. Default: "ease-out" */
-    easing?: string;
-    /** Delay in ms. Default: 0 */
-    delay?: number;
-    /** Fill mode. Default: "both" */
-    fill?: "none" | "forwards" | "backwards" | "both";
-    /** Iteration count. Default: 1 */
-    iterations?: number | "infinite";
-    /** Direction. Default: "normal" */
-    direction?: "normal" | "reverse" | "alternate" | "alternate-reverse";
-    /** Animation name override (auto-generated from from+to if not set) */
-    name?: string;
-}
-interface KeyframesDefinition {
-    [stop: string]: string;
-}
-interface CompiledAnimation {
-    /** CSS animation class name to apply */
-    className: string;
-    /** @keyframes CSS to inject */
-    keyframesCss: string;
-    /** animation CSS shorthand */
-    animationCss: string;
-}
-declare function getAnimationRegistry(): Map<string, CompiledAnimation>;
-/**
- * Compile AnimateOptions into CSS animation + @keyframes.
- *
- * Called at build time by the compiler, or at runtime in dev mode.
- */
-declare function compileAnimation(opts: AnimateOptions): CompiledAnimation;
-/**
- * Generate an animation class string to use in tw template literals.
- *
- * @example
- * const fadeIn = animate({ from: "opacity-0", to: "opacity-100", duration: 200 })
- * const Box = tw.div`${fadeIn} p-4 bg-white`
- */
-declare function animate(opts: AnimateOptions): string;
-/**
- * Define a custom keyframe animation with multiple stops.
- *
- * @example
- * const pulse = tw.keyframes("pulse", {
- *   "0%, 100%": "opacity-100 scale-100",
- *   "50%":      "opacity-50 scale-95",
- * })
- * const Dot = tw.div`${pulse} w-4 h-4 rounded-full bg-blue-500`
- */
-declare function keyframes(name: string, stops: KeyframesDefinition): string;
-/**
- * Collection of ready-to-use animation class strings.
- *
- * @example
- * const Card = tw.div`${animations.fadeIn} p-4 bg-white`
- * const Modal = tw.div`${animations.scaleIn} fixed inset-0`
- */
-declare const animations: {
-    readonly fadeIn: string;
-    readonly fadeOut: string;
-    readonly slideUp: string;
-    readonly slideDown: string;
-    readonly slideLeft: string;
-    readonly slideRight: string;
-    readonly scaleIn: string;
-    readonly scaleOut: string;
-    readonly blurIn: string;
-    readonly bounceIn: string;
-    readonly spinIn: string;
-};
-/**
- * Get all compiled animation CSS to inject into a stylesheet.
- * Called by the CSS extraction engine at build time.
- */
-declare function extractAnimationCss(): string;
-
-export { type AnimateOptions, type CompiledAnimation, type KeyframesDefinition, animate, animations, compileAnimation, extractAnimationCss, getAnimationRegistry, keyframes };

package/dist/astTransform-ua-eapqs.d.cts

@@ -1,41 +0,0 @@
-/**
- * tailwind-styled-v4 v2 — AST Transform (RSC-Aware)
- *
- * FIXES:
- *  #01 — Double-merge base in variant component className array
- *  #08 — Idempotency guard — skip if already transformed
- *
- * Pipeline:
- *   source code
- *     ↓ idempotency check (new)
- *     ↓ analyze RSC context
- *     ↓ hoist components (if needed)
- *     ↓ detect tw.server.* vs tw.*
- *     ↓ extract + merge classes
- *     ↓ compile variants → lookup table (variant-only, no base dupe)
- *     ↓ generate React.forwardRef component
- *     ↓ auto "use client" if interactive
- *     ↓ strip tw import
- *     ↓ inject transform marker
- */
-
-interface TransformOptions {
-    mode?: "zero-runtime" | "runtime" | "extract-only";
-    autoClientBoundary?: boolean;
-    addDataAttr?: boolean;
-    hoist?: boolean;
-    filename?: string;
-}
-interface TransformResult {
-    code: string;
-    classes: string[];
-    rsc?: {
-        isServer: boolean;
-        needsClientDirective: boolean;
-        clientReasons: string[];
-    };
-    changed: boolean;
-}
-declare function transformSource(source: string, opts?: TransformOptions): TransformResult;
-
-export { type TransformOptions as T, type TransformResult as a, transformSource as t };

package/dist/astTransform-ua-eapqs.d.ts

@@ -1,41 +0,0 @@
-/**
- * tailwind-styled-v4 v2 — AST Transform (RSC-Aware)
- *
- * FIXES:
- *  #01 — Double-merge base in variant component className array
- *  #08 — Idempotency guard — skip if already transformed
- *
- * Pipeline:
- *   source code
- *     ↓ idempotency check (new)
- *     ↓ analyze RSC context
- *     ↓ hoist components (if needed)
- *     ↓ detect tw.server.* vs tw.*
- *     ↓ extract + merge classes
- *     ↓ compile variants → lookup table (variant-only, no base dupe)
- *     ↓ generate React.forwardRef component
- *     ↓ auto "use client" if interactive
- *     ↓ strip tw import
- *     ↓ inject transform marker
- */
-
-interface TransformOptions {
-    mode?: "zero-runtime" | "runtime" | "extract-only";
-    autoClientBoundary?: boolean;
-    addDataAttr?: boolean;
-    hoist?: boolean;
-    filename?: string;
-}
-interface TransformResult {
-    code: string;
-    classes: string[];
-    rsc?: {
-        isServer: boolean;
-        needsClientDirective: boolean;
-        clientReasons: string[];
-    };
-    changed: boolean;
-}
-declare function transformSource(source: string, opts?: TransformOptions): TransformResult;
-
-export { type TransformOptions as T, type TransformResult as a, transformSource as t };