@qwickapps/react-framework 1.4.9 → 1.5.0

package/dist/utils/logger.d.ts

@@ -6,19 +6,23 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 export interface Logger {
-    debug(message: string, ...args: any[]): void;
-    info(message: string, ...args: any[]): void;
-    warn(message: string, ...args: any[]): void;
-    error(message: string, ...args: any[]): void;
+    debug(message: string, ...args: unknown[]): void;
+    info(message: string, ...args: unknown[]): void;
+    warn(message: string, ...args: unknown[]): void;
+    error(message: string, ...args: unknown[]): void;
 }
+/**
+ * No-op logger for when logging should be disabled
+ * Not currently used but available for future configuration options
+ */
 /**
  * Create logger with optional @qwickapps/logging dependency
  */
-declare function createLogger(name: string): Logger;
+declare function getLogger(name: string): Logger;
 /**
- * Re-export Logger type and createLogger function for compatibility
+ * Re-export Logger type and getLogger function for compatibility
  */
-export { createLogger };
+export { getLogger };
 /**
  * Framework-specific loggers
  */

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

@@ -1 +1 @@
-{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,MAAM;IACrB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC5C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;CAC9C;AAqCD;;GAEG;AACH,iBAAS,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAS1C;AAED;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU1C,CAAC"}
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,MAAM;IACrB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAChD,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;CAClD;AA2BD;;;GAGG;AAYH;;GAEG;AACH,iBAAS,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAUvC;AAED;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU1C,CAAC"}

package/dist/utils/paletteLoader.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Palette CSS Loader - Dynamically loads palette CSS files on demand using manifest
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { type PaletteManifestConfig } from './paletteManifest';
+/**
+ * Configure palette loader
+ */
+export declare function configurePaletteLoader(config: PaletteManifestConfig): void;
+/**
+ * Dynamically load a palette CSS file
+ *
+ * @param paletteId - The ID of the palette to load (e.g., 'autumn', 'ocean')
+ * @param config - Optional configuration override
+ * @returns Promise that resolves when the palette is loaded
+ */
+export declare function loadPalette(paletteId: string, config?: PaletteManifestConfig): Promise<void>;
+/**
+ * Preload multiple palettes at once
+ * @param paletteIds - Array of palette IDs to preload
+ * @param config - Optional configuration
+ */
+export declare function preloadPalettes(paletteIds: string[], config?: PaletteManifestConfig): Promise<void>;
+/**
+ * Check if a palette is loaded
+ * @param paletteId - The palette ID to check
+ */
+export declare function isPaletteLoaded(paletteId: string): boolean;
+/**
+ * Clear loaded palettes cache (useful for testing)
+ */
+export declare function clearPaletteCache(): void;
+//# sourceMappingURL=paletteLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paletteLoader.d.ts","sourceRoot":"","sources":["../../src/utils/paletteLoader.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAC;AAiB3B;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAE1E;AAED;;;;;;GAMG;AACH,wBAAsB,WAAW,CAC/B,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,qBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CAkBf;AAkID;;;;GAIG;AACH,wBAAsB,eAAe,CACnC,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,CAAC,EAAE,qBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CAEf;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAGxC"}

package/dist/utils/paletteManifest.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Palette Manifest Utilities - Fetch and manage palette manifests
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+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[];
+}
+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;
+}
+/**
+ * Load palette manifest from configured sources
+ */
+export declare function loadPaletteManifest(config?: PaletteManifestConfig): Promise<PaletteManifest>;
+/**
+ * Get a specific palette from the manifest
+ */
+export declare function getPaletteFromManifest(paletteId: string, config?: PaletteManifestConfig): Promise<PaletteManifestEntry | null>;
+/**
+ * Get all available palettes
+ */
+export declare function getAvailablePalettes(config?: PaletteManifestConfig): Promise<PaletteManifestEntry[]>;
+/**
+ * Clear the cached manifest (useful for testing)
+ */
+export declare function clearManifestCache(): void;
+/**
+ * Register a custom palette dynamically
+ */
+export declare function registerCustomPalette(palette: PaletteManifestEntry): void;
+//# sourceMappingURL=paletteManifest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paletteManifest.d.ts","sourceRoot":"","sources":["../../src/utils/paletteManifest.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,oBAAoB,EAAE,CAAC;CAClC;AAGD,MAAM,WAAW,qBAAqB;IACpC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6ED;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,MAAM,GAAE,qBAA0B,GACjC,OAAO,CAAC,eAAe,CAAC,CA0C1B;AAmED;;GAEG;AACH,wBAAsB,sBAAsB,CAC1C,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,qBAAqB,GAC7B,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAGtC;AAED;;GAEG;AACH,wBAAsB,oBAAoB,CACxC,MAAM,CAAC,EAAE,qBAAqB,GAC7B,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAGjC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAGzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAUzE"}

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

@@ -1 +1 @@
-{"version":3,"file":"paletteUtils.d.ts","sourceRoot":"","sources":["../../src/utils/paletteUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAM7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,MAGpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,IAM5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,KAAG,MAGlD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,MAAM,KAAG,aAAa,GAAG,SAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,IAGpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,SAAS,MAAM,KAAG,IAGvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,KAAG,MAEjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,EAAE,OAAO,MAAM,KAAG,IAEhE,CAAC"}
+{"version":3,"file":"paletteUtils.d.ts","sourceRoot":"","sources":["../../src/utils/paletteUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAM7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,MAMpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,IAS5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,KAAG,MAGlD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,MAAM,KAAG,aAAa,GAAG,SAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,IAMpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,SAAS,MAAM,KAAG,IAMvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,KAAG,MAKjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,EAAE,OAAO,MAAM,KAAG,IAKhE,CAAC"}

package/dist/utils/reactUtils.d.ts

@@ -5,22 +5,28 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import { ReactNode } from 'react';
-/** 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 declare const useSafeLocation: () => LocationType | 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 declare const useSafeNavigate: () => Function;
+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 declare const useSafeNavigate: () => NavigateFunction;
 /**
  * Extract text content from ReactNode for code processing
  * Handles natural React usage like <Code>const x = 1;</Code>

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

@@ -1 +1 @@
-{"version":3,"file":"reactUtils.d.ts","sourceRoot":"","sources":["../../src/utils/reactUtils.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,qCAAqC;AACrC,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,YAAY,GAAG,SAOjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,QAqBlC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CA2BhE"}
+{"version":3,"file":"reactUtils.d.ts","sourceRoot":"","sources":["../../src/utils/reactUtils.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,gCAAgC;AAChC,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,YAAY,GAAG,SAUjD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AAEhF;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,gBAalC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CA2BhE"}

package/dist/utils/spacing.d.ts

@@ -11,7 +11,7 @@ export type SpacingContext = 'padding' | 'margin' | 'gap';
 /**
  * Resolves a spacing value to MUI spacing units or CSS value
  */
-export declare function resolveSpacing(value: SpacingValue, context?: SpacingContext): number | string | undefined;
+export declare function resolveSpacing(value: SpacingValue): number | string | undefined;
 /**
  * Resolves spacing props with support for directional values
  */
@@ -30,5 +30,5 @@ export declare function resolveSpacingProps(props: {
     marginLeft?: SpacingValue;
     marginX?: SpacingValue;
     marginY?: SpacingValue;
-}): any;
+}): Record<string, string | number | undefined>;
 //# sourceMappingURL=spacing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/utils/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;AAoB1D;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,YAAY,EACnB,OAAO,GAAE,cAA0B,GAClC,MAAM,GAAG,MAAM,GAAG,SAAS,CA+C7B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,OAkDA"}
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/utils/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;AAoB1D;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,YAAY,GAClB,MAAM,GAAG,MAAM,GAAG,SAAS,CA+C7B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,+CAkDA"}

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

@@ -1 +1 @@
-{"version":3,"file":"themePerformanceMonitor.d.ts","sourceRoot":"","sources":["../../src/utils/themePerformanceMonitor.js"],"names":[],"mappings":"AA2GO;;;;;;SAA8E;AAC9E,iDAA8E;AAC9E,mDAAwE;;AAL/E,+DAA8D;AAxG9D;;;;GAIG;AAEH;IAEI,oBAAsB;IACtB,mBAAuD;IAOzD,4BAUC;IAED,gDAkCC;IAED;;;;;;aAiBC;IAED,sBAaC;IAED,cAEC;CACF"}
+{"version":3,"file":"themePerformanceMonitor.d.ts","sourceRoot":"","sources":["../../src/utils/themePerformanceMonitor.js"],"names":[],"mappings":"AAmHO;;;;;;SAA8E;AAC9E,iDAA8E;AAC9E,mDAAwE;;AAL/E,+DAA8D;AAhH9D;;;;GAIG;AAEH;IAEI,oBAAsB;IACtB,mBAAuD;IAOzD,4BAeC;IAED,gDAqCC;IAED;;;;;;aAiBC;IAED,sBAaC;IAED,cAEC;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../src/utils/themeUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGtE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,SAIlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,KAAG,IAM3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,eAEjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAO,SAA6B,KAAG,eAKvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,IAWlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,KAAG,IAGtD,CAAC"}
+{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../src/utils/themeUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGtE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,SAOlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,KAAG,IAS3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,eAKjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAO,SAA6B,KAAG,eAKvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,IAclC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,KAAG,IAMtD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwickapps/react-framework",
-  "version": "1.4.9",
+  "version": "1.5.0",
   "type": "module",
   "description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
   "main": "dist/index.js",
@@ -37,18 +37,20 @@
     "QUICK_START_GUIDE.md"
   ],
   "scripts": {
-    "build": "rollup -c && npm run copy-palettes",
-    "copy-palettes": "cp src/palettes/*.css dist/palettes/",
-    "build:dev": "NODE_ENV=development rollup -c && npm run copy-palettes",
-    "build:prod": "NODE_ENV=production STRIP_LOGS=true rollup -c && npm run copy-palettes",
+    "build": "rollup -c && npm run build-palettes",
+    "build-palettes": "node scripts/build-palettes.cjs",
+    "build:dev": "NODE_ENV=development rollup -c && npm run build-palettes",
+    "build:prod": "NODE_ENV=production STRIP_LOGS=true rollup -c && npm run build-palettes",
     "dev": "rollup -c -w",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "clean": "rm -rf dist node_modules .rollup.cache storybook-static",
     "create-project": "node scripts/create-qwickapps-project.js",
-    "prepublishOnly": "npm run build",
+    "validate:clean-install": "./qa/clean-install/validate.sh",
+    "prepublishOnly": "npm run build && npm run validate:clean-install",
     "publish": "npm publish",
+    "publish:palettes": "../../products/qwickapps/anvil/publish-palettes.sh",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -69,7 +71,7 @@
   "author": "QwickApps",
   "license": "PolyForm-Shield-1.0.0",
   "dependencies": {
-    "@qwickapps/schema": "^1.3.1",
+    "@qwickapps/schema": "^1.3.2",
     "marked": "^4.3.0",
     "md5": "^2.3.0",
     "sanitize-html": "^2.17.0"
@@ -112,8 +114,8 @@
     "@types/md5": "^2.3.5",
     "@types/mustache": "^4.2.5",
     "@types/node": "^24.1.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/sanitize-html": "^2.16.0",
     "babel-jest": "^29.0.0",
@@ -141,6 +143,15 @@
     "moduleNameMapper": {
       "\\.(css|less|scss|sass)$": "identity-obj-proxy"
     },
+    "globals": {
+      "import.meta": {
+        "env": {
+          "DEV": false,
+          "PROD": true,
+          "MODE": "test"
+        }
+      }
+    },
     "transform": {
       "^.+\\.(js|jsx)$": "babel-jest",
       "^.+\\.(ts|tsx)$": "ts-jest"

package/scripts/build-palettes.cjs

@@ -0,0 +1,120 @@
+#!/usr/bin/env node
+
+/**
+ * Build Palettes Script
+ * - Adds version numbers to filenames
+ * - Generates minified versions
+ * - Updates manifest.json with new filenames
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const SRC_DIR = path.join(__dirname, '../src/palettes');
+const DIST_DIR = path.join(__dirname, '../dist/palettes');
+const PACKAGE_JSON = path.join(__dirname, '../package.json');
+
+// Read version from package.json
+const packageJson = JSON.parse(fs.readFileSync(PACKAGE_JSON, 'utf-8'));
+const VERSION = packageJson.version;
+
+console.log(`Building palettes v${VERSION}...`);
+
+// Ensure dist directory exists
+if (!fs.existsSync(DIST_DIR)) {
+  fs.mkdirSync(DIST_DIR, { recursive: true });
+}
+
+// Simple CSS minifier
+function minifyCSS(css) {
+  return css
+    // Remove comments
+    .replace(/\/\*[\s\S]*?\*\//g, '')
+    // Remove whitespace around selectors and braces
+    .replace(/\s*([{}:;,])\s*/g, '$1')
+    // Remove trailing semicolons
+    .replace(/;}/g, '}')
+    // Remove empty rules
+    .replace(/[^{}]+\{\}/g, '')
+    // Trim
+    .trim();
+}
+
+// Convert PascalCase to kebab-case (PaletteAutumn -> palette-autumn)
+function toKebabCase(str) {
+  return str
+    .replace(/^Palette/, '')  // Remove 'Palette' prefix
+    .replace(/([a-z])([A-Z])/g, '$1-$2')  // Add hyphen before capitals
+    .toLowerCase();
+}
+
+// Process palette files
+const files = fs.readdirSync(SRC_DIR).filter(f => f.endsWith('.css') && f.startsWith('Palette'));
+
+files.forEach(file => {
+  const baseName = file.replace('.css', '');
+  const paletteId = toKebabCase(baseName);  // e.g., 'autumn'
+  const content = fs.readFileSync(path.join(SRC_DIR, file), 'utf-8');
+
+  // Generate filenames using kebab-case pattern
+  const versionedName = `palette-${paletteId}.${VERSION}.css`;
+  const versionedMinName = `palette-${paletteId}.${VERSION}.min.css`;
+  const latestName = `palette-${paletteId}.latest.css`;
+  const latestMinName = `palette-${paletteId}.latest.min.css`;
+
+  // Write versioned files
+  fs.writeFileSync(path.join(DIST_DIR, versionedName), content);
+  console.log(`✓ ${versionedName}`);
+
+  const minified = minifyCSS(content);
+  fs.writeFileSync(path.join(DIST_DIR, versionedMinName), minified);
+  console.log(`✓ ${versionedMinName}`);
+
+  // Write latest aliases (same content as versioned)
+  fs.writeFileSync(path.join(DIST_DIR, latestName), content);
+  console.log(`✓ ${latestName}`);
+
+  fs.writeFileSync(path.join(DIST_DIR, latestMinName), minified);
+  console.log(`✓ ${latestMinName}`);
+});
+
+// Copy and update manifest.json
+const manifestPath = path.join(SRC_DIR, 'manifest.json');
+const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf-8'));
+
+// Update version
+manifest.version = VERSION;
+
+// Update file references with kebab-case versioned names
+manifest.palettes = manifest.palettes.map(palette => {
+  const paletteId = palette.id;  // e.g., 'autumn', 'default'
+  return {
+    ...palette,
+    version: VERSION,
+    file: `palette-${paletteId}.${VERSION}.css`,
+    fileMinified: `palette-${paletteId}.${VERSION}.min.css`,
+    fileLatest: `palette-${paletteId}.latest.css`,
+    fileLatestMinified: `palette-${paletteId}.latest.min.css`
+  };
+});
+
+// Write updated manifest
+fs.writeFileSync(
+  path.join(DIST_DIR, 'manifest.json'),
+  JSON.stringify(manifest, null, 2)
+);
+console.log(`✓ manifest.json (updated with kebab-case versioned filenames)`);
+
+// Copy index.css if it exists
+const indexCss = path.join(SRC_DIR, 'index.css');
+if (fs.existsSync(indexCss)) {
+  fs.copyFileSync(indexCss, path.join(DIST_DIR, 'index.css'));
+  console.log(`✓ index.css`);
+}
+
+console.log('\n✅ Palette build complete!');
+console.log(`   ${files.length} palettes × 4 versions each:`);
+console.log(`   - palette-{id}.${VERSION}.css (versioned)`);
+console.log(`   - palette-{id}.${VERSION}.min.css (versioned minified)`);
+console.log(`   - palette-{id}.latest.css (latest alias)`);
+console.log(`   - palette-{id}.latest.min.css (latest minified alias)`);

package/src/__tests__/components/Article.test.tsx

@@ -81,7 +81,7 @@ const sampleCmsData = {
 };
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => (

package/src/__tests__/components/Breadcrumbs.test.tsx

@@ -191,8 +191,8 @@ describe('Breadcrumbs', () => {
   it('handles default link behavior when no onNavigate is provided', () => {
     // Create a mock for window.location.href
     const originalLocation = window.location;
-    delete (window as any).location;
-    window.location = { ...originalLocation, href: '' } as any;
+    delete (window as Window & typeof globalThis).location;
+    window.location = { ...originalLocation, href: '' } as Location;
 
     const itemsWithHref: BreadcrumbItem[] = [
       { label: 'Home', href: '/' },

package/src/__tests__/components/Button.test.tsx

@@ -74,7 +74,7 @@ const sampleCmsData = {
 };
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => (
@@ -573,7 +573,7 @@ describe('Button', () => {
     it.skip('preserves component marking for QwickApp framework', () => {
       // The component should be marked as a QwickApp component
       // This is important for framework identification - test skipped due to test environment limitations
-      const buttonComponent = Button as any;
+      const buttonComponent = Button as unknown as { QWICKAPP_COMPONENT?: boolean };
       expect(buttonComponent.QWICKAPP_COMPONENT).toBeTruthy();
     });
   });
@@ -665,7 +665,7 @@ describe('Button', () => {
     it('handles invalid variant gracefully', () => {
       render(
         <TestWrapper>
-          <Button label="Invalid Variant" variant={'invalid' as any} />
+          <Button label="Invalid Variant" variant={'invalid' as 'primary' | 'secondary' | 'outlined' | 'text' | 'contained'} />
         </TestWrapper>
       );
 

package/src/__tests__/components/CardListGrid.test.tsx

@@ -84,7 +84,7 @@ const sampleCmsData = {
 };
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => (
@@ -104,9 +104,9 @@ const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> =
 describe('CardListGrid', () => {
   describe('Traditional Props Usage', () => {
     it('renders with custom render function', () => {
-      const customRenderItem = (item: any, index: number) => (
+      const customRenderItem = (item: Record<string, unknown>, index: number) => (
         <div key={index} data-testid={`custom-item-${index}`}>
-          {item.name}
+          {item.name as string}
         </div>
       );
 
@@ -188,11 +188,11 @@ describe('CardListGrid', () => {
     });
 
     it('handles empty items array gracefully', () => {
-      const customRenderItem = (item: any, index: number) => (
+      const customRenderItem = (item: Record<string, unknown>, index: number) => (
         <div key={index}>Empty</div>
       );
 
-      const { container } = render(
+      render(
         <TestWrapper>
           <CardListGrid
             items={[]}

package/src/__tests__/components/ChoiceInputField.test.tsx

@@ -100,7 +100,7 @@ const sampleCmsData = {
 };
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => (
@@ -641,7 +641,7 @@ describe('ChoiceInputField', () => {
     it.skip('preserves component marking for QwickApp framework', () => {
       // The component should be marked as a QwickApp component
       // This is important for framework identification - test skipped due to test environment limitations
-      const choiceInputFieldComponent = ChoiceInputField as any;
+      const choiceInputFieldComponent = ChoiceInputField as unknown as { QWICKAPP_COMPONENT?: boolean };
       expect(choiceInputFieldComponent.QWICKAPP_COMPONENT).toBeTruthy();
     });
   });

package/src/__tests__/components/Code.test.tsx

@@ -80,7 +80,7 @@ const sampleCmsData = {
 };
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => (
@@ -508,7 +508,7 @@ describe('Code', () => {
     it.skip('preserves component marking for QwickApp framework', () => {
       // The component should be marked as a QwickApp component
       // This is important for framework identification - test skipped due to test environment limitations
-      const codeComponent = Code as any;
+      const codeComponent = Code as unknown as { QWICKAPP_COMPONENT?: boolean };
       expect(codeComponent.QWICKAPP_COMPONENT).toBeTruthy();
     });
   });

package/src/__tests__/components/Content.integration.test.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from 'react';
-import { render, waitFor, screen } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import Content from '../../components/blocks/Content';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';

package/src/__tests__/components/Content.test.tsx

@@ -52,7 +52,7 @@ const sampleCmsData = {
 };
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => (
@@ -121,9 +121,9 @@ describe.skip('Content', () => {
       const variants = ['default', 'elevated', 'outlined', 'filled'] as const;
       
       variants.forEach(variant => {
-        const { container, unmount } = render(
+        const { unmount } = render(
           <TestWrapper>
-            <Content 
+            <Content
               title={`${variant} variant`}
               variant={variant}
             />
@@ -470,9 +470,9 @@ describe.skip('Content', () => {
     });
 
     it('handles custom CSS classes and styles', () => {
-      const { container } = render(
+      render(
         <TestWrapper>
-          <Content 
+          <Content
             title="Custom Styled"
             className="custom-content"
             sx={{ border: '1px solid red' }}

package/src/__tests__/components/CoverImageHeader.test.tsx

@@ -77,7 +77,7 @@ const mockActions = [
 ];
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => {
@@ -430,9 +430,9 @@ describe('CoverImageHeader', () => {
     });
 
     it('handles custom CSS classes and styles', () => {
-      const { container } = render(
+      render(
         <TestWrapper>
-          <CoverImageHeader 
+          <CoverImageHeader
             title="Custom Styled"
             className="custom-header"
             sx={{ border: '1px solid red' }}

package/src/__tests__/components/FeatureCard.integration.test.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from 'react';
-import { render, waitFor, screen } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import FeatureCard from '../../blocks/FeatureCard';
 import { DataProvider } from '../../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';

package/src/__tests__/components/FeatureGrid.integration.test.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from 'react';
-import { render, waitFor, screen } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import FeatureGrid from '../../blocks/FeatureGrid';
 import { DataProvider } from '../../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';

package/src/__tests__/components/FeatureGrid.test.tsx

@@ -99,7 +99,7 @@ const sampleFeatures: FeatureItem[] = [
 ];
 
 // Wrapper component for tests that need providers
-const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: any }> = ({ 
+const TestWrapper: React.FC<{ children: React.ReactNode; dataProvider?: unknown }> = ({ 
   children, 
   dataProvider 
 }) => (
@@ -206,9 +206,9 @@ describe.skip('FeatureGrid', () => {
     });
 
     it('supports grid props', () => {
-      const { container } = render(
+      render(
         <TestWrapper>
-          <FeatureGrid 
+          <FeatureGrid
             features={sampleFeatures}
             span={12}
             xs={12}