@gnwebsoft/ui 4.0.3 → 4.0.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/wrappers/AsyncMultiSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAG3D,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAGhD,MAAM,MAAM,YAAY,CACtB,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,SAAS,SAAS,MAAM,GAAG,MAAM,IAC/B,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,GACnC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,GACzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1B,MAAM,MAAM,4BAA4B,CACtC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,EAC1D,SAAS,SAAS,MAAM,GAAG,OAAO,EAClC,SAAS,SAAS,MAAM,GAAG,OAAO,EAClC,OAAO,SAAS,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,EACvF,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,IAAI,CACN,iBAAiB,CACf,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACC,MAAM,GACN,SAAS,GACT,KAAK,GACL,UAAU,GACV,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,sBAAsB,GACtB,SAAS,GACT,OAAO,GACP,uBAAuB,GACvB,eAAe,GACf,UAAU,GACV,eAAe,GACf,aAAa,CAChB,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,aAAa,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,CAAC;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/dist/wrappers/AsyncMultiSelect2/AsyncMultiSelect2.d.ts

@@ -0,0 +1,8 @@
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { AsyncMultiSelect2Props } from './types';
+declare const AsyncMultiSelect2: {
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: AsyncMultiSelect2Props<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { AsyncMultiSelect2 };
+//# sourceMappingURL=AsyncMultiSelect2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncMultiSelect2.d.ts","sourceRoot":"","sources":["../../../src/wrappers/AsyncMultiSelect2/AsyncMultiSelect2.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,KAAK,EACV,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAiOjB,QAAA,MAAM,iBAAiB;KACrB,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,qDAIpC,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC;;CAM7C,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+export { AsyncMultiSelect2 } from "./AsyncMultiSelect2";
+export type { AsyncMultiSelect2Props, AsyncSelect2Payload, Option2Item } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/AsyncMultiSelect2/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,YAAY,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,29 @@
+import type { AutocompleteRenderInputParams, GridProps, SxProps, TextFieldVariants } from "@mui/material";
+import type React from "react";
+import type { Control, FieldPath, FieldValues } from "react-hook-form";
+export interface AsyncSelect2Payload {
+    query: string | null;
+    initialValues?: Array<string | number> | null;
+}
+export interface Option2Item {
+    value: string | number;
+    label: string;
+    [key: string]: unknown;
+}
+export interface AsyncMultiSelect2Props<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
+    name: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: GridProps;
+    placeholder?: string;
+    label?: string;
+    initialValues?: Array<string | number> | null;
+    queryFn: (payload: AsyncSelect2Payload) => Promise<Option2Item[]>;
+    variant?: TextFieldVariants;
+    sx?: SxProps;
+    disabled?: boolean;
+    debounceMs?: number;
+    loadingText?: string;
+    noOptionsText?: string;
+    renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/wrappers/AsyncMultiSelect2/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,6BAA6B,EAC7B,SAAS,EACT,OAAO,EACP,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB,CACrC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC;IAE/D,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,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAC9C,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAClE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,KAAK,CAAC,SAAS,CAAC;CAE1E"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type FieldPath, type FieldValues } from 'react-hook-form';
+import type { AsyncSelectElementProps, OptionObject } from './types';
+declare const AsyncSelectElement: {
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = 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;
+};
+export { AsyncSelectElement };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/AsyncSelect/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAqQrE,QAAA,MAAM,kBAAkB;KACtB,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,4BACrC,SAAS,SAAS,MAAM,YACxB,SAAS,SAAS,MAAM,YACxB,OAAO,SAAS,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,gEAOjD,uBAAuB,CACxB,YAAY,EACZ,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,CACR,GAAG,KAAK,CAAC,YAAY;;CAQrB,CAAC;AAIF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { GridProps, ChipTypeMap, AutocompleteProps, TextFieldVariants } from '@mui/material';
+import type { Path, Control, FieldPath, FieldValues } from 'react-hook-form';
+import type { AsyncSelectPayload } from '@/types';
+type PrimitiveValue = string | number | boolean;
+export type OptionObject<TValueKey extends string = string, TLabelKey extends string = string> = Record<TValueKey, PrimitiveValue> & Record<TLabelKey, string>;
+export 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;
+    labelField?: TLabelKey;
+    valueField?: TValueKey;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/wrappers/AsyncSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAGhD,MAAM,MAAM,YAAY,CACtB,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,SAAS,SAAS,MAAM,GAAG,MAAM,IAC/B,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,GACnC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAE5B,MAAM,MAAM,uBAAuB,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,EAC1D,SAAS,SAAS,MAAM,GAAG,OAAO,EAClC,SAAS,SAAS,MAAM,GAAG,OAAO,EAClC,OAAO,SAAS,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,EACvF,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,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,IAAI,CACN,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,CAAC,EAC7E,MAAM,GACN,SAAS,GACT,KAAK,GACL,UAAU,GACV,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,sBAAsB,GACtB,SAAS,GACT,OAAO,GACP,uBAAuB,GACvB,eAAe,GACf,UAAU,GACV,eAAe,GACf,aAAa,CAChB,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,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACzC,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/dist/wrappers/Button.d.ts

@@ -0,0 +1,49 @@
+import type { ButtonTypeMap } from "@mui/material";
+import type { OverrideProps } from "@mui/material/OverridableComponent";
+/**
+ * Props for the SimpleButton component
+ *
+ * @template RootComponent - The root component type
+ * @template AdditionalProps - Additional props type
+ *
+ * @public
+ */
+export type SimpleButtonProps<RootComponent extends React.ElementType = ButtonTypeMap["defaultComponent"], AdditionalProps = Record<string, never>> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+    /**
+     * Custom component to render instead of button
+     */
+    component?: React.ElementType;
+    /**
+     * Whether to show the button
+     * @defaultValue true
+     */
+    show?: boolean;
+};
+/**
+ * A simple wrapper around MUI Button with conditional rendering support
+ *
+ * This component extends MUI's Button with an optional `show` prop for conditional rendering.
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <SimpleButton variant="contained" color="primary">
+ *   Click Me
+ * </SimpleButton>
+ * ```
+ *
+ * @example
+ * Conditional rendering:
+ * ```tsx
+ * <SimpleButton show={hasPermission} variant="contained" onClick={handleSave}>
+ *   Save
+ * </SimpleButton>
+ * ```
+ *
+ * @param props - Button props
+ * @returns MUI Button component or null if show is false
+ *
+ * @public
+ */
+export declare const SimpleButton: (props: SimpleButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/wrappers/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,CAC3B,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAC,EAC3E,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IACrC,aAAa,CACf,aAAa,CAAC,eAAe,EAAE,aAAa,CAAC,EAC7C,aAAa,CACd,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY,GAAyB,OAAO,iBAAiB,mDAQzE,CAAC"}

package/dist/wrappers/CheckboxElement/CheckboxElement.d.ts

@@ -0,0 +1,102 @@
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { CheckboxElementProps } from './types';
+/**
+ * A react-hook-form integrated Checkbox component with automatic validation and grid layout.
+ *
+ * This component provides a fully integrated checkbox input that works seamlessly with react-hook-form,
+ * including automatic validation, error handling, value transformation, and optional Grid wrapper for responsive layouts.
+ *
+ * Features:
+ * - Full react-hook-form integration with useController
+ * - Automatic error display with custom parsing support
+ * - Value transformation with useTransform hook for boolean values
+ * - Customizable label and positioning
+ * - Grid layout wrapper with responsive design
+ * - TypeScript type safety with generic constraints
+ * - Disabled state support with proper theming
+ * - Helper text support for additional context
+ * - Custom error parsing for internationalization
+ * - Simple boolean value handling with optional custom transforms
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <CheckboxElement
+ *   control={control}
+ *   name="acceptTerms"
+ *   label="I agree to the terms and conditions"
+ * />
+ * ```
+ *
+ * @example
+ * With validation and helper text:
+ * ```tsx
+ * <CheckboxElement
+ *   control={control}
+ *   name="newsletter"
+ *   label="Subscribe to newsletter"
+ *   helperText="You can unsubscribe at any time"
+ *   rules={{ required: 'Please accept to continue' }}
+ * />
+ * ```
+ *
+ * @example
+ * Custom grid layout and styling:
+ * ```tsx
+ * <CheckboxElement
+ *   control={control}
+ *   name="isPublic"
+ *   label="Make this public"
+ *   gridProps={{ size: { xs: 12, md: 6 } }}
+ *   labelProps={{ sx: { fontWeight: 'bold' } }}
+ *   sx={{ color: 'primary.main' }}
+ * />
+ * ```
+ *
+ * @example
+ * With value transformation (string to boolean):
+ * ```tsx
+ * <CheckboxElement
+ *   control={control}
+ *   name="status"
+ *   label="Active"
+ *   transform={{
+ *     input: (value) => value === 'active',
+ *     output: (checked) => checked ? 'active' : 'inactive'
+ *   }}
+ * />
+ * ```
+ *
+ * @example
+ * Simple boolean field:
+ * ```tsx
+ * <CheckboxElement
+ *   control={control}
+ *   name="isEnabled"
+ *   label="Enable feature"
+ * />
+ * ```
+ *
+ * @example
+ * Custom error parsing for internationalization:
+ * ```tsx
+ * <CheckboxElement
+ *   control={control}
+ *   name="terms"
+ *   label="Accept Terms"
+ *   parseError={(error) => t(`validation.${error.type}`, { field: 'Terms' })}
+ * />
+ * ```
+ *
+ * @template TFieldValues - The form values type
+ * @template TName - The field name type
+ *
+ * @param props - Component props
+ * @returns React element with optional Grid wrapper
+ *
+ * @public
+ */
+declare const CheckboxElement: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: CheckboxElementProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+export { CheckboxElement };
+export type { CheckboxElementProps } from './types';
+//# sourceMappingURL=CheckboxElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/CheckboxElement/CheckboxElement.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAa,MAAM,iBAAiB,CAAC;AAKzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAyGpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,QAAA,MAAM,eAAe,GACnB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,yBAGC,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,4CAM3C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/CheckboxElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,76 @@
+import type { CheckboxProps, FormControlLabelProps, GridProps } from "@mui/material";
+import type { ReactNode } from "react";
+import type { Control, FieldError, FieldPath, FieldValues, PathValue } from "react-hook-form";
+/**
+ * Props for the CheckboxElement component.
+ *
+ * @template TFieldValues - The form values type
+ * @template TName - The field name type
+ *
+ * @public
+ */
+export interface CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<CheckboxProps, "name" | "checked" | "value" | "onChange"> {
+    /**
+     * The field name in the form
+     * @example "acceptTerms" | "user.isActive"
+     */
+    name: TName;
+    /**
+     * The form control instance from react-hook-form
+     */
+    control?: Control<TFieldValues>;
+    /**
+     * Label text to display next to the checkbox
+     * @example "I agree to the terms and conditions"
+     */
+    label?: FormControlLabelProps["label"];
+    /**
+     * Additional props for the FormControlLabel component
+     */
+    labelProps?: Omit<FormControlLabelProps, "label" | "control">;
+    /**
+     * Grid layout props for the wrapper Grid component
+     * @defaultValue { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } }
+     */
+    gridProps?: GridProps;
+    /**
+     * Helper text to display below the checkbox
+     */
+    helperText?: ReactNode;
+    /**
+     * Custom error parser function
+     * @param error - The field error from react-hook-form
+     * @returns Formatted error message
+     */
+    parseError?: (error: FieldError) => ReactNode;
+    /**
+     * Value transformation functions for custom data handling.
+     *
+     * The component expects boolean values by default.
+     * Use transform functions for custom conversion logic when working with non-boolean form data.
+     */
+    transform?: {
+        /**
+         * Transform the field value for display in the checkbox.
+         * If not provided, the value is converted to boolean using !!value.
+         * @param value - The current field value
+         * @returns The transformed boolean value for checkbox display
+         */
+        input?: (value: PathValue<TFieldValues, TName>) => boolean;
+        /**
+         * Transform the checkbox change event back to the desired field value.
+         * If not provided, the boolean checked state is used directly.
+         * @param event - The checkbox change event
+         * @param checked - The new checked state
+         * @returns The transformed value to store in the form
+         */
+        output?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => PathValue<TFieldValues, TName>;
+    };
+    /**
+     * Custom onChange handler that works alongside the form controller
+     * @param event - The checkbox change event
+     * @param checked - The new checked state
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/wrappers/CheckboxElement/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAoB,CACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IACtE;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC;IAEZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEhC;;;OAGG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAEvC;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAE9D;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAE9C;;;;;OAKG;IACH,SAAS,CAAC,EAAE;QACV;;;;;WAKG;QACH,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,OAAO,CAAC;QAC3D;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,OAAO,EAAE,OAAO,KACb,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;KACrC,CAAC;IAEF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAEnF"}

package/dist/wrappers/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,96 @@
+import type { CheckboxProps, FormControlLabelProps, GridProps } from '@mui/material';
+import type { Control, FieldPath, FieldValues } from 'react-hook-form';
+import type { LegacyOption } from '../types';
+/**
+ * Props for the CheckboxGroup component
+ *
+ * @template TFieldValues - The form values type
+ * @template TName - The field name type
+ * @template TValue - The value array type
+ *
+ * @public
+ */
+export type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<CheckboxProps, 'name'> & {
+    /**
+     * The field name in the form
+     */
+    name: TName;
+    /**
+     * The form control instance from react-hook-form
+     */
+    control?: Control<TFieldValues>;
+    /**
+     * Label for the checkbox group
+     */
+    label?: FormControlLabelProps['label'];
+    /**
+     * Additional props for FormControlLabel
+     */
+    labelProps?: Omit<FormControlLabelProps, 'label' | 'control'>;
+    /**
+     * Grid layout props for the wrapper
+     * @defaultValue { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } }
+     */
+    gridProps?: GridProps;
+    /**
+     * Array of options for the checkbox group
+     * @deprecated Use options with lowercase keys (label, value) instead
+     */
+    options: LegacyOption[];
+};
+/**
+ * A react-hook-form integrated CheckboxGroup component for multiple checkbox selection.
+ *
+ * This component provides a group of checkboxes that work seamlessly with react-hook-form,
+ * managing an array of selected values with automatic validation and error handling.
+ *
+ * Features:
+ * - Full react-hook-form integration
+ * - Multiple checkbox selection with array value management
+ * - Automatic error display
+ * - Grid layout wrapper
+ * - TypeScript type safety
+ * - Disabled state support
+ * - NaN validation for numeric values
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <CheckboxGroup
+ *   control={control}
+ *   name="selectedCategories"
+ *   options={[
+ *     { Value: 1, Label: 'Category 1' },
+ *     { Value: 2, Label: 'Category 2' },
+ *     { Value: 3, Label: 'Category 3' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * With custom grid layout:
+ * ```tsx
+ * <CheckboxGroup
+ *   control={control}
+ *   name="permissions"
+ *   options={permissionOptions}
+ *   gridProps={{ size: { xs: 12, md: 6 } }}
+ *   disabled={!hasEditPermission}
+ * />
+ * ```
+ *
+ * @template TFieldValues - The form values type
+ * @template TName - The field name type
+ * @template TValue - The value array type
+ *
+ * @param props - Component props
+ * @returns React element with optional Grid wrapper
+ *
+ * @public
+ */
+declare const CheckboxGroup: {
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: CheckboxGroupProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CheckboxGroup };
+//# sourceMappingURL=CheckboxGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/wrappers/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,SAAS,EACV,MAAM,eAAe,CAAC;AAWvB,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C;;;;;;;;GAQG;AACH,MAAM,MAAM,kBAAkB,CAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAC7D,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAChC;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;IAEZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAEvC;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAE9D;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB,CAAC;AAmEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,QAAA,MAAM,aAAa;KACjB,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,qDAIpC,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC;;CAMzC,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/wrappers/CheckboxGroup/EnhancedCheckboxGroup.d.ts

@@ -0,0 +1,49 @@
+import type { FieldPath, FieldValues } from "react-hook-form";
+import type { EnhancedCheckboxGroupProps, CheckboxValue, OptionConstraint } from "./enhanced-types";
+/**
+ * Enhanced CheckboxGroup with maximum type safety and IDE intellisense.
+ *
+ * Key features:
+ * - Full type inference from option array
+ * - Constrains field value type to match option value types
+ * - Supports both string and number option values
+ * - Excellent IDE autocomplete and error detection
+ * - Maintains runtime type safety
+ *
+ * @example
+ * String values:
+ * ```tsx
+ * const options = [
+ *   { id: "react", name: "React" },
+ *   { id: "vue", name: "Vue" },
+ *   { id: "angular", name: "Angular" }
+ * ];
+ *
+ * <EnhancedCheckboxGroup
+ *   name="frameworks" // field must be string[]
+ *   options={options}
+ *   valueField="id"
+ *   labelField="name"
+ * />
+ * ```
+ *
+ * @example
+ * Number values:
+ * ```tsx
+ * const priorities = [
+ *   { value: 1, label: "High" },
+ *   { value: 2, label: "Medium" },
+ *   { value: 3, label: "Low" }
+ * ];
+ *
+ * <EnhancedCheckboxGroup
+ *   name="priorities" // field must be number[]
+ *   options={priorities}
+ * />
+ * ```
+ */
+export declare const EnhancedCheckboxGroup: {
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionConstraint<CheckboxValue, TValueKey, TLabelKey, TDisabledKey> = OptionConstraint, TValueKey extends keyof TOption & string = "value", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled">({ gridProps, ...props }: EnhancedCheckboxGroupProps<TFieldValues, TName, TOption, TValueKey, TLabelKey, TDisabledKey>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=EnhancedCheckboxGroup.d.ts.map

package/dist/wrappers/CheckboxGroup/EnhancedCheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/wrappers/CheckboxGroup/EnhancedCheckboxGroup.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAOzB,OAAO,KAAK,EACV,0BAA0B,EAC1B,aAAa,EACb,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAsL1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,qBAAqB;KAChC,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,4BACrC,OAAO,SAAS,gBAAgB,CAAC,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,qBACnF,SAAS,SAAS,MAAM,OAAO,GAAG,MAAM,YACxC,SAAS,SAAS,MAAM,OAAO,GAAG,MAAM,YACxC,YAAY,SAAS,MAAM,OAAO,GAAG,MAAM,wCAI1C,0BAA0B,CAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC;;CAkB9F,CAAC"}