@gnwebsoft/ui 3.0.7 → 4.0.0

package/dist/utils/index.d.ts

@@ -1,30 +1,33 @@
-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';
 import { FieldValues, UseFormSetError, Control, DeepPartialSkipArrayKey, Path, PathValue } from 'react-hook-form';
 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>>;
 }
 
@@ -89,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;
 
@@ -363,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 _chunk55VNGODFcjs = require('../chunk-55VNGODF.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 = _chunk55VNGODFcjs.AsyncMultiSelect2; exports.CheckboxElement = _chunk55VNGODFcjs.CheckboxElement; exports.CheckboxGroup = _chunk55VNGODFcjs.CheckboxGroup; exports.DatePickerElement = _chunk55VNGODFcjs.DatePickerElement; exports.DatePickerElementCore = _chunk55VNGODFcjs.DatePickerElementCore; exports.EnhancedTextFieldElement = _chunk55VNGODFcjs.EnhancedTextFieldElement; exports.Field = _chunk55VNGODFcjs.Field; exports.PasswordElement = _chunk55VNGODFcjs.PasswordElement_default; exports.RadioButtonGroup = _chunk55VNGODFcjs.RadioButtonGroup_default; exports.SelectCascadeElement = _chunk55VNGODFcjs.SelectCascadeElement_default; exports.SelectElement = _chunk55VNGODFcjs.SelectElement_default; exports.SelectMultiElement = _chunk55VNGODFcjs.SelectMultiElement_default; exports.TextFieldElement = _chunk55VNGODFcjs.TextFieldElement_default; exports.TimePickerElement = _chunk55VNGODFcjs.TimePickerElement_default; exports.createDateInputTransform = _chunk55VNGODFcjs.createDateInputTransform; exports.createDateOutputTransform = _chunk55VNGODFcjs.createDateOutputTransform; exports.createDefaultDatePickerConfig = _chunk55VNGODFcjs.createDefaultDatePickerConfig; exports.createStableKey = _chunk55VNGODFcjs.createStableKey; exports.extractErrorMessage = _chunk55VNGODFcjs.extractErrorMessage; exports.isParsableDateString = _chunk55VNGODFcjs.isParsableDateString; exports.isValidDate = _chunk55VNGODFcjs.isValidDate; exports.readDatePickerValueAsDate = _chunk55VNGODFcjs.readDatePickerValueAsDate; exports.useDatePickerStyles = _chunk55VNGODFcjs.useDatePickerStyles; exports.useDatePickerValidation = _chunk55VNGODFcjs.useDatePickerValidation; exports.useDatePickerValue = _chunk55VNGODFcjs.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

@@ -1,12 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, Control, FieldError, PathValue, UseControllerProps, UseControllerReturn } from 'react-hook-form';
+import { FieldValues, FieldPath, Control, FieldError, PathValue, UseControllerProps, UseControllerReturn, Path } from 'react-hook-form';
 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 {
     query: string | null;
@@ -96,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
@@ -232,8 +235,8 @@ declare const CheckboxGroup: {
     displayName: string;
 };
 
-type PrimitiveValue$1 = string | number | boolean;
-type OptionObject$1<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue$1> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
+type PrimitiveValue$2 = string | number | boolean;
+type OptionObject$2<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue$2> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
 /**
  * Props for the CheckboxGroup component.
  *
@@ -246,7 +249,7 @@ type OptionObject$1<TValueKey extends string = string, TLabelKey extends string
  *
  * @public
  */
-interface CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$1<TValueKey, TLabelKey, TDisabledKey> = OptionObject$1, TValueKey extends keyof TOption & string = "Value", TLabelKey extends keyof TOption & string = "Label", TDisabledKey extends keyof TOption & string = "disabled"> extends Omit<CheckboxProps, "name" | "checked" | "value" | "onChange"> {
+interface CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$2<TValueKey, TLabelKey, TDisabledKey> = OptionObject$2, TValueKey extends keyof TOption & string = "Value", TLabelKey extends keyof TOption & string = "Label", TDisabledKey extends keyof TOption & string = "disabled"> extends Omit<CheckboxProps, "name" | "checked" | "value" | "onChange"> {
     /**
      * The field name in the form
      * @example "selectedItems" | "user.preferences"
@@ -320,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
@@ -1095,9 +1098,9 @@ declare const PasswordElement: {
     displayName: string;
 };
 
-type PrimitiveValue = string | number | boolean;
-type OptionObject<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
-interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject<TValueKey, TLabelKey, TDisabledKey> = OptionObject, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled"> {
+type PrimitiveValue$1 = string | number | boolean;
+type OptionObject$1<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue$1> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
+interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$1<TValueKey, TLabelKey, TDisabledKey> = OptionObject$1, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled"> {
     options: TOption[];
     helperText?: ReactNode;
     name: TName;
@@ -1119,12 +1122,12 @@ 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;
 }
 declare const RadioButtonGroup: {
-    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject<TValueKey, TLabelKey, TDisabledKey> = OptionObject<string, string, string>, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled">({ gridProps, ...props }: RadioButtonGroupProps<TFieldValues, TName, TOption, TValueKey, TLabelKey, TDisabledKey>): react_jsx_runtime.JSX.Element;
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$1<TValueKey, TLabelKey, TDisabledKey> = OptionObject$1<string, string, string>, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled">({ gridProps, ...props }: RadioButtonGroupProps<TFieldValues, TName, TOption, TValueKey, TLabelKey, TDisabledKey>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1365,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
@@ -1509,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
@@ -1671,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">;
@@ -1683,6 +1686,22 @@ declare const TimePickerElement: {
     displayName: string;
 };
 
+type PrimitiveValue = string | number | boolean;
+type OptionObject<TValueKey extends string = string, TLabelKey extends string = string> = Record<TValueKey, PrimitiveValue> & Record<TLabelKey, string> & Record<string, unknown>;
+type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = Path<TFieldValues>, TValueKey extends string = "Value", TLabelKey extends string = "Label", TOption extends OptionObject<TValueKey, TLabelKey> = OptionObject<TValueKey, TLabelKey>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'control' | 'ref' | 'multiple' | 'loading' | 'getOptionLabel' | 'getOptionKey' | 'isOptionEqualToValue' | 'options' | 'value' | 'filterSelectedOptions' | 'filterOptions' | 'onChange' | 'onInputChange' | 'renderInput'> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: GridProps;
+    placeholder?: string;
+    label?: string;
+    initialValue?: TOption[TValueKey] | null;
+    queryFn: (data: AsyncSelectPayload) => Promise<TOption[] | undefined>;
+    variant?: TextFieldVariants;
+    sx?: SxProps;
+    labelKey?: TLabelKey;
+    valueKey?: TValueKey;
+};
+
 declare const Field: {
     Text: {
         <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>({ gridProps, ...props }: TextFieldElementProps<TFieldValues, TName, TValue>): React.ReactElement;
@@ -1717,7 +1736,10 @@ declare const Field: {
         <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>({ gridProps, ...props }: SelectCascadeElementProps<TOption, TFieldValues, TName>): React.ReactElement;
         displayName: string;
     };
-    AsyncSelect: any;
+    AsyncSelect: {
+        <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValueKey extends string = "Value", TLabelKey extends string = "Label", TOption extends OptionObject<TValueKey, TLabelKey> = OptionObject<TValueKey, TLabelKey>>({ gridProps, ...props }: AsyncSelectElementProps<TFieldValues, TName, TValueKey, TLabelKey, TOption>): React.ReactElement;
+        displayName: string;
+    };
     AsyncMultiSelect: {
         <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>({ gridProps, ...props }: AsyncMultiSelect2Props<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
         displayName: string;
@@ -1728,4 +1750,4 @@ declare const Field: {
     };
 };
 
-export { AsyncMultiSelect2, type AsyncMultiSelect2Props, type AsyncSelect2Payload, type BrandedDate, CheckboxElement, type CheckboxElementProps, CheckboxGroup, type CheckboxGroupProps, DatePickerElement, DatePickerElementCore, type DatePickerElementCoreProps, type DatePickerElementGridProps, type DatePickerElementProps, type DatePickerHookReturn, type DatePickerValidationConfig, type DateTransform, EnhancedTextFieldElement, type EnhancedTextFieldElementProps, Field, type Option2Item, type OptionObject$1 as OptionObject, PasswordElement, RadioButtonGroup, SelectCascadeElement, SelectElement, SelectMultiElement, TextFieldElement, TimePickerElement, type TypedDatePickerSlotProps, type UseDatePickerStylesOptions, type UseDatePickerStylesReturn, type UseDatePickerValidationOptions, type UseDatePickerValidationReturn, type UseDatePickerValueOptions, type UseDatePickerValueReturn, type ValidatedDate, createDateInputTransform, createDateOutputTransform, createDefaultDatePickerConfig, createStableKey, extractErrorMessage, isParsableDateString, isValidDate, readDatePickerValueAsDate, useDatePickerStyles, useDatePickerValidation, useDatePickerValue };
+export { AsyncMultiSelect2, type AsyncMultiSelect2Props, type AsyncSelect2Payload, type BrandedDate, CheckboxElement, type CheckboxElementProps, CheckboxGroup, type CheckboxGroupProps, DatePickerElement, DatePickerElementCore, type DatePickerElementCoreProps, type DatePickerElementGridProps, type DatePickerElementProps, type DatePickerHookReturn, type DatePickerValidationConfig, type DateTransform, EnhancedTextFieldElement, type EnhancedTextFieldElementProps, Field, type Option2Item, type OptionObject$2 as OptionObject, PasswordElement, RadioButtonGroup, SelectCascadeElement, SelectElement, SelectMultiElement, TextFieldElement, TimePickerElement, type TypedDatePickerSlotProps, type UseDatePickerStylesOptions, type UseDatePickerStylesReturn, type UseDatePickerValidationOptions, type UseDatePickerValidationReturn, type UseDatePickerValueOptions, type UseDatePickerValueReturn, type ValidatedDate, createDateInputTransform, createDateOutputTransform, createDefaultDatePickerConfig, createStableKey, extractErrorMessage, isParsableDateString, isValidDate, readDatePickerValueAsDate, useDatePickerStyles, useDatePickerValidation, useDatePickerValue };