@gnwebsoft/ui 3.0.8 → 4.0.0

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { PostModel, ApiResponse, ListResponse, ValidationErrors } from '../types/index.js';
+import { PostModel, ApiResponse, ListResponse, JsonObject, RequestOptions, ValidationErrors } from '../types/index.js';
 import { PickerValidDate } from '@mui/x-date-pickers';
 import { useLocalizationContext } from '@mui/x-date-pickers/internals';
 import * as react_hook_form from 'react-hook-form';
@@ -6,26 +6,28 @@ import { FieldValues, UseFormSetError, Control, DeepPartialSkipArrayKey, Path, P
 import { z } from 'zod';
 import '@mui/x-data-grid';
 import '../AsyncSelectPayload-B9-6l33R.js';
+import '../events-BcHVCLBz.js';
+import 'react';
 
 declare class api {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<ListResponse<T>>>;
-    static post<T>(url: string, body?: any): Promise<ApiResponse<T>>;
+    static post<T>(url: string, body?: JsonObject): Promise<ApiResponse<T>>;
     static get<T>(url: string): Promise<ApiResponse<T>>;
     static delete<T>(url: string): Promise<ApiResponse<T>>;
-    static put<T>(url: string, body?: any): Promise<ApiResponse<T>>;
-    static fetch(url: string, options?: any): Promise<Response>;
-    static tempFetch<T>(url: string, options?: any): Promise<ApiResponse<T>>;
+    static put<T>(url: string, body?: JsonObject): Promise<ApiResponse<T>>;
+    static fetch(url: string, options?: RequestInit): Promise<Response>;
+    static tempFetch<T>(url: string, options?: RequestOptions): Promise<ApiResponse<T>>;
     static upload<T>(url: string, formData: FormData): Promise<ApiResponse<T>>;
 }
 
 declare class api2 {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<ListResponse<T>>>;
-    static post<T>(url: string, body?: any): Promise<ApiResponse<T>>;
+    static post<T>(url: string, body?: JsonObject): Promise<ApiResponse<T>>;
     static get<T>(url: string): Promise<ApiResponse<T>>;
     static delete<T>(url: string): Promise<ApiResponse<T>>;
-    static put<T>(url: string, body?: any): Promise<ApiResponse<T>>;
-    static fetch(url: string, options?: any): Promise<Response>;
-    static tempFetch<T>(url: string, options?: any): Promise<ApiResponse<T>>;
+    static put<T>(url: string, body?: JsonObject): Promise<ApiResponse<T>>;
+    static fetch(url: string, options?: RequestInit): Promise<Response>;
+    static tempFetch<T>(url: string, options?: RequestOptions): Promise<ApiResponse<T>>;
     static upload<T>(url: string, formData: FormData): Promise<ApiResponse<T>>;
 }
 
@@ -90,9 +92,7 @@ declare class api2 {
  *
  * @public
  */
-declare const flattenObjectKeys: (obj: any, prefix?: string) => {
-    [x: string]: any;
-};
+declare const flattenObjectKeys: (obj: unknown, prefix?: string) => Record<string, unknown>;
 
 declare function getTimezone<TDate extends PickerValidDate>(adapter: ReturnType<typeof useLocalizationContext>, value: TDate): string | null;
 
@@ -364,4 +364,320 @@ declare const typedWatch: {
     readonly selector: <TFieldValues extends react_hook_form.FieldValues, TName extends react_hook_form.Path<TFieldValues>, TOutput>(control: react_hook_form.Control<TFieldValues>, name: TName, selector: (value: react_hook_form.PathValue<TFieldValues, TName>) => TOutput, deps?: React.DependencyList) => TOutput;
 };
 
-export { type PathArray, api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools, typedWatch, useWatchBatch, useWatchBoolean, useWatchConditional, useWatchDebounced, useWatchDefault, useWatchField, useWatchFields, useWatchForm, useWatchSelector, useWatchTransform };
+/**
+ * Type guard utilities for runtime type checking
+ *
+ * @packageDocumentation
+ */
+/**
+ * Type guard to check if a value is a non-null object (excluding arrays)
+ *
+ * @param value - The value to check
+ * @returns True if the value is a plain object
+ *
+ * @example
+ * ```typescript
+ * if (isRecord(value)) {
+ *   // value is Record<string, unknown>
+ *   const keys = Object.keys(value);
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isRecord(value: unknown): value is Record<string, unknown>;
+/**
+ * Type guard to check if an object has a specific property
+ *
+ * @param obj - The object to check
+ * @param key - The property key to look for
+ * @returns True if the object has the property
+ *
+ * @example
+ * ```typescript
+ * if (hasProperty(obj, 'name')) {
+ *   // obj is Record<'name', unknown>
+ *   console.log(obj.name);
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function hasProperty<K extends PropertyKey>(obj: unknown, key: K): obj is Record<K, unknown>;
+/**
+ * Type guard to check if a value is a non-empty string
+ *
+ * @param value - The value to check
+ * @returns True if the value is a non-empty string
+ *
+ * @example
+ * ```typescript
+ * if (isNonEmptyString(value)) {
+ *   // value is string with length > 0
+ *   console.log(value.toUpperCase());
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isNonEmptyString(value: unknown): value is string;
+/**
+ * Type guard to check if a value is a valid array
+ *
+ * @param value - The value to check
+ * @returns True if the value is an array
+ *
+ * @example
+ * ```typescript
+ * if (isArray(value)) {
+ *   // value is unknown[]
+ *   value.forEach(item => console.log(item));
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isArray<T = unknown>(value: unknown): value is T[];
+/**
+ * Type guard to check if a value is a non-empty array
+ *
+ * @param value - The value to check
+ * @returns True if the value is a non-empty array
+ *
+ * @example
+ * ```typescript
+ * if (isNonEmptyArray(items)) {
+ *   // items is [T, ...T[]] - guaranteed to have at least one element
+ *   const first = items[0];  // Safe access
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isNonEmptyArray<T>(value: unknown): value is [T, ...T[]];
+/**
+ * Type guard to check if a value is a function
+ *
+ * @param value - The value to check
+ * @returns True if the value is a function
+ *
+ * @example
+ * ```typescript
+ * if (isFunction(callback)) {
+ *   // callback is (...args: unknown[]) => unknown
+ *   callback();
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isFunction(value: unknown): value is (...args: readonly unknown[]) => unknown;
+/**
+ * Type guard to check if a value is a string
+ *
+ * @param value - The value to check
+ * @returns True if the value is a string (including empty string)
+ *
+ * @example
+ * ```typescript
+ * if (isString(value)) {
+ *   // value is string
+ *   console.log(value.length);
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isString(value: unknown): value is string;
+/**
+ * Type guard to check if a value is a number (excluding NaN)
+ *
+ * @param value - The value to check
+ * @returns True if the value is a valid number
+ *
+ * @example
+ * ```typescript
+ * if (isNumber(value)) {
+ *   // value is number (not NaN)
+ *   const doubled = value * 2;
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isNumber(value: unknown): value is number;
+/**
+ * Type guard to check if a value is a boolean
+ *
+ * @param value - The value to check
+ * @returns True if the value is a boolean
+ *
+ * @example
+ * ```typescript
+ * if (isBoolean(value)) {
+ *   // value is boolean
+ *   console.log(!value);
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isBoolean(value: unknown): value is boolean;
+/**
+ * Type guard to check if a value is null
+ *
+ * @param value - The value to check
+ * @returns True if the value is null
+ *
+ * @example
+ * ```typescript
+ * if (isNull(value)) {
+ *   // value is null
+ *   return defaultValue;
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isNull(value: unknown): value is null;
+/**
+ * Type guard to check if a value is undefined
+ *
+ * @param value - The value to check
+ * @returns True if the value is undefined
+ *
+ * @example
+ * ```typescript
+ * if (isUndefined(value)) {
+ *   // value is undefined
+ *   return defaultValue;
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isUndefined(value: unknown): value is undefined;
+/**
+ * Type guard to check if a value is null or undefined
+ *
+ * @param value - The value to check
+ * @returns True if the value is nullish
+ *
+ * @example
+ * ```typescript
+ * if (isNullish(value)) {
+ *   // value is null | undefined
+ *   return defaultValue;
+ * }
+ *
+ * if (!isNullish(value)) {
+ *   // value is NonNullable<typeof value>
+ *   console.log(value);
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isNullish(value: unknown): value is null | undefined;
+/**
+ * Type guard to check if a value is defined (not null or undefined)
+ *
+ * @param value - The value to check
+ * @returns True if the value is not null or undefined
+ *
+ * @example
+ * ```typescript
+ * const filtered = items.filter(isDefined);
+ * // filtered has type: NonNullable<T>[]
+ * ```
+ *
+ * @public
+ */
+declare function isDefined<T>(value: T): value is NonNullable<T>;
+/**
+ * Type guard to check if a value is a Date object
+ *
+ * @param value - The value to check
+ * @returns True if the value is a Date
+ *
+ * @example
+ * ```typescript
+ * if (isDate(value)) {
+ *   // value is Date
+ *   console.log(value.toISOString());
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isDate(value: unknown): value is Date;
+/**
+ * Type guard to check if a value is a Promise
+ *
+ * @param value - The value to check
+ * @returns True if the value is a Promise
+ *
+ * @example
+ * ```typescript
+ * if (isPromise(value)) {
+ *   // value is Promise<unknown>
+ *   const result = await value;
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isPromise(value: unknown): value is Promise<unknown>;
+/**
+ * Type guard to check if an error is an Error instance
+ *
+ * @param error - The error to check
+ * @returns True if the error is an Error instance
+ *
+ * @example
+ * ```typescript
+ * try {
+ *   // ...
+ * } catch (error) {
+ *   if (isError(error)) {
+ *     // error is Error
+ *     console.error(error.message);
+ *   }
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function isError(error: unknown): error is Error;
+/**
+ * Type guard to check if a value matches a specific type using a validator function
+ *
+ * @param value - The value to check
+ * @param validator - Function that returns true if value matches the type
+ * @returns True if the value matches the type
+ *
+ * @example
+ * ```typescript
+ * interface User {
+ *   id: string;
+ *   name: string;
+ * }
+ *
+ * const isUser = (value: unknown): value is User =>
+ *   isRecord(value) &&
+ *   hasProperty(value, 'id') &&
+ *   hasProperty(value, 'name') &&
+ *   isString(value.id) &&
+ *   isString(value.name);
+ *
+ * if (isUser(data)) {
+ *   // data is User
+ *   console.log(data.name);
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function matches<T>(value: unknown, validator: (value: unknown) => value is T): value is T;
+
+export { type PathArray, api, api2, flattenObjectKeys, getTimezone, handleServerErrors, hasProperty, isArray, isBoolean, isDate, isDefined, isError, isFunction, isNonEmptyArray, isNonEmptyString, isNull, isNullish, isNumber, isPromise, isRecord, isString, isUndefined, matches, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools, typedWatch, useWatchBatch, useWatchBoolean, useWatchConditional, useWatchDebounced, useWatchDefault, useWatchField, useWatchFields, useWatchForm, useWatchSelector, useWatchTransform };

package/dist/utils/index.js

@@ -4,6 +4,23 @@ import {
   flattenObjectKeys,
   getTimezone,
   handleServerErrors,
+  hasProperty,
+  isArray,
+  isBoolean,
+  isDate,
+  isDefined,
+  isError,
+  isFunction,
+  isNonEmptyArray,
+  isNonEmptyString,
+  isNull,
+  isNullish,
+  isNumber,
+  isPromise,
+  isRecord,
+  isString,
+  isUndefined,
+  matches,
   propertyExists,
   readValueAsDate,
   removeLeadingTrailingSlashes,
@@ -19,13 +36,30 @@ import {
   useWatchForm,
   useWatchSelector,
   useWatchTransform
-} from "../chunk-4H3AFH7A.js";
+} from "../chunk-ALHC7RLK.js";
 export {
   api,
   api2,
   flattenObjectKeys,
   getTimezone,
   handleServerErrors,
+  hasProperty,
+  isArray,
+  isBoolean,
+  isDate,
+  isDefined,
+  isError,
+  isFunction,
+  isNonEmptyArray,
+  isNonEmptyString,
+  isNull,
+  isNullish,
+  isNumber,
+  isPromise,
+  isRecord,
+  isString,
+  isUndefined,
+  matches,
   propertyExists,
   readValueAsDate,
   removeLeadingTrailingSlashes,

package/dist/wrappers/index.cjs

@@ -24,8 +24,8 @@
 
 
 
-var _chunkMW2UCDTIcjs = require('../chunk-MW2UCDTI.cjs');
-require('../chunk-R2YK4LTT.cjs');
+var _chunkAEOF2TUFcjs = require('../chunk-AEOF2TUF.cjs');
+require('../chunk-HEHPKM4B.cjs');
 
 
 
@@ -52,5 +52,5 @@ require('../chunk-R2YK4LTT.cjs');
 
 
 
-exports.AsyncMultiSelect2 = _chunkMW2UCDTIcjs.AsyncMultiSelect2; exports.CheckboxElement = _chunkMW2UCDTIcjs.CheckboxElement; exports.CheckboxGroup = _chunkMW2UCDTIcjs.CheckboxGroup; exports.DatePickerElement = _chunkMW2UCDTIcjs.DatePickerElement; exports.DatePickerElementCore = _chunkMW2UCDTIcjs.DatePickerElementCore; exports.EnhancedTextFieldElement = _chunkMW2UCDTIcjs.EnhancedTextFieldElement; exports.Field = _chunkMW2UCDTIcjs.Field; exports.PasswordElement = _chunkMW2UCDTIcjs.PasswordElement_default; exports.RadioButtonGroup = _chunkMW2UCDTIcjs.RadioButtonGroup_default; exports.SelectCascadeElement = _chunkMW2UCDTIcjs.SelectCascadeElement_default; exports.SelectElement = _chunkMW2UCDTIcjs.SelectElement_default; exports.SelectMultiElement = _chunkMW2UCDTIcjs.SelectMultiElement_default; exports.TextFieldElement = _chunkMW2UCDTIcjs.TextFieldElement_default; exports.TimePickerElement = _chunkMW2UCDTIcjs.TimePickerElement_default; exports.createDateInputTransform = _chunkMW2UCDTIcjs.createDateInputTransform; exports.createDateOutputTransform = _chunkMW2UCDTIcjs.createDateOutputTransform; exports.createDefaultDatePickerConfig = _chunkMW2UCDTIcjs.createDefaultDatePickerConfig; exports.createStableKey = _chunkMW2UCDTIcjs.createStableKey; exports.extractErrorMessage = _chunkMW2UCDTIcjs.extractErrorMessage; exports.isParsableDateString = _chunkMW2UCDTIcjs.isParsableDateString; exports.isValidDate = _chunkMW2UCDTIcjs.isValidDate; exports.readDatePickerValueAsDate = _chunkMW2UCDTIcjs.readDatePickerValueAsDate; exports.useDatePickerStyles = _chunkMW2UCDTIcjs.useDatePickerStyles; exports.useDatePickerValidation = _chunkMW2UCDTIcjs.useDatePickerValidation; exports.useDatePickerValue = _chunkMW2UCDTIcjs.useDatePickerValue;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImQ6XFxQcm9qZWN0c1xcZ253ZWItbW9ub3JlcG9cXHBhY2thZ2VzXFx1aVxcZGlzdFxcd3JhcHBlcnNcXGluZGV4LmNqcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0YseURBQThCO0FBQzlCLGlDQUE4QjtBQUM5QjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0YsNHNEQUFDIiwiZmlsZSI6IkQ6XFxQcm9qZWN0c1xcZ253ZWItbW9ub3JlcG9cXHBhY2thZ2VzXFx1aVxcZGlzdFxcd3JhcHBlcnNcXGluZGV4LmNqcyJ9
+exports.AsyncMultiSelect2 = _chunkAEOF2TUFcjs.AsyncMultiSelect2; exports.CheckboxElement = _chunkAEOF2TUFcjs.CheckboxElement; exports.CheckboxGroup = _chunkAEOF2TUFcjs.CheckboxGroup; exports.DatePickerElement = _chunkAEOF2TUFcjs.DatePickerElement; exports.DatePickerElementCore = _chunkAEOF2TUFcjs.DatePickerElementCore; exports.EnhancedTextFieldElement = _chunkAEOF2TUFcjs.EnhancedTextFieldElement; exports.Field = _chunkAEOF2TUFcjs.Field; exports.PasswordElement = _chunkAEOF2TUFcjs.PasswordElement_default; exports.RadioButtonGroup = _chunkAEOF2TUFcjs.RadioButtonGroup_default; exports.SelectCascadeElement = _chunkAEOF2TUFcjs.SelectCascadeElement_default; exports.SelectElement = _chunkAEOF2TUFcjs.SelectElement_default; exports.SelectMultiElement = _chunkAEOF2TUFcjs.SelectMultiElement_default; exports.TextFieldElement = _chunkAEOF2TUFcjs.TextFieldElement_default; exports.TimePickerElement = _chunkAEOF2TUFcjs.TimePickerElement_default; exports.createDateInputTransform = _chunkAEOF2TUFcjs.createDateInputTransform; exports.createDateOutputTransform = _chunkAEOF2TUFcjs.createDateOutputTransform; exports.createDefaultDatePickerConfig = _chunkAEOF2TUFcjs.createDefaultDatePickerConfig; exports.createStableKey = _chunkAEOF2TUFcjs.createStableKey; exports.extractErrorMessage = _chunkAEOF2TUFcjs.extractErrorMessage; exports.isParsableDateString = _chunkAEOF2TUFcjs.isParsableDateString; exports.isValidDate = _chunkAEOF2TUFcjs.isValidDate; exports.readDatePickerValueAsDate = _chunkAEOF2TUFcjs.readDatePickerValueAsDate; exports.useDatePickerStyles = _chunkAEOF2TUFcjs.useDatePickerStyles; exports.useDatePickerValidation = _chunkAEOF2TUFcjs.useDatePickerValidation; exports.useDatePickerValue = _chunkAEOF2TUFcjs.useDatePickerValue;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvbGlicy9HTldlYlNvZnQuVUkvcGFja2FnZXMvdWkvZGlzdC93cmFwcGVycy9pbmRleC5janMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNGLHlEQUE4QjtBQUM5QixpQ0FBOEI7QUFDOUI7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNGLDRzREFBQyIsImZpbGUiOiIvYnVpbGRzL2xpYnMvR05XZWJTb2Z0LlVJL3BhY2thZ2VzL3VpL2Rpc3Qvd3JhcHBlcnMvaW5kZXguY2pzIn0=

package/dist/wrappers/index.d.cts

@@ -4,9 +4,10 @@ import { FieldValues, FieldPath, Control, FieldError, PathValue, UseControllerPr
 import { GridProps, TextFieldVariants, SxProps, AutocompleteRenderInputParams, CheckboxProps, FormControlLabelProps, Theme, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, ChipTypeMap, AutocompleteProps, TextField } from '@mui/material';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ChangeEvent } from 'react';
+import { E as EventOrValue } from '../events-BcHVCLBz.cjs';
 import { PickerValidDate, DateValidationError, PickerChangeHandlerContext, DatePickerSlotProps, DatePickerProps, TimeValidationError, TimePickerSlotProps, TimePickerProps } from '@mui/x-date-pickers';
 import { useLocalizationContext } from '@mui/x-date-pickers/internals';
-import { F as FieldType } from '../enhanced-z-I7EHVS.cjs';
+import { F as FieldType } from '../enhanced-ZQoS03Cd.cjs';
 import { A as AsyncSelectPayload } from '../AsyncSelectPayload-B9-6l33R.cjs';
 
 interface AsyncSelect2Payload {
@@ -97,12 +98,13 @@ interface CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, T
          */
         input?: (value: PathValue<TFieldValues, TName>) => boolean;
         /**
-         * Transform the checkbox state back to the desired field value.
+         * Transform the checkbox change event back to the desired field value.
          * If not provided, the boolean checked state is used directly.
-         * @param checked - The checkbox checked state
+         * @param event - The checkbox change event
+         * @param checked - The new checked state
          * @returns The transformed value to store in the form
          */
-        output?: (checked: boolean) => PathValue<TFieldValues, TName>;
+        output?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => PathValue<TFieldValues, TName>;
     };
     /**
      * Custom onChange handler that works alongside the form controller
@@ -321,7 +323,7 @@ interface CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TNa
          * @param selectedValues - Array of selected option values
          * @returns The transformed value to store in the form
          */
-        output?: (selectedValues: Array<TOption[TValueKey]>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * Custom onChange handler that works alongside the form controller
@@ -1120,7 +1122,7 @@ interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues,
     disabled?: boolean;
     transform?: {
         input?: (value: PathValue<TFieldValues, TName>) => TOption[TValueKey];
-        output?: (value: TOption[TValueKey] | TOption | undefined) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     gridProps?: GridProps;
 }
@@ -1366,7 +1368,7 @@ interface TextFieldElementProps<TFieldValues extends FieldValues = FieldValues,
         /** Transform value before displaying in input */
         input?: (value: PathValue<TFieldValues, TName>) => TValue;
         /** Transform input event to form value */
-        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * The input label text
@@ -1510,7 +1512,7 @@ interface EnhancedTextFieldElementProps<TFieldValues extends FieldValues = Field
         /** Transform value before displaying in input */
         input?: (value: PathValue<TFieldValues, TName>) => TValue;
         /** Transform input event to form value */
-        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * Built-in field type for automatic transformation
@@ -1672,7 +1674,7 @@ interface TimePickerElementProps<TFieldValues extends FieldValues = FieldValues,
     slotProps?: Omit<TimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, "textField">;
     transform?: {
         input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
-        output?: (value: TValue | null, context: PickerChangeHandlerContext<TimeValidationError>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     gridProps?: GridProps;
     timePickerProps?: Omit<TimePickerProps<TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;

package/dist/wrappers/index.d.ts

@@ -4,9 +4,10 @@ import { FieldValues, FieldPath, Control, FieldError, PathValue, UseControllerPr
 import { GridProps, TextFieldVariants, SxProps, AutocompleteRenderInputParams, CheckboxProps, FormControlLabelProps, Theme, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, ChipTypeMap, AutocompleteProps, TextField } from '@mui/material';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ChangeEvent } from 'react';
+import { E as EventOrValue } from '../events-BcHVCLBz.js';
 import { PickerValidDate, DateValidationError, PickerChangeHandlerContext, DatePickerSlotProps, DatePickerProps, TimeValidationError, TimePickerSlotProps, TimePickerProps } from '@mui/x-date-pickers';
 import { useLocalizationContext } from '@mui/x-date-pickers/internals';
-import { F as FieldType } from '../enhanced-z-I7EHVS.js';
+import { F as FieldType } from '../enhanced-CDTkKUlj.js';
 import { A as AsyncSelectPayload } from '../AsyncSelectPayload-B9-6l33R.js';
 
 interface AsyncSelect2Payload {
@@ -97,12 +98,13 @@ interface CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, T
          */
         input?: (value: PathValue<TFieldValues, TName>) => boolean;
         /**
-         * Transform the checkbox state back to the desired field value.
+         * Transform the checkbox change event back to the desired field value.
          * If not provided, the boolean checked state is used directly.
-         * @param checked - The checkbox checked state
+         * @param event - The checkbox change event
+         * @param checked - The new checked state
          * @returns The transformed value to store in the form
          */
-        output?: (checked: boolean) => PathValue<TFieldValues, TName>;
+        output?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => PathValue<TFieldValues, TName>;
     };
     /**
      * Custom onChange handler that works alongside the form controller
@@ -321,7 +323,7 @@ interface CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TNa
          * @param selectedValues - Array of selected option values
          * @returns The transformed value to store in the form
          */
-        output?: (selectedValues: Array<TOption[TValueKey]>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * Custom onChange handler that works alongside the form controller
@@ -1120,7 +1122,7 @@ interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues,
     disabled?: boolean;
     transform?: {
         input?: (value: PathValue<TFieldValues, TName>) => TOption[TValueKey];
-        output?: (value: TOption[TValueKey] | TOption | undefined) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     gridProps?: GridProps;
 }
@@ -1366,7 +1368,7 @@ interface TextFieldElementProps<TFieldValues extends FieldValues = FieldValues,
         /** Transform value before displaying in input */
         input?: (value: PathValue<TFieldValues, TName>) => TValue;
         /** Transform input event to form value */
-        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * The input label text
@@ -1510,7 +1512,7 @@ interface EnhancedTextFieldElementProps<TFieldValues extends FieldValues = Field
         /** Transform value before displaying in input */
         input?: (value: PathValue<TFieldValues, TName>) => TValue;
         /** Transform input event to form value */
-        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * Built-in field type for automatic transformation
@@ -1672,7 +1674,7 @@ interface TimePickerElementProps<TFieldValues extends FieldValues = FieldValues,
     slotProps?: Omit<TimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, "textField">;
     transform?: {
         input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
-        output?: (value: TValue | null, context: PickerChangeHandlerContext<TimeValidationError>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     gridProps?: GridProps;
     timePickerProps?: Omit<TimePickerProps<TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;

package/dist/wrappers/index.js

@@ -24,8 +24,8 @@ import {
   useDatePickerStyles,
   useDatePickerValidation,
   useDatePickerValue
-} from "../chunk-JCXHX2PZ.js";
-import "../chunk-DE62KYFK.js";
+} from "../chunk-CHZU4PZB.js";
+import "../chunk-3OPVOWQK.js";
 export {
   AsyncMultiSelect2,
   CheckboxElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "3.0.8",
+  "version": "4.0.0",
   "type": "module",
   "description": "A set of reusable wrappers for MUI v7",
   "author": "GNWebsoft Private Limited",
@@ -30,7 +30,7 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "test:ci": "jest --ci --coverage --watchAll=false --reporters=default --reporters=jest-junit",
+    "test:ci": "jest --ci --coverage --watchAll=false",
     "test:a11y": "jest --testNamePattern=\"a11y\"",
     "docs:api": "typedoc",
     "docs:api:md": "typedoc --plugin typedoc-plugin-markdown --out docs/markdown",