@umituz/react-native-loading 1.0.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2024 Ümit UZ
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,111 @@
+# @umituz/react-native-loading
+
+Loading states and animations for React Native apps with breathing animations, skeleton loaders, and state management hooks.
+
+## Installation
+
+```bash
+npm install @umituz/react-native-loading
+```
+
+## Peer Dependencies
+
+- `react` >= 18.2.0
+- `react-native` >= 0.74.0
+- `@umituz/react-native-design-system` >= 1.5.0
+
+## Features
+
+- ✅ Breathing animation loading state (meditation-inspired)
+- ✅ Skeleton loaders with shimmer effect
+- ✅ Loading state management hooks
+- ✅ App-specific emoji presets
+- ✅ Configurable sizes and patterns
+
+## Usage
+
+### Basic Loading State
+
+```typescript
+import { LoadingState, useLoading } from '@umituz/react-native-loading';
+
+const MyScreen = () => {
+  const { isLoading, startLoading, stopLoading } = useLoading();
+
+  return (
+    <View>
+      {isLoading ? (
+        <LoadingState message="Loading..." />
+      ) : (
+        <Content />
+      )}
+    </View>
+  );
+};
+```
+
+### Skeleton Loader
+
+```typescript
+import { SkeletonLoader, useLoading } from '@umituz/react-native-loading';
+
+const ListScreen = () => {
+  const { isLoading } = useLoading();
+
+  return (
+    <View>
+      {isLoading ? (
+        <SkeletonLoader pattern="list" count={5} />
+      ) : (
+        <FlatList data={data} />
+      )}
+    </View>
+  );
+};
+```
+
+### With Async Wrapper
+
+```typescript
+import { LoadingState, useLoading } from '@umituz/react-native-loading';
+
+const DataScreen = () => {
+  const { isLoading, loadingMessage, withLoading } = useLoading();
+
+  const loadData = () => withLoading(
+    fetchData(),
+    'Loading data...'
+  );
+
+  return (
+    <View>
+      {isLoading && <LoadingState message={loadingMessage} />}
+      <Button onPress={loadData}>Load</Button>
+    </View>
+  );
+};
+```
+
+## API
+
+### Components
+
+- `LoadingState`: Main loading component with breathing animation
+- `SkeletonLoader`: Skeleton loader with shimmer effect
+
+### Hooks
+
+- `useLoading()`: Main loading state management hook
+- `useSimpleLoading()`: Simplified loading hook
+
+### Utilities
+
+- `LOADING_EMOJIS`: App-specific emoji presets
+- `SIZE_CONFIGS`: Size configuration presets
+- `SKELETON_PATTERNS`: Skeleton loader patterns
+- `LoadingUtils`: Utility functions for loading states
+
+## License
+
+MIT
+

package/lib/domain/entities/Loading.d.ts

@@ -0,0 +1,161 @@
+/**
+ * Loading Domain - Entity Definitions
+ *
+ * Core types and interfaces for loading states and animations.
+ * Provides consistent loading UX across all apps.
+ *
+ * @domain loading
+ * @layer domain/entities
+ */
+/**
+ * Loading animation type
+ */
+export type LoadingType = 'pulse' | 'spinner' | 'dots' | 'skeleton';
+/**
+ * Loading size preset
+ */
+export type LoadingSize = 'small' | 'medium' | 'large';
+/**
+ * Skeleton loader pattern
+ */
+export type SkeletonPattern = 'list' | 'card' | 'profile' | 'text' | 'custom';
+/**
+ * Loading configuration
+ */
+export interface LoadingConfig {
+    /** Animation type */
+    type: LoadingType;
+    /** Size preset */
+    size: LoadingSize;
+    /** Loading emoji (customizable per app) */
+    emoji?: string;
+    /** Loading message */
+    message?: string;
+    /** Full screen mode */
+    fullScreen?: boolean;
+}
+/**
+ * Size configuration for each preset
+ */
+export interface SizeConfig {
+    emojiSize: number;
+    showMessage: boolean;
+    spacing: number;
+}
+/**
+ * Skeleton loader configuration
+ */
+export interface SkeletonConfig {
+    width?: number | string;
+    height?: number;
+    borderRadius?: number;
+    marginBottom?: number;
+}
+/**
+ * Animation timing configuration
+ */
+export interface AnimationConfig {
+    duration: number;
+    toValue: number;
+    easing?: 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut';
+}
+/**
+ * Size configurations for loading states
+ */
+export declare const SIZE_CONFIGS: Record<LoadingSize, SizeConfig>;
+/**
+ * App-specific emoji presets
+ * Apps can override the default emoji based on their theme
+ */
+export declare const LOADING_EMOJIS: {
+    readonly meditation: "🧘";
+    readonly fitness: "💪";
+    readonly workout: "🏋️";
+    readonly running: "🏃";
+    readonly cycling: "🚴";
+    readonly yoga: "🧘‍♀️";
+    readonly health: "🏥";
+    readonly nutrition: "🥗";
+    readonly productivity: "⏳";
+    readonly education: "📚";
+    readonly reading: "📖";
+    readonly music: "🎵";
+    readonly art: "🎨";
+    readonly travel: "✈️";
+    readonly finance: "💰";
+    readonly shopping: "🛍️";
+    readonly cooking: "👨‍🍳";
+    readonly gaming: "🎮";
+    readonly default: "⌛";
+};
+/**
+ * Animation configurations
+ */
+export declare const ANIMATION_CONFIGS: {
+    readonly pulse: {
+        readonly duration: 1000;
+        readonly toValue: 1.15;
+        readonly easing: "easeInOut";
+    };
+    readonly spinner: {
+        readonly duration: 1000;
+        readonly toValue: 360;
+        readonly easing: "linear";
+    };
+    readonly dots: {
+        readonly duration: 500;
+        readonly toValue: 1;
+        readonly easing: "easeInOut";
+    };
+    readonly skeleton: {
+        readonly duration: 1200;
+        readonly toValue: 1;
+        readonly easing: "linear";
+    };
+};
+/**
+ * Skeleton pattern configurations
+ */
+export declare const SKELETON_PATTERNS: Record<SkeletonPattern, SkeletonConfig[]>;
+/**
+ * Loading utility class
+ */
+export declare class LoadingUtils {
+    /**
+     * Get emoji for app category
+     */
+    static getEmojiForCategory(category: string): string;
+    /**
+     * Get default loading config
+     */
+    static getDefaultConfig(overrides?: Partial<LoadingConfig>): LoadingConfig;
+    /**
+     * Get size config
+     */
+    static getSizeConfig(size: LoadingSize): SizeConfig;
+    /**
+     * Get animation config
+     */
+    static getAnimationConfig(type: LoadingType): AnimationConfig;
+    /**
+     * Get skeleton pattern
+     */
+    static getSkeletonPattern(pattern: SkeletonPattern): SkeletonConfig[];
+    /**
+     * Validate loading config
+     */
+    static validateConfig(config: Partial<LoadingConfig>): LoadingConfig;
+}
+/**
+ * Loading constants
+ */
+export declare const LOADING_CONSTANTS: {
+    readonly DEFAULT_TYPE: LoadingType;
+    readonly DEFAULT_SIZE: LoadingSize;
+    readonly DEFAULT_EMOJI: "⌛";
+    readonly BREATHING_CYCLE_DURATION: 2000;
+    readonly SPINNER_ROTATION_DURATION: 1000;
+    readonly DOTS_WAVE_DURATION: 1500;
+    readonly SKELETON_SHIMMER_DURATION: 1200;
+};
+//# sourceMappingURL=Loading.d.ts.map

package/lib/domain/entities/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/domain/entities/Loading.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,kBAAkB;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;CACjE;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,CAgBxD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,eAAe,EAAE,cAAc,EAAE,CAoBvE,CAAC;AAEF;;GAEG;AACH,qBAAa,YAAY;IACvB;;OAEG;IACH,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IA6DpD;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,aAAa;IAU1E;;OAEG;IACH,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU;IAInD;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,eAAe;IAI7D;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,OAAO,EAAE,eAAe,GAAG,cAAc,EAAE;IAIrE;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,aAAa;CASrE;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;2BACH,WAAW;2BACX,WAAW;;;;;;CAM5B,CAAC"}

package/lib/domain/entities/Loading.js

@@ -0,0 +1,224 @@
+/**
+ * Loading Domain - Entity Definitions
+ *
+ * Core types and interfaces for loading states and animations.
+ * Provides consistent loading UX across all apps.
+ *
+ * @domain loading
+ * @layer domain/entities
+ */
+/**
+ * Size configurations for loading states
+ */
+export const SIZE_CONFIGS = {
+    small: {
+        emojiSize: 32,
+        showMessage: false,
+        spacing: 8,
+    },
+    medium: {
+        emojiSize: 48,
+        showMessage: true,
+        spacing: 12,
+    },
+    large: {
+        emojiSize: 64,
+        showMessage: true,
+        spacing: 16,
+    },
+};
+/**
+ * App-specific emoji presets
+ * Apps can override the default emoji based on their theme
+ */
+export const LOADING_EMOJIS = {
+    meditation: '🧘',
+    fitness: '💪',
+    workout: '🏋️',
+    running: '🏃',
+    cycling: '🚴',
+    yoga: '🧘‍♀️',
+    health: '🏥',
+    nutrition: '🥗',
+    productivity: '⏳',
+    education: '📚',
+    reading: '📖',
+    music: '🎵',
+    art: '🎨',
+    travel: '✈️',
+    finance: '💰',
+    shopping: '🛍️',
+    cooking: '👨‍🍳',
+    gaming: '🎮',
+    default: '⌛',
+};
+/**
+ * Animation configurations
+ */
+export const ANIMATION_CONFIGS = {
+    pulse: {
+        duration: 1000,
+        toValue: 1.15,
+        easing: 'easeInOut',
+    },
+    spinner: {
+        duration: 1000,
+        toValue: 360,
+        easing: 'linear',
+    },
+    dots: {
+        duration: 500,
+        toValue: 1,
+        easing: 'easeInOut',
+    },
+    skeleton: {
+        duration: 1200,
+        toValue: 1,
+        easing: 'linear',
+    },
+};
+/**
+ * Skeleton pattern configurations
+ */
+export const SKELETON_PATTERNS = {
+    list: [
+        { width: '100%', height: 60, borderRadius: 8, marginBottom: 12 },
+    ],
+    card: [
+        { width: '100%', height: 200, borderRadius: 12, marginBottom: 16 },
+        { width: '80%', height: 20, borderRadius: 4, marginBottom: 8 },
+        { width: '60%', height: 16, borderRadius: 4, marginBottom: 0 },
+    ],
+    profile: [
+        { width: 80, height: 80, borderRadius: 40, marginBottom: 16 },
+        { width: '60%', height: 24, borderRadius: 4, marginBottom: 8 },
+        { width: '40%', height: 16, borderRadius: 4, marginBottom: 0 },
+    ],
+    text: [
+        { width: '100%', height: 16, borderRadius: 4, marginBottom: 8 },
+        { width: '90%', height: 16, borderRadius: 4, marginBottom: 8 },
+        { width: '95%', height: 16, borderRadius: 4, marginBottom: 0 },
+    ],
+    custom: [],
+};
+/**
+ * Loading utility class
+ */
+export class LoadingUtils {
+    /**
+     * Get emoji for app category
+     */
+    static getEmojiForCategory(category) {
+        const normalizedCategory = category.toLowerCase();
+        if (normalizedCategory.includes('meditation') || normalizedCategory.includes('mindfulness')) {
+            return LOADING_EMOJIS.meditation;
+        }
+        if (normalizedCategory.includes('fitness') || normalizedCategory.includes('gym')) {
+            return LOADING_EMOJIS.fitness;
+        }
+        if (normalizedCategory.includes('workout')) {
+            return LOADING_EMOJIS.workout;
+        }
+        if (normalizedCategory.includes('running') || normalizedCategory.includes('run')) {
+            return LOADING_EMOJIS.running;
+        }
+        if (normalizedCategory.includes('cycling') || normalizedCategory.includes('bike')) {
+            return LOADING_EMOJIS.cycling;
+        }
+        if (normalizedCategory.includes('yoga')) {
+            return LOADING_EMOJIS.yoga;
+        }
+        if (normalizedCategory.includes('health') || normalizedCategory.includes('medical')) {
+            return LOADING_EMOJIS.health;
+        }
+        if (normalizedCategory.includes('nutrition') || normalizedCategory.includes('diet')) {
+            return LOADING_EMOJIS.nutrition;
+        }
+        if (normalizedCategory.includes('productivity') || normalizedCategory.includes('task')) {
+            return LOADING_EMOJIS.productivity;
+        }
+        if (normalizedCategory.includes('education') || normalizedCategory.includes('learn')) {
+            return LOADING_EMOJIS.education;
+        }
+        if (normalizedCategory.includes('reading') || normalizedCategory.includes('book')) {
+            return LOADING_EMOJIS.reading;
+        }
+        if (normalizedCategory.includes('music') || normalizedCategory.includes('audio')) {
+            return LOADING_EMOJIS.music;
+        }
+        if (normalizedCategory.includes('art') || normalizedCategory.includes('creative')) {
+            return LOADING_EMOJIS.art;
+        }
+        if (normalizedCategory.includes('travel') || normalizedCategory.includes('trip')) {
+            return LOADING_EMOJIS.travel;
+        }
+        if (normalizedCategory.includes('finance') || normalizedCategory.includes('money')) {
+            return LOADING_EMOJIS.finance;
+        }
+        if (normalizedCategory.includes('shopping') || normalizedCategory.includes('shop')) {
+            return LOADING_EMOJIS.shopping;
+        }
+        if (normalizedCategory.includes('cooking') || normalizedCategory.includes('recipe')) {
+            return LOADING_EMOJIS.cooking;
+        }
+        if (normalizedCategory.includes('gaming') || normalizedCategory.includes('game')) {
+            return LOADING_EMOJIS.gaming;
+        }
+        return LOADING_EMOJIS.default;
+    }
+    /**
+     * Get default loading config
+     */
+    static getDefaultConfig(overrides) {
+        return {
+            type: 'pulse',
+            size: 'large',
+            emoji: LOADING_EMOJIS.default,
+            fullScreen: false,
+            ...overrides,
+        };
+    }
+    /**
+     * Get size config
+     */
+    static getSizeConfig(size) {
+        return SIZE_CONFIGS[size];
+    }
+    /**
+     * Get animation config
+     */
+    static getAnimationConfig(type) {
+        return ANIMATION_CONFIGS[type];
+    }
+    /**
+     * Get skeleton pattern
+     */
+    static getSkeletonPattern(pattern) {
+        return SKELETON_PATTERNS[pattern];
+    }
+    /**
+     * Validate loading config
+     */
+    static validateConfig(config) {
+        return {
+            type: config.type || 'pulse',
+            size: config.size || 'large',
+            emoji: config.emoji || LOADING_EMOJIS.default,
+            message: config.message,
+            fullScreen: config.fullScreen ?? false,
+        };
+    }
+}
+/**
+ * Loading constants
+ */
+export const LOADING_CONSTANTS = {
+    DEFAULT_TYPE: 'pulse',
+    DEFAULT_SIZE: 'large',
+    DEFAULT_EMOJI: LOADING_EMOJIS.default,
+    BREATHING_CYCLE_DURATION: 2000, // 2 seconds (inhale + exhale)
+    SPINNER_ROTATION_DURATION: 1000, // 1 second
+    DOTS_WAVE_DURATION: 1500, // 1.5 seconds
+    SKELETON_SHIMMER_DURATION: 1200, // 1.2 seconds
+};
+//# sourceMappingURL=Loading.js.map

package/lib/domain/entities/Loading.js.map

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

package/lib/index.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Loading Domain - Barrel Export
+ *
+ * Public API for the loading domain.
+ * Provides consistent loading states and animations across all apps.
+ *
+ * Features:
+ * - Breathing animation loading state (meditation-inspired)
+ * - Skeleton loaders with shimmer effect
+ * - Loading state management hooks
+ * - App-specific emoji presets
+ * - Configurable sizes and patterns
+ *
+ * Usage:
+ * ```tsx
+ * import {
+ *   LoadingState,
+ *   SkeletonLoader,
+ *   useLoading,
+ *   LOADING_EMOJIS,
+ * } from '@umituz/react-native-loading';
+ *
+ * // Basic loading state
+ * const MyScreen = () => {
+ *   const { isLoading, startLoading, stopLoading } = useLoading();
+ *
+ *   return (
+ *     <View>
+ *       {isLoading ? (
+ *         <LoadingState message="Loading..." />
+ *       ) : (
+ *         <Content />
+ *       )}
+ *     </View>
+ *   );
+ * };
+ *
+ * // Skeleton loader for lists
+ * const ListScreen = () => {
+ *   const [data, setData] = useState([]);
+ *   const { isLoading } = useLoading();
+ *
+ *   return (
+ *     <View>
+ *       {isLoading ? (
+ *         <SkeletonLoader pattern="list" count={5} />
+ *       ) : (
+ *         <FlatList data={data} ... />
+ *       )}
+ *     </View>
+ *   );
+ * };
+ *
+ * // With async wrapper
+ * const DataScreen = () => {
+ *   const { isLoading, loadingMessage, withLoading } = useLoading();
+ *
+ *   const loadData = () => withLoading(
+ *     fetchData(),
+ *     'Loading data...'
+ *   );
+ *
+ *   return (
+ *     <View>
+ *       {isLoading && <LoadingState message={loadingMessage} />}
+ *       <Button onPress={loadData}>Load</Button>
+ *     </View>
+ *   );
+ * };
+ *
+ * // Custom emoji per app
+ * const FitnessLoadingScreen = () => (
+ *   <LoadingState
+ *     emoji={LOADING_EMOJIS.fitness}
+ *     message="Loading workouts..."
+ *   />
+ * );
+ * ```
+ */
+export type { LoadingType, LoadingSize, SkeletonPattern, LoadingConfig, SizeConfig, SkeletonConfig, AnimationConfig, } from './domain/entities/Loading';
+export { SIZE_CONFIGS, LOADING_EMOJIS, ANIMATION_CONFIGS, SKELETON_PATTERNS, LoadingUtils, LOADING_CONSTANTS, } from './domain/entities/Loading';
+export { LoadingState, type LoadingStateProps, } from './presentation/components/LoadingState';
+export { SkeletonLoader, type SkeletonLoaderProps, } from './presentation/components/SkeletonLoader';
+export { useLoading, useSimpleLoading, type UseLoadingReturn, } from './presentation/hooks/useLoading';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AAGH,YAAY,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,aAAa,EACb,UAAU,EACV,cAAc,EACd,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,0CAA0C,CAAC;AAGlD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,KAAK,gBAAgB,GACtB,MAAM,iCAAiC,CAAC"}