@qwickapps/react-framework 1.3.5 → 1.4.1

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

@@ -0,0 +1,66 @@
+/**
+ * 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/__tests__/schemas/transformers/MockSerializableComponent.d.ts.map

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

@@ -1,4 +1,11 @@
 import React, { Component, ErrorInfo, ReactNode } from 'react';
+declare global {
+    interface Window {
+        qwickapps?: {
+            logError?: (error: Error, errorInfo: ErrorInfo) => void;
+        };
+    }
+}
 interface Props {
     children: ReactNode;
     fallback?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/D,UAAU,KAAK;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,KAAK;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC7C,KAAK,EAAE,KAAK;IASxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IASpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAwBpD,WAAW,aAMT;IAEF,aAAa,aAIX;IAEF,MAAM;CAgHN;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EACjD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACxC,kBAAkB,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC;YAED,CAAC;;EAS5C;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,SAAS,CAAC,EAAE;YACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;SACxD,CAAC;KACF;CACD;AAED,UAAU,KAAK;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,KAAK;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC7C,KAAK,EAAE,KAAK;IASxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IASpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAwBpD,WAAW,aAMT;IAEF,aAAa,aAIX;IAEF,MAAM;CAwGN;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EACjD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACxC,kBAAkB,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC;YAED,CAAC;;EAS5C;AAED,eAAe,aAAa,CAAC"}

package/dist/components/Html.d.ts

@@ -21,28 +21,38 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React from 'react';
-import { WithBaseProps } from '../hooks';
-import { TransformConfig } from '../utils/htmlTransform';
-export interface HtmlProps extends WithBaseProps {
-    /** HTML content as string */
-    children: string;
-    /** Custom transformation configuration */
+import React, { ReactElement } from 'react';
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import HtmlModel from '../schemas/HtmlSchema';
+import { ModelView } from './base/ModelView';
+export interface TransformConfig {
+    rules?: any[];
+    sanitize?: boolean;
+    sanitizeOptions?: any;
+    fallbackComponent?: (element: Element, key: string) => React.ReactNode;
+}
+type HtmlViewProps = ModelProps<HtmlModel> & {
+    /** Custom transformation configuration (legacy - now handled by ComponentTransformer) */
     transformConfig?: TransformConfig;
-    /** Whether to strip header elements (useful for articles) */
-    stripHeaders?: boolean;
-    /** Whether to sanitize HTML (default: true) */
+    /** Whether to sanitize HTML (legacy - now handled internally) */
     sanitize?: boolean;
-    /** Custom sanitization options */
+    /** Custom sanitization options (legacy - now handled internally) */
     sanitizeOptions?: any;
-    /** Fallback content when HTML is empty */
-    placeholder?: string;
-    /** Container element type */
+    /** Container element type (React.ElementType for internal use, string in model for serialization) */
     component?: React.ElementType;
+};
+export interface HtmlProps extends HtmlViewProps, WithDataBinding {
+}
+export declare class Html extends ModelView<HtmlProps, HtmlModel> {
+    static readonly tagName = "Html";
+    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 transformHtmlDiv;
+    private static transformDataHtml;
 }
-/**
- * Html component - transforms HTML strings to React components
- */
-export declare function Html({ children, transformConfig, stripHeaders, sanitize, sanitizeOptions, placeholder, component, ...restProps }: HtmlProps): import("react/jsx-runtime").JSX.Element | null;
 export default Html;
 //# sourceMappingURL=Html.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Html.d.ts","sourceRoot":"","sources":["../../src/components/Html.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoC,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3E,OAAO,EACL,eAAe,EAIhB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAa,EACb,eAAe,EACf,YAAoB,EACpB,QAAe,EACf,eAAe,EACf,WAAW,EACX,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,SAAS,kDA4HX;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Html.d.ts","sourceRoot":"","sources":["../../src/components/Html.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG;IAC3C,yFAAyF;IACzF,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,qGAAqG;IACrG,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AAkIpE,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;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,gBAAgB;IAe/B,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAcjC;AAsCD,eAAe,IAAI,CAAC"}

package/dist/components/Logo.d.ts

@@ -1,5 +1,5 @@
 /**
- * Dynamic Logo Component - Generic theme-aware logo
+ * Dynamic Logo Component - Generic theme-aware logo with image support
  *
  * Features:
  * - Automatic text width calculation with dynamic SVG sizing
@@ -10,6 +10,7 @@
  * - Accessibility support with proper ARIA labels
  * - Customizable styling via CSS classes for each text part
  * - Text formatting with escape sequences
+ * - Image support with flexible positioning
  *
  * Text Formatting (TWO PARTS MAXIMUM):
  * - Use \n for line breaks (second part appears on new line)
@@ -34,46 +35,22 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import React from 'react';
-import { WithBaseProps } from '../hooks/useBaseProps';
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import LogoModel from '../schemas/LogoSchema';
+import { LogoVariant, LogoSize, LogoBadgeShape, PositionType, BadgeOffset } from '../schemas/LogoSchema';
 import './Logo.css';
-export type LogoVariant = 'default' | 'high-contrast' | 'monochrome' | 'on-primary';
-export type LogoSize = 'tiny' | 'small' | 'medium' | 'large' | 'extra-large';
-export type LogoBadgeShape = 'circle' | 'star' | 'square' | 'heart';
-export type BadgePositionType = 'none' | 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-export interface BadgeOffset {
-    /** Horizontal offset from the calculated position (positive = right, negative = left) */
-    x?: number;
-    /** Vertical offset from the calculated position (positive = down, negative = up) */
-    y?: number;
-}
-export interface LogoProps extends WithBaseProps, Omit<React.SVGProps<SVGSVGElement>, 'width' | 'height' | 'className' | 'style' | 'role' | 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'> {
-    /** Logo name/text to display. Supports up to TWO parts with \n for line breaks and \s for explicit spaces. */
-    name?: string;
+type LogoViewProps = ModelProps<LogoModel> & {
     /** Click handler for the logo */
-    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    onClick?: (event: React.MouseEvent<SVGSVGElement | HTMLDivElement>) => void;
     /** Additional inline styles */
     style?: React.CSSProperties;
-    /** Visual variant of the logo */
-    variant?: LogoVariant;
-    /** Size variant of the logo (controls both text size and visual height) */
-    size?: LogoSize;
     /** Additional CSS class names */
     className?: string;
-    /** Badge position and visibility. 'none' hides the badge, others show it at the specified position. */
-    badge?: BadgePositionType;
-    /** Shape of the badge */
-    badgeShape?: LogoBadgeShape;
-    /** Offset from the calculated badge position. Applied after position calculation. Automatically scales with logo size. */
-    badgeOffset?: BadgeOffset;
-    /** Font family for the logo text */
-    fontFamily?: string;
-    /** Font weight for the logo text */
-    fontWeight?: string | number;
-    /** CSS class name for the first part of the logo text. Defaults to 'logo-first-part'. */
-    firstPartClass?: string;
-    /** CSS class name for the second part of the logo text. Defaults to 'logo-second-part'. */
-    secondPartClass?: string;
+};
+interface LogoProps extends LogoViewProps, WithDataBinding {
 }
-declare const Logo: React.FC<LogoProps>;
+declare function Logo(props: LogoProps): import("react/jsx-runtime").JSX.Element;
+export type { LogoVariant, LogoSize, LogoBadgeShape, PositionType, BadgeOffset };
+export type { LogoProps, LogoViewProps };
 export default Logo;
 //# sourceMappingURL=Logo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,aAAa,EAAoC,MAAM,uBAAuB,CAAC;AACxF,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,YAAY,CAAC;AACpF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,QAAQ,GACR,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,WAAW;IAC1B,yFAAyF;IACzF,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,oFAAoF;IACpF,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7M,8GAA8G;IAC9G,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,iCAAiC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,0HAA0H;IAC1H,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoR7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzG,OAAO,YAAY,CAAC;AAEpB,KAAK,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG;IAC3C,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,UAAU,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AAgX7D,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,2CAqC7B;AAMD,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACjF,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAEzC,eAAe,IAAI,CAAC"}

package/dist/components/Markdown.d.ts

@@ -20,28 +20,33 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import { marked } from 'marked';
-import React from 'react';
-import { WithBaseProps } from '../hooks';
+import React, { ReactElement } from 'react';
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import MarkdownModel from '../schemas/MarkdownSchema';
+import { ModelView } from './base/ModelView';
 import { TransformConfig } from '../utils/htmlTransform';
-export interface MarkdownProps extends WithBaseProps {
-    /** Markdown content as string */
-    children: string;
+type MarkdownViewProps = ModelProps<MarkdownModel> & {
     /** Custom transformation configuration for HTML conversion */
     htmlTransformConfig?: TransformConfig;
-    /** Whether to sanitize HTML output (default: true) */
-    sanitize?: boolean;
     /** Custom sanitization options */
     sanitizeOptions?: any;
-    /** Fallback content when Markdown is empty */
-    placeholder?: string;
     /** Container element type */
     component?: React.ElementType;
     /** Marked options for Markdown parsing */
     markedOptions?: marked.MarkedOptions;
+};
+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;
+    static registerPatternHandlers(registry: any): void;
+    private static transformMarkdownDiv;
+    private static transformDataMarkdown;
 }
-/**
- * Markdown component - converts Markdown to React components via Html
- */
-export declare function Markdown({ children, htmlTransformConfig, sanitize, sanitizeOptions, placeholder, component, markedOptions, ...restProps }: MarkdownProps): import("react/jsx-runtime").JSX.Element | null;
 export default Markdown;
 //# sourceMappingURL=Markdown.d.ts.map

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,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoC,aAAa,EAAE,MAAM,UAAU,CAAC;AAG3E,OAAO,EAAE,eAAe,EAAwB,MAAM,wBAAwB,CAAC;AAE/E,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC;CACtC;AAsBD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAa,EACb,mBAAmB,EACnB,QAAe,EACf,eAAe,EACf,WAAW,EACX,SAAiB,EACjB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,aAAa,kDA6Gf;AAED,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,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"}

package/dist/components/QwickApp.d.ts

@@ -4,12 +4,17 @@
  * This component eliminates the need to manually set up provider hierarchy.
  * Provides theme system, app context, optional scaffolding, and routing.
  *
- * Example usage:
+ * Example usage with config:
  * ```tsx
  * import { BrowserRouter } from 'react-router-dom';
- * import { QwickApp, AuthProvider, JsonDataProvider } from '@qwickapps/react-framework';
+ * import { QwickApp, AuthProvider, JsonDataProvider, AppConfigBuilder } from '@qwickapps/react-framework';
  *
  * function App() {
+ *   const config = AppConfigBuilder.create()
+ *     .withName("My App")
+ *     .withId("my.app")
+ *     .build();
+ *
  *   const dataSource = {
  *     dataProvider: new JsonDataProvider({ data: { company: [...] } }),
  *     cacheProvider: true, // Use default MemoryCacheProvider
@@ -17,7 +22,7 @@
  *   };
  *
  *   return (
- *     <QwickApp appName="My App" appId="my.app" dataSource={dataSource}>
+ *     <QwickApp config={config} dataSource={dataSource}>
  *       <AuthProvider router={<BrowserRouter />} user={user}>
  *         <Route path="/" component={HomePage} />
  *         <Route path="/admin" component={AdminPage} requiresRole="admin" />
@@ -33,6 +38,7 @@ import React from 'react';
 import { type ThemeMode } from '../contexts';
 import { type QwickAppContextValue, type QwickAppProps } from '../contexts/QwickAppContext';
 import { type TemplateResolverConfig } from '../types';
+import { AppConfig } from '../config';
 import './QwickApp.css';
 interface QwickAppComponentProps extends QwickAppProps {
     /** Child components to render when no routing is used */
@@ -49,6 +55,13 @@ interface QwickAppComponentProps extends QwickAppProps {
     router?: React.ReactElement;
     /** Data source configuration for content management and template resolution */
     dataSource?: TemplateResolverConfig;
+    /**
+     * AppConfig instance - when provided, overrides individual props
+     * @example
+     * const config = AppConfigBuilder.create().withName("My App").build();
+     * <QwickApp config={config}>...</QwickApp>
+     */
+    config?: AppConfig;
 }
 export declare const QwickApp: React.FC<QwickAppComponentProps>;
 export declare const useQwickApp: () => QwickAppContextValue;

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

@@ -1 +1 @@
-{"version":3,"file":"QwickApp.d.ts","sourceRoot":"","sources":["../../src/components/QwickApp.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAmB,KAAK,oBAAoB,EAAE,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,gBAAgB,CAAC;AAQxB,UAAU,sBAAuB,SAAQ,aAAa;IACpD,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,8CAA8C;IAC9C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,sBAAsB,CAAC;CAErC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2FrD,CAAC;AAEF,eAAO,MAAM,WAAW,QAAO,oBAM9B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"QwickApp.d.ts","sourceRoot":"","sources":["../../src/components/QwickApp.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAmB,KAAK,oBAAoB,EAAE,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,gBAAgB,CAAC;AAQxB,UAAU,sBAAuB,SAAQ,aAAa;IACpD,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,8CAA8C;IAC9C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CAEpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+GrD,CAAC;AAEF,eAAO,MAAM,WAAW,QAAO,oBAM9B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/QwickIcon.d.ts

@@ -0,0 +1,23 @@
+/**
+ * QwickIcon - Official QwickApps brand icon
+ *
+ * A reusable SVG icon component for the QwickApps brand that can be used
+ * across all QwickApps applications. Features customizable size and
+ * optional background for different use cases.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+export interface QwickIconProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Whether to show the background rectangle */
+    showBackground?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+declare const QwickIcon: React.FC<QwickIconProps>;
+export default QwickIcon;
+//# sourceMappingURL=QwickIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QwickIcon.d.ts","sourceRoot":"","sources":["../../src/components/QwickIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/SafeSpan.d.ts

@@ -9,15 +9,22 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
+import React, { ReactElement } from 'react';
 import { WithDataBinding, ModelProps } from '@qwickapps/schema';
 import SafeSpanModel from '../schemas/SafeSpanSchema';
+import { ModelView } from './base/ModelView';
 type SafeSpanViewProps = ModelProps<SafeSpanModel>;
 export interface SafeSpanProps extends SafeSpanViewProps, WithDataBinding {
 }
-/**
- * SafeSpan component with data binding support
- * Supports both traditional props and dataSource-driven rendering
- */
-declare function SafeSpan(props: SafeSpanProps): import("react/jsx-runtime").JSX.Element | null;
+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;
+    static registerPatternHandlers(registry: any): void;
+    private static transformSafeSpan;
+}
 export default SafeSpan;
 //# sourceMappingURL=SafeSpan.d.ts.map

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,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAEtD,KAAK,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACnD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;CAAG;AAyE5E;;;GAGG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,kDA8BrC;AAED,eAAe,QAAQ,CAAC"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Scaffold.d.ts","sourceRoot":"","sources":["../../src/components/Scaffold.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,eAAe,EAAE,QAAQ,EAAE,CAAC;IAC5B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAWD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgYrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Scaffold.d.ts","sourceRoot":"","sources":["../../src/components/Scaffold.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,eAAe,EAAE,QAAQ,EAAE,CAAC;IAC5B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAWD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0XrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,101 @@
+/**
+ * ModelView - Abstract Base Class for Serializable Components
+ *
+ * Provides common serialization patterns and data binding support for
+ * all QwickApps components. This eliminates code duplication and ensures
+ * consistent behavior across all serializable components.
+ *
+ * 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.
+ */
+import React, { ReactElement, ReactNode } from 'react';
+import type { WithDataBinding } from '@qwickapps/schema';
+import { Serializable } from '../../schemas/types/Serializable';
+/**
+ * Abstract base class for all serializable QwickApps components
+ * Handles common serialization patterns, data binding, and rendering logic
+ */
+export declare abstract class ModelView<TProps = any, TModel = any> extends React.Component<TProps & 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;
+    /**
+     * 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;
+}
+/**
+ * Helper function to create a ModelView component class
+ * Provides better TypeScript inference for component registration
+ */
+export declare function createModelViewClass<TProps, TModel>(config: {
+    tagName: string;
+    version: string;
+    getComponentSpecificProps: (props: TProps) => any;
+    hasNestedComponents?: (children: ReactNode) => boolean;
+    renderView: (props: TProps) => React.ReactElement;
+    renderWithDataBinding: (props: TProps & WithDataBinding) => React.ReactElement;
+}): ModelViewConstructor<TProps, TModel>;
+export default ModelView;
+//# sourceMappingURL=ModelView.d.ts.map

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * Base Components and Abstractions
+ *
+ * Provides common base classes and utilities for creating
+ * serializable QwickApps components.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export { default as ModelView, createModelViewClass } from './ModelView';
+export type { ModelViewConstructor } from './ModelView';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -13,11 +13,21 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import React, { ReactElement } from 'react';
 import ArticleModel from '../../schemas/ArticleSchema';
+import { ModelView } from '../base/ModelView';
 type ArticleViewProps = ModelProps<ArticleModel>;
 export interface ArticleProps extends ArticleViewProps, WithDataBinding {
 }
-declare function Article(props: ArticleProps): import("react/jsx-runtime").JSX.Element | null;
+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;
+    static registerPatternHandlers(registry: any): void;
+    private static transformArticle;
+}
 export default Article;
-export { Article };
 //# sourceMappingURL=Article.d.ts.map

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;AAGhE,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAIvD,KAAK,gBAAgB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CACtE;AAuGD,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,kDA6DnC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,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,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"}

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

@@ -11,11 +11,22 @@
  * 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 {
 }
-declare function Code(props: CodeProps): import("react/jsx-runtime").JSX.Element | null;
+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;
+}
 export default Code;
-export { 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;AAGrE,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,KAAK,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AAuNpE,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,kDA4D7B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"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"}