@qwickapps/react-framework 1.4.1 → 1.4.3

package/dist/components/Markdown.d.ts

@@ -20,7 +20,7 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import { marked } from 'marked';
-import React, { ReactElement } from 'react';
+import React from 'react';
 import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
 import MarkdownModel from '../schemas/MarkdownSchema';
 import { ModelView } from './base/ModelView';
@@ -40,7 +40,6 @@ export interface MarkdownProps extends MarkdownViewProps, WithDataBinding {
 export declare class Markdown extends ModelView<MarkdownProps, MarkdownModel> {
     static readonly tagName = "Markdown";
     static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
     protected getComponentSpecificProps(): any;
     protected renderView(): React.ReactElement;
     protected renderWithDataBinding(): React.ReactElement;

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,eAAe,EAAwB,MAAM,wBAAwB,CAAC;AAE/E,KAAK,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,GAAG;IACnD,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,kCAAkC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;CAAG;AAgJ5E,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEnE,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAc;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAS1C,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,oBAAoB;IAenC,OAAO,CAAC,MAAM,CAAC,qBAAqB;CAcrC;AAsCD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,eAAe,EAAwB,MAAM,wBAAwB,CAAC;AAE/E,KAAK,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,GAAG;IACnD,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,kCAAkC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;CAAG;AAgJ5E,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEnE,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAc;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAS1C,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,oBAAoB;IAenC,OAAO,CAAC,MAAM,CAAC,qBAAqB;CAcrC;AAsCD,eAAe,QAAQ,CAAC"}

package/dist/components/SafeSpan.d.ts

@@ -9,7 +9,7 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React, { ReactElement } from 'react';
+import React from 'react';
 import { WithDataBinding, ModelProps } from '@qwickapps/schema';
 import SafeSpanModel from '../schemas/SafeSpanSchema';
 import { ModelView } from './base/ModelView';
@@ -19,7 +19,6 @@ export interface SafeSpanProps extends SafeSpanViewProps, WithDataBinding {
 export declare class SafeSpan extends ModelView<SafeSpanProps, SafeSpanModel> {
     static readonly tagName = "SafeSpan";
     static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
     protected getComponentSpecificProps(): any;
     protected renderView(): React.ReactElement;
     protected renderWithDataBinding(): React.ReactElement;

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

@@ -1 +1 @@
-{"version":3,"file":"SafeSpan.d.ts","sourceRoot":"","sources":["../../src/components/SafeSpan.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,KAAK,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACnD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;CAAG;AA6E5E,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEnE,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAc;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,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,iBAAiB;CAWjC;AA+BD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"SafeSpan.d.ts","sourceRoot":"","sources":["../../src/components/SafeSpan.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,KAAK,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACnD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;CAAG;AA6E5E,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEnE,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAc;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,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,iBAAiB;CAWjC;AA+BD,eAAe,QAAQ,CAAC"}

package/dist/components/base/Container.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Container - Factory-based implementation using createSerializableView
+ *
+ * Migrated from class-based ModelView to factory pattern for better
+ * schema-driven architecture while preserving all functionality.
+ *
+ * Key Features:
+ * - Factory-based component using createSerializableView
+ * - Uses ViewProps for normalized props handling
+ * - Integrates with existing useBaseProps utility
+ * - Processes all grid, dimension, spacing, and styling props
+ * - Supports children rendering and data binding
+ * - Full serialization support
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+/**
+ * Props interface for Container component - extends ViewProps
+ */
+export interface ContainerProps extends ViewProps {
+}
+/**
+ * Create Container component using the factory pattern
+ */
+export declare const Container: SerializableComponent<ContainerProps>;
+/**
+ * Export the component as default
+ */
+export default Container;
+//# sourceMappingURL=Container.d.ts.map

package/dist/components/base/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/base/Container.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS;CAEhD;AAqBD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,qBAAqB,CAAC,cAAc,CAK1D,CAAC;AAEH;;GAEG;AACH,eAAe,SAAS,CAAC"}

package/dist/components/base/ContainerView.d.ts

@@ -0,0 +1,65 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/base/ModelView.d.ts

@@ -1,101 +1,92 @@
 /**
- * ModelView - Abstract Base Class for Serializable Components
+ * ModelView - Abstract Base Class implementing ViewSchema
  *
- * Provides common serialization patterns and data binding support for
- * all QwickApps components. This eliminates code duplication and ensures
- * consistent behavior across all serializable components.
+ * This abstract base class processes ViewSchema props and provides them
+ * to subclasses through processed props. All concrete components should
+ * extend this class to get consistent ViewSchema prop handling.
  *
- * All components extending ModelView must implement:
- * - getComponentSpecificProps(): Component-specific serialization properties
- * - renderView(): Render method for traditional props
- * - renderWithDataBinding(): Render method for data-bound components
- * - static tagName and version properties
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ * Key Features:
+ * - Processes all ViewSchema properties (grid, spacing, styling, etc.)
+ * - Provides processed props to subclasses via getProcessedProps()
+ * - Maintains abstract pattern for component-specific rendering
+ * - Handles serialization and data binding
  */
-import React, { ReactElement, ReactNode } from 'react';
-import type { WithDataBinding } from '@qwickapps/schema';
-import { Serializable } from '../../schemas/types/Serializable';
+import { Serializable } from "@/schemas";
+import { ModelProps, WithDataBinding } from "@qwickapps/schema";
+import React, { ReactElement, ReactNode } from "react";
+import ViewSchema from '../../schemas/ViewSchema';
 /**
- * Abstract base class for all serializable QwickApps components
- * Handles common serialization patterns, data binding, and rendering logic
+ * Processed props that subclasses receive
  */
-export declare abstract class ModelView<TProps = any, TModel = any> extends React.Component<TProps & WithDataBinding> implements Serializable {
+export interface ProcessedProps {
+    gridProps: any;
+    styleProps: any;
+    htmlProps: any;
+    restProps: any;
+}
+/**
+ * Abstract base class implementing ViewSchema
+ * All concrete components should extend this class
+ */
+export declare abstract class ModelView<TProps = any, TModel = any> extends React.Component<TProps & ModelProps<ViewSchema> & WithDataBinding> implements Serializable {
     static readonly tagName: string;
     static readonly version: string;
     /**
      * Common fromJson implementation
-     * Subclasses can override this if they need custom deserialization logic
      */
     static fromJson(jsonData: any): ReactElement;
     /**
      * Common toJson implementation with hooks for customization
-     * Combines base serializable props with component-specific props
      */
     toJson(): any;
+    /**
+     * Get processed props for subclasses to use
+     * This converts ViewSchema props and processes them through useBaseProps
+     */
+    protected getProcessedProps(): ProcessedProps;
     /**
      * Common base props that all components serialize
-     * Handles ReactNode children, data binding, and common styling props
      */
     protected getBaseSerializableProps(): any;
     /**
      * Hook for subclasses to add component-specific serialization
-     * Must be implemented by each component to include its specific props
      */
     protected abstract getComponentSpecificProps(): any;
     /**
      * Common children serialization logic
-     * Handles different children types based on component capabilities
      */
     protected serializeChildren(children: ReactNode): any;
     /**
      * Helper to determine if children contain other serializable components
-     * Override in subclasses that support nested components (like Section)
      */
     protected hasNestedComponents(children: ReactNode): boolean;
     /**
      * Common render pattern
-     * Determines whether to use data binding or traditional props rendering
      */
     render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     /**
      * Hook for subclasses to implement traditional props rendering
-     * This is where the component renders using props directly
      */
     protected abstract renderView(): React.ReactElement;
     /**
      * Hook for subclasses to implement data binding rendering
-     * This should render the data-bound version of the component
      */
     protected abstract renderWithDataBinding(): React.ReactElement;
     /**
      * Register HTML pattern handlers for this component
-     * Override this method to register patterns that this component can handle
-     * @param registry - ComponentTransformer to register patterns with
      */
-    static registerPatternHandlers(registry: any): void;
-}
-/**
- * Type helper for ModelView component constructors
- * Ensures proper typing for registration and factory functions
- */
-export interface ModelViewConstructor<TProps = any, TModel = any> {
-    new (props: TProps & WithDataBinding): ModelView<TProps, TModel>;
-    readonly tagName: string;
-    readonly version: string;
-    fromJson(jsonData: any): ReactElement;
+    static registerPatternHandlers(_registry: any): void;
 }
 /**
- * Helper function to create a ModelView component class
- * Provides better TypeScript inference for component registration
+ * Helper function for creating ModelView component classes with ViewSchema support
+ * Updated to work with the new ViewSchema processing system
  */
 export declare function createModelViewClass<TProps, TModel>(config: {
     tagName: string;
     version: string;
-    getComponentSpecificProps: (props: TProps) => any;
+    getComponentSpecificProps: (props: TProps, processedProps: ProcessedProps) => any;
     hasNestedComponents?: (children: ReactNode) => boolean;
-    renderView: (props: TProps) => React.ReactElement;
-    renderWithDataBinding: (props: TProps & WithDataBinding) => React.ReactElement;
-}): ModelViewConstructor<TProps, TModel>;
-export default ModelView;
+    renderView: (props: TProps, processedProps: ProcessedProps) => React.ReactElement;
+    renderWithDataBinding: (props: TProps & WithDataBinding, processedProps: ProcessedProps) => React.ReactElement;
+}): any;
 //# sourceMappingURL=ModelView.d.ts.map

package/dist/components/base/ModelView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelView.d.ts","sourceRoot":"","sources":["../../../src/components/base/ModelView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGhE;;;GAGG;AACH,8BAAsB,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,CACxD,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,eAAe,CAChD,YAAW,YAAY;IAIvB,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAM;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAM;IAErC;;;OAGG;IACH,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAM5C;;;OAGG;IACH,MAAM,IAAI,GAAG;IAUb;;;OAGG;IACH,SAAS,CAAC,wBAAwB,IAAI,GAAG;IAczC;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,yBAAyB,IAAI,GAAG;IAEnD;;;OAGG;IACH,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,GAAG;IAgBrD;;;OAGG;IACH,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO;IAK3D;;;OAGG;IACH,MAAM;IAUN;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAEnD;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAE9D;;;;OAIG;IACH,MAAM,CAAC,uBAAuB,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;CAIpD;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,MAAM,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG;IAC9D,KAAK,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY,CAAC;CACvC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EACjD,MAAM,EAAE;IACN,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IAClD,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC;IACvD,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC;IAClD,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC;CAChF,GACA,oBAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,CAwBtC;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ModelView.d.ts","sourceRoot":"","sources":["../../../src/components/base/ModelView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AA8ElD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,GAAG,CAAC;IACf,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,EAAE,GAAG,CAAC;CAChB;AAED;;;GAGG;AACH,8BAAsB,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,CACxD,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,eAAe,CACzE,YAAW,YAAY;IAGvB,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAM;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAM;IAErC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAY5C;;OAEG;IACH,MAAM,IAAI,GAAG;IAab;;;OAGG;IACH,SAAS,CAAC,iBAAiB,IAAI,cAAc;IAmE7C;;OAEG;IACH,SAAS,CAAC,wBAAwB,IAAI,GAAG;IAWzC;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,yBAAyB,IAAI,GAAG;IAEnD;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,GAAG;IAYrD;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO;IAI3D;;OAEG;IACH,MAAM;IAUN;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAEnD;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAE9D;;OAEG;IACH,MAAM,CAAC,uBAAuB,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI;CAGrD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EACjD,MAAM,EAAE;IACN,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,KAAK,GAAG,CAAC;IAClF,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC;IACvD,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,KAAK,KAAK,CAAC,YAAY,CAAC;IAClF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,EAAE,cAAc,EAAE,cAAc,KAAK,KAAK,CAAC,YAAY,CAAC;CAChH,GACA,GAAG,CA2BL"}

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

@@ -6,6 +6,7 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-export { default as ModelView, createModelViewClass } from './ModelView';
-export type { ModelViewConstructor } from './ModelView';
+export { ModelView, createModelViewClass } from './ModelView';
+export { default as Container, } from './Container';
+export type { ContainerProps } from './Container';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACzE,YAAY,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,GAAG,MAAM,aAAa,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/blocks/Article.d.ts

@@ -13,7 +13,7 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import React, { ReactElement } from 'react';
+import React from 'react';
 import ArticleModel from '../../schemas/ArticleSchema';
 import { ModelView } from '../base/ModelView';
 type ArticleViewProps = ModelProps<ArticleModel>;
@@ -22,7 +22,6 @@ export interface ArticleProps extends ArticleViewProps, WithDataBinding {
 export declare class Article extends ModelView<ArticleProps, ArticleModel> {
     static readonly tagName = "Article";
     static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
     protected getComponentSpecificProps(): any;
     protected renderView(): React.ReactElement;
     protected renderWithDataBinding(): React.ReactElement;

package/dist/components/blocks/Article.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Article.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,KAAK,gBAAgB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CACtE;AAgGD,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAEhE,MAAM,CAAC,QAAQ,CAAC,OAAO,aAAa;IACpC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,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;IAQnD,OAAO,CAAC,MAAM,CAAC,gBAAgB;CAWhC;AA6DD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Article.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,KAAK,gBAAgB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CACtE;AAgGD,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAEhE,MAAM,CAAC,QAAQ,CAAC,OAAO,aAAa;IACpC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,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;IAQnD,OAAO,CAAC,MAAM,CAAC,gBAAgB;CAWhC;AA6DD,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,22 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,31 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/components/blocks/Code.d.ts

@@ -1,5 +1,8 @@
 /**
- * Code - Syntax-highlighted code display component
+ * Code - Factory-based syntax-highlighted code display component
+ *
+ * Migrated from class-based ModelView to factory pattern for better
+ * schema-driven architecture while preserving all code display features.
  *
  * Provides consistent code block rendering with:
  * - Syntax highlighting support
@@ -7,26 +10,35 @@
  * - Light/dark theme support
  * - Multiple language support
  * - Responsive design
+ * - Line numbers support
+ * - Title display
+ * - Custom backgrounds
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import React, { ReactElement } 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";
-    static fromJson(jsonData: any): ReactElement;
-    protected getComponentSpecificProps(): any;
-    protected renderView(): React.ReactElement;
-    protected renderWithDataBinding(): React.ReactElement;
-    static registerPatternHandlers(registry: any): void;
-    private static transformPreCode;
-    private static transformCodeHighlight;
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+/**
+ * Props interface for Code component
+ *
+ * Extends ViewProps (which contains all base props from ViewSchema + WithDataBinding)
+ * and adds only Code-specific properties. ViewSchema is the single source of truth
+ * for all base properties including styling, grid, events, accessibility, etc.
+ */
+export interface CodeProps extends ViewProps {
+    language?: string;
+    showCopy?: boolean;
+    showLineNumbers?: boolean;
+    title?: string;
+    wrapLines?: boolean;
+    codeBackground?: string;
 }
+/**
+ * Create Code component using the factory pattern
+ */
+export declare const Code: SerializableComponent<CodeProps>;
+/**
+ * Export the component as default
+ */
 export default Code;
 //# sourceMappingURL=Code.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Code.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAgBH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,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,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,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"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Code.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAoBH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAE1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAuND;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,SAAS,CAKhD,CAAC;AAoDH;;GAEG;AACH,eAAe,IAAI,CAAC"}

package/dist/components/blocks/HeroBlock.d.ts

@@ -17,7 +17,7 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import type { ModelProps, WithDataBinding } from '@qwickapps/schema';
-import React, { ReactElement, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import HeroBlockModel from '../../schemas/HeroBlockSchema';
 import { ModelView } from '../base/ModelView';
 import { ButtonProps } from '../buttons/Button';
@@ -36,7 +36,6 @@ export interface HeroBlockProps extends HeroBlockViewProps, WithDataBinding {
 export declare class HeroBlock extends ModelView<HeroBlockProps, HeroBlockModel> {
     static readonly tagName = "HeroBlock";
     static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
     protected getComponentSpecificProps(): any;
     protected serializeChildren(children: ReactNode): any;
     protected hasNestedComponents(children: ReactNode): boolean;

package/dist/components/blocks/HeroBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeroBlock.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/HeroBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,KAAK,kBAAkB,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG;IACrD,mCAAmC;IACnC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,eAAe;CAAG;AAuM9E,qBAAa,SAAU,SAAQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAEtE,MAAM,CAAC,QAAQ,CAAC,OAAO,eAAe;IACtC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAgB1C,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,GAAG;IAoBrD,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO;IAK3D,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AAgDD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"HeroBlock.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/HeroBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,KAAK,kBAAkB,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG;IACrD,mCAAmC;IACnC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,eAAe;CAAG;AAuM9E,qBAAa,SAAU,SAAQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAEtE,MAAM,CAAC,QAAQ,CAAC,OAAO,eAAe;IACtC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAgB1C,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,GAAG;IAoBrD,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO;IAK3D,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AAgDD,eAAe,SAAS,CAAC"}

package/dist/components/blocks/Image.d.ts

@@ -12,7 +12,7 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React, { ReactElement } from 'react';
+import React from 'react';
 import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
 import ImageModel from '../../schemas/ImageSchema';
 import { ModelView } from '../base/ModelView';
@@ -29,7 +29,6 @@ export interface ImageProps extends ImageViewProps, WithDataBinding {
 export declare class Image extends ModelView<ImageProps, ImageModel> {
     static readonly tagName = "Image";
     static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
     protected getComponentSpecificProps(): any;
     protected renderView(): React.ReactElement;
     protected renderWithDataBinding(): React.ReactElement;

package/dist/components/blocks/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,UAAqD,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG;IAC7C,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,eAAe;CAAG;AA0LtE,qBAAa,KAAM,SAAQ,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAE1D,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAClC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAuB1C,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,cAAc;IAoB7B,OAAO,CAAC,MAAM,CAAC,oBAAoB;CAsBpC;AA4ED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAA8C,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,UAAqD,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG;IAC7C,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,eAAe;CAAG;AA0LtE,qBAAa,KAAM,SAAQ,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAE1D,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAClC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAuB1C,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,cAAc;IAoB7B,OAAO,CAAC,MAAM,CAAC,oBAAoB;CAsBpC;AA4ED,eAAe,KAAK,CAAC"}

package/dist/components/blocks/Section.d.ts

@@ -16,7 +16,7 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import type { WithDataBinding } from '@qwickapps/schema';
-import React, { ReactElement, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { WithBaseProps } from '../../hooks';
 import SectionModel from '../../schemas/SectionSchema';
 import { ModelView } from '../base/ModelView';
@@ -40,7 +40,6 @@ export interface SectionProps extends SectionViewProps, WithDataBinding {
 export declare class Section extends ModelView<SectionProps, SectionModel> {
     static readonly tagName = "Section";
     static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
     protected hasNestedComponents(children: ReactNode): boolean;
     protected serializeChildren(children: ReactNode): any;
     protected getComponentSpecificProps(): any;

package/dist/components/blocks/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAC9F,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IACzE,6DAA6D;IAC7D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CACpD;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CAAG;AA4G1E,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAEhE,MAAM,CAAC,QAAQ,CAAC,OAAO,aAAa;IACpC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO;IAK3D,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,GAAG;IAarD,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAW1C,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;IAiB/B,OAAO,CAAC,MAAM,CAAC,oBAAoB;CAcpC;AAmED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAC9F,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IACzE,6DAA6D;IAC7D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CACpD;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CAAG;AA4G1E,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAEhE,MAAM,CAAC,QAAQ,CAAC,OAAO,aAAa;IACpC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO;IAK3D,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,GAAG;IAarD,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAW1C,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;IAiB/B,OAAO,CAAC,MAAM,CAAC,oBAAoB;CAcpC;AAmED,eAAe,OAAO,CAAC"}