tailwind-styled-v4 5.0.0 → 5.0.2

package/dist/{index.d.cts → index.d.mts}

@@ -1,4 +1,4 @@
-import * as _tailwind_styled_animate from '@tailwind-styled/animate';
+import { a as AnimateOptions } from './types-DXr2PmGP.mjs';
 import React, { JSX } from 'react';
 
 /** Reactive state config — generates data-attr CSS selectors */
@@ -36,11 +36,18 @@ type InferVariantProps<C extends ComponentConfig> = C["variants"] extends Record
 type StyledComponentProps<P extends object, C extends ComponentConfig = ComponentConfig> = P & InferVariantProps<C> & {
     className?: string;
 };
-interface TwStyledComponent<P extends object = Record<string, any>> extends React.ForwardRefExoticComponent<P & React.RefAttributes<any>> {
-    extend(strings: TemplateStringsArray, ...exprs: any[]): TwStyledComponent<P>;
-    withVariants(config: Partial<ComponentConfig>): TwStyledComponent<P>;
+/** Type for sub-components (e.g., Button.icon, Card.header) */
+interface TwSubComponent<P extends object = Record<string, any>> extends React.ForwardRefExoticComponent<P & React.RefAttributes<any>> {
+}
+/** Map of sub-component names to their types */
+type SubComponentMap = Record<string, TwSubComponent>;
+interface TwStyledComponent<P extends object = Record<string, any>, S extends SubComponentMap = SubComponentMap> extends React.ForwardRefExoticComponent<P & React.RefAttributes<any>> {
+    extend(strings: TemplateStringsArray, ...exprs: any[]): TwStyledComponent<P, S>;
+    withVariants(config: Partial<ComponentConfig>): TwStyledComponent<P, S>;
     /** Attach a CSS animation. Requires @tailwind-styled/animate v5 async API. */
-    animate(opts: _tailwind_styled_animate.AnimateOptions): Promise<TwStyledComponent<P>>;
+    animate(opts: AnimateOptions): Promise<TwStyledComponent<P, S>>;
+    /** Access sub-components (e.g., Button.icon, Card.header) - defined at runtime via template literal */
+    <K extends string>(key: K): K extends keyof S ? S[K] : React.ReactElement;
 }
 type CvFn<C extends ComponentConfig> = (props?: InferVariantProps<C> & {
     className?: string;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as _tailwind_styled_animate from '@tailwind-styled/animate';
+import { a as AnimateOptions } from './types-DXr2PmGP.js';
 import React, { JSX } from 'react';
 
 /** Reactive state config — generates data-attr CSS selectors */
@@ -36,11 +36,18 @@ type InferVariantProps<C extends ComponentConfig> = C["variants"] extends Record
 type StyledComponentProps<P extends object, C extends ComponentConfig = ComponentConfig> = P & InferVariantProps<C> & {
     className?: string;
 };
-interface TwStyledComponent<P extends object = Record<string, any>> extends React.ForwardRefExoticComponent<P & React.RefAttributes<any>> {
-    extend(strings: TemplateStringsArray, ...exprs: any[]): TwStyledComponent<P>;
-    withVariants(config: Partial<ComponentConfig>): TwStyledComponent<P>;
+/** Type for sub-components (e.g., Button.icon, Card.header) */
+interface TwSubComponent<P extends object = Record<string, any>> extends React.ForwardRefExoticComponent<P & React.RefAttributes<any>> {
+}
+/** Map of sub-component names to their types */
+type SubComponentMap = Record<string, TwSubComponent>;
+interface TwStyledComponent<P extends object = Record<string, any>, S extends SubComponentMap = SubComponentMap> extends React.ForwardRefExoticComponent<P & React.RefAttributes<any>> {
+    extend(strings: TemplateStringsArray, ...exprs: any[]): TwStyledComponent<P, S>;
+    withVariants(config: Partial<ComponentConfig>): TwStyledComponent<P, S>;
     /** Attach a CSS animation. Requires @tailwind-styled/animate v5 async API. */
-    animate(opts: _tailwind_styled_animate.AnimateOptions): Promise<TwStyledComponent<P>>;
+    animate(opts: AnimateOptions): Promise<TwStyledComponent<P, S>>;
+    /** Access sub-components (e.g., Button.icon, Card.header) - defined at runtime via template literal */
+    <K extends string>(key: K): K extends keyof S ? S[K] : React.ReactElement;
 }
 type CvFn<C extends ComponentConfig> = (props?: InferVariantProps<C> & {
     className?: string;