@rubixstudios/payload-typesense 1.0.0

package/dist/components/themes/hooks.d.ts

@@ -0,0 +1,52 @@
+import type { Theme, ThemeConfig, ThemeContextValue } from './types.js';
+declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
+/**
+ * Hook to access theme context
+ */
+export declare function useTheme(): ThemeContextValue;
+/**
+ * Hook to create theme configuration
+ */
+export declare function useThemeConfig(config: ThemeConfig): ThemeContextValue;
+/**
+ * Hook to apply theme styles to CSS variables
+ */
+export declare function useThemeStyles(config: ThemeConfig): Record<string, string>;
+/**
+ * Hook to get responsive theme configuration
+ */
+export declare function useResponsiveTheme(baseConfig: ThemeConfig, isMobile: boolean): ThemeConfig;
+/**
+ * Hook to toggle between light and dark themes
+ */
+export declare function useThemeToggle(lightConfig: ThemeConfig, darkConfig: ThemeConfig, isDark: boolean): ThemeConfig;
+/**
+ * Hook to create theme-aware CSS classes
+ */
+export declare function useThemeClasses(config: ThemeConfig): Record<string, string>;
+/**
+ * Hook to get theme-aware color values
+ */
+export declare function useThemeColors(config: ThemeConfig): Theme['colors'];
+/**
+ * Hook to get theme-aware spacing values
+ */
+export declare function useThemeSpacing(config: ThemeConfig): Theme['spacing'];
+/**
+ * Hook to get theme-aware typography values
+ */
+export declare function useThemeTypography(config: ThemeConfig): Theme['typography'];
+/**
+ * Hook to detect system theme preference
+ */
+export declare function useSystemTheme(): 'dark' | 'light';
+/**
+ * Hook to create auto theme configuration based on system preference
+ */
+export declare function useAutoTheme(lightTheme: string, darkTheme: string): string;
+/**
+ * Hook to create theme with custom overrides
+ */
+export declare function useCustomTheme(baseThemeName: string, overrides: Partial<ThemeConfig>): ThemeConfig;
+export { ThemeContext };
+//# sourceMappingURL=hooks.d.ts.map

package/dist/components/themes/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/themes/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAYvE,QAAA,MAAM,YAAY,mDAAgD,CAAA;AAElE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,iBAAiB,CAoBrE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,WAAW,CA8B1F;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,OAAO,GACd,WAAW,CAIb;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc3E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,CAKnE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAKrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAK3E;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,OAAO,CAMjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAC9B,WAAW,CAOb;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/themes/hooks.js

@@ -0,0 +1,177 @@
+'use client';
+import { createContext, useCallback, useContext, useMemo } from 'react';
+import { applyTheme, generateThemeClasses, getThemeVariables, isDarkTheme, isLightTheme, mergeThemeConfig } from './utils.js';
+// Theme context
+const ThemeContext = createContext(null);
+/**
+ * Hook to access theme context
+ */ export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+}
+/**
+ * Hook to create theme configuration
+ */ export function useThemeConfig(config) {
+    const theme = useMemo(()=>mergeThemeConfig(config), [
+        config
+    ]);
+    const classes = useMemo(()=>generateThemeClasses(theme, config), [
+        theme,
+        config
+    ]);
+    const applyThemeToElement = useCallback((element, variant)=>applyTheme(theme, element, variant), [
+        theme
+    ]);
+    return useMemo(()=>({
+            applyTheme: applyThemeToElement,
+            classes,
+            config,
+            isDark: isDarkTheme(theme),
+            isLight: isLightTheme(theme),
+            theme
+        }), [
+        theme,
+        config,
+        classes,
+        applyThemeToElement
+    ]);
+}
+/**
+ * Hook to apply theme styles to CSS variables
+ */ export function useThemeStyles(config) {
+    return useMemo(()=>{
+        const theme = mergeThemeConfig(config);
+        return getThemeVariables(theme);
+    }, [
+        config
+    ]);
+}
+/**
+ * Hook to get responsive theme configuration
+ */ export function useResponsiveTheme(baseConfig, isMobile) {
+    return useMemo(()=>{
+        if (!baseConfig.responsive) {
+            return baseConfig;
+        }
+        const mobileConfig = {
+            ...baseConfig,
+            spacing: {
+                ...baseConfig.spacing,
+                // Adjust spacing for mobile
+                headerPadding: '0.75rem 1rem',
+                inputFontSize: '16px',
+                inputPadding: '0.875rem 1rem',
+                itemPadding: '0.875rem 1rem',
+                resultsMaxHeight: '20rem'
+            },
+            // Disable animations on mobile for better performance
+            animations: isMobile ? {
+                ...baseConfig.animations,
+                transitionFast: '0s',
+                transitionNormal: '0s',
+                transitionSlow: '0s'
+            } : baseConfig.animations
+        };
+        return mobileConfig;
+    }, [
+        baseConfig,
+        isMobile
+    ]);
+}
+/**
+ * Hook to toggle between light and dark themes
+ */ export function useThemeToggle(lightConfig, darkConfig, isDark) {
+    return useMemo(()=>{
+        return isDark ? darkConfig : lightConfig;
+    }, [
+        lightConfig,
+        darkConfig,
+        isDark
+    ]);
+}
+/**
+ * Hook to create theme-aware CSS classes
+ */ export function useThemeClasses(config) {
+    return useMemo(()=>{
+        const theme = mergeThemeConfig(config);
+        const classes = generateThemeClasses(theme, config);
+        // Convert to a more usable format
+        const classMap = {};
+        Object.entries(classes).forEach(([key, value])=>{
+            classMap[key] = value;
+        });
+        return classMap;
+    }, [
+        config
+    ]);
+}
+/**
+ * Hook to get theme-aware color values
+ */ export function useThemeColors(config) {
+    return useMemo(()=>{
+        const theme = mergeThemeConfig(config);
+        return theme.colors;
+    }, [
+        config
+    ]);
+}
+/**
+ * Hook to get theme-aware spacing values
+ */ export function useThemeSpacing(config) {
+    return useMemo(()=>{
+        const theme = mergeThemeConfig(config);
+        return theme.spacing;
+    }, [
+        config
+    ]);
+}
+/**
+ * Hook to get theme-aware typography values
+ */ export function useThemeTypography(config) {
+    return useMemo(()=>{
+        const theme = mergeThemeConfig(config);
+        return theme.typography;
+    }, [
+        config
+    ]);
+}
+/**
+ * Hook to detect system theme preference
+ */ export function useSystemTheme() {
+    return useMemo(()=>{
+        if (typeof window === 'undefined') {
+            return 'light';
+        }
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }, []);
+}
+/**
+ * Hook to create auto theme configuration based on system preference
+ */ export function useAutoTheme(lightTheme, darkTheme) {
+    const systemTheme = useSystemTheme();
+    return useMemo(()=>{
+        return systemTheme === 'dark' ? darkTheme : lightTheme;
+    }, [
+        systemTheme,
+        lightTheme,
+        darkTheme
+    ]);
+}
+/**
+ * Hook to create theme with custom overrides
+ */ export function useCustomTheme(baseThemeName, overrides) {
+    return useMemo(()=>{
+        return {
+            theme: baseThemeName,
+            ...overrides
+        };
+    }, [
+        baseThemeName,
+        overrides
+    ]);
+}
+// Export context for provider
+export { ThemeContext };

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

@@ -0,0 +1,5 @@
+export * from './hooks.js';
+export * from './themes.js';
+export * from './types.js';
+export * from './utils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}

package/dist/components/themes/index.js

@@ -0,0 +1,4 @@
+export * from './hooks.js';
+export * from './themes.js';
+export * from './types.js';
+export * from './utils.js';

package/dist/components/themes/themes.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from './types.js';
+export declare const modernTheme: Theme;
+export declare const darkTheme: Theme;
+export declare const themes: Record<string, Theme>;
+export declare const defaultTheme: Theme;
+//# sourceMappingURL=themes.d.ts.map

package/dist/components/themes/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/components/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AA2DvC,eAAO,MAAM,WAAW,EAAE,KAqDzB,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAqDvB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAGxC,CAAA;AAGD,eAAO,MAAM,YAAY,OAAc,CAAA"}

package/dist/components/themes/themes.js

@@ -0,0 +1,156 @@
+const baseTheme = {
+    animations: {
+        animationFast: '0.15s',
+        animationNormal: '0.2s',
+        animationSlow: '0.3s',
+        easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
+        easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        easeOut: 'cubic-bezier(0, 0, 0.2, 1)',
+        transitionFast: '0.15s',
+        transitionNormal: '0.2s',
+        transitionSlow: '0.3s'
+    },
+    shadows: {
+        focusShadow: '0 0 0 3px',
+        focusShadowColor: 'rgba(59, 130, 246, 0.1)',
+        shadowLg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        shadowMd: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+        shadowSm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+        shadowXl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'
+    },
+    spacing: {
+        headerFontSize: '0.875rem',
+        headerPadding: '0.75rem 1rem',
+        inputBorderRadius: '0.5rem',
+        inputFontSize: '1rem',
+        inputPadding: '0.5rem 0.75rem',
+        itemBorderRadius: '0',
+        itemMargin: '0',
+        itemPadding: '0.75rem 1rem',
+        metaFontSize: '0.75rem',
+        metaPadding: '0.5rem 0',
+        resultsBorderRadius: '0 0 0.5rem 0.5rem',
+        resultsMaxHeight: '24rem',
+        resultsPadding: '0'
+    },
+    typography: {
+        fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+        fontFamilyMono: 'ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace',
+        fontSize2xl: '1.5rem',
+        fontSizeBase: '1rem',
+        fontSizeLg: '1.125rem',
+        fontSizeSm: '0.875rem',
+        fontSizeXl: '1.25rem',
+        fontSizeXs: '0.75rem',
+        fontWeightBold: '700',
+        fontWeightMedium: '500',
+        fontWeightNormal: '400',
+        fontWeightSemibold: '600',
+        lineHeightNormal: '1.5',
+        lineHeightRelaxed: '1.625',
+        lineHeightTight: '1.25'
+    }
+};
+// Modern theme - clean, professional, with subtle shadows
+export const modernTheme = {
+    name: 'modern',
+    colors: {
+        // Input colors
+        inputBackground: '#ffffff',
+        inputBorder: '#d1d5db',
+        inputBorderFocus: '#3b82f6',
+        inputPlaceholder: '#6b7280',
+        inputText: '#111827',
+        // Results container colors
+        resultsBackground: '#ffffff',
+        resultsBorder: '#d1d5db',
+        resultsShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        // Header colors
+        headerBackground: '#f9fafb',
+        headerBorder: '#e5e7eb',
+        headerText: '#6b7280',
+        // Result item colors
+        resultBackground: '#ffffff',
+        resultBackgroundFocus: '#eff6ff',
+        resultBackgroundHover: '#f8fafc',
+        resultBorder: '#f3f4f6',
+        // Text colors
+        descriptionText: '#6b7280',
+        highlightBackground: '#fef3c7',
+        highlightText: '#92400e',
+        metaText: '#9ca3af',
+        titleText: '#111827',
+        // Interactive elements
+        collectionBadge: '#dbeafe',
+        collectionBadgeText: '#1e40af',
+        scoreBadge: '#dcfce7',
+        scoreBadgeText: '#166534',
+        // State colors
+        errorBackground: '#fef2f2',
+        errorText: '#dc2626',
+        loadingText: '#6b7280',
+        noResultsText: '#6b7280',
+        // Facet colors
+        facetActiveBackground: '#3b82f6',
+        facetActiveText: '#ffffff',
+        facetBackground: '#f3f4f6',
+        facetBorder: '#d1d5db',
+        facetText: '#374151'
+    },
+    ...baseTheme
+};
+// Dark theme - perfect for dark mode applications
+export const darkTheme = {
+    name: 'dark',
+    colors: {
+        // Input colors
+        inputBackground: '#1f2937',
+        inputBorder: '#374151',
+        inputBorderFocus: '#3b82f6',
+        inputPlaceholder: '#9ca3af',
+        inputText: '#f9fafb',
+        // Results container colors
+        resultsBackground: '#1f2937',
+        resultsBorder: '#374151',
+        resultsShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.5)',
+        // Header colors
+        headerBackground: '#111827',
+        headerBorder: '#374151',
+        headerText: '#9ca3af',
+        // Result item colors
+        resultBackground: '#1f2937',
+        resultBackgroundFocus: '#1e3a8a',
+        resultBackgroundHover: '#111827',
+        resultBorder: '#374151',
+        // Text colors
+        descriptionText: '#d1d5db',
+        highlightBackground: '#451a03',
+        highlightText: '#fbbf24',
+        metaText: '#9ca3af',
+        titleText: '#f9fafb',
+        // Interactive elements
+        collectionBadge: '#1e3a8a',
+        collectionBadgeText: '#93c5fd',
+        scoreBadge: '#064e3b',
+        scoreBadgeText: '#6ee7b7',
+        // State colors
+        errorBackground: '#7f1d1d',
+        errorText: '#fca5a5',
+        loadingText: '#9ca3af',
+        noResultsText: '#9ca3af',
+        // Facet colors
+        facetActiveBackground: '#3b82f6',
+        facetActiveText: '#ffffff',
+        facetBackground: '#374151',
+        facetBorder: '#4b5563',
+        facetText: '#d1d5db'
+    },
+    ...baseTheme
+};
+// All available themes
+export const themes = {
+    dark: darkTheme,
+    modern: modernTheme
+};
+// Default theme
+export const defaultTheme = modernTheme;

package/dist/components/themes/types.d.ts

@@ -0,0 +1,147 @@
+export interface ThemeColors {
+    collectionBadge: string;
+    collectionBadgeText: string;
+    descriptionText: string;
+    errorBackground: string;
+    errorText: string;
+    facetActiveBackground: string;
+    facetActiveText: string;
+    facetBackground: string;
+    facetBorder: string;
+    facetText: string;
+    headerBackground: string;
+    headerBorder: string;
+    headerText: string;
+    highlightBackground: string;
+    highlightText: string;
+    inputBackground: string;
+    inputBorder: string;
+    inputBorderFocus: string;
+    inputPlaceholder: string;
+    inputText: string;
+    loadingText: string;
+    metaText: string;
+    noResultsText: string;
+    resultBackground: string;
+    resultBackgroundFocus: string;
+    resultBackgroundHover: string;
+    resultBorder: string;
+    resultsBackground: string;
+    resultsBorder: string;
+    resultsShadow: string;
+    scoreBadge: string;
+    scoreBadgeText: string;
+    titleText: string;
+}
+export interface ThemeSpacing {
+    headerFontSize: string;
+    headerPadding: string;
+    inputBorderRadius: string;
+    inputFontSize: string;
+    inputPadding: string;
+    itemBorderRadius: string;
+    itemMargin: string;
+    itemPadding: string;
+    metaFontSize: string;
+    metaPadding: string;
+    resultsBorderRadius: string;
+    resultsMaxHeight: string;
+    resultsPadding: string;
+}
+export interface ThemeTypography {
+    fontFamily: string;
+    fontFamilyMono: string;
+    fontSize2xl: string;
+    fontSizeBase: string;
+    fontSizeLg: string;
+    fontSizeSm: string;
+    fontSizeXl: string;
+    fontSizeXs: string;
+    fontWeightBold: string;
+    fontWeightMedium: string;
+    fontWeightNormal: string;
+    fontWeightSemibold: string;
+    lineHeightNormal: string;
+    lineHeightRelaxed: string;
+    lineHeightTight: string;
+}
+export interface ThemeAnimations {
+    animationFast: string;
+    animationNormal: string;
+    animationSlow: string;
+    easeIn: string;
+    easeInOut: string;
+    easeOut: string;
+    transitionFast: string;
+    transitionNormal: string;
+    transitionSlow: string;
+}
+export interface ThemeShadows {
+    focusShadow: string;
+    focusShadowColor: string;
+    shadowLg: string;
+    shadowMd: string;
+    shadowSm: string;
+    shadowXl: string;
+}
+export interface Theme {
+    animations: ThemeAnimations;
+    colors: ThemeColors;
+    name: string;
+    shadows: ThemeShadows;
+    spacing: ThemeSpacing;
+    typography: ThemeTypography;
+}
+export interface ThemeConfig {
+    animations?: Partial<ThemeAnimations>;
+    colors?: Partial<ThemeColors>;
+    enableAnimations?: boolean;
+    enableRoundedCorners?: boolean;
+    enableShadows?: boolean;
+    mobileOptimized?: boolean;
+    responsive?: boolean;
+    shadows?: Partial<ThemeShadows>;
+    spacing?: Partial<ThemeSpacing>;
+    theme: string | Theme;
+    typography?: Partial<ThemeTypography>;
+}
+export interface ThemeClasses {
+    collectionBadge: string;
+    container: string;
+    error: string;
+    facetContainer: string;
+    facetItem: string;
+    facetItemActive: string;
+    focusable: string;
+    hidden: string;
+    input: string;
+    inputContainer: string;
+    inputDisabled: string;
+    inputFocus: string;
+    loading: string;
+    loadingSpinner: string;
+    noResults: string;
+    resultDescription: string;
+    resultHighlight: string;
+    resultItem: string;
+    resultItemActive: string;
+    resultItemFocus: string;
+    resultItemHover: string;
+    resultMeta: string;
+    results: string;
+    resultsContainer: string;
+    resultsHeader: string;
+    resultsList: string;
+    resultTitle: string;
+    scoreBadge: string;
+    visible: string;
+}
+export interface ThemeContextValue {
+    applyTheme: (element: string, variant?: string) => string;
+    classes: ThemeClasses;
+    config: ThemeConfig;
+    isDark: boolean;
+    isLight: boolean;
+    theme: Theme;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/themes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/themes/types.ts"],"names":[],"mappings":"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"}

package/dist/components/themes/types.js

@@ -0,0 +1 @@
+export { };

package/dist/components/themes/utils.d.ts

@@ -0,0 +1,30 @@
+import type { Theme, ThemeClasses, ThemeConfig } from './types.js';
+/**
+ * Get a theme by name or return the default theme
+ */
+export declare function getTheme(themeName: string): Theme;
+/**
+ * Merge theme configurations with custom overrides
+ */
+export declare function mergeThemeConfig(config: ThemeConfig): Theme;
+/**
+ * Generate CSS classes from theme configuration
+ */
+export declare function generateThemeClasses(theme: Theme, config?: Partial<ThemeConfig>): ThemeClasses;
+/**
+ * Apply theme to a CSS class with optional variant
+ */
+export declare function applyTheme(theme: Theme, element: string, variant?: string): string;
+/**
+ * Check if theme is dark mode
+ */
+export declare function isDarkTheme(theme: Theme): boolean;
+/**
+ * Check if theme is light mode
+ */
+export declare function isLightTheme(theme: Theme): boolean;
+/**
+ * Get theme-specific CSS variables
+ */
+export declare function getThemeVariables(theme: Theme): Record<string, string>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/themes/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/themes/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAIlE;;GAEG;AACH,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,KAAK,CAEjD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CA0B3D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,KAAK,EACZ,MAAM,GAAE,OAAO,CAAC,WAAW,CAAM,GAChC,YAAY,CAkWd;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAUlF;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAMjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAElD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgCtE"}