@sparrowengg/twigs-mobile 0.0.4 → 0.1.1

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

@@ -0,0 +1,38 @@
+import { ReactElement, ReactNode } from 'react';
+import { PressableProps, TextStyle } from 'react-native';
+import { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type ButtonColor = 'default' | 'primary' | 'secondary' | 'light' | 'error';
+export type ButtonVariant = 'solid' | 'ghost' | 'outline';
+export interface ButtonProps extends CommonStyleProps, BaseAccessibilityProps {
+    /** Content rendered inside the button. */
+    children?: ReactNode;
+    /** Size preset. @default 'sm' */
+    size?: ButtonSize;
+    /** Color preset. @default 'primary' */
+    color?: ButtonColor;
+    /** Visual variant. @default 'solid' */
+    variant?: ButtonVariant;
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+    /** Whether the button is in a loading state. */
+    loading?: boolean;
+    /** Icon element rendered to the left of the label. */
+    leftIcon?: ReactElement;
+    /** Icon element rendered to the right of the label. */
+    rightIcon?: ReactElement;
+    /** Icon element for icon-only buttons (no label). */
+    icon?: ReactElement;
+    /** Press handler. */
+    onPress?: PressableProps['onPress'];
+    /** Override styles applied to the button label text. */
+    textStyle?: TextStyle;
+    /**
+     * 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/checkbox/checkbox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { CheckboxProps } from './types';
+/** Checkbox with checked, unchecked, and indeterminate states, supporting an optional label. */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<View>>;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1,10 @@
+import type { CheckboxSize } from './types';
+export interface CheckboxSizeConfig {
+    width: number;
+    height: number;
+    iconSize: number;
+}
+export declare const CHECKBOX_SIZE_CONFIGS: Record<CheckboxSize, CheckboxSizeConfig>;
+/** Returns resolved size config for the checkbox variant. */
+export declare const getCheckboxSizeConfig: (size: CheckboxSize) => CheckboxSizeConfig;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,23 @@
+import type { DropdownMenuSize } from './types';
+interface SizeConfig {
+    itemHeight: number;
+    paddingHorizontal: number;
+    fontSize: number;
+    labelHeight: number;
+    labelPaddingVertical: number;
+    labelPaddingHorizontal: number;
+    labelFontSize: number;
+}
+export declare const SIZE_CONFIG: Record<DropdownMenuSize, SizeConfig>;
+export declare const DEFAULT_SIZE: DropdownMenuSize;
+export declare const CONTENT_BORDER_RADIUS = 12;
+export declare const CONTENT_PADDING_VERTICAL = 8;
+export declare const CONTENT_MIN_WIDTH = 180;
+export declare const HIDDEN: {
+    readonly opacity: 0;
+};
+export declare const VISIBLE: {
+    readonly opacity: 1;
+};
+export {};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1,18 @@
+import type { UseFloatingReturn } from '@floating-ui/react-native';
+import type { DropdownMenuSize } from './types';
+export interface DropdownMenuContextValue {
+    /** Whether the dropdown is currently open. */
+    isOpen: boolean;
+    /** Toggle or set the open state. */
+    onOpenChange: (open: boolean) => void;
+    /** Size variant for items. */
+    size: DropdownMenuSize;
+    /** Floating UI refs for positioning (setReference, setFloating). */
+    floatingRefs: UseFloatingReturn['refs'];
+    /** Floating styles from useFloating. */
+    floatingStyles: UseFloatingReturn['floatingStyles'];
+}
+declare const DropdownMenuContext: import("react").Context<DropdownMenuContextValue | null>;
+export declare function useDropdownMenuContext(): DropdownMenuContextValue;
+export { DropdownMenuContext };
+//# sourceMappingURL=dropdown-context.d.ts.map

package/lib/typescript/dropdown/dropdown-menu-content.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { DropdownMenuContentProps } from './types';
+/** Floating content container rendered in a Modal, anchored to the trigger. */
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<View>>;
+//# sourceMappingURL=dropdown-menu-content.d.ts.map

package/lib/typescript/dropdown/dropdown-menu-item.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DropdownMenuItemProps } from './types';
+/** Individual action item within a DropdownMenuContent. */
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=dropdown-menu-item.d.ts.map

package/lib/typescript/dropdown/dropdown-menu-label.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { DropdownMenuLabelProps } from './types';
+/** Non-interactive section label within a DropdownMenuContent. */
+export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<View>>;
+//# sourceMappingURL=dropdown-menu-label.d.ts.map

package/lib/typescript/dropdown/dropdown-menu-separator.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { DropdownMenuSeparatorProps } from './types';
+/** Horizontal divider between menu items or sections. */
+export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<View>>;
+//# sourceMappingURL=dropdown-menu-separator.d.ts.map

package/lib/typescript/dropdown/dropdown-menu-trigger.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { DropdownMenuTriggerProps } from './types';
+/** Pressable wrapper that toggles the dropdown open state when pressed. */
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<View>>;
+//# sourceMappingURL=dropdown-menu-trigger.d.ts.map

package/lib/typescript/dropdown/dropdown-menu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DropdownMenuProps } from './types';
+/** Root compound component for a dropdown menu. Manages open state and size context. */
+export declare const DropdownMenu: React.FC<DropdownMenuProps>;
+//# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -0,0 +1,11 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { DropdownMenuSize } from './types';
+export declare function getItemSizeStyles(size: DropdownMenuSize): ViewStyle;
+export declare function getItemTextStyles(theme: TwigsTheme, size: DropdownMenuSize): TextStyle;
+export declare function getItemPressedStyles(theme: TwigsTheme): ViewStyle;
+export declare function getItemDisabledStyles(): ViewStyle;
+export declare function getContentStyles(theme: TwigsTheme): ViewStyle;
+export declare function getLabelSizeStyles(size: DropdownMenuSize): ViewStyle;
+export declare function getLabelTextStyles(theme: TwigsTheme, size: DropdownMenuSize): TextStyle;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1,8 @@
+export { DropdownMenu } from './dropdown-menu';
+export { DropdownMenuTrigger } from './dropdown-menu-trigger';
+export { DropdownMenuContent } from './dropdown-menu-content';
+export { DropdownMenuItem } from './dropdown-menu-item';
+export { DropdownMenuLabel } from './dropdown-menu-label';
+export { DropdownMenuSeparator } from './dropdown-menu-separator';
+export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuSize, } from './types';
+//# sourceMappingURL=index.d.ts.map

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/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