@thewhileloop/whileui 2.0.0 → 4.0.0

package/dist/components/badge/badge.d.ts

@@ -2,230 +2,102 @@ import { type ViewProps, type TextProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
 declare const badgeVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
+        default: "bg-primary";
+        secondary: "bg-secondary";
+        destructive: "bg-destructive";
+        outline: "border-border bg-transparent";
+        success: "bg-success";
+        warning: "bg-warning";
+        info: "bg-info";
+        soft: "bg-primary-soft";
+        'soft-secondary': "bg-secondary-soft";
+        'soft-destructive': "bg-destructive-soft";
+        'soft-success': "bg-success-soft";
+        'soft-warning': "bg-warning-soft";
+        'soft-info': "bg-info-soft";
     };
-}, undefined, "inline-flex items-center", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "inline-flex items-center", {
     variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
+        default: "bg-primary";
+        secondary: "bg-secondary";
+        destructive: "bg-destructive";
+        outline: "border-border bg-transparent";
+        success: "bg-success";
+        warning: "bg-warning";
+        info: "bg-info";
+        soft: "bg-primary-soft";
+        'soft-secondary': "bg-secondary-soft";
+        'soft-destructive': "bg-destructive-soft";
+        'soft-success': "bg-success-soft";
+        'soft-warning': "bg-warning-soft";
+        'soft-info': "bg-info-soft";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
+        default: "bg-primary";
+        secondary: "bg-secondary";
+        destructive: "bg-destructive";
+        outline: "border-border bg-transparent";
+        success: "bg-success";
+        warning: "bg-warning";
+        info: "bg-info";
+        soft: "bg-primary-soft";
+        'soft-secondary': "bg-secondary-soft";
+        'soft-destructive': "bg-destructive-soft";
+        'soft-success': "bg-success-soft";
+        'soft-warning': "bg-warning-soft";
+        'soft-info': "bg-info-soft";
     };
-}>, {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}, undefined, "inline-flex items-center", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}, {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 declare const badgeTextVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}, undefined, "font-semibold", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}, {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}>, {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
+        default: "text-primary-foreground";
+        secondary: "text-secondary-foreground";
+        destructive: "text-destructive-foreground";
+        outline: "text-foreground";
+        success: "text-success-foreground";
+        warning: "text-warning-foreground";
+        info: "text-info-foreground";
+        soft: "text-primary";
+        'soft-secondary': "text-secondary-foreground";
+        'soft-destructive': "text-destructive";
+        'soft-success': "text-success";
+        'soft-warning': "text-warning";
+        'soft-info': "text-info";
     };
-}, undefined, "font-semibold", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "font-semibold", {
     variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
+        default: "text-primary-foreground";
+        secondary: "text-secondary-foreground";
+        destructive: "text-destructive-foreground";
+        outline: "text-foreground";
+        success: "text-success-foreground";
+        warning: "text-warning-foreground";
+        info: "text-info-foreground";
+        soft: "text-primary";
+        'soft-secondary': "text-secondary-foreground";
+        'soft-destructive': "text-destructive";
+        'soft-success': "text-success";
+        'soft-warning': "text-warning";
+        'soft-info': "text-info";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        success: string;
-        warning: string;
-        info: string;
-        soft: string;
-        'soft-secondary': string;
-        'soft-destructive': string;
-        'soft-success': string;
-        'soft-warning': string;
-        'soft-info': string;
+        default: "text-primary-foreground";
+        secondary: "text-secondary-foreground";
+        destructive: "text-destructive-foreground";
+        outline: "text-foreground";
+        success: "text-success-foreground";
+        warning: "text-warning-foreground";
+        info: "text-info-foreground";
+        soft: "text-primary";
+        'soft-secondary': "text-secondary-foreground";
+        'soft-destructive': "text-destructive";
+        'soft-success': "text-success";
+        'soft-warning': "text-warning";
+        'soft-info': "text-info";
     };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface BadgeProps extends ViewProps, VariantProps<typeof badgeVariants> {
 }
 export interface BadgeTextProps extends TextProps, VariantProps<typeof badgeTextVariants> {

package/dist/components/button/button.d.ts

@@ -1,219 +1,100 @@
 import React from 'react';
-import { View, type TextProps, type ViewProps } from 'react-native';
+import { type PressableInstance, type TextProps, type ViewProps } from 'react-native';
 import { type PressableProps } from '../pressable';
 import { type VariantProps } from '../../lib/tv';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
+        default: "bg-primary";
+        destructive: "bg-destructive";
+        outline: "border border-input bg-background";
+        secondary: "bg-secondary";
+        ghost: "bg-transparent";
+        link: "";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
+        default: "";
+        sm: "";
+        lg: "";
+        icon: "";
     };
-}, undefined, "flex-row items-center justify-center gap-2", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "flex-row items-center justify-center gap-2", {
     variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
+        default: "bg-primary";
+        destructive: "bg-destructive";
+        outline: "border border-input bg-background";
+        secondary: "bg-secondary";
+        ghost: "bg-transparent";
+        link: "";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
+        default: "";
+        sm: "";
+        lg: "";
+        icon: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
+        default: "bg-primary";
+        destructive: "bg-destructive";
+        outline: "border border-input bg-background";
+        secondary: "bg-secondary";
+        ghost: "bg-transparent";
+        link: "";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
+        default: "";
+        sm: "";
+        lg: "";
+        icon: "";
     };
-}>, {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, "flex-row items-center justify-center gap-2", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 declare const buttonTextVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, "font-medium text-center", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}>, {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
+        default: "text-primary-foreground";
+        destructive: "text-destructive-foreground";
+        outline: "text-foreground";
+        secondary: "text-secondary-foreground";
+        ghost: "text-foreground";
+        link: "text-primary underline";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
+        default: "";
+        sm: "";
+        lg: "";
+        icon: "";
     };
-}, undefined, "font-medium text-center", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "font-medium text-center", {
     variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
+        default: "text-primary-foreground";
+        destructive: "text-destructive-foreground";
+        outline: "text-foreground";
+        secondary: "text-secondary-foreground";
+        ghost: "text-foreground";
+        link: "text-primary underline";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
+        default: "";
+        sm: "";
+        lg: "";
+        icon: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
+        default: "text-primary-foreground";
+        destructive: "text-destructive-foreground";
+        outline: "text-foreground";
+        secondary: "text-secondary-foreground";
+        ghost: "text-foreground";
+        link: "text-primary underline";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
+        default: "";
+        sm: "";
+        lg: "";
+        icon: "";
     };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface ButtonProps extends Omit<PressableProps, 'children' | 'feedback' | 'loading'>, VariantProps<typeof buttonVariants> {
     children?: React.ReactNode;
     className?: string;
@@ -229,7 +110,7 @@ export interface ButtonTextProps extends TextProps {
 export interface ButtonIconProps extends ViewProps {
     className?: string;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<View>>;
+declare const Button: ForwardRefComponent<PressableInstance, ButtonProps>;
 declare function ButtonText({ className, variant: variantProp, size: sizeProp, style, ...props }: ButtonTextProps): React.JSX.Element;
 declare namespace ButtonText {
     var displayName: string;