@qwickapps/react-framework 1.4.1 → 1.4.2

package/dist/src/components/blocks/CardListGrid.d.ts

@@ -0,0 +1,23 @@
+/**
+ * CardListGrid - Generic grid layout for cards with data binding support
+ *
+ * A unified grid component that can display any type of card component
+ * with consistent spacing and layout. Works with ProductCard, FeatureCard,
+ * or any other card-like components. Supports both traditional props and
+ * data binding through dataSource.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding, SchemaProps } from '@qwickapps/schema';
+import React from 'react';
+import CardListGridModel from '../../schemas/CardListGridSchema';
+type CardListGridViewProps = SchemaProps<CardListGridModel> & {
+    /** Render function for each item (traditional usage) */
+    renderItem?: (item: any, index: number) => React.ReactNode;
+};
+export interface CardListGridProps extends CardListGridViewProps, WithDataBinding {
+}
+declare function CardListGrid(props: CardListGridProps): import("react/jsx-runtime").JSX.Element | null;
+export default CardListGrid;
+export { CardListGrid };
+//# sourceMappingURL=CardListGrid.d.ts.map

package/dist/src/components/blocks/CardListGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardListGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/CardListGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AAKjE,KAAK,qBAAqB,GAAG,WAAW,CAAC,iBAAiB,CAAC,GAAG;IAC5D,wDAAwD;IACxD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5D,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,EAAE,eAAe;CAChF;AAwDD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDA+C7C;AAED,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,37 @@
+/**
+ * Code - Content-prop leaf component for secure code display
+ *
+ * Uses content-prop strategy to prevent JSON deserialization vulnerabilities.
+ * Code content is serialized as data.content (string), not data.children,
+ * preventing recursive deserialization of example JSON that looks like components.
+ *
+ * Features preserved:
+ * - Syntax highlighting support
+ * - Copy to clipboard functionality
+ * - 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 CodeSchema from '../../schemas/CodeSchema';
+import type { SchemaProps } from '@qwickapps/schema/src/types/ModelProps';
+import { ViewProps } from '../shared/viewProps';
+import { SerializableComponent } from '../shared/createSerializableView';
+/**
+ * Props interface for Code component
+ * Uses SchemaProps<typeof CodeSchema> for clean typing
+ */
+export type CodeProps = ViewProps & SchemaProps<typeof CodeSchema>;
+/**
+ * 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/src/components/blocks/Code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Code.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAKH,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEjG;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,OAAO,UAAU,CAAC,CAAC;AAuNnE;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,SAAS,CAMhD,CAAC;AAoDH;;GAEG;AACH,eAAe,IAAI,CAAC"}

package/dist/src/components/blocks/Content.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Content Component - General-purpose content container with data binding support
+ *
+ * Usage:
+ * - Traditional: <Content title="Welcome" subtitle="Get started" actions={[...]} />
+ * - Data-driven: <Content dataSource="pages.home.intro" />
+ *
+ * Features:
+ * - Optional title, subtitle, and actions
+ * - Variant styles: default, elevated, outlined, filled
+ * - Responsive spacing, max width, and alignment
+ * - Theme-aware and flexible for layouts
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding, SchemaProps } from '@qwickapps/schema';
+import ContentModel from '../../schemas/ContentSchema';
+type ContentViewProps = SchemaProps<ContentModel>;
+export interface ContentProps extends ContentViewProps, WithDataBinding {
+}
+declare function Content(props: ContentProps): import("react/jsx-runtime").JSX.Element | null;
+export default Content;
+export { Content };
+//# sourceMappingURL=Content.d.ts.map

package/dist/src/components/blocks/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Content.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGjE,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAMvD,KAAK,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;AAElD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CAAG;AAwI1E,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,kDA6CnC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/src/components/blocks/CoverImageHeader.d.ts

@@ -0,0 +1,44 @@
+/**
+ * CoverImageHeader - Flexible header with optional image, info section, and context menu
+ *
+ * Provides a clean header layout similar to modern app interfaces with:
+ * - Optional image/avatar on the left
+ * - Info section with overline, title, subtitle, and tags
+ * - Context menu with up to 3 visible actions + overflow menu
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding, SchemaProps } from '@qwickapps/schema';
+import React from 'react';
+import { WithBaseProps } from '../../hooks';
+import CoverImageHeaderModel from '../../schemas/CoverImageHeaderSchema';
+import './CoverImageHeader.css';
+export interface HeaderAction {
+    /** Unique identifier for the action */
+    id: string;
+    /** Display label for the action */
+    label: string;
+    /** Icon component or JSX element */
+    icon?: React.ReactNode;
+    /** Click handler */
+    onClick: () => void;
+    /** Whether this action is disabled */
+    disabled?: boolean;
+    /** Whether this action is destructive (shows with warning styling) */
+    destructive?: boolean;
+    /** Priority for ordering (lower numbers = higher priority, shown first) */
+    priority?: number;
+}
+type CoverImageHeaderViewProps = Omit<SchemaProps<CoverImageHeaderModel>, 'actions' | 'tags' | 'image'> & WithBaseProps & {
+    /** Image URL or React component (extended from schema string) */
+    image?: string | React.ReactNode;
+    /** Array of tag strings or JSX elements (extended from schema string[]) */
+    tags?: (string | React.ReactNode)[];
+    /** Context menu actions (extended from schema HeaderActionModel[]) */
+    actions?: HeaderAction[];
+};
+export interface CoverImageHeaderProps extends CoverImageHeaderViewProps, WithDataBinding {
+}
+declare function CoverImageHeader(props: CoverImageHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+export default CoverImageHeader;
+//# sourceMappingURL=CoverImageHeader.d.ts.map

package/dist/src/components/blocks/CoverImageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverImageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/CoverImageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAcH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAgC,aAAa,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,qBAAqB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,aAAa,GAAG;IACxH,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IACpC,sEAAsE;IACtE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AAoV5F,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDA0CrD;AAED,eAAe,gBAAgB,CAAC"}

package/dist/src/components/blocks/FeatureCard.d.ts

@@ -0,0 +1,66 @@
+/**
+ * FeatureCard Component - Unified feature card with data binding support
+ *
+ * Enhanced with data binding support through dataSource prop.
+ *
+ * Usage:
+ * - Traditional: <FeatureCard feature={featureObj} variant="standard" elevation={2} />
+ * - Data-driven: <FeatureCard dataSource="product.single-feature" />
+ *
+ * Features:
+ * - Standard variant: Rich feature cards with icons, titles, descriptions, and actions
+ * - List variant: Simple bullet list of features for compact display
+ * - Interactive elements with hover effects and customizable actions
+ * - Full CMS integration through dataSource prop
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding } from '@qwickapps/schema';
+import React from 'react';
+import { WithBaseProps } from '../../hooks';
+export interface FeatureItem {
+    /** Unique identifier */
+    id: string;
+    /** Feature icon */
+    icon?: React.ReactNode;
+    /** Feature title */
+    title: string;
+    /** Feature description */
+    description?: string;
+    /** Optional action/button */
+    action?: React.ReactNode;
+}
+export interface FeatureCardAction {
+    id: string;
+    label: string;
+    variant?: 'contained' | 'outlined' | 'text';
+    color?: 'primary' | 'secondary' | 'error';
+    disabled?: boolean;
+    onClick: () => void;
+}
+type FeatureCardViewProps = WithBaseProps & {
+    /** Feature data */
+    feature?: FeatureItem;
+    /** For list variant: array of feature strings */
+    features?: string[];
+    /** Card variant */
+    variant?: 'standard' | 'list';
+    /** Custom actions - with click handlers */
+    actions?: FeatureCardAction[];
+    /** Click handler for card */
+    onClick?: () => void;
+    /** List variant title */
+    title?: string;
+    /** Whether to show as paper card or plain box */
+    elevation?: number;
+};
+export interface FeatureCardProps extends FeatureCardViewProps, WithDataBinding {
+}
+/**
+ * FeatureCard component with data binding support
+ * Supports both traditional props and dataSource-driven rendering
+ */
+declare function FeatureCard(props: FeatureCardProps): import("react/jsx-runtime").JSX.Element | null;
+export default FeatureCard;
+export { FeatureCard };
+//# sourceMappingURL=FeatureCard.d.ts.map

package/dist/src/components/blocks/FeatureCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/FeatureCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAQH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAI9F,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,KAAK,oBAAoB,GAAG,aAAa,GAAG;IAC1C,mBAAmB;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,eAAe;CAAG;AAuLlF;;;GAGG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDA4D3C;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/components/blocks/FeatureGrid.d.ts

@@ -0,0 +1,48 @@
+/**
+ * FeatureGrid Component - Responsive grid for showcasing features with data binding support
+ *
+ * Enhanced with data binding support through dataSource prop.
+ *
+ * Usage:
+ * - Traditional: <FeatureGrid features={featuresArray} columns={3} gap="medium" />
+ * - Data-driven: <FeatureGrid dataSource="pages.home.features" />
+ *
+ * Features:
+ * - Displays feature items in responsive grid layout
+ * - Supports icons, titles, descriptions, and actions
+ * - Customizable columns, spacing, and equal height
+ * - Full CMS integration through dataSource prop
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding } from '@qwickapps/schema';
+import React from 'react';
+import { WithBaseProps } from '../../hooks';
+export interface FeatureItem {
+    /** Unique identifier */
+    id: string;
+    /** Feature icon */
+    icon?: React.ReactNode;
+    /** Feature title */
+    title: string;
+    /** Feature description */
+    description: string;
+    /** Optional action/link */
+    action?: React.ReactNode;
+}
+interface FeatureGridViewProps extends WithBaseProps {
+    /** Array of feature items */
+    features?: FeatureItem[];
+    /** Number of columns */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Grid gap */
+    gap?: 'small' | 'medium' | 'large';
+    /** Equal height for grid items */
+    equalHeight?: boolean;
+}
+export interface FeatureGridProps extends FeatureGridViewProps, WithDataBinding {
+}
+declare function FeatureGrid(props: FeatureGridProps): import("react/jsx-runtime").JSX.Element | null;
+export default FeatureGrid;
+export { FeatureGrid };
+//# sourceMappingURL=FeatureGrid.d.ts.map

package/dist/src/components/blocks/FeatureGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/FeatureGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAK9F,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,oBAAqB,SAAQ,aAAa;IAClD,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,eAAe;IACf,GAAG,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,eAAe;CAAG;AAwClF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAwE3C;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/components/blocks/Footer.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Footer - Reusable footer component with flexible layout options
+ *
+ * Provides a clean footer layout with:
+ * - Configurable orientation (vertical/horizontal)
+ * - Optional logo/branding
+ * - Multiple sections for links, text, or custom content
+ * - Responsive design with MUI components
+ * - Copyright and legal information support
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding } from '@qwickapps/schema';
+import React from 'react';
+import { WithBaseProps } from '../../hooks';
+export interface FooterSection {
+    /** Unique identifier for the section */
+    id: string;
+    /** Section title/heading */
+    title?: string;
+    /** Array of items in this section */
+    items: FooterItem[];
+}
+export interface FooterItem {
+    /** Unique identifier for the item */
+    id: string;
+    /** Display text */
+    label: string;
+    /** Optional URL for links */
+    href?: string;
+    /** Click handler for custom actions */
+    onClick?: () => void;
+    /** Whether to open links in new tab */
+    external?: boolean;
+}
+interface FooterViewProps extends WithBaseProps {
+    /** Footer sections */
+    sections?: FooterSection[];
+    /** Optional logo or branding element */
+    logo?: React.ReactNode;
+    /** Copyright text */
+    copyright?: string;
+    /** Additional legal or info text */
+    legalText?: string;
+    /** Layout orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Background variant */
+    variant?: 'default' | 'contained' | 'outlined';
+    /** Whether to show divider above footer */
+    showDivider?: boolean;
+}
+export interface FooterProps extends FooterViewProps, WithDataBinding {
+}
+declare function Footer(props: FooterProps): import("react/jsx-runtime").JSX.Element | null;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/src/components/blocks/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Footer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAWH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAG9F,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,eAAgB,SAAQ,aAAa;IAC7C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;CAAG;AAwNxE,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,kDAsEjC;AAED,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,55 @@
+/**
+ * HeroBlock Component - Factory-based implementation using createSerializableView
+ *
+ * Migrated from class-based ModelView to factory pattern for better
+ * schema-driven architecture while preserving all functionality.
+ *
+ * Features:
+ * - Responsive headline, subtitle, and actions
+ * - Supports background images, gradients, and theme colors
+ * - Overlay for image backgrounds
+ * - Customizable height, alignment, and overlay opacity
+ * - Full serialization support
+ * - Nested Button component support
+ *
+ * Usage:
+ * - Traditional: <HeroBlock title="Welcome" subtitle="Get started" actions={[...]} />
+ * - Data-driven: <HeroBlock dataSource="pages.home.hero" />
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+import { ButtonProps } from '../buttons/Button';
+/**
+ * Props interface for HeroBlock component - extends ViewProps
+ */
+export interface HeroBlockProps extends ViewProps {
+    /** Main headline text */
+    title?: string;
+    /** Subtitle or description text */
+    subtitle?: string;
+    /** Background image URL */
+    backgroundImage?: string;
+    /** Background gradient CSS value */
+    backgroundGradient?: string;
+    /** Background color theme variant */
+    backgroundColor?: 'default' | 'primary' | 'secondary' | 'surface';
+    /** Action buttons (data-driven) */
+    actions?: ButtonProps[];
+    /** Text alignment */
+    textAlign?: 'left' | 'center' | 'right';
+    /** Block height preset */
+    blockHeight?: 'small' | 'medium' | 'large' | 'viewport';
+    /** Custom overlay opacity (0-1) when using background images */
+    overlayOpacity?: number;
+}
+/**
+ * Create HeroBlock component using the factory pattern
+ */
+export declare const HeroBlock: SerializableComponent<HeroBlockProps>;
+/**
+ * Export the component as default
+ */
+export default HeroBlock;
+//# sourceMappingURL=HeroBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeroBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/HeroBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qCAAqC;IACrC,eAAe,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAClE,mCAAmC;IACnC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IACxD,gEAAgE;IAChE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAgMD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,qBAAqB,CAAC,cAAc,CAK1D,CAAC;AAEH;;GAEG;AACH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,40 @@
+/**
+ * Image - Comprehensive image display component with serialization support
+ *
+ * Features:
+ * - Responsive image handling with srcSet and sizes
+ * - Multiple fit modes and positioning options
+ * - Loading states and error handling
+ * - Accessibility support with proper alt text
+ * - Lazy loading support
+ * - Fallback image handling
+ * - Full serialization support via factory pattern
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { ImageFit, ImageLoading, ImagePosition } from '../../schemas/ImageSchema';
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+export interface ImageProps extends ViewProps {
+    src?: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    objectFit?: ImageFit;
+    objectPosition?: ImagePosition;
+    loading?: ImageLoading;
+    title?: string;
+    draggable?: boolean;
+    borderRadius?: string;
+    showLoading?: boolean;
+    showError?: boolean;
+    fallbackSrc?: string;
+    sizes?: string;
+    srcSet?: string;
+    loadingPlaceholder?: React.ReactNode;
+    errorPlaceholder?: React.ReactNode;
+}
+export declare const Image: SerializableComponent<ImageProps>;
+export default Image;
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAA8C,MAAM,OAAO,CAAC;AAGnE,OAAmB,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAE3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AA8KD,eAAO,MAAM,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAMlD,CAAC;AA2DH,eAAe,KAAK,CAAC"}

package/dist/src/components/blocks/PageBannerHeader.d.ts

@@ -0,0 +1,30 @@
+/**
+ * PageBannerHeader - Facebook-style banner header with cover image and profile info
+ *
+ * Similar to social media banners with:
+ * - Large cover/banner image background
+ * - Profile image overlay (typically bottom-left)
+ * - Info section with title, subtitle, and metadata
+ * - Action buttons in various positions
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding, SchemaProps } from '@qwickapps/schema';
+import React from 'react';
+import PageBannerHeaderModel from '../../schemas/PageBannerHeaderSchema';
+import { HeaderAction } from './CoverImageHeader';
+type PageBannerHeaderViewProps = Omit<SchemaProps<PageBannerHeaderModel>, 'actions'> & {
+    /** Profile/avatar image URL or component (extended from schema string) */
+    profileImage?: string | React.ReactNode;
+    /** Array of tag strings or JSX elements (extended from schema string[]) */
+    tags?: (string | React.ReactNode)[];
+    /** Banner height (extended to support string) */
+    height?: number | string;
+    /** Action buttons (extended from schema to include onClick) */
+    actions?: HeaderAction[];
+};
+export interface PageBannerHeaderProps extends PageBannerHeaderViewProps, WithDataBinding {
+}
+declare function PageBannerHeader(props: PageBannerHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+export default PageBannerHeader;
+//# sourceMappingURL=PageBannerHeader.d.ts.map

package/dist/src/components/blocks/PageBannerHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBannerHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/PageBannerHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAgBH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,KAAK,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,GAAG;IACrF,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IACpC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AAmV5F,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAwFrD;AAED,eAAe,gBAAgB,CAAC"}

package/dist/src/components/blocks/ProductCard.d.ts

@@ -0,0 +1,57 @@
+/**
+ * ProductCard - Unified product card component with variants
+ *
+ * A flexible product card that can display products in different formats:
+ * - Compact variant: For showcases and lists (shows limited features)
+ * - Detailed variant: For product pages (shows full details)
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { WithDataBinding } from '@qwickapps/schema';
+import { WithBaseProps } from '../../hooks';
+export interface Product {
+    id: string;
+    name: string;
+    category: string;
+    description: string;
+    shortDescription?: string;
+    features: string[];
+    technologies: string[];
+    status: string;
+    image?: string;
+    url?: string;
+}
+export interface ProductCardAction {
+    id: string;
+    label: string;
+    variant?: 'contained' | 'outlined' | 'text';
+    color?: 'primary' | 'secondary' | 'error';
+    disabled?: boolean;
+    onClick: () => void;
+}
+interface ProductCardViewProps extends WithBaseProps {
+    /** Product data */
+    product?: Product;
+    /** Card variant */
+    variant?: 'compact' | 'detailed';
+    /** Custom actions - if not provided, uses default actions */
+    actions?: ProductCardAction[];
+    /** Click handler for card */
+    onClick?: () => void;
+    /** Whether to show the image */
+    showImage?: boolean;
+    /** Whether to show technologies */
+    showTechnologies?: boolean;
+    /** Maximum features to show in compact mode */
+    maxFeaturesCompact?: number;
+}
+export interface ProductCardProps extends ProductCardViewProps, WithDataBinding {
+}
+/**
+ * ProductCard component with data binding support
+ * Supports both traditional props and dataSource-driven rendering
+ */
+declare function ProductCard(props: ProductCardProps): import("react/jsx-runtime").JSX.Element | null;
+export default ProductCard;
+export { ProductCard };
+//# sourceMappingURL=ProductCard.d.ts.map

package/dist/src/components/blocks/ProductCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/ProductCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAI9F,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,oBAAqB,SAAQ,aAAa;IAClD,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,eAAe;CAAG;AA+UlF;;;GAGG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAmE3C;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,45 @@
+/**
+ * Section Component - Factory-based implementation using createSerializableView
+ *
+ * Migrated from class-based ModelView to factory pattern for better
+ * schema-driven architecture while preserving all functionality.
+ *
+ * Usage:
+ * - Traditional: <Section background="#f5f5f5" padding="large">Content</Section>
+ * - Data-driven: <Section dataSource="pages.home.intro-section">Content</Section>
+ *
+ * Features:
+ * - Theme-aware background color (supports theme palette paths and CSS colors)
+ * - Responsive vertical spacing and max width
+ * - Semantic HTML element customization
+ * - Full CMS integration through dataSource prop
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+import type { BreakpointValue } from '../../types';
+/**
+ * Props interface for Section component - extends ViewProps
+ */
+export interface SectionProps extends ViewProps {
+    /** Section background color */
+    background?: string;
+    /** Section text color */
+    color?: string;
+    /** Section padding/spacing */
+    padding?: 'none' | 'tiny' | 'small' | 'medium' | 'large' | 'extra-large';
+    /** Maximum content width (maps to MUI Container maxWidth) */
+    contentMaxWidth?: BreakpointValue;
+    /** HTML element type */
+    component?: 'div' | 'section' | 'article' | 'main';
+}
+/**
+ * Create Section component using the factory pattern
+ */
+export declare const Section: SerializableComponent<SectionProps>;
+/**
+ * Export the component as default
+ */
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,+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;AAyGD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAYtD,CAAC;AAgDH;;GAEG;AACH,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,34 @@
+/**
+ * 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.)
+ * - Rich styling options (color, alignment, font properties)
+ * - Custom typography overrides (fontSize, fontFamily, etc.)
+ * - Semantic HTML element rendering
+ * - Text formatting and decoration options
+ * - Full serialization support via createSerializableView
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+import TextSchema from '../../schemas/TextSchema';
+import type { SchemaProps } from '@qwickapps/schema/src/types/ModelProps';
+/**
+ * Props interface for Text component
+ * Uses SchemaProps<typeof TextSchema> for clean typing
+ */
+export type TextProps = ViewProps & SchemaProps<typeof TextSchema>;
+/**
+ * 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/src/components/blocks/Text.d.ts.map

@@ -0,0 +1 @@
+{"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;AAEhD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,OAAO,UAAU,CAAC,CAAC;AA6EnE;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,SAAS,CAMhD,CAAC;AAoEH;;GAEG;AACH,eAAe,IAAI,CAAC"}