@sparrowengg/twigs-mobile 0.1.0 → 0.1.1

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

@@ -0,0 +1,32 @@
+export declare const styles: {
+    overlay: {
+        zIndex: number;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    backdropPressable: {
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    contentWrapper: {
+        position: "absolute";
+    };
+    item: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    itemTextContainer: {
+        flex: number;
+    };
+    label: {
+        justifyContent: "center";
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1,54 @@
+import type { ReactNode, ReactElement } from 'react';
+import type { ViewProps, PressableProps } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Size variant for dropdown menu items. */
+export type DropdownMenuSize = 'md' | 'lg';
+/** Props for the root DropdownMenu compound component. */
+export interface DropdownMenuProps {
+    /** Size variant applied to all menu items. */
+    size?: DropdownMenuSize;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Default open state (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Children (Trigger + Content). */
+    children: ReactNode;
+}
+/** Props for the dropdown trigger wrapper. */
+export interface DropdownMenuTriggerProps extends Omit<PressableProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Content to render as the trigger. */
+    children: ReactNode;
+}
+/** Props for the dropdown content container. */
+export interface DropdownMenuContentProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Menu items, labels, and separators. */
+    children: ReactNode;
+}
+/** Props for an individual dropdown menu item. */
+export interface DropdownMenuItemProps extends Omit<PressableProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Item label text or custom content. */
+    children: ReactNode;
+    /** Whether this item is disabled. */
+    disabled?: boolean;
+    /** Called when the item is selected (pressed). */
+    onSelect?: () => void;
+    /** Icon rendered before the label. */
+    leftElement?: ReactElement;
+    /** Icon rendered after the label. */
+    rightElement?: ReactElement;
+    /** String value for accessibility (used as accessibilityLabel fallback). */
+    textValue?: string;
+}
+/** Props for a dropdown menu section label. */
+export interface DropdownMenuLabelProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Label text or custom content. */
+    children: ReactNode;
+}
+/** Props for a dropdown menu separator. */
+export interface DropdownMenuSeparatorProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Custom separator color. */
+    color?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/index.d.ts

@@ -16,6 +16,8 @@ export { IconButton } from './icon-button';
 export type { IconButtonProps, IconButtonSize, IconButtonColor, IconButtonVariant, IconButtonRounded, } from './icon-button';
 export { Chip } from './chip';
 export type { ChipProps, ChipSize, ChipColor, ChipRounded } from './chip';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, } from './dropdown';
+export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuSize, } from './dropdown';
 export { Checkbox } from './checkbox';
 export type { CheckboxProps, CheckboxSize, CheckedState } from './checkbox';
 export { Flex } from './flex';
@@ -28,6 +30,10 @@ export { SegmentedButton } from './segmented-button';
 export type { SegmentedButtonProps, SegmentedButtonOption, SegmentedButtonRounded, } from './segmented-button';
 export { Separator } from './separator';
 export type { SeparatorProps, SeparatorOrientation } from './separator';
+export { Stepper, StepperItem, StepperConnector } from './stepper';
+export type { StepperProps, StepperItemProps } from './stepper';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabsSize, TabsVariant, } from './tabs';
 export { Switch } from './switch';
 export type { SwitchProps, SwitchSize, SwitchColor } from './switch';
 export { Tooltip } from './tooltip';
@@ -36,6 +42,8 @@ export { Text } from './text';
 export type { TextProps } from './text';
 export { ToastProvider, toast, useToast } from './toast';
 export type { ToastOptions, ToastProviderProps, ToastVariant, ToastPosition, ToastState, ToastContextType, ToastItemProps, UseToastReturn, } from './toast';
+export { TextArea } from './text-area';
+export type { TextAreaProps, TextAreaSize, TextAreaVariant } from './text-area';
 export { TextInput } from './text-input';
 export type { TextInputProps, TextInputSize, TextInputVariant } from './text-input';
 export { BottomSheet, BottomSheetModal, BottomSheetHeader, BottomSheetView, BottomSheetScrollView, BottomSheetSectionList, BottomSheetFlatList, BottomSheetVirtualizedList, BottomSheetTextInput, BottomSheetHandle, BottomSheetBackdrop, BottomSheetFooter, BottomSheetFooterContainer, BottomSheetModalProvider, BottomSheetDraggableView, useBottomSheet, useBottomSheetModal, useBottomSheetSpringConfigs, useBottomSheetTimingConfigs, useBottomSheetInternal, useBottomSheetModalInternal, useScrollEventsHandlersDefault, useGestureEventsHandlersDefault, useBottomSheetGestureHandlers, useScrollHandler, useScrollableSetter, useBottomSheetScrollableCreator, createBottomSheetScrollableComponent, TouchableHighlight, TouchableOpacity, TouchableWithoutFeedback, enableLogging, } from './bottom-sheet';

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

@@ -20,8 +20,6 @@ export interface ModalProps extends BaseAccessibilityProps {
     animationType?: ModalAnimationType;
     /** Modal content — typically a ModalContent with sub-components */
     children: ReactNode;
-    /** Test ID for the overlay container */
-    testID?: string;
 }
 /**
  * Props for the ModalContent component.

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

@@ -17,9 +17,5 @@ export interface SeparatorProps extends MarginProps, CommonStyleProps, BaseAcces
      * @default false
      */
     decorative?: boolean;
-    /**
-     * Test ID for testing purposes.
-     */
-    testID?: string;
 }
 //# 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/types.d.ts

@@ -3,9 +3,15 @@ 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`. */
+    /**
+     * 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`. */
+    /**
+     * 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;

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/types.d.ts

@@ -1,6 +1,7 @@
 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.
@@ -12,9 +13,20 @@ export interface TextProps extends MarginProps, PaddingProps {
     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';

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