tailwind-styled-v4 5.1.27 → 5.1.28

package/dist/index.d.mts

@@ -1,24 +1,5 @@
 import React from 'react';
 
-type CSSFillMode = "none" | "forwards" | "backwards" | "both";
-type CSSDirection = "normal" | "reverse" | "alternate" | "alternate-reverse";
-type CSSIterationCount = number | "infinite";
-type PresetEasing = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "step-start" | "step-end";
-type CubicBezierEasing = `cubic-bezier(${string})`;
-type StepsEasing = `steps(${string})`;
-type CSSEasing = PresetEasing | CubicBezierEasing | StepsEasing;
-interface AnimateOptions {
-    from: string;
-    to: string;
-    duration?: number;
-    easing?: CSSEasing;
-    delay?: number;
-    fill?: CSSFillMode;
-    iterations?: CSSIterationCount;
-    direction?: CSSDirection;
-    name?: string;
-}
-
 type HtmlTagName = keyof HTMLElementTagNameMap;
 
 /**
@@ -94,7 +75,7 @@ interface ComponentConfig {
      * Supports string and boolean keys: { disabled: { true: "...", false: "..." } }
      */
     variants?: Record<string, Record<string | "true" | "false", string>>;
-    defaultVariants?: Record<string, string>;
+    defaultVariants?: Record<string, string | number | boolean>;
     compoundVariants?: Array<{
         class: string;
         [key: string]: string;
@@ -268,7 +249,6 @@ type TwStyledComponent<Config extends ComponentConfig = ComponentConfig, S exten
      * Button.xyz    // ❌ TypeScript error
      */
     withSub<NewS extends string>(): TwStyledComponent<Config, NewS, TagMap, Tag>;
-    animate: (opts: AnimateOptions) => Promise<TwStyledComponent<Config, S, TagMap, Tag>>;
 } & SubComponentKeys<S, TagMap>;
 interface TwSubComponent<P = unknown> {
     (props: P): React.ReactElement | null;

package/dist/index.d.ts

@@ -1,24 +1,5 @@
 import React from 'react';
 
-type CSSFillMode = "none" | "forwards" | "backwards" | "both";
-type CSSDirection = "normal" | "reverse" | "alternate" | "alternate-reverse";
-type CSSIterationCount = number | "infinite";
-type PresetEasing = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "step-start" | "step-end";
-type CubicBezierEasing = `cubic-bezier(${string})`;
-type StepsEasing = `steps(${string})`;
-type CSSEasing = PresetEasing | CubicBezierEasing | StepsEasing;
-interface AnimateOptions {
-    from: string;
-    to: string;
-    duration?: number;
-    easing?: CSSEasing;
-    delay?: number;
-    fill?: CSSFillMode;
-    iterations?: CSSIterationCount;
-    direction?: CSSDirection;
-    name?: string;
-}
-
 type HtmlTagName = keyof HTMLElementTagNameMap;
 
 /**
@@ -94,7 +75,7 @@ interface ComponentConfig {
      * Supports string and boolean keys: { disabled: { true: "...", false: "..." } }
      */
     variants?: Record<string, Record<string | "true" | "false", string>>;
-    defaultVariants?: Record<string, string>;
+    defaultVariants?: Record<string, string | number | boolean>;
     compoundVariants?: Array<{
         class: string;
         [key: string]: string;
@@ -268,7 +249,6 @@ type TwStyledComponent<Config extends ComponentConfig = ComponentConfig, S exten
      * Button.xyz    // ❌ TypeScript error
      */
     withSub<NewS extends string>(): TwStyledComponent<Config, NewS, TagMap, Tag>;
-    animate: (opts: AnimateOptions) => Promise<TwStyledComponent<Config, S, TagMap, Tag>>;
 } & SubComponentKeys<S, TagMap>;
 interface TwSubComponent<P = unknown> {
     (props: P): React.ReactElement | null;

package/dist/index.js

@@ -1062,12 +1062,6 @@ function attachExtend(component, originalTag, base, config) {
       }
     });
   };
-  component.animate = async (_opts) => {
-    console.warn(
-      '[tailwind-styled-v4] .animate() tidak tersedia di main bundle.\nGunakan: import { animate } from "tailwind-styled-v4/animate"'
-    );
-    return component;
-  };
   component.withSub = (() => component);
   return component;
 }
@@ -1213,11 +1207,12 @@ function parseTemplate(strings, exprs) {
   return result;
 }
 function makeTag(tag) {
-  return ((stringsOrConfig, ...exprs) => {
+  const impl = ((stringsOrConfig, ...exprs) => {
     if (!Array.isArray(stringsOrConfig) && typeof stringsOrConfig === "object" && stringsOrConfig !== null && !("raw" in stringsOrConfig)) {
       return createComponent(tag, stringsOrConfig);
     }
-    const parsed = parseTemplate(stringsOrConfig, exprs);
+    const strings = stringsOrConfig;
+    const parsed = parseTemplate(strings, exprs);
     const component = createComponent(tag, parsed.base);
     if (parsed.hasSubs) {
       for (const [name, classes] of Object.entries(parsed.subs)) {
@@ -1234,6 +1229,7 @@ function makeTag(tag) {
     }
     return component;
   });
+  return impl;
 }
 var HTML_TAGS = [
   "html",