@umituz/react-native-design-system 1.5.0 → 1.7.0

package/src/index.ts

@@ -225,40 +225,44 @@ export {
 // Import from feedback domain: import { FeedbackModal } from '@domains/feedback';
 
 // =============================================================================
-// TOKENS - Design Tokens (Refactored with ZERO duplication)
+// TOKENS - MOVED TO @umituz/react-native-theme
 // =============================================================================
+// All design tokens (BASE_TOKENS, STATIC_TOKENS, spacing, typography, etc.)
+// have been moved to @umituz/react-native-theme package.
+// Import directly from theme package:
+//   import { BASE_TOKENS, STATIC_TOKENS, spacing, typography } from '@umituz/react-native-theme';
+//   import { useAppDesignTokens, createDesignTokens, lightColors, darkColors } from '@umituz/react-native-theme';
 
+// Re-export for backward compatibility (deprecated - use @umituz/react-native-theme directly)
 export {
-  // Static tokens (don't change with theme)
-  STATIC_TOKENS,
   BASE_TOKENS,
-
-  // Token factory
+  STATIC_TOKENS,
+  spacing,
+  typography,
+  borders,
+  iconSizes,
+  opacity,
+  avatarSizes,
+  sizes,
+  type Spacing,
+  type Typography,
+  type Borders,
+  type IconSizes,
+  type Opacity,
+  type AvatarSizes,
+  type Sizes,
+  type BaseTokens,
   createDesignTokens,
-
-  // Color utilities
+  STATIC_DESIGN_TOKENS,
   withAlpha,
   lightColors,
   darkColors,
   getColorPalette,
-
-  // Individual base tokens
-  spacing,
-  typography,
-  borders,
-
-  // Type exports
   type DesignTokens,
   type ThemeMode,
   type ColorPalette,
-  type Spacing,
-  type Typography,
-  type Borders,
-  type BaseTokens,
-} from './presentation/tokens/AppDesignTokens';
-
-// Hook for dynamic theme-aware tokens (exported separately to avoid cycle)
-export { useAppDesignTokens } from './presentation/hooks/useAppDesignTokens';
+  useAppDesignTokens,
+} from '@umituz/react-native-theme';
 
 export {
   useCommonStyles,
@@ -316,21 +320,22 @@ export {
 } from './presentation/utils/responsive';
 
 // =============================================================================
-// THEME MANAGEMENT - Global Theme Store
+// THEME MANAGEMENT - MOVED TO @umituz/react-native-theme
 // =============================================================================
-
-export {
-  useDesignSystemTheme,
-} from './infrastructure/theme/globalThemeStore';
+// useDesignSystemTheme has been moved to @umituz/react-native-theme package.
+// Import directly: import { useDesignSystemTheme } from '@umituz/react-native-theme';
 
 // =============================================================================
-// ICONS DOMAIN - Universal Icon System
+// ICONS DOMAIN - MOVED TO @umituz/react-native-icon
 // =============================================================================
+// Icon components have been moved to @umituz/react-native-icon package.
+// Import directly: import { Icon, IconName, IconSize, IconColor } from '@umituz/react-native-icon';
 
+// Re-export for backward compatibility (deprecated - use @umituz/react-native-icon directly)
 export {
   Icon,
   type IconProps,
   type IconSize,
   type IconColor,
   type IconName,
-} from './domains/icons/presentation/components/Icon';
+} from '@umituz/react-native-icon';

package/src/presentation/atoms/AtomicBadge.tsx

@@ -18,7 +18,7 @@ import React from 'react';
 import { View, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { AtomicText } from './AtomicText';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import type { DesignTokens } from '../tokens/AppDesignTokens';
+import type { DesignTokens } from '@umituz/react-native-theme';
 
 // =============================================================================
 // TYPE DEFINITIONS

package/src/presentation/atoms/AtomicButton.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity, View } from 'react-native';
 import { AtomicText } from './AtomicText';
-import { Icon } from '../../domains/icons/presentation/components/Icon';
+import { Icon } from '@umituz/react-native-icon';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import type { IconName } from '../../domains/icons/domain/interfaces/IIconAdapter';
+import type { IconName } from '@umituz/react-native-icon';
 
 export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
 export type ButtonSize = 'sm' | 'md' | 'lg';

package/src/presentation/atoms/AtomicFormError.tsx

@@ -18,7 +18,7 @@ import React from 'react';
 import { View, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { AtomicText } from './AtomicText';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import { withAlpha } from '../tokens/AppDesignTokens';
+import { withAlpha } from '@umituz/react-native-theme';
 
 // =============================================================================
 // TYPE DEFINITIONS

package/src/presentation/atoms/AtomicIcon.tsx

@@ -7,9 +7,8 @@
  */
 
 import React from 'react';
-import { Icon } from '../../domains/icons/presentation/components/Icon';
-import type { IconProps, IconSize, IconColor } from '../../domains/icons/domain/interfaces/IIconAdapter';
-import type { LucideIconName } from '../../domains/icons/infrastructure/adapters/LucideAdapter';
+import { Icon } from '@umituz/react-native-icon';
+import type { IconProps, IconSize, IconColor, IconName } from '@umituz/react-native-icon';
 
 /**
  * AtomicIcon Component
@@ -38,4 +37,4 @@ export const AtomicIcon: React.FC<IconProps> = (props) => {
 export type AtomicIconProps = IconProps;
 export type AtomicIconSize = IconSize;
 export type AtomicIconColor = IconColor;
-export type AtomicIconName = LucideIconName;
+export type AtomicIconName = IconName;

package/src/presentation/atoms/fab/styles/fabStyles.ts

@@ -1,6 +1,6 @@
 import { ViewStyle } from 'react-native';
 import { FabVariant, FabSize, FabVariantConfig, FabSizeConfig } from '../types';
-import type { DesignTokens } from '../../../tokens/AppDesignTokens';
+import type { DesignTokens } from '@umituz/react-native-theme';
 
 /**
  * Material Design 3 FAB size configurations

package/src/presentation/atoms/picker/styles/pickerStyles.ts

@@ -2,8 +2,7 @@ import { ViewStyle, TextStyle } from 'react-native';
 import { useAppDesignTokens } from '../../../hooks/useAppDesignTokens';
 import { PickerSize } from '../types';
 import { IOS_HIG, getMinTouchTarget } from '../../../utils/platformConstants';
-
-type DesignTokens = ReturnType<typeof useAppDesignTokens>;
+import type { DesignTokens } from '@umituz/react-native-theme';
 
 /**
  * Picker container styles with iOS HIG compliance
@@ -50,7 +49,14 @@ export const getPickerContainerStyles = (tokens: DesignTokens) => ({
   },
 });
 
-export const getPickerLabelStyles = (tokens: DesignTokens) => ({
+export const getPickerLabelStyles = (tokens: DesignTokens): {
+  base: TextStyle;
+  size: {
+    sm: TextStyle;
+    md: TextStyle;
+    lg: TextStyle;
+  };
+} => ({
   base: {
     marginBottom: tokens.spacing.xs,
     color: tokens.colors.textPrimary,
@@ -63,7 +69,14 @@ export const getPickerLabelStyles = (tokens: DesignTokens) => ({
   },
 });
 
-export const getPickerPlaceholderStyles = (tokens: DesignTokens) => ({
+export const getPickerPlaceholderStyles = (tokens: DesignTokens): {
+  base: TextStyle;
+  size: {
+    sm: TextStyle;
+    md: TextStyle;
+    lg: TextStyle;
+  };
+} => ({
   base: {
     color: tokens.colors.textSecondary,
   },
@@ -74,7 +87,14 @@ export const getPickerPlaceholderStyles = (tokens: DesignTokens) => ({
   },
 });
 
-export const getPickerValueStyles = (tokens: DesignTokens) => ({
+export const getPickerValueStyles = (tokens: DesignTokens): {
+  base: TextStyle;
+  size: {
+    sm: TextStyle;
+    md: TextStyle;
+    lg: TextStyle;
+  };
+} => ({
   base: {
     flex: 1,
     color: tokens.colors.textPrimary,

package/src/presentation/hooks/useAppDesignTokens.ts

@@ -1,40 +1,13 @@
 /**
- * useAppDesignTokens Hook - Theme-Aware Design Tokens
+ * useAppDesignTokens Hook - MOVED TO @umituz/react-native-theme
  *
- * ✅ Automatically reads theme from global store
- * ✅ No parameters needed - fully automatic!
- * ✅ Returns tokens for current theme (light/dark)
- * ✅ Single source of truth
+ * This hook has been moved to @umituz/react-native-theme package.
+ * Re-exported here for backward compatibility.
  *
- * @example Usage (fully automatic theme-aware)
+ * @deprecated Import from @umituz/react-native-theme instead
  * ```typescript
- * import { useAppDesignTokens } from '@umituz/react-native-design-system';
- *
- * const MyComponent = () => {
- *   const tokens = useAppDesignTokens(); // Automatically uses current theme!
- *   return (
- *     <View style={{
- *       backgroundColor: tokens.colors.primary,
- *       padding: tokens.spacing.md
- *     }}>
- *       <Text style={tokens.typography.bodyLarge}>Hello!</Text>
- *     </View>
- *   );
- * };
+ * import { useAppDesignTokens } from '@umituz/react-native-theme';
  * ```
- *
- * How it works:
- * - Reads themeMode from global store (useDesignSystemTheme)
- * - App's theme store syncs to global store automatically
- * - All components get correct tokens without prop drilling
- * - Change theme once, everything updates!
  */
 
-import { useMemo } from 'react';
-import { createDesignTokens, type DesignTokens } from '../tokens/core/TokenFactory';
-import { useDesignSystemTheme } from '../../infrastructure/theme/globalThemeStore';
-
-export const useAppDesignTokens = (): DesignTokens => {
-  const { themeMode } = useDesignSystemTheme();
-  return useMemo(() => createDesignTokens(themeMode), [themeMode]);
-};
+export { useAppDesignTokens } from '@umituz/react-native-theme';

package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts

@@ -6,7 +6,7 @@
 
 import { ViewStyle } from 'react-native';
 import { ConfirmationModalVariant, ConfirmationModalVariantConfig } from '../types';
-import type { DesignTokens } from '../../../tokens/AppDesignTokens';
+import type { DesignTokens } from '@umituz/react-native-theme';
 
 /**
  * Get variant configuration (icon and color only)

package/src/presentation/organisms/AppHeader.tsx

@@ -14,6 +14,7 @@ import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
 import { AtomicText } from '../atoms/AtomicText';
 import { AtomicButton } from '../atoms/AtomicButton';
 import { AtomicIcon } from '../atoms/AtomicIcon';
+import type { IconName } from '@umituz/react-native-icon';
 
 // =============================================================================
 // TYPE DEFINITIONS
@@ -28,9 +29,9 @@ import { AtomicIcon } from '../atoms/AtomicIcon';
 export interface AppHeaderProps {
   title: string;
   subtitle?: string;
-  leftIcon?: string; // MaterialIcons name
+  leftIcon?: IconName; // Icon name
   onLeftPress?: () => void;
-  rightIcon?: string; // MaterialIcons name
+  rightIcon?: IconName; // Icon name
   onRightPress?: () => void;
   showShadow?: boolean;
   backgroundColor?: string;

package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts

@@ -1,91 +0,0 @@
-/**
- * Icon Library Configuration
- *
- * 🔧 SINGLE SOURCE OF TRUTH FOR ICON LIBRARY SELECTION
- *
- * To change icon library:
- * 1. Update package.json with new library
- * 2. Change CURRENT_LIBRARY below
- * 3. Create adapter if needed (infrastructure/adapters/)
- * 4. Done! All apps automatically use new library
- *
- * @example
- * // Switch to Material Icons:
- * export const CURRENT_LIBRARY: IconLibraryType = 'material';
- */
-export type IconLibraryType = 'lucide' | 'material' | 'fontawesome' | 'ionicons';
-/**
- * 🔧 CHANGE THIS TO SWITCH ICON LIBRARY
- */
-export declare const CURRENT_LIBRARY: IconLibraryType;
-/**
- * Icon Library Configuration
- */
-export declare const ICON_LIBRARY_CONFIG: {
-    /**
-     * Current icon library in use
-     */
-    readonly library: "lucide";
-    /**
-     * Default icon size (in pixels)
-     */
-    readonly defaultSize: 24;
-    /**
-     * Default stroke width for outline icons
-     */
-    readonly defaultStrokeWidth: 2;
-    /**
-     * Library metadata
-     */
-    readonly libraries: {
-        readonly lucide: {
-            readonly name: "Lucide";
-            readonly package: "lucide-react-native";
-            readonly version: "^0.468.0";
-            readonly iconCount: 1639;
-            readonly type: "outline";
-            readonly adapter: "LucideAdapter";
-        };
-        readonly material: {
-            readonly name: "Material Icons";
-            readonly package: "@expo/vector-icons";
-            readonly version: "^14.0.0";
-            readonly iconCount: 2000;
-            readonly type: "filled";
-            readonly adapter: "MaterialAdapter";
-        };
-        readonly fontawesome: {
-            readonly name: "Font Awesome";
-            readonly package: "@expo/vector-icons";
-            readonly version: "^14.0.0";
-            readonly iconCount: 1500;
-            readonly type: "solid";
-            readonly adapter: "FontAwesomeAdapter";
-        };
-        readonly ionicons: {
-            readonly name: "Ionicons";
-            readonly package: "@expo/vector-icons";
-            readonly version: "^14.0.0";
-            readonly iconCount: 1300;
-            readonly type: "outline";
-            readonly adapter: "IoniconsAdapter";
-        };
-    };
-};
-/**
- * Get current library metadata
- */
-export declare const getCurrentLibrary: () => {
-    readonly name: "Lucide";
-    readonly package: "lucide-react-native";
-    readonly version: "^0.468.0";
-    readonly iconCount: 1639;
-    readonly type: "outline";
-    readonly adapter: "LucideAdapter";
-};
-/**
- * Type-safe library check
- * Factory uses Lucide icons only
- */
-export declare const isLucideLibrary: () => boolean;
-//# sourceMappingURL=IconLibraryConfig.d.ts.map

package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconLibraryConfig.d.ts","sourceRoot":"","sources":["../../../../../src/domains/icons/domain/config/IconLibraryConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC;AAEjF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,eAA0B,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCK,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;CAE7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,eAAa,CAAC"}

package/lib/domains/icons/domain/config/IconLibraryConfig.js

@@ -1,85 +0,0 @@
-/**
- * Icon Library Configuration
- *
- * 🔧 SINGLE SOURCE OF TRUTH FOR ICON LIBRARY SELECTION
- *
- * To change icon library:
- * 1. Update package.json with new library
- * 2. Change CURRENT_LIBRARY below
- * 3. Create adapter if needed (infrastructure/adapters/)
- * 4. Done! All apps automatically use new library
- *
- * @example
- * // Switch to Material Icons:
- * export const CURRENT_LIBRARY: IconLibraryType = 'material';
- */
-/**
- * 🔧 CHANGE THIS TO SWITCH ICON LIBRARY
- */
-export const CURRENT_LIBRARY = 'lucide';
-/**
- * Icon Library Configuration
- */
-export const ICON_LIBRARY_CONFIG = {
-    /**
-     * Current icon library in use
-     */
-    library: CURRENT_LIBRARY,
-    /**
-     * Default icon size (in pixels)
-     */
-    defaultSize: 24,
-    /**
-     * Default stroke width for outline icons
-     */
-    defaultStrokeWidth: 2,
-    /**
-     * Library metadata
-     */
-    libraries: {
-        lucide: {
-            name: 'Lucide',
-            package: 'lucide-react-native',
-            version: '^0.468.0',
-            iconCount: 1639,
-            type: 'outline',
-            adapter: 'LucideAdapter',
-        },
-        material: {
-            name: 'Material Icons',
-            package: '@expo/vector-icons',
-            version: '^14.0.0',
-            iconCount: 2000,
-            type: 'filled',
-            adapter: 'MaterialAdapter',
-        },
-        fontawesome: {
-            name: 'Font Awesome',
-            package: '@expo/vector-icons',
-            version: '^14.0.0',
-            iconCount: 1500,
-            type: 'solid',
-            adapter: 'FontAwesomeAdapter',
-        },
-        ionicons: {
-            name: 'Ionicons',
-            package: '@expo/vector-icons',
-            version: '^14.0.0',
-            iconCount: 1300,
-            type: 'outline',
-            adapter: 'IoniconsAdapter',
-        },
-    },
-};
-/**
- * Get current library metadata
- */
-export const getCurrentLibrary = () => {
-    return ICON_LIBRARY_CONFIG.libraries[CURRENT_LIBRARY];
-};
-/**
- * Type-safe library check
- * Factory uses Lucide icons only
- */
-export const isLucideLibrary = () => true;
-//# sourceMappingURL=IconLibraryConfig.js.map

package/lib/domains/icons/domain/config/IconLibraryConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconLibraryConfig.js","sourceRoot":"","sources":["../../../../../src/domains/icons/domain/config/IconLibraryConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAoB,QAAQ,CAAC;AAEzD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,OAAO,EAAE,eAAe;IAExB;;OAEG;IACH,WAAW,EAAE,EAAE;IAEf;;OAEG;IACH,kBAAkB,EAAE,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE;QACT,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,qBAAqB;YAC9B,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,IAAI;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,eAAe;SACzB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,IAAI;YACf,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,iBAAiB;SAC3B;QACD,WAAW,EAAE;YACX,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,IAAI;YACf,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,oBAAoB;SAC9B;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,IAAI;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,iBAAiB;SAC3B;KACF;CACO,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,OAAO,mBAAmB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC"}

package/lib/domains/icons/domain/entities/Icon.d.ts

@@ -1,111 +0,0 @@
-/**
- * Icons Domain - Entities
- *
- * Core icon types and interfaces for the App Factory.
- * Provides unified access to Lucide icons (design-system) + Expo vector icons.
- *
- * @domain icons
- * @layer domain
- */
-/**
- * Icon library types
- * - lucide: Lucide React Native icons (already in design-system/AtomicIcon)
- * - material: Material Design icons (@expo/vector-icons)
- * - fontawesome: FontAwesome icons (@expo/vector-icons)
- * - ionicons: Ionicons (@expo/vector-icons)
- */
-export declare enum IconLibrary {
-    LUCIDE = "lucide",
-    MATERIAL = "material",
-    FONTAWESOME = "fontawesome",
-    IONICONS = "ionicons"
-}
-/**
- * Icon category for organization
- */
-export declare enum IconCategory {
-    ALL = "all",
-    NAVIGATION = "navigation",
-    ACTION = "action",
-    SOCIAL = "social",
-    COMMUNICATION = "communication",
-    MEDIA = "media",
-    BUSINESS = "business",
-    WEATHER = "weather",
-    SYMBOLS = "symbols",
-    EMOJI = "emoji"
-}
-/**
- * Icon metadata for registry
- */
-export interface IconMetadata {
-    name: string;
-    library: IconLibrary;
-    category: IconCategory;
-    tags: string[];
-    searchTerms: string[];
-}
-/**
- * Icon registry interface
- */
-export interface IIconRegistry {
-    /**
-     * Get all icons in the library
-     */
-    getAllIcons(): IconMetadata[];
-    /**
-     * Get icons by category
-     */
-    getIconsByCategory(category: IconCategory): IconMetadata[];
-    /**
-     * Search icons by query
-     */
-    searchIcons(query: string): IconMetadata[];
-    /**
-     * Get icon metadata by name
-     */
-    getIconMetadata(name: string): IconMetadata | null;
-}
-/**
- * Icon picker configuration
- */
-export interface IconPickerConfig {
-    libraries: IconLibrary[];
-    categories: IconCategory[];
-    showSearch: boolean;
-    multiSelect: boolean;
-    maxSelections?: number;
-    onSelect: (icons: IconMetadata[]) => void;
-    onCancel?: () => void;
-}
-/**
- * Icon constants
- */
-export declare const ICON_CONSTANTS: {
-    readonly DEFAULT_SIZE: 24;
-    readonly DEFAULT_COLOR: "onSurface";
-    readonly DEFAULT_LIBRARY: IconLibrary.LUCIDE;
-    readonly MAX_SEARCH_RESULTS: 50;
-};
-/**
- * Icon utility functions
- */
-export declare const IconUtils: {
-    /**
-     * Normalize icon name for search
-     */
-    normalizeIconName: (name: string) => string;
-    /**
-     * Match search query against icon metadata
-     */
-    matchesSearch: (icon: IconMetadata, query: string) => boolean;
-    /**
-     * Filter icons by category
-     */
-    filterByCategory: (icons: IconMetadata[], category: IconCategory) => IconMetadata[];
-    /**
-     * Sort icons alphabetically
-     */
-    sortByName: (icons: IconMetadata[]) => IconMetadata[];
-};
-//# sourceMappingURL=Icon.d.ts.map

package/lib/domains/icons/domain/entities/Icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/domains/icons/domain/entities/Icon.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;;GAMG;AACH,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,aAAa,kBAAkB;IAC/B,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,WAAW,IAAI,YAAY,EAAE,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,EAAE,CAAC;IAE3C;;OAEG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;CACpD;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,SAAS;IACpB;;OAEG;8BACuB,MAAM,KAAG,MAAM;IAIzC;;OAEG;0BACmB,YAAY,SAAS,MAAM,KAAG,OAAO;IAa3D;;OAEG;8BACuB,YAAY,EAAE,YAAY,YAAY,KAAG,YAAY,EAAE;IAOjF;;OAEG;wBACiB,YAAY,EAAE,KAAG,YAAY,EAAE;CAGpD,CAAC"}