@qwickapps/react-framework 1.4.1 → 1.4.3

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

@@ -1,5 +1,8 @@
 /**
- * Text - Comprehensive typography display component with serialization support
+ * Text - Factory-based typography component with serialization support
+ *
+ * Migrated from class-based ModelView to factory pattern for better
+ * schema-driven architecture while preserving all typography features.
  *
  * Features:
  * - Complete typography variant support (h1-h6, body1/2, subtitle, etc.)
@@ -7,35 +10,40 @@
  * - Custom typography overrides (fontSize, fontFamily, etc.)
  * - Semantic HTML element rendering
  * - Text formatting and decoration options
- * - Full serialization support via ModelView
+ * - Full serialization support via createSerializableView
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React, { ReactElement } from 'react';
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import TextModel from '../../schemas/TextSchema';
-import { ModelView } from '../base/ModelView';
-type TextViewProps = ModelProps<TextModel> & {
-    /** Click handler for the text */
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /** Additional inline styles */
-    style?: React.CSSProperties;
-    /** Additional CSS class names */
-    className?: string;
-};
-export interface TextProps extends TextViewProps, WithDataBinding {
-}
-export declare class Text extends ModelView<TextProps, TextModel> {
-    static readonly tagName = "Text";
-    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 transformParagraph;
-    private static transformHeading;
-    private static transformSpan;
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+/**
+ * Props interface for Text component - extends ViewProps with text-specific properties
+ */
+export interface TextProps extends ViewProps {
+    content?: string;
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'button' | 'caption' | 'overline';
+    color?: 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error' | 'warning' | 'info' | 'success' | 'inherit';
+    align?: 'left' | 'center' | 'right' | 'justify' | 'inherit';
+    component?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'legend';
+    fontWeight?: 'inherit' | 'lighter' | 'normal' | 'bold' | 'bolder' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    textDecoration?: 'none' | 'underline' | 'overline' | 'line-through';
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'inherit';
+    noWrap?: boolean;
+    paragraph?: boolean;
+    gutterBottom?: boolean;
+    fontSize?: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    fontFamily?: string;
+    customColor?: string;
+    maxWidth?: string;
 }
+/**
+ * Create Text component using the factory pattern
+ */
+export declare const Text: SerializableComponent<TextProps>;
+/**
+ * Export the component as default
+ */
 export default Text;
 //# sourceMappingURL=Text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Text.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG;IAC3C,iCAAiC;IACjC,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,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AAmFpE,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;IAwB1C,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;IAqBnD,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAYjC,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAqB/B,OAAO,CAAC,MAAM,CAAC,aAAa;CAU7B;AA6DD,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Text.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,SAAU,SAAQ,SAAS;IAE1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IACtI,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACzH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,SAAS,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;IAGhG,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC1I,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,CAAC;IACpE,aAAa,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;IAG9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA8ED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,SAAS,CAKhD,CAAC;AAoEH;;GAEG;AACH,eAAe,IAAI,CAAC"}

package/dist/components/buttons/Button.d.ts

@@ -13,7 +13,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 ButtonModel from '../../schemas/ButtonSchema';
 import { ModelView } from '../base/ModelView';
@@ -41,7 +41,6 @@ export interface ButtonProps extends ButtonViewProps, WithDataBinding {
 export declare class Button extends ModelView<ButtonProps, ButtonModel> {
     static readonly tagName = "Button";
     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/buttons/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,eAAe,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG;IAC/C,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iCAAiC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;CAAG;AAuLxE,qBAAa,MAAO,SAAQ,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,YAAY;IACnC,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,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAKrD,MAAM,CAAC,uBAAuB,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAkBnD,OAAO,CAAC,MAAM,CAAC,eAAe;IAqB9B,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAenC,OAAO,CAAC,MAAM,CAAC,qBAAqB;CAcrC;AAkED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,eAAe,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG;IAC/C,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iCAAiC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;CAAG;AAuLxE,qBAAa,MAAO,SAAQ,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,YAAY;IACnC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAgB1C,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;IAkBnD,OAAO,CAAC,MAAM,CAAC,eAAe;IAqB9B,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAenC,OAAO,CAAC,MAAM,CAAC,qBAAqB;CAcrC;AAkED,eAAe,MAAM,CAAC"}

package/dist/components/index.d.ts

@@ -8,8 +8,10 @@
  * - Layout components
  * - Blocks (Hero, Content, FeatureGrid, Section, etc.)
  * - Pages and scaffolding
+ * - Schema-driven component registration (Phase 0)
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
+import '../schemas/transformers/registry';
 export * from './base';
 export * from './blocks';
 export * from './buttons';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,OAAO,kCAAkC,CAAC;AAC1C,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/input/ChoiceInputField.d.ts

@@ -10,7 +10,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 ChoiceInputFieldModel from '../../schemas/ChoiceInputFieldSchema';
 import { ModelView } from '../base/ModelView';
@@ -27,7 +27,6 @@ export interface ChoiceInputFieldProps extends ChoiceInputFieldViewProps, WithDa
 export declare class ChoiceInputField extends ModelView<ChoiceInputFieldProps, ChoiceInputFieldModel> {
     static readonly tagName = "ChoiceInputField";
     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/input/ChoiceInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/ChoiceInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,yBAAyB,GAAG,UAAU,CAAC,qBAAqB,CAAC,GAAG;IACnE,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AAuF5F,qBAAa,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IAE3F,MAAM,CAAC,QAAQ,CAAC,OAAO,sBAAsB;IAC7C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAc1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ChoiceInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/ChoiceInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,yBAAyB,GAAG,UAAU,CAAC,qBAAqB,CAAC,GAAG;IACnE,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AAuF5F,qBAAa,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IAE3F,MAAM,CAAC,QAAQ,CAAC,OAAO,sBAAsB;IAC7C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAc1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,gBAAgB,CAAC"}

package/dist/components/input/HtmlInputField.d.ts

@@ -11,7 +11,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 HtmlInputFieldModel from '../../schemas/HtmlInputFieldSchema';
 import { ModelView } from '../base/ModelView';
@@ -26,7 +26,6 @@ export interface HtmlInputFieldProps extends HtmlInputFieldViewProps, WithDataBi
 export declare class HtmlInputField extends ModelView<HtmlInputFieldProps, HtmlInputFieldModel> {
     static readonly tagName = "HtmlInputField";
     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/input/HtmlInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/HtmlInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAsBtD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIrE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,uBAAuB,GAAG,UAAU,CAAC,mBAAmB,CAAC,GAAG;IAC/D,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB,EAAE,eAAe;CAAG;AAoNxF,qBAAa,cAAe,SAAQ,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAErF,MAAM,CAAC,QAAQ,CAAC,OAAO,oBAAoB;IAC3C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAc1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"HtmlInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/HtmlInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAiC,MAAM,OAAO,CAAC;AAsBtD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIrE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,uBAAuB,GAAG,UAAU,CAAC,mBAAmB,CAAC,GAAG;IAC/D,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB,EAAE,eAAe;CAAG;AAoNxF,qBAAa,cAAe,SAAQ,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAErF,MAAM,CAAC,QAAQ,CAAC,OAAO,oBAAoB;IAC3C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAc1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,cAAc,CAAC"}

package/dist/components/input/SelectInputField.d.ts

@@ -10,7 +10,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 SelectInputFieldModel, { SelectOption } from '../../schemas/SelectInputFieldSchema';
 import { ModelView } from '../base/ModelView';
@@ -26,7 +26,6 @@ export { SelectOption };
 export declare class SelectInputField extends ModelView<SelectInputFieldProps, SelectInputFieldModel> {
     static readonly tagName = "SelectInputField";
     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/input/SelectInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/SelectInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,qBAAqB,EAAE,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,yBAAyB,GAAG,UAAU,CAAC,qBAAqB,CAAC,GAAG;IACnE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AAG5F,OAAO,EAAE,YAAY,EAAE,CAAC;AA+FxB,qBAAa,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IAE3F,MAAM,CAAC,QAAQ,CAAC,OAAO,sBAAsB;IAC7C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAe1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SelectInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/SelectInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAW5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,qBAAqB,EAAE,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,yBAAyB,GAAG,UAAU,CAAC,qBAAqB,CAAC,GAAG;IACnE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AAG5F,OAAO,EAAE,YAAY,EAAE,CAAC;AA+FxB,qBAAa,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IAE3F,MAAM,CAAC,QAAQ,CAAC,OAAO,sBAAsB;IAC7C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAe1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,gBAAgB,CAAC"}

package/dist/components/pages/Page.d.ts

@@ -1,7 +1,27 @@
 /**
- * Page Architecture - Clean separation with functional controller
+ * Page provides a unified Page component supporting:
+ *  - Layout variants (width, padding, background)
+ *  - Template-based metadata (title / description / slug)
+ *  - Declarative print mode with dynamic header/footer sizing
+ *  - Centralized context (route, loading/error flags, print controls)
+ *  - Optional class-based extension (Page) for legacy / OOP style
  *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ * Typical usage (functional):
+ *   <Page title="Orders" printConfig={{ printTitle: 'Orders' }}>
+ *     <OrdersList />
+ *   </Page>
+ *
+ * Class-based (override only what you need):
+ *   class OrdersPage extends Page {
+ *     protected getPageProps() { return { title: 'Orders' }; }
+ *     protected renderPrintView() { return <PrintOnlyLayout />; }
+ *   }
+ *
+ * Printing:
+ *   const { triggerPrint } = usePageContext();
+ *   triggerPrint(optionalOverrides);
+ *
+ * Copyright (c) 2025 QwickApps
  */
 import React from 'react';
 import { WithBaseProps } from '../../hooks/useBaseProps';
@@ -9,77 +29,39 @@ import { PageTemplateSchema } from '../../schemas/PageTemplateSchema';
 import { PrintConfigSchema } from '../../schemas/PrintConfigSchema';
 import './Page.css';
 export interface PageContextValue {
-    /** Current page route/path */
     route?: string;
-    /** Whether the page is currently in print mode */
     isPrintMode: boolean;
-    /** Current print configuration */
     printConfig: PrintConfigSchema;
-    /** Trigger print mode and dialog */
     triggerPrint: (config?: Partial<PrintConfigSchema>) => void;
-    /** Set page loading state */
     setLoading: (loading: boolean) => void;
-    /** Set page error state */
     setError: (error: string | null) => void;
-    /** Current page loading state */
     isLoading: boolean;
-    /** Current page error state */
     error: string | null;
 }
 export declare const usePageContext: () => PageContextValue;
 export interface PageProps extends WithBaseProps {
-    /** Current route/path for this page */
     route?: string;
-    /** Page layout variant */
     variant?: 'default' | 'centered' | 'narrow' | 'wide' | 'fullwidth';
-    /** Padding around page content */
     padding?: 'none' | 'small' | 'medium' | 'large';
-    /** Background variant */
     background?: 'default' | 'surface' | 'alternate';
-    /** Maximum width for content */
     maxWidth?: 'small' | 'medium' | 'large' | 'extra-large' | 'none';
-    /** Print configuration for this page */
     printConfig?: Partial<PrintConfigSchema>;
-    /** PageTemplate model instance */
     template?: PageTemplateSchema;
-    /** Page title */
     title?: string;
-    /** Page description for SEO */
     description?: string;
-    /** Page name/heading */
     name?: string;
-    /** Page slug for URL */
     slug?: string;
+    children?: React.ReactNode;
 }
-/**
- * Page - Functional component that controls print/normal view routing
- */
-interface PageWithViewsProps extends PageProps {
-    /** Function to render normal view */
+interface PageViewProps extends PageProps {
     renderView: () => React.ReactNode;
-    /** Function to render print view */
     renderPrintView: () => React.ReactNode;
 }
-declare const Page: React.FC<PageWithViewsProps>;
-/**
- * PageComponent - Base class for pages that provide view functions
- */
-export declare abstract class PageComponent<P = {}, S = {}> extends React.Component<P, S> {
-    /**
-     * Override this method to provide page configuration
-     */
-    abstract getPageProps(): PageProps;
-    /**
-     * Override this method to provide the normal view content
-     */
-    abstract renderView(): React.ReactNode;
-    /**
-     * Override this method to provide the print view content
-     */
-    abstract renderPrintView(): React.ReactNode;
-    /**
-     * Render method - uses functional Page as controller
-     */
+export declare const PageView: React.FC<PageViewProps>;
+export declare class Page<P extends PageProps = PageProps, S = {}> extends React.Component<P, S> {
+    protected getPageProps(): Partial<PageProps>;
+    protected renderView(): React.ReactNode;
+    protected renderPrintView(): React.ReactNode;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Page;

package/dist/components/pages/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/pages/Page.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAgG,MAAM,OAAO,CAAC;AAErH,OAAO,EAAgB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGpE,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,EAAE,OAAO,CAAC;IACrB,kCAAkC;IAClC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,oCAAoC;IACpC,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,6BAA6B;IAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,iCAAiC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAKD,eAAO,MAAM,cAAc,QAAO,gBAMjC,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,yBAAyB;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACjD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;IACjE,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAuQD;;GAEG;AACH,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,qCAAqC;IACrC,UAAU,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAClC,oCAAoC;IACpC,eAAe,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACxC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtC,CAAC;AAWF;;GAEG;AACH,8BAAsB,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/E;;OAEG;IACH,QAAQ,CAAC,YAAY,IAAI,SAAS;IAElC;;OAEG;IACH,QAAQ,CAAC,UAAU,IAAI,KAAK,CAAC,SAAS;IAEtC;;OAEG;IACH,QAAQ,CAAC,eAAe,IAAI,KAAK,CAAC,SAAS;IAE3C;;OAEG;IACH,MAAM;CAWP;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/pages/Page.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIpE,OAAO,YAAY,CAAC;AAMpB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAID,eAAO,MAAM,cAAc,QAAO,gBAIjC,CAAC;AAyEF,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAKD,UAAU,aAAc,SAAQ,SAAS;IACvC,UAAU,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAClC,eAAe,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0M5C,CAAC;AAKF,qBAAa,IAAI,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,CAAC,GAAG,EAAE,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACtF,SAAS,CAAC,YAAY,IAAI,OAAO,CAAC,SAAS,CAAC;IAC5C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,SAAS;IACvC,SAAS,CAAC,eAAe,IAAI,KAAK,CAAC,SAAS;IAE5C,MAAM;CAaP;AAED,eAAe,IAAI,CAAC"}

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

@@ -3,9 +3,8 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-export { PageComponent, usePageContext } from './Page';
 export { default as FormPage } from './FormPage';
-export { default as Page } from './Page';
+export { default as Page, usePageContext } from './Page';
 export type { FormPageProps } from './FormPage';
-export type { PageProps, PageContextValue } from './Page';
+export type { PageContextValue, PageProps } from './Page';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAEzD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/shared/createSerializableView.d.ts

@@ -0,0 +1,68 @@
+/**
+ * createSerializableView - Factory for schema-driven components
+ *
+ * Creates functional components that:
+ * - Normalize schema props using normalizeViewProps
+ * - Apply useBaseProps exactly once for style/html/grid processing
+ * - Optionally integrate data binding (gated by enabled flag)
+ * - Attach static tagName/version/fromJson/toJson for serialization
+ *
+ * Works seamlessly with existing BaseComponentProps system and provides
+ * the foundation for the new schema-driven architecture.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { ComponentType, ReactElement } from 'react';
+import { QWICKAPP_COMPONENT } from '../../hooks/useBaseProps';
+import { ViewProps } from './viewProps';
+/**
+ * Component factory configuration
+ */
+interface CreateSerializableViewConfig<P extends ViewProps> {
+    /** Component tag name for serialization */
+    tagName: string;
+    /** Component version for serialization */
+    version: string;
+    /** Component role: 'view' for display components, 'container' for layout components */
+    role: 'view' | 'container';
+    /** View function that renders the component */
+    View: ComponentType<P>;
+}
+/**
+ * Serializable component interface with all required static properties
+ */
+export interface SerializableComponent<P extends ViewProps> {
+    (props: P): ReactElement;
+    tagName: string;
+    version: string;
+    fromJson: (data: any) => ReactElement;
+    toJson: (props: P) => any;
+    displayName?: string;
+    [QWICKAPP_COMPONENT]: symbol;
+}
+/**
+ * Create a serializable view component using the factory pattern
+ *
+ * @param config - Factory configuration
+ * @returns Serializable component with attached static methods
+ */
+export declare function createSerializableView<P extends ViewProps>(config: CreateSerializableViewConfig<P>): SerializableComponent<P>;
+/**
+ * Type helper for components created with createSerializableView
+ */
+export type SerializableViewComponent<P extends ViewProps> = SerializableComponent<P>;
+/**
+ * Type guard to check if a component is serializable
+ */
+export declare function isSerializableComponent(component: any): component is SerializableComponent<any>;
+/**
+ * Extract component metadata for registration
+ */
+export declare function getComponentMetadata(component: SerializableComponent<any>): {
+    tagName: string;
+    version: string;
+    fromJson: (data: any) => ReactElement;
+    toJson: (props: any) => any;
+};
+export {};
+//# sourceMappingURL=createSerializableView.d.ts.map

package/dist/components/shared/createSerializableView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSerializableView.d.ts","sourceRoot":"","sources":["../../../src/components/shared/createSerializableView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAgB,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAsB,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5D;;GAEG;AACH,UAAU,4BAA4B,CAAC,CAAC,SAAS,SAAS;IACxD,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,uFAAuF;IACvF,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,+CAA+C;IAC/C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,SAAS;IACxD,CAAC,KAAK,EAAE,CAAC,GAAG,YAAY,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,YAAY,CAAC;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,SAAS,EACxD,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC,GACtC,qBAAqB,CAAC,CAAC,CAAC,CAmF1B;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,SAAS,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAEtF;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,GAAG,GAAG,SAAS,IAAI,qBAAqB,CAAC,GAAG,CAAC,CAQ/F;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,qBAAqB,CAAC,GAAG,CAAC;;;qBAxHvD,GAAG,KAAK,YAAY;4BACf,GAAG;EA8H1B"}

package/dist/components/shared/viewProps.d.ts

@@ -0,0 +1,37 @@
+/**
+ * ViewProps - Runtime-friendly props derived from ViewSchema
+ *
+ * Provides normalized view props that integrate seamlessly with the existing
+ * BaseComponentProps system and useBaseProps hook. Handles type conversion
+ * from schema strings to proper React prop types including event handlers,
+ * styling props, and grid values.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import type { ModelProps, WithDataBinding } from '@qwickapps/schema';
+import { BaseComponentProps } from '../../hooks/useBaseProps';
+import { ViewSchema } from '../../schemas/ViewSchema';
+/**
+ * ViewProps - Single source of truth for all base component props
+ *
+ * Extends ModelProps<ViewSchema> to get all base properties with proper types
+ * and adds WithDataBinding for CMS integration. ViewSchema is the authoritative
+ * source for all base props including styling, grid, events, accessibility, etc.
+ */
+export interface ViewProps extends ModelProps<ViewSchema>, WithDataBinding {
+    children?: React.ReactNode;
+}
+/**
+ * Normalize ViewProps for runtime use
+ *
+ * Converts schema-friendly string props to runtime-friendly React props:
+ * - Parses sx/style JSON strings
+ * - Converts string event handlers to functions
+ * - Coerces grid span/breakpoint values from strings to numbers/keywords
+ * - Maintains compatibility with BaseComponentProps system
+ *
+ * @param props - Raw ViewProps from schema
+ * @returns Normalized props compatible with useBaseProps
+ */
+export declare function normalizeViewProps<T extends ViewProps>(props: T): T & BaseComponentProps;
+//# sourceMappingURL=viewProps.d.ts.map

package/dist/components/shared/viewProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewProps.d.ts","sourceRoot":"","sources":["../../../src/components/shared/viewProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,UAAU,CAAC,UAAU,CAAC,EAAE,eAAe;IAExE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA4GD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,kBAAkB,CAiDxF"}