@codeimplants/ui-kit 1.0.0

package/dist/components/icons/animated/general/index.js

@@ -0,0 +1,11 @@
+// General Animated Icons - Barrel Export
+export { default as AnimatedClock } from './AnimatedClock';
+export { default as AnimatedWarning } from './AnimatedWarning';
+export { default as AnimatedShield } from './AnimatedShield';
+export { default as AnimatedCalendar } from './AnimatedCalendar';
+export { default as AnimatedDocument } from './AnimatedDocument';
+export { default as AnimatedCamera } from './AnimatedCamera';
+export { default as AnimatedLightning } from './AnimatedLightning';
+export { default as AnimatedLocationPin } from './AnimatedLocationPin';
+export { default as AnimatedSparkle } from './AnimatedSparkle';
+export { default as AnimatedDownload } from './AnimatedDownload';

package/dist/components/icons/animated/index.d.ts

@@ -0,0 +1,5 @@
+export * from './network';
+export * from './errors';
+export * from './permissions';
+export * from './maintenance';
+export * from './general';

package/dist/components/icons/animated/index.js

@@ -0,0 +1,6 @@
+// Animated Icons - Barrel Export
+export * from './network';
+export * from './errors';
+export * from './permissions';
+export * from './maintenance';
+export * from './general';

package/dist/components/icons/animated/maintenance/AnimatedAlert.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AnimatedAlertProps {
+    size?: number;
+    color?: string;
+}
+/**
+ * Animated Alert Icon
+ * Alert bell with ringing animation
+ */
+export declare const AnimatedAlert: React.FC<AnimatedAlertProps>;
+export default AnimatedAlert;

package/dist/components/icons/animated/maintenance/AnimatedAlert.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import Animated, { useSharedValue, useAnimatedProps, withRepeat, withTiming, Easing, } from 'react-native-reanimated';
+import Svg, { Path, Circle } from 'react-native-svg';
+const AnimatedPath = Animated.createAnimatedComponent(Path);
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+/**
+ * Animated Alert Icon
+ * Alert bell with ringing animation
+ */
+export const AnimatedAlert = ({ size = 64, color = '#F59E0B', }) => {
+    const rotation = useSharedValue(0);
+    const ringPulse = useSharedValue(1);
+    useEffect(() => {
+        rotation.value = withRepeat(withTiming(10, { duration: 150, easing: Easing.inOut(Easing.ease) }), -1, true);
+        ringPulse.value = withRepeat(withTiming(1.3, { duration: 1000, easing: Easing.out(Easing.ease) }), -1, false);
+    }, []);
+    const bellProps = useAnimatedProps(() => ({
+        transform: `rotate(${rotation.value} 32 24)`,
+    }));
+    const ringProps = useAnimatedProps(() => ({
+        opacity: 1 - (ringPulse.value - 1) / 0.3,
+        r: 28 * ringPulse.value,
+    }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 64 64", fill: "none", children: [_jsx(AnimatedCircle, { animatedProps: ringProps, cx: "32", cy: "28", stroke: color, strokeWidth: "2", fill: "none" }), _jsx(AnimatedPath, { animatedProps: bellProps, d: "M20 28 C20 20, 26 14, 32 14 C38 14, 44 20, 44 28 L44 36 C44 38, 46 40, 48 40 L16 40 C18 40, 20 38, 20 36 Z", fill: color, opacity: 0.9 }), _jsx(AnimatedPath, { animatedProps: bellProps, d: "M32 40 L32 44", stroke: color, strokeWidth: "2", strokeLinecap: "round" }), _jsx(AnimatedCircle, { animatedProps: bellProps, cx: "32", cy: "46", r: "2", fill: color }), _jsx(Path, { d: "M28 14 C28 12, 30 10, 32 10 C34 10, 36 12, 36 14", stroke: color, strokeWidth: "2", strokeLinecap: "round", fill: "none" }), _jsx(Path, { d: "M12 24 C12 16, 18 10, 26 8 M52 24 C52 16, 46 10, 38 8", stroke: color, strokeWidth: "2", strokeLinecap: "round", opacity: 0.4 })] }));
+};
+export default AnimatedAlert;

package/dist/components/icons/animated/maintenance/AnimatedEmergency.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AnimatedEmergencyProps {
+    size?: number;
+    color?: string;
+}
+/**
+ * Animated Emergency Icon
+ * Emergency siren with flashing light
+ */
+export declare const AnimatedEmergency: React.FC<AnimatedEmergencyProps>;
+export default AnimatedEmergency;

package/dist/components/icons/animated/maintenance/AnimatedEmergency.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import Animated, { useSharedValue, useAnimatedProps, withRepeat, withSequence, withTiming, Easing, } from 'react-native-reanimated';
+import Svg, { Path, G } from 'react-native-svg';
+const AnimatedG = Animated.createAnimatedComponent(G);
+const AnimatedPath = Animated.createAnimatedComponent(Path);
+/**
+ * Animated Emergency Icon
+ * Emergency siren with flashing light
+ */
+export const AnimatedEmergency = ({ size = 64, color = '#DC2626', }) => {
+    const flash = useSharedValue(0);
+    const rotate = useSharedValue(0);
+    useEffect(() => {
+        flash.value = withRepeat(withSequence(withTiming(1, { duration: 300 }), withTiming(0, { duration: 300 })), -1, false);
+        rotate.value = withRepeat(withTiming(360, { duration: 2000, easing: Easing.linear }), -1, false);
+    }, []);
+    const flashProps = useAnimatedProps(() => ({
+        opacity: flash.value,
+    }));
+    const rotateProps = useAnimatedProps(() => ({
+        transform: `rotate(${rotate.value} 32 24)`,
+    }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 64 64", fill: "none", children: [_jsx(AnimatedG, { animatedProps: rotateProps, children: _jsx(Path, { d: "M32 8 L32 16 M48 16 L42 22 M54 32 L46 32 M48 48 L42 42 M32 56 L32 48 M16 48 L22 42 M10 32 L18 32 M16 16 L22 22", stroke: color, strokeWidth: "2", strokeLinecap: "round", opacity: 0.6 }) }), _jsx(Path, { d: "M20 32 L24 24 L40 24 L44 32 Z", fill: color, opacity: 0.3 }), _jsx(AnimatedPath, { animatedProps: flashProps, d: "M26 24 L32 16 L38 24 Z", fill: color }), _jsx(Path, { d: "M18 32 L46 32 L44 40 L20 40 Z", fill: color, opacity: 0.8 }), _jsx(Path, { d: "M22 34 L24 38 M28 34 L30 38 M34 34 L36 38 M40 34 L42 38", stroke: "#FFFFFF", strokeWidth: "2", strokeLinecap: "round", opacity: 0.6 }), _jsx(Path, { d: "M32 44 L32 50 M32 52 L32 53", stroke: color, strokeWidth: "3", strokeLinecap: "round" })] }));
+};
+export default AnimatedEmergency;

package/dist/components/icons/animated/maintenance/AnimatedWrench.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AnimatedWrenchProps {
+    size?: number;
+    color?: string;
+}
+declare const AnimatedWrench: React.FC<AnimatedWrenchProps>;
+export default AnimatedWrench;

package/dist/components/icons/animated/maintenance/AnimatedWrench.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+const AnimatedWrench = ({ size = 60, color = '#F59E0B', }) => {
+    const rotateAnim = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        Animated.loop(Animated.sequence([
+            Animated.timing(rotateAnim, {
+                toValue: 1,
+                duration: 1500,
+                useNativeDriver: true,
+            }),
+            Animated.timing(rotateAnim, {
+                toValue: -1,
+                duration: 3000,
+                useNativeDriver: true,
+            }),
+            Animated.timing(rotateAnim, {
+                toValue: 0,
+                duration: 1500,
+                useNativeDriver: true,
+            }),
+        ])).start();
+    }, []);
+    const rotate = rotateAnim.interpolate({
+        inputRange: [-1, 1],
+        outputRange: ['-5deg', '5deg'],
+    });
+    return (_jsx(Animated.Text, { style: [
+            styles.icon,
+            {
+                fontSize: size,
+                color,
+                transform: [{ rotate }],
+            },
+        ], children: "\uD83D\uDD27" }));
+};
+const styles = StyleSheet.create({
+    icon: {
+        textAlign: 'center',
+    },
+});
+export default AnimatedWrench;

package/dist/components/icons/animated/maintenance/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AnimatedAlert } from './AnimatedAlert';
+export { default as AnimatedEmergency } from './AnimatedEmergency';
+export { default as AnimatedWrench } from './AnimatedWrench';

package/dist/components/icons/animated/maintenance/index.js

@@ -0,0 +1,4 @@
+// Maintenance Animated Icons - Barrel Export
+export { default as AnimatedAlert } from './AnimatedAlert';
+export { default as AnimatedEmergency } from './AnimatedEmergency';
+export { default as AnimatedWrench } from './AnimatedWrench';

package/dist/components/icons/animated/network/AnimatedSpeedGauge.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AnimatedSpeedGaugeProps {
+    size?: number;
+    color?: string;
+}
+declare const AnimatedSpeedGauge: React.FC<AnimatedSpeedGaugeProps>;
+export default AnimatedSpeedGauge;

package/dist/components/icons/animated/network/AnimatedSpeedGauge.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { View, Animated, StyleSheet } from 'react-native';
+const AnimatedSpeedGauge = ({ size = 80, color = '#F59E0B', }) => {
+    const pulseAnim = useRef(new Animated.Value(1)).current;
+    useEffect(() => {
+        Animated.loop(Animated.sequence([
+            Animated.timing(pulseAnim, {
+                toValue: 1.15,
+                duration: 1200,
+                useNativeDriver: true,
+            }),
+            Animated.timing(pulseAnim, {
+                toValue: 1,
+                duration: 1200,
+                useNativeDriver: true,
+            }),
+        ])).start();
+    }, []);
+    return (_jsxs(View, { style: [styles.container, { width: size, height: size }], children: [_jsx(Animated.View, { style: [
+                    styles.iconBackground,
+                    {
+                        width: size,
+                        height: size,
+                        borderRadius: size / 2,
+                        backgroundColor: `${color}15`,
+                        transform: [{ scale: pulseAnim }],
+                    },
+                ] }), _jsx(Animated.Text, { style: [
+                    styles.icon,
+                    {
+                        fontSize: size * 0.5,
+                        transform: [{ scale: pulseAnim }],
+                    },
+                ], children: "\u23F1\uFE0F" })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'relative',
+    },
+    iconBackground: {
+        position: 'absolute',
+    },
+    icon: {
+        textAlign: 'center',
+    },
+});
+export default AnimatedSpeedGauge;

package/dist/components/icons/animated/network/AnimatedTimeout.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AnimatedTimeoutProps {
+    size?: number;
+    color?: string;
+}
+/**
+ * Animated Timeout Icon
+ * Shows clock with warning indicator
+ */
+export declare const AnimatedTimeout: React.FC<AnimatedTimeoutProps>;
+export default AnimatedTimeout;

package/dist/components/icons/animated/network/AnimatedTimeout.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import Animated, { useSharedValue, useAnimatedProps, withRepeat, withTiming, Easing, } from 'react-native-reanimated';
+import Svg, { Circle, Path } from 'react-native-svg';
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+const AnimatedPath = Animated.createAnimatedComponent(Path);
+/**
+ * Animated Timeout Icon
+ * Shows clock with warning indicator
+ */
+export const AnimatedTimeout = ({ size = 64, color = '#F59E0B', }) => {
+    const rotation = useSharedValue(0);
+    const pulse = useSharedValue(1);
+    useEffect(() => {
+        rotation.value = withRepeat(withTiming(360, { duration: 2000, easing: Easing.linear }), -1, false);
+        pulse.value = withRepeat(withTiming(1.2, { duration: 800, easing: Easing.inOut(Easing.ease) }), -1, true);
+    }, []);
+    const clockHandProps = useAnimatedProps(() => ({
+        transform: `rotate(${rotation.value} 32 32)`,
+    }));
+    const warningProps = useAnimatedProps(() => ({
+        transform: `scale(${pulse.value})`,
+        transformOrigin: '48 16',
+    }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 64 64", fill: "none", children: [_jsx(Circle, { cx: "32", cy: "32", r: "20", stroke: color, strokeWidth: "3", fill: "none" }), _jsx(Path, { d: "M32 14 L32 16 M32 48 L32 50 M14 32 L16 32 M48 32 L50 32", stroke: color, strokeWidth: "2", strokeLinecap: "round", opacity: 0.4 }), _jsx(AnimatedPath, { animatedProps: clockHandProps, d: "M32 32 L32 20", stroke: color, strokeWidth: "2.5", strokeLinecap: "round" }), _jsx(Path, { d: "M32 32 L38 32", stroke: color, strokeWidth: "2", strokeLinecap: "round" }), _jsx(Circle, { cx: "32", cy: "32", r: "2", fill: color }), _jsx(AnimatedCircle, { animatedProps: warningProps, cx: "48", cy: "16", r: "6", fill: color }), _jsx(Path, { d: "M48 13 L48 16 M48 18 L48 18.5", stroke: "#FFFFFF", strokeWidth: "1.5", strokeLinecap: "round" })] }));
+};
+export default AnimatedTimeout;

package/dist/components/icons/animated/network/AnimatedWifiOff.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AnimatedWifiOffProps {
+    size?: number;
+    color?: string;
+}
+declare const AnimatedWifiOff: React.FC<AnimatedWifiOffProps>;
+export default AnimatedWifiOff;

package/dist/components/icons/animated/network/AnimatedWifiOff.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { View, Animated, StyleSheet } from 'react-native';
+const AnimatedWifiOff = ({ size = 80, color = '#9CA3AF', }) => {
+    const pulseAnim = useRef(new Animated.Value(1)).current;
+    useEffect(() => {
+        Animated.loop(Animated.sequence([
+            Animated.timing(pulseAnim, {
+                toValue: 1.1,
+                duration: 1000,
+                useNativeDriver: true,
+            }),
+            Animated.timing(pulseAnim, {
+                toValue: 1,
+                duration: 1000,
+                useNativeDriver: true,
+            }),
+        ])).start();
+    }, []);
+    return (_jsxs(View, { style: [styles.container, { width: size, height: size }], children: [_jsx(Animated.View, { style: [
+                    styles.iconBackground,
+                    {
+                        width: size,
+                        height: size,
+                        borderRadius: size / 2,
+                        backgroundColor: `${color}20`,
+                        transform: [{ scale: pulseAnim }],
+                    },
+                ] }), _jsxs(View, { style: styles.iconContainer, children: [_jsx(Animated.Text, { style: [
+                            styles.icon,
+                            {
+                                fontSize: size * 0.5,
+                                opacity: pulseAnim.interpolate({
+                                    inputRange: [1, 1.1],
+                                    outputRange: [0.7, 1],
+                                }),
+                            },
+                        ], children: "\uD83D\uDCE1" }), _jsx(View, { style: [styles.slash, { backgroundColor: color }] })] })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'relative',
+    },
+    iconBackground: {
+        position: 'absolute',
+    },
+    iconContainer: {
+        position: 'relative',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    icon: {
+        textAlign: 'center',
+    },
+    slash: {
+        position: 'absolute',
+        width: 2,
+        height: 60,
+        transform: [{ rotate: '45deg' }],
+        opacity: 0.8,
+    },
+});
+export default AnimatedWifiOff;

package/dist/components/icons/animated/network/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AnimatedWifiOff } from './AnimatedWifiOff';
+export { default as AnimatedSpeedGauge } from './AnimatedSpeedGauge';
+export { default as AnimatedTimeout } from './AnimatedTimeout';

package/dist/components/icons/animated/network/index.js

@@ -0,0 +1,4 @@
+// Network Animated Icons - Barrel Export
+export { default as AnimatedWifiOff } from './AnimatedWifiOff';
+export { default as AnimatedSpeedGauge } from './AnimatedSpeedGauge';
+export { default as AnimatedTimeout } from './AnimatedTimeout';

package/dist/components/icons/animated/permissions/AnimatedPermission.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AnimatedPermissionProps {
+    size?: number;
+    color?: string;
+}
+/**
+ * Animated Permission Icon
+ * Generic permission icon with shield and checkmark
+ */
+export declare const AnimatedPermission: React.FC<AnimatedPermissionProps>;
+export default AnimatedPermission;

package/dist/components/icons/animated/permissions/AnimatedPermission.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import Animated, { useSharedValue, useAnimatedProps, withRepeat, withTiming, Easing, } from 'react-native-reanimated';
+import Svg, { Path, G } from 'react-native-svg';
+const AnimatedG = Animated.createAnimatedComponent(G);
+/**
+ * Animated Permission Icon
+ * Generic permission icon with shield and checkmark
+ */
+export const AnimatedPermission = ({ size = 64, color = '#3B82F6', }) => {
+    const scale = useSharedValue(1);
+    useEffect(() => {
+        scale.value = withRepeat(withTiming(1.1, { duration: 1500, easing: Easing.inOut(Easing.ease) }), -1, true);
+    }, []);
+    const animatedProps = useAnimatedProps(() => ({
+        transform: `scale(${scale.value})`,
+        transformOrigin: '32 32',
+    }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 64 64", fill: "none", children: [_jsx(Path, { d: "M32 8 C32 8, 48 12, 48 20 C48 36, 32 56, 32 56 C32 56, 16 36, 16 20 C16 12, 32 8, 32 8 Z", fill: color, opacity: 0.1 }), _jsx(Path, { d: "M32 10 C32 10, 46 14, 46 20 C46 34, 32 52, 32 52 C32 52, 18 34, 18 20 C18 14, 32 10, 32 10 Z", stroke: color, strokeWidth: "2.5", fill: "none" }), _jsx(AnimatedG, { animatedProps: animatedProps, children: _jsx(Path, { d: "M24 30 L30 36 L42 24", stroke: color, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) })] }));
+};
+export default AnimatedPermission;

package/dist/components/icons/animated/permissions/AnimatedPermissionDenied.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AnimatedPermissionDeniedProps {
+    size?: number;
+    color?: string;
+}
+/**
+ * Animated Permission Denied Icon
+ * Shield with X mark for denied permissions
+ */
+export declare const AnimatedPermissionDenied: React.FC<AnimatedPermissionDeniedProps>;
+export default AnimatedPermissionDenied;

package/dist/components/icons/animated/permissions/AnimatedPermissionDenied.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import Animated, { useSharedValue, useAnimatedProps, withRepeat, withSequence, withTiming, Easing, } from 'react-native-reanimated';
+import Svg, { Path, Circle } from 'react-native-svg';
+const AnimatedPath = Animated.createAnimatedComponent(Path);
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+/**
+ * Animated Permission Denied Icon
+ * Shield with X mark for denied permissions
+ */
+export const AnimatedPermissionDenied = ({ size = 64, color = '#EF4444', }) => {
+    const shake = useSharedValue(0);
+    const pulse = useSharedValue(1);
+    useEffect(() => {
+        shake.value = withRepeat(withSequence(withTiming(0, { duration: 2000 }), withTiming(-3, { duration: 50 }), withTiming(3, { duration: 100 }), withTiming(-3, { duration: 100 }), withTiming(3, { duration: 100 }), withTiming(0, { duration: 50 })), -1, false);
+        pulse.value = withRepeat(withTiming(1.1, { duration: 1000, easing: Easing.inOut(Easing.ease) }), -1, true);
+    }, []);
+    const shieldProps = useAnimatedProps(() => ({
+        transform: `translateX(${shake.value})`,
+    }));
+    const xProps = useAnimatedProps(() => ({
+        transform: `scale(${pulse.value})`,
+        transformOrigin: '32 32',
+    }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 64 64", fill: "none", children: [_jsx(AnimatedPath, { animatedProps: shieldProps, d: "M32 8 C32 8, 48 12, 48 20 C48 36, 32 56, 32 56 C32 56, 16 36, 16 20 C16 12, 32 8, 32 8 Z", fill: color, opacity: 0.1 }), _jsx(AnimatedPath, { animatedProps: shieldProps, d: "M32 10 C32 10, 46 14, 46 20 C46 34, 32 52, 32 52 C32 52, 18 34, 18 20 C18 14, 32 10, 32 10 Z", stroke: color, strokeWidth: "2.5", fill: "none" }), _jsx(AnimatedPath, { animatedProps: xProps, d: "M24 24 L40 40 M40 24 L24 40", stroke: color, strokeWidth: "3", strokeLinecap: "round" })] }));
+};
+export default AnimatedPermissionDenied;

package/dist/components/icons/animated/permissions/index.d.ts

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

package/dist/components/icons/animated/permissions/index.js

@@ -0,0 +1,3 @@
+// Permission Animated Icons - Barrel Export
+export { default as AnimatedPermission } from './AnimatedPermission';
+export { default as AnimatedPermissionDenied } from './AnimatedPermissionDenied';

package/dist/components/icons/badges/ClockBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ClockBadgeProps {
+    size?: number;
+    backgroundColor?: string;
+    iconColor?: string;
+}
+declare const ClockBadge: React.FC<ClockBadgeProps>;
+export default ClockBadge;

package/dist/components/icons/badges/ClockBadge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, Text, StyleSheet } from 'react-native';
+const ClockBadge = ({ size = 48, backgroundColor = '#F59E0B', iconColor = '#FFFFFF', }) => {
+    return (_jsx(View, { style: [
+            styles.container,
+            {
+                width: size,
+                height: size,
+                borderRadius: size / 2,
+                backgroundColor,
+            },
+        ], children: _jsx(Text, { style: [styles.icon, { fontSize: size * 0.5, color: iconColor }], children: "\uD83D\uDD50" }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.15,
+        shadowRadius: 6,
+        elevation: 4,
+    },
+    icon: {
+        textAlign: 'center',
+    },
+});
+export default ClockBadge;

package/dist/components/icons/badges/DownloadBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DownloadBadgeProps {
+    size?: number;
+    backgroundColor?: string;
+    iconColor?: string;
+}
+declare const DownloadBadge: React.FC<DownloadBadgeProps>;
+export default DownloadBadge;

package/dist/components/icons/badges/DownloadBadge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, Text, StyleSheet } from 'react-native';
+const DownloadBadge = ({ size = 48, backgroundColor = '#2563EB', iconColor = '#FFFFFF', }) => {
+    return (_jsx(View, { style: [
+            styles.container,
+            {
+                width: size,
+                height: size,
+                borderRadius: size / 2,
+                backgroundColor,
+            },
+        ], children: _jsx(Text, { style: [styles.icon, { fontSize: size * 0.5, color: iconColor }], children: "\u2B07\uFE0F" }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.15,
+        shadowRadius: 6,
+        elevation: 4,
+    },
+    icon: {
+        textAlign: 'center',
+    },
+});
+export default DownloadBadge;

package/dist/components/icons/badges/XBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface XBadgeProps {
+    size?: number;
+    backgroundColor?: string;
+    iconColor?: string;
+}
+declare const XBadge: React.FC<XBadgeProps>;
+export default XBadge;

package/dist/components/icons/badges/XBadge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, Text, StyleSheet } from 'react-native';
+const XBadge = ({ size = 48, backgroundColor = '#F97316', iconColor = '#FFFFFF', }) => {
+    return (_jsx(View, { style: [
+            styles.container,
+            {
+                width: size,
+                height: size,
+                borderRadius: size / 2,
+                backgroundColor,
+            },
+        ], children: _jsx(Text, { style: [styles.icon, { fontSize: size * 0.5, color: iconColor }], children: "\u274C" }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.15,
+        shadowRadius: 6,
+        elevation: 4,
+    },
+    icon: {
+        textAlign: 'center',
+    },
+});
+export default XBadge;

package/dist/components/icons/badges/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DownloadBadge } from './DownloadBadge';
+export { default as ClockBadge } from './ClockBadge';
+export { default as XBadge } from './XBadge';

package/dist/components/icons/badges/index.js

@@ -0,0 +1,4 @@
+// Icon Badges - Barrel Export
+export { default as DownloadBadge } from './DownloadBadge';
+export { default as ClockBadge } from './ClockBadge';
+export { default as XBadge } from './XBadge';

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

@@ -0,0 +1,3 @@
+export * from './animated';
+export * from './badges';
+export * from './utilities';

package/dist/components/icons/index.js

@@ -0,0 +1,4 @@
+// Icons - Barrel Export
+export * from './animated';
+export * from './badges';
+export * from './utilities';

package/dist/components/icons/utilities/AlertTriangleIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+declare const AlertTriangleIcon: React.FC<IconProps>;
+export default AlertTriangleIcon;

package/dist/components/icons/utilities/AlertTriangleIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+const AlertTriangleIcon = ({ size = 24, color = 'currentColor' }) => (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(Path, { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), _jsx(Path, { d: "M12 9v4" }), _jsx(Path, { d: "M12 17h.01" })] }));
+export default AlertTriangleIcon;

package/dist/components/icons/utilities/CheckCircleIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+declare const CheckCircleIcon: React.FC<IconProps>;
+export default CheckCircleIcon;

package/dist/components/icons/utilities/CheckCircleIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+const CheckCircleIcon = ({ size = 24, color = 'currentColor' }) => (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(Path, { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), _jsx(Path, { d: "M22 4L12 14.01l-3-3" })] }));
+export default CheckCircleIcon;

package/dist/components/icons/utilities/DownloadIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+declare const DownloadIcon: React.FC<IconProps>;
+export default DownloadIcon;

package/dist/components/icons/utilities/DownloadIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+const DownloadIcon = ({ size = 24, color = 'currentColor' }) => (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(Path, { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx(Path, { d: "M7 10l5 5 5-5" }), _jsx(Path, { d: "M12 15V3" })] }));
+export default DownloadIcon;