@moser-inc/moser-labs-react 7.3.0 → 7.4.0

package/dist/index.d.ts

@@ -22,6 +22,8 @@ import { InputTextareaProps } from "primereact/inputtextarea";
 import { MenuItem } from "primereact/menuitem";
 import { IconType } from "primereact/utils";
 import { FormEvent } from "primereact/ts-helpers";
+import * as react_hook_form0 from "react-hook-form";
+import { ControllerFieldState, FieldPath, FieldValues, UseControllerReturn } from "react-hook-form";
 
 //#region src/constants/app.d.ts
 declare const VERSION: string;
@@ -56,7 +58,7 @@ declare const LabsCalendarBase: {
 declare const LabsCalendar: <TMode extends CalendarSelectionMode = "single", TValue = (TMode extends "multiple" ? Date[] : TMode extends "range" ? (Date | null)[] : Date)>(props: LabsCalendarProps<TMode, TValue> & react.RefAttributes<Calendar<TMode, TValue>>) => React.ReactElement | null;
 //#endregion
 //#region src/components/LabsFieldContainer.d.ts
-interface FieldContainerProps {
+interface LabsFieldContainerProps {
   id: string;
   containerId?: string;
   labelId?: string;
@@ -69,7 +71,7 @@ interface FieldContainerProps {
   className?: string;
   children?: ReactNode;
 }
-declare const FieldContainer: ({
+declare const LabsFieldContainer: ({
   id,
   containerId,
   labelId,
@@ -81,10 +83,10 @@ declare const FieldContainer: ({
   animation,
   children,
   ...rest
-}: FieldContainerProps) => react_jsx_runtime0.JSX.Element;
+}: LabsFieldContainerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsCheckbox.d.ts
-type FieldProps$6 = Partial<CheckboxProps> & FieldContainerProps;
+type FieldProps$6 = Partial<CheckboxProps> & LabsFieldContainerProps;
 type LabsCheckboxProps = FieldProps$6;
 declare const LabsCheckbox: {
   (props: LabsCheckboxProps): react_jsx_runtime0.JSX.Element;
@@ -92,13 +94,13 @@ declare const LabsCheckbox: {
 };
 //#endregion
 //#region src/components/LabsFieldContainerInput.d.ts
-interface FieldContainerInputProps extends FieldContainerProps {
+interface LabsFieldContainerInputProps extends LabsFieldContainerProps {
   solo?: boolean;
   floatLabel?: boolean;
   prependIcon?: string;
   appendIcon?: string;
 }
-declare const FieldContainerInput: ({
+declare const LabsFieldContainerInput: ({
   id,
   containerId,
   labelId,
@@ -114,10 +116,10 @@ declare const FieldContainerInput: ({
   className,
   children,
   ...rest
-}: FieldContainerInputProps) => react_jsx_runtime0.JSX.Element;
+}: LabsFieldContainerInputProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsDate.d.ts
-type FieldProps$5<TMode extends CalendarSelectionMode = 'single', TValue = (TMode extends 'multiple' ? Date[] : TMode extends 'range' ? (Date | null)[] : Date)> = LabsCalendarProps<TMode, TValue> & FieldContainerInputProps;
+type FieldProps$5<TMode extends CalendarSelectionMode = 'single', TValue = (TMode extends 'multiple' ? Date[] : TMode extends 'range' ? (Date | null)[] : Date)> = LabsCalendarProps<TMode, TValue> & LabsFieldContainerInputProps;
 type LabsDateProps<TMode extends CalendarSelectionMode = 'single', TValue = (TMode extends 'multiple' ? Date[] : TMode extends 'range' ? (Date | null)[] : Date)> = FieldProps$5<TMode, TValue>;
 declare const LabsDate: <TMode extends CalendarSelectionMode = "single", TValue = (TMode extends "multiple" ? Date[] : TMode extends "range" ? (Date | null)[] : Date)>(props: LabsDateProps<TMode, TValue>) => react_jsx_runtime0.JSX.Element;
 //#endregion
@@ -134,16 +136,32 @@ declare const LabsEmpty: ({
   ...rest
 }: LabsEmptyProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/LabsFieldContainerChoice.d.ts
+type LabsFieldContainerChoiceProps = LabsFieldContainerProps;
+declare const LabsFieldContainerChoice: ({
+  id,
+  containerId,
+  labelId,
+  messageId,
+  hintId,
+  label,
+  message,
+  hint,
+  className,
+  children,
+  ...rest
+}: LabsFieldContainerChoiceProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/LabsFieldContainerHint.d.ts
 type BaseProps = Omit<ComponentProps<typeof motion.span>, 'children'>;
-interface FieldContainerHintProps extends BaseProps {
+interface LabsFieldContainerHintProps extends BaseProps {
   id: string;
   hintId?: string;
   hint?: string;
   solo?: boolean;
   children?: ReactNode;
 }
-declare const FieldContainerHint: ({
+declare const LabsFieldContainerHint: ({
   id,
   hintId,
   hint,
@@ -151,16 +169,16 @@ declare const FieldContainerHint: ({
   children,
   className,
   ...rest
-}: FieldContainerHintProps) => react_jsx_runtime0.JSX.Element | null;
+}: LabsFieldContainerHintProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/LabsFieldContainerLabel.d.ts
-interface FieldContainerLabelProps extends ComponentProps<typeof motion.label> {
+interface LabsFieldContainerLabelProps extends ComponentProps<typeof motion.label> {
   id: string;
   labelId?: string;
   label?: string;
   solo?: boolean;
 }
-declare const FieldContainerLabel: ({
+declare const LabsFieldContainerLabel: ({
   id,
   labelId,
   label,
@@ -168,16 +186,16 @@ declare const FieldContainerLabel: ({
   children,
   className,
   ...rest
-}: FieldContainerLabelProps) => react_jsx_runtime0.JSX.Element | null;
+}: LabsFieldContainerLabelProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/LabsFieldContainerMessage.d.ts
-interface FieldContainerMessageProps extends ComponentProps<typeof motion.span> {
+interface LabsFieldContainerMessageProps extends ComponentProps<typeof motion.span> {
   id: string;
   messageId?: string;
   message?: string;
   solo?: boolean;
 }
-declare const FieldContainerMessage: ({
+declare const LabsFieldContainerMessage: ({
   id,
   messageId,
   message,
@@ -185,7 +203,7 @@ declare const FieldContainerMessage: ({
   children,
   className,
   ...rest
-}: FieldContainerMessageProps) => react_jsx_runtime0.JSX.Element;
+}: LabsFieldContainerMessageProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsLoader.d.ts
 interface LabsLoaderProps extends ProgressSpinnerProps {
@@ -334,7 +352,7 @@ interface LabsMultiSelectOption<T = unknown> {
   disabled?: boolean;
   items?: LabsMultiSelectOption<T>[];
 }
-type FieldProps$4 = Partial<MultiSelectProps> & FieldContainerInputProps;
+type FieldProps$4 = Partial<MultiSelectProps> & LabsFieldContainerInputProps;
 type LabsMultiSelectChangeEvent<TValue> = Omit<MultiSelectChangeEvent, 'value' | 'selectedOption'> & {
   value: TValue[];
   selectedOption: LabsMultiSelectOption<TValue>;
@@ -356,7 +374,7 @@ interface LabsSelectOption<T = unknown> {
   disabled?: boolean;
   items?: LabsSelectOption<T>[];
 }
-type FieldProps$3 = Partial<DropdownProps> & FieldContainerInputProps;
+type FieldProps$3 = Partial<DropdownProps> & LabsFieldContainerInputProps;
 interface LabsSelectProps<TValue extends string | number> extends FieldProps$3 {
   value?: TValue;
   options?: LabsSelectOption<TValue>[];
@@ -374,7 +392,7 @@ interface LabsSelectCascadeOption<T = unknown> {
   disabled?: boolean;
   items?: LabsSelectCascadeOption<T>[];
 }
-type FieldProps$2 = Partial<CascadeSelectProps> & FieldContainerInputProps;
+type FieldProps$2 = Partial<CascadeSelectProps> & LabsFieldContainerInputProps;
 type LabsSelectCascadeChangeEvent<TValue> = Omit<CascadeSelectChangeEvent, 'value'> & {
   value: TValue;
 };
@@ -386,24 +404,24 @@ interface LabsSelectCascadeProps<TValue extends string | number> extends FieldPr
 declare const LabsSelectCascade: <TValue extends string | number>(props: LabsSelectCascadeProps<TValue>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsText.d.ts
-type FieldProps$1 = Partial<InputTextProps> & FieldContainerInputProps;
+type FieldProps$1 = Partial<InputTextProps> & LabsFieldContainerInputProps;
 type LabsTextProps = FieldProps$1;
 type LabsTextElement = HTMLInputElement;
-declare const LabsText: react.ForwardRefExoticComponent<Partial<InputTextProps> & FieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const LabsText: react.ForwardRefExoticComponent<Partial<InputTextProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/LabsTextCurrency.d.ts
 type LabsTextCurrencyProps = LabsTextProps;
-declare const LabsTextCurrency: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & FieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const LabsTextCurrency: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/LabsTextSearch.d.ts
 type LabsTextSearchProps = LabsTextProps;
-declare const LabsTextSearch: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & FieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const LabsTextSearch: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/LabsTextarea.d.ts
-type FieldProps = Partial<InputTextareaProps> & FieldContainerInputProps;
+type FieldProps = Partial<InputTextareaProps> & LabsFieldContainerInputProps;
 type LabsTextareaProps = FieldProps;
 type LabsTextareaElement = HTMLTextAreaElement;
-declare const LabsTextarea: react.ForwardRefExoticComponent<Partial<InputTextareaProps> & FieldContainerInputProps & react.RefAttributes<HTMLTextAreaElement>>;
+declare const LabsTextarea: react.ForwardRefExoticComponent<Partial<InputTextareaProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/LabsToggle.d.ts
 interface LabsToggleProps {
@@ -20469,284 +20487,8 @@ declare const LabsPrimeProvider: ({
   children
 }: LabsPrimeProviderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../node_modules/react-hook-form/dist/types/path/common.d.ts
-/**
- * Type to query whether an array type T is a tuple type.
- * @typeParam T - type which may be an array or tuple
- * @example
- * ```
- * IsTuple<[number]> = true
- * IsTuple<number[]> = false
- * ```
- */
-type IsTuple<T extends ReadonlyArray<any>> = number extends T['length'] ? false : true;
-/**
- * Type which can be used to index an array or tuple type.
- */
-type ArrayKey = number;
-/**
- * Type which given a tuple type returns its own keys, i.e. only its indices.
- * @typeParam T - tuple type
- * @example
- * ```
- * TupleKeys<[number, string]> = '0' | '1'
- * ```
- */
-type TupleKeys<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/path/eager.d.ts
-/**
- * Helper function to break apart T1 and check if any are equal to T2
- *
- * See {@link IsEqual}
- */
-type AnyIsEqual<T1, T2> = T1 extends T2 ? IsEqual<T1, T2> extends true ? true : never : never;
-/**
- * Helper type for recursively constructing paths through a type.
- * This actually constructs the strings and recurses into nested
- * object types.
- *
- * See {@link Path}
- */
-type PathImpl<K extends string | number, V, TraversedTypes> = V extends Primitive | BrowserNativeObject ? `${K}` : true extends AnyIsEqual<TraversedTypes, V> ? `${K}` : `${K}` | `${K}.${PathInternal<V, TraversedTypes | V>}`;
-/**
- * Helper type for recursively constructing paths through a type.
- * This obscures the internal type param TraversedTypes from exported contract.
- *
- * See {@link Path}
- */
-type PathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? { [K in TupleKeys<T>]-?: PathImpl<K & string, T[K], TraversedTypes> }[TupleKeys<T>] : PathImpl<ArrayKey, V, TraversedTypes> : { [K in keyof T]-?: PathImpl<K & string, T[K], TraversedTypes> }[keyof T];
-/**
- * Type which eagerly collects all paths through a type
- * @typeParam T - type which should be introspected
- * @example
- * ```
- * Path<{foo: {bar: string}}> = 'foo' | 'foo.bar'
- * ```
- */
-type Path<T> = T extends any ? PathInternal<T> : never;
-/**
- * See {@link Path}
- */
-type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
-/**
- * Helper type for recursively constructing paths through a type.
- * This actually constructs the strings and recurses into nested
- * object types.
- *
- * See {@link ArrayPath}
- */
-type ArrayPathImpl<K extends string | number, V, TraversedTypes> = V extends Primitive | BrowserNativeObject ? IsAny<V> extends true ? string : never : V extends ReadonlyArray<infer U> ? U extends Primitive | BrowserNativeObject ? IsAny<V> extends true ? string : never : true extends AnyIsEqual<TraversedTypes, V> ? never : `${K}` | `${K}.${ArrayPathInternal<V, TraversedTypes | V>}` : true extends AnyIsEqual<TraversedTypes, V> ? never : `${K}.${ArrayPathInternal<V, TraversedTypes | V>}`;
-/**
- * Helper type for recursively constructing paths through a type.
- * This obscures the internal type param TraversedTypes from exported contract.
- *
- * See {@link ArrayPath}
- */
-type ArrayPathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? { [K in TupleKeys<T>]-?: ArrayPathImpl<K & string, T[K], TraversedTypes> }[TupleKeys<T>] : ArrayPathImpl<ArrayKey, V, TraversedTypes> : { [K in keyof T]-?: ArrayPathImpl<K & string, T[K], TraversedTypes> }[keyof T];
-/**
- * Type which eagerly collects all paths through a type which point to an array
- * type.
- * @typeParam T - type which should be introspected.
- * @example
- * ```
- * Path<{foo: {bar: string[], baz: number[]}}> = 'foo.bar' | 'foo.baz'
- * ```
- */
-type ArrayPath<T> = T extends any ? ArrayPathInternal<T> : never;
-/**
- * Type to evaluate the type which the given path points to.
- * @typeParam T - deeply nested type which is indexed by the path
- * @typeParam P - path into the deeply nested type
- * @example
- * ```
- * PathValue<{foo: {bar: string}}, 'foo.bar'> = string
- * PathValue<[number, string], '1'> = string
- * ```
- */
-type PathValue<T, P extends Path<T> | ArrayPath<T>> = PathValueImpl<T, P>;
-type PathValueImpl<T, P extends string> = T extends any ? P extends `${infer K}.${infer R}` ? K extends keyof T ? undefined extends T[K] ? PathValueImpl<T[K], R> | undefined : PathValueImpl<T[K], R> : K extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? PathValueImpl<V, R> : never : never : P extends keyof T ? T[P] : P extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? V : T extends undefined ? undefined : never : never : never;
-/**
- * See {@link PathValue}
- */
-type FieldPathValue<TFieldValues extends FieldValues, TFieldPath extends FieldPath<TFieldValues>> = PathValue<TFieldValues, TFieldPath>;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/form.d.ts
-declare const $NestedValue: unique symbol;
-/**
- * @deprecated to be removed in the next major version
- */
-type NestedValue<TValue extends object = object> = {
-  [$NestedValue]: never;
-} & TValue;
-type FieldNamesMarkedBoolean<TFieldValues extends FieldValues> = DeepMap<DeepPartial<TFieldValues>, boolean>;
-type FormState<TFieldValues extends FieldValues> = {
-  isDirty: boolean;
-  isLoading: boolean;
-  isSubmitted: boolean;
-  isSubmitSuccessful: boolean;
-  isSubmitting: boolean;
-  isValidating: boolean;
-  isValid: boolean;
-  disabled: boolean;
-  submitCount: number;
-  defaultValues?: undefined | Readonly<DeepPartial<TFieldValues>>;
-  dirtyFields: Partial<Readonly<FieldNamesMarkedBoolean<TFieldValues>>>;
-  touchedFields: Partial<Readonly<FieldNamesMarkedBoolean<TFieldValues>>>;
-  validatingFields: Partial<Readonly<FieldNamesMarkedBoolean<TFieldValues>>>;
-  errors: FieldErrors<TFieldValues>;
-  isReady: boolean;
-};
-type RefCallBack = (instance: any) => void;
-type UseFormStateReturn<TFieldValues extends FieldValues> = FormState<TFieldValues>;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/utils.d.ts
-type Noop = () => void;
-interface File extends Blob {
-  readonly lastModified: number;
-  readonly name: string;
-}
-interface FileList$1 {
-  readonly length: number;
-  item(index: number): File | null;
-  [index: number]: File;
-}
-type Primitive = null | undefined | string | number | boolean | symbol | bigint;
-type BrowserNativeObject = Date | FileList$1 | File;
-type NonUndefined<T> = T extends undefined ? never : T;
-type LiteralUnion<T extends U, U extends Primitive> = T | (U & {
-  _?: never;
-});
-type ExtractObjects<T> = T extends infer U ? U extends object ? U : never : never;
-type IsPrimitiveLike<T> = T extends Primitive ? true : T extends Primitive & object ? true : false;
-type DeepPartial<T> = IsPrimitiveLike<T> extends true ? T : T extends BrowserNativeObject | NestedValue ? T : { [K in keyof T]?: ExtractObjects<T[K]> extends never ? T[K] : DeepPartial<T[K]> };
-/**
- * Checks whether the type is any
- * See {@link https://stackoverflow.com/a/49928360/3406963}
- * @typeParam T - type which may be any
- * ```
- * IsAny<any> = true
- * IsAny<string> = false
- * ```
- */
-type IsAny<T> = 0 extends 1 & T ? true : false;
-/**
- * Checks whether T1 can be exactly (mutually) assigned to T2
- * @typeParam T1 - type to check
- * @typeParam T2 - type to check against
- * ```
- * IsEqual<string, string> = true
- * IsEqual<'foo', 'foo'> = true
- * IsEqual<string, number> = false
- * IsEqual<string, number> = false
- * IsEqual<string, 'foo'> = false
- * IsEqual<'foo', string> = false
- * IsEqual<'foo' | 'bar', 'foo'> = boolean // 'foo' is assignable, but 'bar' is not (true | false) -> boolean
- * ```
- */
-type IsEqual<T1, T2> = T1 extends T2 ? (<G>() => G extends T1 ? 1 : 2) extends (<G>() => G extends T2 ? 1 : 2) ? true : false : false;
-type DeepMap<T, TValue> = IsAny<T> extends true ? any : T extends BrowserNativeObject | NestedValue ? TValue : T extends object ? { [K in keyof T]: DeepMap<NonUndefined<T[K]>, TValue> } : TValue;
-type IsFlatObject<T extends object> = Extract<Exclude<T[keyof T], NestedValue | Date | FileList$1>, any[] | object> extends never ? true : false;
-type Merge<A, B> = { [K in keyof A | keyof B]?: K extends keyof A & keyof B ? [A[K], B[K]] extends [object, object] ? Merge<A[K], B[K]> : B[K] : K extends keyof A ? A[K] : K extends keyof B ? B[K] : never };
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/fields.d.ts
-type FieldName<TFieldValues extends FieldValues> = IsFlatObject<TFieldValues> extends true ? Extract<keyof TFieldValues, string> : string;
-type CustomElement<TFieldValues extends FieldValues> = Partial<HTMLElement> & {
-  name: FieldName<TFieldValues>;
-  type?: string;
-  value?: any;
-  disabled?: boolean;
-  checked?: boolean;
-  options?: HTMLOptionsCollection;
-  files?: FileList | null;
-  focus?: Noop;
-};
-type FieldValues = Record<string, any>;
-type FieldElement<TFieldValues extends FieldValues = FieldValues> = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | CustomElement<TFieldValues>;
-type Ref = FieldElement;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/errors.d.ts
-type Message = string;
-type MultipleFieldErrors = { [K in keyof RegisterOptions]?: ValidateResult } & {
-  [key: string]: ValidateResult;
-};
-type FieldError = {
-  type: LiteralUnion<keyof RegisterOptions, string>;
-  root?: FieldError;
-  ref?: Ref;
-  types?: MultipleFieldErrors;
-  message?: Message;
-};
-type DeepRequired<T> = T extends BrowserNativeObject | Blob ? T : { [K in keyof T]-?: NonNullable<DeepRequired<T[K]>> };
-type FieldErrorsImpl<T extends FieldValues = FieldValues> = { [K in keyof T]?: T[K] extends BrowserNativeObject | Blob ? FieldError : K extends 'root' | `root.${string}` ? GlobalError : T[K] extends object ? Merge<FieldError, FieldErrorsImpl<T[K]>> : FieldError };
-type GlobalError = Partial<{
-  type: string | number;
-  message: Message;
-}>;
-type FieldErrors<T extends FieldValues = FieldValues> = Partial<FieldValues extends IsAny<FieldValues> ? any : FieldErrorsImpl<DeepRequired<T>>> & {
-  root?: Record<string, GlobalError> & GlobalError;
-};
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/validator.d.ts
-type ValidationValue = boolean | number | string | RegExp;
-type ValidationRule<TValidationValue extends ValidationValue = ValidationValue> = TValidationValue | ValidationValueMessage<TValidationValue>;
-type ValidationValueMessage<TValidationValue extends ValidationValue = ValidationValue> = {
-  value: TValidationValue;
-  message: Message;
-};
-type ValidateResult = Message | Message[] | boolean | undefined;
-type Validate<TFieldValue, TFormValues> = (value: TFieldValue, formValues: TFormValues) => ValidateResult | Promise<ValidateResult>;
-type RegisterOptions<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Partial<{
-  required: Message | ValidationRule<boolean>;
-  min: ValidationRule<number | string>;
-  max: ValidationRule<number | string>;
-  maxLength: ValidationRule<number>;
-  minLength: ValidationRule<number>;
-  validate: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
-  value: FieldPathValue<TFieldValues, TFieldName>;
-  setValueAs: (value: any) => any;
-  shouldUnregister?: boolean;
-  onChange?: (event: any) => void;
-  onBlur?: (event: any) => void;
-  disabled: boolean;
-  deps: FieldPath<TFieldValues> | FieldPath<TFieldValues>[];
-}> & ({
-  pattern?: ValidationRule<RegExp>;
-  valueAsNumber?: false;
-  valueAsDate?: false;
-} | {
-  pattern?: undefined;
-  valueAsNumber?: false;
-  valueAsDate?: true;
-} | {
-  pattern?: undefined;
-  valueAsNumber?: true;
-  valueAsDate?: false;
-});
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/controller.d.ts
-type ControllerFieldState = {
-  invalid: boolean;
-  isTouched: boolean;
-  isDirty: boolean;
-  isValidating: boolean;
-  error?: FieldError;
-};
-type ControllerRenderProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-  onChange: (...event: any[]) => void;
-  onBlur: Noop;
-  value: FieldPathValue<TFieldValues, TName>;
-  disabled?: boolean;
-  name: TName;
-  ref: RefCallBack;
-};
-//#endregion
 //#region src/types/ReactHookForm.type.d.ts
-type ControllerRenderParams<TValues extends FieldValues = FieldValues, TName extends FieldPath<TValues> = FieldPath<TValues>> = {
-  field: ControllerRenderProps<TValues, TName>;
-  fieldState: ControllerFieldState;
-  formState: UseFormStateReturn<TValues>;
-};
+type ControllerRenderParams<TValues extends FieldValues = FieldValues, TName extends FieldPath<TValues> = FieldPath<TValues>> = Pick<UseControllerReturn<TValues, TName>, 'field' | 'fieldState' | 'formState'>;
 //#endregion
 //#region src/utils/animations.d.ts
 declare const DEFAULT_TRANSITION_MS = 100;
@@ -20902,11 +20644,11 @@ declare const toLabsCheckboxProps: <TValues extends FieldValues = FieldValues, T
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   checked: TValues[TName];
   onChange: (event: primereact_checkbox0.CheckboxChangeEvent) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20918,11 +20660,11 @@ declare const toLabsDateProps: <TValues extends FieldValues = FieldValues, TName
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: FormEvent<TValues[TName]>) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20934,11 +20676,11 @@ declare const toLabsMultiSelectProps: <TValues extends FieldValues = FieldValues
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: LabsMultiSelectChangeEvent<TValues[TName][number]>) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20950,11 +20692,11 @@ declare const toLabsSelectProps: <TValues extends FieldValues = FieldValues, TNa
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: FormEvent<TValues[TName], react.SyntheticEvent<Element, Event>>) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20966,13 +20708,13 @@ declare const toLabsSelectCascadeProps: <TValues extends FieldValues = FieldValu
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: Omit<primereact_cascadeselect0.CascadeSelectChangeEvent, "value"> & {
     value: TValues[TName];
   }) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20984,11 +20726,11 @@ declare const toLabsTextProps: <TValues extends FieldValues = FieldValues, TName
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -21000,11 +20742,11 @@ declare const toLabsTextCurrencyProps: <TValues extends FieldValues = FieldValue
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -21016,11 +20758,11 @@ declare const toLabsTextSearchProps: <TValues extends FieldValues = FieldValues,
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -21032,13 +20774,13 @@ declare const toLabsTextareaProps: <TValues extends FieldValues = FieldValues, T
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
 //#endregion
-export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, FieldContainer, FieldContainerHint, FieldContainerHintProps, FieldContainerInput, FieldContainerInputProps, FieldContainerLabel, FieldContainerLabelProps, FieldContainerMessage, FieldContainerMessageProps, FieldContainerProps, KeycloakUser, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeader, LabsMainHeaderActions, LabsMainHeaderProps, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsFieldContainer, LabsFieldContainerChoice, LabsFieldContainerChoiceProps, LabsFieldContainerHint, LabsFieldContainerHintProps, LabsFieldContainerInput, LabsFieldContainerInputProps, LabsFieldContainerLabel, LabsFieldContainerLabelProps, LabsFieldContainerMessage, LabsFieldContainerMessageProps, LabsFieldContainerProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeader, LabsMainHeaderActions, LabsMainHeaderProps, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/dist/index.js

@@ -29,7 +29,7 @@ import { InputTextarea } from "primereact/inputtextarea";
 import { Panel } from "primereact/panel";
 //#endregion
 //#region src/constants/app.ts
-const VERSION = "7.3.0";
+const VERSION = "7.4.0";
 //#endregion
 //#region src/lib/head/headContext.tsx
 const head = createHead();
@@ -353,7 +353,7 @@ const toFieldSharedProps = (fieldProps) => {
 };
 //#endregion
 //#region src/components/LabsFieldContainerHint.tsx
-const FieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, children = hint, className, ...rest }) => {
+const LabsFieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, children = hint, className, ...rest }) => {
 	if (!children) return null;
 	return /* @__PURE__ */ jsx(motion.span, {
 		id: hintId,
@@ -364,7 +364,7 @@ const FieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, chi
 };
 //#endregion
 //#region src/components/LabsFieldContainerLabel.tsx
-const FieldContainerLabel = ({ id, labelId = `${id}-label`, label, solo = false, children = label, className, ...rest }) => {
+const LabsFieldContainerLabel = ({ id, labelId = `${id}-label`, label, solo = false, children = label, className, ...rest }) => {
 	if (!children) return null;
 	return /* @__PURE__ */ jsx(motion.label, {
 		id: labelId,
@@ -499,7 +499,7 @@ const scaleFadeSubtleAnimation = {
 };
 //#endregion
 //#region src/components/LabsFieldContainerMessage.tsx
-const FieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo = false, children = message, className, ...rest }) => {
+const LabsFieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo = false, children = message, className, ...rest }) => {
 	return /* @__PURE__ */ jsx(AnimatePresence, {
 		mode: "wait",
 		children: children ? /* @__PURE__ */ jsx(motion.span, {
@@ -515,26 +515,26 @@ const FieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo
 };
 //#endregion
 //#region src/components/LabsFieldContainer.tsx
-const FieldContainer = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, children, ...rest }) => {
+const LabsFieldContainer = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, children, ...rest }) => {
 	return /* @__PURE__ */ jsxs(motion.div, {
 		id: containerId,
 		...animation,
 		...rest,
 		children: [
-			/* @__PURE__ */ jsx(FieldContainerLabel, {
+			/* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 				id,
 				labelId,
 				label,
 				className: "text-xs block"
 			}),
 			children,
-			/* @__PURE__ */ jsx(FieldContainerMessage, {
+			/* @__PURE__ */ jsx(LabsFieldContainerMessage, {
 				id,
 				messageId,
 				message,
 				className: "text-xs block"
 			}),
-			!message && /* @__PURE__ */ jsx(FieldContainerHint, {
+			!message && /* @__PURE__ */ jsx(LabsFieldContainerHint, {
 				id,
 				hintId,
 				hint,
@@ -547,7 +547,7 @@ const FieldContainer = ({ id, containerId = `${id}-container`, labelId = `${id}-
 //#region src/components/LabsCheckbox.tsx
 const LabsCheckbox = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, className, checked = false, ...rest } = props;
-	return /* @__PURE__ */ jsxs(FieldContainer, {
+	return /* @__PURE__ */ jsxs(LabsFieldContainer, {
 		id,
 		containerId,
 		labelId,
@@ -564,7 +564,7 @@ const LabsCheckbox = (props) => {
 			inputId: id,
 			"aria-describedby": messageId,
 			className: "shrink"
-		}), /* @__PURE__ */ jsx(FieldContainerLabel, {
+		}), /* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 			id,
 			labelId,
 			label,
@@ -575,8 +575,8 @@ const LabsCheckbox = (props) => {
 LabsCheckbox.displayName = "LabsCheckbox";
 //#endregion
 //#region src/components/LabsFieldContainerInput.tsx
-const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, solo = false, floatLabel = false, prependIcon, appendIcon, className, children, ...rest }) => {
-	return /* @__PURE__ */ jsxs(FieldContainer, {
+const LabsFieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, solo = false, floatLabel = false, prependIcon, appendIcon, className, children, ...rest }) => {
+	return /* @__PURE__ */ jsxs(LabsFieldContainer, {
 		id,
 		containerId,
 		labelId,
@@ -585,7 +585,7 @@ const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `$
 		className: clsx(className, "flex flex-col gap-1"),
 		...rest,
 		children: [
-			!floatLabel && /* @__PURE__ */ jsx(FieldContainerLabel, {
+			!floatLabel && /* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 				id,
 				labelId,
 				label,
@@ -600,24 +600,24 @@ const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `$
 					"p-icon-field-right": !!appendIcon
 				}),
 				children: [
+					children,
 					prependIcon && /* @__PURE__ */ jsx("i", { className: `${prependIcon} p-input-icon` }),
 					appendIcon && /* @__PURE__ */ jsx("i", { className: `${appendIcon} p-input-icon` }),
-					children,
-					floatLabel && /* @__PURE__ */ jsx(FieldContainerLabel, {
+					floatLabel && /* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 						id,
 						labelId,
 						label
 					})
 				]
 			}),
-			/* @__PURE__ */ jsx(FieldContainerMessage, {
+			/* @__PURE__ */ jsx(LabsFieldContainerMessage, {
 				id,
 				messageId,
 				message,
 				solo,
 				className: "text-xs"
 			}),
-			!message && /* @__PURE__ */ jsx(FieldContainerHint, {
+			!message && /* @__PURE__ */ jsx(LabsFieldContainerHint, {
 				id,
 				hintId,
 				hint,
@@ -631,7 +631,7 @@ const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `$
 //#region src/components/LabsDate.tsx
 const LabsDate = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -671,6 +671,42 @@ const LabsEmpty = ({ text, className, icon, children, ...rest }) => {
 	});
 };
 //#endregion
+//#region src/components/LabsFieldContainerChoice.tsx
+const LabsFieldContainerChoice = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, className, children, ...rest }) => {
+	return /* @__PURE__ */ jsxs(LabsFieldContainer, {
+		id,
+		containerId,
+		labelId,
+		messageId,
+		hintId,
+		className: clsx(className, "flex flex-col gap-1"),
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex gap-8 items-center",
+			children: [children, /* @__PURE__ */ jsxs(LabsFieldContainerLabel, {
+				id,
+				labelId,
+				label,
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: label
+				}), /* @__PURE__ */ jsx(LabsFieldContainerHint, {
+					id,
+					hintId,
+					hint,
+					className: "text-sm"
+				})]
+			})]
+		}), /* @__PURE__ */ jsx(LabsFieldContainerMessage, {
+			id,
+			messageId,
+			message,
+			className: "text-xs"
+		})]
+	});
+};
+//#endregion
 //#region src/components/LabsLogoutTimer.tsx
 const DELAY_LOGOUT_MILLISECONDS = 1440 * 60 * 1e3;
 const LabsLogoutTimer = ({ children, options, onLogout }) => {
@@ -817,7 +853,7 @@ const LabsMainHeaderActions = () => {
 //#region src/components/LabsMultiSelect.tsx
 const LabsMultiSelect = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -845,7 +881,7 @@ const LabsMultiSelect = (props) => {
 //#region src/components/LabsSelect.tsx
 const LabsSelect = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -873,7 +909,7 @@ const LabsSelect = (props) => {
 //#region src/components/LabsSelectCascade.tsx
 const LabsSelectCascade = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -901,7 +937,7 @@ const LabsSelectCascade = (props) => {
 //#region src/components/LabsText.tsx
 const LabsText = forwardRef((props, ref) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -954,7 +990,7 @@ LabsTextSearch.displayName = "LabsTextSearch";
 //#region src/components/LabsTextarea.tsx
 const LabsTextarea = forwardRef((props, ref) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -1172,4 +1208,4 @@ const toLabsTextareaProps = ({ field: { ref, value, ...field }, fieldState }) =>
 	value
 });
 //#endregion
-export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, FieldContainer, FieldContainerHint, FieldContainerInput, FieldContainerLabel, FieldContainerMessage, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsDate, LabsEmpty, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeader, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsDate, LabsEmpty, LabsFieldContainer, LabsFieldContainerChoice, LabsFieldContainerHint, LabsFieldContainerInput, LabsFieldContainerLabel, LabsFieldContainerMessage, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeader, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moser-inc/moser-labs-react",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "description": "React components for the Moser Labs suite of applications.",
   "license": "UNLICENSED",
   "author": "Moser Consulting",
@@ -58,7 +58,6 @@
     "@vitejs/plugin-react": "^5.1.4",
     "eslint": "^9.39.4",
     "prettier": "^3.8.1",
-    "react-hook-form": "^7.71.2",
     "react-router": "^7.13.1",
     "react-router-dom": "^7.13.1",
     "tsdown": "^0.21.2",
@@ -75,7 +74,8 @@
     "motion": ">=12.35.0",
     "primereact": ">=9.6.0 < 11.0.0",
     "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "react-dom": ">=18.2.0",
+    "react-hook-form": ">=7.78.0"
   },
   "peerDependenciesMeta": {
     "motion": {
@@ -84,7 +84,6 @@
   },
   "inlinedDependencies": {
     "@primeuix/styled": "0.7.4",
-    "@primeuix/themes": "2.0.3",
-    "react-hook-form": "7.71.2"
+    "@primeuix/themes": "2.0.3"
   }
 }