@thewhileloop/whileui 2.0.0 → 3.0.0

package/dist/components/card/card.d.ts

@@ -1,104 +1,60 @@
-import React from 'react';
-import { View, type ViewProps, type TextProps } from 'react-native';
+import { type ViewInstance, type ViewProps, type TextInstance, type TextProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
 import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
 import { type ShadowTier } from '../../lib/recipes';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 declare const cardVariants: import("tailwind-variants").TVReturnType<{
     padding: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
+        none: "";
+        sm: "";
+        default: "";
+        lg: "";
     };
     unstyled: {
-        true: string;
-        false: string;
+        true: "rounded-none border-0 bg-transparent shadow-none";
+        false: "";
     };
-}, undefined, "border border-border bg-card", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "border border-border bg-card", {
     padding: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
+        none: "";
+        sm: "";
+        default: "";
+        lg: "";
     };
     unstyled: {
-        true: string;
-        false: string;
+        true: "rounded-none border-0 bg-transparent shadow-none";
+        false: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     padding: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
+        none: "";
+        sm: "";
+        default: "";
+        lg: "";
     };
     unstyled: {
-        true: string;
-        false: string;
+        true: "rounded-none border-0 bg-transparent shadow-none";
+        false: "";
     };
-}>, {
-    padding: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    unstyled: {
-        true: string;
-        false: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    padding: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    unstyled: {
-        true: string;
-        false: string;
-    };
-}, undefined, "border border-border bg-card", import("tailwind-variants/dist/config.js").TVConfig<{
-    padding: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    unstyled: {
-        true: string;
-        false: string;
-    };
-}, {
-    padding: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    unstyled: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface CardProps extends ViewProps, VariantProps<typeof cardVariants>, FrostedSurfaceProps {
     /** Elevation tier; 'sm' by default, 'none' for flat cards. */
     shadow?: ShadowTier;
 }
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
+declare const Card: ForwardRefComponent<ViewInstance, CardProps>;
 export interface CardHeaderProps extends ViewProps {
 }
-declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<View>>;
+declare const CardHeader: ForwardRefComponent<ViewInstance, CardHeaderProps>;
 export interface CardTitleProps extends TextProps {
 }
-declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<import("react-native").Text>>;
+declare const CardTitle: ForwardRefComponent<TextInstance, CardTitleProps>;
 export interface CardDescriptionProps extends TextProps {
 }
-declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<import("react-native").Text>>;
+declare const CardDescription: ForwardRefComponent<TextInstance, CardDescriptionProps>;
 export interface CardContentProps extends ViewProps {
 }
-declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<View>>;
+declare const CardContent: ForwardRefComponent<ViewInstance, CardContentProps>;
 export interface CardFooterProps extends ViewProps {
 }
-declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<View>>;
+declare const CardFooter: ForwardRefComponent<ViewInstance, CardFooterProps>;
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants };

package/dist/components/card/card.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { View } from 'react-native';
+import { View, } from 'react-native';
 import { Text } from '../text';
 import { cn } from '../../lib/cn';
 import { tv } from '../../lib/tv';

package/dist/components/container/container.d.ts

@@ -15,130 +15,58 @@ import { type VariantProps } from '../../lib/tv';
 declare const containerVariants: import("tailwind-variants").TVReturnType<{
     size: {
         /** Forms, auth, single-column reading. */
-        sm: string;
+        sm: "max-w-xl";
         /** Default. Feeds, dashboards, most app screens. */
-        md: string;
+        md: "max-w-3xl";
         /** Multi-column dashboards and wide tables. */
-        lg: string;
+        lg: "max-w-5xl";
         /** Near-full width, still stops short of an ultrawide monitor. */
-        xl: string;
+        xl: "max-w-7xl";
         /** Opt out — edge-to-edge at every width. */
-        full: string;
+        full: "max-w-none";
     };
     /** Fill the available height, for a container used as a screen root. */
     fill: {
-        true: string;
-        false: string;
+        true: "flex-1";
+        false: "";
     };
-}, undefined, "w-full self-center", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "w-full self-center", {
     size: {
         /** Forms, auth, single-column reading. */
-        sm: string;
+        sm: "max-w-xl";
         /** Default. Feeds, dashboards, most app screens. */
-        md: string;
+        md: "max-w-3xl";
         /** Multi-column dashboards and wide tables. */
-        lg: string;
+        lg: "max-w-5xl";
         /** Near-full width, still stops short of an ultrawide monitor. */
-        xl: string;
+        xl: "max-w-7xl";
         /** Opt out — edge-to-edge at every width. */
-        full: string;
+        full: "max-w-none";
     };
     /** Fill the available height, for a container used as a screen root. */
     fill: {
-        true: string;
-        false: string;
+        true: "flex-1";
+        false: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
         /** Forms, auth, single-column reading. */
-        sm: string;
+        sm: "max-w-xl";
         /** Default. Feeds, dashboards, most app screens. */
-        md: string;
+        md: "max-w-3xl";
         /** Multi-column dashboards and wide tables. */
-        lg: string;
+        lg: "max-w-5xl";
         /** Near-full width, still stops short of an ultrawide monitor. */
-        xl: string;
+        xl: "max-w-7xl";
         /** Opt out — edge-to-edge at every width. */
-        full: string;
+        full: "max-w-none";
     };
     /** Fill the available height, for a container used as a screen root. */
     fill: {
-        true: string;
-        false: string;
+        true: "flex-1";
+        false: "";
     };
-}>, {
-    size: {
-        /** Forms, auth, single-column reading. */
-        sm: string;
-        /** Default. Feeds, dashboards, most app screens. */
-        md: string;
-        /** Multi-column dashboards and wide tables. */
-        lg: string;
-        /** Near-full width, still stops short of an ultrawide monitor. */
-        xl: string;
-        /** Opt out — edge-to-edge at every width. */
-        full: string;
-    };
-    /** Fill the available height, for a container used as a screen root. */
-    fill: {
-        true: string;
-        false: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        /** Forms, auth, single-column reading. */
-        sm: string;
-        /** Default. Feeds, dashboards, most app screens. */
-        md: string;
-        /** Multi-column dashboards and wide tables. */
-        lg: string;
-        /** Near-full width, still stops short of an ultrawide monitor. */
-        xl: string;
-        /** Opt out — edge-to-edge at every width. */
-        full: string;
-    };
-    /** Fill the available height, for a container used as a screen root. */
-    fill: {
-        true: string;
-        false: string;
-    };
-}, undefined, "w-full self-center", import("tailwind-variants/dist/config.js").TVConfig<{
-    size: {
-        /** Forms, auth, single-column reading. */
-        sm: string;
-        /** Default. Feeds, dashboards, most app screens. */
-        md: string;
-        /** Multi-column dashboards and wide tables. */
-        lg: string;
-        /** Near-full width, still stops short of an ultrawide monitor. */
-        xl: string;
-        /** Opt out — edge-to-edge at every width. */
-        full: string;
-    };
-    /** Fill the available height, for a container used as a screen root. */
-    fill: {
-        true: string;
-        false: string;
-    };
-}, {
-    size: {
-        /** Forms, auth, single-column reading. */
-        sm: string;
-        /** Default. Feeds, dashboards, most app screens. */
-        md: string;
-        /** Multi-column dashboards and wide tables. */
-        lg: string;
-        /** Near-full width, still stops short of an ultrawide monitor. */
-        xl: string;
-        /** Opt out — edge-to-edge at every width. */
-        full: string;
-    };
-    /** Fill the available height, for a container used as a screen root. */
-    fill: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface ContainerProps extends ViewProps, VariantProps<typeof containerVariants> {
     className?: string;
 }

package/dist/components/data-row/data-row.d.ts

@@ -1,41 +1,21 @@
-import React from 'react';
-import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import { type TextInstance, type TextProps, type ViewInstance, type ViewProps } from 'react-native';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 declare const dataRowVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        default: string;
-        compact: string;
+        default: "";
+        compact: "";
     };
-}, undefined, "w-full flex-row items-center gap-3", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "w-full flex-row items-center gap-3", {
     size: {
-        default: string;
-        compact: string;
+        default: "";
+        compact: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
-        default: string;
-        compact: string;
+        default: "";
+        compact: "";
     };
-}>, {
-    size: {
-        default: string;
-        compact: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        default: string;
-        compact: string;
-    };
-}, undefined, "w-full flex-row items-center gap-3", import("tailwind-variants/dist/config.js").TVConfig<{
-    size: {
-        default: string;
-        compact: string;
-    };
-}, {
-    size: {
-        default: string;
-        compact: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface DataRowProps extends ViewProps {
     size?: 'default' | 'compact';
     className?: string;
@@ -58,11 +38,11 @@ export interface DataRowDescriptionProps extends TextProps {
 export interface DataRowValueProps extends TextProps {
     className?: string;
 }
-declare const DataRow: React.ForwardRefExoticComponent<DataRowProps & React.RefAttributes<View>>;
-declare const DataRowLeft: React.ForwardRefExoticComponent<DataRowLeftProps & React.RefAttributes<View>>;
-declare const DataRowCenter: React.ForwardRefExoticComponent<DataRowCenterProps & React.RefAttributes<View>>;
-declare const DataRowRight: React.ForwardRefExoticComponent<DataRowRightProps & React.RefAttributes<View>>;
-declare const DataRowLabel: React.ForwardRefExoticComponent<DataRowLabelProps & React.RefAttributes<Text>>;
-declare const DataRowDescription: React.ForwardRefExoticComponent<DataRowDescriptionProps & React.RefAttributes<Text>>;
-declare const DataRowValue: React.ForwardRefExoticComponent<DataRowValueProps & React.RefAttributes<Text>>;
+declare const DataRow: ForwardRefComponent<ViewInstance, DataRowProps>;
+declare const DataRowLeft: ForwardRefComponent<ViewInstance, DataRowLeftProps>;
+declare const DataRowCenter: ForwardRefComponent<ViewInstance, DataRowCenterProps>;
+declare const DataRowRight: ForwardRefComponent<ViewInstance, DataRowRightProps>;
+declare const DataRowLabel: ForwardRefComponent<TextInstance, DataRowLabelProps>;
+declare const DataRowDescription: ForwardRefComponent<TextInstance, DataRowDescriptionProps>;
+declare const DataRowValue: ForwardRefComponent<TextInstance, DataRowValueProps>;
 export { DataRow, DataRowLeft, DataRowCenter, DataRowRight, DataRowLabel, DataRowDescription, DataRowValue, dataRowVariants, };

package/dist/components/data-row/data-row.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext, useMemo } from 'react';
-import { Text, View } from 'react-native';
+import { Text, View, } from 'react-native';
 import { cn } from '../../lib/cn';
 import { tv } from '../../lib/tv';
 import { useVisualTokens } from '../../lib/visual-tokens';

package/dist/components/form-field/form-field.d.ts

@@ -1,106 +1,50 @@
-import React from 'react';
-import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import { type TextInstance, type TextProps, type ViewInstance, type ViewProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 declare const formFieldVariants: import("tailwind-variants").TVReturnType<{
     density: {
-        default: string;
-        compact: string;
+        default: "gap-1.5";
+        compact: "gap-1";
     };
-}, undefined, "w-full", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "w-full", {
     density: {
-        default: string;
-        compact: string;
+        default: "gap-1.5";
+        compact: "gap-1";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     density: {
-        default: string;
-        compact: string;
+        default: "gap-1.5";
+        compact: "gap-1";
     };
-}>, {
-    density: {
-        default: string;
-        compact: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    density: {
-        default: string;
-        compact: string;
-    };
-}, undefined, "w-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    density: {
-        default: string;
-        compact: string;
-    };
-}, {
-    density: {
-        default: string;
-        compact: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 declare const formControlVariants: import("tailwind-variants").TVReturnType<{
     density: {
-        default: string;
-        compact: string;
-    };
-    invalid: {
-        true: string;
-        false: string;
-    };
-}, undefined, "justify-center", import("tailwind-variants/dist/config.js").TVConfig<{
-    density: {
-        default: string;
-        compact: string;
-    };
-    invalid: {
-        true: string;
-        false: string;
-    };
-}, {
-    density: {
-        default: string;
-        compact: string;
-    };
-    invalid: {
-        true: string;
-        false: string;
-    };
-}>, {
-    density: {
-        default: string;
-        compact: string;
-    };
-    invalid: {
-        true: string;
-        false: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    density: {
-        default: string;
-        compact: string;
+        default: "";
+        compact: "";
     };
     invalid: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
-}, undefined, "justify-center", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "justify-center", {
     density: {
-        default: string;
-        compact: string;
+        default: "";
+        compact: "";
     };
     invalid: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     density: {
-        default: string;
-        compact: string;
+        default: "";
+        compact: "";
     };
     invalid: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface FormFieldProps extends ViewProps, VariantProps<typeof formFieldVariants> {
     invalid?: boolean;
     disabled?: boolean;
@@ -115,9 +59,9 @@ export interface FormHintProps extends TextProps {
 }
 export interface FormMessageProps extends TextProps {
 }
-declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<View>>;
-declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<Text>>;
-declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<View>>;
-declare const FormHint: React.ForwardRefExoticComponent<FormHintProps & React.RefAttributes<Text>>;
-declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<Text>>;
+declare const FormField: ForwardRefComponent<ViewInstance, FormFieldProps>;
+declare const FormLabel: ForwardRefComponent<TextInstance, FormLabelProps>;
+declare const FormControl: ForwardRefComponent<ViewInstance, FormControlProps>;
+declare const FormHint: ForwardRefComponent<TextInstance, FormHintProps>;
+declare const FormMessage: ForwardRefComponent<TextInstance, FormMessageProps>;
 export { FormField, FormLabel, FormControl, FormHint, FormMessage, formFieldVariants, formControlVariants, };

package/dist/components/form-field/form-field.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { createContext, useContext, useMemo } from 'react';
-import { Text, View } from 'react-native';
+import { Text, View, } from 'react-native';
 import { cn } from '../../lib/cn';
 import { tv } from '../../lib/tv';
 import { useInteractionTokens } from '../../lib/interaction-tokens';

package/dist/components/hover-card/hover-card.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as HoverCardPrimitive from '@rn-primitives/hover-card';
 import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 export interface HoverCardProps {
     onOpenChange?: (open: boolean) => void;
     openDelay?: number;
@@ -15,6 +16,6 @@ export interface HoverCardContentProps extends React.ComponentPropsWithoutRef<ty
     portalHost?: string;
 }
 declare function HoverCard({ onOpenChange, openDelay, closeDelay, children }: HoverCardProps): React.JSX.Element;
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<import("@rn-primitives/hover-card").TriggerRef>>;
-declare const HoverCardContent: React.ForwardRefExoticComponent<HoverCardContentProps & React.RefAttributes<import("react-native").View>>;
+declare const HoverCardTrigger: ForwardRefComponent<HoverCardPrimitive.TriggerRef, HoverCardTriggerProps>;
+declare const HoverCardContent: ForwardRefComponent<HoverCardPrimitive.ContentRef, HoverCardContentProps>;
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/input/input.d.ts

@@ -1,47 +1,28 @@
 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 inputVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        error: string;
+        default: "border-border";
+        error: "border-destructive";
     };
-}, 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", {
     variant: {
-        default: string;
-        error: string;
+        default: "border-border";
+        error: "border-destructive";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        error: string;
+        default: "border-border";
+        error: "border-destructive";
     };
-}>, {
-    variant: {
-        default: string;
-        error: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        error: string;
-    };
-}, undefined, "w-full border-border bg-muted text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        error: string;
-    };
-}, {
-    variant: {
-        default: string;
-        error: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface InputProps extends TextInputProps, VariantProps<typeof inputVariants> {
     className?: string;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     inputClassName?: string;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<TextInput>>;
+declare const Input: ForwardRefComponent<TextInputInstance, InputProps>;
 export { Input, inputVariants };

package/dist/components/label/label.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Text, type TextProps } from 'react-native';
+import { type TextInstance, type TextProps } from 'react-native';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 export interface LabelProps extends TextProps {
 }
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<Text>>;
+declare const Label: ForwardRefComponent<TextInstance, LabelProps>;
 export { Label };

package/dist/components/labeled-field/labeled-field.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { View, type ViewProps } from 'react-native';
+import { type ViewInstance, type ViewProps } from 'react-native';
 import { type FormFieldProps } from '../form-field';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 export interface LabeledFieldProps extends Omit<FormFieldProps, 'children'> {
     label?: React.ReactNode;
     hint?: React.ReactNode;
@@ -14,5 +15,5 @@ export interface LabeledFieldControlProps extends ViewProps {
     className?: string;
 }
 declare function LabeledField({ label, hint, error, leftSlot, rightSlot, children, controlWrapperClassName, required, disabled, invalid, ...props }: LabeledFieldProps): React.JSX.Element;
-declare const LabeledFieldControl: React.ForwardRefExoticComponent<LabeledFieldControlProps & React.RefAttributes<View>>;
+declare const LabeledFieldControl: ForwardRefComponent<ViewInstance, LabeledFieldControlProps>;
 export { LabeledField, LabeledFieldControl };