@chatwidgetai/chat-widget 0.1.4 → 0.1.5

package/dist/utils/autoThemeDetector.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Auto Theme Detector
+ * Detects whether the widget should use light or dark mode
+ * based on the background behind it
+ */
+/**
+ * Sample the background color behind an element
+ * Uses multiple sampling points for accuracy
+ */
+export declare function sampleBackgroundColor(element: HTMLElement): string;
+/**
+ * Determine if the background is dark
+ */
+export declare function isBackgroundDark(backgroundColor: string): boolean;
+/**
+ * Auto-detect theme based on background
+ */
+export declare function detectTheme(element: HTMLElement): 'light' | 'dark';
+/**
+ * Check system preference for dark mode
+ */
+export declare function getSystemThemePreference(): 'light' | 'dark';
+/**
+ * Create a MutationObserver to watch for theme changes
+ */
+export declare function createThemeObserver(element: HTMLElement, callback: (theme: 'light' | 'dark') => void): MutationObserver;
+//# sourceMappingURL=autoThemeDetector.d.ts.map

package/dist/utils/autoThemeDetector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoThemeDetector.d.ts","sourceRoot":"","sources":["../../src/utils/autoThemeDetector.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAgDlE;AAoBD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAGjE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAGlE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,OAAO,GAAG,MAAM,CAG3D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,GAC1C,gBAAgB,CAmBlB"}

package/dist/utils/colorUtils.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Color Utilities for Widget Theme System
+ * Handles color manipulation and auto light/dark detection
+ */
+/**
+ * Parse hex color to RGB values
+ */
+export declare function hexToRgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Convert RGB to hex
+ */
+export declare function rgbToHex(r: number, g: number, b: number): string;
+/**
+ * Calculate relative luminance of a color (0-1)
+ * Used to determine if a color is light or dark
+ */
+export declare function getLuminance(hex: string): number;
+/**
+ * Determine if a color is considered "light" (luminance > 0.5)
+ */
+export declare function isLightColor(hex: string): boolean;
+/**
+ * Lighten a color by a percentage
+ */
+export declare function lighten(hex: string, percent: number): string;
+/**
+ * Darken a color by a percentage
+ */
+export declare function darken(hex: string, percent: number): string;
+/**
+ * Create a color with alpha transparency
+ */
+export declare function withAlpha(hex: string, alpha: number): string;
+/**
+ * Get contrasting text color (black or white) for a background
+ */
+export declare function getContrastText(backgroundColor: string): string;
+/**
+ * Generate a complete color palette from an accent color for light mode
+ */
+export declare function generateLightPalette(accentColor: string): {
+    accent: string;
+    accentHover: string;
+    accentSubtle: string;
+    background: string;
+    backgroundSubtle: string;
+    backgroundMuted: string;
+    text: string;
+    textMuted: string;
+    textSubtle: string;
+    border: string;
+    borderSubtle: string;
+    userBubble: string;
+    userBubbleText: string;
+    assistantBubble: string;
+    assistantBubbleText: string;
+    inputBackground: string;
+    inputBorder: string;
+    inputBorderFocus: string;
+    shadow: string;
+};
+/**
+ * Generate a complete color palette from an accent color for dark mode
+ */
+export declare function generateDarkPalette(accentColor: string): {
+    accent: string;
+    accentHover: string;
+    accentSubtle: string;
+    background: string;
+    backgroundSubtle: string;
+    backgroundMuted: string;
+    text: string;
+    textMuted: string;
+    textSubtle: string;
+    border: string;
+    borderSubtle: string;
+    userBubble: string;
+    userBubbleText: string;
+    assistantBubble: string;
+    assistantBubbleText: string;
+    inputBackground: string;
+    inputBorder: string;
+    inputBorderFocus: string;
+    shadow: string;
+};
+export type ColorPalette = ReturnType<typeof generateLightPalette>;
+//# sourceMappingURL=colorUtils.d.ts.map

package/dist/utils/colorUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../src/utils/colorUtils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAShF;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKhE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAWhD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAY5D;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAY3D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAE/D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;EAmCvD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;EAsCtD;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/utils/generateThemeStyles.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Generate Theme Styles
+ * Creates CSS custom properties from accent color and theme mode
+ */
+export interface SimpleWidgetAppearance {
+    accentColor: string;
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    size: 'small' | 'medium' | 'large';
+    welcomeTitle?: string;
+    welcomeMessage?: string;
+    placeholder?: string;
+    headerTitle?: string;
+    buttonIcon?: string;
+}
+/**
+ * Generate all CSS custom properties for the widget
+ */
+export declare function generateThemeStyles(appearance: SimpleWidgetAppearance, theme: 'light' | 'dark'): Record<string, string>;
+/**
+ * Apply theme styles to an element
+ */
+export declare function applyThemeStyles(element: HTMLElement, appearance: SimpleWidgetAppearance, theme: 'light' | 'dark'): void;
+//# sourceMappingURL=generateThemeStyles.d.ts.map

package/dist/utils/generateThemeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateThemeStyles.d.ts","sourceRoot":"","sources":["../../src/utils/generateThemeStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACpE,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,sBAAsB,EAClC,KAAK,EAAE,OAAO,GAAG,MAAM,GACtB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA4HxB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,sBAAsB,EAClC,KAAK,EAAE,OAAO,GAAG,MAAM,GACtB,IAAI,CAMN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chatwidgetai/chat-widget",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Embeddable AI chat widget powered by your knowledge bases",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",