@platform-blocks/ui 0.1.1

package/lib/components/KeyCap/index.d.ts

@@ -0,0 +1,3 @@
+export { KeyCap } from './KeyCap';
+export { useKeyCapStyles } from './styles';
+export type { KeyCapProps } from './types';

package/lib/components/KeyCap/styles.d.ts

@@ -0,0 +1,11 @@
+import { ViewStyle, TextStyle } from 'react-native';
+import { KeyCapStyleProps } from './types';
+import type { PlatformBlocksTheme } from '../../core/theme/types';
+export declare const useKeyCapStyles: (props: KeyCapStyleProps) => {
+    container: ViewStyle;
+    text: TextStyle;
+};
+export declare const getKeyCapStyles: (theme: PlatformBlocksTheme, props: KeyCapStyleProps) => {
+    container: ViewStyle;
+    text: TextStyle;
+};

package/lib/components/KeyCap/types.d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+import type { SpacingProps } from '../../core/theme/types';
+import type { LayoutProps } from '../../core/utils';
+import type { BorderRadiusProps } from '../../core/theme/radius';
+export interface KeyCapProps extends SpacingProps, LayoutProps, BorderRadiusProps {
+    /**
+     * The key or text to display
+     */
+    children: ReactNode;
+    /**
+     * Size variant of the key cap
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Visual variant of the key cap
+     */
+    variant?: 'default' | 'minimal' | 'outline' | 'filled';
+    /**
+     * Color scheme for the key cap
+     */
+    color?: 'primary' | 'secondary' | 'gray' | 'success' | 'warning' | 'error';
+    /**
+     * Whether the key should animate when the actual key is pressed
+     * Only works on web platforms
+     */
+    animateOnPress?: boolean;
+    /**
+     * The actual key code to listen for (e.g., 'Enter', 'Space', 'Escape')
+     * If provided, the component will animate when this key is pressed
+     */
+    keyCode?: string;
+    /**
+     * Modifier keys that must be pressed along with the main key
+     */
+    modifiers?: Array<'ctrl' | 'cmd' | 'alt' | 'shift' | 'meta'>;
+    /**
+     * Whether the key cap should appear pressed
+     */
+    pressed?: boolean;
+    /**
+     * Callback when the key combination is pressed
+     */
+    onKeyPress?: () => void;
+    /**
+     * Custom test ID for testing
+     */
+    testID?: string;
+}
+export interface KeyCapStyleProps {
+    size: NonNullable<KeyCapProps['size']>;
+    variant: NonNullable<KeyCapProps['variant']>;
+    color: NonNullable<KeyCapProps['color']>;
+    pressed: boolean;
+}

package/lib/components/Layout/Layout.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FlexProps } from '../Flex';
+export interface RowProps extends Omit<FlexProps, 'direction'> {
+    /** Override direction - defaults to 'row' but can be changed to 'row-reverse' */
+    direction?: 'row' | 'row-reverse';
+}
+export interface ColumnProps extends Omit<FlexProps, 'direction'> {
+    /** Override direction - defaults to 'column' but can be changed to 'column-reverse' */
+    direction?: 'column' | 'column-reverse';
+}
+/**
+ * Row component - alias for Flex with direction="row"
+ */
+export declare const Row: React.FC<RowProps>;
+/**
+ * Column component - alias for Flex with direction="column"
+ */
+export declare const Column: React.FC<ColumnProps>;

package/lib/components/Layout/index.d.ts

@@ -0,0 +1 @@
+export { Row, Column, RowProps, ColumnProps } from './Layout';

package/lib/components/Link/Link.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { SizeValue } from '../../core/theme/sizes';
+import { SpacingProps } from '../../core/utils';
+export interface LinkProps extends SpacingProps {
+    /** Link text content */
+    children: React.ReactNode;
+    /** URL or handler for the link */
+    href?: string;
+    /** Custom onPress handler (overrides href) */
+    onPress?: () => void;
+    /** Size of the link text (default: 'lg' = 16px to match Text component) */
+    size?: SizeValue;
+    /** Color variant or custom color string */
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'gray' | 'inherit' | string;
+    /** Link variant */
+    variant?: 'default' | 'subtle' | 'hover-underline';
+    /** Whether the link is disabled */
+    disabled?: boolean;
+    /** Whether to show external link indicator */
+    external?: boolean;
+    /** Custom style for container */
+    style?: ViewStyle;
+    /** Custom style for text */
+    textStyle?: TextStyle;
+    /** Accessibility label */
+    accessibilityLabel?: string;
+    /** Whether this link opens in a new tab/window (web only) */
+    target?: '_blank' | '_self';
+}
+export declare const Link: React.FC<LinkProps>;

package/lib/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps } from './Link';

package/lib/components/ListGroup/ListGroup.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { View, ViewStyle } from 'react-native';
+import type { ListGroupProps, ListGroupItemProps } from './types';
+export declare const ListGroup: import("../../core/factory").PlatformBlocksComponent<{
+    props: ListGroupProps;
+    ref: View;
+}>;
+export declare const ListGroupItem: import("../../core/factory").PlatformBlocksComponent<{
+    props: ListGroupItemProps;
+    ref: View;
+}>;
+export declare const ListGroupDivider: React.FC<{
+    inset?: boolean;
+    style?: ViewStyle;
+}>;
+export declare const ListGroupBody: React.FC<{
+    children: React.ReactNode;
+}>;
+export default ListGroup;

package/lib/components/ListGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ListGroup, ListGroupItem, ListGroupDivider, ListGroupBody } from './ListGroup';
+export type { ListGroupProps, ListGroupItemProps } from './types';

package/lib/components/ListGroup/types.d.ts

@@ -0,0 +1,26 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+export interface ListGroupProps {
+    children: React.ReactNode;
+    variant?: 'default' | 'bordered' | 'flush';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    radius?: 'sm' | 'md' | 'lg' | number;
+    dividers?: boolean;
+    insetDividers?: boolean;
+    style?: ViewStyle;
+}
+export interface ListGroupItemProps {
+    children: React.ReactNode;
+    onPress?: () => void;
+    disabled?: boolean;
+    active?: boolean;
+    danger?: boolean;
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+    style?: ViewStyle;
+    textStyle?: TextStyle;
+}
+export interface ListGroupContextValue {
+    size: NonNullable<ListGroupProps['size']>;
+    dividers: boolean;
+    insetDividers: boolean;
+}

package/lib/components/Loader/Loader.d.ts

@@ -0,0 +1,8 @@
+import { View } from 'react-native';
+import type { LoaderProps } from './types';
+interface LoaderFactoryPayload {
+    props: LoaderProps;
+    ref: View;
+}
+export declare const Loader: import("../../core/factory").PlatformBlocksComponent<LoaderFactoryPayload>;
+export {};

package/lib/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export type { LoaderProps, LoaderVariant } from './types';

package/lib/components/Loader/types.d.ts

@@ -0,0 +1,18 @@
+import { ViewStyle } from 'react-native';
+import { SizeValue } from '../../core/theme/sizes';
+import { SpacingProps } from '../../core/utils';
+export type LoaderVariant = 'bars' | 'dots' | 'oval';
+export interface LoaderProps extends SpacingProps {
+    /** Size of the loader - can be a size token or number */
+    size?: SizeValue;
+    /** Color of the loader */
+    color?: string;
+    /** Variant of the loader */
+    variant?: LoaderVariant;
+    /** Animation speed in milliseconds */
+    speed?: number;
+    /** Container style */
+    style?: ViewStyle;
+    /** Test ID for testing */
+    testID?: string;
+}

package/lib/components/LoadingOverlay/LoadingOverlay.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { LoadingOverlayProps } from './types';
+export declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<any>>;

package/lib/components/LoadingOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingOverlay } from './LoadingOverlay';
+export type { LoadingOverlayProps } from './types';

package/lib/components/LoadingOverlay/types.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { LoaderProps } from '../Loader/types';
+import type { OverlayProps } from '../Overlay';
+export interface LoadingOverlayProps extends Omit<ViewProps, 'style'> {
+    /** Controls visibility of the loading overlay. */
+    visible?: boolean;
+    /** z-index applied to the overlay container. Overrides value defined in overlayProps when provided. */
+    zIndex?: number;
+    /** Props forwarded to the underlying Overlay component. */
+    overlayProps?: OverlayProps;
+    /** Props forwarded to the Loader component. */
+    loaderProps?: LoaderProps;
+    /** Custom loader content. When provided, Loader component is not rendered. */
+    loader?: ReactNode;
+}

package/lib/components/Lottie/Lottie.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export type AnimationSource = any;
+export interface LottieProps {
+    /** Required Lottie animation JSON (require or imported object) */
+    source: any;
+    /** Auto play animation */
+    autoPlay?: boolean;
+    /** Loop animation */
+    loop?: boolean;
+    /** Progress prop (0-1) for manual control */
+    progress?: number;
+    /** Speed multiplier */
+    speed?: number;
+    /** Style for container */
+    style?: ViewStyle;
+    /** Test ID */
+    testID?: string;
+    /** Pause state */
+    paused?: boolean;
+    /** Optional resize mode (cover/contain/center) */
+    resizeMode?: 'cover' | 'contain' | 'center';
+    /** Called when animation finishes (loop false) */
+    onAnimationFinish?: (isCancelled: boolean) => void;
+}
+/**
+ * Lottie component with safe fallback when native module not present or on unsupported platforms.
+ */
+export declare const Lottie: React.ForwardRefExoticComponent<LottieProps & React.RefAttributes<any>>;
+export default Lottie;

package/lib/components/Lottie/index.d.ts

@@ -0,0 +1,2 @@
+export { Lottie } from './Lottie';
+export type { LottieProps } from './Lottie';

package/lib/components/Markdown/Markdown.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { SpacingProps } from '../../core/utils';
+export interface MarkdownProps extends SpacingProps {
+    children: string;
+    /** Override default code block language guess */
+    defaultCodeLanguage?: string;
+    /** Max heading level to render (others downgraded) */
+    maxHeadingLevel?: number;
+    /** Whether to render inline HTML literally (ignored for now) */
+    allowHtml?: boolean;
+    /** Custom renderer overrides */
+    components?: Partial<MarkdownComponentMap>;
+}
+export interface MarkdownComponentMap {
+    heading: (props: {
+        level: number;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    paragraph: (props: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    strong: (props: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    em: (props: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    codeInline: (props: {
+        children: string;
+    }) => React.ReactNode;
+    codeBlock: (props: {
+        code: string;
+        language?: string;
+    }) => React.ReactNode;
+    blockquote: (props: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    list: (props: {
+        ordered: boolean;
+        items: React.ReactNode[];
+    }) => React.ReactNode;
+    listItem: (props: {
+        children: React.ReactNode;
+        index?: number;
+        ordered?: boolean;
+    }) => React.ReactNode;
+    link: (props: {
+        href: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    image: (props: {
+        src: string;
+        alt?: string;
+    }) => React.ReactNode;
+    thematicBreak: () => React.ReactNode;
+    table: (props: {
+        headers: React.ReactNode[];
+        rows: React.ReactNode[][];
+    }) => React.ReactNode;
+    tableCell: (props: {
+        children: React.ReactNode;
+        isHeader?: boolean;
+    }) => React.ReactNode;
+}
+export declare const Markdown: React.FC<MarkdownProps>;
+export default Markdown;

package/lib/components/Markdown/index.d.ts

@@ -0,0 +1 @@
+export { Markdown, type MarkdownProps, type MarkdownComponentMap } from './Markdown';

package/lib/components/Masonry/Masonry.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+import type { MasonryProps } from './types';
+export type { MasonryProps, MasonryItem } from './types';
+export declare const Masonry: import("../../core/factory").PlatformBlocksComponent<{
+    props: MasonryProps;
+    ref: View;
+}>;

package/lib/components/Masonry/index.d.ts

@@ -0,0 +1,2 @@
+export { Masonry } from './Masonry';
+export type { MasonryProps, MasonryItem } from './types';

package/lib/components/Masonry/types.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+import type { FlashListProps } from '@shopify/flash-list';
+import type { SpacingProps } from '../../core/utils/spacing';
+import type { SizeValue } from '../../core/theme/sizes';
+export interface MasonryItem {
+    /** Unique identifier for the item */
+    id: string;
+    /** Content to render inside the item */
+    content: ReactNode;
+    /** Optional custom height ratio (default: 1) */
+    heightRatio?: number;
+    /** Optional custom styling for the item */
+    style?: ViewStyle;
+}
+export interface MasonryProps extends SpacingProps {
+    /** Array of items to display in masonry layout */
+    data: MasonryItem[];
+    /** Number of columns (default: 2) */
+    numColumns?: number;
+    /** Spacing between items */
+    gap?: SizeValue;
+    /** Whether to optimize for staggered grid layout */
+    optimizeItemArrangement?: boolean;
+    /** Custom item renderer - receives item and index */
+    renderItem?: (item: MasonryItem, index: number) => ReactNode;
+    /** Content container style */
+    contentContainerStyle?: ViewStyle;
+    /** Custom styles */
+    style?: ViewStyle;
+    /** Test ID for testing */
+    testID?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Empty state content */
+    emptyContent?: ReactNode;
+    /** Flash list props to pass through */
+    flashListProps?: Partial<Omit<FlashListProps<MasonryItem>, 'data' | 'renderItem' | 'numColumns'>>;
+}

package/lib/components/Menu/Menu.d.ts

@@ -0,0 +1,29 @@
+import { View } from 'react-native';
+import { MenuProps, MenuItemProps, MenuLabelProps, MenuDividerProps, MenuDropdownProps } from './types';
+interface MenuContextValue {
+    closeMenu: () => void;
+    opened: boolean;
+}
+export declare function useMenuContext(): MenuContextValue;
+interface MenuFactoryPayload {
+    props: MenuProps;
+    ref: View;
+}
+export declare const Menu: import("../../core/factory").PlatformBlocksComponent<MenuFactoryPayload>;
+export declare const MenuItem: import("../../core/factory").PlatformBlocksComponent<{
+    props: MenuItemProps;
+    ref: View;
+}>;
+export declare const MenuLabel: import("../../core/factory").PlatformBlocksComponent<{
+    props: MenuLabelProps;
+    ref: View;
+}>;
+export declare const MenuDivider: import("../../core/factory").PlatformBlocksComponent<{
+    props: MenuDividerProps;
+    ref: View;
+}>;
+export declare const MenuDropdown: import("../../core/factory").PlatformBlocksComponent<{
+    props: MenuDropdownProps;
+    ref: View;
+}>;
+export {};

package/lib/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu, MenuItem, MenuLabel, MenuDivider, MenuDropdown, useMenuContext } from './Menu';
+export type { MenuProps, MenuItemProps, MenuLabelProps, MenuDividerProps, MenuDropdownProps } from './types';

package/lib/components/Menu/styles.d.ts

@@ -0,0 +1,13 @@
+import { ViewStyle } from 'react-native';
+export declare function useMenuStyles(): {
+    dropdown: ViewStyle;
+    item: ViewStyle;
+    itemPressed: ViewStyle;
+    itemDisabled: ViewStyle;
+    itemDanger: ViewStyle;
+    itemDangerPressed: ViewStyle;
+    label: ViewStyle;
+    divider: ViewStyle;
+    leftSection: ViewStyle;
+    rightSection: ViewStyle;
+};

package/lib/components/Menu/types.d.ts

@@ -0,0 +1,71 @@
+import { SpacingProps } from '../../core/utils';
+export interface MenuProps extends SpacingProps {
+    /** Whether the menu is open */
+    opened?: boolean;
+    /** Menu trigger event type */
+    trigger?: 'click' | 'hover' | 'contextmenu';
+    /** Position relative to trigger */
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'auto' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    /** Offset from trigger element */
+    offset?: number;
+    /** Whether to close when clicking outside */
+    closeOnClickOutside?: boolean;
+    /** Whether to close when pressing escape */
+    closeOnEscape?: boolean;
+    /** Callback when menu opens */
+    onOpen?: () => void;
+    /** Callback when menu closes */
+    onClose?: () => void;
+    /** Menu content width */
+    width?: number | 'target' | 'auto';
+    /** Maximum height for scrollable content */
+    maxHeight?: number;
+    /** Menu content shadow */
+    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Border radius */
+    radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Menu trigger element and dropdown */
+    children: React.ReactNode;
+    /** Test ID for testing */
+    testID?: string;
+    /** Whether menu is disabled */
+    disabled?: boolean;
+    /** Menu placement strategy */
+    strategy?: 'absolute' | 'fixed' | 'portal';
+}
+export interface MenuItemProps extends SpacingProps {
+    /** Item content */
+    children: React.ReactNode;
+    /** Click handler */
+    onPress?: () => void;
+    /** Whether item is disabled */
+    disabled?: boolean;
+    /** Left section content */
+    leftSection?: React.ReactNode;
+    /** Right section content */
+    rightSection?: React.ReactNode;
+    /** Item color variant */
+    color?: 'default' | 'danger' | 'success' | 'warning';
+    /** Whether item should close menu when pressed */
+    closeMenuOnClick?: boolean;
+    /** Test ID for testing */
+    testID?: string;
+}
+export interface MenuLabelProps extends SpacingProps {
+    /** Label content */
+    children: React.ReactNode;
+    /** Test ID for testing */
+    testID?: string;
+}
+export interface MenuDividerProps extends SpacingProps {
+    /** Test ID for testing */
+    testID?: string;
+}
+export interface MenuDropdownProps extends SpacingProps {
+    /** Dropdown content */
+    children: React.ReactNode;
+    /** Disable internal scroll container (render content directly) */
+    scrollable?: boolean;
+    /** Test ID for testing */
+    testID?: string;
+}

package/lib/components/MenuItemButton/MenuItemButton.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { GestureResponderEvent } from 'react-native';
+import { SpacingProps } from '../../core/utils';
+export interface MenuItemButtonProps extends SpacingProps {
+    /** Text label (alternative to children) */
+    title?: string;
+    /** Custom content */
+    children?: React.ReactNode;
+    /** Leading icon */
+    startIcon?: React.ReactNode;
+    /** Trailing icon / shortcut hint */
+    endIcon?: React.ReactNode;
+    /** Click handler */
+    onPress?: () => void;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Whether the button is active (selected) */
+    active?: boolean;
+    /** Whether the button has destructive styling */
+    danger?: boolean;
+    /** Whether the button should take up full width */
+    fullWidth?: boolean;
+    /** Size of the button */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Whether to use compact styling */
+    compact?: boolean;
+    /** Whether to use fully rounded corners */
+    rounded?: boolean;
+    /** Custom styles override */
+    style?: any;
+    /** Callback fired when press starts */
+    onPressIn?: (event: GestureResponderEvent) => void;
+    /** Callback fired when press ends */
+    onPressOut?: (event: GestureResponderEvent) => void;
+    /** Web-only mouse down handler */
+    onMouseDown?: (event: any) => void;
+}
+export declare const MenuItemButton: React.FC<MenuItemButtonProps>;
+export default MenuItemButton;

package/lib/components/MenuItemButton/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuItemButton } from './MenuItemButton';
+export type { MenuItemButtonProps } from './MenuItemButton';

package/lib/components/MiniCalendar/MiniCalendar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { MiniCalendarProps } from '../Calendar/types';
+export declare const MiniCalendar: React.FC<MiniCalendarProps>;

package/lib/components/MiniCalendar/index.d.ts

@@ -0,0 +1 @@
+export { MiniCalendar } from './MiniCalendar';

package/lib/components/MonthPicker/MonthPicker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { MonthPickerProps } from './types';
+export declare const MonthPicker: React.FC<MonthPickerProps>;

package/lib/components/MonthPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { MonthPicker } from './MonthPicker';
+export type { MonthPickerProps } from './types';

package/lib/components/MonthPicker/types.d.ts

@@ -0,0 +1,26 @@
+import type { SizeValue } from '../../core/theme/types';
+import type { ResponsiveProp } from '../../core/theme/breakpoints';
+export interface MonthPickerProps {
+    /** Currently selected date (uses the first day of the month) */
+    value?: Date | null;
+    /** Called when user picks a new month */
+    onChange?: (date: Date | null) => void;
+    /** Force a specific year to render */
+    year?: number;
+    /** Called when the visible year changes */
+    onYearChange?: (year: number) => void;
+    /** Minimum selectable date (inclusive) */
+    minDate?: Date;
+    /** Maximum selectable date (inclusive) */
+    maxDate?: Date;
+    /** Locale used for month labels */
+    locale?: string;
+    /** Size token that influences typography weight */
+    size?: SizeValue;
+    /** Format of month labels */
+    monthLabelFormat?: 'short' | 'long';
+    /** Hide navigation header (used when embedded in Calendar) */
+    hideHeader?: boolean;
+    /** Responsive override for the number of months rendered per row */
+    monthsPerRow?: ResponsiveProp<number>;
+}

package/lib/components/MonthPickerInput/MonthPickerInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { MonthPickerInputProps } from './types';
+export declare const MonthPickerInput: React.ForwardRefExoticComponent<MonthPickerInputProps & React.RefAttributes<View>>;

package/lib/components/MonthPickerInput/index.d.ts

@@ -0,0 +1,2 @@
+export { MonthPickerInput } from './MonthPickerInput';
+export type { MonthPickerInputProps } from './types';

package/lib/components/MonthPickerInput/types.d.ts

@@ -0,0 +1,30 @@
+import type { BaseInputProps } from '../Input/types';
+import type { MonthPickerProps } from '../MonthPicker/types';
+export interface MonthPickerInputProps extends Omit<BaseInputProps, 'value' | 'onChangeText'> {
+    /** Controlled value for the selected month */
+    value?: Date | null;
+    /** Default month when uncontrolled */
+    defaultValue?: Date | null;
+    /** Called when the month selection changes */
+    onChange?: (value: Date | null) => void;
+    /** Locale used for formatting the input value */
+    locale?: string;
+    /** Intl format options for rendering the selected month */
+    formatOptions?: Intl.DateTimeFormatOptions;
+    /** Custom formatter for the input value; overrides locale/formatOptions */
+    formatValue?: (value: Date) => string;
+    /** Placeholder text when no month is selected */
+    placeholder?: string;
+    /** Show a clear button when a month is selected */
+    clearable?: boolean;
+    /** Close the picker after selecting a month */
+    closeOnSelect?: boolean;
+    /** Additional props forwarded to MonthPicker (except value) */
+    monthPickerProps?: Partial<Omit<MonthPickerProps, 'value'>>;
+    /** Dialog title text */
+    modalTitle?: string;
+    /** Called when the picker dialog opens */
+    onOpen?: () => void;
+    /** Called when the picker dialog closes */
+    onClose?: () => void;
+}