@platform-blocks/ui 0.2.0 → 0.3.0

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

@@ -93,6 +93,8 @@ export interface AutoCompleteProps extends SpacingProps, LayoutProps {
     selectedValuesContainerStyle?: ViewStyle;
     /** Additional props applied to the default Chip renderer for selected values */
     selectedValueChipProps?: Partial<ChipProps>;
+    /** Controls whether the input regains focus after selecting an option */
+    refocusAfterSelect?: boolean;
     /** Whether to allow free-form input (can add custom values) */
     freeSolo?: boolean;
     /** What to display in input after selection - 'label' or 'value' */

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { ViewStyle } from 'react-native';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
 export interface AvatarProps {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+    size?: ComponentSizeValue;
     src?: string;
     fallback?: string;
     backgroundColor?: string;
@@ -24,7 +25,7 @@ export interface AvatarGroupProps {
     limit?: number;
     spacing?: number;
     style?: ViewStyle;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+    size?: ComponentSizeValue;
     /** Whether to add borders around avatars for separation */
     bordered?: boolean;
 }

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

@@ -1,15 +1,15 @@
 import React from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { SizeValue } from '../../core/theme/sizes';
+import { type ComponentSizeValue } from '../../core/theme/componentSize';
 import { SpacingProps } from '../../core/utils';
 import { BorderRadiusProps } from '../../core/theme/radius';
 import { ShadowProps } from '../../core/theme/shadow';
 export interface BadgeProps extends SpacingProps, BorderRadiusProps, ShadowProps {
     children: React.ReactNode;
-    size?: SizeValue;
-    variant?: 'filled' | 'outline' | 'light' | 'subtle';
+    size?: ComponentSizeValue;
+    variant?: 'filled' | 'outline' | 'light' | 'subtle' | 'gradient';
     /** Alias for variant */
-    v?: 'filled' | 'outline' | 'light' | 'subtle';
+    v?: 'filled' | 'outline' | 'light' | 'subtle' | 'gradient';
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'gray' | string;
     /** Alias for color */
     c?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'gray' | string;

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

@@ -1,7 +1,8 @@
+import { type ComponentSizeValue } from '../../core/theme/componentSize';
 import type { PlatformBlocksTheme } from '../../core/theme/types';
 interface StyleConfig {
     variant: 'default' | 'testimonial' | 'featured' | 'minimal';
-    size: string;
+    size: ComponentSizeValue;
     alignment: 'left' | 'center' | 'right';
     border: boolean;
     shadow: boolean;

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 import { SpacingProps } from '../../core/theme/types';
+import { type ComponentSizeValue } from '../../core/theme/componentSize';
 export interface BreadcrumbItem {
     /** The label text for the breadcrumb */
     label: string;
@@ -21,7 +22,7 @@ export interface BreadcrumbsProps extends SpacingProps {
     /** Maximum number of items to show (will collapse middle items) */
     maxItems?: number;
     /** Size of the breadcrumbs */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: ComponentSizeValue;
     /** Whether to show icons */
     showIcons?: boolean;
     /** Custom styles */

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

@@ -33,6 +33,7 @@ export interface CalendarProps {
 export interface MiniCalendarProps {
     value?: Date | null;
     onChange?: (date: Date | null) => void;
+    defaultValue?: Date | null;
     numberOfDays?: number;
     defaultDate?: Date;
     minDate?: Date;

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

@@ -5,7 +5,7 @@ import { BorderRadiusProps } from '../../core/theme/radius';
 import { ShadowProps } from '../../core/theme/shadow';
 export interface CardProps extends SpacingProps, LayoutProps, BorderRadiusProps, ShadowProps {
     children?: React.ReactNode;
-    variant?: 'outline' | 'filled';
+    variant?: 'outline' | 'filled' | 'elevated' | 'subtle' | 'ghost' | 'gradient';
     padding?: number;
     style?: any;
     onPress?: () => void;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { ViewStyle } from 'react-native';
 import { SpacingProps } from '../../core/utils';
 import type { ResponsiveSize } from '../AppShell/types';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
 export interface CarouselProps extends SpacingProps {
     children: React.ReactNode[];
     /** Orientation of the carousel */
@@ -43,8 +44,8 @@ export interface CarouselProps extends SpacingProps {
     itemStyle?: ViewStyle;
     snapToItem?: boolean;
     arrowPosition?: 'inside' | 'outside';
-    arrowSize?: 'sm' | 'md' | 'lg';
-    dotSize?: 'sm' | 'md' | 'lg';
+    arrowSize?: ComponentSizeValue;
+    dotSize?: ComponentSizeValue;
     scrollEnabled?: boolean;
     reducedMotion?: boolean;
     windowSize?: number;

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

@@ -7,7 +7,7 @@ import { ShadowProps } from '../../core/theme/shadow';
 export interface ChipProps extends SpacingProps, BorderRadiusProps, ShadowProps {
     children: React.ReactNode;
     size?: SizeValue;
-    variant?: 'filled' | 'outline' | 'light' | 'subtle';
+    variant?: 'filled' | 'outline' | 'light' | 'subtle' | 'gradient';
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'gray' | string;
     onPress?: () => void;
     startIcon?: React.ReactNode;

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

@@ -1,5 +1,19 @@
 import { ViewStyle, TextStyle } from 'react-native';
-export declare function useColorPickerStyles(): {
+export interface ColorPickerSizeMetrics {
+    inputHeight: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    previewSize: number;
+    previewBorderRadius: number;
+    previewMarginRight: number;
+    textFontSize: number;
+    textInputHeight: number;
+    dropdownIconSize: number;
+    dropdownIconMarginLeft: number;
+    swatchSize: number;
+    swatchGap: number;
+}
+export declare function useColorPickerStyles(metrics: ColorPickerSizeMetrics): {
     container: ViewStyle;
     label: TextStyle;
     wrapper: ViewStyle;

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

@@ -2,6 +2,7 @@ import { ViewStyle, TextStyle } from 'react-native';
 import { SpacingProps } from '../../core/theme/types';
 import { LayoutProps } from '../../core/utils';
 import { BorderRadiusProps } from '../../core/theme/radius';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
 import type { PlacementType } from '../../core/utils/positioning-enhanced';
 export interface ColorPickerProps extends SpacingProps, LayoutProps, BorderRadiusProps {
     /** Current color value in hex format (e.g., "#ff0000") */
@@ -23,7 +24,7 @@ export interface ColorPickerProps extends SpacingProps, LayoutProps, BorderRadiu
     /** Help text to display below the picker */
     description?: string;
     /** Size of the picker */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: ComponentSizeValue;
     /** Variant of the picker */
     variant?: 'default' | 'filled' | 'unstyled';
     /** Radius of the picker */
@@ -54,6 +55,8 @@ export interface ColorPickerProps extends SpacingProps, LayoutProps, BorderRadiu
     autoReposition?: boolean;
     /** Fallback placements to try */
     fallbackPlacements?: PlacementType[];
+    /** Whether dropdown should avoid the on-screen keyboard when visible */
+    keyboardAvoidance?: boolean;
     /** Custom style for the container */
     style?: ViewStyle;
     /** Custom style for the preview */

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

@@ -1,4 +1,5 @@
 import { ViewStyle } from 'react-native';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
 export interface CopyButtonProps {
     /** The text to copy to clipboard */
     value: string;
@@ -12,8 +13,8 @@ export interface CopyButtonProps {
     toastTitle?: string;
     /** Detailed message for the toast */
     toastMessage?: string;
-    /** Size of the button */
-    size?: 'xs' | 'sm' | 'md';
+    /** Visual size token */
+    size?: ComponentSizeValue;
     /** Style overrides for the button container */
     style?: ViewStyle;
     /** Disable the "copied to clipboard" toast */

package/lib/components/Dialog/Dialog.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { DialogProps } from './types';
-export declare function Dialog({ visible, variant, title, children, closable, backdrop, backdropClosable, shouldClose, onClose, width, height, style }: DialogProps): React.JSX.Element | null;
+export declare function Dialog({ visible, variant, title, children, closable, backdrop, backdropClosable, shouldClose, onClose, width, height, style, bottomSheetSwipeZone, }: DialogProps): React.JSX.Element | null;

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

@@ -12,6 +12,8 @@ export interface DialogProps {
     width?: number;
     height?: number;
     style?: object;
+    /** Controls which part of the bottom sheet responds to swipe-to-dismiss gestures */
+    bottomSheetSwipeZone?: 'container' | 'handle' | 'none';
 }
 export interface DialogConfig {
     id: string;
@@ -23,6 +25,7 @@ export interface DialogConfig {
     backdrop?: boolean;
     backdropClosable?: boolean;
     isClosing?: boolean;
+    bottomSheetSwipeZone?: 'container' | 'handle' | 'none';
 }
 export interface DialogContextValue {
     dialogs: DialogConfig[];

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

@@ -57,29 +57,5 @@ export declare const createInputStyles: (theme: PlatformBlocksTheme, isRTL?: boo
         fontSize: number;
         padding: number;
         minHeight: number;
-    } | {
-        fontSize: number;
-        padding: number;
-        minHeight: number;
-    } | {
-        fontSize: number;
-        padding: number;
-        minHeight: number;
-    } | {
-        fontSize: number;
-        padding: number;
-        minHeight: number;
-    } | {
-        fontSize: number;
-        padding: number;
-        minHeight: number;
-    } | {
-        fontSize: number;
-        padding: number;
-        minHeight: number;
-    } | {
-        fontSize: number;
-        padding: number;
-        minHeight: number;
     };
 };

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

@@ -71,6 +71,8 @@ export interface BaseInputProps extends SpacingProps, LayoutProps, BorderRadiusP
     clearButtonLabel?: string;
     /** Callback when the clear button is pressed */
     onClear?: () => void;
+    /** Identifier used with KeyboardManagerProvider to request refocus */
+    keyboardFocusId?: string;
 }
 export type ExtendedTextInputProps = Omit<TextInputProps, keyof BaseInputProps> & {
     onKeyDown?: (event: any) => void;

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

@@ -2,6 +2,13 @@ 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';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
+export interface KeyCapMetrics {
+    height: number;
+    minWidth: number;
+    paddingHorizontal: number;
+    fontSize: number;
+}
 export interface KeyCapProps extends SpacingProps, LayoutProps, BorderRadiusProps {
     /**
      * The key or text to display
@@ -10,7 +17,7 @@ export interface KeyCapProps extends SpacingProps, LayoutProps, BorderRadiusProp
     /**
      * Size variant of the key cap
      */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: ComponentSizeValue;
     /**
      * Visual variant of the key cap
      */
@@ -47,7 +54,7 @@ export interface KeyCapProps extends SpacingProps, LayoutProps, BorderRadiusProp
     testID?: string;
 }
 export interface KeyCapStyleProps {
-    size: NonNullable<KeyCapProps['size']>;
+    metrics: KeyCapMetrics;
     variant: NonNullable<KeyCapProps['variant']>;
     color: NonNullable<KeyCapProps['color']>;
     pressed: boolean;

package/lib/components/KeyboardAwareLayout/KeyboardAwareLayout.d.ts

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

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

@@ -0,0 +1,3 @@
+export { KeyboardAwareLayout } from './KeyboardAwareLayout';
+export type { KeyboardAwareLayoutProps } from './types';
+export { KeyboardAwareLayout as default } from './KeyboardAwareLayout';

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

@@ -0,0 +1,26 @@
+import type React from 'react';
+import type { KeyboardAvoidingViewProps, ScrollView, ScrollViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { SpacingProps } from '../../core/utils';
+export interface KeyboardAwareLayoutProps extends SpacingProps, Omit<KeyboardAvoidingViewProps, 'behavior' | 'children' | 'keyboardVerticalOffset'> {
+    children: React.ReactNode;
+    /** Optional behavior override for KeyboardAvoidingView */
+    behavior?: KeyboardAvoidingViewProps['behavior'];
+    /** Additional offset passed to KeyboardAvoidingView (defaults to 0) */
+    keyboardVerticalOffset?: number;
+    /** Enables or disables KeyboardAvoidingView adjustments */
+    enabled?: boolean;
+    /** When true (default) content is wrapped in a ScrollView */
+    scrollable?: boolean;
+    /** Extra padding added in addition to keyboard height */
+    extraScrollHeight?: number;
+    /** Style applied to the outer KeyboardAvoidingView */
+    style?: StyleProp<ViewStyle>;
+    /** Style applied to the ScrollView/inner content container */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    /** Controls ScrollView keyboard tap handling */
+    keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
+    /** Forward ref to the internal ScrollView when scrollable is true */
+    scrollRef?: React.Ref<ScrollView>;
+    /** Additional props that will be spread onto the internal ScrollView */
+    scrollViewProps?: ScrollViewProps;
+}

package/lib/components/Knob/Knob.d.ts

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

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

@@ -0,0 +1,2 @@
+export { Knob } from './Knob';
+export type { KnobProps, KnobMark } from './types';

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

@@ -0,0 +1,65 @@
+import type { ReactNode } from 'react';
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { SpacingProps, LayoutProps } from '../../core/utils';
+export interface KnobMark {
+    /** Absolute value within the knob range to display */
+    value: number;
+    /** Optional label rendered near the tick */
+    label?: ReactNode;
+}
+export interface KnobProps extends SpacingProps, LayoutProps {
+    /** Interaction mode for bounded or endless rotary behavior */
+    mode?: 'bounded' | 'endless';
+    /** Controlled value */
+    value?: number;
+    /** Uncontrolled initial value */
+    defaultValue?: number;
+    /** Minimum selectable value */
+    min?: number;
+    /** Maximum selectable value */
+    max?: number;
+    /** Step increment applied when interacting */
+    step?: number;
+    /** Called on every value change */
+    onChange?: (value: number) => void;
+    /** Called after interaction completes */
+    onChangeEnd?: (value: number) => void;
+    /** Fired when the user begins dragging */
+    onScrubStart?: () => void;
+    /** Fired when the user ends dragging */
+    onScrubEnd?: () => void;
+    /** Diameter of the control in pixels */
+    size?: number;
+    /** Diameter of the thumb indicator */
+    thumbSize?: number;
+    /** Disable all user interaction */
+    disabled?: boolean;
+    /** Prevent interaction but keep visual state */
+    readOnly?: boolean;
+    /** Custom formatter for the value label */
+    formatLabel?: (value: number) => ReactNode;
+    /** Render the value label inside the knob */
+    withLabel?: boolean;
+    /** Optional marks rendered around the control */
+    marks?: KnobMark[];
+    /** Restrict interaction to the supplied marks */
+    restrictToMarks?: boolean;
+    /** Optional visual label rendered outside the knob */
+    label?: ReactNode;
+    /** Optional helper text rendered with the label */
+    description?: ReactNode;
+    /** Placement for the external label */
+    labelPosition?: 'left' | 'right' | 'top' | 'bottom';
+    /** Style overrides for the outer container */
+    style?: ViewStyle;
+    /** Style overrides for the circular track */
+    trackStyle?: ViewStyle;
+    /** Style overrides for the thumb */
+    thumbStyle?: ViewStyle;
+    /** Style overrides for mark labels */
+    markLabelStyle?: TextStyle;
+    /** Accessibility identifier */
+    testID?: string;
+    /** Screen reader label */
+    accessibilityLabel?: string;
+}

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

@@ -1,8 +1,16 @@
 import type { ViewStyle, TextStyle } from 'react-native';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
+export interface ListGroupMetrics {
+    paddingVertical: number;
+    paddingHorizontal: number;
+    gap: number;
+    dividerInset: number;
+    textSize: ComponentSizeValue;
+}
 export interface ListGroupProps {
     children: React.ReactNode;
     variant?: 'default' | 'bordered' | 'flush';
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: ComponentSizeValue;
     radius?: 'sm' | 'md' | 'lg' | number;
     dividers?: boolean;
     insetDividers?: boolean;
@@ -20,7 +28,8 @@ export interface ListGroupItemProps {
     textStyle?: TextStyle;
 }
 export interface ListGroupContextValue {
-    size: NonNullable<ListGroupProps['size']>;
+    size: ComponentSizeValue;
+    metrics: ListGroupMetrics;
     dividers: boolean;
     insetDividers: boolean;
 }

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

@@ -3,6 +3,7 @@ import { View } from 'react-native';
 import type { PressableProps } from 'react-native';
 import type { GestureResponderEvent } from 'react-native';
 import { SpacingProps } from '../../core/utils';
+import { type ComponentSizeValue } from '../../core/theme/componentSize';
 export interface MenuItemButtonProps extends SpacingProps {
     /** Text label (alternative to children) */
     title?: string;
@@ -23,7 +24,7 @@ export interface MenuItemButtonProps extends SpacingProps {
     /** Whether the button should take up full width */
     fullWidth?: boolean;
     /** Size of the button */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: ComponentSizeValue;
     /** Whether to use compact styling */
     compact?: boolean;
     /** Whether to use fully rounded corners */

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

@@ -1,4 +1,4 @@
-import type { SizeValue } from '../../core/theme/types';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
 import type { ResponsiveProp } from '../../core/theme/breakpoints';
 export interface MonthPickerProps {
     /** Currently selected date (uses the first day of the month) */
@@ -16,7 +16,7 @@ export interface MonthPickerProps {
     /** Locale used for month labels */
     locale?: string;
     /** Size token that influences typography weight */
-    size?: SizeValue;
+    size?: ComponentSizeValue;
     /** Format of month labels */
     monthLabelFormat?: 'short' | 'long';
     /** Hide navigation header (used when embedded in Calendar) */

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

@@ -24,6 +24,8 @@ export interface NumberInputProps extends Omit<BaseInputProps, 'value' | 'onChan
     max?: number;
     /** Step increment */
     step?: number;
+    /** Multiplier applied to the step when using modifier keys */
+    shiftMultiplier?: number;
     /** Number of decimal places */
     precision?: number;
     /** Thousand separator character or boolean to enable default separator */
@@ -54,8 +56,20 @@ export interface NumberInputProps extends Omit<BaseInputProps, 'value' | 'onChan
     withKeyboardEvents?: boolean;
     /** Show increment/decrement buttons */
     withControls?: boolean;
+    /** Render horizontal decrement/increment buttons flanking the input */
+    withSideButtons?: boolean;
     /** Whether to hide step controls on mobile */
     hideControlsOnMobile?: boolean;
+    /** Enable press-drag gesture to adjust value */
+    withDragGesture?: boolean;
+    /** Axis that determines how drag gestures adjust the value */
+    dragAxis?: 'horizontal' | 'vertical';
+    /** Pixel distance required to trigger a single step while dragging */
+    dragStepDistance?: number;
+    /** Multiplier applied to the configured step while dragging */
+    dragStepMultiplier?: number;
+    /** Callback fired when the drag gesture activation state changes */
+    onDragStateChange?: (isDragging: boolean) => void;
     /** Custom formatter function */
     formatter?: (value: number) => string;
     /** Custom parser function */

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

@@ -1,6 +1,15 @@
 import { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 import { SpacingProps } from '../../core/theme/types';
+import type { ComponentSizeValue } from '../../core/theme/componentSize';
+export interface PaginationMetrics {
+    height: number;
+    minWidth: number;
+    paddingHorizontal: number;
+    fontSize: number;
+    iconSize: number;
+    borderRadius: number;
+}
 export interface PaginationProps extends SpacingProps {
     /** Current page number (1-indexed) */
     current: number;
@@ -13,7 +22,7 @@ export interface PaginationProps extends SpacingProps {
     /** Page change handler */
     onChange: (page: number) => void;
     /** Size of pagination controls */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: ComponentSizeValue;
     /** Variant style */
     variant?: 'default' | 'outline' | 'subtle';
     /** Color scheme */

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

@@ -3,6 +3,8 @@ import { BaseInputProps } from '../Input/types';
 export interface PinInputProps extends Omit<BaseInputProps, 'value' | 'onChangeText'> {
     /** Number of PIN digits */
     length?: number;
+    /** Stable id used by KeyboardManager to restore focus */
+    keyboardFocusId?: string;
     /** PIN value */
     value?: string;
     /** Change handler */

package/lib/components/Popover/Popover.d.ts

@@ -1,14 +1,20 @@
 import { View } from 'react-native';
 import type { PopoverProps, PopoverTargetProps, PopoverDropdownProps } from './types';
-export declare const Popover: import("../../core/factory").PlatformBlocksComponent<{
+declare const PopoverComponent: import("../../core/factory").PlatformBlocksComponent<{
     props: PopoverProps;
     ref: View;
 }>;
-export declare const PopoverTarget: import("../../core/factory").PlatformBlocksComponent<{
+declare const PopoverTarget: import("../../core/factory").PlatformBlocksComponent<{
     props: PopoverTargetProps;
     ref: View;
 }>;
-export declare const PopoverDropdown: import("../../core/factory").PlatformBlocksComponent<{
+declare const PopoverDropdown: import("../../core/factory").PlatformBlocksComponent<{
     props: PopoverDropdownProps;
     ref: View;
 }>;
+type PopoverCompoundComponent = typeof PopoverComponent & {
+    Target: typeof PopoverTarget;
+    Dropdown: typeof PopoverDropdown;
+};
+declare const Popover: PopoverCompoundComponent;
+export { Popover };

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

@@ -1,2 +1,2 @@
-export { Popover, PopoverTarget, PopoverDropdown } from './Popover';
+export { Popover } from './Popover';
 export type { PopoverProps, PopoverTargetProps, PopoverDropdownProps } from './types';

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

@@ -52,6 +52,7 @@ export declare const createPopoverStyles: (theme: PlatformBlocksTheme) => (param
         backgroundColor: string;
         borderColor: string;
         borderWidth: number;
+        color: string;
     };
     arrow: {
         position: "absolute";

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

@@ -82,6 +82,8 @@ export interface PopoverProps extends SpacingProps {
     hideDetached?: boolean;
     /** Override viewport padding */
     viewport?: PositioningOptions['viewport'];
+    /** Whether positioning should avoid the on-screen keyboard */
+    keyboardAvoidance?: boolean;
     /** Override fallback placements */
     fallbackPlacements?: PlacementType[];
     /** Override boundary padding */

package/lib/components/Ring/Ring.d.ts

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

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

@@ -0,0 +1,3 @@
+export { Ring } from './Ring';
+export type { RingProps, RingColorStop, RingRenderContext } from './types';
+export { Ring as default } from './Ring';