@qwickapps/react-framework 1.4.9 → 1.5.1

package/src/utils/paletteManifest.ts

@@ -0,0 +1,268 @@
+/**
+ * Palette Manifest Utilities - Fetch and manage palette manifests
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+
+// Manifest structure
+export interface PaletteManifestEntry {
+  id: string;
+  name: string;
+  description: string;
+  author?: string;
+  license?: string;
+  version: string;
+  file: string;
+  fileMinified?: string;
+  thumbnail?: string;
+  primaryColor: string;
+  inlined?: boolean;
+}
+
+export interface PaletteManifest {
+  version: string;
+  palettes: PaletteManifestEntry[];
+}
+
+// Configuration
+export interface PaletteManifestConfig {
+  /** Enable/disable remote palette loading */
+  enableRemote?: boolean;
+  /** Custom remote URL for palette manifest */
+  remoteUrl?: string;
+  /** Custom local path for palette manifest */
+  localPath?: string;
+}
+
+// Default configuration
+const DEFAULT_CONFIG: Required<PaletteManifestConfig> = {
+  enableRemote: true,
+  remoteUrl: 'https://qwickapps.com/palettes/manifest.json',
+  localPath: '/palettes/manifest.json',
+};
+
+// Cache for loaded manifests
+let cachedManifest: PaletteManifest | null = null;
+let manifestLoadAttempted = false;
+
+/**
+ * Fetch a manifest from a URL
+ */
+async function fetchManifestFromUrl(url: string): Promise<PaletteManifest | null> {
+  try {
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Accept': 'application/json',
+      },
+      // Short timeout for better UX
+      signal: AbortSignal.timeout(5000),
+    });
+
+    if (!response.ok) {
+      console.warn(`[PaletteManifest] Failed to fetch from ${url}: ${response.status} ${response.statusText}`);
+      return null;
+    }
+
+    const manifest: PaletteManifest = await response.json();
+
+    // Basic validation
+    if (!manifest.version || !Array.isArray(manifest.palettes)) {
+      console.warn(`[PaletteManifest] Invalid manifest structure from ${url}`);
+      return null;
+    }
+
+    return manifest;
+  } catch (error) {
+    // Only log in development
+    if ((import.meta as Record<string, unknown>).env?.DEV) {
+      console.warn(`[PaletteManifest] Error fetching from ${url}:`, error);
+    }
+    return null;
+  }
+}
+
+/**
+ * Merge multiple manifests, with later manifests overriding earlier ones
+ */
+function mergeManifests(...manifests: (PaletteManifest | null)[]): PaletteManifest {
+  const paletteMap = new Map<string, PaletteManifestEntry>();
+  let latestVersion = '0.0.0';
+
+  for (const manifest of manifests) {
+    if (!manifest) continue;
+
+    // Track latest version
+    if (manifest.version > latestVersion) {
+      latestVersion = manifest.version;
+    }
+
+    // Merge palettes (later manifests override)
+    for (const palette of manifest.palettes) {
+      paletteMap.set(palette.id, palette);
+    }
+  }
+
+  return {
+    version: latestVersion,
+    palettes: Array.from(paletteMap.values()),
+  };
+}
+
+/**
+ * Load palette manifest from configured sources
+ */
+export async function loadPaletteManifest(
+  config: PaletteManifestConfig = {}
+): Promise<PaletteManifest> {
+  // Return cached manifest if available
+  if (cachedManifest) {
+    return cachedManifest;
+  }
+
+  // Only attempt once
+  if (manifestLoadAttempted) {
+    return getFallbackManifest();
+  }
+
+  manifestLoadAttempted = true;
+
+  const finalConfig = { ...DEFAULT_CONFIG, ...config };
+  const manifests: (PaletteManifest | null)[] = [];
+
+  // Try remote manifest first (if enabled)
+  if (finalConfig.enableRemote) {
+    const remoteManifest = await fetchManifestFromUrl(finalConfig.remoteUrl);
+    manifests.push(remoteManifest);
+  }
+
+  // Try local manifest
+  if (typeof window !== 'undefined') {
+    const localManifest = await fetchManifestFromUrl(finalConfig.localPath);
+    manifests.push(localManifest);
+  }
+
+  // Merge all loaded manifests
+  const mergedManifest = mergeManifests(...manifests);
+
+  // If no manifests loaded, use fallback
+  if (mergedManifest.palettes.length === 0) {
+    if ((import.meta as Record<string, unknown>).env?.DEV) {
+      console.warn('[PaletteManifest] No manifests loaded, using fallback');
+    }
+    cachedManifest = getFallbackManifest();
+    return cachedManifest;
+  }
+
+  cachedManifest = mergedManifest;
+  return cachedManifest;
+}
+
+/**
+ * Get fallback manifest with built-in palettes
+ */
+function getFallbackManifest(): PaletteManifest {
+  return {
+    version: '1.4.9',
+    palettes: [
+      {
+        id: 'default',
+        name: 'Default',
+        description: 'Classic blue and neutral color scheme',
+        version: '1.4.9',
+        file: 'PaletteDefault.css',
+        primaryColor: '#007bff',
+        inlined: true,
+      },
+      {
+        id: 'autumn',
+        name: 'Autumn',
+        description: 'Warm oranges, golden yellows, and earthy browns',
+        version: '1.4.9',
+        file: 'PaletteAutumn.css',
+        primaryColor: '#ea580c',
+        inlined: false,
+      },
+      {
+        id: 'cosmic',
+        name: 'Cosmic',
+        description: 'Modern purple gradient for creative and tech brands',
+        version: '1.4.9',
+        file: 'PaletteCosmic.css',
+        primaryColor: '#8b5cf6',
+        inlined: false,
+      },
+      {
+        id: 'ocean',
+        name: 'Ocean',
+        description: 'Deep blues, aqua teals, and seafoam greens',
+        version: '1.4.9',
+        file: 'PaletteOcean.css',
+        primaryColor: '#0891b2',
+        inlined: false,
+      },
+      {
+        id: 'spring',
+        name: 'Spring',
+        description: 'Fresh greens, soft pinks, and bright yellows',
+        version: '1.4.9',
+        file: 'PaletteSpring.css',
+        primaryColor: '#16a34a',
+        inlined: false,
+      },
+      {
+        id: 'winter',
+        name: 'Winter',
+        description: 'Cool blues, icy whites, and frosty grays',
+        version: '1.4.9',
+        file: 'PaletteWinter.css',
+        primaryColor: '#0077be',
+        inlined: false,
+      },
+    ],
+  };
+}
+
+/**
+ * Get a specific palette from the manifest
+ */
+export async function getPaletteFromManifest(
+  paletteId: string,
+  config?: PaletteManifestConfig
+): Promise<PaletteManifestEntry | null> {
+  const manifest = await loadPaletteManifest(config);
+  return manifest.palettes.find(p => p.id === paletteId) || null;
+}
+
+/**
+ * Get all available palettes
+ */
+export async function getAvailablePalettes(
+  config?: PaletteManifestConfig
+): Promise<PaletteManifestEntry[]> {
+  const manifest = await loadPaletteManifest(config);
+  return manifest.palettes;
+}
+
+/**
+ * Clear the cached manifest (useful for testing)
+ */
+export function clearManifestCache(): void {
+  cachedManifest = null;
+  manifestLoadAttempted = false;
+}
+
+/**
+ * Register a custom palette dynamically
+ */
+export function registerCustomPalette(palette: PaletteManifestEntry): void {
+  if (!cachedManifest) {
+    cachedManifest = getFallbackManifest();
+  }
+
+  // Remove existing palette with same ID
+  cachedManifest.palettes = cachedManifest.palettes.filter(p => p.id !== palette.id);
+
+  // Add new palette
+  cachedManifest.palettes.push(palette);
+}

package/src/utils/paletteUtils.ts

@@ -17,6 +17,9 @@ export const AVAILABLE_PALETTES: PaletteConfig[] = [
  * Get the current palette from CSS variables
  */
 export const getCurrentPalette = (): string => {
+  if (typeof document === 'undefined') {
+    return 'default'; // SSR fallback
+  }
   const root = document.documentElement;
   return root.getAttribute('data-palette') || 'default';
 };
@@ -25,9 +28,12 @@ export const getCurrentPalette = (): string => {
  * Set palette and update CSS variables
  */
 export const setPalette = (palette: string): void => {
+  if (typeof document === 'undefined' || typeof window === 'undefined') {
+    return; // SSR - no-op
+  }
   const root = document.documentElement;
   root.setAttribute('data-palette', palette);
-  
+
   // Trigger custom event for palette change
   window.dispatchEvent(new CustomEvent('paletteChange', { detail: { palette } }));
 };
@@ -51,6 +57,9 @@ export const getPaletteConfig = (paletteId: string): PaletteConfig | undefined =
  * Initialize palette system
  */
 export const initializePalette = (): void => {
+  if (typeof localStorage === 'undefined') {
+    return; // SSR - no-op
+  }
   const savedPalette = localStorage.getItem('palette') || 'default';
   setPalette(savedPalette);
 };
@@ -59,6 +68,9 @@ export const initializePalette = (): void => {
  * Save palette preference to localStorage
  */
 export const savePalettePreference = (palette: string): void => {
+  if (typeof localStorage === 'undefined') {
+    return; // SSR - no-op
+  }
   localStorage.setItem('palette', palette);
   setPalette(palette);
 };
@@ -67,6 +79,9 @@ export const savePalettePreference = (palette: string): void => {
  * Get CSS custom property value
  */
 export const getCSSVariable = (property: string): string => {
+  if (typeof document === 'undefined') {
+    return ''; // SSR fallback
+  }
   return getComputedStyle(document.documentElement).getPropertyValue(property).trim();
 };
 
@@ -74,5 +89,8 @@ export const getCSSVariable = (property: string): string => {
  * Set CSS custom property value
  */
 export const setCSSVariable = (property: string, value: string): void => {
+  if (typeof document === 'undefined') {
+    return; // SSR - no-op
+  }
   document.documentElement.style.setProperty(property, value);
 };

package/src/utils/reactUtils.tsx

@@ -1,54 +1,55 @@
 /**
  * QwickApps React Framework - React Utilities
  * This module provides utility functions for React components in the QwickApps React Framework.
- * 
+ *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 
 import { ReactNode } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
 
-/** Location type for React Router */
+/** Location type for routing */
 type LocationType = { pathname: string, search: string, hash: string };
 
 /**
- * Custom hook to get the current location
- * @returns {object | undefined} - The location object if React Router is available, otherwise undefined
+ * Get the current location from browser or undefined in SSR
+ * Works without relying on routing libraries
+ * @returns {object | undefined} - The location object if in browser, otherwise undefined
  */
 export const useSafeLocation = (): LocationType | undefined => {
-  try {
-    return useLocation();
-  } catch (error) {
-    console.warn('React Router context not available:', error);
-    return undefined;
+  // Use browser location if available (works in any React app)
+  if (typeof window !== 'undefined') {
+    return {
+      pathname: window.location.pathname,
+      search: window.location.search,
+      hash: window.location.hash
+    };
   }
+  return undefined;
 };
 
 /**
- * Custom hook to get the navigate function with fallback
- * @returns {Function} - The navigate function (React Router or window.location fallback)
+ * Navigate function type
+ */
+export type NavigateFunction = (to: string | number, options?: unknown) => void;
+
+/**
+ * Get a navigation function with fallback to window.location
+ * Works without relying on routing libraries
+ * @returns {NavigateFunction} - The navigate function
  */
-export const useSafeNavigate = (): Function => {
-  try {
-    const navigate = useNavigate();
-    return navigate;
-  } catch (error) {
-    // Return fallback function that uses window.location.href
-    return (to: string | number, options?: any) => {
-      console.warn('React Router context not available, using window.location as fallback to navigate to:', to);
-      if (typeof to === 'string') {
-        // Handle relative and absolute paths
-        if (typeof window !== 'undefined') {
-          window.location.href = to;
-        }
-      } else if (typeof to === 'number') {
-        // Handle history.go() equivalent
-        if (typeof window !== 'undefined' && window.history) {
-          window.history.go(to);
-        }
+export const useSafeNavigate = (): NavigateFunction => {
+  // Return function that uses window.location
+  return (to: string | number) => {
+    if (typeof to === 'string') {
+      if (typeof window !== 'undefined') {
+        window.location.href = to;
       }
-    };
-  }
+    } else if (typeof to === 'number') {
+      if (typeof window !== 'undefined' && window.history) {
+        window.history.go(to);
+      }
+    }
+  };
 };
 
 /**
@@ -77,7 +78,7 @@ export function extractTextFromReactNode(node: ReactNode): string {
 
   // For React elements, try to extract text content
   if (typeof node === 'object' && node !== null && 'props' in node) {
-    const element = node as any;
+    const element = node as { props?: { children?: ReactNode } };
     if (element.props && element.props.children) {
       return extractTextFromReactNode(element.props.children);
     }

package/src/utils/spacing.ts

@@ -33,8 +33,7 @@ const CSS_SPACING_PATTERN = /^(\d+(\.\d+)?(px|em|rem|%)|0|auto|inherit|initial|u
  * Resolves a spacing value to MUI spacing units or CSS value
  */
 export function resolveSpacing(
-  value: SpacingValue,
-  context: SpacingContext = 'padding'
+  value: SpacingValue
 ): number | string | undefined {
   if (value === undefined || value === null) {
     return undefined;
@@ -103,52 +102,52 @@ export function resolveSpacingProps(props: {
   marginX?: SpacingValue;
   marginY?: SpacingValue;
 }) {
-  const resolved: any = {};
+  const resolved: Record<string, number | string | undefined> = {};
 
   // Padding
   if (props.padding !== undefined) {
-    resolved.p = resolveSpacing(props.padding, 'padding');
+    resolved.p = resolveSpacing(props.padding);
   }
   if (props.paddingTop !== undefined) {
-    resolved.pt = resolveSpacing(props.paddingTop, 'padding');
+    resolved.pt = resolveSpacing(props.paddingTop);
   }
   if (props.paddingRight !== undefined) {
-    resolved.pr = resolveSpacing(props.paddingRight, 'padding');
+    resolved.pr = resolveSpacing(props.paddingRight);
   }
   if (props.paddingBottom !== undefined) {
-    resolved.pb = resolveSpacing(props.paddingBottom, 'padding');
+    resolved.pb = resolveSpacing(props.paddingBottom);
   }
   if (props.paddingLeft !== undefined) {
-    resolved.pl = resolveSpacing(props.paddingLeft, 'padding');
+    resolved.pl = resolveSpacing(props.paddingLeft);
   }
   if (props.paddingX !== undefined) {
-    resolved.px = resolveSpacing(props.paddingX, 'padding');
+    resolved.px = resolveSpacing(props.paddingX);
   }
   if (props.paddingY !== undefined) {
-    resolved.py = resolveSpacing(props.paddingY, 'padding');
+    resolved.py = resolveSpacing(props.paddingY);
   }
 
   // Margin
   if (props.margin !== undefined) {
-    resolved.m = resolveSpacing(props.margin, 'margin');
+    resolved.m = resolveSpacing(props.margin);
   }
   if (props.marginTop !== undefined) {
-    resolved.mt = resolveSpacing(props.marginTop, 'margin');
+    resolved.mt = resolveSpacing(props.marginTop);
   }
   if (props.marginRight !== undefined) {
-    resolved.mr = resolveSpacing(props.marginRight, 'margin');
+    resolved.mr = resolveSpacing(props.marginRight);
   }
   if (props.marginBottom !== undefined) {
-    resolved.mb = resolveSpacing(props.marginBottom, 'margin');
+    resolved.mb = resolveSpacing(props.marginBottom);
   }
   if (props.marginLeft !== undefined) {
-    resolved.ml = resolveSpacing(props.marginLeft, 'margin');
+    resolved.ml = resolveSpacing(props.marginLeft);
   }
   if (props.marginX !== undefined) {
-    resolved.mx = resolveSpacing(props.marginX, 'margin');
+    resolved.mx = resolveSpacing(props.marginX);
   }
   if (props.marginY !== undefined) {
-    resolved.my = resolveSpacing(props.marginY, 'margin');
+    resolved.my = resolveSpacing(props.marginY);
   }
 
   return resolved;

package/src/utils/themePerformanceMonitor.js

@@ -15,6 +15,11 @@ class ThemePerformanceMonitor {
   }
 
   initializeListeners() {
+    // SSR guard - only initialize listeners in browser environment
+    if (typeof window === 'undefined') {
+      return;
+    }
+
     // Listen for theme changes
     window.addEventListener('theme-changed', (event) => {
       this.measureThemeSwitch('theme', event.detail?.theme);
@@ -27,31 +32,34 @@ class ThemePerformanceMonitor {
   }
 
   measureThemeSwitch(type, value) {
-    if (!this.isEnabled) return;
+    // SSR guard
+    if (!this.isEnabled || typeof window === 'undefined' || typeof performance === 'undefined') {
+      return;
+    }
 
     const startTime = performance.now();
-    
+
     // Use requestAnimationFrame to measure when the visual change is complete
     requestAnimationFrame(() => {
       // Wait for another frame to ensure CSS has been applied
       requestAnimationFrame(() => {
         const endTime = performance.now();
         const duration = endTime - startTime;
-        
+
         const measurement = {
           type,
           value,
           duration,
           timestamp: new Date().toISOString(),
         };
-        
+
         this.measurements.push(measurement);
-        
+
         // Keep only last 50 measurements
         if (this.measurements.length > 50) {
           this.measurements.shift();
         }
-        
+
         // Log if it takes too long
         if (duration > 100) {
           console.warn(`Slow ${type} switch detected:`, measurement);

package/src/utils/themeUtils.ts

@@ -9,6 +9,9 @@ export type { ThemeMode, ActualThemeMode } from '../contexts/ThemeContext';
  * Get the current theme mode from CSS variables
  */
 export const getCurrentTheme = (): ThemeMode => {
+  if (typeof document === 'undefined') {
+    return 'system'; // SSR fallback
+  }
   const root = document.documentElement;
   const theme = root.getAttribute('data-theme') as ThemeMode;
   return theme || 'system';
@@ -18,9 +21,12 @@ export const getCurrentTheme = (): ThemeMode => {
  * Set theme mode and update CSS variables
  */
 export const setTheme = (theme: ThemeMode): void => {
+  if (typeof document === 'undefined' || typeof window === 'undefined') {
+    return; // SSR - no-op
+  }
   const root = document.documentElement;
   root.setAttribute('data-theme', theme);
-  
+
   // Trigger custom event for theme change
   window.dispatchEvent(new CustomEvent('themeChange', { detail: { theme } }));
 };
@@ -29,6 +35,9 @@ export const setTheme = (theme: ThemeMode): void => {
  * Get system preference for dark mode
  */
 export const getSystemTheme = (): ActualThemeMode => {
+  if (typeof window === 'undefined') {
+    return 'light'; // SSR fallback
+  }
   return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
 };
 
@@ -46,9 +55,12 @@ export const getComputedTheme = (theme: ThemeMode = getCurrentTheme()): ActualTh
  * Initialize theme system
  */
 export const initializeTheme = (): void => {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') {
+    return; // SSR - no-op
+  }
   const savedTheme = (localStorage.getItem('theme') as ThemeMode) || 'system';
   setTheme(savedTheme);
-  
+
   // Listen for system theme changes
   window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
     if (getCurrentTheme() === 'system') {
@@ -62,6 +74,9 @@ export const initializeTheme = (): void => {
  * Save theme preference to localStorage
  */
 export const saveThemePreference = (theme: ThemeMode): void => {
+  if (typeof localStorage === 'undefined') {
+    return; // SSR - no-op
+  }
   localStorage.setItem('theme', theme);
   setTheme(theme);
 };

package/dist/components/base/ContainerView.d.ts

@@ -1,65 +0,0 @@
-/**
- * ContainerView - Concrete Implementation Using ViewSchema
- *
- * A complete rewrite that replaces the abstract class pattern with a concrete
- * React component that accepts ViewSchema-typed props and renders all
- * comprehensive styling, layout, and behavioral features.
- *
- * Key Features:
- * - Uses ViewSchema as props interface
- * - Integrates with existing useBaseProps utility
- * - Processes all grid, dimension, spacing, and styling props
- * - Handles event conversion from strings to functions
- * - Supports children rendering and data binding
- * - Serialization support via component metadata
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- */
-import type { ModelProps, WithDataBinding } from '@qwickapps/schema';
-import React, { FocusEventHandler, MouseEventHandler } from 'react';
-import ViewSchema from '../../schemas/ViewSchema';
-/**
- * Props interface for ContainerView component
- * Combines ViewSchema properties with React-specific props
- */
-import type { SxProps, Theme } from '@mui/material/styles';
-export interface ModelViewProps extends ModelProps<ViewSchema>, WithDataBinding {
-    /** React children to render inside the component */
-    children?: React.ReactNode;
-    sx?: SxProps<Theme>;
-    style?: React.CSSProperties;
-    onClick?: MouseEventHandler<any>;
-    onMouseEnter?: MouseEventHandler<any>;
-    onMouseLeave?: MouseEventHandler<any>;
-    onFocus?: FocusEventHandler<any>;
-    onBlur?: FocusEventHandler<any>;
-}
-/**
- * ContainerView - Concrete React component implementing ViewSchema
- *
- * This component accepts ViewSchema props and renders a fully styled
- * container with all the comprehensive features from BaseComponentProps.
- */
-export declare function ContainerView({ children, dataSource, bindingOptions, ...schemaProps }: ModelViewProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ContainerView {
-    var tagName: string;
-    var version: string;
-    var fromJson: (jsonData: any) => React.ReactElement;
-    var toJson: (props: ModelViewProps) => any;
-}
-/**
- * Type helper for ContainerView component constructor
- * Provides compatibility with existing registration patterns
- */
-export interface ContainerViewConstructor {
-    (props: ModelViewProps): React.ReactElement;
-    readonly tagName: string;
-    readonly version: string;
-    fromJson(jsonData: any): React.ReactElement;
-    toJson?(props: ModelViewProps): any;
-}
-/**
- * Export the new functional component as default
- */
-export default ContainerView;
-//# sourceMappingURL=ContainerView.d.ts.map

package/dist/components/base/ContainerView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContainerView.d.ts","sourceRoot":"","sources":["../../../src/components/base/ContainerView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE7E,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD;;;GAGG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,UAAU,CAAC,EAAE,eAAe;IAC7E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;CACjC;AA0ED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,cAAc,EACd,GAAG,WAAW,EACf,EAAE,cAAc,2CAgChB;yBArCe,aAAa;;;6BAgDO,GAAG,KAAG,KAAK,CAAC,YAAY;wBAO7B,cAAc,KAAG,GAAG;;AAsBnD;;;GAGG;AACH,MAAM,WAAW,wBAAwB;IACvC,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC;IAC5C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC;IAC5C,MAAM,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC;CACrC;AAED;;GAEG;AACH,eAAe,aAAa,CAAC"}