@umituz/react-native-design-system 1.8.0 → 1.8.2

package/lib/presentation/tokens/commonStyles.js

@@ -1,220 +0,0 @@
-/**
- * Common Styles - Reusable Style Patterns
- *
- * Centralized style utilities to reduce duplication across screens.
- * These styles are composable and follow DRY principles.
- *
- * Usage:
- * ```typescript
- * import { useCommonStyles } from '@domains/design-system/commonStyles';
- *
- * const MyComponent = () => {
- *   const commonStyles = useCommonStyles();
- *   return <View style={commonStyles.screenContainer}>...</View>;
- * };
- * ```
- */
-import { useAppDesignTokens } from '@umituz/react-native-theme';
-/**
- * Hook to get common styles with dynamic theme support
- */
-export const useCommonStyles = () => {
-    const tokens = useAppDesignTokens();
-    return {
-        // ========================================================================
-        // SCREEN CONTAINERS
-        // ========================================================================
-        /**
-         * Standard full-screen container
-         * Most common pattern: flex: 1 with background color
-         */
-        screenContainer: {
-            flex: 1,
-            backgroundColor: tokens.colors.backgroundPrimary,
-        },
-        /**
-         * Basic flex container without background
-         * Use when background is set elsewhere or not needed
-         */
-        flexContainer: {
-            flex: 1,
-        },
-        /**
-         * Screen container with secondary background
-         */
-        screenContainerSecondary: {
-            flex: 1,
-            backgroundColor: tokens.colors.backgroundSecondary,
-        },
-        // ========================================================================
-        // SCROLL CONTAINERS
-        // ========================================================================
-        /**
-         * Standard ScrollView wrapper
-         */
-        scrollView: {
-            flex: 1,
-        },
-        /**
-         * ScrollView content container with standard padding
-         */
-        scrollContent: {
-            paddingHorizontal: tokens.spacing.lg,
-            paddingBottom: tokens.spacing.xl,
-        },
-        /**
-         * ScrollView content that grows to fill available space
-         */
-        scrollContentGrow: {
-            flexGrow: 1,
-            padding: tokens.spacing.lg,
-        },
-        /**
-         * Centered scroll content (for forms, onboarding screens)
-         */
-        scrollContentCentered: {
-            flexGrow: 1,
-            padding: tokens.spacing.lg,
-            justifyContent: 'center',
-        },
-        // ========================================================================
-        // LAYOUT UTILITIES
-        // ========================================================================
-        /**
-         * Centered container - both horizontal and vertical
-         * Perfect for empty states, splash screens
-         */
-        centerContainer: {
-            flex: 1,
-            justifyContent: 'center',
-            alignItems: 'center',
-        },
-        /**
-         * Centered container with padding
-         */
-        centerContainerPadded: {
-            flex: 1,
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingHorizontal: tokens.spacing.xl,
-        },
-        /**
-         * Horizontal row layout
-         */
-        row: {
-            flexDirection: 'row',
-            alignItems: 'center',
-        },
-        /**
-         * Horizontal row with space between
-         */
-        rowBetween: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-        },
-        /**
-         * Horizontal row centered
-         */
-        rowCenter: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        // ========================================================================
-        // PADDING UTILITIES
-        // ========================================================================
-        /**
-         * Standard horizontal padding
-         */
-        paddedHorizontal: {
-            paddingHorizontal: tokens.spacing.lg,
-        },
-        /**
-         * Standard vertical padding
-         */
-        paddedVertical: {
-            paddingVertical: tokens.spacing.lg,
-        },
-        /**
-         * Standard padding all sides
-         */
-        padded: {
-            padding: tokens.spacing.lg,
-        },
-        // ========================================================================
-        // SECTION STYLES
-        // ========================================================================
-        /**
-         * Standard section container
-         */
-        section: {
-            marginBottom: tokens.spacing.xl,
-        },
-        /**
-         * Section with padding
-         */
-        sectionPadded: {
-            marginBottom: tokens.spacing.xl,
-            paddingHorizontal: tokens.spacing.lg,
-        },
-        // ========================================================================
-        // TEXT STYLES
-        // ========================================================================
-        /**
-         * Screen title - primary heading
-         */
-        screenTitle: {
-            ...tokens.typography.headingLarge,
-            color: tokens.colors.textPrimary,
-            marginBottom: tokens.spacing.sm,
-        },
-        /**
-         * Section title
-         */
-        sectionTitle: {
-            ...tokens.typography.headingMedium,
-            color: tokens.colors.textPrimary,
-            marginBottom: tokens.spacing.md,
-        },
-        /**
-         * Subtitle/description text
-         */
-        subtitle: {
-            ...tokens.typography.bodyMedium,
-            color: tokens.colors.textSecondary,
-            textAlign: 'center',
-        },
-        /**
-         * Body text
-         */
-        bodyText: {
-            ...tokens.typography.bodyMedium,
-            color: tokens.colors.textPrimary,
-        },
-        /**
-         * Secondary text (muted)
-         */
-        secondaryText: {
-            ...tokens.typography.bodySmall,
-            color: tokens.colors.textSecondary,
-        },
-        // ========================================================================
-        // FORM STYLES
-        // ========================================================================
-        /**
-         * Form container
-         */
-        form: {
-            width: '100%',
-        },
-        /**
-         * Form header section
-         */
-        formHeader: {
-            alignItems: 'center',
-            marginBottom: tokens.spacing.xl,
-        },
-    };
-};
-//# sourceMappingURL=commonStyles.js.map

package/lib/presentation/tokens/commonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../src/presentation/tokens/commonStyles.ts"],"names":[],"mappings":"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"}

package/lib/presentation/utils/platformConstants.d.ts

@@ -1,100 +0,0 @@
-/**
- * Platform-Specific Constants
- *
- * Design system constants that ensure compliance with platform guidelines.
- * These values are based on official Human Interface Guidelines (HIG) from Apple and Material Design from Google.
- */
-/**
- * iOS Human Interface Guidelines (HIG) Constants
- *
- * @see https://developer.apple.com/design/human-interface-guidelines/layout
- */
-export declare const IOS_HIG: {
-    /**
-     * Minimum Touch Target Size
-     *
-     * Apple requires a minimum tappable area of 44pt x 44pt for ALL interactive controls.
-     * This is enforced during App Store review.
-     *
-     * @critical Violating this can result in App Store rejection
-     */
-    readonly MIN_TOUCH_TARGET: 44;
-    /**
-     * Recommended Minimum Touch Target Size
-     *
-     * For better accessibility and usability, Apple recommends 48pt x 48pt.
-     */
-    readonly RECOMMENDED_TOUCH_TARGET: 48;
-    /**
-     * Minimum Text Size
-     *
-     * Minimum font size for body text to ensure readability.
-     */
-    readonly MIN_TEXT_SIZE: 17;
-    /**
-     * Minimum Contrast Ratio
-     *
-     * WCAG AA compliance requires 4.5:1 for normal text.
-     */
-    readonly MIN_CONTRAST_RATIO: 4.5;
-};
-/**
- * Android Material Design Guidelines Constants
- *
- * @see https://m3.material.io/foundations/layout/applying-layout/window-size-classes
- */
-export declare const ANDROID_MATERIAL: {
-    /**
-     * Minimum Touch Target Size
-     *
-     * Material Design 3 recommends a minimum of 48dp x 48dp.
-     */
-    readonly MIN_TOUCH_TARGET: 48;
-    /**
-     * Minimum Text Size
-     *
-     * Minimum font size for body text.
-     */
-    readonly MIN_TEXT_SIZE: 14;
-};
-/**
- * Universal Platform Constants
- *
- * These values work across both iOS and Android, taking the more restrictive requirement.
- */
-export declare const PLATFORM_CONSTANTS: {
-    /**
-     * Minimum Touch Target Size
-     *
-     * Uses iOS requirement (44pt) as it's more restrictive than Android (48dp).
-     * This ensures compliance on both platforms.
-     */
-    readonly MIN_TOUCH_TARGET: number;
-    /**
-     * Recommended Touch Target Size
-     *
-     * Uses the higher value between iOS and Android recommendations.
-     */
-    readonly RECOMMENDED_TOUCH_TARGET: 48;
-    /**
-     * Minimum Text Size
-     *
-     * Uses iOS requirement as it's larger.
-     */
-    readonly MIN_TEXT_SIZE: number;
-};
-/**
- * Helper function to validate touch target size
- *
- * @param size - The size to validate (in pt/dp)
- * @returns true if size meets platform requirements
- */
-export declare const isValidTouchTarget: (size: number) => boolean;
-/**
- * Helper function to get minimum touch target for component
- *
- * @param componentType - The type of component ('button' | 'input' | 'icon' | 'generic')
- * @returns The minimum touch target size for that component type
- */
-export declare const getMinTouchTarget: (componentType?: "button" | "input" | "icon" | "generic") => number;
-//# sourceMappingURL=platformConstants.d.ts.map

package/lib/presentation/utils/platformConstants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"platformConstants.d.ts","sourceRoot":"","sources":["../../../src/presentation/utils/platformConstants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;GAIG;AACH,eAAO,MAAM,OAAO;IAClB;;;;;;;OAOG;;IAGH;;;;OAIG;;IAGH;;;;OAIG;;IAGH;;;;OAIG;;CAEK,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;;;OAIG;;IAGH;;;;OAIG;;CAEK,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;IAC7B;;;;;OAKG;;IAGH;;;;OAIG;;IAGH;;;;OAIG;;CAEK,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,KAAG,OAEjD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,gBAAe,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAqB,KAAG,MAYtG,CAAC"}

package/lib/presentation/utils/platformConstants.js

@@ -1,114 +0,0 @@
-/**
- * Platform-Specific Constants
- *
- * Design system constants that ensure compliance with platform guidelines.
- * These values are based on official Human Interface Guidelines (HIG) from Apple and Material Design from Google.
- */
-/**
- * iOS Human Interface Guidelines (HIG) Constants
- *
- * @see https://developer.apple.com/design/human-interface-guidelines/layout
- */
-export const IOS_HIG = {
-    /**
-     * Minimum Touch Target Size
-     *
-     * Apple requires a minimum tappable area of 44pt x 44pt for ALL interactive controls.
-     * This is enforced during App Store review.
-     *
-     * @critical Violating this can result in App Store rejection
-     */
-    MIN_TOUCH_TARGET: 44,
-    /**
-     * Recommended Minimum Touch Target Size
-     *
-     * For better accessibility and usability, Apple recommends 48pt x 48pt.
-     */
-    RECOMMENDED_TOUCH_TARGET: 48,
-    /**
-     * Minimum Text Size
-     *
-     * Minimum font size for body text to ensure readability.
-     */
-    MIN_TEXT_SIZE: 17,
-    /**
-     * Minimum Contrast Ratio
-     *
-     * WCAG AA compliance requires 4.5:1 for normal text.
-     */
-    MIN_CONTRAST_RATIO: 4.5,
-};
-/**
- * Android Material Design Guidelines Constants
- *
- * @see https://m3.material.io/foundations/layout/applying-layout/window-size-classes
- */
-export const ANDROID_MATERIAL = {
-    /**
-     * Minimum Touch Target Size
-     *
-     * Material Design 3 recommends a minimum of 48dp x 48dp.
-     */
-    MIN_TOUCH_TARGET: 48,
-    /**
-     * Minimum Text Size
-     *
-     * Minimum font size for body text.
-     */
-    MIN_TEXT_SIZE: 14,
-};
-/**
- * Universal Platform Constants
- *
- * These values work across both iOS and Android, taking the more restrictive requirement.
- */
-export const PLATFORM_CONSTANTS = {
-    /**
-     * Minimum Touch Target Size
-     *
-     * Uses iOS requirement (44pt) as it's more restrictive than Android (48dp).
-     * This ensures compliance on both platforms.
-     */
-    MIN_TOUCH_TARGET: Math.max(IOS_HIG.MIN_TOUCH_TARGET, ANDROID_MATERIAL.MIN_TOUCH_TARGET),
-    /**
-     * Recommended Touch Target Size
-     *
-     * Uses the higher value between iOS and Android recommendations.
-     */
-    RECOMMENDED_TOUCH_TARGET: 48,
-    /**
-     * Minimum Text Size
-     *
-     * Uses iOS requirement as it's larger.
-     */
-    MIN_TEXT_SIZE: Math.max(IOS_HIG.MIN_TEXT_SIZE, ANDROID_MATERIAL.MIN_TEXT_SIZE),
-};
-/**
- * Helper function to validate touch target size
- *
- * @param size - The size to validate (in pt/dp)
- * @returns true if size meets platform requirements
- */
-export const isValidTouchTarget = (size) => {
-    return size >= IOS_HIG.MIN_TOUCH_TARGET;
-};
-/**
- * Helper function to get minimum touch target for component
- *
- * @param componentType - The type of component ('button' | 'input' | 'icon' | 'generic')
- * @returns The minimum touch target size for that component type
- */
-export const getMinTouchTarget = (componentType = 'generic') => {
-    switch (componentType) {
-        case 'button':
-            return PLATFORM_CONSTANTS.RECOMMENDED_TOUCH_TARGET; // 48pt recommended for buttons
-        case 'input':
-            return PLATFORM_CONSTANTS.RECOMMENDED_TOUCH_TARGET; // 48pt recommended for inputs
-        case 'icon':
-            return IOS_HIG.MIN_TOUCH_TARGET; // 44pt minimum for icon buttons
-        case 'generic':
-        default:
-            return IOS_HIG.MIN_TOUCH_TARGET; // 44pt minimum for all other interactive elements
-    }
-};
-//# sourceMappingURL=platformConstants.js.map

package/lib/presentation/utils/platformConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"platformConstants.js","sourceRoot":"","sources":["../../../src/presentation/utils/platformConstants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB;;;;;;;OAOG;IACH,gBAAgB,EAAE,EAAE;IAEpB;;;;OAIG;IACH,wBAAwB,EAAE,EAAE;IAE5B;;;;OAIG;IACH,aAAa,EAAE,EAAE;IAEjB;;;;OAIG;IACH,kBAAkB,EAAE,GAAG;CACf,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,gBAAgB,EAAE,EAAE;IAEpB;;;;OAIG;IACH,aAAa,EAAE,EAAE;CACT,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC;;;;;OAKG;IACH,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;IAEvF;;;;OAIG;IACH,wBAAwB,EAAE,EAAE;IAE5B;;;;OAIG;IACH,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,gBAAgB,CAAC,aAAa,CAAC;CACtE,CAAC;AAEX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAW,EAAE;IAC1D,OAAO,IAAI,IAAI,OAAO,CAAC,gBAAgB,CAAC;AAC1C,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,gBAAyD,SAAS,EAAU,EAAE;IAC9G,QAAQ,aAAa,EAAE,CAAC;QACtB,KAAK,QAAQ;YACX,OAAO,kBAAkB,CAAC,wBAAwB,CAAC,CAAC,+BAA+B;QACrF,KAAK,OAAO;YACV,OAAO,kBAAkB,CAAC,wBAAwB,CAAC,CAAC,8BAA8B;QACpF,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,gBAAgB,CAAC,CAAC,gCAAgC;QACnE,KAAK,SAAS,CAAC;QACf;YACE,OAAO,OAAO,CAAC,gBAAgB,CAAC,CAAC,kDAAkD;IACvF,CAAC;AACH,CAAC,CAAC"}

package/lib/presentation/utils/responsive.d.ts

@@ -1,218 +0,0 @@
-/**
- * Responsive Design Utilities
- *
- * Centralized responsive sizing and spacing utilities to prevent
- * Apple App Store rejection due to layout issues on different devices.
- *
- * Supports:
- * - iPhone 13 mini (5.4" - smallest)
- * - iPhone 13/14/15 (6.1" - standard)
- * - iPhone 14 Pro Max (6.7" - largest phone)
- * - iPad Air (10.9" - tablet)
- */
-/**
- * Get current screen dimensions
- */
-export declare const getScreenDimensions: () => {
-    width: number;
-    height: number;
-};
-/**
- * Check if current device is a small phone (iPhone 13 mini, SE)
- */
-export declare const isSmallPhone: () => boolean;
-/**
- * Check if current device is a tablet (iPad)
- */
-export declare const isTablet: () => boolean;
-/**
- * Responsive logo/icon size
- * Small devices: 100-120px
- * Medium devices: 120-160px
- * Tablets: 160-200px
- */
-export declare const getResponsiveLogoSize: (baseSize?: number) => number;
-/**
- * Responsive multiline input height
- * Prevents keyboard overlap on small devices
- *
- * Small devices: 100-120px
- * Medium devices: 120-150px
- * Tablets: 150-200px
- */
-export declare const getResponsiveInputHeight: (baseHeight?: number) => number;
-/**
- * Responsive horizontal padding
- * Accounts for safe area on notched devices and iPad
- */
-export declare const getResponsiveHorizontalPadding: (basePadding?: number, insets?: {
-    left: number;
-    right: number;
-}) => number;
-/**
- * Responsive bottom positioning
- * Accounts for home indicator and safe area
- */
-export declare const getResponsiveBottomPosition: (basePosition?: number, insets?: {
-    bottom: number;
-}) => number;
-/**
- * Responsive FAB (Floating Action Button) position
- * CRITICAL: Ensures FAB appears above tab bar (70-90px tall) and safe areas
- *
- * Tab bar heights:
- * - iOS: ~80-90px (including safe area)
- * - Android: ~70px
- *
- * FAB positioning:
- * - Tablets: 100px from bottom (generous spacing)
- * - Phones: 90px from bottom (above tab bar)
- * - Safe area aware (home indicator clearance)
- */
-export declare const getResponsiveFABPosition: (insets?: {
-    bottom: number;
-    right: number;
-}) => {
-    bottom: number;
-    right: number;
-};
-/**
- * Responsive modal max height
- * Prevents modals from taking too much space on tablets
- * or too little on small devices
- */
-export declare const getResponsiveModalMaxHeight: () => string;
-/**
- * Responsive modal min height
- * Ensures modals are always usable and not too small
- * Complements getResponsiveModalMaxHeight for complete modal sizing
- */
-export declare const getResponsiveMinModalHeight: () => number;
-/**
- * Responsive icon container size
- * Used in onboarding, cards, etc.
- */
-export declare const getResponsiveIconContainerSize: (baseSize?: number) => number;
-/**
- * Responsive grid columns
- * Returns number of columns for grid layouts
- */
-export declare const getResponsiveGridColumns: (mobileColumns?: number, tabletColumns?: number) => number;
-/**
- * Responsive max width for content
- * Prevents text from stretching too wide on tablets
- */
-export declare const getResponsiveMaxWidth: (baseWidth?: number) => number;
-/**
- * Responsive font size
- * Scales text for different devices while respecting minimum sizes
- */
-export declare const getResponsiveFontSize: (baseFontSize: number) => number;
-/**
- * Check if device is in landscape mode
- */
-export declare const isLandscape: () => boolean;
-/**
- * Get universal keyboard behavior
- * Returns 'padding' which works across all platforms (iOS, Android, Web)
- */
-export declare const getKeyboardBehavior: () => "padding" | "height" | "position" | undefined;
-/**
- * Device type enum for conditional rendering
- */
-export declare enum DeviceType {
-    SMALL_PHONE = "SMALL_PHONE",
-    MEDIUM_PHONE = "MEDIUM_PHONE",
-    LARGE_PHONE = "LARGE_PHONE",
-    TABLET = "TABLET"
-}
-/**
- * Get current device type
- */
-export declare const getDeviceType: () => DeviceType;
-/**
- * Apple HIG compliant touch target size
- */
-export declare const getMinTouchTargetSize: () => number;
-/**
- * Responsive spacing multiplier
- * Returns a multiplier for spacing based on device size
- */
-export declare const getSpacingMultiplier: () => number;
-/**
- * Onboarding icon container top margin
- * Small phones: 24px (lg), Others: 40px (xxl)
- */
-export declare const getOnboardingIconMarginTop: () => number;
-/**
- * Onboarding icon container bottom margin
- * Tablets: 60px (xxl * 1.5 for extra breathing room), Others: 40px (xxl)
- */
-export declare const getOnboardingIconMarginBottom: () => number;
-/**
- * Onboarding title bottom margin
- * Tablets: 24px (lg), Others: 16px (md)
- */
-export declare const getOnboardingTitleMarginBottom: () => number;
-/**
- * Onboarding text horizontal padding (title and description)
- * Small phones: 8px (sm for tighter fit), Others: 16px (md)
- */
-export declare const getOnboardingTextPadding: () => number;
-/**
- * Onboarding description top margin
- * Small phones: 4px (xs), Others: 8px (sm)
- */
-export declare const getOnboardingDescriptionMarginTop: () => number;
-/**
- * Onboarding icon size (for icon inside container)
- * Calculated as ~55% of icon container size for proper visual balance
- * Small phones: ~66px (55% of 120px), Standard: ~77px (55% of 140px), Tablets: ~99px (55% of 180px)
- */
-export declare const getOnboardingIconSize: () => number;
-/**
- * Keyboard vertical offset for KeyboardAvoidingView
- * Accounts for header/navigation bar height
- * Universal value that works across all platforms
- */
-export declare const getKeyboardVerticalOffset: () => number;
-/**
- * Form container bottom padding
- * Prevents overlap with bottom tab navigation and ensures submit buttons are accessible
- *
- * Formula: safeAreaBottom + tabBarHeight + extraSpace
- * - Tab bar height: ~56px (iOS/Android standard)
- * - Extra space: ~24px (breathing room for submit button)
- * - Safe area: Variable (home indicator on iPhone)
- * - Minimum: 100px (ensures buttons always accessible)
- */
-export declare const getFormBottomPadding: (safeAreaBottom: number) => number;
-/**
- * Input field icon size
- * Used for leading/trailing icons and password toggle
- * Apple HIG: Minimum 22px for touch targets
- */
-export declare const getInputIconSize: () => number;
-/**
- * Form content container width
- * Forms need more generous width than regular content to prevent cramped layouts
- *
- * Strategy:
- * - Phones: undefined (no max width restriction, fills available space)
- * - Tablets: Max 700px (readable but not restrictive)
- *
- * Different from getResponsiveMaxWidth which is for text content (max 400px)
- *
- * @returns number for tablets (700px max), undefined for phones (no restriction)
- */
-export declare const getFormContentWidth: () => number | undefined;
-/**
- * Form element spacing (vertical)
- * Vertical spacing between form elements (inputs, buttons, etc.)
- * Used with Children.map() wrapper pattern for universal compatibility
- * Replaces CSS gap property (old RN version compatibility)
- *
- * Universal pattern - works on iOS, Android, Web
- */
-export declare const getFormElementSpacing: () => number;
-//# sourceMappingURL=responsive.d.ts.map

package/lib/presentation/utils/responsive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../src/presentation/utils/responsive.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA6BH;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,QAAO,OAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAO,OAG3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAU,MAAY,KAAG,MAa9D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GAAI,aAAY,MAAY,KAAG,MAanE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,8BAA8B,GACzC,cAAa,MAAW,EACxB,SAAQ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAA0B,KAC9D,MAUF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GACtC,eAAc,MAAW,EACzB,SAAQ;IAAE,MAAM,EAAE,MAAM,CAAA;CAAkB,KACzC,MAEF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,wBAAwB,GACnC,SAAQ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAA4B,KAClE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAmBjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAAO,MAa9C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAAO,MAa9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,8BAA8B,GAAI,WAAU,MAAY,KAAG,MAYvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,gBAAe,MAAU,EACzB,gBAAe,MAAU,KACxB,MAGF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,YAAW,MAAY,KAAG,MAa/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,cAAc,MAAM,KAAG,MAY5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,QAAO,OAG9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAAO,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAE1E,CAAC;AAEF;;GAEG;AACH,oBAAY,UAAU;IACpB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,QAAO,UAYhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,QAAO,MAA0B,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAAO,MAUvC,CAAC;AAaF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,MAE7C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,QAAO,MAEhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,8BAA8B,QAAO,MAEjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,QAAO,MAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,QAAO,MAEpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,QAAO,MAIxC,CAAC;AAaF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,QAAO,MAM5C,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAAI,gBAAgB,MAAM,KAAG,MAO7D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,QAAO,MAanC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,QAAO,MAAM,GAAG,SAU/C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,QAAO,MAaxC,CAAC"}