@seekora-ai/ui-sdk-react 1.0.0

package/dist/themes/createTheme.d.ts

@@ -0,0 +1,8 @@
+/**
+ * createTheme utility
+ *
+ * Re-exports from core package for React-specific usage
+ */
+import type { ThemeConfig } from '@seekora-ai/ui-sdk-types';
+export declare const createTheme: (config: ThemeConfig) => import("@seekora-ai/ui-sdk-types").Theme;
+//# sourceMappingURL=createTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../src/themes/createTheme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,QAAQ,WAAW,6CAE9C,CAAC"}

package/dist/themes/createTheme.js

@@ -0,0 +1,10 @@
+/**
+ * createTheme utility
+ *
+ * Re-exports from core package for React-specific usage
+ */
+import { createTheme as createThemeCore } from '@seekora-ai/ui-sdk-core';
+import { defaultTheme } from './default';
+export const createTheme = (config) => {
+    return createThemeCore(config, defaultTheme);
+};

package/dist/themes/dark.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Dark Theme
+ */
+import type { Theme } from '@seekora-ai/ui-sdk-types';
+export declare const darkTheme: Theme;
+//# sourceMappingURL=dark.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtD,eAAO,MAAM,SAAS,EAAE,KA8BvB,CAAC"}

package/dist/themes/dark.js

@@ -0,0 +1,34 @@
+/**
+ * Dark Theme
+ */
+export const darkTheme = {
+    colors: {
+        primary: '#0d6efd',
+        secondary: '#6c757d',
+        background: '#1a1a1a',
+        text: '#ffffff',
+        border: '#333333',
+        hover: '#2a2a2a',
+        focus: '#0d6efd',
+        error: '#dc3545',
+    },
+    typography: {
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+        fontSize: {
+            small: '0.875rem',
+            medium: '1rem',
+            large: '1.25rem',
+        },
+    },
+    spacing: {
+        small: '0.5rem',
+        medium: '1rem',
+        large: '1.5rem',
+    },
+    borderRadius: '0.25rem',
+    shadows: {
+        small: '0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.7)',
+        medium: '0 3px 6px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.8)',
+        large: '0 10px 20px rgba(0, 0, 0, 0.7), 0 6px 6px rgba(0, 0, 0, 0.9)',
+    },
+};

package/dist/themes/default.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Default Theme
+ */
+import type { Theme } from '@seekora-ai/ui-sdk-types';
+export declare const defaultTheme: Theme;
+//# sourceMappingURL=default.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/themes/default.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtD,eAAO,MAAM,YAAY,EAAE,KAmE1B,CAAC"}

package/dist/themes/default.js

@@ -0,0 +1,71 @@
+/**
+ * Default Theme
+ */
+export const defaultTheme = {
+    colors: {
+        primary: '#007bff',
+        secondary: '#6c757d',
+        background: '#ffffff',
+        surface: '#f8f9fa',
+        text: '#212529',
+        textSecondary: '#6c757d',
+        border: '#dee2e6',
+        hover: '#f8f9fa',
+        focus: '#007bff',
+        error: '#dc3545',
+        success: '#28a745',
+        warning: '#ffc107',
+    },
+    typography: {
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+        fontSize: {
+            small: '0.875rem',
+            medium: '1rem',
+            large: '1.25rem',
+        },
+        fontWeight: {
+            normal: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+        lineHeight: {
+            tight: 1.25,
+            normal: 1.5,
+            relaxed: 1.75,
+        },
+    },
+    spacing: {
+        small: '0.5rem',
+        medium: '1rem',
+        large: '1.5rem',
+    },
+    borderRadius: {
+        none: '0',
+        small: '0.25rem',
+        medium: '0.375rem',
+        large: '0.5rem',
+        full: '9999px',
+    },
+    shadows: {
+        small: '0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)',
+        medium: '0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)',
+        large: '0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)',
+    },
+    transitions: {
+        fast: '150ms ease-in-out',
+        normal: '250ms ease-in-out',
+        slow: '350ms ease-in-out',
+    },
+    breakpoints: {
+        sm: '640px',
+        md: '768px',
+        lg: '1024px',
+        xl: '1280px',
+    },
+    zIndex: {
+        dropdown: 1000,
+        modal: 2000,
+        tooltip: 3000,
+    },
+};

package/dist/themes/mergeThemes.d.ts

@@ -0,0 +1,7 @@
+/**
+ * mergeThemes utility
+ *
+ * Re-exports from core package for React-specific usage
+ */
+export { mergeThemes } from '@seekora-ai/ui-sdk-core';
+//# sourceMappingURL=mergeThemes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mergeThemes.d.ts","sourceRoot":"","sources":["../../src/themes/mergeThemes.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/themes/mergeThemes.js

@@ -0,0 +1,6 @@
+/**
+ * mergeThemes utility
+ *
+ * Re-exports from core package for React-specific usage
+ */
+export { mergeThemes } from '@seekora-ai/ui-sdk-core';

package/dist/themes/minimal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Minimal Theme
+ */
+import type { Theme } from '@seekora-ai/ui-sdk-types';
+export declare const minimalTheme: Theme;
+//# sourceMappingURL=minimal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/themes/minimal.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtD,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAC"}

package/dist/themes/minimal.js

@@ -0,0 +1,34 @@
+/**
+ * Minimal Theme
+ */
+export const minimalTheme = {
+    colors: {
+        primary: '#000000',
+        secondary: '#666666',
+        background: '#ffffff',
+        text: '#000000',
+        border: '#e0e0e0',
+        hover: '#f5f5f5',
+        focus: '#000000',
+        error: '#cc0000',
+    },
+    typography: {
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+        fontSize: {
+            small: '0.875rem',
+            medium: '1rem',
+            large: '1.125rem',
+        },
+    },
+    spacing: {
+        small: '0.5rem',
+        medium: '0.75rem',
+        large: '1rem',
+    },
+    borderRadius: '0',
+    shadows: {
+        small: 'none',
+        medium: 'none',
+        large: 'none',
+    },
+};

package/dist/themes/suggestions.d.ts

@@ -0,0 +1,216 @@
+/**
+ * Query Suggestions Theme System
+ *
+ * Provides comprehensive theming for query suggestions components including:
+ * - CSS variables for easy customization
+ * - Pre-built theme presets (light, dark, minimal, branded)
+ * - Component-specific style generators
+ * - Responsive utilities
+ */
+import type { Theme, ThemeConfig } from './types';
+export interface SuggestionsThemeVariables {
+    '--seekora-bg-surface': string;
+    '--seekora-bg-secondary': string;
+    '--seekora-bg-tertiary': string;
+    '--seekora-bg-hover': string;
+    '--seekora-text-primary': string;
+    '--seekora-text-secondary': string;
+    '--seekora-text-tertiary': string;
+    '--seekora-border-color': string;
+    '--seekora-primary': string;
+    '--seekora-primary-light': string;
+    '--seekora-primary-dark': string;
+    '--seekora-highlight-bg': string;
+    '--seekora-success': string;
+    '--seekora-warning': string;
+    '--seekora-error': string;
+    '--seekora-font-family': string;
+    '--seekora-font-size-xs': string;
+    '--seekora-font-size-sm': string;
+    '--seekora-font-size-base': string;
+    '--seekora-font-size-lg': string;
+    '--seekora-font-weight-normal': string;
+    '--seekora-font-weight-medium': string;
+    '--seekora-font-weight-semibold': string;
+    '--seekora-font-weight-bold': string;
+    '--seekora-line-height-tight': string;
+    '--seekora-line-height-normal': string;
+    '--seekora-line-height-relaxed': string;
+    '--seekora-spacing-xs': string;
+    '--seekora-spacing-sm': string;
+    '--seekora-spacing-md': string;
+    '--seekora-spacing-lg': string;
+    '--seekora-spacing-xl': string;
+    '--seekora-border-radius-sm': string;
+    '--seekora-border-radius': string;
+    '--seekora-border-radius-lg': string;
+    '--seekora-border-radius-xl': string;
+    '--seekora-border-radius-full': string;
+    '--seekora-shadow-sm': string;
+    '--seekora-shadow': string;
+    '--seekora-shadow-md': string;
+    '--seekora-shadow-lg': string;
+    '--seekora-shadow-xl': string;
+    '--seekora-transition-fast': string;
+    '--seekora-transition-normal': string;
+    '--seekora-transition-slow': string;
+    '--seekora-z-dropdown': string;
+    '--seekora-z-modal': string;
+    '--seekora-z-tooltip': string;
+}
+export declare const lightThemeVariables: SuggestionsThemeVariables;
+export declare const darkThemeVariables: SuggestionsThemeVariables;
+export declare const minimalThemeVariables: SuggestionsThemeVariables;
+export declare const brandPresets: {
+    blue: {
+        '--seekora-primary': string;
+        '--seekora-primary-light': string;
+        '--seekora-primary-dark': string;
+    };
+    green: {
+        '--seekora-primary': string;
+        '--seekora-primary-light': string;
+        '--seekora-primary-dark': string;
+    };
+    purple: {
+        '--seekora-primary': string;
+        '--seekora-primary-light': string;
+        '--seekora-primary-dark': string;
+    };
+    red: {
+        '--seekora-primary': string;
+        '--seekora-primary-light': string;
+        '--seekora-primary-dark': string;
+    };
+    orange: {
+        '--seekora-primary': string;
+        '--seekora-primary-light': string;
+        '--seekora-primary-dark': string;
+    };
+    teal: {
+        '--seekora-primary': string;
+        '--seekora-primary-light': string;
+        '--seekora-primary-dark': string;
+    };
+    pink: {
+        '--seekora-primary': string;
+        '--seekora-primary-light': string;
+        '--seekora-primary-dark': string;
+    };
+};
+/**
+ * Generate CSS variables string from theme variables object
+ */
+export declare function generateCSSVariables(variables: Partial<SuggestionsThemeVariables>): string;
+/**
+ * Generate a style tag with CSS variables for a specific scope
+ */
+export declare function generateThemeStyleTag(variables: Partial<SuggestionsThemeVariables>, scope?: string): string;
+/**
+ * Create a complete theme object from variables
+ */
+export declare function createSuggestionsTheme(baseTheme?: 'light' | 'dark' | 'minimal', overrides?: Partial<SuggestionsThemeVariables>, brandColor?: keyof typeof brandPresets): SuggestionsThemeVariables;
+/**
+ * Generate styles for dropdown container
+ */
+export declare function getDropdownContainerStyles(theme: SuggestionsThemeVariables): {
+    backgroundColor: string;
+    border: string;
+    borderRadius: string;
+    boxShadow: string;
+    fontFamily: string;
+    fontSize: string;
+    color: string;
+};
+/**
+ * Generate styles for suggestion item
+ */
+export declare function getSuggestionItemStyles(theme: SuggestionsThemeVariables, isActive?: boolean): {
+    padding: string;
+    cursor: string;
+    transition: string;
+    backgroundColor: string;
+};
+/**
+ * Generate styles for product card
+ */
+export declare function getProductCardStyles(theme: SuggestionsThemeVariables, isHovered?: boolean): {
+    backgroundColor: string;
+    borderRadius: string;
+    border: string;
+    overflow: string;
+    cursor: string;
+    transition: string;
+    transform: string;
+    boxShadow: string;
+};
+/**
+ * Generate styles for highlight/mark
+ */
+export declare function getHighlightStyles(theme: SuggestionsThemeVariables): {
+    backgroundColor: string;
+    fontWeight: string;
+    padding: string;
+    borderRadius: string;
+};
+/**
+ * Generate complete CSS stylesheet for suggestions components
+ */
+export declare function generateSuggestionsStylesheet(theme?: SuggestionsThemeVariables): string;
+/**
+ * Inject suggestions styles into the document
+ */
+export declare function injectSuggestionsStyles(theme?: SuggestionsThemeVariables, force?: boolean): void;
+/**
+ * Update injected styles with new theme
+ */
+export declare function updateSuggestionsStyles(theme: SuggestionsThemeVariables): void;
+export type { Theme, ThemeConfig };
+declare const _default: {
+    lightThemeVariables: SuggestionsThemeVariables;
+    darkThemeVariables: SuggestionsThemeVariables;
+    minimalThemeVariables: SuggestionsThemeVariables;
+    brandPresets: {
+        blue: {
+            '--seekora-primary': string;
+            '--seekora-primary-light': string;
+            '--seekora-primary-dark': string;
+        };
+        green: {
+            '--seekora-primary': string;
+            '--seekora-primary-light': string;
+            '--seekora-primary-dark': string;
+        };
+        purple: {
+            '--seekora-primary': string;
+            '--seekora-primary-light': string;
+            '--seekora-primary-dark': string;
+        };
+        red: {
+            '--seekora-primary': string;
+            '--seekora-primary-light': string;
+            '--seekora-primary-dark': string;
+        };
+        orange: {
+            '--seekora-primary': string;
+            '--seekora-primary-light': string;
+            '--seekora-primary-dark': string;
+        };
+        teal: {
+            '--seekora-primary': string;
+            '--seekora-primary-light': string;
+            '--seekora-primary-dark': string;
+        };
+        pink: {
+            '--seekora-primary': string;
+            '--seekora-primary-light': string;
+            '--seekora-primary-dark': string;
+        };
+    };
+    createSuggestionsTheme: typeof createSuggestionsTheme;
+    generateSuggestionsStylesheet: typeof generateSuggestionsStylesheet;
+    injectSuggestionsStyles: typeof injectSuggestionsStyles;
+    updateSuggestionsStyles: typeof updateSuggestionsStyles;
+};
+export default _default;
+//# sourceMappingURL=suggestions.d.ts.map

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

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