@sparrowengg/twigs-mobile 0.0.4 → 0.1.1

package/lib/typescript/separator/types.d.ts

@@ -0,0 +1,21 @@
+import type { MarginProps, CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export interface SeparatorProps extends MarginProps, CommonStyleProps, BaseAccessibilityProps {
+    /**
+     * The orientation of the separator.
+     * @default 'horizontal'
+     */
+    orientation?: SeparatorOrientation;
+    /**
+     * Custom color for the separator line.
+     * @default theme.colors.neutral200
+     */
+    color?: string;
+    /**
+     * When true, the separator is purely decorative and will be hidden
+     * from assistive technologies.
+     * @default false
+     */
+    decorative?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/stepper/constants.d.ts

@@ -0,0 +1,23 @@
+/** Step counter circle dimensions. */
+export declare const COUNTER_SIZE = 20;
+export declare const COUNTER_BORDER_WIDTH = 1.5;
+export declare const COUNTER_BORDER_RADIUS = 999;
+/** Tick icon dimensions inside completed counter. */
+export declare const TICK_ICON_SIZE = 11;
+export declare const TICK_STROKE_WIDTH = 1.5;
+/** Step item layout. */
+export declare const ITEM_HEIGHT = 48;
+export declare const ITEM_PADDING_HORIZONTAL = 8;
+export declare const ITEM_GAP = 8;
+/** Container layout. */
+export declare const CONTAINER_PADDING_HORIZONTAL = 24;
+export declare const CONTAINER_GAP = 16;
+/** Connector dimensions. */
+export declare const CONNECTOR_WIDTH = 24;
+/** Active underline dimensions. */
+export declare const UNDERLINE_HEIGHT = 1;
+export declare const ACTIVE_UNDERLINE_HEIGHT = 2;
+/** Typography. */
+export declare const STEP_FONT_SIZE = 14;
+export declare const STEP_LETTER_SPACING = 0.028;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/stepper/helpers.d.ts

@@ -0,0 +1,10 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+export type StepState = 'active' | 'completed' | 'inactive' | 'disabled';
+export declare function getStepState(stepIndex: number, activeStep: number, allowClick: boolean): StepState;
+export declare function getCounterStyles(theme: TwigsTheme, state: StepState): ViewStyle;
+export declare function getCounterTextStyles(theme: TwigsTheme, state: StepState): TextStyle;
+export declare function getLabelTextStyles(theme: TwigsTheme, state: StepState): TextStyle;
+export declare function getContainerStyles(theme: TwigsTheme): ViewStyle;
+export declare function getUnderlineStyles(theme: TwigsTheme): ViewStyle;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/typescript/stepper/icons.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const TickIcon: React.FC<{
+    color: string;
+}>;
+export declare const ArrowConnectorIcon: React.FC<{
+    color: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

package/lib/typescript/stepper/index.d.ts

@@ -0,0 +1,5 @@
+export { Stepper } from './stepper';
+export { StepperItem } from './stepper-item';
+export { StepperConnector } from './stepper-connector';
+export type { StepperProps, StepperItemProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/stepper/stepper-connector.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const StepperConnector: React.FC;
+//# sourceMappingURL=stepper-connector.d.ts.map

package/lib/typescript/stepper/stepper-context.d.ts

@@ -0,0 +1,12 @@
+export interface StepperContextValue {
+    /** Index of the currently active step. */
+    activeStep: number;
+    /** Total number of steps. */
+    totalSteps: number;
+    /** Called when a step trigger is pressed. */
+    onStepPress: (step: number) => void;
+}
+declare const StepperContext: import("react").Context<StepperContextValue | null>;
+export declare function useStepperContext(): StepperContextValue;
+export { StepperContext };
+//# sourceMappingURL=stepper-context.d.ts.map

package/lib/typescript/stepper/stepper-item.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { StepperItemProps } from './types';
+/** StepperItem is a declarative child — it does not render itself directly. */
+export declare const StepperItem: React.ForwardRefExoticComponent<StepperItemProps & React.RefAttributes<View>>;
+//# sourceMappingURL=stepper-item.d.ts.map

package/lib/typescript/stepper/stepper-trigger.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type StepState } from './helpers';
+interface StepTriggerProps {
+    index: number;
+    label: string;
+    state: StepState;
+    isCompleted: boolean;
+    allowClick: boolean;
+    onPress: (step: number) => void;
+    onTriggerLayout?: (index: number, x: number, width: number) => void;
+}
+export declare const StepTrigger: React.FC<StepTriggerProps>;
+export {};
+//# sourceMappingURL=stepper-trigger.d.ts.map

package/lib/typescript/stepper/stepper.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { StepperProps } from './types';
+/** Root Stepper component. Renders a trigger bar with step items and active content. */
+export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<View>>;
+//# sourceMappingURL=stepper.d.ts.map

package/lib/typescript/stepper/styles.d.ts

@@ -0,0 +1,51 @@
+export declare const styles: {
+    root: {
+        flexDirection: "column";
+    };
+    triggerContainer: {
+        flexGrow: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        gap: number;
+    };
+    triggerContainerFitted: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        gap: number;
+    };
+    item: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        height: number;
+        paddingHorizontal: number;
+        gap: number;
+    };
+    staticBorder: {
+        height: number;
+    };
+    activeUnderline: {
+        position: "absolute";
+        bottom: number;
+        height: number;
+    };
+    triggerWrapper: {
+        overflow: "hidden";
+    };
+    connector: {
+        width: number;
+        justifyContent: "center";
+    };
+    disabled: {
+        opacity: number;
+    };
+    content: {
+        flexGrow: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/stepper/types.d.ts

@@ -0,0 +1,25 @@
+import type { ViewProps, PressableProps } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Props for the root Stepper container. */
+export interface StepperProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Index of the currently active step (0-based). */
+    activeStep: number;
+    /** Called when a step trigger is pressed. */
+    onStepChange?: (step: number) => void;
+    /** Custom connector renderer between step triggers. */
+    renderConnector?: () => React.ReactNode;
+    /** Content to render — should be StepperItem elements. */
+    children: React.ReactNode;
+    /** Whether the step triggers can scroll horizontally (default: true). When false, steps share equal width and labels truncate. */
+    scrollable?: boolean;
+}
+/** Props for an individual step trigger within the Stepper. */
+export interface StepperItemProps extends Omit<PressableProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Text label displayed next to the step number. */
+    label: string;
+    /** Whether this step trigger is clickable. */
+    allowClick?: boolean;
+    /** Content rendered when this step is active. */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/switch/constants.d.ts

@@ -0,0 +1,17 @@
+import type { SwitchColor, SwitchSize } from './types';
+export interface SwitchSizeConfig {
+    track: {
+        width: number;
+        height: number;
+    };
+    thumb: {
+        size: number;
+        offPosition: number;
+        onPosition: number;
+    };
+}
+export declare const SWITCH_SIZE_CONFIGS: Record<SwitchSize, SwitchSizeConfig>;
+export declare const DEFAULT_SWITCH_SIZE: SwitchSize;
+export declare const CHECKED_COLOR_MAP: Record<SwitchColor, 'primary500' | 'secondary600'>;
+export declare const getSwitchSizeConfig: (size: SwitchSize) => SwitchSizeConfig;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { Switch } from './switch';
+export type { SwitchProps, SwitchSize, SwitchColor } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/switch/styles.d.ts

@@ -0,0 +1,12 @@
+import type { TwigsTheme } from '../theme';
+export declare const createSwitchStyles: (theme: TwigsTheme) => {
+    switchBase: {
+        borderRadius: number;
+        justifyContent: "center";
+    };
+    thumbBase: {
+        borderRadius: number;
+        backgroundColor: string;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/switch/switch.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SwitchProps } from './types';
+/** Toggle switch with animated thumb, supporting controlled and uncontrolled modes. */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<View>>;
+//# sourceMappingURL=switch.d.ts.map

package/lib/typescript/switch/types.d.ts

@@ -0,0 +1,29 @@
+import type { PressableProps } from 'react-native';
+import type { BaseAccessibilityProps, CommonStyleProps } from '../utils';
+export type SwitchSize = 'sm' | 'md';
+export type SwitchColor = 'primary' | 'secondary';
+export interface SwitchProps extends Omit<PressableProps, 'onPress' | 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /**
+     * Controlled toggle state (RN-style API). Alias for `checked`.
+     * @deprecated Use `checked` instead. Will be removed in a future major version.
+     */
+    value?: boolean;
+    /**
+     * Called with the next value when toggled (RN-style API). Alias for `onChange`.
+     * @deprecated Use `onChange` instead. Will be removed in a future major version.
+     */
+    onValueChange?: (value: boolean) => void;
+    /** Controlled toggle state (web-style API). Takes precedence over `value`. */
+    checked?: boolean;
+    /** Initial state for uncontrolled usage. @default false */
+    defaultChecked?: boolean;
+    /** Called with the next checked value when toggled (web-style API). */
+    onChange?: (checked: boolean) => void;
+    /** Whether the switch is disabled. @default false */
+    disabled?: boolean;
+    /** Size preset. @default 'md' */
+    size?: SwitchSize;
+    /** Color preset. @default 'primary' */
+    color?: SwitchColor;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/tabs/constants.d.ts

@@ -0,0 +1,18 @@
+import type { TabsSize, TabsVariant } from './types';
+interface SizeConfig {
+    height: number;
+    paddingHorizontal: number;
+    fontSize: number;
+    lineHeight: number;
+}
+export declare const SIZE_CONFIG: Record<TabsSize, SizeConfig>;
+export declare const DEFAULT_SIZE: TabsSize;
+export declare const DEFAULT_VARIANT: TabsVariant;
+export declare const INDICATOR_HEIGHT = 2;
+export declare const SLIDE_DURATION = 200;
+export declare const SLIDE_TIMING_CONFIG: {
+    readonly duration: 200;
+    readonly easing: import("react-native-reanimated").EasingFunction;
+};
+export {};
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/tabs/helpers.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { TabsSize, TabsVariant } from './types';
+export interface TriggerMeta {
+    value: string;
+    disabled: boolean;
+}
+export declare function getTriggerInfo(children: React.ReactNode): TriggerMeta[];
+export declare const TRIGGER_SIZE_STYLES: Record<TabsSize, ViewStyle>;
+export declare function getTriggerTextStyles(theme: TwigsTheme, variant: TabsVariant, isActive: boolean, disabled: boolean, size: TabsSize): TextStyle;
+export declare function getIndicatorColorStyles(theme: TwigsTheme, variant: TabsVariant): ViewStyle;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/typescript/tabs/index.d.ts

@@ -0,0 +1,6 @@
+export { Tabs } from './tabs';
+export { TabsList } from './tabs-list';
+export { TabsTrigger } from './tabs-trigger';
+export { TabsContent } from './tabs-content';
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabsSize, TabsVariant, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/tabs/styles.d.ts

@@ -0,0 +1,39 @@
+export declare const styles: {
+    root: {
+        flexDirection: "column";
+    };
+    list: {
+        width: "100%";
+    };
+    scrollContent: {
+        flexGrow: number;
+    };
+    inner: {
+        flexDirection: "row";
+        alignItems: "stretch";
+        position: "relative";
+    };
+    innerFitted: {
+        flexDirection: "row";
+        alignItems: "stretch";
+        position: "relative";
+        width: "100%";
+    };
+    trigger: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    fittedTrigger: {
+        flex: number;
+    };
+    indicator: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/tabs/tabs-content.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { TabsContentProps } from './types';
+/** Content panel shown when its matching tab trigger is active. */
+export declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<View>>;
+//# sourceMappingURL=tabs-content.d.ts.map

package/lib/typescript/tabs/tabs-context.d.ts

@@ -0,0 +1,23 @@
+import type { TabsSize, TabsVariant } from './types';
+export interface TabsContextValue {
+    /** Currently active tab value. */
+    activeValue: string;
+    /** Called when a trigger is pressed. */
+    onSelect: (value: string) => void;
+}
+export interface TabsListContextValue {
+    /** Size variant applied to triggers. */
+    size: TabsSize;
+    /** Color variant applied to triggers and indicator. */
+    variant: TabsVariant;
+    /** Report measured width for indicator positioning. */
+    reportWidth: (value: string, width: number) => void;
+    /** Whether the tab list is scrollable. */
+    scrollable: boolean;
+}
+declare const TabsContext: import("react").Context<TabsContextValue | null>;
+declare const TabsListContext: import("react").Context<TabsListContextValue | null>;
+export declare function useTabsContext(): TabsContextValue;
+export declare function useTabsListContext(): TabsListContextValue;
+export { TabsContext, TabsListContext };
+//# sourceMappingURL=tabs-context.d.ts.map

package/lib/typescript/tabs/tabs-list.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { TabsListProps } from './types';
+/** Horizontal row of tab triggers with an animated active indicator. */
+export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<View>>;
+//# sourceMappingURL=tabs-list.d.ts.map

package/lib/typescript/tabs/tabs-trigger.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TabsTriggerProps } from './types';
+/** Individual tab button within a TabsList. */
+export declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=tabs-trigger.d.ts.map

package/lib/typescript/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { TabsProps } from './types';
+/** Root container for a tabbed interface. Manages active tab state. */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<View>>;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1,43 @@
+import type { ViewProps, PressableProps } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Size variant for tab triggers. */
+export type TabsSize = 'md' | 'lg';
+/** Color variant for the active tab indicator and text. */
+export type TabsVariant = 'primary' | 'dark';
+/** Props for the root Tabs container. */
+export interface TabsProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Currently active tab value (controlled). */
+    value?: string;
+    /** Default active tab value (uncontrolled). */
+    defaultValue?: string;
+    /** Called when the active tab changes. */
+    onValueChange?: (value: string) => void;
+}
+/** Props for the TabsList container that holds tab triggers. */
+export interface TabsListProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Size variant for tab triggers. */
+    size?: TabsSize;
+    /** Color variant for the active indicator and text. */
+    variant?: TabsVariant;
+    /** Whether the tab triggers can scroll horizontally (default: true). When false, triggers share equal width. */
+    scrollable?: boolean;
+}
+/** Props for an individual tab trigger button. */
+export interface TabsTriggerProps extends Omit<PressableProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Unique value identifying this tab — must match a TabsContent value. */
+    value: string;
+    /** Whether this trigger is disabled. */
+    disabled?: boolean;
+    /** Content to render inside the trigger. */
+    children: React.ReactNode;
+}
+/** Props for a tab content panel. */
+export interface TabsContentProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Value matching a TabsTrigger — panel is visible when this tab is active. */
+    value: string;
+    /** Whether to keep the content mounted when the tab is inactive. */
+    forceMount?: boolean;
+    /** Content to render inside the panel. */
+    children: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/text/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_FONT_SIZE = 14;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/text/helpers.d.ts

@@ -0,0 +1,10 @@
+import type { TextStyle } from 'react-native';
+import type { ThemeFonts } from '../theme/default-theme';
+import type { TextWeight, TextProps } from './types';
+/** Priority: weight (theme alias) › fontFamily/fontWeight (explicit) › theme default. */
+export declare const resolveFontStyle: (themeFonts: ThemeFonts, options: {
+    weight?: TextWeight;
+    fontFamily?: string;
+    fontWeight?: TextProps["fontWeight"];
+}) => Pick<TextStyle, "fontFamily" | "fontWeight">;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/typescript/text/index.d.ts

@@ -0,0 +1,3 @@
+export { Text } from './text';
+export type { TextProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/text/text.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Text as RNText } from 'react-native';
+import type { TextProps } from './types';
+/** Themed text component with typography, spacing, and truncation props. */
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<RNText>>;
+//# sourceMappingURL=text.d.ts.map

package/lib/typescript/text/types.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { AccessibilityRole, TextStyle } from 'react-native';
+import { MarginProps, PaddingProps } from '../utils';
+export type TextWeight = 'regular' | 'medium' | 'bold';
+/**
+ * Props for the Text component.
+ * Extends `MarginProps` and `PaddingProps` for spacing shorthand.
+ * `css` is applied before `style` for layered text style overrides.
+ */
+export interface TextProps extends MarginProps, PaddingProps {
+    children?: ReactNode;
+    /** Text styles applied before `style`. */
+    css?: TextStyle;
+    /** Text styles applied last for final overrides. */
+    style?: TextStyle;
+    /**
+     * Used to locate this element in end-to-end tests.
+     * @see https://reactnative.dev/docs/text#testid
+     */
+    testID?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    color?: string;
+    /** Semantic font weight that maps to a theme font family. Takes precedence over `fontWeight`. */
+    weight?: TextWeight;
+    /**
+     * @deprecated Use `weight` instead. This prop only works reliably with the System font.
+     * Will be removed in a future major version.
+     */
+    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    textDecoration?: 'none' | 'underline' | 'line-through' | 'underline line-through';
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+    fontStyle?: 'normal' | 'italic';
+    lineHeight?: number;
+    letterSpacing?: number;
+    numberOfLines?: number;
+    ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
+    accessible?: boolean;
+    accessibilityRole?: AccessibilityRole;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityState?: {
+        disabled?: boolean;
+        selected?: boolean;
+        checked?: boolean | 'mixed';
+        busy?: boolean;
+        expanded?: boolean;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/text-area/constants.d.ts

@@ -0,0 +1,24 @@
+import type { TextAreaSize } from './types';
+export interface TextAreaSizeConfig {
+    /** Border radius in dp. */
+    borderRadius: number;
+    /** Placeholder / input text font size in dp. */
+    fontSize: number;
+    /** Horizontal padding inside the textarea in dp. */
+    paddingHorizontal: number;
+    /** Vertical padding inside the textarea in dp. */
+    paddingVertical: number;
+    /** Font size for the label text above the textarea. */
+    labelFontSize: number;
+    /** Line height for label text. */
+    labelLineHeight: number;
+    /** Letter spacing for label text. */
+    labelLetterSpacing: number;
+    /** Line height for placeholder / input text. */
+    inputLineHeight: number;
+}
+/** Default number of visible text rows. */
+export declare const DEFAULT_ROWS = 3;
+/** Resolved size config for a given text-area size. */
+export declare const getSizeConfig: (size: TextAreaSize) => TextAreaSizeConfig;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/text-area/index.d.ts

@@ -0,0 +1,3 @@
+export { TextArea } from './text-area';
+export type { TextAreaProps, TextAreaSize, TextAreaVariant } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/text-area/styles.d.ts

@@ -0,0 +1,37 @@
+/** Static layout styles — no theme colors here. Theme-dependent styles go in the component. */
+export declare const styles: {
+    container: {
+        position: "relative";
+        width: "100%";
+    };
+    fullWidth: {
+        width: "100%";
+    };
+    inputWrapper: {
+        position: "relative";
+        width: "100%";
+        borderWidth: number;
+        borderStyle: "solid";
+    };
+    textInput: {
+        outlineStyle?: string | undefined;
+        outlineWidth?: number | undefined;
+        outlineColor?: string | undefined;
+        flex: number;
+        margin: number;
+        padding: number;
+        borderWidth: number;
+        backgroundColor: string;
+        textAlignVertical: "top";
+    };
+    labelRow: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    labelWithIndicator: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/text-area/text-area.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextInput as RNTextInput } from 'react-native';
+import type { TextAreaProps } from './types';
+/** Themed multi-line text area with auto-grow, label, error state, and character count. */
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<RNTextInput>>;
+//# sourceMappingURL=text-area.d.ts.map