@codeimplants/ui-kit 1.0.0

package/dist/components/support/SupportButtons.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, TouchableOpacity, StyleSheet, Linking } from 'react-native';
+const SupportButtons = ({ support, variant = 'icon-only', theme, }) => {
+    const primaryColor = theme?.primary || '#2563EB';
+    const whatsappColor = '#25D366';
+    const phoneColor = '#2563EB';
+    const emailColor = '#6B7280';
+    const handleWhatsApp = () => {
+        if (support.whatsapp) {
+            const url = `https://wa.me/${support.whatsapp.number.replace(/[^0-9]/g, '')}`;
+            Linking.openURL(url);
+        }
+    };
+    const handlePhone = () => {
+        if (support.phone) {
+            const url = `tel:${support.phone.number}`;
+            Linking.openURL(url);
+        }
+    };
+    const handleEmail = () => {
+        if (support.email) {
+            const url = `mailto:${support.email.address}`;
+            Linking.openURL(url);
+        }
+    };
+    const renderIconOnly = () => (_jsxs(View, { style: styles.iconOnlyContainer, children: [support.whatsapp && (_jsx(TouchableOpacity, { style: [styles.iconButton, { backgroundColor: whatsappColor }], onPress: handleWhatsApp, activeOpacity: 0.8, children: _jsx(Text, { style: styles.iconText, children: "\uD83D\uDCAC" }) })), support.phone && (_jsx(TouchableOpacity, { style: [styles.iconButton, { backgroundColor: phoneColor }], onPress: handlePhone, activeOpacity: 0.8, children: _jsx(Text, { style: styles.iconText, children: "\uD83D\uDCDE" }) })), support.email && (_jsx(TouchableOpacity, { style: [styles.iconButton, { backgroundColor: emailColor }], onPress: handleEmail, activeOpacity: 0.8, children: _jsx(Text, { style: styles.iconText, children: "\u2709\uFE0F" }) }))] }));
+    const renderTextOnly = () => (_jsxs(View, { style: styles.textOnlyContainer, children: [support.whatsapp && (_jsx(TouchableOpacity, { style: [styles.textButton, { borderColor: whatsappColor }], onPress: handleWhatsApp, activeOpacity: 0.8, children: _jsx(Text, { style: [styles.textButtonLabel, { color: whatsappColor }], children: support.whatsapp.label || 'WhatsApp' }) })), support.phone && (_jsx(TouchableOpacity, { style: [styles.textButton, { borderColor: phoneColor }], onPress: handlePhone, activeOpacity: 0.8, children: _jsx(Text, { style: [styles.textButtonLabel, { color: phoneColor }], children: support.phone.label || 'Call' }) })), support.email && (_jsx(TouchableOpacity, { style: [styles.textButton, { borderColor: emailColor }], onPress: handleEmail, activeOpacity: 0.8, children: _jsx(Text, { style: [styles.textButtonLabel, { color: emailColor }], children: support.email.label || 'Email' }) }))] }));
+    const renderCombined = () => (_jsxs(View, { style: styles.combinedContainer, children: [support.whatsapp && (_jsxs(TouchableOpacity, { style: [styles.combinedButton, { backgroundColor: whatsappColor }], onPress: handleWhatsApp, activeOpacity: 0.8, children: [_jsx(Text, { style: styles.combinedIcon, children: "\uD83D\uDCAC" }), _jsx(Text, { style: styles.combinedLabel, children: support.whatsapp.label || 'WhatsApp' })] })), support.phone && (_jsxs(TouchableOpacity, { style: [styles.combinedButton, { backgroundColor: phoneColor }], onPress: handlePhone, activeOpacity: 0.8, children: [_jsx(Text, { style: styles.combinedIcon, children: "\uD83D\uDCDE" }), _jsx(Text, { style: styles.combinedLabel, children: support.phone.label || 'Call' })] })), support.email && (_jsxs(TouchableOpacity, { style: [styles.combinedButton, { backgroundColor: emailColor }], onPress: handleEmail, activeOpacity: 0.8, children: [_jsx(Text, { style: styles.combinedIcon, children: "\u2709\uFE0F" }), _jsx(Text, { style: styles.combinedLabel, children: support.email.label || 'Email' })] }))] }));
+    const renderCompact = () => (_jsxs(View, { style: styles.compactContainer, children: [support.whatsapp && (_jsxs(TouchableOpacity, { style: [styles.compactButton, { backgroundColor: whatsappColor }], onPress: handleWhatsApp, activeOpacity: 0.8, children: [_jsx(Text, { style: styles.compactIcon, children: "\uD83D\uDCAC" }), _jsx(Text, { style: styles.compactLabel, children: support.whatsapp.label || 'WhatsApp' })] })), support.phone && (_jsxs(TouchableOpacity, { style: [styles.compactButton, { backgroundColor: phoneColor }], onPress: handlePhone, activeOpacity: 0.8, children: [_jsx(Text, { style: styles.compactIcon, children: "\uD83D\uDCDE" }), _jsx(Text, { style: styles.compactLabel, children: support.phone.label || 'Call' })] })), support.email && (_jsxs(TouchableOpacity, { style: [styles.compactButton, { backgroundColor: emailColor }], onPress: handleEmail, activeOpacity: 0.8, children: [_jsx(Text, { style: styles.compactIcon, children: "\u2709\uFE0F" }), _jsx(Text, { style: styles.compactLabel, children: support.email.label || 'Email' })] }))] }));
+    return (_jsxs(View, { style: styles.container, children: [variant === 'icon-only' && renderIconOnly(), variant === 'text-only' && renderTextOnly(), variant === 'combined' && renderCombined(), variant === 'compact' && renderCompact()] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        marginTop: 20,
+    },
+    // Icon-only variant
+    iconOnlyContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: 12,
+        backgroundColor: '#FFFFFF',
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        borderRadius: 30,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 8,
+        elevation: 3,
+        alignSelf: 'center',
+    },
+    iconButton: {
+        width: 48,
+        height: 48,
+        borderRadius: 24,
+        justifyContent: 'center',
+        alignItems: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.15,
+        shadowRadius: 4,
+        elevation: 2,
+    },
+    iconText: {
+        fontSize: 24,
+    },
+    // Text-only variant
+    textOnlyContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: 12,
+    },
+    textButton: {
+        paddingVertical: 12,
+        paddingHorizontal: 24,
+        borderRadius: 8,
+        borderWidth: 1.5,
+        backgroundColor: '#FFFFFF',
+    },
+    textButtonLabel: {
+        fontSize: 15,
+        fontWeight: '600',
+    },
+    // Combined variant
+    combinedContainer: {
+        gap: 12,
+    },
+    combinedButton: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: 14,
+        paddingHorizontal: 20,
+        borderRadius: 12,
+        gap: 10,
+    },
+    combinedIcon: {
+        fontSize: 20,
+    },
+    combinedLabel: {
+        color: '#FFFFFF',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    // Compact variant
+    compactContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: 12,
+    },
+    compactButton: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        borderRadius: 12,
+        gap: 8,
+        flex: 1,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 2,
+    },
+    compactIcon: {
+        fontSize: 18,
+    },
+    compactLabel: {
+        color: '#FFFFFF',
+        fontSize: 15,
+        fontWeight: '600',
+    },
+});
+export default SupportButtons;

package/dist/components/support/index.d.ts

@@ -0,0 +1 @@
+export { default as SupportButtons } from './SupportButtons';

package/dist/components/support/index.js

@@ -0,0 +1,2 @@
+// Support - Barrel Export
+export { default as SupportButtons } from './SupportButtons';

package/dist/components/timers/CountdownTimer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CountdownTimerProps {
+    estimatedEndTime: Date;
+    onComplete?: () => void;
+    backgroundColor?: string;
+    borderColor?: string;
+}
+declare const CountdownTimer: React.FC<CountdownTimerProps>;
+export default CountdownTimer;

package/dist/components/timers/CountdownTimer.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+const CountdownTimer = ({ estimatedEndTime, onComplete, backgroundColor = '#FFFFFF', borderColor = '#E5E7EB', }) => {
+    const [timeRemaining, setTimeRemaining] = useState({
+        hours: 0,
+        minutes: 0,
+        seconds: 0,
+    });
+    useEffect(() => {
+        const updateCountdown = () => {
+            const now = new Date().getTime();
+            const end = new Date(estimatedEndTime).getTime();
+            const distance = end - now;
+            if (distance < 0) {
+                setTimeRemaining({ hours: 0, minutes: 0, seconds: 0 });
+                onComplete?.();
+                return;
+            }
+            const hours = Math.floor(distance / (1000 * 60 * 60));
+            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+            const seconds = Math.floor((distance % (1000 * 60)) / 1000);
+            setTimeRemaining({ hours, minutes, seconds });
+        };
+        updateCountdown();
+        const interval = setInterval(updateCountdown, 1000);
+        return () => clearInterval(interval);
+    }, [estimatedEndTime, onComplete]);
+    const formatTime = (value) => {
+        return value.toString().padStart(2, '0');
+    };
+    const formatDate = () => {
+        const date = new Date(estimatedEndTime);
+        const hours = date.getHours();
+        const minutes = date.getMinutes();
+        const day = date.toLocaleDateString('en-US', { weekday: 'short' });
+        const dayNum = date.getDate();
+        const month = date.toLocaleDateString('en-US', { month: 'short' });
+        return `Expected to be back by ${hours}:${formatTime(minutes)} on ${day} ${dayNum} ${month}`;
+    };
+    return (_jsxs(View, { style: [
+            styles.container,
+            {
+                backgroundColor,
+                borderColor,
+            },
+        ], children: [_jsx(Text, { style: styles.title, children: "Estimated Time Remaining" }), _jsxs(View, { style: styles.timerContainer, children: [_jsxs(View, { style: styles.timeBox, children: [_jsx(Text, { style: styles.timeValue, children: formatTime(timeRemaining.hours) }), _jsx(Text, { style: styles.timeLabel, children: "Hours" })] }), _jsxs(View, { style: styles.timeBox, children: [_jsx(Text, { style: styles.timeValue, children: formatTime(timeRemaining.minutes) }), _jsx(Text, { style: styles.timeLabel, children: "Min" })] }), _jsxs(View, { style: styles.timeBox, children: [_jsx(Text, { style: styles.timeValue, children: formatTime(timeRemaining.seconds) }), _jsx(Text, { style: styles.timeLabel, children: "Sec" })] })] }), _jsx(Text, { style: styles.expectedText, children: formatDate() })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        borderRadius: 12,
+        padding: 24,
+        marginBottom: 24,
+        borderWidth: 1,
+        width: '100%',
+    },
+    title: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#1F2937',
+        textAlign: 'center',
+        marginBottom: 20,
+    },
+    timerContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        gap: 16,
+        marginBottom: 16,
+    },
+    timeBox: {
+        alignItems: 'center',
+        minWidth: 70,
+    },
+    timeValue: {
+        fontSize: 48,
+        fontWeight: '700',
+        color: '#1F2937',
+        lineHeight: 56,
+    },
+    timeLabel: {
+        fontSize: 14,
+        color: '#6B7280',
+        marginTop: 4,
+    },
+    expectedText: {
+        fontSize: 13,
+        color: '#9CA3AF',
+        textAlign: 'center',
+    },
+});
+export default CountdownTimer;

package/dist/components/timers/RetryCounter.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { RetryInfo, ThemeColors } from '../../types';
+interface RetryCounterProps {
+    retryInfo: RetryInfo;
+    theme?: ThemeColors;
+}
+declare const RetryCounter: React.FC<RetryCounterProps>;
+export default RetryCounter;

package/dist/components/timers/RetryCounter.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { View, Text, StyleSheet } from 'react-native';
+const RetryCounter = ({ retryInfo, theme }) => {
+    const textColor = theme?.textSecondary || '#6B7280';
+    return (_jsx(View, { style: styles.container, children: _jsxs(Text, { style: [styles.text, { color: textColor }], children: ["Retry attempt ", retryInfo.attempt, " of ", retryInfo.maxAttempts] }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        marginVertical: 12,
+    },
+    text: {
+        fontSize: 14,
+        textAlign: 'center',
+        fontWeight: '500',
+    },
+});
+export default RetryCounter;

package/dist/components/timers/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CountdownTimer } from './CountdownTimer';
+export { default as RetryCounter } from './RetryCounter';

package/dist/components/timers/index.js

@@ -0,0 +1,3 @@
+// Timers - Barrel Export
+export { default as CountdownTimer } from './CountdownTimer';
+export { default as RetryCounter } from './RetryCounter';

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ViewStyle, TextStyle, TouchableOpacityProps } from 'react-native';
+export type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+export type ButtonSize = 'default' | 'sm' | 'lg' | 'icon';
+export interface ButtonProps extends TouchableOpacityProps {
+    /**
+     * Visual style of the button
+     * @default 'default'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Size of the button
+     * @default 'default'
+     */
+    size?: ButtonSize;
+    /**
+     * Show loading spinner instead of content
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Button content (text or icons)
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional style for the text (if children is a string)
+     */
+    textStyle?: TextStyle;
+    /**
+     * Internal container style for complex layouts
+     */
+    containerStyle?: ViewStyle;
+}
+/**
+ * Enterprise-grade customizable Button component
+ * Matches the logic and variants of shadcn/ui but for React Native
+ */
+export declare const Button: React.FC<ButtonProps>;

package/dist/components/ui/Button.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, View, } from 'react-native';
+import { getColor } from '../../client';
+/**
+ * Enterprise-grade customizable Button component
+ * Matches the logic and variants of shadcn/ui but for React Native
+ */
+export const Button = (props) => {
+    const { variant = 'default', size = 'default', loading = false, children, style, textStyle, containerStyle, disabled, ...rest } = props;
+    const isDisabled = disabled || loading;
+    const getVariantStyles = () => {
+        switch (variant) {
+            case 'destructive':
+                return { backgroundColor: getColor('error') };
+            case 'outline':
+                return {
+                    backgroundColor: 'transparent',
+                    borderWidth: 1,
+                    borderColor: '#E5E7EB', // default border color
+                };
+            case 'secondary':
+                return { backgroundColor: '#F3F4F6' };
+            case 'ghost':
+                return { backgroundColor: 'transparent' };
+            case 'link':
+                return { backgroundColor: 'transparent' };
+            case 'default':
+            default:
+                return { backgroundColor: getColor('primary') };
+        }
+    };
+    const getTextStyles = () => {
+        switch (variant) {
+            case 'destructive':
+            case 'default':
+                return { color: '#FFFFFF' };
+            case 'outline':
+            case 'ghost':
+            case 'secondary':
+                return { color: '#111827' };
+            case 'link':
+                return { color: getColor('primary'), textDecorationLine: 'underline' };
+            default:
+                return { color: '#FFFFFF' };
+        }
+    };
+    const getSizeStyles = () => {
+        switch (size) {
+            case 'sm':
+                return { height: 36, paddingHorizontal: 12, borderRadius: 6 };
+            case 'lg':
+                return { height: 44, paddingHorizontal: 32, borderRadius: 8 };
+            case 'icon':
+                return { height: 40, width: 40, borderRadius: 6, paddingHorizontal: 0 };
+            case 'default':
+            default:
+                return { height: 40, paddingHorizontal: 16, borderRadius: 6 };
+        }
+    };
+    const renderContent = () => {
+        if (loading) {
+            return (_jsx(ActivityIndicator, { size: "small", color: variant === 'default' || variant === 'destructive' ? '#FFFFFF' : getColor('primary') }));
+        }
+        if (typeof children === 'string') {
+            return (_jsx(Text, { style: [styles.text, getTextStyles(), textStyle], numberOfLines: 1, children: children }));
+        }
+        return children;
+    };
+    return (_jsx(TouchableOpacity, { activeOpacity: 0.7, disabled: isDisabled, style: [
+            styles.base,
+            getVariantStyles(),
+            getSizeStyles(),
+            isDisabled && styles.disabled,
+            style,
+        ], ...rest, children: _jsx(View, { style: [styles.container, containerStyle], children: renderContent() }) }));
+};
+const styles = StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'row',
+    },
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    text: {
+        fontSize: 14,
+        fontWeight: '500',
+        textAlign: 'center',
+    },
+    disabled: {
+        opacity: 0.5,
+    },
+});

package/dist/components/ui/OfflineBanner.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import type { ThemeColors } from '../../types';
+export interface OfflineBannerProps {
+    title?: string;
+    position?: 'top' | 'bottom';
+    theme?: ThemeColors;
+    containerStyle?: ViewStyle;
+    textStyle?: TextStyle;
+}
+/**
+ * A non-blocking banner to indicate offline status
+ * Ported to React Native for cross-platform support (Expo/CLI)
+ */
+export declare const OfflineBanner: React.FC<OfflineBannerProps>;

package/dist/components/ui/OfflineBanner.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { WifiOffIcon } from '../IconLibrary';
+import { getColor } from '../../client';
+/**
+ * A non-blocking banner to indicate offline status
+ * Ported to React Native for cross-platform support (Expo/CLI)
+ */
+export const OfflineBanner = ({ title = 'You are currently offline', position = 'top', theme, containerStyle, textStyle, }) => {
+    const backgroundColor = theme?.offline || getColor('offline');
+    return (_jsx(View, { style: [
+            styles.container,
+            position === 'top' ? styles.top : styles.bottom,
+            { backgroundColor },
+            containerStyle,
+        ], children: _jsxs(View, { style: styles.content, children: [_jsx(WifiOffIcon, { size: 16, color: "#FFFFFF" }), _jsx(Text, { style: [styles.text, textStyle], children: title })] }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        width: '100%',
+        zIndex: 9999,
+    },
+    top: {
+        top: 0,
+    },
+    bottom: {
+        bottom: 0,
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    text: {
+        color: '#FFFFFF',
+        fontSize: 12,
+        fontWeight: '600',
+        marginLeft: 8,
+    },
+});

package/dist/index.d.ts

@@ -0,0 +1,68 @@
+export * from './types';
+export * from './utils';
+export { ErrorBoundaryScreen } from './screens/errors/ErrorBoundaryScreen';
+export { ServerErrorScreen } from './screens/errors/ServerErrorScreen';
+export { ClientErrorScreen } from './screens/errors/ClientErrorScreen';
+export { InvalidResponseScreen } from './screens/errors/InvalidResponseScreen';
+export { ApiErrorScreen } from './screens/errors/ApiErrorScreen';
+export { NetworkOfflineScreen } from './screens/network/NetworkOfflineScreen';
+export { NetworkSlowConnectionScreen } from './screens/network/NetworkSlowConnectionScreen';
+export { ApiTimeoutScreen } from './screens/network/ApiTimeoutScreen';
+export { PermissionScreen } from './screens/permissions/PermissionScreen';
+export { PermissionDeniedScreen } from './screens/permissions/PermissionDeniedScreen';
+export { PermissionRequestScreen, MultiPermissionRequestScreen } from './screens/permissions/PermissionRequestScreen';
+export { SoftUpdateScreen } from './screens/system/updates/SoftUpdateScreen';
+export { OptionalUpdateScreen } from './screens/system/updates/OptionalUpdateScreen';
+export { ForceUpdateScreen } from './screens/system/updates/ForceUpdateScreen';
+export { SecurityUpdateScreen } from './screens/system/updates/SecurityUpdateScreen';
+export { AppUpdateScreen } from './screens/system/updates/AppUpdateScreen';
+export { PlannedMaintenanceScreen } from './screens/system/maintenance/PlannedMaintenanceScreen';
+export { UnplannedOutageScreen } from './screens/system/maintenance/UnplannedOutageScreen';
+export { EmergencyOutageScreen } from './screens/system/maintenance/EmergencyOutageScreen';
+export { SystemMaintenanceScreen } from './screens/system/maintenance/SystemMaintenanceScreen';
+export { default as ServiceUnavailableScreen } from './screens/system/maintenance/ServiceUnavailableScreen';
+export { default as ScreenContainer } from './components/layout/ScreenContainer';
+export { default as IconWithBadge } from './components/icons/utilities/IconWithBadge';
+export { default as ContentCard } from './components/cards/ContentCard';
+export { default as PrimaryButton } from './components/buttons/PrimaryButton';
+export { default as SecondaryButton } from './components/buttons/SecondaryButton';
+export { default as CheckListItem } from './components/lists/CheckListItem';
+export { default as StatusBadge } from './components/feedback/StatusBadge';
+export { default as VersionDisplay } from './components/status/VersionDisplay';
+export { default as SupportButtons } from './components/support/SupportButtons';
+export { default as RetryCounter } from './components/timers/RetryCounter';
+export { default as DualButtonLayout } from './components/layout/DualButtonLayout';
+export { default as TopBanner } from './components/feedback/TopBanner';
+export { default as ExpandableSection } from './components/feedback/ExpandableSection';
+export { default as WhatsNewCard } from './components/cards/WhatsNewCard';
+export { default as StatusCheckList } from './components/lists/StatusCheckList';
+export { default as CountdownTimer } from './components/timers/CountdownTimer';
+export { default as InfoCard } from './components/cards/InfoCard';
+export { default as WarningCard } from './components/cards/WarningCard';
+export { default as SecurityBanner } from './components/feedback/SecurityBanner';
+export { default as AnimatedWifiOff } from './components/icons/animated/network/AnimatedWifiOff';
+export { default as AnimatedSpeedGauge } from './components/icons/animated/network/AnimatedSpeedGauge';
+export { default as AnimatedTimeout } from './components/icons/animated/network/AnimatedTimeout';
+export { default as AnimatedCrash } from './components/icons/animated/errors/AnimatedCrash';
+export { default as AnimatedServerError } from './components/icons/animated/errors/AnimatedServerError';
+export { default as AnimatedClientError } from './components/icons/animated/errors/AnimatedClientError';
+export { default as AnimatedInvalidData } from './components/icons/animated/errors/AnimatedInvalidData';
+export { default as AnimatedPermission } from './components/icons/animated/permissions/AnimatedPermission';
+export { default as AnimatedPermissionDenied } from './components/icons/animated/permissions/AnimatedPermissionDenied';
+export { default as AnimatedAlert } from './components/icons/animated/maintenance/AnimatedAlert';
+export { default as AnimatedEmergency } from './components/icons/animated/maintenance/AnimatedEmergency';
+export { default as AnimatedWrench } from './components/icons/animated/maintenance/AnimatedWrench';
+export { default as AnimatedClock } from './components/icons/animated/general/AnimatedClock';
+export { default as AnimatedWarning } from './components/icons/animated/general/AnimatedWarning';
+export { default as AnimatedShield } from './components/icons/animated/general/AnimatedShield';
+export { default as AnimatedCalendar } from './components/icons/animated/general/AnimatedCalendar';
+export { default as AnimatedDocument } from './components/icons/animated/general/AnimatedDocument';
+export { default as AnimatedCamera } from './components/icons/animated/general/AnimatedCamera';
+export { default as AnimatedLightning } from './components/icons/animated/general/AnimatedLightning';
+export { default as AnimatedLocationPin } from './components/icons/animated/general/AnimatedLocationPin';
+export { default as AnimatedSparkle } from './components/icons/animated/general/AnimatedSparkle';
+export { default as AnimatedDownload } from './components/icons/animated/general/AnimatedDownload';
+export { default as DownloadBadge } from './components/icons/badges/DownloadBadge';
+export { default as ClockBadge } from './components/icons/badges/ClockBadge';
+export { default as XBadge } from './components/icons/badges/XBadge';
+export { createSupportHandler, createRetryHandler, createErrorContext, type RetryHandler, type SupportHandler, } from './adapters/supportAdapter';