@platform-blocks/ui 0.6.0 → 0.7.0

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ViewStyle } from 'react-native';
+import type { ViewStyle, StyleProp } from 'react-native';
 import type { FlashListProps } from '@shopify/flash-list';
 import type { SpacingProps } from '../../core/utils/spacing';
 import type { SizeValue } from '../../core/theme/sizes';
@@ -11,7 +11,7 @@ export interface MasonryItem {
     /** Optional custom height ratio (default: 1) */
     heightRatio?: number;
     /** Optional custom styling for the item */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
 }
 export interface MasonryProps extends SpacingProps {
     /** Array of items to display in masonry layout */
@@ -25,9 +25,9 @@ export interface MasonryProps extends SpacingProps {
     /** Custom item renderer - receives item and index */
     renderItem?: (item: MasonryItem, index: number) => ReactNode;
     /** Content container style */
-    contentContainerStyle?: ViewStyle;
+    contentContainerStyle?: StyleProp<ViewStyle>;
     /** Custom styles */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Test ID for testing */
     testID?: string;
     /** Loading state */

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

@@ -17,9 +17,9 @@ export interface MenuProps extends SpacingProps {
     /** Callback when menu closes */
     onClose?: () => void;
     /** Menu content width */
-    width?: number | 'target' | 'auto';
+    w?: number | 'target' | 'auto';
     /** Maximum height for scrollable content */
-    maxHeight?: number;
+    maxH?: number;
     /** Menu content shadow */
     shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
     /** Border radius */

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ViewStyle } from 'react-native';
+import type { ViewStyle, StyleProp } from 'react-native';
 export interface NavigationState {
     routes: Route[];
     index: number;
@@ -46,7 +46,7 @@ export interface DrawerScreenProps extends Omit<ScreenProps, 'options'> {
 }
 export interface DrawerNavigatorProps extends NavigatorProps {
     screenOptions?: DrawerOptions;
-    drawerStyle?: ViewStyle;
+    drawerStyle?: StyleProp<ViewStyle>;
     drawerContent?: (props: any) => ReactNode;
 }
 export interface StackOptions extends NavigationOptions {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, ViewStyle } from 'react-native';
+import { View, ViewStyle, StyleProp } from 'react-native';
 import { SpacingProps } from '../../core/utils';
 import { BorderRadiusProps } from '../../core/theme/radius';
 export type NoticeVariant = 'light' | 'filled' | 'outline' | 'subtle';
@@ -16,7 +16,7 @@ export interface NoticeProps extends SpacingProps, BorderRadiusProps {
     withCloseButton?: boolean;
     closeButtonLabel?: string;
     onClose?: () => void;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     testID?: string;
 }
 export interface NoticeFactoryPayload {

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
+import { ViewStyle, TextStyle, StyleProp } from 'react-native';
 import { SpacingProps } from '../../core/theme/types';
 import type { ComponentSizeValue } from '../../core/theme/componentSize';
 export interface PaginationMetrics {
@@ -41,15 +41,15 @@ export interface PaginationProps extends SpacingProps {
     /** Whether pagination is disabled */
     disabled?: boolean;
     /** Custom styles */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Custom button styles */
-    buttonStyle?: ViewStyle;
+    buttonStyle?: StyleProp<ViewStyle>;
     /** Custom active button styles */
-    activeButtonStyle?: ViewStyle;
+    activeButtonStyle?: StyleProp<ViewStyle>;
     /** Custom text styles */
-    textStyle?: TextStyle;
+    textStyle?: StyleProp<TextStyle>;
     /** Custom active text styles */
-    activeTextStyle?: TextStyle;
+    activeTextStyle?: StyleProp<TextStyle>;
     /** Hide pagination when there's only one page */
     hideOnSinglePage?: boolean;
     /** Show page size selector */

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

@@ -52,15 +52,15 @@ export interface PopoverProps extends SpacingProps {
     /** Overlay component props */
     overlayProps?: Record<string, unknown>;
     /** Dropdown width, number or 'target' to match target width */
-    width?: number | 'target';
+    w?: number | 'target';
     /** Dropdown max-width */
-    maxWidth?: number;
+    maxW?: number;
     /** Dropdown max-height */
-    maxHeight?: number;
+    maxH?: number;
     /** Dropdown min-width */
-    minWidth?: number;
+    minW?: number;
     /** Dropdown min-height */
-    minHeight?: number;
+    minH?: number;
     /** Border radius */
     radius?: RadiusValue | number;
     /** Box shadow */

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

@@ -1,4 +1,4 @@
-import type { View, Text, ViewStyle } from 'react-native';
+import type { View, Text, ViewStyle, StyleProp } from 'react-native';
 import type { SpacingProps } from '../../core/utils';
 import type { SizeValue } from '../../core/theme/sizes';
 export type ProgressColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'gray';
@@ -11,7 +11,7 @@ export interface ProgressProps extends SpacingProps {
     animate?: boolean;
     transitionDuration?: number;
     fullWidth?: boolean;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     'aria-label'?: string;
     testID?: string;
 }
@@ -24,7 +24,7 @@ export interface ProgressRootProps extends SpacingProps {
     size?: SizeValue;
     radius?: SizeValue;
     children: React.ReactNode;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     testID?: string;
 }
 export interface ProgressLabelProps {

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

@@ -1,4 +1,4 @@
-import { ViewStyle } from 'react-native';
+import { ViewStyle, StyleProp } from 'react-native';
 import { SpacingProps, LayoutProps } from '../../core/utils';
 export interface QRCodeProps extends SpacingProps, LayoutProps {
     /** The data/text to encode in the QR code */
@@ -46,7 +46,7 @@ export interface QRCodeProps extends SpacingProps, LayoutProps {
         borderRadius?: number;
     };
     /** Custom container style */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Test ID for testing */
     testID?: string;
     /** Accessibility label */

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

@@ -1,4 +1,4 @@
-import { View, ViewStyle } from 'react-native';
+import { View, ViewStyle, StyleProp } from 'react-native';
 import { SpacingProps } from '../../core/utils';
 import { SizeValue } from '../../core/theme/sizes';
 import type { DisclaimerSupport } from '../_internal/Disclaimer';
@@ -22,7 +22,7 @@ export interface RatingProps extends SpacingProps, DisclaimerSupport {
     character?: string | React.ReactNode;
     emptyCharacter?: string | React.ReactNode;
     gap?: SizeValue | number;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     testID?: string;
     accessibilityLabel?: string;
     accessibilityHint?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
+import { ViewStyle, TextStyle, StyleProp } from 'react-native';
 import { SpacingProps } from '../../core/utils';
 export interface RingColorStop {
     /** Threshold (0-100) that determines when the color becomes active */
@@ -49,17 +49,17 @@ export interface RingProps extends SpacingProps {
     /** Controls whether the progress stroke has rounded caps. Defaults to true. */
     roundedCaps?: boolean;
     /** Container style for the outer wrapper */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Style applied to the ring wrapper */
-    ringStyle?: ViewStyle;
+    ringStyle?: StyleProp<ViewStyle>;
     /** Style applied to the center content container */
-    contentStyle?: ViewStyle;
+    contentStyle?: StyleProp<ViewStyle>;
     /** Style overrides for the main label */
-    labelStyle?: TextStyle;
+    labelStyle?: StyleProp<TextStyle>;
     /** Style overrides for the secondary label */
-    subLabelStyle?: TextStyle;
+    subLabelStyle?: StyleProp<TextStyle>;
     /** Style overrides for the caption */
-    captionStyle?: TextStyle;
+    captionStyle?: StyleProp<TextStyle>;
     /** Color override for the main label */
     labelColor?: string;
     /** Color override for the secondary label */

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ViewStyle } from 'react-native';
+import type { ViewStyle, StyleProp } from 'react-native';
 import type { SpacingProps, LayoutProps } from '../../core/utils';
 import type { BorderRadiusProps } from '../../core/theme/radius';
 import type { SizeValue } from '../../core/theme/sizes';
@@ -50,11 +50,11 @@ export interface SegmentedControlProps extends SpacingProps, LayoutProps, Border
     /** Visual style variant */
     variant?: 'default' | 'filled' | 'outline' | 'ghost';
     /** Custom style for indicator */
-    indicatorStyle?: ViewStyle;
+    indicatorStyle?: StyleProp<ViewStyle>;
     /** Custom style applied to every item */
-    itemStyle?: ViewStyle;
+    itemStyle?: StyleProp<ViewStyle>;
     /** Style applied to the container */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Test identifier applied to container */
     testID?: string;
     /** Accessibility label for the entire control */

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

@@ -48,7 +48,7 @@ export interface SelectProps<T = any> extends SpacingProps, LayoutProps {
     /** Stretches the trigger to occupy the full width of its container. */
     fullWidth?: boolean;
     /** Maximum height the dropdown may reach before it scrolls. */
-    maxHeight?: number;
+    maxH?: number;
     /** Whether the dropdown should close immediately after selection. */
     closeOnSelect?: boolean;
     /** Allows the user to clear the current selection. */

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

@@ -1,4 +1,4 @@
-import { DimensionValue, ViewStyle, View } from 'react-native';
+import { DimensionValue, ViewStyle, View, StyleProp } from 'react-native';
 import { SpacingProps } from '../../core/utils';
 import { SizeValue } from '../../core/theme/sizes';
 export type SkeletonShape = 'text' | 'chip' | 'avatar' | 'button' | 'card' | 'circle' | 'rectangle' | 'rounded';
@@ -6,9 +6,9 @@ export interface SkeletonProps extends SpacingProps {
     /** Shape of the skeleton placeholder */
     shape?: SkeletonShape;
     /** Width of the skeleton component */
-    width?: DimensionValue;
+    w?: DimensionValue;
     /** Height of the skeleton component */
-    height?: DimensionValue;
+    h?: DimensionValue;
     /** Size of the skeleton component (overrides width/height) */
     size?: SizeValue;
     /** Border radius for rectangle/rounded shapes */
@@ -20,7 +20,7 @@ export interface SkeletonProps extends SpacingProps {
     /** Gradient colors for the shimmer effect */
     colors?: [string, string];
     /** Style overrides for the skeleton container */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Optional test identifier */
     testID?: string;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
+import { ViewStyle, StyleProp } from 'react-native';
 import { BaseInputProps } from '../Input/types';
 import { ColorValue, SizeValue, PlatformBlocksTheme } from '../../core/theme/types';
 export type SliderColorScheme = keyof PlatformBlocksTheme['colors'] | (string & {});
@@ -39,11 +39,11 @@ export interface SliderProps extends Omit<BaseInputProps, 'value' | 'onChangeTex
     /** Theme color palette or custom color to drive active elements */
     colorScheme?: SliderColorScheme;
     /** Additional styling for the inactive track */
-    trackStyle?: ViewStyle;
+    trackStyle?: StyleProp<ViewStyle>;
     /** Additional styling for the active track */
-    activeTrackStyle?: ViewStyle;
+    activeTrackStyle?: StyleProp<ViewStyle>;
     /** Additional styling for the thumb */
-    thumbStyle?: ViewStyle;
+    thumbStyle?: StyleProp<ViewStyle>;
     /** Override inactive tick color */
     tickColor?: ColorValue;
     /** Override active tick color */
@@ -113,8 +113,8 @@ export interface SliderTrackProps {
     isRange?: boolean;
     trackColor?: ColorValue;
     activeTrackColor?: ColorValue;
-    trackStyle?: ViewStyle;
-    activeTrackStyle?: ViewStyle;
+    trackStyle?: StyleProp<ViewStyle>;
+    activeTrackStyle?: StyleProp<ViewStyle>;
     trackHeight?: number;
     thumbSize?: number;
 }
@@ -145,7 +145,7 @@ export interface SliderThumbProps {
     zIndex?: number;
     panHandlers?: any;
     thumbColor?: ColorValue;
-    thumbStyle?: ViewStyle;
+    thumbStyle?: StyleProp<ViewStyle>;
     thumbSize?: number;
 }
 export interface SliderLabelProps {

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

@@ -1,4 +1,4 @@
-import type { ViewStyle, TextInput } from 'react-native';
+import type { ViewStyle, TextInput, StyleProp } from 'react-native';
 import React from 'react';
 import { SpotlightItem } from './SpotlightTypes';
 import type { HighlightProps as HighlightComponentProps } from '../Highlight';
@@ -23,7 +23,7 @@ export interface SpotlightRootProps {
     opened?: boolean;
     onClose?: () => void;
     shortcut?: string | string[] | null;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
 }
 export interface SpotlightSearchProps {
     value?: string;
@@ -41,7 +41,7 @@ export interface SpotlightActionsListProps {
     children: React.ReactNode;
     scrollable?: boolean;
     maxHeight?: number;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     scrollRef?: any;
     onScrollChange?: (y: number) => void;
 }
@@ -54,7 +54,7 @@ export interface SpotlightActionProps {
     disabled?: boolean;
     selected?: boolean;
     children?: React.ReactNode;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     innerRef?: any;
     onLayout?: (e: any) => void;
     highlightQuery?: HighlightComponentProps['highlight'];
@@ -62,9 +62,9 @@ export interface SpotlightActionProps {
 export interface SpotlightActionsGroupProps {
     label: string;
     children: React.ReactNode;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
 }
 export interface SpotlightEmptyProps {
     children: React.ReactNode;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
 }

package/lib/components/Table/Table.d.ts

@@ -53,9 +53,9 @@ export interface TableProps extends SpacingProps {
 export interface TableScrollContainerProps extends SpacingProps {
     children?: React.ReactNode;
     /** Minimum width before scrolling kicks in */
-    minWidth?: number;
+    minW?: number;
     /** Maximum height before vertical scrolling */
-    maxHeight?: number;
+    maxH?: number;
     /** Scroll type for web */
     type?: 'native' | 'custom';
     style?: any;
@@ -84,9 +84,9 @@ export interface TableCellProps extends SpacingProps {
     /** Text alignment */
     align?: 'left' | 'center' | 'right';
     /** Minimum width for auto-sizing */
-    minWidth?: number;
+    minW?: number;
     /** Maximum width for auto-sizing */
-    maxWidth?: number;
+    maxW?: number;
     /** Flex grow factor for flexible sizing */
     flex?: number;
     /** Width strategy for responsive behavior */

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

@@ -4,7 +4,7 @@ interface RadiusProp {
     radius?: number | string;
 }
 import type { SizeValue } from '../../core/theme/sizes';
-import type { ViewStyle, TextStyle } from 'react-native';
+import type { ViewStyle, TextStyle, StyleProp } from 'react-native';
 /**
  * Describes a single tab rendered by the {@link Tabs} component.
  */
@@ -115,19 +115,19 @@ export interface TabsProps extends SpacingProps, RadiusProp {
     /**
      * Style overrides for the outer container.
      */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /**
      * Style overrides applied to each tab pressable.
      */
-    tabStyle?: ViewStyle;
+    tabStyle?: StyleProp<ViewStyle>;
     /**
      * Style for the active tab content wrapper.
      */
-    contentStyle?: ViewStyle;
+    contentStyle?: StyleProp<ViewStyle>;
     /**
      * Additional text style applied to tab labels.
      */
-    textStyle?: TextStyle;
+    textStyle?: StyleProp<TextStyle>;
     /**
      * Array of tab keys that should be rendered disabled.
      */

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

@@ -17,7 +17,7 @@ export interface TextAreaProps extends BaseInputProps {
     /** Show character counter */
     showCharCounter?: boolean;
     /** Fixed height for the TextArea */
-    height?: number;
+    h?: number;
     /** Resize behavior */
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
     /** Additional TextInput props */
@@ -30,5 +30,5 @@ export interface TextAreaStyleProps {
     error?: boolean;
     rows?: number;
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
-    height?: number;
+    h?: number;
 }

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

@@ -12,6 +12,8 @@ export interface TimelineItemProps extends Omit<ViewProps, 'children'> {
     children?: ReactNode;
     /** Item title */
     title?: string;
+    /** Optional timestamp text or node */
+    timestamp?: ReactNode;
     /** Custom bullet content (icon, avatar, etc.) */
     bullet?: ReactNode;
     /** Line variant for this item */
@@ -20,6 +22,12 @@ export interface TimelineItemProps extends Omit<ViewProps, 'children'> {
     color?: string;
     /** Item color variant token (e.g. primary.5 or primary) used if color not provided */
     colorVariant?: string;
+    /** Override title text color for this item */
+    titleColor?: string;
+    /** Override description text color for this item */
+    descriptionColor?: string;
+    /** Override timestamp text color for this item */
+    timestampColor?: string;
     /** Whether this item is active */
     active?: boolean;
     /** Override timeline alignment for this specific item */
@@ -34,6 +42,12 @@ export interface TimelineProps extends Omit<ViewProps, 'children'> {
     color?: string;
     /** Timeline color variant token (e.g. primary.5) used when color not provided */
     colorVariant?: string;
+    /** Default title color for all items */
+    titleColor?: string;
+    /** Default description color for all items */
+    descriptionColor?: string;
+    /** Default timestamp color for all items */
+    timestampColor?: string;
     /** Line width */
     lineWidth?: number;
     /** Bullet size */
@@ -58,4 +72,10 @@ export interface TimelineContextValue {
     metrics: TimelineSizeMetrics;
     /** Whether layout is split with centered vertical line */
     centerMode?: boolean;
+    /** Default title color for items */
+    titleColor?: string;
+    /** Default description color for items */
+    descriptionColor?: string;
+    /** Default timestamp color for items */
+    timestampColor?: string;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
+import { ViewStyle, StyleProp } from 'react-native';
 import { SpacingProps } from '../../core/utils';
 import { BorderRadiusProps } from '../../core/theme/radius';
 export type ToastVariant = 'light' | 'filled' | 'outline';
@@ -58,7 +58,7 @@ export interface ToastProps extends SpacingProps, BorderRadiusProps {
     /** Position of the toast for animation direction */
     position?: ToastPosition;
     /** Container style */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Test ID for testing */
     testID?: string;
     /** Action buttons */

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle, View } from 'react-native';
+import { ViewStyle, View, StyleProp } from 'react-native';
 import { SizeValue } from '../../core/theme/sizes';
 export type TooltipPositionType = 'top' | 'bottom' | 'left' | 'right';
 export interface TooltipProps {
@@ -34,7 +34,7 @@ export interface TooltipProps {
     /** Children element to attach tooltip to */
     children: React.ReactElement;
     /** Container style */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Test ID for testing */
     testID?: string;
 }

package/lib/components/Video/NativeVideoPlayer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ImageStyle } from 'react-native';
+import { ImageStyle, StyleProp } from 'react-native';
 import type { VideoSource, VideoPlaybackRate } from './types';
 interface NativeVideoPlayerProps {
     source: VideoSource;
@@ -17,7 +17,7 @@ interface NativeVideoPlayerProps {
     onLoad?: () => void;
     onLoadStart?: () => void;
     onBuffer?: (buffering: boolean) => void;
-    style?: ImageStyle;
+    style?: StyleProp<ImageStyle>;
     accessibilityLabel?: string;
 }
 interface NativeVideoPlayerRef {

package/lib/components/Video/VideoControls.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
+import { ViewStyle, StyleProp } from 'react-native';
 import type { VideoControls as VideoControlsConfig, VideoState, VideoPlaybackRate } from './types';
 interface VideoControlsProps {
     config: VideoControlsConfig;
@@ -11,7 +11,7 @@ interface VideoControlsProps {
     onPlaybackRateChange: (rate: VideoPlaybackRate) => void;
     onToggleFullscreen: () => void;
     onScrubbingChange?: (isScrubbing: boolean) => void;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
 }
 export declare function VideoControls({ config, state, onPlay, onPause, onSeek, onVolumeChange, onPlaybackRateChange, onToggleFullscreen, onScrubbingChange, style }: VideoControlsProps): React.JSX.Element;
 export {};

package/lib/components/Video/YouTubePlayer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ImageStyle } from 'react-native';
+import { ImageStyle, StyleProp } from 'react-native';
 import type { VideoSource, VideoPlaybackRate, VideoQuality } from './types';
 interface YouTubePlayerProps {
     source: VideoSource;
@@ -28,7 +28,7 @@ interface YouTubePlayerProps {
     onLoad?: () => void;
     onLoadStart?: () => void;
     onBuffer?: (buffering: boolean) => void;
-    style?: ImageStyle;
+    style?: StyleProp<ImageStyle>;
     accessibilityLabel?: string;
 }
 interface YouTubePlayerRef {

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

@@ -1,4 +1,4 @@
-import { ViewStyle, ImageStyle } from 'react-native';
+import { ViewStyle, ImageStyle, StyleProp } from 'react-native';
 import type { SpacingProps } from '../../core/utils';
 export type VideoSource = {
     /** Video URL (mp4, webm, etc.) */
@@ -74,8 +74,8 @@ export interface VideoProps extends SpacingProps {
     /** Video source configuration */
     source: VideoSource;
     /** Display and sizing */
-    width?: number | string;
-    height?: number | string;
+    w?: number | string;
+    h?: number | string;
     aspectRatio?: number;
     poster?: string;
     /** Playback configuration */
@@ -118,9 +118,9 @@ export interface VideoProps extends SpacingProps {
     onBuffer?: (buffering: boolean) => void;
     onTimelineEvent?: (event: VideoTimelineEvent, state: VideoState) => void;
     /** Styling */
-    style?: ViewStyle;
-    videoStyle?: ImageStyle;
-    controlsStyle?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
+    videoStyle?: StyleProp<ImageStyle>;
+    controlsStyle?: StyleProp<ViewStyle>;
     /** Accessibility */
     accessibilityLabel?: string;
     testID?: string;

package/lib/components/Waveform/WaveformSkeleton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface WaveformSkeletonProps {
-    width?: number;
-    height?: number;
+    w?: number;
+    h?: number;
     fullWidth?: boolean;
     barsCount?: number;
 }

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

@@ -4,9 +4,9 @@ export interface WaveformProps extends Omit<ViewProps, 'children'> {
     /** Array of peak values (normalized between -1 and 1) */
     peaks: number[];
     /** Width of the waveform */
-    width?: number;
+    w?: number;
     /** Height of the waveform */
-    height?: number;
+    h?: number;
     /** Color of the waveform */
     color?: string;
     /** Visual variant of the waveform */

package/lib/components/index.d.ts

@@ -50,7 +50,6 @@ export { Slider, RangeSlider } from './Slider';
 export { Knob } from './Knob';
 export { AutoComplete } from './AutoComplete';
 export { FileInput } from './FileInput';
-export { RichTextEditor } from './RichTextEditor';
 export { Form } from './Form';
 export { FormLayout, FormSection, FormGroup, FormField } from './FormLayout';
 export { Row, Column } from './Layout';
@@ -133,7 +132,6 @@ export type { SliderProps, RangeSliderProps } from './Slider';
 export type { KnobProps, KnobMark } from './Knob';
 export type { AutoCompleteProps, AutoCompleteOption } from './AutoComplete';
 export type { FileInputProps, FileInputFile } from './FileInput';
-export type { RichTextEditorProps, RichTextEditorContent, RichTextEditorFormat, RichTextEditorSelection } from './RichTextEditor';
 export type { FormProps, FormFieldProps, FormInputProps, FormLabelProps, FormErrorProps, FormSubmitProps } from './Form';
 export type { RowProps, ColumnProps } from './Layout';
 export type { ToastOptions, ToastPosition } from './Toast';

package/lib/components/types.d.ts

@@ -35,7 +35,6 @@ export type { SliderProps, RangeSliderProps } from './Slider';
 export type { KnobProps, KnobMark } from './Knob';
 export type { AutoCompleteProps, AutoCompleteOption } from './AutoComplete';
 export type { FileInputProps, FileInputFile } from './FileInput';
-export type { RichTextEditorProps } from './RichTextEditor';
 export type { FormProps } from './Form';
 export type { RowProps, ColumnProps } from './Layout';
 export type { ProgressProps } from './Progress';