@qwickapps/react-framework 1.3.0

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

@@ -0,0 +1,30 @@
+/**
+ * ChoiceInputField - Dynamic option inputs management component
+ *
+ * Provides consistent interface for:
+ * - Dynamic list of option inputs
+ * - Adding new options
+ * - Rich text editing for each option
+ * - Data binding support
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import ChoiceInputFieldModel from '../../schemas/ChoiceInputFieldSchema';
+type ChoiceInputFieldViewProps = ModelProps<ChoiceInputFieldModel> & {
+    /** Handler for option value changes */
+    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 {
+}
+/**
+ * ChoiceInputField component with data binding support
+ * Supports both traditional props and dataSource-driven rendering
+ */
+declare function ChoiceInputField(props: ChoiceInputFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export default ChoiceInputField;
+//# sourceMappingURL=ChoiceInputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/ChoiceInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAWH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIrE,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AAEzE,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;AAsF5F;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAwDrD;AAKD,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,29 @@
+/**
+ * HtmlInputField - Custom HTML text field with formatting controls
+ *
+ * Provides HTML editing capabilities with:
+ * - Formatting toolbar (bold, italic, underline, code)
+ * - HTML preview mode
+ * - Help system with supported tags
+ * - HTML sanitization for security
+ * - Data binding support
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import HtmlInputFieldModel from '../../schemas/HtmlInputFieldSchema';
+type HtmlInputFieldViewProps = ModelProps<HtmlInputFieldModel> & {
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Focus handler */
+    onFocus?: () => void;
+};
+export interface HtmlInputFieldProps extends HtmlInputFieldViewProps, WithDataBinding {
+}
+/**
+ * HtmlInputField component with data binding support
+ * Supports both traditional props and dataSource-driven rendering
+ */
+declare function HtmlInputField(props: HtmlInputFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export default HtmlInputField;
+//# sourceMappingURL=HtmlInputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/HtmlInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAwBH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKrE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAErE,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;AAmNxF;;;GAGG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDAwDjD;AAKD,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,29 @@
+/**
+ * SelectInputField - Select dropdown component with data binding support
+ *
+ * Provides a standardized select field with:
+ * - Consistent Material-UI styling
+ * - Data binding capabilities
+ * - Comprehensive option support
+ * - Focus and error handling
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import SelectInputFieldModel, { SelectOption } from '../../schemas/SelectInputFieldSchema';
+type SelectInputFieldViewProps = ModelProps<SelectInputFieldModel> & {
+    /** Change handler */
+    onChange?: (value: string | number) => void;
+    /** Focus handler */
+    onFocus?: () => void;
+};
+export interface SelectInputFieldProps extends SelectInputFieldViewProps, WithDataBinding {
+}
+export { SelectOption };
+/**
+ * SelectInputField component with data binding support
+ * Supports both traditional props and dataSource-driven rendering
+ */
+declare function SelectInputField(props: SelectInputFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export default SelectInputField;
+//# sourceMappingURL=SelectInputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/SelectInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAYH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,qBAAqB,EAAE,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAE3F,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;AA8FxB;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAwDrD;AAKD,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,18 @@
+/**
+ * TextField - Enhanced text input component with base props support
+ *
+ * A QwickApps-enhanced version of Material-UI TextField with:
+ * - Standardized dimension and spacing props
+ * - Grid behavior support for ColumnLayout
+ * - Consistent theming and styling
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { WithBaseProps } from '../../hooks/useBaseProps';
+export interface TextFieldProps extends WithBaseProps<Omit<MuiTextFieldProps, 'sx' | 'className' | 'style'>> {
+}
+export declare const TextField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/input/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA6B,cAAc,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAgB,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAE3F,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;CAE3G;AAED,eAAO,MAAM,SAAS,oGAuBpB,CAAC;AAIH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,32 @@
+/**
+ * TextInputField - Reusable text input component with consistent styling
+ *
+ * Provides a standardized text field with:
+ * - Consistent Material-UI styling
+ * - Data binding support
+ * - Focus handling
+ * - Validation and error states
+ * - Support for multiline/textarea mode
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { TextFieldProps } from '@mui/material';
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import TextInputFieldModel from '../../schemas/TextInputFieldSchema';
+type TextInputFieldViewProps = ModelProps<TextInputFieldModel> & {
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Focus handler */
+    onFocus?: () => void;
+    /** Additional TextField props */
+    textFieldProps?: Omit<TextFieldProps, 'label' | 'value' | 'onChange' | 'onFocus' | 'required' | 'disabled' | 'error' | 'helperText' | 'placeholder' | 'type' | 'multiline' | 'rows' | 'maxRows'>;
+};
+export interface TextInputFieldProps extends TextInputFieldViewProps, WithDataBinding {
+}
+/**
+ * TextInputField component with data binding support
+ * Supports both traditional props and dataSource-driven rendering
+ */
+declare function TextInputField(props: TextInputFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export default TextInputField;
+//# sourceMappingURL=TextInputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/TextInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAa,cAAc,EAAqB,MAAM,eAAe,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAErE,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;IACrB,iCAAiC;IACjC,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;CAClM,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB,EAAE,eAAe;CAAG;AAiDxF;;;GAGG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDAwDjD;AAKD,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,17 @@
+/**
+ * Input components export
+ *
+ * Enhanced input components with QwickApps base props support
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export { default as ChoiceInputField } from './ChoiceInputField';
+export { default as HtmlInputField } from './HtmlInputField';
+export { default as SelectInputField } from './SelectInputField';
+export { default as TextField } from './TextField';
+export { default as TextInputField } from './TextInputField';
+export type { ChoiceInputFieldProps } from './ChoiceInputField';
+export type { HtmlInputFieldProps } from './HtmlInputField';
+export type { SelectInputFieldProps, SelectOption } from './SelectInputField';
+export type { TextFieldProps } from './TextField';
+export type { TextInputFieldProps } from './TextInputField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/layout/GridCell.d.ts

@@ -0,0 +1,16 @@
+/**
+ * GridCell - Simple cell wrapper for GridLayout
+ *
+ * A lightweight wrapper that applies grid props to any content
+ * Uses the base props pattern for consistency
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { WithBaseProps } from '../../hooks/useBaseProps';
+export interface GridCellProps extends WithBaseProps {
+    children: React.ReactNode;
+}
+export declare const GridCell: React.FC<GridCellProps>;
+export default GridCell;
+//# sourceMappingURL=GridCell.d.ts.map

package/dist/components/layout/GridCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCell.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GridCell.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgB,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAE3F,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwB5C,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/layout/GridCellWrapper.d.ts

@@ -0,0 +1,46 @@
+/**
+ * GridCellWrapper - Responsive grid cell wrapper for layout consistency
+ *
+ * This component provides a flexible wrapper for content within a Material-UI Grid,
+ * supporting responsive sizing, full-width option, and easy integration with form fields or layout elements.
+ *
+ * Features:
+ * - Responsive grid sizing via breakpoint props (xs, sm, md, lg, xl)
+ * - Optional fullWidth prop to force cell to span all columns
+ * - Passes additional GridProps for customization
+ * - Designed for use in forms and layouts needing consistent grid behavior
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { GridProps } from '@mui/material';
+/**
+ * Props for GridCellWrapper
+ * @property children - Content to render inside the grid cell
+ * @property xs, sm, md, lg, xl - Grid breakpoint sizes (number or 'auto')
+ * @property fullWidth - If true, cell spans all columns (xs=12)
+ * @property ...gridProps - Additional GridProps except 'item' and 'children'
+ */
+export interface GridCellWrapperProps extends Omit<GridProps, 'children'> {
+    /** Content to render inside the grid cell */
+    children: React.ReactNode;
+    /** Grid breakpoint size for extra-small screens */
+    xs?: number | 'auto';
+    /** Grid breakpoint size for small screens */
+    sm?: number | 'auto';
+    /** Grid breakpoint size for medium screens */
+    md?: number | 'auto';
+    /** Grid breakpoint size for large screens */
+    lg?: number | 'auto';
+    /** Grid breakpoint size for extra-large screens */
+    xl?: number | 'auto';
+    /** If true, cell spans all columns (xs=12) */
+    fullWidth?: boolean;
+}
+/**
+ * GridCellWrapper component
+ * Wraps content in a Material-UI Grid cell with responsive sizing and full-width option.
+ */
+declare const GridCellWrapper: React.FC<GridCellWrapperProps>;
+export default GridCellWrapper;
+//# sourceMappingURL=GridCellWrapper.d.ts.map

package/dist/components/layout/GridCellWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCellWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GridCellWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACvE,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,8CAA8C;IAC9C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/layout/GridLayout.d.ts

@@ -0,0 +1,38 @@
+/**
+ * GridLayout - Flexible grid layout component
+ *
+ * Works with any component that has grid props (span, xs, sm, md, lg, xl)
+ * Automatically wraps components in Grid when grid props are detected
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { SpacingValue } from '../../utils/spacing';
+import { DimensionValue } from '../../utils/dimensions';
+export interface GridLayoutProps {
+    /** Layout children - any components with grid props work */
+    children: React.ReactNode;
+    /** Number of equal-width columns (auto-distribution) */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Spacing between columns */
+    spacing?: SpacingValue;
+    /** Equal height columns */
+    equalHeight?: boolean;
+    /** Layout dimensions */
+    height?: DimensionValue;
+    width?: DimensionValue;
+    minHeight?: DimensionValue;
+    minWidth?: DimensionValue;
+    maxHeight?: DimensionValue;
+    maxWidth?: DimensionValue;
+    /** Additional CSS class */
+    className?: string;
+    /** Custom styles */
+    sx?: SxProps<Theme>;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const GridLayout: React.FC<GridLayoutProps>;
+export default GridLayout;
+//# sourceMappingURL=GridLayout.d.ts.map

package/dist/components/layout/GridLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GridLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,YAAY,EAAkB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAG1E,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+HhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,12 @@
+/**
+ * Layout components export
+ *
+ * Layout components using the new base props pattern
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export { GridLayout } from './GridLayout';
+export type { GridLayoutProps } from './GridLayout';
+export { GridCell } from './GridCell';
+export type { GridCellProps } from './GridCell';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/menu/Menu.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":""}

package/dist/components/menu/MenuItem.d.ts

@@ -0,0 +1,31 @@
+/**
+ * MenuItem - Standardized menu item type for navigation components
+ *
+ * Used by Scaffold, navigation rails, drawers, and other menu systems.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+export interface MenuItem {
+    /** Unique identifier for the menu item */
+    id: string;
+    /** Display label for the menu item */
+    label: string;
+    /** Icon component or JSX element to display */
+    icon?: React.ReactNode;
+    /** Click handler for the menu item */
+    onClick?: () => void;
+    /** External link URL (if this is a link) */
+    href?: string;
+    /** Route path for automatic navigation (React Router) */
+    route?: string;
+    /** Whether this item is currently active/selected */
+    active?: boolean;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Badge text or number to display */
+    badge?: string | number;
+    /** Priority for ordering (lower numbers = higher priority) */
+    priority?: number;
+}
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,QAAQ;IACvB,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

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

@@ -0,0 +1,7 @@
+/**
+ * Menu components export
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export { type MenuItem } from './MenuItem';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,66 @@
+/**
+ * FormPage - Reusable page layout for forms with consistent header, status, and footer
+ *
+ * Provides a standardized full-page layout for forms with:
+ * - CoverImageHeader as the default header with smart branding defaults
+ * - Status message handling (info, success, warning, error)
+ * - Consistent form container and footer
+ * - Background variants (default, gradient, image)
+ * - Responsive design for all screen sizes
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+export interface FormPageProps {
+    /**
+     * Page title (required)
+     */
+    title: string;
+    /**
+     * Page subtitle/description
+     */
+    description?: string;
+    /**
+     * Cover image URL or React element for the header
+     * If not provided, will use Logo component with app name
+     */
+    coverImage?: string | React.ReactNode;
+    /**
+     * Form content (required)
+     */
+    form: React.ReactNode;
+    /**
+     * Footer content
+     */
+    footer?: React.ReactNode;
+    /**
+     * Status message type
+     */
+    status?: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Status message content
+     */
+    message?: string;
+    /**
+     * Maximum width of the form container
+     */
+    maxWidth?: 'xs' | 'sm' | 'md';
+    /**
+     * Background style variant
+     */
+    background?: 'default' | 'gradient' | 'image';
+    /**
+     * Background image URL (when background='image')
+     */
+    backgroundImage?: string;
+    /**
+     * Custom styling
+     */
+    sx?: object;
+}
+/**
+ * FormPage component for consistent form page layouts
+ */
+export declare const FormPage: React.FC<FormPageProps>;
+export default FormPage;
+//# sourceMappingURL=FormPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPage.d.ts","sourceRoot":"","sources":["../../../src/components/pages/FormPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEtC;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAElD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAE9C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4B5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,124 @@
+/**
+ * Page Component - Main content wrapper for application pages
+ *
+ * The Page component is what developers primarily focus on when building applications.
+ * It provides:
+ * - Automatic page title management
+ * - Route-based configuration
+ * - Contextual menu items that appear in navigation
+ * - Proper content spacing and layout
+ * - SEO and accessibility features
+ *
+ * Page components automatically integrate with the AppScaffold to provide
+ * contextual actions and menu items specific to the current page.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import './Page.css';
+export interface PageContextValue {
+    /** Current page route/path */
+    route?: string;
+}
+export declare const usePageContext: () => PageContextValue;
+export type MessageType = 'loading' | 'error' | 'warning' | 'success' | 'info';
+export type LoadingType = 'spinner' | 'bar-top' | 'bar-bottom' | 'dots' | 'custom';
+export interface MessageState {
+    /** Type of message to display */
+    type: MessageType;
+    /** Message content (string or custom JSX) */
+    content?: string | React.ReactNode;
+    /** Custom component to render instead of default */
+    customComponent?: React.ReactNode;
+}
+export interface LoadingState {
+    /** Type of loading indicator */
+    type?: LoadingType;
+    /** Loading message */
+    message?: string;
+    /** Custom loading component */
+    customComponent?: React.ReactNode;
+}
+export interface PageProps {
+    /** Page content */
+    children: React.ReactNode;
+    /** Current route/path for this page */
+    route?: string;
+    /** Optional header component */
+    header?: React.ReactNode;
+    /** Optional footer component */
+    footer?: React.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Page layout variant */
+    variant?: 'default' | 'centered' | 'narrow' | 'wide' | 'fullwidth';
+    /** Padding around page content */
+    padding?: 'none' | 'small' | 'medium' | 'large';
+    /** Background variant */
+    background?: 'default' | 'surface' | 'alternate';
+    /** Maximum width for content */
+    maxWidth?: 'small' | 'medium' | 'large' | 'extra-large' | 'none';
+    /** Loading state configuration */
+    loading?: boolean | LoadingState;
+    /** Message state for displaying info/warning/error/success messages */
+    message?: MessageState;
+}
+declare const Page: React.FC<PageProps>;
+export declare const usePage: () => {
+    setTitle: (newTitle: string) => void;
+    /** Current page route/path */
+    route?: string;
+};
+/**
+ * Base Page Class Component - Extendable page component for inheritance pattern
+ *
+ * Usage:
+ * class MyPage extends BasePage {
+ *   getPageProps() {
+ *     return {
+ *       route: '/my-page',
+ *       variant: 'narrow',
+ *       padding: 'large',
+ *       // ... other page props
+ *     };
+ *   }
+ *
+ *   renderContent() {
+ *     return (
+ *       <div>My page content</div>
+ *     );
+ *   }
+ * }
+ */
+export declare abstract class BasePage<P = {}, S = {}> extends React.Component<P, S> {
+    /**
+     * Override this method to provide page configuration
+     * This will be passed to the Page component wrapper
+     */
+    abstract getPageProps(): Partial<PageProps>;
+    /**
+     * Override this method to provide the page content
+     * This replaces the render() method in your page components
+     */
+    abstract renderContent(): React.ReactNode;
+    /**
+     * Override this method to handle page mounting logic
+     * Called after the page is mounted and context is available
+     */
+    onPageMount?(): void;
+    /**
+     * Override this method to handle page unmounting logic
+     */
+    onPageUnmount?(): void;
+    /**
+     * Internal render method - wraps content in Page component
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+    /**
+     * Component lifecycle methods
+     */
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+}
+export default Page;
+//# sourceMappingURL=Page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/pages/Page.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,YAAY,CAAC;AAGpB,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,eAAO,MAAM,cAAc,QAAO,gBAMjC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnF,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,IAAI,EAAE,WAAW,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,oDAAoD;IACpD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,yBAAyB;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACjD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;IACjE,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IACjC,uEAAuE;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+K7B,CAAC;AAGF,eAAO,MAAM,OAAO;yBAMiB,MAAM;IAtPzC,8BAA8B;YACtB,MAAM;CAyPf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,8BAAsB,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1E;;;OAGG;IACH,QAAQ,CAAC,YAAY,IAAI,OAAO,CAAC,SAAS,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,aAAa,IAAI,KAAK,CAAC,SAAS;IAEzC;;;OAGG;IACH,WAAW,CAAC,IAAI,IAAI;IAEpB;;OAEG;IACH,aAAa,CAAC,IAAI,IAAI;IAEtB;;OAEG;IACH,MAAM;IAUN;;OAEG;IACH,iBAAiB;IAIjB,oBAAoB;CAGrB;AAED,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * All page components available in QwickApps React Framework.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export { BasePage } from './Page';
+export { default as FormPage } from './FormPage';
+export { default as Page } from './Page';
+export type { FormPageProps } from './FormPage';
+export type { PageProps } from './Page';
+//# sourceMappingURL=index.d.ts.map

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

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