tailwind-styled-v4 5.0.36 → 5.0.38

package/dist/index.d.mts

@@ -1,12 +1,26 @@
 import React from 'react';
-import { a as AnimateOptions } from './types-DXr2PmGP.mjs';
-import { H as HtmlTagName } from './index-NDINUhLN.mjs';
-export { T as TokenMap } from './index-NDINUhLN.mjs';
-export { a as LiveTokenSet, T as TokenSubscriber, b as applyTokenSet, t as containerRef, c as createUseTokens, g as generateTokenCssString, d as getToken, e as getTokens, l as liveToken, s as setToken, h as setTokens, i as subscribeTokens, t as tokenRef, j as tokenVar } from './liveTokenEngine-DKoWRtqH.mjs';
-export { K as createEngine } from './index-DQI6O24n.mjs';
-import './analyzeWorkspace-hYfu4Hg3.mjs';
-import './schemas-DR-SLxZZ.mjs';
-import 'zod';
+
+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 TokenMap = Record<string, string>;
+type HtmlTagName = keyof HTMLElementTagNameMap;
 
 /**
  * tailwind-styled-v4 — Core Types
@@ -205,63 +219,18 @@ type TwObject = TwComponentFactory & TwTagFactory & {
 };
 
 /**
- * tailwind-styled-v4 — Container Query Engine
- *
- * Generates @container rules from a simple breakpoint config.
- *
- * Usage:
- *   const Card = tw.div({
- *     base: "p-4",
- *     container: {
- *       sm: "flex-col",      // @container (min-width: 320px)
- *       md: "flex-row",      // @container (min-width: 640px)
- *       lg: "grid-cols-3",   // @container (min-width: 1024px)
- *     },
- *     containerName: "card",
- *   })
- *
- *   // Wrap with container context:
- *   const CardWrapper = tw.div`@container`
- *
- * Named containers:
- *   const SidebarCard = tw.div({
- *     base: "p-2",
- *     container: { lg: "text-sm" },
- *     containerName: "sidebar",
- *   })
- *   // Generates: @container sidebar (min-width: 1024px) { ... }
- */
-
-interface ContainerEntry {
-    id: string;
-    tag: string;
-    containerName?: string;
-    breakpoints: Array<{
-        minWidth: string;
-        classes: string;
-    }>;
-    cssInjected: boolean;
-}
-declare const containerRegistry: Map<string, ContainerEntry>;
-declare global {
-    interface Window {
-        __TW_CONTAINER_REGISTRY__?: typeof containerRegistry;
-    }
-}
-interface ContainerQueryResult {
-    containerClass: string;
-    hasContainer: true;
-}
-declare function processContainer(tag: string, container: ContainerConfig, containerName?: string): ContainerQueryResult;
-/**
- * Generate @container CSS rules dari breakpoint config.
+ * tailwind-styled-v4 v2 — tw
  *
- * Native-only: Rust string building tanpa intermediate allocations.
+ * API:
+ *   tw.div`p-4 bg-zinc-900`
+ *   tw.button`px-4 [icon] { h-4 w-4 }`   ← sub-components inline
+ *   tw.button({ base: "px-4", variants: { size: { sm: "text-sm" } } })
+ *   tw(Link)`underline text-blue-400`
+ *   tw.server.div`p-4`   ← server-only, compiler enforced + runtime dev warning
  */
-declare function generateContainerCss(tag: string, container: ContainerConfig, containerName?: string): string;
-declare function getContainerRegistry(): Map<string, ContainerEntry>;
 
-declare function createComponent<TConfig extends ComponentConfig>(tag: React.ElementType, config: TConfig | string): TwStyledComponent<TConfig, InferSubFromConfig<TConfig>>;
+declare const server: TwServerObject;
+declare const tw: TwObject;
 
 /**
  * tailwind-styled-v4 — cv()
@@ -275,6 +244,11 @@ declare function createComponent<TConfig extends ComponentConfig>(tag: React.Ele
  *    → Requires native Rust binding for variant resolution
  */
 
+/**
+ * Register pre-computed variant table dari generated file.
+ * Dipanggil otomatis saat import variants.generated.ts
+ */
+declare function registerVariantTable(componentId: string, table: Record<string, string>): void;
 declare function cv<C extends ComponentConfig>(config: C, componentId?: string): CvFn<C>;
 
 /**
@@ -301,6 +275,8 @@ declare function cx(...inputs: (ClassValue | ClassValue[])[]): string;
 /** @deprecated Use cx() instead. */
 declare const cxm: typeof cx;
 
+declare function createComponent<TConfig extends ComponentConfig>(tag: React.ElementType, config: TConfig | string): TwStyledComponent<TConfig, InferSubFromConfig<TConfig>>;
+
 interface ThemeConfig$1 {
     colors: Record<string, string>;
     spacing: Record<string, string>;
@@ -324,45 +300,6 @@ declare function createTwMerge(_options?: MergeOptions): (...classLists: Array<s
 declare const twMerge: (...classLists: Array<string | undefined | null | false>) => string;
 declare function mergeWithRules(rules: Record<string, (classes: string[]) => string>, ...classLists: string[]): string;
 
-/**
- * tailwind-styled-v5 — Native Rust Bindings
- *
- * All functions require native Rust bindings.
- * Uses @tailwind-styled/shared for native resolution.
- */
-interface ParsedClassModifier {
-    type: "opacity" | "arbitrary";
-    value: string;
-}
-interface ParsedClass {
-    raw: string;
-    base: string;
-    variants: string[];
-    modifier?: ParsedClassModifier;
-}
-interface ThemeConfig {
-    colors: Record<string, string>;
-    spacing: Record<string, string>;
-    fonts: Record<string, string>;
-    breakpoints: Record<string, string>;
-    animations: Record<string, string>;
-    raw: Record<string, string>;
-}
-
-interface SubComponentProps {
-    children?: React.ReactNode;
-    className?: string;
-}
-interface SubComponentEntry {
-    name: string;
-    component: React.FC<SubComponentProps>;
-    defaultClasses?: string;
-}
-declare function registerSubComponent(entry: SubComponentEntry): void;
-declare function getSubComponent(name: string): SubComponentEntry | undefined;
-declare function getAllSubComponents(): SubComponentEntry[];
-declare function withSubComponents<T extends object>(Component: T, subComponentNames: string[]): T & Record<string, React.FC<SubComponentProps>>;
-
 /**
  * tailwind-styled-v4 — Reactive State Engine
  *
@@ -421,20 +358,62 @@ declare function generateStateCss(tag: string, state: StateConfig): string;
  */
 declare function getStateRegistry(): Map<string, StateComponentEntry>;
 
-interface StyledOptions {
-    base?: string;
-    variants?: Record<string, Record<string, string>>;
-    defaultVariants?: Record<string, string>;
-    compoundVariants?: Array<{
-        variants: Record<string, string>;
-        className: string;
+/**
+ * tailwind-styled-v4 — Container Query Engine
+ *
+ * Generates @container rules from a simple breakpoint config.
+ *
+ * Usage:
+ *   const Card = tw.div({
+ *     base: "p-4",
+ *     container: {
+ *       sm: "flex-col",      // @container (min-width: 320px)
+ *       md: "flex-row",      // @container (min-width: 640px)
+ *       lg: "grid-cols-3",   // @container (min-width: 1024px)
+ *     },
+ *     containerName: "card",
+ *   })
+ *
+ *   // Wrap with container context:
+ *   const CardWrapper = tw.div`@container`
+ *
+ * Named containers:
+ *   const SidebarCard = tw.div({
+ *     base: "p-2",
+ *     container: { lg: "text-sm" },
+ *     containerName: "sidebar",
+ *   })
+ *   // Generates: @container sidebar (min-width: 1024px) { ... }
+ */
+
+interface ContainerEntry {
+    id: string;
+    tag: string;
+    containerName?: string;
+    breakpoints: Array<{
+        minWidth: string;
+        classes: string;
     }>;
+    cssInjected: boolean;
 }
-type StyledProps = {
-    className?: string;
-} & Record<string, string | number | boolean | undefined>;
-declare function resolveStyledClassName(options: StyledOptions, props?: StyledProps): string;
-declare function styled(options: StyledOptions): (props?: StyledProps) => string;
+declare const containerRegistry: Map<string, ContainerEntry>;
+declare global {
+    interface Window {
+        __TW_CONTAINER_REGISTRY__?: typeof containerRegistry;
+    }
+}
+interface ContainerQueryResult {
+    containerClass: string;
+    hasContainer: true;
+}
+declare function processContainer(tag: string, container: ContainerConfig, containerName?: string): ContainerQueryResult;
+/**
+ * Generate @container CSS rules dari breakpoint config.
+ *
+ * Native-only: Rust string building tanpa intermediate allocations.
+ */
+declare function generateContainerCss(tag: string, container: ContainerConfig, containerName?: string): string;
+declare function getContainerRegistry(): Map<string, ContainerEntry>;
 
 /**
  * tailwind-styled-v4 — createStyledSystem()
@@ -527,19 +506,20 @@ type StyledSystemInstance<T extends SystemTokenMap, C extends Record<string, Sys
 };
 declare function createStyledSystem<T extends SystemTokenMap = SystemTokenMap, C extends Record<string, SystemComponentConfig> = Record<string, SystemComponentConfig>>(config: StyledSystemConfig<T, C>): StyledSystemInstance<T, C>;
 
-/**
- * tailwind-styled-v4 v2 — tw
- *
- * API:
- *   tw.div`p-4 bg-zinc-900`
- *   tw.button`px-4 [icon] { h-4 w-4 }`   ← sub-components inline
- *   tw.button({ base: "px-4", variants: { size: { sm: "text-sm" } } })
- *   tw(Link)`underline text-blue-400`
- *   tw.server.div`p-4`   ← server-only, compiler enforced + runtime dev warning
- */
-
-declare const server: TwServerObject;
-declare const tw: TwObject;
+interface StyledOptions {
+    base?: string;
+    variants?: Record<string, Record<string, string>>;
+    defaultVariants?: Record<string, string>;
+    compoundVariants?: Array<{
+        variants: Record<string, string>;
+        className: string;
+    }>;
+}
+type StyledProps = {
+    className?: string;
+} & Record<string, string | number | boolean | undefined>;
+declare function resolveStyledClassName(options: StyledOptions, props?: StyledProps): string;
+declare function styled(options: StyledOptions): (props?: StyledProps) => string;
 
 /**
  * tailwind-styled-v4 v2 — twTheme
@@ -675,4 +655,77 @@ declare const v4Tokens: {
     readonly fontMono: string;
 };
 
-export { type ComponentConfig, type ContainerConfig, type ContainerEntry, type CvFn, HtmlTagName, type InferVariantProps, type MergeOptions, type ParsedClass, type ParsedClassModifier, type ResolvedThemeTokens, type StateComponentEntry, type StateConfig, type StyledComponentProps, type StyledOptions, type StyledProps, type StyledSystemConfig, type StyledSystemInstance, type SubComponentEntry, type SubComponentMap, type SubComponentProps, type SystemComponentConfig, type SystemComponentFactory, type SystemTokenMap, type ThemeConfig, type ThemeTokenMap, type TwComponentFactory, type TwObject, type TwStyledComponent, type TwSubComponent, type TwTagFactory, type TwTagFactoryAny, type VariantLiterals, cn, createComponent, createStyledSystem, createTheme, createTwMerge, cssVar, cv, cx, cxm, generateContainerCss, generateStateCss, getAllSubComponents, getContainerRegistry, getStateRegistry, getSubComponent, mergeWithRules, processContainer, processState, registerSubComponent, resolveStyledClassName, server, styled, t, tw, twMerge, twVar, v4Tokens, withSubComponents };
+type TokenSubscriber = (tokens: TokenMap) => void;
+interface LiveTokenSet {
+    vars: Record<string, string>;
+    get(name: string): string | undefined;
+    set(name: string, value: string): void;
+    setAll(tokens: TokenMap): void;
+    snapshot(): TokenMap;
+}
+interface LiveTokenEngineBridge {
+    getToken(name: string): string | undefined;
+    getTokens(): TokenMap;
+    setToken(name: string, value: string): void;
+    setTokens(tokens: TokenMap): void;
+    applyTokenSet(tokens: TokenMap): void;
+    subscribeTokens(fn: TokenSubscriber): () => void;
+    subscribe?(fn: TokenSubscriber): () => void;
+}
+declare function tokenVar(name: string): string;
+declare function tokenRef(name: string): string;
+declare function liveToken(tokens: TokenMap): LiveTokenSet;
+declare function setToken(name: string, value: string): void;
+declare function setTokens(tokens: TokenMap): void;
+declare function applyTokenSet(tokens: TokenMap): void;
+declare function getToken(name: string): string | undefined;
+declare function getTokens(): TokenMap;
+declare function subscribeTokens(fn: TokenSubscriber): () => void;
+declare function generateTokenCssString(): string;
+declare function createUseTokens(): () => TokenMap;
+declare global {
+    interface Window {
+        __TW_TOKEN_ENGINE__?: LiveTokenEngineBridge;
+    }
+}
+
+interface SubComponentProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+interface SubComponentEntry {
+    name: string;
+    component: React.FC<SubComponentProps>;
+    defaultClasses?: string;
+}
+declare function registerSubComponent(entry: SubComponentEntry): void;
+declare function getSubComponent(name: string): SubComponentEntry | undefined;
+declare function getAllSubComponents(): SubComponentEntry[];
+declare function withSubComponents<T extends object>(Component: T, subComponentNames: string[]): T & Record<string, React.FC<SubComponentProps>>;
+
+/**
+ * tailwind-styled-v5 — Native Rust Bindings
+ *
+ * All functions require native Rust bindings.
+ * Uses @tailwind-styled/shared for native resolution.
+ */
+interface ParsedClassModifier {
+    type: "opacity" | "arbitrary";
+    value: string;
+}
+interface ParsedClass {
+    raw: string;
+    base: string;
+    variants: string[];
+    modifier?: ParsedClassModifier;
+}
+interface ThemeConfig {
+    colors: Record<string, string>;
+    spacing: Record<string, string>;
+    fonts: Record<string, string>;
+    breakpoints: Record<string, string>;
+    animations: Record<string, string>;
+    raw: Record<string, string>;
+}
+
+export { type ComponentConfig, type ContainerConfig, type ContainerEntry, type CvFn, type HtmlTagName, type InferVariantProps, type LiveTokenSet, type MergeOptions, type ParsedClass, type ParsedClassModifier, type ResolvedThemeTokens, type StateComponentEntry, type StateConfig, type StyledComponentProps, type StyledOptions, type StyledProps, type StyledSystemConfig, type StyledSystemInstance, type SubComponentEntry, type SubComponentMap, type SubComponentProps, type SystemComponentConfig, type SystemComponentFactory, type SystemTokenMap, type ThemeConfig, type ThemeTokenMap, type TokenMap, type TokenSubscriber, type TwComponentFactory, type TwObject, type TwStyledComponent, type TwSubComponent, type TwTagFactory, type TwTagFactoryAny, type VariantLiterals, applyTokenSet, cn, tokenRef as containerRef, createComponent, createStyledSystem, createTheme, createTwMerge, createUseTokens, cssVar, cv, cx, cxm, generateContainerCss, generateStateCss, generateTokenCssString, getAllSubComponents, getContainerRegistry, getStateRegistry, getSubComponent, getToken, getTokens, liveToken, mergeWithRules, processContainer, processState, registerSubComponent, registerVariantTable, resolveStyledClassName, server, setToken, setTokens, styled, subscribeTokens, t, tokenRef, tokenVar, tw, twMerge, twVar, v4Tokens, withSubComponents };