@qwickapps/react-framework 1.4.8 → 1.5.0

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

@@ -10,9 +10,9 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import type { WithDataBinding, SchemaProps } from '@qwickapps/schema';
 import ThemeSwitcherModel from '../../schemas/ThemeSwitcherSchema';
-type ThemeSwitcherViewProps = ModelProps<ThemeSwitcherModel>;
+type ThemeSwitcherViewProps = SchemaProps<ThemeSwitcherModel>;
 export interface ThemeSwitcherProps extends ThemeSwitcherViewProps, WithDataBinding {
 }
 /**

package/dist/components/buttons/ThemeSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/ThemeSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAiBH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKrE,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AAGnE,KAAK,sBAAsB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,EAAE,eAAe;CAAG;AA4LtF;;;GAGG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDA+C/C;AAKD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/ThemeSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAiBH,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKtE,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AAGnE,KAAK,sBAAsB,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,EAAE,eAAe;CAAG;AA6LtF;;;GAGG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAkD/C;AAKD,eAAe,aAAa,CAAC"}

package/dist/components/dialogs/Dialog.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Dialog - Themed dialog component that wraps MUI Dialog
+ *
+ * Features:
+ * - Uses QwickApps CSS theme variables
+ * - Consistent styling with other QwickApps components
+ * - Supports all standard MUI Dialog props
+ * - Themed DialogTitle, DialogContent, and DialogActions
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { DialogProps as MuiDialogProps, DialogTitleProps, DialogContentProps, DialogActionsProps, DialogContentTextProps } from '@mui/material';
+export type DialogProps = MuiDialogProps;
+/**
+ * Themed Dialog component
+ */
+export declare function Dialog({ children, PaperProps, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Themed DialogTitle component
+ */
+export declare function DialogTitle({ children, sx, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Themed DialogContent component
+ */
+export declare function DialogContent({ children, sx, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Themed DialogActions component
+ */
+export declare function DialogActions({ children, sx, ...props }: DialogActionsProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Themed DialogContentText component
+ */
+export declare function DialogContentText({ children, sx, ...props }: DialogContentTextProps): import("react/jsx-runtime").JSX.Element;
+export default Dialog;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/dialogs/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAEL,WAAW,IAAI,cAAc,EAK7B,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AAEzC;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAiBrE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAcvE;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAa3E;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAc3E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAYnF;AAGD,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Dialogs - Themed dialog components
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export { Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText } from './Dialog';
+export type { DialogProps } from './Dialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/forms/Captcha.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Captcha - Universal CAPTCHA component supporting multiple providers
+ *
+ * Supported providers:
+ * - Google reCAPTCHA v2 (checkbox)
+ * - Google reCAPTCHA v3 (invisible)
+ * - hCaptcha
+ * - Cloudflare Turnstile
+ *
+ * Features:
+ * - Provider-agnostic API
+ * - Automatic script loading
+ * - TypeScript support
+ * - Themed styling with base props support
+ * - Grid behavior support
+ * - Error handling
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { WithBaseProps } from '../../hooks/useBaseProps';
+export type CaptchaProvider = 'recaptcha-v2' | 'recaptcha-v3' | 'hcaptcha' | 'turnstile';
+interface CaptchaBaseProps {
+    /** CAPTCHA provider */
+    provider: CaptchaProvider;
+    /** Site key (public key) */
+    siteKey: string;
+    /** Callback when CAPTCHA is successfully completed */
+    onVerify: (token: string) => void;
+    /** Callback when CAPTCHA expires or fails */
+    onExpire?: () => void;
+    /** Callback when CAPTCHA encounters an error */
+    onError?: (error: Error) => void;
+    /** Theme for the widget (light or dark) */
+    theme?: 'light' | 'dark';
+    /** Size of the widget */
+    size?: 'normal' | 'compact' | 'invisible';
+    /** reCAPTCHA v3 action name */
+    action?: string;
+}
+export interface CaptchaProps extends WithBaseProps<CaptchaBaseProps> {
+}
+declare global {
+    interface Window {
+        grecaptcha?: unknown;
+        hcaptcha?: unknown;
+        turnstile?: unknown;
+        onRecaptchaLoad?: () => void;
+        onHcaptchaLoad?: () => void;
+        onTurnstileLoad?: () => void;
+    }
+}
+export declare const Captcha: React.ForwardRefExoticComponent<CaptchaProps & React.RefAttributes<HTMLDivElement>>;
+export default Captcha;
+//# sourceMappingURL=Captcha.d.ts.map

package/dist/components/forms/Captcha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Captcha.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Captcha.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAgB,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAE3F,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;AAEzF,UAAU,gBAAgB;IACxB,uBAAuB;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,yBAAyB;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC1C,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa,CAAC,gBAAgB,CAAC;CAAG;AAGxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;QAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;QAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;KAC9B;CACF;AAED,eAAO,MAAM,OAAO,qFAgOlB,CAAC;AAOH,eAAe,OAAO,CAAC"}

package/dist/components/forms/FormBlock.d.ts

@@ -12,10 +12,10 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import React, { ReactElement } from 'react';
-import type { ModelProps, WithDataBinding } from '@qwickapps/schema';
+import type { SchemaProps, WithDataBinding } from '@qwickapps/schema';
 import FormBlockModel from '../../schemas/FormBlockSchema';
 import { ModelView } from '../base/ModelView';
-type FormBlockViewProps = ModelProps<FormBlockModel> & {
+type FormBlockViewProps = SchemaProps<FormBlockModel> & {
     /**
      * Custom header content - when provided, overrides the default header
      * For full customization control
@@ -40,10 +40,10 @@ export interface FormBlockProps extends FormBlockViewProps, WithDataBinding {
 export declare class FormBlock extends ModelView<FormBlockProps, FormBlockModel> {
     static readonly tagName = "FormBlock";
     static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
-    protected hasNestedComponents(children: React.ReactNode): boolean;
-    protected serializeChildren(children: React.ReactNode): any;
-    protected getComponentSpecificProps(): any;
+    static fromJson(jsonData: unknown): ReactElement;
+    protected hasNestedComponents(_children: React.ReactNode): boolean;
+    protected serializeChildren(children: React.ReactNode): unknown;
+    protected getComponentSpecificProps(): unknown;
     protected renderView(): React.ReactElement;
     protected renderWithDataBinding(): React.ReactElement;
 }

package/dist/components/forms/FormBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBlock.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW5C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,kBAAkB,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,eAAe;CAAI;AA0K/E,qBAAa,SAAU,SAAQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAEtE,MAAM,CAAC,QAAQ,CAAC,OAAO,eAAe;IACtC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAK5C,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO;IAMjE,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,GAAG;IAgB3D,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAe1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormBlock.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW5C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGtE,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI9C,KAAK,kBAAkB,GAAG,WAAW,CAAC,cAAc,CAAC,GAAG;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,eAAe;CAAG;AA0K9E,qBAAa,SAAU,SAAQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAEtE,MAAM,CAAC,QAAQ,CAAC,OAAO,eAAe;IACtC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,YAAY;IAKhD,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO;IAMlE,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO;IAuB/D,SAAS,CAAC,yBAAyB,IAAI,OAAO;IAe9C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;CAGtD;AA2DD,eAAe,SAAS,CAAC"}

package/dist/components/forms/FormCheckbox.d.ts

@@ -0,0 +1,27 @@
+/**
+ * FormCheckbox - Themed checkbox component wrapping MUI Checkbox and FormControlLabel
+ *
+ * Features:
+ * - Uses QwickApps CSS theme variables for consistent styling
+ * - Supports FormControlLabel for proper label positioning
+ * - Handles required and disabled states
+ * - Helper text support
+ * - Base props support for grid behavior and styling
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { WithBaseProps } from '../../hooks/useBaseProps';
+interface FormCheckboxBaseProps {
+    label: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    helperText?: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+export interface FormCheckboxProps extends WithBaseProps<FormCheckboxBaseProps> {
+}
+export declare const FormCheckbox: React.ForwardRefExoticComponent<FormCheckboxProps & React.RefAttributes<HTMLDivElement>>;
+export default FormCheckbox;
+//# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/components/forms/FormCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormCheckbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAgB,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAE3F,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,qBAAqB,CAAC;CAAG;AAElF,eAAO,MAAM,YAAY,0FA2EvB,CAAC;AAOH,eAAe,YAAY,CAAC"}

package/dist/components/forms/FormField.d.ts

@@ -0,0 +1,43 @@
+/**
+ * FormField - Themed form field component wrapping MUI FormControl
+ *
+ * Features:
+ * - Uses QwickApps CSS theme variables for consistent styling
+ * - Supports text, number, password, and email input types
+ * - Integrated with MUI FormControl, Input, and Select
+ * - Handles readonly, disabled, and required states
+ * - Support for adornments and helper text
+ * - Base props support for grid behavior and styling
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { WithBaseProps } from '../../hooks/useBaseProps';
+export interface FormFieldOption {
+    value: string | number;
+    label: string;
+}
+interface FormFieldBaseProps {
+    label: string;
+    value: string | number;
+    onChange?: (value: string | number) => void;
+    onChangeRaw?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    type?: 'text' | 'number' | 'password' | 'email' | 'tel';
+    helperText?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    disabledColor?: string;
+    fullWidth?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    placeholder?: string;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    inputProps?: unknown;
+}
+export interface FormFieldProps extends WithBaseProps<FormFieldBaseProps> {
+}
+export declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+export default FormField;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/components/forms/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAgB,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAE3F,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACrF,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,kBAAkB,CAAC;CAAG;AAE5E,eAAO,MAAM,SAAS,uFAyHpB,CAAC;AAOH,eAAe,SAAS,CAAC"}

package/dist/components/forms/FormSelect.d.ts

@@ -0,0 +1,35 @@
+/**
+ * FormSelect - Themed form select component wrapping MUI Select
+ *
+ * Features:
+ * - Uses QwickApps CSS theme variables for consistent styling
+ * - Simplified select-only interface (use FormField for mixed inputs)
+ * - Support for placeholder, size variants, and helper text
+ * - Integrated with MUI FormControl and Select
+ * - Base props support for grid behavior and styling
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { WithBaseProps } from '../../hooks/useBaseProps';
+export interface FormSelectOption {
+    value: string | number;
+    label: string;
+}
+interface FormSelectBaseProps {
+    label?: string;
+    value: string | number;
+    onChange: (value: string | number) => void;
+    options: FormSelectOption[];
+    helperText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    size?: 'small' | 'medium';
+    placeholder?: string;
+}
+export interface FormSelectProps extends WithBaseProps<FormSelectBaseProps> {
+}
+export declare const FormSelect: React.ForwardRefExoticComponent<FormSelectProps & React.RefAttributes<HTMLDivElement>>;
+export default FormSelect;
+//# sourceMappingURL=FormSelect.d.ts.map

package/dist/components/forms/FormSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAgB,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAE3F,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,aAAa,CAAC,mBAAmB,CAAC;CAAG;AAE9E,eAAO,MAAM,UAAU,wFAyFrB,CAAC;AAOH,eAAe,UAAU,CAAC"}

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

@@ -5,4 +5,12 @@
  */
 export { default as FormBlock } from './FormBlock';
 export type { FormBlockProps } from './FormBlock';
+export { default as FormField } from './FormField';
+export type { FormFieldProps, FormFieldOption } from './FormField';
+export { default as FormSelect } from './FormSelect';
+export type { FormSelectProps, FormSelectOption } from './FormSelect';
+export { default as FormCheckbox } from './FormCheckbox';
+export type { FormCheckboxProps } from './FormCheckbox';
+export { default as Captcha } from './Captcha';
+export type { CaptchaProps, CaptchaProvider } from './Captcha';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/index.d.ts

@@ -15,12 +15,15 @@ import '../schemas/transformers/registry';
 export * from './base';
 export * from './blocks';
 export * from './buttons';
+export * from './dialogs';
 export * from './forms';
 export * from './input';
 export * from './layout';
 export * from './pages';
-export * from './Scaffold';
-export * from './ResponsiveMenu';
+export { default as Scaffold } from './Scaffold';
+export type { ScaffoldProps, AppBarProps } from './Scaffold';
+export { default as ResponsiveMenu } from './ResponsiveMenu';
+export type { ResponsiveMenuProps } from './ResponsiveMenu';
 export * from './QwickApp';
 export * from './AccessibilityChecker';
 export * from './ErrorBoundary';
@@ -28,6 +31,8 @@ export * from './AccessibilityProvider';
 export * from './Breadcrumbs';
 export { default as Logo } from './Logo';
 export type { LogoProps } from './Logo';
+export { default as ProductLogo } from './ProductLogo';
+export type { ProductLogoProps } from './ProductLogo';
 export { default as QwickAppsLogo } from './QwickAppsLogo';
 export type { QwickAppsLogoProps } from './QwickAppsLogo';
 export { default as QwickIcon } from './QwickIcon';
@@ -38,4 +43,7 @@ export { default as Html } from './Html';
 export type { HtmlProps } from './Html';
 export { default as Markdown } from './Markdown';
 export type { MarkdownProps } from './Markdown';
+export { createSerializableView } from './shared/createSerializableView';
+export type { SerializableComponent } from './shared/createSerializableView';
+export type { ViewProps } from './shared/viewProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,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;AAGhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,YAAY,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -5,31 +5,25 @@
  * - Complete dynamic option input management
  * - Rich text editing for each option (via HtmlInputField)
  * - Data binding support for dynamic content
- * - Full serialization support via ModelView
+ * - Full serialization support via factory pattern
  * - Consistent Material-UI styling
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React from 'react';
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import ChoiceInputFieldModel from '../../schemas/ChoiceInputFieldSchema';
-import { ModelView } from '../base/ModelView';
-type ChoiceInputFieldViewProps = ModelProps<ChoiceInputFieldModel> & {
-    /** Handler for option value changes */
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+export interface ChoiceInputFieldProps extends Omit<ViewProps, 'onFocus'> {
+    label?: string;
+    options?: string[];
+    disabled?: boolean;
+    placeholder?: string;
+    optionLabelPrefix?: string;
+    rows?: number;
+    maxOptions?: number;
     onOptionChange?: (optionIndex: number, value: string) => void;
-    /** Handler for adding new options */
     onAddOption?: () => void;
-    /** Focus handler */
-    onFocus?: (optionIndex?: number) => void;
-};
-export interface ChoiceInputFieldProps extends ChoiceInputFieldViewProps, WithDataBinding {
-}
-export declare class ChoiceInputField extends ModelView<ChoiceInputFieldProps, ChoiceInputFieldModel> {
-    static readonly tagName = "ChoiceInputField";
-    static readonly version = "1.0.0";
-    protected getComponentSpecificProps(): any;
-    protected renderView(): React.ReactElement;
-    protected renderWithDataBinding(): React.ReactElement;
+    onChoiceFieldFocus?: (optionIndex?: number) => void;
 }
+export declare const ChoiceInputField: SerializableComponent<ChoiceInputFieldProps>;
 export default ChoiceInputField;
 //# sourceMappingURL=ChoiceInputField.d.ts.map

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,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"}
+{"version":3,"file":"ChoiceInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/ChoiceInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAYH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAEvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAqFD,eAAO,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,qBAAqB,CAMxE,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

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

@@ -6,29 +6,28 @@
  * - HTML preview mode and help system
  * - HTML sanitization for security
  * - Data binding support for dynamic content
- * - Full serialization support via ModelView
+ * - Full serialization support via factory pattern
  * - Consistent Material-UI styling
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React from 'react';
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import HtmlInputFieldModel from '../../schemas/HtmlInputFieldSchema';
-import { ModelView } from '../base/ModelView';
-type HtmlInputFieldViewProps = ModelProps<HtmlInputFieldModel> & {
-    /** Change handler */
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+export interface HtmlInputFieldProps extends ViewProps {
+    label?: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    placeholder?: string;
+    rows?: number;
+    maxLength?: number;
+    showPreview?: boolean;
+    showHelp?: boolean;
     onChange?: (value: string) => void;
-    /** Focus handler */
     onFocus?: () => void;
-};
-export interface HtmlInputFieldProps extends HtmlInputFieldViewProps, WithDataBinding {
-}
-export declare class HtmlInputField extends ModelView<HtmlInputFieldProps, HtmlInputFieldModel> {
-    static readonly tagName = "HtmlInputField";
-    static readonly version = "1.0.0";
-    protected getComponentSpecificProps(): any;
-    protected renderView(): React.ReactElement;
-    protected renderWithDataBinding(): React.ReactElement;
 }
+export declare const HtmlInputField: SerializableComponent<HtmlInputFieldProps>;
 export default HtmlInputField;
 //# sourceMappingURL=HtmlInputField.d.ts.map

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,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"}
+{"version":3,"file":"HtmlInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/HtmlInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAyBH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IAEpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuKD,eAAO,MAAM,cAAc,EAAE,qBAAqB,CAAC,mBAAmB,CAMpE,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -5,30 +5,27 @@
  * - Complete select dropdown functionality with options
  * - Form validation and error handling
  * - Data binding support for dynamic content
- * - Full serialization support via ModelView
+ * - Full serialization support via factory pattern
  * - Consistent Material-UI styling
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React from 'react';
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import SelectInputFieldModel, { SelectOption } from '../../schemas/SelectInputFieldSchema';
-import { ModelView } from '../base/ModelView';
-type SelectInputFieldViewProps = ModelProps<SelectInputFieldModel> & {
-    /** Change handler */
+import { SelectOption } from '../../schemas/SelectInputFieldSchema';
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+export interface SelectInputFieldProps extends ViewProps {
+    label?: string;
+    value?: string | number;
+    options?: SelectOption[];
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    placeholder?: string;
     onChange?: (value: string | number) => void;
-    /** Focus handler */
     onFocus?: () => void;
-};
-export interface SelectInputFieldProps extends SelectInputFieldViewProps, WithDataBinding {
 }
 export { SelectOption };
-export declare class SelectInputField extends ModelView<SelectInputFieldProps, SelectInputFieldModel> {
-    static readonly tagName = "SelectInputField";
-    static readonly version = "1.0.0";
-    protected getComponentSpecificProps(): any;
-    protected renderView(): React.ReactElement;
-    protected renderWithDataBinding(): React.ReactElement;
-}
+export declare const SelectInputField: SerializableComponent<SelectInputFieldProps>;
 export default SelectInputField;
 //# sourceMappingURL=SelectInputField.d.ts.map

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,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"}
+{"version":3,"file":"SelectInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/SelectInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAWH,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IAEtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAGD,OAAO,EAAE,YAAY,EAAE,CAAC;AAmGxB,eAAO,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,qBAAqB,CAMxE,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

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

@@ -5,30 +5,23 @@
  * - Complete switch toggle functionality
  * - Form validation and error handling
  * - Data binding support for dynamic content
- * - Full serialization support via ModelView
+ * - Full serialization support via factory pattern
  * - Consistent Material-UI styling
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-import React, { ReactElement } from 'react';
-import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
-import SwitchInputFieldModel from '../../schemas/SwitchInputFieldSchema';
-import { ModelView } from '../base/ModelView';
-type SwitchInputFieldViewProps = ModelProps<SwitchInputFieldModel> & {
-    /** Change handler */
+import { SerializableComponent } from '../shared/createSerializableView';
+import { ViewProps } from '../shared/viewProps';
+export interface SwitchInputFieldProps extends ViewProps {
+    label?: string;
+    checked?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
     onChange?: (checked: boolean) => void;
-    /** Focus handler */
     onFocus?: () => void;
-};
-export interface SwitchInputFieldProps extends SwitchInputFieldViewProps, WithDataBinding {
-}
-export declare class SwitchInputField extends ModelView<SwitchInputFieldProps, SwitchInputFieldModel> {
-    static readonly tagName = "SwitchInputField";
-    static readonly version = "1.0.0";
-    static fromJson(jsonData: any): ReactElement;
-    protected getComponentSpecificProps(): any;
-    protected renderView(): React.ReactElement;
-    protected renderWithDataBinding(): React.ReactElement;
 }
+export declare const SwitchInputField: SerializableComponent<SwitchInputFieldProps>;
 export default SwitchInputField;
 //# sourceMappingURL=SwitchInputField.d.ts.map

package/dist/components/input/SwitchInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/SwitchInputField.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;AAErE,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,KAAK,yBAAyB,GAAG,UAAU,CAAC,qBAAqB,CAAC,GAAG;IACnE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AA4D5F,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;AAkED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SwitchInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/SwitchInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AASH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IAEtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAsDD,eAAO,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,qBAAqB,CAMxE,CAAC;AAEH,eAAe,gBAAgB,CAAC"}