@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/typescript/src/components/tabs/tabs.types.d.ts

@@ -0,0 +1,239 @@
+import type { ScrollViewProps } from 'react-native';
+import type { WithSpringConfig, WithTimingConfig } from 'react-native-reanimated';
+import type { Animation, AnimationRootDisableAll, AnimationValue } from '../../helpers/types/animation';
+import type * as TabsPrimitivesTypes from '../../primitives/tabs/tabs.types';
+/**
+ * Props for the Tabs root component
+ */
+export interface TabsProps extends TabsPrimitivesTypes.RootProps {
+    /**
+     * Additional CSS classes for the root element
+     */
+    className?: string;
+    /**
+     * React children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Visual variant of the tabs
+     * @default 'pill'
+     */
+    variant?: 'pill' | 'line';
+    /**
+     * Animation configuration for tabs
+     * - `"disable-all"`: Disable all animations including children (cascades down to all child components)
+     * - `undefined`: Use default animations
+     */
+    animation?: AnimationRootDisableAll;
+}
+/**
+ * Props for the TabsList component
+ */
+export interface TabsListProps extends TabsPrimitivesTypes.ListProps {
+    /**
+     * Additional CSS classes for the list element
+     */
+    className?: string;
+    /**
+     * React children elements
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the TabsScrollView component
+ */
+export interface TabsScrollViewProps extends ScrollViewProps {
+    /**
+     * Additional CSS classes for the scroll view
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the content container
+     */
+    contentContainerClassName?: string;
+    /**
+     * React children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Scroll alignment variant for the selected item
+     * @default 'center'
+     */
+    scrollAlign?: 'start' | 'center' | 'end' | 'none';
+}
+/**
+ * Render function props for TabsTrigger children
+ */
+export interface TabsTriggerRenderProps {
+    /** Whether this trigger is currently selected */
+    isSelected: boolean;
+    /** The value of the trigger */
+    value: string;
+    /** Whether the trigger is disabled */
+    isDisabled: boolean;
+}
+/**
+ * Props for the TabsTrigger component
+ */
+export interface TabsTriggerProps extends Omit<TabsPrimitivesTypes.TriggerProps, 'children'> {
+    /**
+     * The unique value identifying this tab
+     */
+    value: string;
+    /**
+     * Whether the trigger is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Additional CSS classes for the trigger element
+     */
+    className?: string;
+    /**
+     * Child elements to render inside the trigger, or a render function
+     */
+    children?: React.ReactNode | ((props: TabsTriggerRenderProps) => React.ReactNode);
+}
+/**
+ * Props for the TabsLabel component
+ */
+export interface TabsLabelProps extends TabsPrimitivesTypes.LabelProps {
+    /**
+     * Additional CSS classes for the label element
+     */
+    className?: string;
+    /**
+     * React children elements
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Spring animation value for tabs indicator properties
+ */
+type TabsIndicatorSpringAnimationValue = AnimationValue<{
+    /**
+     * Animation type
+     */
+    type: 'spring';
+    /**
+     * Spring animation configuration
+     * @default { stiffness: 1200, damping: 120 }
+     */
+    config?: WithSpringConfig;
+}>;
+/**
+ * Timing animation value for tabs indicator properties
+ */
+type TabsIndicatorTimingAnimationValue = AnimationValue<{
+    /**
+     * Animation type
+     */
+    type: 'timing';
+    /**
+     * Timing animation configuration
+     * @default { duration: 200 }
+     */
+    config?: WithTimingConfig;
+}>;
+/**
+ * Animation value for tabs indicator properties (width, height, left)
+ */
+type TabsIndicatorPropertyAnimationValue = TabsIndicatorSpringAnimationValue | TabsIndicatorTimingAnimationValue;
+/**
+ * Animation configuration for tabs indicator component
+ */
+export type TabsIndicatorAnimation = Animation<{
+    /**
+     * Width animation configuration
+     */
+    width?: TabsIndicatorPropertyAnimationValue;
+    /**
+     * Height animation configuration
+     */
+    height?: TabsIndicatorPropertyAnimationValue;
+    /**
+     * Left position animation configuration
+     */
+    left?: TabsIndicatorPropertyAnimationValue;
+}>;
+/**
+ * Props for the TabsIndicator component
+ */
+export interface TabsIndicatorProps extends TabsPrimitivesTypes.IndicatorProps {
+    /**
+     * Additional CSS classes for the indicator element
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `width` - Animated for indicator width transitions when switching tabs
+     * - `height` - Animated for indicator height transitions when switching tabs
+     * - `left` - Animated for indicator position transitions when switching tabs
+     * - `opacity` - Animated for indicator visibility transitions (0 when no active tab, 1 when active tab is selected)
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <Tabs.Indicator
+     *   animation={{
+     *     width: { type: 'spring', config: { stiffness: 1200, damping: 120 } },
+     *     height: { type: 'spring', config: { stiffness: 1200, damping: 120 } },
+     *     left: { type: 'timing', config: { duration: 200 } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * React children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Animation configuration for indicator
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: TabsIndicatorAnimation;
+    /**
+     * 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 TabsContent component
+ */
+export interface TabsContentProps extends TabsPrimitivesTypes.ContentProps {
+    /**
+     * The value of the tab this content belongs to
+     */
+    value: string;
+    /**
+     * Additional CSS classes for the content element
+     */
+    className?: string;
+    /**
+     * React children elements
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Measurements for a tab item
+ */
+export type ItemMeasurements = {
+    width: number;
+    height: number;
+    x: number;
+};
+/**
+ * Context value for tab measurements
+ */
+export type MeasurementsContextValue = {
+    measurements: Record<string, ItemMeasurements>;
+    setMeasurements: (key: string, measurements: ItemMeasurements) => void;
+    variant: 'pill' | 'line';
+};
+export {};
+//# sourceMappingURL=tabs.types.d.ts.map

package/lib/typescript/src/components/tabs/tabs.types.d.ts.map

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

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

@@ -0,0 +1,3 @@
+export { default as TextField, useTextField } from './text-field';
+export type { TextFieldDescriptionProps, TextFieldErrorMessageProps, TextFieldInputEndContentProps, TextFieldInputProps, TextFieldInputStartContentProps, TextFieldLabelProps, TextFieldRootProps, } from './text-field.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAClE,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,6BAA6B,EAC7B,mBAAmB,EACnB,+BAA+B,EAC/B,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,47 @@
+import type { AnimationRootDisableAll } from '../../helpers/types/animation';
+import type { TextFieldDescriptionAnimation, TextFieldInputAnimation, TextFieldLabelAnimation } from './text-field.types';
+/**
+ * Animation hook for TextField Root component
+ * Handles root-level animation configuration and provides context for child components
+ */
+export declare function useTextFieldRootAnimation(options: {
+    animation: AnimationRootDisableAll | undefined;
+}): {
+    isAllAnimationsDisabled: boolean;
+};
+/**
+ * Animation hook for TextField Label component
+ * Handles entering and exiting animations for the label
+ */
+export declare function useTextFieldLabelAnimation(options: {
+    animation: TextFieldLabelAnimation | undefined;
+}): {
+    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;
+};
+/**
+ * Animation hook for TextField Description component
+ * Handles entering and exiting animations for the description text
+ */
+export declare function useTextFieldDescriptionAnimation(options: {
+    animation: TextFieldDescriptionAnimation | undefined;
+}): {
+    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;
+};
+/**
+ * Animation hook for TextField Input component
+ * Handles background color and border color animations for focus/blur and error states
+ */
+export declare function useTextFieldInputAnimation(options: {
+    animation: TextFieldInputAnimation | undefined;
+    isInvalid: boolean;
+}): {
+    animatedContainerStyle: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    handleFocusAnimation: () => void;
+    handleBlurAnimation: () => void;
+};
+//# sourceMappingURL=text-field.animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/text-field.animation.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAa7E,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,oBAAoB,CAAC;AAI5B;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE;IACjD,SAAS,EAAE,uBAAuB,GAAG,SAAS,CAAC;CAChD;;EAQA;AAID;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE;IAClD,SAAS,EAAE,uBAAuB,GAAG,SAAS,CAAC;CAChD;;;EA8BA;AAID;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,OAAO,EAAE;IACxD,SAAS,EAAE,6BAA6B,GAAG,SAAS,CAAC;CACtD;;;EA8BA;AAID;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE;IAClD,SAAS,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAC/C,SAAS,EAAE,OAAO,CAAC;CACpB;;;;;;;EAkKA"}

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

@@ -0,0 +1,30 @@
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+/**
+ * Display names for TextField components
+ */
+export declare const DISPLAY_NAME: {
+    ROOT: string;
+    LABEL: string;
+    INPUT: string;
+    INPUT_START_CONTENT: string;
+    INPUT_END_CONTENT: string;
+    DESCRIPTION: string;
+    ERROR_MESSAGE: string;
+};
+/**
+ * Animation duration for focus/blur transitions
+ */
+export declare const ANIMATION_DURATION = 150;
+/**
+ * Animation easing function for focus/blur transitions
+ */
+export declare const ANIMATION_EASING: import("react-native-reanimated").EasingFunction;
+/**
+ * Animation configuration for entering transitions
+ */
+export declare const ENTERING_ANIMATION_CONFIG: FadeIn;
+/**
+ * Animation configuration for exiting transitions
+ */
+export declare const EXITING_ANIMATION_CONFIG: FadeOut;
+//# sourceMappingURL=text-field.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/text-field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,gBAAgB,kDAA0B,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,yBAAyB,QACwB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,wBAAwB,SAC0B,CAAC"}

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

@@ -0,0 +1,47 @@
+import { TextInput, View } from 'react-native';
+import type { TextFieldContextValue, TextFieldDescriptionProps, TextFieldErrorMessageProps, TextFieldInputEndContentProps, TextFieldInputProps, TextFieldInputStartContentProps, TextFieldLabelProps, TextFieldRootProps } from './text-field.types';
+declare const useTextField: () => TextFieldContextValue;
+/**
+ * Compound TextField component with sub-components
+ *
+ * @component TextField - Main container that provides gap-1 spacing between children.
+ * Handles disabled state and validation state for the entire field.
+ *
+ * @component TextField.Label - Label with optional asterisk for required fields.
+ * Changes to danger color when field is invalid.
+ *
+ * @component TextField.Input - Input container with animated border and background.
+ * Supports start/end content slots and handles focus state animations.
+ * Border turns danger color when field is invalid.
+ *
+ * @component TextField.InputStartContent - Optional content at the start of the input.
+ * Use for icons or prefixes.
+ *
+ * @component TextField.InputEndContent - Optional content at the end of the input.
+ * Use for icons, suffixes, or action buttons.
+ *
+ * @component TextField.Description - Description text with muted styling.
+ * Hidden when field is invalid and error message is shown.
+ *
+ * @component TextField.ErrorMessage - Error message with danger styling.
+ * Shown with animation when field is invalid. Automatically populated from errorMessage prop.
+ *
+ * @see Full documentation: https://heroui.com/components/text-field
+ */
+declare const CompoundTextField: import("react").ForwardRefExoticComponent<TextFieldRootProps & import("react").RefAttributes<View>> & {
+    /** @optional Label with asterisk support */
+    Label: import("react").ForwardRefExoticComponent<TextFieldLabelProps & import("react").RefAttributes<import("react-native").Text>>;
+    /** @required Input container with focus animations */
+    Input: import("react").ForwardRefExoticComponent<TextFieldInputProps & import("react").RefAttributes<TextInput>>;
+    /** @optional Start content for input */
+    InputStartContent: import("react").ForwardRefExoticComponent<TextFieldInputStartContentProps & import("react").RefAttributes<View>>;
+    /** @optional End content for input */
+    InputEndContent: import("react").ForwardRefExoticComponent<TextFieldInputEndContentProps & import("react").RefAttributes<View>>;
+    /** @optional Description or helper text */
+    Description: import("react").ForwardRefExoticComponent<TextFieldDescriptionProps & import("react").RefAttributes<import("react-native").Text>>;
+    /** @optional Error message displayed when field is invalid */
+    ErrorMessage: import("react").ForwardRefExoticComponent<TextFieldErrorMessageProps & import("react").RefAttributes<import("react-native").Text>>;
+};
+export default CompoundTextField;
+export { useTextField };
+//# sourceMappingURL=text-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/text-field.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,IAAI,EAIL,MAAM,cAAc,CAAC;AAgBtB,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,6BAA6B,EAC7B,mBAAmB,EACnB,+BAA+B,EAC/B,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAA0B,YAAY,6BAEpC,CAAC;AAuSH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,iBAAiB;IACrB,4CAA4C;;IAE5C,sDAAsD;;IAEtD,wCAAwC;;IAExC,sCAAsC;;IAEtC,2CAA2C;;IAE3C,8DAA8D;;CAE9D,CAAC;AAEH,eAAe,iBAAiB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,203 @@
+declare const label: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: {
+            text: string;
+            asterisk: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            text: string;
+        };
+    };
+}, {
+    text: string;
+    asterisk: string;
+}, undefined, {
+    isDisabled: {
+        true: {
+            text: string;
+            asterisk: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            text: string;
+        };
+    };
+}, {
+    text: string;
+    asterisk: string;
+}, import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: {
+            text: string;
+            asterisk: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            text: string;
+        };
+    };
+}, {
+    text: string;
+    asterisk: string;
+}, undefined, unknown, unknown, undefined>>;
+/**
+ * Input style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following properties in the `container` slot are animated and cannot be overridden using Tailwind classes:
+ * - `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 on `TextField.Input`:
+ * ```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 apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `TextField.Input`.
+ */
+declare const input: import("tailwind-variants").TVReturnType<{
+    isMultiline: {
+        true: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    container: string;
+    input: string;
+}, undefined, {
+    isMultiline: {
+        true: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    container: string;
+    input: string;
+}, import("tailwind-variants").TVReturnType<{
+    isMultiline: {
+        true: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    container: string;
+    input: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const styleSheet: {
+    borderCurve: {
+        borderCurve: "continuous";
+    };
+};
+declare const textFieldStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "gap-1", {
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "gap-1", unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: {
+                text: string;
+                asterisk: string;
+            };
+        };
+        isInvalid: {
+            true: {
+                text: string;
+            };
+        };
+    }, {
+        text: string;
+        asterisk: string;
+    }, undefined, {
+        isDisabled: {
+            true: {
+                text: string;
+                asterisk: string;
+            };
+        };
+        isInvalid: {
+            true: {
+                text: string;
+            };
+        };
+    }, {
+        text: string;
+        asterisk: string;
+    }, import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: {
+                text: string;
+                asterisk: string;
+            };
+        };
+        isInvalid: {
+            true: {
+                text: string;
+            };
+        };
+    }, {
+        text: string;
+        asterisk: string;
+    }, undefined, unknown, unknown, undefined>>;
+    input: import("tailwind-variants").TVReturnType<{
+        isMultiline: {
+            true: {
+                container: string;
+                input: string;
+            };
+        };
+    }, {
+        container: string;
+        input: string;
+    }, undefined, {
+        isMultiline: {
+            true: {
+                container: string;
+                input: string;
+            };
+        };
+    }, {
+        container: string;
+        input: string;
+    }, import("tailwind-variants").TVReturnType<{
+        isMultiline: {
+            true: {
+                container: string;
+                input: string;
+            };
+        };
+    }, {
+        container: string;
+        input: string;
+    }, undefined, unknown, unknown, undefined>>;
+    inputStartContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    inputEndContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    description: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "m-1 text-sm text-muted", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "m-1 text-sm text-muted", unknown, unknown, undefined>>;
+    errorMessage: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "p-1", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "p-1", unknown, unknown, undefined>>;
+}>;
+export type LabelSlots = keyof ReturnType<typeof label>;
+export type InputSlots = keyof ReturnType<typeof input>;
+export default textFieldStyles;
+//# sourceMappingURL=text-field.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/text-field.styles.ts"],"names":[],"mappings":"AAaA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkBT,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAcT,CAAC;AAkBH,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQnB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,MAAM,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,MAAM,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AAExD,eAAe,eAAe,CAAC"}