@gnwebsoft/ui 4.0.2 → 4.0.4

package/dist/wrappers/SelectMultiElement/SelectMultiElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultiElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SelectMultiElement/SelectMultiElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EAElB,MAAM,eAAe,CAAC;AAUvB,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,qBAAqB,CACxB,OAAO,EACP,QAAQ,SAAS,OAAO,GAAG,SAAS,EACpC,gBAAgB,SAAS,OAAO,GAAG,SAAS,EAC5C,QAAQ,SAAS,OAAO,GAAG,SAAS,EACpC,aAAa,SAAS,KAAK,CAAC,WAAW,IACrC,IAAI,CACN,iBAAiB,CACf,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACD,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3D,CAAC;AAEF,MAAM,MAAM,uBAAuB,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,OAAO,SAAS,cAAc,GAAG,cAAc,EAC/C,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,IAAI,EAC3C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EACpD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,IACvE,qBAAqB,CACvB,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,GAAG;IACF,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAAC;CACrC,CAAC;AAkIF,eAAO,MAAM,kBAAkB;KAC7B,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,4BACrC,OAAO,SAAS,cAAc,4CAI7B,uBAAuB,CACxB,YAAY,EACZ,KAAK,EACL,OAAO,CACR,GAAG,KAAK,CAAC,YAAY;;CAMrB,CAAC"}

package/dist/wrappers/SelectMultiElement/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectMultiElement } from "./SelectMultiElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/wrappers/SelectMultiElement/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SelectMultiElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/wrappers/TextFieldElement/TextFieldElement.d.ts

@@ -0,0 +1,179 @@
+import type { GridProps, TextFieldProps, TextFieldVariants } from '@mui/material';
+import { TextField } from '@mui/material';
+import type { ChangeEvent, ReactElement, ReactNode } from 'react';
+import type { Control, FieldError, FieldPath, FieldValues, PathValue } from 'react-hook-form';
+import type { FieldType } from '../../hooks/useTransform/enhanced';
+import type { EventOrValue } from '../../types/events';
+/**
+ * Props for the TextFieldElement component.
+ *
+ * @template TFieldValues - The form values type
+ * @template TName - The field name type
+ * @template TValue - The transformed value type
+ *
+ * @public
+ */
+export interface TextFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = PathValue<TFieldValues, TName>> {
+    /**
+     * The field name in the form
+     * @example "firstName" | "user.email"
+     */
+    name: TName;
+    /**
+     * Custom error message parser
+     * @param error - The field error object
+     * @returns Custom error message or component
+     */
+    parseError?: (error: FieldError) => ReactNode;
+    /**
+     * The form control instance from react-hook-form
+     */
+    control?: Control<TFieldValues>;
+    /**
+     * Custom TextField component to use instead of default MUI TextField
+     */
+    component?: typeof TextField;
+    /**
+     * Value transformation functions for input/output
+     * @deprecated Use fieldType for common patterns or custom transforms for complex cases
+     */
+    transform?: {
+        /** Transform value before displaying in input */
+        input?: (value: PathValue<TFieldValues, TName>) => TValue;
+        /** Transform input event to form value */
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
+    };
+    /**
+     * Built-in field type for automatic transformation
+     * @example 'text' | 'number' | 'date' | 'time' | 'select'
+     */
+    fieldType?: FieldType;
+    /**
+     * Default value to display when field value is null/undefined
+     * @example ""
+     */
+    defaultValue?: TValue;
+    /**
+     * The input label text
+     * @example "Email Address"
+     */
+    label?: string;
+    /**
+     * Placeholder text for the input
+     * @example "Enter your email"
+     */
+    placeholder?: string;
+    /**
+     * Additional props for the underlying TextField component
+     */
+    textFieldProps?: Omit<TextFieldProps, 'name'>;
+    /**
+     * Grid layout props for the wrapper Grid component
+     * @defaultValue { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } }
+     */
+    gridProps?: GridProps;
+    /**
+     * The TextField variant
+     * @defaultValue "outlined"
+     */
+    variant?: TextFieldVariants;
+    /**
+     * Custom styles for the TextField
+     */
+    /**
+     * Custom onChange handler called after transformation
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * Enable development warnings for debugging transformation issues
+     * @defaultValue process.env.NODE_ENV === 'development'
+     */
+    enableWarnings?: boolean;
+}
+/**
+ * A react-hook-form integrated TextField component with automatic validation,
+ * performance optimizations, and built-in field type handling.
+ *
+ * Features:
+ * - Full react-hook-form integration
+ * - Automatic error display with custom parsing
+ * - Value transformation support
+ * - Built-in field types for common patterns
+ * - Grid layout wrapper
+ * - TypeScript type safety
+ * - Optimized number input handling
+ * - Disabled state styling
+ * - Performance optimizations with memoized transformations
+ * - Development warnings for debugging
+ * - Stable references to prevent unnecessary re-renders
+ *
+ * @example
+ * Basic usage with built-in number handling:
+ * ```tsx
+ * <TextFieldElement
+ *   control={control}
+ *   name="age"
+ *   label="Age"
+ *   fieldType="number"
+ *   rules={{ required: 'Age is required', min: { value: 0, message: 'Age must be positive' } }}
+ * />
+ * ```
+ *
+ * @example
+ * Advanced usage with custom grid layout:
+ * ```tsx
+ * <TextFieldElement
+ *   control={control}
+ *   name="email"
+ *   label="Email"
+ *   fieldType="text"
+ *   placeholder="Enter your email address"
+ *   gridProps={{ size: { xs: 12, md: 6 } }}
+ *   rules={{
+ *     required: 'Email is required',
+ *     pattern: { value: /\S+@\S+\.\S+/, message: 'Invalid email' }
+ *   }}
+ * />
+ * ```
+ *
+ * @example
+ * Custom transformation:
+ * ```tsx
+ * <TextFieldElement
+ *   control={control}
+ *   name="price"
+ *   label="Price"
+ *   transform={{
+ *     input: (value) => value ? `$${value}` : '',
+ *     output: (event) => parseFloat(event.target.value.replace('$', '')) || null
+ *   }}
+ * />
+ * ```
+ *
+ * @example
+ * With custom error parsing:
+ * ```tsx
+ * <TextFieldElement
+ *   control={control}
+ *   name="username"
+ *   label="Username"
+ *   fieldType="text"
+ *   parseError={(error) => (
+ *     <span style={{ color: 'red' }}>
+ *       ⚠️ {error.message}
+ *     </span>
+ *   )}
+ * />
+ * ```
+ *
+ * @template TFieldValues - The form values type
+ * @template TName - The field name type
+ * @template TValue - The transformed value type
+ *
+ * @param props - Component props
+ * @returns React element with optional Grid wrapper
+ *
+ * @public
+ */
+export declare const TextFieldElement: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = PathValue<TFieldValues, TName>>({ gridProps, ...props }: TextFieldElementProps<TFieldValues, TName, TValue>) => ReactElement;
+//# sourceMappingURL=TextFieldElement.d.ts.map

package/dist/wrappers/TextFieldElement/TextFieldElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/TextFieldElement/TextFieldElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAQ,SAAS,EAAc,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,WAAW,qBAAqB,CACpC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,MAAM,GAAG,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC;IAEvC;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,SAAS,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE;QACV,iDAAiD;QACjD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,MAAM,CAAC;QAC1D,0CAA0C;QAC1C,MAAM,CAAC,EAAE,CACP,YAAY,EAAE,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KACnC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;KACrC,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH;;OAEG;IACH,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KACvD,IAAI,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiHD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,eAAO,MAAM,gBAAgB,GAC3B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,MAAM,GAAG,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,EACvC,yBAGC,qBAAqB,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,KAAG,YAMvD,CAAC"}

package/dist/wrappers/TextFieldElement/index.d.ts

@@ -0,0 +1,3 @@
+export { TextFieldElement } from "./TextFieldElement";
+export type { TextFieldElementProps } from "./TextFieldElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/wrappers/TextFieldElement/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/TextFieldElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/wrappers/TimePickerElement/TimePickerElement.d.ts

@@ -0,0 +1,30 @@
+import type { GridProps, TextFieldProps, TextFieldVariants } from '@mui/material';
+import type { PickerValidDate, TimePickerProps, TimePickerSlotProps, TimeValidationError } from '@mui/x-date-pickers';
+import type { ReactNode } from 'react';
+import type { Control, FieldPath, PathValue, FieldError, FieldValues } from 'react-hook-form';
+import type { EventOrValue } from '../../types/events';
+export interface TimePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> {
+    name: TName;
+    required?: boolean;
+    isDate?: boolean;
+    parseError?: (error: FieldError | TimeValidationError) => ReactNode;
+    control?: Control<TFieldValues>;
+    inputProps?: Omit<TextFieldProps, 'name'>;
+    helperText?: TextFieldProps['helperText'];
+    label?: ReactNode;
+    placeholder?: string;
+    textReadOnly?: boolean;
+    slotProps?: Omit<TimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, 'textField'>;
+    transform?: {
+        input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
+    };
+    gridProps?: GridProps;
+    timePickerProps?: Omit<TimePickerProps<TEnableAccessibleFieldDOMStructure>, 'value' | 'slotProps'>;
+    variant?: TextFieldVariants;
+}
+export declare const TimePickerElement: {
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends unknown = any>({ gridProps, ...props }: TimePickerElementProps<TFieldValues, TName, TValue>): React.ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=TimePickerElement.d.ts.map

package/dist/wrappers/TimePickerElement/TimePickerElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/TimePickerElement/TimePickerElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,MAAM,WAAW,sBAAsB,CACrC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,MAAM,SAAS,eAAe,GAAG,eAAe,EAChD,kCAAkC,SAAS,OAAO,GAAG,KAAK;IAE1D,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,mBAAmB,KAAK,SAAS,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,IAAI,CACd,mBAAmB,CAAC,kCAAkC,CAAC,EACvD,WAAW,CACZ,CAAC;IACF,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,MAAM,GAAG,IAAI,CAAC;QACjE,MAAM,CAAC,EAAE,CACP,YAAY,EAAE,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KACnC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;KACrC,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,CAAC,kCAAkC,CAAC,EACnD,OAAO,GAAG,WAAW,CACtB,CAAC;IACF,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AA+GD,eAAO,MAAM,iBAAiB;KAC5B,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,4BACrC,MAAM,iDAIL,sBAAsB,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY;;CAM1E,CAAC"}

package/dist/wrappers/TimePickerElement/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePickerElement } from "./TimePickerElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/wrappers/TimePickerElement/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/TimePickerElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/wrappers/index.cjs

@@ -25,7 +25,7 @@
 
 
 
-var _chunkGLN5JSFFcjs = require('../chunk-GLN5JSFF.cjs');
+var _chunk2QTXS736cjs = require('../chunk-2QTXS736.cjs');
 require('../chunk-Y3QTSDLJ.cjs');
 require('../chunk-LUW7V5GI.cjs');
 
@@ -55,5 +55,5 @@ require('../chunk-LUW7V5GI.cjs');
 
 
 
-exports.AsyncMultiSelect2 = _chunkGLN5JSFFcjs.AsyncMultiSelect2; exports.CheckboxElement = _chunkGLN5JSFFcjs.CheckboxElement; exports.CheckboxGroup = _chunkGLN5JSFFcjs.CheckboxGroup; exports.DatePickerElement = _chunkGLN5JSFFcjs.DatePickerElement; exports.DatePickerElementCore = _chunkGLN5JSFFcjs.DatePickerElementCore; exports.Field = _chunkGLN5JSFFcjs.Field; exports.PasswordElement = _chunkGLN5JSFFcjs.PasswordElement; exports.RadioButtonGroup = _chunkGLN5JSFFcjs.RadioButtonGroup; exports.SelectCascadeElement = _chunkGLN5JSFFcjs.SelectCascadeElement; exports.SelectElement = _chunkGLN5JSFFcjs.SelectElement; exports.SelectMultiElement = _chunkGLN5JSFFcjs.SelectMultiElement; exports.TextFieldElement = _chunkGLN5JSFFcjs.TextFieldElement; exports.TimePickerElement = _chunkGLN5JSFFcjs.TimePickerElement; exports.createDateInputTransform = _chunkGLN5JSFFcjs.createDateInputTransform; exports.createDateOutputTransform = _chunkGLN5JSFFcjs.createDateOutputTransform; exports.createDefaultDatePickerConfig = _chunkGLN5JSFFcjs.createDefaultDatePickerConfig; exports.createStableKey = _chunkGLN5JSFFcjs.createStableKey; exports.extractErrorMessage = _chunkGLN5JSFFcjs.extractErrorMessage; exports.isParsableDateString = _chunkGLN5JSFFcjs.isParsableDateString; exports.isValidDate = _chunkGLN5JSFFcjs.isValidDate; exports.isValidOption = _chunkGLN5JSFFcjs.isValidOption; exports.normalizeOptions = _chunkGLN5JSFFcjs.normalizeOptions; exports.readDatePickerValueAsDate = _chunkGLN5JSFFcjs.readDatePickerValueAsDate; exports.useDatePickerStyles = _chunkGLN5JSFFcjs.useDatePickerStyles; exports.useDatePickerValidation = _chunkGLN5JSFFcjs.useDatePickerValidation; exports.useDatePickerValue = _chunkGLN5JSFFcjs.useDatePickerValue;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImM6XFxVdHRhbVxcUHJvamVjdHNcXEdOV2ViU29mdC5VSVxccGFja2FnZXNcXHVpXFxkaXN0XFx3cmFwcGVyc1xcaW5kZXguY2pzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNGLHlEQUE4QjtBQUM5QixpQ0FBOEI7QUFDOUIsaUNBQThCO0FBQzlCO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNGLDZyREFBQyIsImZpbGUiOiJDOlxcVXR0YW1cXFByb2plY3RzXFxHTldlYlNvZnQuVUlcXHBhY2thZ2VzXFx1aVxcZGlzdFxcd3JhcHBlcnNcXGluZGV4LmNqcyJ9
+exports.AsyncMultiSelect2 = _chunk2QTXS736cjs.AsyncMultiSelect2; exports.CheckboxElement = _chunk2QTXS736cjs.CheckboxElement; exports.CheckboxGroup = _chunk2QTXS736cjs.CheckboxGroup; exports.DatePickerElement = _chunk2QTXS736cjs.DatePickerElement; exports.DatePickerElementCore = _chunk2QTXS736cjs.DatePickerElementCore; exports.Field = _chunk2QTXS736cjs.Field; exports.PasswordElement = _chunk2QTXS736cjs.PasswordElement; exports.RadioButtonGroup = _chunk2QTXS736cjs.RadioButtonGroup; exports.SelectCascadeElement = _chunk2QTXS736cjs.SelectCascadeElement; exports.SelectElement = _chunk2QTXS736cjs.SelectElement; exports.SelectMultiElement = _chunk2QTXS736cjs.SelectMultiElement; exports.TextFieldElement = _chunk2QTXS736cjs.TextFieldElement; exports.TimePickerElement = _chunk2QTXS736cjs.TimePickerElement; exports.createDateInputTransform = _chunk2QTXS736cjs.createDateInputTransform; exports.createDateOutputTransform = _chunk2QTXS736cjs.createDateOutputTransform; exports.createDefaultDatePickerConfig = _chunk2QTXS736cjs.createDefaultDatePickerConfig; exports.createStableKey = _chunk2QTXS736cjs.createStableKey; exports.extractErrorMessage = _chunk2QTXS736cjs.extractErrorMessage; exports.isParsableDateString = _chunk2QTXS736cjs.isParsableDateString; exports.isValidDate = _chunk2QTXS736cjs.isValidDate; exports.isValidOption = _chunk2QTXS736cjs.isValidOption; exports.normalizeOptions = _chunk2QTXS736cjs.normalizeOptions; exports.readDatePickerValueAsDate = _chunk2QTXS736cjs.readDatePickerValueAsDate; exports.useDatePickerStyles = _chunk2QTXS736cjs.useDatePickerStyles; exports.useDatePickerValidation = _chunk2QTXS736cjs.useDatePickerValidation; exports.useDatePickerValue = _chunk2QTXS736cjs.useDatePickerValue;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImQ6XFxQcm9qZWN0c1xcR05XZWJTb2Z0LlVJXFxwYWNrYWdlc1xcdWlcXGRpc3RcXHdyYXBwZXJzXFxpbmRleC5janMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0YseURBQThCO0FBQzlCLGlDQUE4QjtBQUM5QixpQ0FBOEI7QUFDOUI7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0YsNnJEQUFDIiwiZmlsZSI6IkQ6XFxQcm9qZWN0c1xcR05XZWJTb2Z0LlVJXFxwYWNrYWdlc1xcdWlcXGRpc3RcXHdyYXBwZXJzXFxpbmRleC5janMifQ==

package/dist/wrappers/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./types";
+export * from "./AsyncMultiSelect2";
+export * from "./CheckboxElement";
+export * from "./CheckboxGroup";
+export * from "./DatePickerElement";
+export * from "./PasswordElement";
+export * from "./RadioButtonGroup";
+export * from "./SelectCascadeElement";
+export * from "./SelectElement";
+export * from "./SelectMultiElement";
+export * from "./TextFieldElement";
+export * from "./TimePickerElement";
+export * from "./Field";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wrappers/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,cAAc,qBAAqB,CAAC;AAEpC,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,mBAAmB,CAAC;AAElC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,sBAAsB,CAAC;AAErC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,SAAS,CAAC"}

package/dist/wrappers/index.js

@@ -25,7 +25,7 @@ import {
   useDatePickerStyles,
   useDatePickerValidation,
   useDatePickerValue
-} from "../chunk-BXF3QEBN.js";
+} from "../chunk-HKO2FXDM.js";
 import "../chunk-GVWCGJ3F.js";
 import "../chunk-FYU2OIMD.js";
 export {

package/dist/wrappers/types/common.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Common type definitions for wrapper components
+ *
+ * @packageDocumentation
+ */
+/**
+ * Base option type for select-based components
+ *
+ * @template V - The value type (string | number | boolean)
+ *
+ * @public
+ */
+export interface BaseOption<V = string | number> {
+    /**
+     * Display label for the option
+     */
+    Label: string;
+    /**
+     * The value of the option
+     */
+    Value: V;
+    /**
+     * Whether the option is disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * Flexible option type that extends base option with additional properties
+ *
+ * @template T - Additional properties object
+ *
+ * @public
+ */
+export type FlexibleOption<T extends Record<string, unknown> = Record<string, unknown>> = T & BaseOption;
+/**
+ * Option type with customizable key names
+ * Useful for components that accept custom labelField/valueField props
+ *
+ * @template TValueKey - The property name for value
+ * @template TLabelKey - The property name for label
+ * @template TDisabledKey - The property name for disabled flag
+ *
+ * @public
+ */
+export type CustomKeyOption<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, string | number | boolean> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
+/**
+ * Legacy option type for backward compatibility with existing code
+ * Uses Value/Label naming convention
+ *
+ * @deprecated Use BaseOption or FlexibleOption instead
+ * @public
+ */
+export interface LegacyOption {
+    /**
+     * Display label for the option (capitalized key name)
+     */
+    Label: string;
+    /**
+     * The value of the option (capitalized key name)
+     */
+    Value: number;
+    /**
+     * Whether the option is disabled
+     */
+    Disabled?: boolean;
+}
+/**
+ * Type guard to check if an object is a valid option
+ *
+ * @param Value - Value to check
+ * @returns True if the value is a valid option object
+ *
+ * @public
+ */
+export declare function isValidOption(value: unknown): value is BaseOption;
+/**
+ * Helper to normalize options to BaseOption format
+ *
+ * @param options - Options array to normalize
+ * @param labelField - Custom label field name in option objects
+ * @param valueField - Custom value field name in option objects
+ * @returns Normalized options array
+ *
+ * @public
+ */
+export declare function normalizeOptions<T extends Record<string, unknown>>(options: T[], labelField?: string, valueField?: string): BaseOption[];
+//# sourceMappingURL=common.d.ts.map

package/dist/wrappers/types/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/wrappers/types/common.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;GAMG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM;IAC7C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACzD,CAAC,GAAG,UAAU,CAAC;AAEnB;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,CACzB,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,YAAY,SAAS,MAAM,GAAG,MAAM,IAClC,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GAC9C,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,GACzB,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,GACtC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1B;;;;;;GAMG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAWjE;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,OAAO,EAAE,CAAC,EAAE,EACZ,UAAU,SAAU,EACpB,UAAU,SAAU,GACnB,UAAU,EAAE,CAMd"}

package/dist/wrappers/types/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Wrapper component type definitions
+ *
+ * @packageDocumentation
+ */
+export type { BaseOption, FlexibleOption, CustomKeyOption, LegacyOption, } from './common';
+export { isValidOption, normalizeOptions } from './common';
+//# sourceMappingURL=index.d.ts.map

package/dist/wrappers/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,YAAY,GACb,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "type": "module",
   "description": "A set of reusable wrappers for MUI v7",
   "author": "GNWebsoft Private Limited",
@@ -20,7 +20,7 @@
     "dev:native": "node scripts/native-watch.js",
     "dev:nodemon": "nodemon --watch src --ext ts,tsx --exec \"tsup\"",
     "dev:legacy": "tsup --watch --ignore-watch node_modules --ignore-watch dist",
-    "build": "pnpm run clean && tsup",
+    "build": "pnpm run clean && tsup && tsc -p tsconfig.dts.json",
     "build:watch": "tsup --watch",
     "clean": "rimraf ./dist/* --glob --no-verbose --no-interactive",
     "lint": "eslint src --fix",
@@ -109,6 +109,7 @@
     "jest-axe": "^10.0.0",
     "jest-environment-jsdom": "^30.0.5",
     "jest-junit": "^16.0.0",
+    "mui-one-time-password-input": "^5.0.0",
     "nodemon": "^3.1.10",
     "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
@@ -136,6 +137,7 @@
     "dayjs": "^1.11.18",
     "es-toolkit": "^1.39.10",
     "lodash": "^4.17.21",
+    "mui-one-time-password-input": "^3.0.2",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-hook-form": "^7.63.0",