@qwickapps/react-framework 1.4.8 → 1.5.0

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"}

package/dist/components/blocks/Code-factory.d.ts

@@ -1,22 +0,0 @@
-/**
- * Code - Syntax-highlighted code display component (Factory-based)
- *
- * Provides consistent code block rendering with:
- * - Syntax highlighting support
- * - Copy to clipboard functionality
- * - Light/dark theme support
- * - Multiple language support
- * - Responsive design
- *
- * Refactored to use createSerializableView factory while preserving ALL functionality.
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- */
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import CodeModel from '../../schemas/CodeSchema';
-type CodeViewProps = ModelProps<CodeModel>;
-export interface CodeProps extends CodeViewProps, WithDataBinding {
-}
-export declare const Code: any;
-export default Code;
-//# sourceMappingURL=Code-factory.d.ts.map

package/dist/components/blocks/Code-factory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Code-factory.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Code-factory.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAgBH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAMjD,KAAK,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AAsRpE,eAAO,MAAM,IAAI,EAOX,GAAG,CAAC;AAgDV,eAAe,IAAI,CAAC"}

package/dist/components/blocks/Code-old.d.ts

@@ -1,31 +0,0 @@
-/**
- * Code - Syntax-highlighted code display component
- *
- * Provides consistent code block rendering with:
- * - Syntax highlighting support
- * - Copy to clipboard functionality
- * - Light/dark theme support
- * - Multiple language support
- * - Responsive design
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- */
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import React from 'react';
-import CodeModel from '../../schemas/CodeSchema';
-import { ModelView } from '../base/ModelView';
-type CodeViewProps = ModelProps<CodeModel>;
-export interface CodeProps extends CodeViewProps, WithDataBinding {
-}
-export declare class Code extends ModelView<CodeProps, CodeModel> {
-    static readonly tagName = "Code";
-    static readonly version = "1.0.0";
-    protected getComponentSpecificProps(): any;
-    protected renderView(): React.ReactElement;
-    protected renderWithDataBinding(): React.ReactElement;
-    static registerPatternHandlers(registry: any): void;
-    private static transformPreCode;
-    private static transformCodeHighlight;
-}
-export default Code;
-//# sourceMappingURL=Code-old.d.ts.map

package/dist/components/blocks/Code-old.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Code-old.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Code-old.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAgBH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,KAAK,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AA0NpE,qBAAa,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAEvD,MAAM,CAAC,QAAQ,CAAC,OAAO,UAAU;IACjC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAY1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAKrD,MAAM,CAAC,uBAAuB,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAanD,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAoB/B,OAAO,CAAC,MAAM,CAAC,sBAAsB;CAetC;AA+DD,eAAe,IAAI,CAAC"}

package/dist/qa/ConsoleWarningTest.d.ts

@@ -1,5 +0,0 @@
-/**
- * Quick test to verify console warning functionality
- */
-export default function ConsoleWarningTest(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConsoleWarningTest.d.ts.map

package/dist/qa/ConsoleWarningTest.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConsoleWarningTest.d.ts","sourceRoot":"","sources":["../../qa/ConsoleWarningTest.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAqBzC"}

package/dist/qa/StorageKeyTest.d.ts

@@ -1,6 +0,0 @@
-/**
- * Storage Key Strategy Test Component
- * Demonstrates the three different storage strategies
- */
-export default function StorageKeyTest(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StorageKeyTest.d.ts.map

package/dist/qa/StorageKeyTest.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StorageKeyTest.d.ts","sourceRoot":"","sources":["../../qa/StorageKeyTest.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAqDH,MAAM,CAAC,OAAO,UAAU,cAAc,4CAqDrC"}

package/dist/qa/ThemeStorageKeyTest.d.ts

@@ -1,6 +0,0 @@
-/**
- * Theme Storage Key Strategy Test Component
- * Demonstrates the three different storage strategies for ThemeProvider
- */
-export default function ThemeStorageKeyTest(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ThemeStorageKeyTest.d.ts.map

package/dist/qa/ThemeStorageKeyTest.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeStorageKeyTest.d.ts","sourceRoot":"","sources":["../../qa/ThemeStorageKeyTest.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAwDH,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAsD1C"}

package/dist/schemas/ViewModelSchema.d.ts

@@ -1,63 +0,0 @@
-/**
- * ViewModel Schema - Comprehensive base class for all view components
- *
- * Provides ALL props from BaseComponentProps as schema fields including:
- * - Grid layout props (span, breakpoints)
- * - Dimension props (width, height with t-shirt sizing)
- * - Spacing props (padding, margin with t-shirt sizing)
- * - Background and styling props
- * - Accessibility and HTML attributes
- * - Event handlers
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- */
-import 'reflect-metadata';
-import { Model } from '@qwickapps/schema';
-export declare class ViewModelSchema extends Model {
-    span?: string;
-    xs?: string;
-    sm?: string;
-    md?: string;
-    lg?: string;
-    xl?: string;
-    className?: string;
-    sx?: string;
-    style?: string;
-    width?: string;
-    height?: string;
-    minWidth?: string;
-    minHeight?: string;
-    maxWidth?: string;
-    maxHeight?: string;
-    padding?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    paddingX?: string;
-    paddingY?: string;
-    margin?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    marginX?: string;
-    marginY?: string;
-    background?: string;
-    backgroundImage?: string;
-    backgroundGradient?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    id?: string;
-    role?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-    'data-testid'?: string;
-    onClick?: string;
-    onMouseEnter?: string;
-    onMouseLeave?: string;
-    onFocus?: string;
-    onBlur?: string;
-}
-export default ViewModelSchema;
-//# sourceMappingURL=ViewModelSchema.d.ts.map

package/dist/schemas/ViewModelSchema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewModelSchema.d.ts","sourceRoot":"","sources":["../../src/schemas/ViewModelSchema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAA4B,KAAK,EAAU,MAAM,mBAAmB,CAAC;AAE5E,qBACa,eAAgB,SAAQ,KAAK;IAexC,IAAI,CAAC,EAAE,MAAM,CAAC;IAWd,EAAE,CAAC,EAAE,MAAM,CAAC;IAWZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAWZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAWZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAWZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAeZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAWnB,EAAE,CAAC,EAAE,MAAM,CAAC;IAWZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAef,KAAK,CAAC,EAAE,MAAM,CAAC;IAWf,MAAM,CAAC,EAAE,MAAM,CAAC;IAWhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAWlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAWnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAWlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAenB,OAAO,CAAC,EAAE,MAAM,CAAC;IAWjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAWpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAWtB,aAAa,CAAC,EAAE,MAAM,CAAC;IAWvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAWrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAWlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAWlB,MAAM,CAAC,EAAE,MAAM,CAAC;IAWhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAWnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAWrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAWtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAWpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAWjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAejB,UAAU,CAAC,EAAE,MAAM,CAAC;IAWpB,eAAe,CAAC,EAAE,MAAM,CAAC;IAWzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAe5B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAepD,EAAE,CAAC,EAAE,MAAM,CAAC;IAWZ,IAAI,CAAC,EAAE,MAAM,CAAC;IAWd,YAAY,CAAC,EAAE,MAAM,CAAC;IAWtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAW3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAW5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAevB,OAAO,CAAC,EAAE,MAAM,CAAC;IAWjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAWtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAWtB,OAAO,CAAC,EAAE,MAAM,CAAC;IAWjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAe,eAAe,CAAC"}

package/dist/schemas/transformers/__tests__/MockSerializableComponent.d.ts

@@ -1,66 +0,0 @@
-/**
- * MockSerializableComponent - Test helper component implementing new SerializableConstructor interface
- *
- * NOTE: This is not a test file - it's a helper module for testing.
- * Jest should not run this as a test suite.
- *
- * Demonstrates component self-declaration pattern with static tagName and version properties
- * Used for testing the updated ComponentTransformer architecture
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- */
-import React, { ReactElement } from 'react';
-import { Serializable, SerializableConstructor } from '../../types/Serializable';
-/**
- * Mock component implementing the new Serializable interface with self-declaration
- */
-export declare class MockSerializableComponent implements Serializable {
-    props: {
-        title?: string;
-        content?: string;
-        variant?: string;
-        children?: React.ReactNode;
-    };
-    static readonly tagName = "MockComponent";
-    static readonly version = "1.0.0";
-    constructor(props: {
-        title?: string;
-        content?: string;
-        variant?: string;
-        children?: React.ReactNode;
-    });
-    static fromJson(jsonData: any): ReactElement;
-    toJson(): any;
-}
-export declare const MockSerializableComponentClass: SerializableConstructor;
-/**
- * Alternative mock component with different tagName and version for testing conflicts
- */
-export declare class AlternativeMockComponent implements Serializable {
-    props: {
-        label?: string;
-        type?: string;
-        active?: boolean;
-    };
-    static readonly tagName = "AlternativeComponent";
-    static readonly version = "2.1.0";
-    constructor(props: {
-        label?: string;
-        type?: string;
-        active?: boolean;
-    });
-    static fromJson(jsonData: any): ReactElement;
-    toJson(): any;
-}
-export declare const AlternativeMockComponentClass: SerializableConstructor;
-/**
- * Mock component missing required static properties (for error testing)
- */
-export declare class InvalidMockComponent implements Serializable {
-    props: any;
-    constructor(props: any);
-    static fromJson(jsonData: any): ReactElement;
-    toJson(): any;
-}
-export declare const InvalidMockComponentClass: any;
-//# sourceMappingURL=MockSerializableComponent.d.ts.map

package/dist/schemas/transformers/__tests__/MockSerializableComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MockSerializableComponent.d.ts","sourceRoot":"","sources":["../../../../src/schemas/transformers/__tests__/MockSerializableComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEjF;;GAEG;AACH,qBAAa,yBAA0B,YAAW,YAAY;IAIzC,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;IARD,MAAM,CAAC,QAAQ,CAAC,OAAO,mBAAmB;IAC1C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;gBAEf,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;IAED,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAW5C,MAAM,IAAI,GAAG;CAQd;AAGD,eAAO,MAAM,8BAA8B,EAA2C,uBAAuB,CAAC;AAE9G;;GAEG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAIxC,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAPD,MAAM,CAAC,QAAQ,CAAC,OAAO,0BAA0B;IACjD,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;gBAEf,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAED,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAQ5C,MAAM,IAAI,GAAG;CAOd;AAED,eAAO,MAAM,6BAA6B,EAA0C,uBAAuB,CAAC;AAE5G;;GAEG;AACH,qBAAa,oBAAqB,YAAW,YAAY;IAGpC,KAAK,EAAE,GAAG;gBAAV,KAAK,EAAE,GAAG;IAE7B,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAI5C,MAAM,IAAI,GAAG;CAGd;AAED,eAAO,MAAM,yBAAyB,EAA2B,GAAG,CAAC"}

package/dist/src/__tests__/schemas/transformers/MockSerializableComponent.d.ts

@@ -1,66 +0,0 @@
-/**
- * MockSerializableComponent - Test helper component implementing new SerializableConstructor interface
- *
- * NOTE: This is not a test file - it's a helper module for testing.
- * Jest should not run this as a test suite.
- *
- * Demonstrates component self-declaration pattern with static tagName and version properties
- * Used for testing the updated ComponentTransformer architecture
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- */
-import React, { ReactElement } from 'react';
-import { Serializable, SerializableConstructor } from '../../../schemas';
-/**
- * Mock component implementing the new Serializable interface with self-declaration
- */
-export declare class MockSerializableComponent implements Serializable {
-    props: {
-        title?: string;
-        content?: string;
-        variant?: string;
-        children?: React.ReactNode;
-    };
-    static readonly tagName = "MockComponent";
-    static readonly version = "1.0.0";
-    constructor(props: {
-        title?: string;
-        content?: string;
-        variant?: string;
-        children?: React.ReactNode;
-    });
-    static fromJson(jsonData: any): ReactElement;
-    toJson(): any;
-}
-export declare const MockSerializableComponentClass: SerializableConstructor;
-/**
- * Alternative mock component with different tagName and version for testing conflicts
- */
-export declare class AlternativeMockComponent implements Serializable {
-    props: {
-        label?: string;
-        type?: string;
-        active?: boolean;
-    };
-    static readonly tagName = "AlternativeComponent";
-    static readonly version = "2.1.0";
-    constructor(props: {
-        label?: string;
-        type?: string;
-        active?: boolean;
-    });
-    static fromJson(jsonData: any): ReactElement;
-    toJson(): any;
-}
-export declare const AlternativeMockComponentClass: SerializableConstructor;
-/**
- * Mock component missing required static properties (for error testing)
- */
-export declare class InvalidMockComponent implements Serializable {
-    props: any;
-    constructor(props: any);
-    static fromJson(jsonData: any): ReactElement;
-    toJson(): any;
-}
-export declare const InvalidMockComponentClass: any;
-//# sourceMappingURL=MockSerializableComponent.d.ts.map

package/dist/src/__tests__/schemas/transformers/MockSerializableComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MockSerializableComponent.d.ts","sourceRoot":"","sources":["../../../../../src/__tests__/schemas/transformers/MockSerializableComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEzE;;GAEG;AACH,qBAAa,yBAA0B,YAAW,YAAY;IAIzC,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;IARD,MAAM,CAAC,QAAQ,CAAC,OAAO,mBAAmB;IAC1C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;gBAEf,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;IAED,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAW5C,MAAM,IAAI,GAAG;CAQd;AAGD,eAAO,MAAM,8BAA8B,EAA2C,uBAAuB,CAAC;AAE9G;;GAEG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAIxC,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAPD,MAAM,CAAC,QAAQ,CAAC,OAAO,0BAA0B;IACjD,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;gBAEf,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAED,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAQ5C,MAAM,IAAI,GAAG;CAOd;AAED,eAAO,MAAM,6BAA6B,EAA0C,uBAAuB,CAAC;AAE5G;;GAEG;AACH,qBAAa,oBAAqB,YAAW,YAAY;IAGpC,KAAK,EAAE,GAAG;gBAAV,KAAK,EAAE,GAAG;IAE7B,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAI5C,MAAM,IAAI,GAAG;CAGd;AAED,eAAO,MAAM,yBAAyB,EAA2B,GAAG,CAAC"}

package/dist/src/components/AccessibilityChecker.d.ts

@@ -1,12 +0,0 @@
-/**
- * AccessibilityChecker Component - Development tool for checking theme accessibility
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- *
- * This component is only rendered in development mode and provides
- * accessibility insights for the current theme/palette combination.
- */
-import React from 'react';
-declare const AccessibilityChecker: React.FC;
-export default AccessibilityChecker;
-//# sourceMappingURL=AccessibilityChecker.d.ts.map

package/dist/src/components/AccessibilityChecker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessibilityChecker.d.ts","sourceRoot":"","sources":["../../../src/components/AccessibilityChecker.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAwCnD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAoNjC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/src/components/AccessibilityProvider.d.ts

@@ -1,64 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface AccessibilityState {
-    highContrast: boolean;
-    reducedMotion: boolean;
-    largeText: boolean;
-    focusVisible: boolean;
-    isKeyboardUser: boolean;
-    issues: AccessibilityIssue[];
-    lastAnnouncement: Announcement | null;
-    preferences: Record<string, any>;
-}
-export interface AccessibilityIssue {
-    type: string;
-    message: string;
-    level: 'error' | 'warning' | 'info';
-    element?: Element;
-}
-export interface Announcement {
-    message: string;
-    level: 'polite' | 'assertive';
-    timestamp: number;
-}
-export interface AccessibilityContextValue extends AccessibilityState {
-    setHighContrast: (enabled: boolean) => void;
-    setReducedMotion: (enabled: boolean) => void;
-    setLargeText: (enabled: boolean) => void;
-    setFocusVisible: (enabled: boolean) => void;
-    announce: (message: string, level?: 'polite' | 'assertive') => void;
-    announcePolite: (message: string) => void;
-    announceAssertive: (message: string) => void;
-    addIssue: (issue: AccessibilityIssue) => void;
-    clearIssues: () => void;
-    runAudit: () => void;
-}
-export interface AccessibilityProviderProps {
-    children: ReactNode;
-    enableAudit?: boolean;
-}
-/**
- * Accessibility Provider Component
- * Provides comprehensive accessibility context and utilities
- *
- * Features:
- * - System preference detection (high contrast, reduced motion)
- * - Keyboard navigation detection
- * - ARIA live announcements
- * - Focus management
- * - Accessibility auditing
- * - Settings persistence
- */
-export declare const AccessibilityProvider: React.FC<AccessibilityProviderProps>;
-/**
- * Hook to access accessibility context
- */
-export declare const useAccessibility: () => AccessibilityContextValue;
-/**
- * Higher-Order Component for accessibility enhancements
- */
-export declare const withAccessibility: <P extends object>(WrappedComponent: React.ComponentType<P>) => {
-    (props: P): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default AccessibilityProvider;
-//# sourceMappingURL=AccessibilityProvider.d.ts.map

package/dist/src/components/AccessibilityProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessibilityProvider.d.ts","sourceRoot":"","sources":["../../../src/components/AccessibilityProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3F,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,gBAAgB,EAAE,YAAY,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;CAClB;AAcD,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACpE,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,GAAG,WAAW,KAAK,IAAI,CAAC;IACpE,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAqHD,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAoPtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,yBAQnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,EACjD,kBAAkB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;YAEO,CAAC;;CAchD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}