@thewhileloop/whileui 2.0.0 → 3.0.0

package/dist/components/separator/separator.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { View, type ViewProps } from 'react-native';
+import { type ViewInstance, type ViewProps } from 'react-native';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 export interface SeparatorProps extends ViewProps {
     orientation?: 'horizontal' | 'vertical';
 }
-declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<View>>;
+declare const Separator: ForwardRefComponent<ViewInstance, SeparatorProps>;
 export { Separator };

package/dist/components/skeleton/skeleton.d.ts

@@ -2,40 +2,20 @@ import { type ViewProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
 declare const skeletonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        pulse: string;
-        shimmer: string;
+        pulse: "";
+        shimmer: "";
     };
-}, undefined, "bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "bg-muted", {
     variant: {
-        pulse: string;
-        shimmer: string;
+        pulse: "";
+        shimmer: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        pulse: string;
-        shimmer: string;
+        pulse: "";
+        shimmer: "";
     };
-}>, {
-    variant: {
-        pulse: string;
-        shimmer: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        pulse: string;
-        shimmer: string;
-    };
-}, undefined, "bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        pulse: string;
-        shimmer: string;
-    };
-}, {
-    variant: {
-        pulse: string;
-        shimmer: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface SkeletonProps extends ViewProps, VariantProps<typeof skeletonVariants> {
     className?: string;
 }

package/dist/components/spinner/spinner.d.ts

@@ -2,47 +2,23 @@ import { type ActivityIndicatorProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
 declare const spinnerVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: string;
-        default: string;
-        lg: string;
+        sm: "";
+        default: "";
+        lg: "";
     };
-}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "", {
     size: {
-        sm: string;
-        default: string;
-        lg: string;
+        sm: "";
+        default: "";
+        lg: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
-        sm: string;
-        default: string;
-        lg: string;
+        sm: "";
+        default: "";
+        lg: "";
     };
-}>, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface SpinnerProps extends Omit<ActivityIndicatorProps, 'size'>, VariantProps<typeof spinnerVariants> {
     className?: string;
 }

package/dist/components/stack/stack.d.ts

@@ -1,184 +1,84 @@
-import React from 'react';
-import { View, type ViewProps } from 'react-native';
+import { type ViewInstance, type ViewProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 declare const stackVariants: import("tailwind-variants").TVReturnType<{
     gap: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
+        none: "gap-0";
+        xs: "gap-1";
+        sm: "gap-2";
+        md: "gap-3";
+        lg: "gap-4";
+        xl: "gap-6";
+        '2xl': "gap-8";
     };
     align: {
-        start: string;
-        center: string;
-        end: string;
-        stretch: string;
-        baseline: string;
+        start: "items-start";
+        center: "items-center";
+        end: "items-end";
+        stretch: "items-stretch";
+        baseline: "items-baseline";
     };
     justify: {
-        start: string;
-        center: string;
-        end: string;
-        between: string;
-        around: string;
-        evenly: string;
-    };
-}, undefined, "flex-col", import("tailwind-variants/dist/config.js").TVConfig<{
-    gap: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    align: {
-        start: string;
-        center: string;
-        end: string;
-        stretch: string;
-        baseline: string;
-    };
-    justify: {
-        start: string;
-        center: string;
-        end: string;
-        between: string;
-        around: string;
-        evenly: string;
-    };
-}, {
+        start: "justify-start";
+        center: "justify-center";
+        end: "justify-end";
+        between: "justify-between";
+        around: "justify-around";
+        evenly: "justify-evenly";
+    };
+}, undefined, "flex-col", {
     gap: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
+        none: "gap-0";
+        xs: "gap-1";
+        sm: "gap-2";
+        md: "gap-3";
+        lg: "gap-4";
+        xl: "gap-6";
+        '2xl': "gap-8";
     };
     align: {
-        start: string;
-        center: string;
-        end: string;
-        stretch: string;
-        baseline: string;
+        start: "items-start";
+        center: "items-center";
+        end: "items-end";
+        stretch: "items-stretch";
+        baseline: "items-baseline";
     };
     justify: {
-        start: string;
-        center: string;
-        end: string;
-        between: string;
-        around: string;
-        evenly: string;
-    };
-}>, {
-    gap: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    align: {
-        start: string;
-        center: string;
-        end: string;
-        stretch: string;
-        baseline: string;
-    };
-    justify: {
-        start: string;
-        center: string;
-        end: string;
-        between: string;
-        around: string;
-        evenly: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
+        start: "justify-start";
+        center: "justify-center";
+        end: "justify-end";
+        between: "justify-between";
+        around: "justify-around";
+        evenly: "justify-evenly";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     gap: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
+        none: "gap-0";
+        xs: "gap-1";
+        sm: "gap-2";
+        md: "gap-3";
+        lg: "gap-4";
+        xl: "gap-6";
+        '2xl': "gap-8";
     };
     align: {
-        start: string;
-        center: string;
-        end: string;
-        stretch: string;
-        baseline: string;
+        start: "items-start";
+        center: "items-center";
+        end: "items-end";
+        stretch: "items-stretch";
+        baseline: "items-baseline";
     };
     justify: {
-        start: string;
-        center: string;
-        end: string;
-        between: string;
-        around: string;
-        evenly: string;
-    };
-}, undefined, "flex-col", import("tailwind-variants/dist/config.js").TVConfig<{
-    gap: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    align: {
-        start: string;
-        center: string;
-        end: string;
-        stretch: string;
-        baseline: string;
-    };
-    justify: {
-        start: string;
-        center: string;
-        end: string;
-        between: string;
-        around: string;
-        evenly: string;
-    };
-}, {
-    gap: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    align: {
-        start: string;
-        center: string;
-        end: string;
-        stretch: string;
-        baseline: string;
-    };
-    justify: {
-        start: string;
-        center: string;
-        end: string;
-        between: string;
-        around: string;
-        evenly: string;
-    };
-}>, unknown, unknown, undefined>>;
+        start: "justify-start";
+        center: "justify-center";
+        end: "justify-end";
+        between: "justify-between";
+        around: "justify-around";
+        evenly: "justify-evenly";
+    };
+}, undefined>>;
 export interface StackProps extends Omit<ViewProps, 'className'>, VariantProps<typeof stackVariants> {
     className?: string;
 }
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<View>>;
+declare const Stack: ForwardRefComponent<ViewInstance, StackProps>;
 export { Stack, stackVariants };

package/dist/components/tabs/tabs.d.ts

@@ -2,40 +2,20 @@ import { type ReactNode } from 'react';
 import { type ViewProps, type PressableProps } from 'react-native';
 declare const tabsTriggerVariants: import("tailwind-variants").TVReturnType<{
     state: {
-        active: string;
-        inactive: string;
+        active: "text-foreground";
+        inactive: "text-muted-foreground";
     };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "inline-flex items-center justify-center whitespace-nowrap font-medium", {
     state: {
-        active: string;
-        inactive: string;
+        active: "text-foreground";
+        inactive: "text-muted-foreground";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     state: {
-        active: string;
-        inactive: string;
+        active: "text-foreground";
+        inactive: "text-muted-foreground";
     };
-}>, {
-    state: {
-        active: string;
-        inactive: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    state: {
-        active: string;
-        inactive: string;
-    };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
-    state: {
-        active: string;
-        inactive: string;
-    };
-}, {
-    state: {
-        active: string;
-        inactive: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface TabsProps extends ViewProps {
     defaultValue: string;
     value?: string;

package/dist/components/text/text.d.ts

@@ -1,148 +1,68 @@
-import React from 'react';
-import { Text as RNText, type TextProps as RNTextProps } from 'react-native';
+import { type TextInstance, type TextProps as RNTextProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 declare const textVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        heading: string;
-        title: string;
-        subtitle: string;
-        body: string;
-        caption: string;
-        label: string;
-        code: string;
+        default: "font-normal";
+        heading: "text-2xl font-bold tracking-tight";
+        title: "text-xl font-semibold";
+        subtitle: "text-lg font-medium";
+        body: "text-base font-normal";
+        caption: "text-sm text-muted-foreground font-normal";
+        label: "text-sm font-medium leading-tight";
+        code: "font-mono text-sm bg-muted rounded px-1 py-0.5";
     };
     size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
+        xs: "text-xs";
+        sm: "text-sm";
+        base: "text-base";
+        lg: "text-lg";
+        xl: "text-xl";
+        '2xl': "text-2xl";
+        '3xl': "text-3xl";
     };
-}, undefined, "text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "text-foreground", {
     variant: {
-        default: string;
-        heading: string;
-        title: string;
-        subtitle: string;
-        body: string;
-        caption: string;
-        label: string;
-        code: string;
+        default: "font-normal";
+        heading: "text-2xl font-bold tracking-tight";
+        title: "text-xl font-semibold";
+        subtitle: "text-lg font-medium";
+        body: "text-base font-normal";
+        caption: "text-sm text-muted-foreground font-normal";
+        label: "text-sm font-medium leading-tight";
+        code: "font-mono text-sm bg-muted rounded px-1 py-0.5";
     };
     size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
+        xs: "text-xs";
+        sm: "text-sm";
+        base: "text-base";
+        lg: "text-lg";
+        xl: "text-xl";
+        '2xl': "text-2xl";
+        '3xl': "text-3xl";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        heading: string;
-        title: string;
-        subtitle: string;
-        body: string;
-        caption: string;
-        label: string;
-        code: string;
+        default: "font-normal";
+        heading: "text-2xl font-bold tracking-tight";
+        title: "text-xl font-semibold";
+        subtitle: "text-lg font-medium";
+        body: "text-base font-normal";
+        caption: "text-sm text-muted-foreground font-normal";
+        label: "text-sm font-medium leading-tight";
+        code: "font-mono text-sm bg-muted rounded px-1 py-0.5";
     };
     size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
+        xs: "text-xs";
+        sm: "text-sm";
+        base: "text-base";
+        lg: "text-lg";
+        xl: "text-xl";
+        '2xl': "text-2xl";
+        '3xl': "text-3xl";
     };
-}>, {
-    variant: {
-        default: string;
-        heading: string;
-        title: string;
-        subtitle: string;
-        body: string;
-        caption: string;
-        label: string;
-        code: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        heading: string;
-        title: string;
-        subtitle: string;
-        body: string;
-        caption: string;
-        label: string;
-        code: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-    };
-}, undefined, "text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        heading: string;
-        title: string;
-        subtitle: string;
-        body: string;
-        caption: string;
-        label: string;
-        code: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-    };
-}, {
-    variant: {
-        default: string;
-        heading: string;
-        title: string;
-        subtitle: string;
-        body: string;
-        caption: string;
-        label: string;
-        code: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface TextProps extends RNTextProps, VariantProps<typeof textVariants> {
 }
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<RNText>>;
+declare const Text: ForwardRefComponent<TextInstance, TextProps>;
 export { Text, textVariants };

package/dist/components/textarea/textarea.d.ts

@@ -1,51 +1,27 @@
-import React from 'react';
-import { TextInput, type TextInputProps } from 'react-native';
+import { type TextInputInstance, type TextInputProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 declare const textareaVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}, undefined, "w-full border-border bg-muted text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "w-full border-border bg-muted text-foreground", {
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}>, {
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, "w-full border-border bg-muted text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, {
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface TextareaProps extends Omit<TextInputProps, 'style'>, VariantProps<typeof textareaVariants> {
     className?: string;
 }
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextInput>>;
+declare const Textarea: ForwardRefComponent<TextInputInstance, TextareaProps>;
 export { Textarea, textareaVariants };