@sparrowengg/twigs-mobile 0.0.4 → 0.1.1

package/lib/typescript/index.d.ts

@@ -0,0 +1,57 @@
+export { Alert } from './alert';
+export type { AlertProps, AlertStatus } from './alert';
+export { Avatar, AvatarGroup } from './avatar';
+export type { AvatarProps, AvatarGroupProps, AvatarSize, AvatarSizeProp } from './avatar';
+export { Badge } from './badge';
+export type { BadgeProps, BadgeSize, BadgeColor, BadgeRounded } from './badge';
+export { Box } from './box';
+export type { BoxProps } from './box';
+export { Button } from './button';
+export type { ButtonProps, ButtonSize, ButtonColor, ButtonVariant } from './button';
+export { LinkButton } from './link-button';
+export type { LinkButtonProps, LinkButtonSize, LinkButtonColor, LinkButtonVariant, } from './link-button';
+export { LineLoader, CircleLoader } from './loader';
+export type { LineLoaderProps, CircleLoaderProps, LineLoaderSize, CircleLoaderSize, LoaderColor, } from './loader';
+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';
+export type { FlexProps } from './flex';
+export { Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, } from './modal';
+export type { ModalProps, ModalContentProps, ModalHeaderProps, ModalTitleProps, ModalDescriptionProps, ModalBodyProps, ModalFooterProps, ModalSize, ModalAnimationType, } from './modal';
+export { Radio } from './radio';
+export type { RadioProps, RadioSize } from './radio';
+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';
+export type { TooltipProps, TooltipSide, TooltipAlign } from './tooltip';
+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';
+export type { BottomSheetProps, BottomSheetModalProps, BottomSheetHeaderProps, BottomSheetHandleProps, BottomSheetBackgroundProps, BottomSheetBackdropProps, BottomSheetFooterProps, BottomSheetFlatListMethods, BottomSheetScrollViewMethods, BottomSheetSectionListMethods, BottomSheetVirtualizedListMethods, BottomSheetScrollableProps, ScrollEventsHandlersHookType, GestureEventsHandlersHookType, ScrollEventHandlerCallbackType, GestureEventHandlerCallbackType, } from './bottom-sheet';
+export { AnimatedView, resolveMargin, resolvePadding, createTextStyle, colorOpacity, } from './utils';
+export type { MarginProps, PaddingProps, ResolvedSpacing, CommonStyleProps, BaseAccessibilityProps, } from './utils';
+export { defaultTheme, theme } from './theme';
+export type { TwigsTheme, ThemeColors, ThemeSpace, ThemeFontSizes, ThemeFonts, ThemeFontWeights, ThemeLineHeights, ThemeLetterSpacings, ThemeSizes, ThemeBorderWidths, ThemeBorderStyles, ThemeRadii, ThemeShadows, ThemeZIndices, ThemeTransitions, } from './theme';
+export { TwigsProvider, useTheme } from './context';
+export type { TwigsProviderProps, DeepPartial } from './context';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/link-button/constants.d.ts

@@ -0,0 +1,22 @@
+import type { LinkButtonSize, LinkButtonVariant } from './types';
+export interface LinkButtonSizeConfig {
+    fontSize: string;
+    lineHeight: string;
+    letterSpacing: number;
+}
+/**
+ * Size configuration keyed by theme token names.
+ * fontSize/lineHeight are theme token keys resolved at render time.
+ */
+export declare const SIZE_CONFIG: Record<LinkButtonSize, LinkButtonSizeConfig>;
+export interface LinkButtonVariantConfig {
+    fontFamily: 'regular' | 'medium' | 'bold';
+}
+/**
+ * Variant configuration keyed by theme font-family token names.
+ * fontFamily is a theme token key resolved at render time.
+ */
+export declare const VARIANT_CONFIG: Record<LinkButtonVariant, LinkButtonVariantConfig>;
+export declare const PRESSED_BG_OPACITY = 0.15;
+export declare const DISABLED_OPACITY = 0.5;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/link-button/helpers.d.ts

@@ -0,0 +1,12 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { LinkButtonSize, LinkButtonColor, LinkButtonVariant } from './types';
+export declare const getLinkButtonTextStyles: ({ size, color, variant, pressed, theme, }: {
+    size: LinkButtonSize;
+    color: LinkButtonColor;
+    variant: LinkButtonVariant;
+    pressed: boolean;
+    theme: TwigsTheme;
+}) => TextStyle;
+export declare const getLinkButtonPressedStyle: (color: LinkButtonColor, theme: TwigsTheme) => ViewStyle;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/typescript/link-button/index.d.ts

@@ -0,0 +1,3 @@
+export { LinkButton } from './link-button';
+export type { LinkButtonProps, LinkButtonSize, LinkButtonColor, LinkButtonVariant } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/link-button/link-button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { LinkButtonProps } from './types';
+/**
+ * A text-only pressable element styled as a hyperlink with underline decoration.
+ * Supports size, color, and variant options with pressed/disabled states.
+ */
+export declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<View>>;
+//# sourceMappingURL=link-button.d.ts.map

package/lib/typescript/link-button/types.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { PressableProps, TextStyle } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type LinkButtonSize = 'sm' | 'md';
+export type LinkButtonColor = 'primary' | 'secondary' | 'light';
+export type LinkButtonVariant = 'medium' | 'bold';
+/**
+ * Props for the LinkButton component.
+ * A text-only pressable element styled as a hyperlink with underline decoration.
+ */
+export interface LinkButtonProps extends Omit<PressableProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Text content rendered inside the link button. */
+    children: ReactNode;
+    /** Size preset controlling font size and line height. @default 'md' */
+    size?: LinkButtonSize;
+    /** Color preset. @default 'primary' */
+    color?: LinkButtonColor;
+    /** Visual variant controlling font weight. @default 'medium' */
+    variant?: LinkButtonVariant;
+    /** Whether the link button is disabled. @default false */
+    disabled?: boolean;
+    /** Override styles applied to the link text. */
+    textStyle?: TextStyle;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/loader/circle-loader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { CircleLoaderProps } from './types';
+/** Animated circular spinner using SVG arcs with a rotating quarter-circle indicator. */
+export declare const CircleLoader: React.ForwardRefExoticComponent<CircleLoaderProps & React.RefAttributes<View>>;
+//# sourceMappingURL=circle-loader.d.ts.map

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

@@ -0,0 +1,8 @@
+import type { LineLoaderSize, CircleLoaderSize } from './types';
+export declare const LINE_LOADER_DIMENSIONS: Record<LineLoaderSize, {
+    width: number;
+    height: number;
+}>;
+export declare const CIRCLE_LOADER_DIAMETERS: Record<CircleLoaderSize, number>;
+export declare const CIRCLE_STROKE_WIDTHS: Record<CircleLoaderSize, number>;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,9 @@
+import type { TwigsTheme } from '../theme';
+import type { LoaderColor } from './types';
+export interface LoaderColorPair {
+    bg: string;
+    fg: string;
+}
+/** Resolves a LoaderColor preset to background (track/ring) and foreground (dot/arc) hex values. */
+export declare function getLoaderColors(theme: TwigsTheme, color: LoaderColor): LoaderColorPair;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1,4 @@
+export { LineLoader } from './line-loader';
+export { CircleLoader } from './circle-loader';
+export type { LineLoaderProps, CircleLoaderProps, LineLoaderSize, CircleLoaderSize, LoaderColor, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/loader/line-loader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { LineLoaderProps } from './types';
+/** Animated horizontal line loader with a sliding dot indicator. */
+export declare const LineLoader: React.ForwardRefExoticComponent<LineLoaderProps & React.RefAttributes<View>>;
+//# sourceMappingURL=line-loader.d.ts.map

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

@@ -0,0 +1,19 @@
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type LineLoaderSize = 'sm' | 'md' | 'lg' | 'xl';
+export type CircleLoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+export type LoaderColor = 'primary' | 'secondary' | 'bright' | 'negative' | 'accent';
+/** Props for the LineLoader component. */
+export interface LineLoaderProps extends CommonStyleProps, BaseAccessibilityProps {
+    /** Size preset. @default 'sm' */
+    size?: LineLoaderSize;
+    /** Color preset. @default 'primary' */
+    color?: LoaderColor;
+}
+/** Props for the CircleLoader component. */
+export interface CircleLoaderProps extends CommonStyleProps, BaseAccessibilityProps {
+    /** Size preset. @default 'md' */
+    size?: CircleLoaderSize;
+    /** Color preset. @default 'primary' */
+    color?: LoaderColor;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,26 @@
+import type { ModalSize, ModalAnimationType } from './types';
+interface ContentSizeConfig {
+    /** Horizontal margin from screen edge (applied to each side) */
+    horizontalMargin: number;
+}
+export declare const CONTENT_SIZE_CONFIG: Record<ModalSize, ContentSizeConfig>;
+export declare const DEFAULT_SIZE: ModalSize;
+export declare const DEFAULT_ANIMATION_TYPE: ModalAnimationType;
+export declare const CONTENT_BORDER_RADIUS = 16;
+export declare const CONTENT_PADDING_HORIZONTAL = 16;
+export declare const HEADER_PADDING_TOP = 32;
+export declare const HEADER_PADDING_HORIZONTAL = 16;
+export declare const HEADER_GAP = 4;
+export declare const BODY_PADDING_HORIZONTAL = 16;
+export declare const BODY_PADDING_VERTICAL = 16;
+export declare const FOOTER_PADDING_HORIZONTAL = 16;
+export declare const FOOTER_PADDING_BOTTOM = 16;
+export declare const FOOTER_PADDING_TOP = 24;
+export declare const FOOTER_GAP = 8;
+export declare const TITLE_FONT_SIZE = 18;
+export declare const TITLE_LINE_HEIGHT = 26;
+export declare const DESCRIPTION_FONT_SIZE = 16;
+export declare const DESCRIPTION_LINE_HEIGHT = 24;
+export declare const BACKDROP_OPACITY = 0.5;
+export {};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,8 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { ModalSize } from './types';
+export declare function getBackdropStyle(theme: TwigsTheme): ViewStyle;
+export declare function getContentStyles(theme: TwigsTheme, size: ModalSize, screenWidth: number): ViewStyle;
+export declare function getTitleStyles(theme: TwigsTheme): TextStyle;
+export declare function getDescriptionStyles(theme: TwigsTheme): TextStyle;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1,9 @@
+export { Modal } from './modal';
+export { ModalContent } from './modal-content';
+export { ModalHeader } from './modal-header';
+export { ModalTitle } from './modal-title';
+export { ModalDescription } from './modal-description';
+export { ModalBody } from './modal-body';
+export { ModalFooter } from './modal-footer';
+export type { ModalProps, ModalContentProps, ModalHeaderProps, ModalTitleProps, ModalDescriptionProps, ModalBodyProps, ModalFooterProps, ModalSize, ModalAnimationType, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modal/modal-body.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ModalBodyProps } from './types';
+/**
+ * ModalBody renders the main content area between header and footer.
+ * Supports optional scrolling via the `scrollable` prop.
+ */
+export declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<View>>;
+//# sourceMappingURL=modal-body.d.ts.map

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ModalContentProps } from './types';
+/**
+ * ModalContent renders the white card container with rounded corners and shadow.
+ * Place inside Modal as the direct child.
+ */
+export declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<View>>;
+//# sourceMappingURL=modal-content.d.ts.map

package/lib/typescript/modal/modal-description.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ModalDescriptionProps } from './types';
+/**
+ * ModalDescription renders secondary descriptive text below the title.
+ */
+export declare const ModalDescription: React.FC<ModalDescriptionProps>;
+//# sourceMappingURL=modal-description.d.ts.map

package/lib/typescript/modal/modal-footer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ModalFooterProps } from './types';
+/**
+ * ModalFooter renders the action area at the bottom of the modal.
+ * Children (typically Buttons) are laid out in a row with equal width.
+ */
+export declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<View>>;
+//# sourceMappingURL=modal-footer.d.ts.map

package/lib/typescript/modal/modal-header.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ModalHeaderProps } from './types';
+/**
+ * ModalHeader renders a header section containing title and description.
+ * Centered layout with gap between children.
+ */
+export declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<View>>;
+//# sourceMappingURL=modal-header.d.ts.map

package/lib/typescript/modal/modal-title.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ModalTitleProps } from './types';
+/**
+ * ModalTitle renders the modal title text with bold typography.
+ */
+export declare const ModalTitle: React.FC<ModalTitleProps>;
+//# sourceMappingURL=modal-title.d.ts.map

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ModalProps } from './types';
+/**
+ * Modal root component wrapping React Native Modal.
+ * Provides a backdrop overlay and centers children.
+ *
+ * Mobile deviation: Uses `visible` prop instead of Radix Trigger/Close pattern.
+ * Android back button triggers `onClose` via `onRequestClose`.
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<View>>;
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1,38 @@
+export declare const styles: {
+    overlay: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    backdropPressable: {
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    content: {
+        overflow: "hidden";
+    };
+    header: {
+        paddingTop: number;
+        paddingHorizontal: number;
+        gap: number;
+        alignItems: "center";
+    };
+    body: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    footer: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        paddingTop: number;
+        flexDirection: "row";
+        gap: number;
+    };
+    footerChild: {
+        flex: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1,87 @@
+import type { ReactNode } from 'react';
+import type { ViewProps, TextStyle } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Modal size variants controlling content width */
+export type ModalSize = 'sm' | 'md' | 'lg' | 'full';
+/** Modal animation type */
+export type ModalAnimationType = 'none' | 'fade' | 'slide';
+/**
+ * Props for the Modal root component.
+ * Wraps React Native Modal with a backdrop overlay and centers children.
+ */
+export interface ModalProps extends BaseAccessibilityProps {
+    /** Whether the modal is visible */
+    visible: boolean;
+    /** Called when the modal should close (backdrop press, Android back button) */
+    onClose?: () => void;
+    /** Whether pressing the backdrop closes the modal (default: true) */
+    closeOnBackdropPress?: boolean;
+    /** Animation type for the modal (default: 'fade') */
+    animationType?: ModalAnimationType;
+    /** Modal content — typically a ModalContent with sub-components */
+    children: ReactNode;
+}
+/**
+ * Props for the ModalContent component.
+ * White card container with rounded corners and shadow.
+ */
+export interface ModalContentProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Size variant controlling width (default: 'md') */
+    size?: ModalSize;
+    /** Content children — ModalHeader, ModalBody, ModalFooter, or custom content */
+    children: ReactNode;
+}
+/**
+ * Props for the ModalHeader component.
+ * Header section containing title and description.
+ */
+export interface ModalHeaderProps extends Omit<ViewProps, 'style'>, CommonStyleProps {
+    /** Header children — typically ModalTitle and ModalDescription */
+    children: ReactNode;
+}
+/** Common text style props for text-based sub-components */
+export interface ModalTextStyleProps {
+    /** Custom text styles (applied before style) */
+    css?: TextStyle;
+    /** Custom text styles (applied last for overrides) */
+    style?: TextStyle;
+}
+/**
+ * Props for the ModalTitle component.
+ * Title text displayed in the modal header.
+ */
+export interface ModalTitleProps extends ModalTextStyleProps {
+    /** Title text content */
+    children: ReactNode;
+    /** Test ID */
+    testID?: string;
+}
+/**
+ * Props for the ModalDescription component.
+ * Description text displayed below the title.
+ */
+export interface ModalDescriptionProps extends ModalTextStyleProps {
+    /** Description text content */
+    children: ReactNode;
+    /** Test ID */
+    testID?: string;
+}
+/**
+ * Props for the ModalBody component.
+ * Main content area between header and footer.
+ */
+export interface ModalBodyProps extends Omit<ViewProps, 'style'>, CommonStyleProps {
+    /** Body content */
+    children: ReactNode;
+    /** Whether the body content is scrollable (default: false) */
+    scrollable?: boolean;
+}
+/**
+ * Props for the ModalFooter component.
+ * Action button area at the bottom of the modal.
+ */
+export interface ModalFooterProps extends Omit<ViewProps, 'style'>, CommonStyleProps {
+    /** Footer children — typically Button components */
+    children: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,9 @@
+import type { RadioSize } from './types';
+export interface RadioSizeConfig {
+    outerSize: number;
+    innerSize: number;
+}
+export declare const RADIO_SIZE_CONFIGS: Record<RadioSize, RadioSizeConfig>;
+/** Resolved size config for a given radio size. */
+export declare const getRadioSizeConfig: (size: RadioSize) => RadioSizeConfig;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Radio } from './radio';
+export type { RadioProps, RadioSize } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/radio/radio.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { RadioProps } from './types';
+/** Radio button with outer ring and inner dot, supporting an optional label. */
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<View>>;
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1,24 @@
+import type { TwigsTheme } from '../theme';
+export declare const createRadioStyles: (theme: TwigsTheme) => {
+    outerCircle: {
+        borderWidth: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    innerCircle: {
+        backgroundColor: string;
+    };
+    labelContainer: {
+        marginLeft: number;
+    };
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        alignSelf: "flex-start";
+    };
+    containerDisabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1,23 @@
+import { ReactNode, RefObject } from 'react';
+import { View, ViewStyle } from 'react-native';
+import { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type RadioSize = 'sm' | 'md';
+export interface RadioProps extends CommonStyleProps, BaseAccessibilityProps {
+    /** Whether this radio button is selected. @default false */
+    selected?: boolean;
+    /** Called with the toggled value when pressed. */
+    onSelect?: (selected: boolean) => void;
+    /** Whether the radio button is disabled. @default false */
+    disabled?: boolean;
+    /** Optional label rendered beside the radio circle. */
+    children?: ReactNode;
+    /** Size preset. @default 'sm' */
+    size?: RadioSize;
+    /** Ref forwarded to the outer Pressable container. */
+    containerRef?: RefObject<View>;
+    /** Style overrides for the label container. */
+    labelStyle?: ViewStyle;
+    /** Style overrides for the outer radio circle. */
+    radioStyle?: ViewStyle;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/segmented-button/constants.d.ts

@@ -0,0 +1,21 @@
+import type { SegmentedButtonRounded } from './types';
+export declare const CONTAINER_HEIGHT = 48;
+export declare const SEGMENT_PADDING_HORIZONTAL = 20;
+export declare const SEGMENT_FONT_SIZE = 14;
+export declare const SEGMENT_LINE_HEIGHT = 20;
+export declare const SEGMENT_LETTER_SPACING = 0.2;
+export declare const SELECTED_BORDER_WIDTH = 1.5;
+export declare const SELECTED_SHADOW: {
+    readonly shadowOffset: {
+        readonly width: 1;
+        readonly height: 1;
+    };
+    readonly shadowOpacity: 0.04;
+    readonly shadowRadius: 5;
+};
+export declare const SELECTED_ELEVATION = 2;
+export declare const CONTAINER_BG_OPACITY = 0.08;
+export declare const ROUNDED_RADII: Record<SegmentedButtonRounded, number>;
+export declare const DEFAULT_ROUNDED: SegmentedButtonRounded;
+export declare const SLIDE_DURATION = 200;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/segmented-button/helpers.d.ts

@@ -0,0 +1,8 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { SegmentedButtonRounded } from './types';
+export declare function getContainerStyles(theme: TwigsTheme, rounded: SegmentedButtonRounded, fullWidth: boolean): ViewStyle;
+export declare function getIndicatorStyles(theme: TwigsTheme, rounded: SegmentedButtonRounded): ViewStyle;
+export declare function getSegmentTextStyles(theme: TwigsTheme, selected: boolean): TextStyle;
+export declare function getSegmentPressedStyles(theme: TwigsTheme, rounded: SegmentedButtonRounded): ViewStyle;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/typescript/segmented-button/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentedButton } from './segmented-button';
+export type { SegmentedButtonProps, SegmentedButtonOption, SegmentedButtonRounded } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/segmented-button/segmented-button.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SegmentedButtonProps } from './types';
+/** Horizontal group of mutually exclusive options with an animated sliding indicator. */
+export declare const SegmentedButton: React.ForwardRefExoticComponent<SegmentedButtonProps & React.RefAttributes<View>>;
+//# sourceMappingURL=segmented-button.d.ts.map

package/lib/typescript/segmented-button/styles.d.ts

@@ -0,0 +1,24 @@
+export declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        overflow: "hidden";
+    };
+    indicator: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+    };
+    segment: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        alignSelf: "stretch";
+        paddingHorizontal: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/segmented-button/types.d.ts

@@ -0,0 +1,30 @@
+import type { ViewProps } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Individual option in a segmented button group. */
+export interface SegmentedButtonOption {
+    /** Unique value identifying this option. */
+    value: string;
+    /** Display label for this option. */
+    label: string;
+    /** Whether this individual option is disabled. */
+    disabled?: boolean;
+}
+export type SegmentedButtonRounded = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+/** Props for the SegmentedButton component. */
+export interface SegmentedButtonProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Array of options to display as segments. */
+    options: SegmentedButtonOption[];
+    /** Currently selected value (controlled). */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Called when the selected value changes. */
+    onChange?: (value: string) => void;
+    /** Border radius variant of the container and segments. */
+    rounded?: SegmentedButtonRounded;
+    /** Whether the entire segmented button is disabled. */
+    disabled?: boolean;
+    /** Whether the component should stretch to fill its parent width. */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Separator } from './separator';
+export type { SeparatorProps, SeparatorOrientation } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SeparatorProps } from './types';
+/** Visual divider line, horizontal or vertical, with optional decorative mode. */
+export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<View>>;
+//# sourceMappingURL=separator.d.ts.map