@sparrowengg/twigs-mobile 0.0.3 → 0.1.0

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+export declare const TickIcon: React.FC<IconProps>;
+export declare const HorizontalLineIcon: React.FC<IconProps>;
+export {};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Checkbox } from './checkbox';
+export type { CheckboxProps, CheckboxSize, CheckedState } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,25 @@
+import type { ReactNode, RefObject } from 'react';
+import type { PressableProps, StyleProp, View, ViewStyle } from 'react-native';
+import type { BaseAccessibilityProps, CommonStyleProps } from '../utils';
+export type CheckboxSize = 'sm' | 'md';
+export type CheckedState = boolean | 'indeterminate';
+export interface CheckboxProps extends Omit<PressableProps, 'style' | 'onPress' | 'children'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Current checked state: true, false, or 'indeterminate'. @default false */
+    checked?: CheckedState;
+    /** Called with the next boolean value when toggled. */
+    onChange?: (checked: boolean) => void;
+    /** Whether the checkbox is disabled. @default false */
+    disabled?: boolean;
+    /** Optional label rendered beside the checkbox. */
+    children?: ReactNode;
+    /** Size preset. @default 'sm' */
+    size?: CheckboxSize;
+    id?: string;
+    /** Ref forwarded to the outer Pressable container. */
+    containerRef?: RefObject<View>;
+    /** Style overrides for the label container. */
+    labelStyle?: StyleProp<ViewStyle>;
+    /** Style overrides for the checkbox box itself. */
+    checkboxStyle?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/chip/chip.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ChipProps } from './types';
+/** Selectable pill for filters, tags, and selections with normal/pressed/active states. */
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<View>>;
+//# sourceMappingURL=chip.d.ts.map

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

@@ -0,0 +1,31 @@
+import type { ThemeColors } from '../theme';
+import type { ChipSize, ChipColor, ChipRounded } from './types';
+interface SizeConfig {
+    height: number;
+    paddingHorizontal: number;
+    fontSize: number;
+    lineHeight: number;
+    iconSize: number;
+}
+interface ChipColorTokens {
+    regularBg: keyof ThemeColors;
+    regularBorder: keyof ThemeColors;
+    regularText: keyof ThemeColors;
+    pressedBgBase: keyof ThemeColors;
+    pressedBgOpacity: number;
+    pressedBorder: keyof ThemeColors;
+    pressedText: keyof ThemeColors;
+    activeBg: keyof ThemeColors | null;
+    activeBgBase: keyof ThemeColors | null;
+    activeBgOpacity: number;
+    activeBorder: keyof ThemeColors | null;
+    activeText: keyof ThemeColors;
+}
+export declare const SIZE_CONFIG: Record<ChipSize, SizeConfig>;
+export declare const ROUNDED_RADII: Record<ChipRounded, number>;
+export declare const COLOR_TOKENS: Record<ChipColor, ChipColorTokens>;
+export declare const DEFAULT_SIZE: ChipSize;
+export declare const DEFAULT_COLOR: ChipColor;
+export declare const DEFAULT_ROUNDED: ChipRounded;
+export {};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,11 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { ChipSize, ChipColor, ChipRounded } from './types';
+export declare function getSizeStyles(size: ChipSize, rounded: ChipRounded): ViewStyle;
+export declare function getRegularStyles(theme: TwigsTheme, color: ChipColor): ViewStyle;
+export declare function getPressedStyles(theme: TwigsTheme, color: ChipColor): ViewStyle;
+export declare function getActiveStyles(theme: TwigsTheme, color: ChipColor): ViewStyle;
+export declare function getTextStyles(theme: TwigsTheme, color: ChipColor, size: ChipSize, active: boolean): TextStyle;
+export declare function getIconSize(size: ChipSize): number;
+export declare function getIconColor(theme: TwigsTheme, color: ChipColor, active: boolean): string;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Chip } from './chip';
+export type { ChipProps, ChipSize, ChipColor, ChipRounded } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,22 @@
+export declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        alignSelf: "flex-start";
+    };
+    contentWrap: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+    };
+    sideElement: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type ChipSize = 'sm' | 'md' | 'lg';
+export type ChipColor = 'secondary' | 'primary';
+export type ChipRounded = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+export interface ChipProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Size of the chip */
+    size?: ChipSize;
+    /** Color variant */
+    color?: ChipColor;
+    /** Border radius variant. @default 'full' */
+    rounded?: ChipRounded;
+    /** Element rendered before the label (e.g. a plus icon) */
+    leftElement?: ReactNode;
+    /** Element rendered after the label (e.g. a chevron icon) */
+    rightElement?: ReactNode;
+    /** Controlled active state */
+    active?: boolean;
+    /** Initial active state for uncontrolled usage */
+    defaultActive?: boolean;
+    /** Called when active state changes */
+    onActiveStateChange?: (active: boolean) => void;
+    /** Called when the chip body is pressed */
+    onPress?: () => void;
+    /** Disables press interactions */
+    disabled?: boolean;
+    /** Chip content (label) */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,2 @@
+export { TwigsProvider, useTheme, type TwigsProviderProps, type DeepPartial, } from './theme-context';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import { TwigsTheme } from '../theme/default-theme';
+/** Recursively makes all properties optional — used for partial theme overrides. */
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export declare const ThemeContext: React.Context<TwigsTheme>;
+export interface TwigsProviderProps {
+    /** Partial theme overrides deep-merged with the default theme. */
+    theme?: DeepPartial<TwigsTheme>;
+    children: ReactNode;
+}
+/** Provides the Twigs theme context to all child components. */
+export declare function TwigsProvider({ theme: customTheme, children }: TwigsProviderProps): React.JSX.Element;
+/** Returns the current Twigs theme from the nearest TwigsProvider. */
+export declare function useTheme(): TwigsTheme;
+//# sourceMappingURL=theme-context.d.ts.map

package/lib/typescript/flex/flex.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { FlexProps } from './types';
+/** Flexbox layout container with direction, alignment, and spacing shorthand props. */
+export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<View>>;
+//# sourceMappingURL=flex.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { DimensionValue } from 'react-native';
+import { MarginProps, PaddingProps, CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Props for the Flex layout container. */
+export interface FlexProps extends MarginProps, PaddingProps, CommonStyleProps, BaseAccessibilityProps {
+    children?: ReactNode;
+    /** Flex direction. @default 'column' */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /** Cross-axis alignment (alignItems). */
+    align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    /** Main-axis alignment (justifyContent). */
+    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    flex?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    flexBasis?: DimensionValue;
+    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    /** Gap between children in dp. */
+    gap?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,20 @@
+import type { IconButtonRounded, IconButtonSize } from './types';
+import type { LoaderColor, LineLoaderSize, CircleLoaderSize } from '../loader';
+export declare const ROUNDED_RADII: Record<IconButtonRounded, number>;
+export declare const DEFAULT_ROUNDED: IconButtonRounded;
+export interface IconButtonSizeConfig {
+    /** Container height/width (square) in dp */
+    containerSize: number;
+    /** Icon size in dp */
+    iconSize: number;
+    /** Default squircle border radius in dp */
+    borderRadius: number;
+}
+export declare const SIZE_CONFIG: Record<IconButtonSize, IconButtonSizeConfig>;
+export declare const OUTLINE_BORDER_WIDTH: Record<IconButtonSize, number>;
+export declare const DISABLED_OPACITY = 0.5;
+export declare const LOADER_COLOR_MAP: Record<string, LoaderColor>;
+export declare const LINE_LOADER_SIZE_MAP: Record<IconButtonSize, LineLoaderSize>;
+export declare const LINE_LOADER_WIDTH_MAP: Record<IconButtonSize, number>;
+export declare const CIRCLE_LOADER_SIZE_MAP: Record<IconButtonSize, CircleLoaderSize>;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,13 @@
+import type { ViewStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { LoaderColor } from '../loader';
+import type { IconButtonColor, IconButtonVariant, IconButtonSize } from './types';
+export declare const getIconButtonStyles: (color: IconButtonColor, variant: IconButtonVariant, size: IconButtonSize, theme: TwigsTheme) => ViewStyle;
+export declare const getIconButtonPressedStyles: (color: IconButtonColor, variant: IconButtonVariant, theme: TwigsTheme) => ViewStyle;
+export declare const getIconColor: (color: IconButtonColor, variant: IconButtonVariant, theme: TwigsTheme, pressed: boolean) => string;
+export declare const getIconSize: (size: IconButtonSize) => number;
+export declare const getLoaderColor: (color: IconButtonColor, variant: IconButtonVariant) => LoaderColor;
+export declare const getLineLoaderSize: (size: IconButtonSize) => import("../loader").LineLoaderSize;
+export declare const getLineLoaderWidth: (size: IconButtonSize) => number;
+export declare const getCircleLoaderSize: (size: IconButtonSize) => import("../loader").CircleLoaderSize;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { IconButtonProps } from './types';
+/** Icon-only pressable button with size, color, variant, and loading presets. */
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<View>>;
+//# sourceMappingURL=icon-button.d.ts.map

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

@@ -0,0 +1,3 @@
+export { IconButton } from './icon-button';
+export type { IconButtonProps, IconButtonSize, IconButtonColor, IconButtonVariant, IconButtonRounded, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,31 @@
+import type { ReactElement } from 'react';
+import type { PressableProps } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type IconButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type IconButtonColor = 'default' | 'primary' | 'secondary' | 'light' | 'error';
+export type IconButtonVariant = 'solid' | 'ghost' | 'outline';
+export type IconButtonRounded = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+export interface IconButtonProps extends Omit<PressableProps, 'style' | 'children'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Icon element rendered inside the button. Required. */
+    icon: ReactElement;
+    /** Size preset. @default 'md' */
+    size?: IconButtonSize;
+    /** Color preset. @default 'primary' */
+    color?: IconButtonColor;
+    /** Visual variant. @default 'solid' */
+    variant?: IconButtonVariant;
+    /** Border radius of the button container. @default 'full' */
+    rounded?: IconButtonRounded;
+    /** Whether the button is disabled. @default false */
+    disabled?: boolean;
+    /** Whether the button is in a loading state. @default false */
+    loading?: boolean;
+    /**
+     * Loader indicator shown during loading state.
+     * - `'line'` (default) — animated line loader
+     * - `'circle'` — spinning circle indicator
+     * - `ReactElement` — custom loader component
+     */
+    loader?: ReactElement | 'line' | 'circle';
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/index.d.ts

@@ -0,0 +1,49 @@
+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 { 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 { 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 { 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