@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/typescript/src/components/text-field/text-field.types.d.ts

@@ -0,0 +1,324 @@
+import type { StyleProp, TextInputProps, TextProps, TextStyle, ViewProps } from 'react-native';
+import type { AnimatedProps, EntryOrExitLayoutType, WithTimingConfig } from 'react-native-reanimated';
+import type { ElementSlots } from '../../helpers/theme/types';
+import type { Animation, AnimationRootDisableAll, AnimationValue } from '../../helpers/types/animation';
+import type { ErrorViewRootProps } from '../error-view';
+import type { InputSlots, LabelSlots } from './text-field.styles';
+/**
+ * Animation configuration for TextField Label component
+ */
+export type TextFieldLabelAnimation = Animation<{
+    entering?: AnimationValue<{
+        /**
+         * Custom entering animation for label
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+    exiting?: AnimationValue<{
+        /**
+         * Custom exiting animation for label
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+}>;
+/**
+ * Animation configuration for TextField Description component
+ */
+export type TextFieldDescriptionAnimation = Animation<{
+    entering?: AnimationValue<{
+        /**
+         * Custom entering animation for description
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+    exiting?: AnimationValue<{
+        /**
+         * Custom exiting animation for description
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+}>;
+/**
+ * Animation configuration for TextField Input component
+ */
+export type TextFieldInputAnimation = Animation<{
+    backgroundColor?: AnimationValue<{
+        /**
+         * Background color values for different states
+         * @default Uses theme colors (field, field-focus, field)
+         */
+        value?: {
+            /**
+             * Background color when input is blurred
+             * @default --colors-field
+             */
+            blur?: string;
+            /**
+             * Background color when input is focused
+             * @default --colors-field-focus
+             */
+            focus?: string;
+            /**
+             * Background color when input is invalid
+             * @default --colors-field (same as blur)
+             */
+            error?: string;
+        };
+    }>;
+    borderColor?: AnimationValue<{
+        /**
+         * Border color values for different states
+         * @default Uses theme colors (field-border, accent, danger)
+         */
+        value?: {
+            /**
+             * Border color when input is blurred
+             * @default --colors-field-border
+             */
+            blur?: string;
+            /**
+             * Border color when input is focused
+             * @default --colors-accent
+             */
+            focus?: string;
+            /**
+             * Border color when input is invalid
+             * @default --colors-danger
+             */
+            error?: string;
+        };
+    }>;
+    /**
+     * Animation timing configuration for focus/blur transitions
+     */
+    focus?: AnimationValue<{
+        /**
+         * Animation timing configuration
+         * @default { duration: 150, easing: Easing.out(Easing.ease) }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+    /**
+     * Animation timing configuration for error state transitions
+     */
+    error?: AnimationValue<{
+        /**
+         * Animation timing configuration
+         * @default { duration: 150, easing: Easing.out(Easing.ease) }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+}>;
+/**
+ * Props for the TextField.Root component
+ */
+export interface TextFieldRootProps extends ViewProps {
+    /**
+     * Children elements to be rendered inside the root container
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the entire text field is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the text field is in an invalid state
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * Whether the text field is required (shows asterisk in label)
+     * @default false
+     */
+    isRequired?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Animation configuration for text field root
+     * - `"disable-all"`: Disable all animations including children (cascades down to all child components)
+     * - `undefined`: Use default animations
+     */
+    animation?: AnimationRootDisableAll;
+}
+/**
+ * Props for the TextField.Label component
+ */
+export interface TextFieldLabelProps extends Omit<AnimatedProps<TextProps>, 'entering' | 'exiting'> {
+    /**
+     * Whether the label is in an invalid state (overrides context)
+     * @default undefined - uses context value
+     */
+    isInvalid?: boolean;
+    /**
+     * Children elements to be rendered as the label text
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for different parts of the label
+     */
+    classNames?: ElementSlots<LabelSlots>;
+    /**
+     * Animation configuration for label
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: TextFieldLabelAnimation;
+}
+/**
+ * Props for the TextField.Input component
+ */
+export interface TextFieldInputProps extends TextInputProps {
+    /**
+     * Children elements to be rendered inside the input container
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the input is in an invalid state (overrides context)
+     * @default undefined - uses context value
+     */
+    isInvalid?: boolean;
+    /**
+     * Additional CSS classes
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `backgroundColor` - Animated for focus/blur and error state transitions (applied to container)
+     * - `borderColor` - Animated for focus/blur and error state transitions (applied to container)
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <TextField.Input
+     *   animation={{
+     *     backgroundColor: { value: { blur: '#fff', focus: '#f0f0f0', error: '#fee' } },
+     *     borderColor: { value: { blur: '#ccc', focus: '#007AFF', error: '#ff0000' } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for different parts of the input
+     *
+     * @note The `container` slot has the following animated properties that cannot be set via className:
+     * - `backgroundColor` - Animated for focus/blur and error state transitions
+     * - `borderColor` - Animated for focus/blur and error state transitions
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <TextField.Input
+     *   classNames={{
+     *     container: "custom-class", // backgroundColor and borderColor cannot be overridden here
+     *     input: "custom-input-class"
+     *   }}
+     *   animation={{
+     *     backgroundColor: { value: { blur: '#fff', focus: '#f0f0f0', error: '#fee' } },
+     *     borderColor: { value: { blur: '#ccc', focus: '#007AFF', error: '#ff0000' } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    classNames?: ElementSlots<InputSlots>;
+    styles?: {
+        input?: StyleProp<TextStyle>;
+    };
+    /**
+     * Animation configuration for input focus/blur and error state transitions
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: TextFieldInputAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * Props for the TextField.InputStartContent component
+ */
+export interface TextFieldInputStartContentProps extends ViewProps {
+    /**
+     * Children elements to be rendered at the start of the input
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Props for the TextField.InputEndContent component
+ */
+export interface TextFieldInputEndContentProps extends ViewProps {
+    /**
+     * Children elements to be rendered at the end of the input
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Props for the TextField.Description component
+ */
+export interface TextFieldDescriptionProps extends Omit<AnimatedProps<TextProps>, 'entering' | 'exiting'> {
+    /**
+     * Children elements to be rendered as the description text
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the description is in an invalid state (overrides context)
+     * @default undefined - uses context value
+     */
+    isInvalid?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Animation configuration for description
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: TextFieldDescriptionAnimation;
+}
+/**
+ * Props for the TextField.ErrorMessage component
+ */
+export interface TextFieldErrorMessageProps extends ErrorViewRootProps {
+}
+/**
+ * Context value for the TextField component
+ */
+export interface TextFieldContextValue {
+    /**
+     * Whether the entire text field is disabled
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the text field is in an invalid state
+     * @default false
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the text field is required
+     */
+    isRequired: boolean;
+}
+//# sourceMappingURL=text-field.types.d.ts.map

package/lib/typescript/src/components/text-field/text-field.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/text-field.types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/toast/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Toast } from './toast';
+export type * from './toast.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,mBAAmB,eAAe,CAAC"}

package/lib/typescript/src/components/toast/toast.animation.d.ts

@@ -0,0 +1,29 @@
+import type { UseToastRootAnimationOptions } from './toast.types';
+export declare const enteringTop: import("react-native-reanimated").ComplexAnimationBuilder;
+export declare const exitingTop: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const enteringBottom: import("react-native-reanimated").ComplexAnimationBuilder;
+export declare const exitingBottom: import("react-native-reanimated").ReanimatedKeyframe;
+/**
+ * Animation hook for Toast root component
+ * Handles opacity, translateY, and scale animations based on toast index and placement
+ * Also handles gesture-based swipe to dismiss and rubber-band drag effects
+ */
+export declare function useToastRootAnimation(options: UseToastRootAnimationOptions): {
+    rContainerStyle: {
+        height: number | undefined;
+        pointerEvents: "none" | "auto";
+        opacity: number;
+        transform: ({
+            translateY: number;
+            scale?: undefined;
+        } | {
+            scale: number;
+            translateY?: undefined;
+        })[];
+    };
+    isAllAnimationsDisabled: boolean;
+    entering: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+    exiting: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+    panGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+};
+//# sourceMappingURL=toast.animation.d.ts.map

package/lib/typescript/src/components/toast/toast.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/toast.animation.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAIlE,eAAO,MAAM,WAAW,2DAKd,CAAC;AAEX,eAAO,MAAM,UAAU,sDAUP,CAAC;AAEjB,eAAO,MAAM,cAAc,2DAKjB,CAAC;AAEX,eAAO,MAAM,aAAa,sDAUV,CAAC;AAIjB;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,4BAA4B;;;;;;;;;;;;;;;;;EAoT1E"}

package/lib/typescript/src/components/toast/toast.constants.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Display names for Toast components
+ */
+export declare const DISPLAY_NAME: {
+    readonly TOAST_ROOT: "HeroUINative.Toast.Root";
+    readonly TOAST_TITLE: "HeroUINative.Toast.Title";
+    readonly TOAST_DESCRIPTION: "HeroUINative.Toast.Description";
+    readonly TOAST_ACTION: "HeroUINative.Toast.Action";
+    readonly TOAST_CLOSE: "HeroUINative.Toast.Close";
+};
+//# sourceMappingURL=toast.constants.d.ts.map

package/lib/typescript/src/components/toast/toast.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/toast.constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC"}

package/lib/typescript/src/components/toast/toast.d.ts

@@ -0,0 +1,56 @@
+import { View } from 'react-native';
+import type { DefaultToastProps, ToastDescriptionProps, ToastRootProps, ToastTitleProps } from './toast.types';
+/**
+ * Default styled toast component for simplified toast.show() API
+ * Used internally when showing toasts with string or config object (without component)
+ */
+export declare function DefaultToast(props: DefaultToastProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Compound Toast component with sub-components
+ *
+ * @component Toast - Main toast container that displays notification messages with various variants.
+ *
+ * @component Toast.Title - Title/heading text of the toast notification.
+ *
+ * @component Toast.Description - Descriptive text content of the toast.
+ *
+ * @component Toast.Action - Action button within the toast. Variant is automatically determined
+ * based on toast variant but can be overridden.
+ *
+ * @component Toast.Close - Close button for dismissing the toast. Renders as an icon-only button.
+ *
+ * Props flow from Toast to sub-components via context (variant).
+ *
+ * @see Full documentation: https://heroui.com/components/toast
+ */
+declare const CompoundToast: import("react").ForwardRefExoticComponent<ToastRootProps & import("react").RefAttributes<View>> & {
+    /** Toast title - renders text content */
+    Title: import("react").ForwardRefExoticComponent<ToastTitleProps & import("react").RefAttributes<View>>;
+    /** Toast description - renders descriptive text */
+    Description: import("react").ForwardRefExoticComponent<ToastDescriptionProps & import("react").RefAttributes<View>>;
+    /** Toast action button - renders action with appropriate variant */
+    Action: import("react").ForwardRefExoticComponent<import("../pressable-feedback").PressableFeedbackProps & {
+        variant?: import("../button").ButtonVariant;
+        size?: import("../button").ButtonSize;
+        isIconOnly?: boolean;
+        pressableFeedbackVariant?: "highlight" | "ripple" | "none";
+        pressableFeedbackHighlightProps?: import("../pressable-feedback").PressableFeedbackHighlightProps;
+        pressableFeedbackRippleProps?: import("../pressable-feedback").PressableFeedbackRippleProps;
+    } & import("react").RefAttributes<View>>;
+    /** Toast close button - renders icon-only close button */
+    Close: import("react").ForwardRefExoticComponent<import("../pressable-feedback").PressableFeedbackProps & {
+        variant?: import("../button").ButtonVariant;
+        size?: import("../button").ButtonSize;
+        isIconOnly?: boolean;
+        pressableFeedbackVariant?: "highlight" | "ripple" | "none";
+        pressableFeedbackHighlightProps?: import("../pressable-feedback").PressableFeedbackHighlightProps;
+        pressableFeedbackRippleProps?: import("../pressable-feedback").PressableFeedbackRippleProps;
+    } & {
+        iconProps?: {
+            size?: number;
+            color?: string;
+        };
+    } & import("react").RefAttributes<View>>;
+};
+export default CompoundToast;
+//# sourceMappingURL=toast.d.ts.map

package/lib/typescript/src/components/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAiBpC,OAAO,KAAK,EACV,iBAAiB,EAIjB,qBAAqB,EACrB,cAAc,EACd,eAAe,EAChB,MAAM,eAAe,CAAC;AA+SvB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAuDpD;AAUD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,aAAa;IACjB,yCAAyC;;IAEzC,mDAAmD;;IAEnD,oEAAoE;;;;;;;;;IAEpE,0DAA0D;;;;;;;;;;gBA3KG,CAAC;iBAC5D,CAAD;;;CA4KD,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/toast/toast.styles.d.ts

@@ -0,0 +1,61 @@
+declare const toastStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "rounded-3xl bg-surface border-[16px] border-surface outline outline-muted/5 shadow-2xl shadow-black/5 overflow-hidden", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "rounded-3xl bg-surface border-[16px] border-surface outline outline-muted/5 shadow-2xl shadow-black/5 overflow-hidden", unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    }, undefined, "text-base font-medium", {
+        variant: {
+            default: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    }, undefined, "text-base font-medium", unknown, unknown, undefined>>;
+    description: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-sm text-muted", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-sm text-muted", unknown, unknown, undefined>>;
+    action: import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    }, undefined, "", {
+        variant: {
+            default: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    }, undefined, "", unknown, unknown, undefined>>;
+}>;
+export declare const styleSheet: {
+    root: {
+        borderCurve: "continuous";
+    };
+};
+export default toastStyles;
+//# sourceMappingURL=toast.styles.d.ts.map

package/lib/typescript/src/components/toast/toast.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/toast.styles.ts"],"names":[],"mappings":"AA6EA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,eAAe,WAAW,CAAC"}