@platform-blocks/ui 0.3.1 → 0.5.0

package/lib/hooks/index.d.ts

@@ -4,3 +4,5 @@ export { useScrollSpy, type ScrollSpyOptions, type UseScrollSpyItem } from './us
 export { useHaptics, type UseHapticsOptions, type UseHapticsReturn } from './useHaptics';
 export { useMaskedInput, type UseMaskedInputOptions, type UseMaskedInputReturn } from './useMaskedInput';
 export { useTitleRegistration, type UseTitleRegistrationOptions } from './useTitleRegistration';
+export { useDeviceInfo, type DeviceInfo, type UseDeviceInfoOptions, } from './useDeviceInfo';
+export { useOverlayMode, type UseOverlayModeOptions, type UseOverlayModeResult, } from './useOverlayMode';

package/lib/hooks/useDeviceInfo/index.d.ts

@@ -0,0 +1,108 @@
+export interface DeviceInfo {
+    runtime: {
+        platform: 'browser' | 'native';
+        browserName: string | null;
+        browserVersion: string | null;
+        jsEngine: 'Hermes' | 'JSC' | 'V8' | null;
+        engineVersion: string | null;
+    };
+    system: {
+        os: {
+            name: string | null;
+            version: string | null;
+            buildId?: string | null;
+        };
+        device: {
+            type: 'phone' | 'tablet' | 'desktop' | 'tv' | 'console' | 'wearable' | 'unknown';
+            brand: string | null;
+            model: string | null;
+            isVirtual?: boolean;
+        };
+    };
+    screen: {
+        width: number;
+        height: number;
+        scale: number;
+        fontScale?: number;
+        orientation: 'portrait' | 'landscape';
+    };
+    locale: {
+        language: string;
+        region: string | null;
+        full: string;
+        timeZone: string;
+        uses24HourClock: boolean;
+    };
+    appearance: {
+        colorScheme: 'light' | 'dark' | 'no-preference';
+        contrast: 'more' | 'less' | 'no-preference';
+        reducedMotion: boolean;
+        fontScale: number;
+    };
+    input: {
+        primaryPointer: 'touch' | 'mouse' | 'pen' | 'unknown';
+        pointerTypes: Array<'touch' | 'mouse' | 'pen'>;
+        hasTouch: boolean;
+        hasMouse: boolean;
+        hasKeyboard: boolean | null;
+    };
+    safeArea: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    network?: {
+        ipAddress?: string | null;
+        macAddress?: string | null;
+        connectionType?: 'wifi' | 'cellular' | 'ethernet' | 'unknown';
+        downlink?: number | null;
+    };
+    capabilities?: {
+        hdr: boolean | null;
+        gpu: string | null;
+    };
+    platform: {
+        isWeb: boolean;
+        isNative: boolean;
+        isIOS: boolean;
+        isAndroid: boolean;
+        isMobile: boolean;
+        isTablet: boolean;
+        isPhone: boolean;
+        isDesktop: boolean;
+        isConsole: boolean;
+        isTV: boolean;
+        isWearable: boolean;
+    };
+    helpers: {
+        isPhone: boolean;
+        isTablet: boolean;
+        isMobile: boolean;
+        isDesktop: boolean;
+        isDarkMode: boolean;
+        isLandscape: boolean;
+        getOS: () => string;
+        getBrand: () => string | null;
+    };
+    meta: {
+        updatedAt: number;
+        ready: boolean;
+    };
+}
+export interface UseDeviceInfoOptions {
+    enableExtendedData?: boolean;
+}
+type LocaleState = DeviceInfo['locale'];
+export declare function useDeviceInfo(options?: UseDeviceInfoOptions): DeviceInfo;
+/** @internal */
+export declare const __deviceInfoInternals: {
+    detectLocale: () => LocaleState;
+};
+export default useDeviceInfo;
+/**
+ * Example Usage:
+ *
+ * const info = useDeviceInfo({ enableExtendedData: true });
+ * console.log(`Running on ${info.system.os.name} with a ${info.system.device.type}`);
+ */

package/lib/hooks/useEscapeKey/index.d.ts

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

package/lib/hooks/useGlobalHotkeys/index.d.ts

@@ -0,0 +1 @@
+export { useGlobalHotkeys, globalHotkeys, type HotkeyItem } from '../useHotkeys';

package/lib/hooks/{useMaskedInput.d.ts → useMaskedInput/index.d.ts}

@@ -1,4 +1,4 @@
-import { createMask, MaskDefinition, MaskResult } from '../utils/mask';
+import { createMask, MaskDefinition, MaskResult } from './utils/mask';
 export interface UseMaskedInputOptions {
     /** The mask definition */
     mask: MaskDefinition | ReturnType<typeof createMask>;

package/lib/hooks/useMaskedInput/utils/mask.d.ts

@@ -0,0 +1,138 @@
+/**
+ * Advanced input masking utility inspired by react-imask
+ * Provides flexible pattern-based input formatting with proper cursor handling
+ */
+export interface MaskDefinition {
+    /** The mask pattern (e.g., '(000) 000-0000', '+1 000 000 0000') */
+    mask: string;
+    /** Placeholder character for unfilled positions */
+    placeholderChar?: string;
+    /** Whether to show the mask when input is empty */
+    showMask?: boolean;
+    /** Custom definitions for mask characters */
+    definitions?: Record<string, RegExp>;
+    /** Whether to allow incomplete input */
+    lazy?: boolean;
+}
+export interface MaskResult {
+    /** The masked/formatted value */
+    value: string;
+    /** The unmasked/raw value */
+    unmaskedValue: string;
+    /** Whether the mask is complete */
+    isComplete: boolean;
+    /** Current cursor position after formatting */
+    cursorPosition: number;
+}
+/**
+ * Creates a masking function for the given pattern
+ */
+export declare function createMask(definition: MaskDefinition): {
+    applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+    getDisplayValue: (value: string) => string;
+    processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+    pattern: {
+        char: string;
+        isFixed: boolean;
+        regex?: RegExp;
+    }[];
+    definition: MaskDefinition;
+};
+/**
+ * Phone number specific masking presets
+ */
+export declare const PHONE_MASKS: {
+    US: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+    US_WITH_COUNTRY: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+    UK: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+    INTERNATIONAL: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+};
+/**
+ * Other useful mask presets
+ */
+export declare const COMMON_MASKS: {
+    CREDIT_CARD: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+    DATE: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+    SSN: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+    ZIP_CODE: {
+        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
+        getDisplayValue: (value: string) => string;
+        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
+        pattern: {
+            char: string;
+            isFixed: boolean;
+            regex?: RegExp;
+        }[];
+        definition: MaskDefinition;
+    };
+};

package/lib/hooks/useOverlayMode/index.d.ts

@@ -0,0 +1,29 @@
+import { useDeviceInfo } from '../useDeviceInfo';
+export interface UseOverlayModeOptions {
+    /** Force modal presentation regardless of platform */
+    forceModal?: boolean;
+    /** Force anchored overlay/portal regardless of platform */
+    forceOverlay?: boolean;
+}
+export interface UseOverlayModeResult {
+    /** Raw device info reference (forwarded for convenience) */
+    deviceInfo: ReturnType<typeof useDeviceInfo>;
+    /** True when running on React Native Web */
+    isWeb: boolean;
+    /** Consolidated mobile experience flag (native or narrow web) */
+    isMobileExperience: boolean;
+    /** Inverse of mobile experience flag */
+    isDesktopExperience: boolean;
+    /** Prefer fullscreen/modal surfaces (native + mobile web) */
+    shouldUseModal: boolean;
+    /** Prefer anchored overlays/portals (desktop web) */
+    shouldUseOverlay: boolean;
+    /** Alias for shouldUseOverlay for popover/portal driven surfaces */
+    shouldUsePortal: boolean;
+}
+/**
+ * Normalises how components decide between fullscreen modals and anchored overlays
+ * by combining platform + device heuristics from useDeviceInfo.
+ */
+export declare function useOverlayMode(options?: UseOverlayModeOptions): UseOverlayModeResult;
+export default useOverlayMode;

package/lib/hooks/useSpotlightToggle/index.d.ts

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

package/lib/hooks/useToggleColorScheme/index.d.ts

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

package/lib/index.d.ts

@@ -16,14 +16,13 @@ export { AccessibilityProvider, useAccessibility } from './core/accessibility/co
 export { SoundProvider, useSound, useHaptics, getAllSounds, getSoundsByCategory, createSound, DEFAULT_SOUND_IDS } from './core/sound';
 export type { SoundAsset, SoundOptions, HapticFeedbackOptions } from './core/sound';
 export { factory, polymorphicFactory } from './core/factory';
-export { TitleRegistryProvider, useTitleRegistry, useTitleRegistryOptional, type TitleItem } from './contexts';
-export { rem, px, getSize, getFontSize, getRadius, getShadow, getColor, debounce, throttle, measurePerformance, measureAsyncPerformance, calculateOverlayPosition, calculateOverlayPositionEnhanced, getViewport, measureElement, pointInRect, getScrollPosition, clearOverlayPositionCache, type Rect, type Viewport, type PositionResult, type PlacementType, type PositioningOptions, } from './core/utils';
+export { TitleRegistryProvider, useTitleRegistry, useTitleRegistryOptional, type TitleItem } from './hooks/useTitleRegistration/contexts';
+export { rem, px, getSize, getFontSize, getRadius, getShadow, getColor, debounce, throttle, measurePerformance, measureAsyncPerformance, calculateOverlayPositionEnhanced, getViewport, measureElement, pointInRect, getScrollPosition, clearOverlayPositionCache, type Rect, type Viewport, type PositionResult, type PlacementType, type PositioningOptions, } from './core/utils';
 export { usePopoverPositioning, useTooltipPositioning, type UsePopoverPositioningOptions, type UsePopoverPositioningReturn, } from './core/hooks/usePopoverPositioning';
 export { useDropdownPositioning, type UseDropdownPositioningOptions, type UseDropdownPositioningReturn, } from './core/hooks/useDropdownPositioning';
 export { resolveSize, getIconSize, getHeight, getSpacing, getLineHeight, COMPONENT_SIZES, SIZE_SCALES, } from './core/theme/sizes';
 export { DEFAULT_BREAKPOINTS, resolveResponsiveProp } from './core/theme/breakpoints';
 export { useHotkeys, useGlobalHotkeys, useEscapeKey, useToggleColorScheme, useSpotlightToggle, globalHotkeys, } from './hooks';
-export { Container } from './components/Container';
 export { KeyboardAwareLayout } from './components/KeyboardAwareLayout';
 export { Flex } from './components/Flex';
 export { Grid, GridItem } from './components/Grid';
@@ -84,20 +83,20 @@ export { Block } from './components/Block';
 export { Card } from './components/Card';
 export { Chip } from './components/Chip';
 export { DataTable } from './components/DataTable';
-export { Disclaimer, ComponentWithDisclaimer, useDisclaimer, withDisclaimer, extractDisclaimerProps } from './components/Disclaimer';
+export { Disclaimer, ComponentWithDisclaimer, useDisclaimer, withDisclaimer, extractDisclaimerProps } from './components/_internal/Disclaimer';
 export { Table } from './components/Table';
 export { Timeline } from './components/Timeline';
 export { ListGroup, ListGroupItem, ListGroupDivider, ListGroupBody } from './components/ListGroup';
 export { TableOfContents } from './components/TableOfContents';
 export { Tree } from './components/Tree';
-export { Alert } from './components/Alert';
+export { Notice } from './components/Notice';
 export { Progress } from './components/Progress';
 export { Skeleton } from './components/Skeleton';
 export { Loader } from './components/Loader';
 export { Gauge } from './components/Gauge';
 export { Ring } from './components/Ring';
 export { NavigationProgress, navigationProgress } from './components/NavigationProgress';
-export { Toast, ToastProvider, useToast, useToastApi, toast, onToastsRequested } from './components/Toast';
+export { Toast, ToastProvider, useToast, useToastApi, onToastsRequested } from './components/Toast';
 export { Dialog, DialogProvider, DialogRenderer, useDialog, useDialogApi, useDialogs, useSimpleDialog, onDialogsRequested } from './components/Dialog';
 export { Tooltip } from './components/Tooltip';
 export { Overlay } from './components/Overlay';
@@ -119,6 +118,7 @@ export { Gallery } from './components/Gallery';
 export { Lottie } from './components/Lottie';
 export { Video } from './components/Video';
 export { Waveform } from './components/Waveform';
+export { Collapse } from './components/Collapse';
 export { Divider } from './components/Divider';
 export { Space } from './components/Space';
 export { Link } from './components/Link';
@@ -127,7 +127,7 @@ export { CopyButton } from './components/CopyButton/CopyButton';
 export { QRCode } from './components/QRCode';
 export { KeyCap } from './components/KeyCap';
 export { Spoiler } from './components/Spoiler';
-export { PressAnimation, withPressAnimation, AnimatedPressable } from './components/PressAnimation/PressAnimation';
+export { PressAnimation, withPressAnimation, AnimatedPressable } from './components/_internal/PressAnimation/PressAnimation';
 export { Accordion } from './components/Accordion';
 export type { PlatformBlocksTheme, PlatformBlocksThemeOverride } from './core/theme/types';
 export type { PlatformBlocksProviderProps } from './core/theme/PlatformBlocksProvider';
@@ -148,7 +148,6 @@ export type { ShimmerTextProps } from './components/ShimmerText';
 export type { HighlightProps } from './components/Highlight';
 export type { OverlayProps } from './components/Overlay';
 export type { TitleProps } from './components/Title/types';
-export type { ContainerProps } from './components/Container';
 export type { KeyboardAwareLayoutProps } from './components/KeyboardAwareLayout';
 export type { FlexProps } from './components/Flex';
 export type { GridProps, GridItemProps } from './components/Grid';
@@ -193,11 +192,11 @@ export type { IndicatorProps } from './components/Indicator';
 export type { CardProps } from './components/Card';
 export type { ChipProps } from './components/Chip';
 export type { DataTableProps, DataTableColumn, DataTableSort, DataTablePagination } from './components/DataTable';
-export type { DisclaimerProps, WithDisclaimerProps, ComponentWithDisclaimerProps, DisclaimerSupport } from './components/Disclaimer';
+export type { DisclaimerProps, WithDisclaimerProps, ComponentWithDisclaimerProps, DisclaimerSupport } from './components/_internal/Disclaimer';
 export type { TableProps } from './components/Table';
 export type { TimelineProps } from './components/Timeline';
 export type { TableOfContentsProps } from './components/TableOfContents';
-export type { AlertProps } from './components/Alert';
+export type { NoticeProps } from './components/Notice';
 export type { ProgressProps } from './components/Progress';
 export type { SkeletonProps } from './components/Skeleton';
 export type { LoaderProps } from './components/Loader';
@@ -213,9 +212,11 @@ export type { PopoverProps, PopoverTargetProps, PopoverDropdownProps } from './c
 export type { SpotlightProps } from './components/Spotlight';
 export type { Action, Subject, Field, Conditions, PermissionRule, PermissionCheck, Ability, CanProps, CanWithConditionsProps, CannotProps, PermissionGateProps, PermissionContextValue, PermissionProviderProps, UsePermissionsOptions } from './components/Can';
 export type { BrandIconProps, BrandName } from './components/BrandIcon';
+export type { CollapseProps } from './components/Collapse';
 export type { IconButtonProps } from './components/IconButton';
 export type { CarouselProps } from './components/Carousel';
 export type { GalleryProps, GalleryItem } from './components/Gallery';
+export type { ImageProps } from './components/Image';
 export type { LottieProps } from './components/Lottie';
 export type { WaveformProps } from './components/Waveform';
 export type { DividerProps } from './components/Divider';
@@ -227,7 +228,7 @@ export type { QRCodeProps } from './components/QRCode';
 export type { KeyCapProps } from './components/KeyCap';
 export type { SpoilerProps } from './components/Spoiler';
 export type { FloatingActionsProps, FloatingActionItem } from './components/FloatingActions';
-export type { PressAnimationProps } from './components/PressAnimation/PressAnimation';
+export type { PressAnimationProps } from './components/_internal/PressAnimation/PressAnimation';
 export type { AccordionProps } from './components/Accordion';
 export type { MarkdownProps, MarkdownComponentMap } from './components/Markdown';
 export type { AppShellProps } from './components/AppShell';

package/lib/utils/mask.d.ts

@@ -1,138 +1 @@
-/**
- * Advanced input masking utility inspired by react-imask
- * Provides flexible pattern-based input formatting with proper cursor handling
- */
-export interface MaskDefinition {
-    /** The mask pattern (e.g., '(000) 000-0000', '+1 000 000 0000') */
-    mask: string;
-    /** Placeholder character for unfilled positions */
-    placeholderChar?: string;
-    /** Whether to show the mask when input is empty */
-    showMask?: boolean;
-    /** Custom definitions for mask characters */
-    definitions?: Record<string, RegExp>;
-    /** Whether to allow incomplete input */
-    lazy?: boolean;
-}
-export interface MaskResult {
-    /** The masked/formatted value */
-    value: string;
-    /** The unmasked/raw value */
-    unmaskedValue: string;
-    /** Whether the mask is complete */
-    isComplete: boolean;
-    /** Current cursor position after formatting */
-    cursorPosition: number;
-}
-/**
- * Creates a masking function for the given pattern
- */
-export declare function createMask(definition: MaskDefinition): {
-    applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-    getDisplayValue: (value: string) => string;
-    processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-    pattern: {
-        char: string;
-        isFixed: boolean;
-        regex?: RegExp;
-    }[];
-    definition: MaskDefinition;
-};
-/**
- * Phone number specific masking presets
- */
-export declare const PHONE_MASKS: {
-    US: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-    US_WITH_COUNTRY: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-    UK: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-    INTERNATIONAL: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-};
-/**
- * Other useful mask presets
- */
-export declare const COMMON_MASKS: {
-    CREDIT_CARD: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-    DATE: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-    SSN: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-    ZIP_CODE: {
-        applyMask: (inputValue: string, previousValue?: string, cursorPos?: number) => MaskResult;
-        getDisplayValue: (value: string) => string;
-        processInput: (newValue: string, oldValue: string, selectionStart?: number) => MaskResult;
-        pattern: {
-            char: string;
-            isFixed: boolean;
-            regex?: RegExp;
-        }[];
-        definition: MaskDefinition;
-    };
-};
+export { createMask, PHONE_MASKS, COMMON_MASKS, type MaskDefinition, type MaskResult, } from '../hooks/useMaskedInput/utils/mask';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platform-blocks/ui",
-  "version": "0.3.1",
+  "version": "0.5.0",
   "description": "A React Native UI library",
   "type": "module",
   "main": "lib/cjs/index.js",
@@ -76,8 +76,8 @@
     "@testing-library/react-native": "^12.4.3",
     "@types/jest": "^29.5.12",
     "@types/react": "~19.1.10",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^6.7.2",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
     "babel-jest": "^29.7.0",
     "eslint": "^8.57.1",
     "eslint-plugin-import": "^2.28.1",

package/lib/components/Alert/Alert.d.ts

@@ -1,2 +0,0 @@
-import type { AlertFactoryPayload } from './types';
-export declare const Alert: import("../../core/factory").PlatformBlocksComponent<AlertFactoryPayload>;

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

@@ -1,2 +0,0 @@
-export { Alert } from './Alert';
-export type { AlertProps, AlertVariant, AlertColor, AlertSeverity } from './types';

package/lib/components/CodeBlock/type.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-import { SpacingProps } from '../../core/utils';
-/**
- * Props for the CodeBlock component; extracted to a separate file for reuse and cleaner component file.
- */
-export interface CodeBlockProps extends SpacingProps {
-    /** The code content to display */
-    children: string;
-    /** Optional title for the code block */
-    title?: string;
-    /** Optional filename badge (displayed left of copy button, overrides title if both provided) */
-    fileName?: string;
-    /** Optional icon element or name to render beside title/filename */
-    fileIcon?: React.ReactNode;
-    /** Programming language for syntax highlighting */
-    language?: any;
-    /** Whether to show line numbers */
-    showLineNumbers?: boolean;
-    /** Whether to enable syntax highlighting (default: true) */
-    highlight?: boolean;
-    /** Whether code block should fill the full width of its parent container */
-    fullWidth?: boolean;
-    /** Whether to show copy button (default: true) */
-    showCopyButton?: boolean;
-    /** Callback when copy button is pressed */
-    onCopy?: (code: string) => void;
-    /** Custom style for the container */
-    style?: ViewStyle;
-    /** Custom style for the code text */
-    textStyle?: TextStyle;
-    /** Custom style for the title */
-    titleStyle?: TextStyle;
-    /** Added highlightLines prop: accepts array of strings like ['5', '10-15'] */
-    highlightLines?: string[];
-    /** If true, wraps the code content in a Spoiler (collapsible) container */
-    spoiler?: boolean;
-    /** Max height (px) for spoiler collapsed state (only when spoiler=true) */
-    spoilerMaxHeight?: number;
-}

package/lib/components/Container/Container.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { ContainerProps } from './types';
-export declare function Container(props: ContainerProps): React.JSX.Element;

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

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

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-import type { SpacingProps } from '../../core/utils/spacing';
-export interface ContainerProps extends SpacingProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-    /** Makes container take full available height (flex: 1) */
-    fluid?: boolean;
-    backgroundImage?: {
-        uri: string;
-        opacity?: number;
-        overlay?: {
-            color?: string;
-            opacity?: number;
-        };
-        gradient?: {
-            colors: string[];
-            locations?: number[];
-            start?: {
-                x: number;
-                y: number;
-            };
-            end?: {
-                x: number;
-                y: number;
-            };
-        };
-    };
-    padding?: number;
-    margin?: number;
-}

package/lib/components/Forms/ContactForm.d.ts

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

package/lib/components/Forms/ForgotPasswordForm.d.ts

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