@platform-blocks/ui 0.3.0 → 0.4.0

package/lib/components/ShimmerText/ShimmerText.d.ts

@@ -1,34 +1,4 @@
 import React from 'react';
-import { type TextProps } from '../Text';
-type ShimmerDirection = 'ltr' | 'rtl';
-export interface ShimmerTextProps extends Omit<TextProps, 'children' | 'color' | 'onLayout'> {
-    children?: React.ReactNode;
-    /** Text to render with shimmer effect */
-    text?: string;
-    /** Base text color rendered underneath the shimmer */
-    color?: string;
-    /** Optional gradient stops override */
-    colors?: string[];
-    /** Primary shimmering color used to derive stops when `colors` not provided */
-    shimmerColor?: string;
-    /** Duration in seconds for a single sweep */
-    duration?: number;
-    /** Delay in seconds before the first sweep starts */
-    delay?: number;
-    /** Additional pause in seconds between repeated sweeps */
-    repeatDelay?: number;
-    /** Whether the shimmer should loop */
-    repeat?: boolean;
-    /** Run the shimmer exactly once */
-    once?: boolean;
-    /** Direction the shimmer should travel */
-    direction?: ShimmerDirection;
-    /** Multiplier that controls how wide the gradient band is relative to the text width */
-    spread?: number;
-    /** Enable verbose logging for debugging */
-    debug?: boolean;
-    /** Called with the layout of the text */
-    onLayout?: TextProps['onLayout'];
-}
+import type { ShimmerTextProps } from './types';
 export declare function ShimmerText(props: ShimmerTextProps): React.JSX.Element;
-export {};
+export type { ShimmerTextProps } from './types';

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

@@ -1,11 +1,15 @@
-import type { TextProps } from '../Text/Text';
-export interface ShimmerTextProps extends Omit<TextProps, 'children' | 'value' | 'color'> {
+import type { ReactNode } from 'react';
+import type { TextProps } from '../Text';
+export type ShimmerDirection = 'ltr' | 'rtl';
+export interface ShimmerTextProps extends Omit<TextProps, 'children' | 'color' | 'onLayout' | 'value'> {
     /** Text node children. Overrides `text` when provided */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Text content to render when not using children */
     text?: string;
-    /** Base text color. Falls back to the current theme text color */
+    /** Base text color rendered underneath the shimmer */
     color?: string;
+    /** Optional gradient stops override */
+    colors?: string[];
     /** Highlight color used for the shimmer pass */
     shimmerColor?: string;
     /** Length multiplier for the shimmer sweep (higher = wider highlight) */
@@ -14,18 +18,22 @@ export interface ShimmerTextProps extends Omit<TextProps, 'children' | 'value' |
     duration?: number;
     /** Delay before the shimmer starts (seconds) */
     delay?: number;
-    /** Whether the shimmer should repeat indefinitely */
-    repeat?: boolean;
     /** Delay between shimmer repetitions (seconds) */
     repeatDelay?: number;
-    /** Start shimmering once the component enters the viewport (web only) */
-    startOnView?: boolean;
+    /** Whether the shimmer should repeat indefinitely */
+    repeat?: boolean;
     /** Animate only once after becoming visible */
     once?: boolean;
+    /** Direction of shimmer movement */
+    direction?: ShimmerDirection;
+    /** Enable verbose logging for debugging */
+    debug?: boolean;
+    /** Custom layout callback propagated to the underlying text */
+    onLayout?: TextProps['onLayout'];
+    /** Start shimmering once the component enters the viewport (web only) */
+    startOnView?: boolean;
     /** Custom IntersectionObserver margin (web only) */
     inViewMargin?: string;
-    /** Direction of shimmer movement */
-    direction?: 'ltr' | 'rtl';
     /** Optional container style */
     containerStyle?: any;
     /** Optional test identifier */

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { SpotlightProps, SpotlightRootProps, SpotlightSearchProps, SpotlightActionsListProps, SpotlightActionProps, SpotlightActionsGroupProps, SpotlightEmptyProps } from './types';
 declare function SpotlightRoot({ query, onQueryChange, children, opened, onClose, shortcut, style, }: SpotlightRootProps): React.JSX.Element;
-declare function SpotlightSearch({ value, onChangeText, leftSection, placeholder, onNavigateUp, onNavigateDown, onSelectAction, onClose, autoFocus, inputRef: forwardedRef, ...props }: SpotlightSearchProps): React.JSX.Element;
+declare function SpotlightSearch({ value, onChangeText, startSection, placeholder, onNavigateUp, onNavigateDown, onSelectAction, onClose, autoFocus, inputRef: forwardedRef, ...props }: SpotlightSearchProps): React.JSX.Element;
 declare function SpotlightActionsList({ children, scrollable, maxHeight, style, scrollRef, onScrollChange, }: SpotlightActionsListProps): React.JSX.Element;
-declare function SpotlightAction({ label, description, leftSection, rightSection, onPress, disabled, selected, children, style, innerRef, highlightQuery, }: SpotlightActionProps): React.JSX.Element;
+declare function SpotlightAction({ label, description, startSection, endSection, onPress, disabled, selected, children, style, innerRef, highlightQuery, }: SpotlightActionProps): React.JSX.Element;
 declare function SpotlightActionsGroup({ label, children, style, }: SpotlightActionsGroupProps): React.JSX.Element;
 declare function SpotlightEmpty({ children, style }: SpotlightEmptyProps): React.JSX.Element;
 export declare function Spotlight({ actions, nothingFound, highlightQuery, limit, scrollable, maxHeight, // Remove default - let it be calculated dynamically

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

@@ -29,7 +29,7 @@ export interface SpotlightSearchProps {
     value?: string;
     onChangeText?: (text: string) => void;
     placeholder?: string;
-    leftSection?: React.ReactNode;
+    startSection?: React.ReactNode;
     onNavigateUp?: () => void;
     onNavigateDown?: () => void;
     onSelectAction?: () => void;
@@ -48,8 +48,8 @@ export interface SpotlightActionsListProps {
 export interface SpotlightActionProps {
     label?: string;
     description?: string;
-    leftSection?: React.ReactNode;
-    rightSection?: React.ReactNode;
+    startSection?: React.ReactNode;
+    endSection?: React.ReactNode;
     onPress?: () => void;
     disabled?: boolean;
     selected?: boolean;

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

@@ -1,12 +1,13 @@
 import React from 'react';
 import { SizeValue, ColorValue, SpacingProps } from '../../core/theme/types';
+import type { DisclaimerSupport } from '../_internal/Disclaimer';
 export interface BaseComponentProps extends SpacingProps {
     /** Component test ID for testing */
     testID?: string;
     /** Additional CSS styles */
     style?: any;
 }
-export interface SwitchProps extends BaseComponentProps {
+export interface SwitchProps extends BaseComponentProps, DisclaimerSupport {
     /** Whether switch is on */
     checked?: boolean;
     /** Initial checked state for uncontrolled usage */

package/lib/components/Text/Text.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 import { TextProps as RNTextProps } from 'react-native';
 import { SizeValue } from '../../core/theme/sizes';
 import { SpacingProps } from '../../core/utils';
-export type HTMLTextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'small' | 'strong' | 'b' | 'i' | 'em' | 'u' | 'sub' | 'sup' | 'mark' | 'code' | 'kbd' | 'blockquote' | 'cite';
-export type LegacyTextVariant = 'body' | 'caption' | 'heading1' | 'heading2' | 'heading3' | 'subtitle';
+export type HTMLTextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'small' | 'caption' | 'strong' | 'b' | 'i' | 'em' | 'u' | 'sub' | 'sup' | 'mark' | 'code' | 'kbd' | 'blockquote' | 'cite';
 export interface TextProps extends SpacingProps {
     /** Text node children. Optional if using translation via `tx`. */
     children?: React.ReactNode;
@@ -11,8 +10,8 @@ export interface TextProps extends SpacingProps {
     tx?: string;
     /** Params for translation interpolation */
     txParams?: Record<string, any>;
-    /** Text variant (HTML tags or legacy variants) */
-    variant?: HTMLTextVariant | LegacyTextVariant;
+    /** Text variant (mirrors semantic HTML tags) */
+    variant?: HTMLTextVariant;
     /** Size can be a size token or number (overrides variant fontSize) */
     size?: SizeValue;
     /** Text color (overrides theme text color) */

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

@@ -1,2 +1,2 @@
-export { Text, type TextProps, type HTMLTextVariant, type LegacyTextVariant } from './Text';
+export { Text, type TextProps, type HTMLTextVariant } from './Text';
 export { H1, H2, H3, H4, H5, H6, P, Small, Strong, Bold, Italic, Emphasis, Underline, Code, Kbd, Mark, Blockquote, Cite, Sub, Sup } from './aliases';

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

@@ -38,8 +38,7 @@ interface ToastItem extends ToastOptions {
     timestamp: number;
     priority: number;
 }
-export interface SeverityToastOptions extends Omit<ToastOptions, 'sev'> {
-}
+export type SeverityToastOptions = Omit<ToastOptions, 'sev'>;
 export type ToastMessage = string;
 export type ToastShortcut = ToastMessage | SeverityToastOptions;
 interface ToastContextValue {
@@ -77,12 +76,6 @@ interface ToastProviderProps {
 export declare const ToastProvider: React.FC<ToastProviderProps>;
 export declare const toasts: ToastContextValue;
 export declare const useToastApi: () => ToastContextValue;
-export declare const toast: ToastContextValue;
-export declare const notifications: ToastContextValue;
 export declare const useActiveToasts: () => ToastItem[];
 export declare const onToastsRequested: typeof onToastRequested;
-export declare const onNotificationsRequested: typeof onToastRequested;
-export declare const useNotifications: () => ToastContextValue;
-export declare const useNotificationsApi: () => ToastContextValue;
-export declare const NotificationsProvider: React.FC<ToastProviderProps>;
 export {};

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

@@ -1,3 +1,3 @@
 export { Toast } from './Toast';
 export type { ToastProps, ToastVariant, ToastColor, ToastSeverity } from './types';
-export { ToastProvider, useToast, useToastApi, useActiveToasts, ToastOptions, ToastPosition, SeverityToastOptions, ToastMessage, ToastShortcut, toast, onToastsRequested } from './ToastProvider';
+export { ToastProvider, useToast, useToastApi, useActiveToasts, ToastOptions, ToastPosition, SeverityToastOptions, ToastMessage, ToastShortcut, onToastsRequested } from './ToastProvider';

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

@@ -1,6 +1,7 @@
 import { SpacingProps, LayoutProps } from '../../core/utils';
 import { BorderRadiusProps } from '../../core/theme/radius';
 import { SizeValue } from '../../core/theme/sizes';
+import type { DisclaimerSupport } from '../_internal/Disclaimer';
 export interface ToggleButtonProps extends SpacingProps, LayoutProps, BorderRadiusProps {
     /** Value for this toggle button */
     value: string | number;
@@ -25,7 +26,7 @@ export interface ToggleButtonProps extends SpacingProps, LayoutProps, BorderRadi
     /** Test ID for testing */
     testID?: string;
 }
-export interface ToggleGroupProps extends SpacingProps, LayoutProps, BorderRadiusProps {
+export interface ToggleGroupProps extends SpacingProps, LayoutProps, BorderRadiusProps, DisclaimerSupport {
     /** Current selected value(s) */
     value?: string | number | (string | number)[];
     /** Initial value(s) for uncontrolled usage */

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

@@ -69,4 +69,6 @@ export interface TreeProps {
     highlight?: (label: string, query: string) => React.ReactNode;
     /** Apply alternating background stripes to rows */
     striped?: boolean;
+    /** Animate branch expansion/collapse using the Collapse component */
+    useAnimations?: boolean;
 }

package/lib/components/{Disclaimer → _internal/Disclaimer}/Disclaimer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type TextProps } from '../Text';
-import type { SpacingValue } from '../../core/theme/types';
+import { type TextProps } from '../../Text';
+import type { SpacingValue } from '../../../core/theme/types';
 export interface DisclaimerProps extends Omit<TextProps, 'children'> {
     children: React.ReactNode;
     mt?: SpacingValue;

package/lib/components/index.d.ts

@@ -1,4 +1,4 @@
-export { Alert } from './Alert';
+export { Notice } from './Notice';
 export { AppShell } from './AppShell';
 export { AppStoreBadge, AppStoreDownloadBadge, GalaxyStoreDownloadBadge, GooglePlayDownloadBadge, HuaweiAppGalleryBadge, AmazonAppstoreBadge, MicrosoftStoreDownloadBadge, SpotifyListenBadge, ApplePodcastsListenBadge, YouTubeWatchBadge, YouTubeMusicListenBadge, AppleMusicListenBadge, AmazonMusicListenBadge, SoundCloudListenBadge, AmazonStoreBadge, AmazonPrimeVideoBadge, TwitchWatchBadge, GitHubViewBadge, DiscordJoinBadge, RedditJoinBadge, TikTokWatchBadge, ChromeWebStoreBadge, } from './AppStoreBadge';
 export { AudioPlayer } from './AudioPlayer';
@@ -14,10 +14,9 @@ export { Chip } from './Chip';
 export { CodeBlock } from './CodeBlock';
 export { CopyButton } from './CopyButton/CopyButton';
 export { ColorPicker } from './ColorPicker';
-export { Container } from './Container';
 export { KeyboardAwareLayout } from './KeyboardAwareLayout';
 export { DataTable } from './DataTable';
-export { Disclaimer, ComponentWithDisclaimer, useDisclaimer, withDisclaimer, extractDisclaimerProps } from './Disclaimer';
+export { Disclaimer, ComponentWithDisclaimer, useDisclaimer, withDisclaimer, extractDisclaimerProps } from './_internal/Disclaimer';
 export { Dialog, DialogProvider, DialogRenderer, useDialog, useSimpleDialog } from './Dialog';
 export { Divider } from './Divider';
 export { Space } from './Space';
@@ -55,13 +54,13 @@ export { RichTextEditor } from './RichTextEditor';
 export { Form } from './Form';
 export { FormLayout, FormSection, FormGroup, FormField } from './FormLayout';
 export { Row, Column } from './Layout';
-export { ToastProvider, useToast, useToastApi, toast } from './Toast';
+export { ToastProvider, useToast, useToastApi } from './Toast';
 export { Progress } from './Progress';
 export { QRCode } from './QRCode';
 export { NavigationProgress, navigationProgress } from './NavigationProgress';
 export { Radio, RadioGroup } from './Radio';
 export { Rating } from './Rating';
-export { Reveal } from './Reveal';
+export { Collapse } from './Collapse';
 export { Ring } from './Ring';
 export { Skeleton } from './Skeleton';
 export { Loader } from './Loader';
@@ -87,7 +86,7 @@ export { HoverCard } from './HoverCard/HoverCard';
 export { ContextMenu } from './ContextMenu';
 export { Popover } from './Popover';
 export { Gallery } from './Gallery';
-export type { AlertProps } from './Alert';
+export type { NoticeProps } from './Notice';
 export type { AppShellProps } from './AppShell';
 export type { AppStoreBadgeProps, AppStoreBadgeSize, SupportedLocale, BadgeConfig } from './AppStoreBadge';
 export type { AvatarProps, AvatarGroupProps } from './Avatar';
@@ -103,7 +102,6 @@ export type { ChipProps } from './Chip';
 export type { CodeBlockProps } from './CodeBlock/types';
 export type { CopyButtonProps } from './CopyButton/types';
 export type { ColorPickerProps } from './ColorPicker';
-export type { ContainerProps } from './Container';
 export type { KeyboardAwareLayoutProps } from './KeyboardAwareLayout';
 export type { DialogProps, DialogConfig, UseSimpleDialogOptions } from './Dialog';
 export type { DividerProps } from './Divider';
@@ -153,7 +151,6 @@ export type { SpotlightProps, SpotlightActionData, SpotlightActionGroupData, Spo
 export type { SwitchProps } from './Switch';
 export type { TableProps } from './Table';
 export type { DataTableProps, DataTableColumn, DataTableFilter, DataTableSort, DataTablePagination } from './DataTable';
-export type { DisclaimerProps, WithDisclaimerProps, ComponentWithDisclaimerProps, DisclaimerSupport } from './Disclaimer';
 export type { TextProps } from './Text';
 export type { ToastProps } from './Toast';
 export type { TooltipProps, TooltipPositionType } from './Tooltip';
@@ -168,7 +165,7 @@ export type { ContextMenuProps, ContextMenuItem } from './ContextMenu/ContextMen
 export type { PopoverProps, PopoverTargetProps, PopoverDropdownProps } from './Popover';
 export type { SegmentedControlProps, SegmentedControlItem, SegmentedControlData } from './SegmentedControl';
 export type { GalleryProps, GalleryModalProps, GalleryItem } from './Gallery';
-export * from './Accessibility/AccessibilityHelpers';
-export * from './Accessibility/AccessibilityTesting';
-export * from './Accessibility/AccessibilityDemo';
+export * from './_internal/Accessibility/AccessibilityHelpers';
+export * from './_internal/Accessibility/AccessibilityTesting';
+export * from './_internal/Accessibility/AccessibilityDemo';
 export * from './Button/SoundButton';

package/lib/components/optimized.d.ts

@@ -33,7 +33,16 @@ export declare const LazyRangeSlider: React.LazyExoticComponent<import("../core"
 export declare const LazyKnob: React.LazyExoticComponent<import("../core").PlatformBlocksComponent<{
     props: import("./Knob/types").KnobProps;
     ref: import("react-native").View;
-}>>;
+}> & {
+    Root: React.FC<import("./Knob/types").KnobRootProps>;
+    Fill: React.FC<import("./Knob/types").KnobFillPartProps>;
+    Ring: React.FC<import("./Knob/types").KnobRingPartProps>;
+    Progress: React.FC<import("./Knob/types").KnobProgressPartProps>;
+    TickLayer: React.FC<import("./Knob/types").KnobTickLayerPartProps>;
+    Pointer: React.FC<import("./Knob/types").KnobPointerPartProps>;
+    Thumb: React.FC<import("./Knob/types").KnobThumbPartProps>;
+    ValueLabel: React.FC<import("./Knob/types").KnobValueLabelPartProps>;
+}>;
 export declare const LazyCheckbox: React.LazyExoticComponent<React.ForwardRefExoticComponent<import("./Checkbox/types").CheckboxProps & React.RefAttributes<import("react-native").View>>>;
 export declare const LazyRadio: React.LazyExoticComponent<import("../core").PlatformBlocksComponent<{
     props: import("./Radio/types").RadioProps;

package/lib/components/types.d.ts

@@ -1,4 +1,4 @@
-export type { AlertProps } from './Alert';
+export type { NoticeProps } from './Notice';
 export type { AppShellProps } from './AppShell';
 export type { AvatarProps, AvatarGroupProps } from './Avatar';
 export type { BreadcrumbsProps, BreadcrumbItem } from './Breadcrumbs';
@@ -10,7 +10,6 @@ export type { ChipProps } from './Chip';
 export type { CodeBlockProps } from './CodeBlock/types';
 export type { CopyButtonProps } from './CopyButton/types';
 export type { ColorPickerProps } from './ColorPicker';
-export type { ContainerProps } from './Container';
 export type { KeyboardAwareLayoutProps } from './KeyboardAwareLayout';
 export type { DialogProps } from './Dialog';
 export type { DividerProps } from './Divider';

package/lib/core/components/InputContainer.d.ts

@@ -8,12 +8,12 @@ export interface InputContainerProps {
     error?: boolean;
     focused?: boolean;
     radius?: any;
-    leftSection?: React.ReactNode;
-    rightSection?: React.ReactNode;
+    startSection?: React.ReactNode;
+    endSection?: React.ReactNode;
     style?: ViewStyle;
 }
 /**
  * Unified input container that provides consistent styling
  * for all input-like components (Input, Select, AutoComplete, etc.)
  */
-export declare function InputContainer({ children, size, disabled, error, focused, radius, leftSection, rightSection, style, }: InputContainerProps): React.JSX.Element;
+export declare function InputContainer({ children, size, disabled, error, focused, radius, startSection, endSection, style, }: InputContainerProps): React.JSX.Element;

package/lib/core/factory/factory.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { UniversalSystemProps } from '../utils/universal';
+type UnknownProps = Record<string, unknown>;
 export interface FactoryPayload {
     props: any & UniversalSystemProps;
     ref: any;
     staticComponents?: Record<string, any>;
 }
-export interface ComponentWithProps<Props = {}, RefType = any> {
+export interface ComponentWithProps<Props = UnknownProps, RefType = any> {
     withProps: <T extends Partial<Props>>(fixedProps: T) => any;
 }
 export interface PlatformBlocksComponent<Payload extends FactoryPayload> extends React.ForwardRefExoticComponent<React.PropsWithoutRef<Payload['props']> & React.RefAttributes<Payload['ref']>>, ComponentWithProps<Payload['props'], Payload['ref']> {
@@ -31,3 +32,4 @@ export interface FactoryOptions<Payload extends FactoryPayload> {
 }
 export declare function factory<Payload extends FactoryPayload>(ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>, options?: FactoryOptions<Payload>): PlatformBlocksComponent<Payload>;
 export type Factory<Payload extends FactoryPayload> = Payload;
+export {};

package/lib/core/factory/polymorphicFactory.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
 import { ComponentWithProps, FactoryPayload } from './factory';
+type DefaultProps = Record<string, unknown>;
 type ElementType = keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
 type PropsOf<C extends ElementType> = React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
 type ComponentProp<C> = {
     component?: C;
 };
-type ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps & Omit<Props, keyof OverrideProps>;
-type InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;
+type ExtendedProps<Props = DefaultProps, OverrideProps = DefaultProps> = OverrideProps & Omit<Props, keyof OverrideProps>;
+type InheritedProps<C extends ElementType, Props = DefaultProps> = ExtendedProps<PropsOf<C>, Props>;
 export type PolymorphicRef<C> = C extends React.ElementType ? React.ComponentPropsWithRef<C>['ref'] : never;
-export type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType ? InheritedProps<C, Props & ComponentProp<C>> & {
+export type PolymorphicComponentProps<C, Props = DefaultProps> = C extends React.ElementType ? InheritedProps<C, Props & ComponentProp<C>> & {
     ref?: PolymorphicRef<C>;
 } : Props & {
     component: React.ElementType;

package/lib/core/utils/index.d.ts

@@ -10,7 +10,7 @@ export { extractShadowProps, getShadowStyles } from './shadow';
 export { flipDirection, flipHorizontal, getLogicalProperty, transformRTLStyle, flipAlignment, shouldMirrorIcon, getIconMirrorTransform, swapStartEnd, getWritingDirection, getDefaultTextAlign, mirrorPlacement, reverseArray, DEFAULT_MIRRORABLE_ICONS, } from './rtl';
 export { debounce, throttle, measurePerformance, measureAsyncPerformance } from './debounce';
 export { INPUT_PERFORMANCE_CONFIG, PERFORMANCE_THRESHOLDS, buildInputComponents } from './performance';
-export { calculateOverlayPosition, calculateOverlayPositionEnhanced, getViewport, measureElement, pointInRect, getScrollPosition, clearOverlayPositionCache } from './positioning-enhanced';
+export { calculateOverlayPositionEnhanced, getViewport, measureElement, pointInRect, getScrollPosition, clearOverlayPositionCache } from './positioning-enhanced';
 export type { Rect, Viewport, PositionResult, PlacementType, PositioningOptions } from './positioning-enhanced';
 /**
  * Converts values to px

package/lib/core/utils/positioning-enhanced.d.ts

@@ -54,24 +54,6 @@ export declare function getViewport(): Viewport;
  * Measure element dimensions and position
  */
 export declare function measureElement(ref: any): Promise<Rect>;
-/**
- * Legacy overlay positioning function (simplified interface)
- *
- * @deprecated Use calculateOverlayPositionEnhanced for better positioning with flip/shift support
- */
-export declare function calculateOverlayPosition(anchor: Rect, overlay: {
-    width: number;
-    height: number;
-}, options?: {
-    placement?: 'top' | 'bottom' | 'left' | 'right' | 'auto' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-    offset?: number;
-    viewport?: Viewport;
-    strategy?: 'absolute' | 'fixed';
-}): Omit<PositionResult, 'flipped' | 'shifted' | 'finalWidth' | 'finalHeight'>;
-/**
- * Alias for backward compatibility
- */
-export { calculateOverlayPosition as calculateOverlayPositionLegacy };
 /**
  * Check if a point is inside a rectangle
  */

package/lib/core/utils/spacing.d.ts

@@ -3,10 +3,9 @@ import { UniversalSystemProps } from './universal';
 /** Re-export SpacingValue from theme types */
 export type { SpacingValue } from '../theme/types';
 /** Base system props that include universal props */
-export interface BaseSystemProps extends UniversalSystemProps {
-}
+export type BaseSystemProps = UniversalSystemProps;
 /** Enhanced spacing prop types with CSS value support */
-export interface SpacingProps extends BaseSystemProps {
+export type SpacingProps = BaseSystemProps & {
     /** All margins */
     m?: SpacingValue;
     /** Horizontal margins (left + right) */
@@ -35,7 +34,7 @@ export interface SpacingProps extends BaseSystemProps {
     pb?: SpacingValue;
     /** Padding left */
     pl?: SpacingValue;
-}
+};
 /**
  * Enhanced utility function to generate spacing styles from props
  * Now supports RTL-aware spacing using logical properties on web and swapped values on native

package/lib/core/utils/universal.d.ts

@@ -16,8 +16,7 @@ export interface ResponsiveProps {
     /** Show component only above this breakpoint */
     visibleFrom?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
-export interface UniversalSystemProps extends UniversalProps, ResponsiveProps {
-}
+export type UniversalSystemProps = UniversalProps & ResponsiveProps;
 /**
  * Generates CSS class names based on universal props
  */

package/lib/core/utils/universalSimple.d.ts

@@ -15,8 +15,7 @@ export interface ResponsiveProps {
     /** Show component only above this screen width (pixels) */
     visibleFrom?: number;
 }
-export interface UniversalSystemProps extends UniversalProps, ResponsiveProps {
-}
+export type UniversalSystemProps = UniversalProps & ResponsiveProps;
 /**
  * Determines if component should be hidden based on universal props
  * Primary function for React Native - returns true if component should not render

package/lib/core/utils/withUniversalProps.d.ts

@@ -12,7 +12,7 @@ interface WithUniversalPropsOptions {
 /**
  * Higher-order component that adds universal props support to any component
  */
-export declare function withUniversalProps<P extends object>(Component: React.ComponentType<P>, options?: WithUniversalPropsOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<P & UniversalSystemProps> & React.RefAttributes<any>>;
+export declare function withUniversalProps<P extends object>(Component: React.ComponentType<P>, options?: WithUniversalPropsOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<P & import("./universal").UniversalProps & import("./universal").ResponsiveProps> & React.RefAttributes<any>>;
 /**
  * Hook to apply universal styles to component props
  * Use this in component implementations for manual integration