@ultraviolet/form 6.0.0-beta.16 → 6.0.0-beta.18

package/dist/components/RadioGroupField/index.d.ts

@@ -9,7 +9,6 @@ export declare const RadioGroupField: {
         value: string | number;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
         disabled?: boolean | undefined | undefined;
-        className?: string | undefined;
         ref?: import("react").Ref<HTMLInputElement> | undefined;
         label?: import("react").ReactNode;
         autoFocus?: boolean | undefined | undefined;
@@ -20,11 +19,12 @@ export declare const RadioGroupField: {
         style?: import("react").CSSProperties | undefined;
         error?: import("react").ReactNode;
         helper?: import("react").ReactNode;
+        className?: string | undefined;
         'data-testid'?: string | undefined;
         tooltip?: string | undefined;
         'aria-label'?: string | undefined;
         key?: import("react").Key | null | undefined;
         onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/RadioGroupField/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { RadioGroup } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { useErrors } from "../../providers/ErrorContext/index.js";
@@ -15,14 +15,10 @@ const RadioGroupField = ({
   legend = "",
   ...props
 }) => {
-  const {
-    getError
-  } = useErrors();
+  const { getError } = useErrors();
   const {
     field,
-    fieldState: {
-      error
-    }
+    fieldState: { error }
   } = useController({
     control,
     name,
@@ -32,12 +28,24 @@ const RadioGroupField = ({
     },
     shouldUnregister
   });
-  return /* @__PURE__ */ jsx(RadioGroup, { ...props, error: getError({
-    label: legend
-  }, error) ?? customError, legend, name: field.name, onChange: (event) => {
-    field.onChange(event);
-    onChange?.(event.target.value);
-  }, required, value: field.value, children });
+  return /* @__PURE__ */ jsx(
+    RadioGroup,
+    {
+      ...props,
+      error: getError({ label: legend }, error) ?? customError,
+      legend,
+      name: field.name,
+      onChange: (event) => {
+        field.onChange(event);
+        onChange?.(
+          event.target.value
+        );
+      },
+      required,
+      value: field.value,
+      children
+    }
+  );
 };
 RadioGroupField.Radio = RadioGroup.Radio;
 export {

package/dist/components/SelectInputField/index.d.ts

@@ -3,5 +3,5 @@ import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
 type SelectInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof SelectInput>, 'value' | 'onChange'>;
-export declare const SelectInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, onBlur, required, name, "aria-label": ariaLabel, shouldUnregister, control, validate, onChange, multiselect, ...props }: SelectInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SelectInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, onBlur, required, name, "aria-label": ariaLabel, shouldUnregister, control, validate, onChange, multiselect, ...props }: SelectInputFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectInputField/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SelectInput } from "@ultraviolet/ui";
 import { useCallback } from "react";
 import { useController } from "react-hook-form";
@@ -19,9 +19,7 @@ const SelectInputField = ({
 }) => {
   const {
     field,
-    fieldState: {
-      error
-    }
+    fieldState: { error }
   } = useController({
     control,
     name,
@@ -31,19 +29,32 @@ const SelectInputField = ({
     },
     shouldUnregister
   });
-  const {
-    getError
-  } = useErrors();
-  const handleChange = useCallback((value) => {
-    onChange?.(value);
-    field.onChange(value);
-  }, [onChange, field]);
-  return /* @__PURE__ */ jsx(SelectInput, { "aria-label": ariaLabel, error: getError({
-    label: label ?? ariaLabel ?? name
-  }, error), label, multiselect, name: field.name, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, onChange: handleChange, required, value: field.value, ...props });
+  const { getError } = useErrors();
+  const handleChange = useCallback(
+    (value) => {
+      onChange?.(value);
+      field.onChange(value);
+    },
+    [onChange, field]
+  );
+  return /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      "aria-label": ariaLabel,
+      error: getError({ label: label ?? ariaLabel ?? name }, error),
+      label,
+      multiselect,
+      name: field.name,
+      onBlur: (event) => {
+        field.onBlur();
+        onBlur?.(event);
+      },
+      onChange: handleChange,
+      required,
+      value: field.value,
+      ...props
+    }
+  );
 };
 export {
   SelectInputField

package/dist/components/SelectableCardField/index.d.ts

@@ -3,5 +3,5 @@ import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
 type SelectableCardFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Omit<ComponentProps<typeof SelectableCard>, 'name' | 'onChange' | 'value'>;
-export declare const SelectableCardField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, value, onChange, type, onFocus, onBlur, required, label, shouldUnregister, validate, productIcon, illustration, "aria-label": ariaLabel, ...props }: SelectableCardFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SelectableCardField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, value, onChange, type, onFocus, onBlur, required, label, shouldUnregister, validate, productIcon, illustration, "aria-label": ariaLabel, ...props }: SelectableCardFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectableCardField/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SelectableCard } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 const SelectableCardField = ({
@@ -21,9 +21,7 @@ const SelectableCardField = ({
 }) => {
   const {
     field,
-    fieldState: {
-      error
-    }
+    fieldState: { error }
   } = useController({
     control,
     name,
@@ -34,32 +32,45 @@ const SelectableCardField = ({
     shouldUnregister
   });
   const isChecked = type === "checkbox" && Array.isArray(field.value) && value ? (field.value ?? []).includes(value) : field.value === value;
-  return /* @__PURE__ */ jsx(SelectableCard, { ...props, ...productIcon ? {
-    productIcon
-  } : {
-    illustration
-  }, ...label ? {
-    label
-  } : {
-    "aria-label": ariaLabel
-  }, checked: isChecked, isError: !!error, name: field.name, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, onChange: (event) => {
-    if (type === "checkbox") {
-      const fieldValue = field.value ?? [];
-      if (fieldValue?.includes(event.currentTarget.value)) {
-        field.onChange(fieldValue?.filter((currentValue) => currentValue !== event.currentTarget.value));
-      } else {
-        field.onChange([...fieldValue, event.currentTarget.value]);
-      }
-    } else {
-      field.onChange(event);
+  return /* @__PURE__ */ jsx(
+    SelectableCard,
+    {
+      ...props,
+      ...productIcon ? { productIcon } : { illustration },
+      ...label ? { label } : { "aria-label": ariaLabel },
+      checked: isChecked,
+      isError: !!error,
+      name: field.name,
+      onBlur: (event) => {
+        field.onBlur();
+        onBlur?.(event);
+      },
+      onChange: (event) => {
+        if (type === "checkbox") {
+          const fieldValue = field.value ?? [];
+          if (fieldValue?.includes(event.currentTarget.value)) {
+            field.onChange(
+              fieldValue?.filter(
+                (currentValue) => currentValue !== event.currentTarget.value
+              )
+            );
+          } else {
+            field.onChange([...fieldValue, event.currentTarget.value]);
+          }
+        } else {
+          field.onChange(event);
+        }
+        onChange?.(
+          event.currentTarget.value
+        );
+      },
+      onFocus: (event) => {
+        onFocus?.(event);
+      },
+      type,
+      value: value ?? ""
     }
-    onChange?.(event.currentTarget.value);
-  }, onFocus: (event) => {
-    onFocus?.(event);
-  }, type, value: value ?? "" });
+  );
 };
 export {
   SelectableCardField

package/dist/components/SelectableCardGroupField/index.d.ts

@@ -5,6 +5,6 @@ import type { BaseFieldProps } from '../../types';
 type SelectableCardGroupFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof SelectableCardGroup>, 'name' | 'onChange' | 'value'>;
 export declare const SelectableCardGroupField: {
     <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ legend, control, name, onChange, required, error: customError, columns, type, shouldUnregister, validate, ...props }: SelectableCardGroupFieldProps<TFieldValues, TFieldName>): JSX.Element;
-    Card: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, "data-testid": dataTestId, }: import("node_modules/@ultraviolet/ui/dist/components/SelectableCardGroup").CardSelectableCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Card: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, "data-testid": dataTestId, }: import("node_modules/@ultraviolet/ui/dist/components/SelectableCardGroup").CardSelectableCardProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/SelectableCardGroupField/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SelectableCardGroup } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { useErrors } from "../../providers/ErrorContext/index.js";
@@ -16,14 +16,10 @@ const SelectableCardGroupField = ({
   validate,
   ...props
 }) => {
-  const {
-    getError
-  } = useErrors();
+  const { getError } = useErrors();
   const {
     field,
-    fieldState: {
-      error
-    }
+    fieldState: { error }
   } = useController({
     control,
     name,
@@ -33,21 +29,38 @@ const SelectableCardGroupField = ({
     },
     shouldUnregister
   });
-  return /* @__PURE__ */ jsx(SelectableCardGroup, { ...props, columns, error: getError({
-    label: legend
-  }, error) ?? customError, legend, name, onChange: (event) => {
-    if (type === "checkbox") {
-      const fieldValue = field.value ?? [];
-      if (fieldValue?.includes(event.currentTarget.value)) {
-        field.onChange(fieldValue?.filter((currentValue) => currentValue !== event.currentTarget.value));
-      } else {
-        field.onChange([...fieldValue, event.currentTarget.value]);
-      }
-    } else {
-      field.onChange(event);
+  return /* @__PURE__ */ jsx(
+    SelectableCardGroup,
+    {
+      ...props,
+      columns,
+      error: getError({ label: legend }, error) ?? customError,
+      legend,
+      name,
+      onChange: (event) => {
+        if (type === "checkbox") {
+          const fieldValue = field.value ?? [];
+          if (fieldValue?.includes(event.currentTarget.value)) {
+            field.onChange(
+              fieldValue?.filter(
+                (currentValue) => currentValue !== event.currentTarget.value
+              )
+            );
+          } else {
+            field.onChange([...fieldValue, event.currentTarget.value]);
+          }
+        } else {
+          field.onChange(event);
+        }
+        onChange?.(
+          event.currentTarget.value
+        );
+      },
+      required,
+      type,
+      value: field.value
     }
-    onChange?.(event.currentTarget.value);
-  }, required, type, value: field.value });
+  );
 };
 SelectableCardGroupField.Card = SelectableCardGroup.Card;
 export {

package/dist/components/SelectableCardOptionGroupField/index.d.ts

@@ -19,6 +19,6 @@ export declare const SelectableCardOptionGroupField: {
         id?: string;
         "data-testid"?: string;
         tooltip?: string;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/SelectableCardOptionGroupField/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SelectableCardOptionGroup } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { useErrors } from "../../providers/ErrorContext/index.js";
@@ -17,14 +17,10 @@ const SelectableCardOptionGroupField = ({
   validate,
   ...props
 }) => {
-  const {
-    getError
-  } = useErrors();
+  const { getError } = useErrors();
   const {
     field,
-    fieldState: {
-      error
-    }
+    fieldState: { error }
   } = useController({
     control,
     name,
@@ -34,24 +30,32 @@ const SelectableCardOptionGroupField = ({
     },
     shouldUnregister
   });
-  const {
-    field: optionField
-  } = useController({
+  const { field: optionField } = useController({
     name: optionName ?? `${name}Option`,
-    rules: {
-      required
-    },
+    rules: { required },
     shouldUnregister
   });
-  return /* @__PURE__ */ jsx(SelectableCardOptionGroup, { error: getError({
-    label: legend
-  }, error) ?? customError, legend, name, onChange: (event) => {
-    field.onChange(event);
-    onChange?.(event);
-  }, onChangeOption: (value) => {
-    optionField.onChange(value);
-    onChangeOption?.(value);
-  }, optionValue: String(optionField.value), required, value: field.value, ...props, children });
+  return /* @__PURE__ */ jsx(
+    SelectableCardOptionGroup,
+    {
+      error: getError({ label: legend }, error) ?? customError,
+      legend,
+      name,
+      onChange: (event) => {
+        field.onChange(event);
+        onChange?.(event);
+      },
+      onChangeOption: (value) => {
+        optionField.onChange(value);
+        onChangeOption?.(value);
+      },
+      optionValue: String(optionField.value),
+      required,
+      value: field.value,
+      ...props,
+      children
+    }
+  );
 };
 SelectableCardOptionGroupField.Option = SelectableCardOptionGroup.Option;
 export {

package/dist/components/SliderField/index.d.ts

@@ -5,5 +5,5 @@ import type { BaseFieldProps } from '../../types';
 type SliderFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof Slider>, 'value' | 'onChange'> & {
     suffix?: string | ReactNode[];
 };
-export declare const SliderField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, shouldUnregister, max, min, required, validate, onBlur, onChange, label, value, defaultValue, options, "aria-label": ariaLabel, ...props }: SliderFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SliderField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, shouldUnregister, max, min, required, validate, onBlur, onChange, label, value, defaultValue, options, "aria-label": ariaLabel, ...props }: SliderFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SliderField/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Slider } from "@ultraviolet/ui";
 import { useMemo } from "react";
 import { useController } from "react-hook-form";
@@ -21,14 +21,10 @@ const SliderField = ({
   "aria-label": ariaLabel,
   ...props
 }) => {
-  const {
-    getError
-  } = useErrors();
+  const { getError } = useErrors();
   const {
     field,
-    fieldState: {
-      error
-    }
+    fieldState: { error }
   } = useController({
     control,
     name,
@@ -47,29 +43,47 @@ const SliderField = ({
         return processedValue;
       }
       if (Array.isArray(field.value)) {
-        const processedValue = field.value.map((val) => options.map((option) => option.value).indexOf(val));
+        const processedValue = field.value.map(
+          (val) => options.map((option) => option.value).indexOf(val)
+        );
         return processedValue;
       }
     }
     return field.value;
   }, [field.value, options]);
-  return /* @__PURE__ */ jsx(Slider, { "aria-label": ariaLabel, error: getError({
-    label: label ?? ariaLabel ?? name,
-    max,
-    min
-  }, error), label, max, min, name: field.name, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, onChange: (newValue) => {
-    if (options) {
-      const processedValue = !Array.isArray(newValue) ? options[newValue]?.value : newValue.map((val) => val ? options[val]?.value : options[0]?.value);
-      field.onChange(processedValue);
-      onChange?.(processedValue);
-    } else {
-      field.onChange(newValue);
-      onChange?.(newValue);
+  return /* @__PURE__ */ jsx(
+    Slider,
+    {
+      "aria-label": ariaLabel,
+      error: getError({ label: label ?? ariaLabel ?? name, max, min }, error),
+      label,
+      max,
+      min,
+      name: field.name,
+      onBlur: (event) => {
+        field.onBlur();
+        onBlur?.(event);
+      },
+      onChange: (newValue) => {
+        if (options) {
+          const processedValue = !Array.isArray(newValue) ? options[newValue]?.value : newValue.map(
+            (val) => val ? options[val]?.value : options[0]?.value
+          );
+          field.onChange(processedValue);
+          onChange?.(
+            processedValue
+          );
+        } else {
+          field.onChange(newValue);
+          onChange?.(newValue);
+        }
+      },
+      options,
+      required,
+      value: finalValue,
+      ...props
     }
-  }, options, required, value: finalValue, ...props });
+  );
 };
 export {
   SliderField

package/dist/components/Submit/index.d.ts

@@ -11,5 +11,5 @@ type SubmitProps = {
     fullWidth?: ComponentProps<typeof Button>['fullWidth'];
     onClick?: ComponentProps<typeof Button>['onClick'];
 };
-export declare const Submit: ({ children, className, disabled, size, variant, sentiment, tooltip, fullWidth, onClick, }: SubmitProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Submit: ({ children, className, disabled, size, variant, sentiment, tooltip, fullWidth, onClick, }: SubmitProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Submit/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "@ultraviolet/ui";
 import { useFormState } from "react-hook-form";
 const Submit = ({
@@ -13,12 +13,24 @@ const Submit = ({
   fullWidth,
   onClick
 }) => {
-  const {
-    isSubmitting,
-    isValid
-  } = useFormState();
+  const { isSubmitting, isValid } = useFormState();
   const isDisabled = disabled || isSubmitting || !isValid;
-  return /* @__PURE__ */ jsx(Button, { className, disabled: isDisabled, fullWidth, isLoading: isSubmitting, onClick, sentiment, size, tooltip, type: "submit", variant, children });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className,
+      disabled: isDisabled,
+      fullWidth,
+      isLoading: isSubmitting,
+      onClick,
+      sentiment,
+      size,
+      tooltip,
+      type: "submit",
+      variant,
+      children
+    }
+  );
 };
 export {
   Submit

package/dist/components/SubmitErrorAlert/index.d.ts

@@ -1,3 +1,3 @@
 export declare const SubmitErrorAlert: ({ className }: {
     className?: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SubmitErrorAlert/index.js

@@ -1,13 +1,9 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Alert } from "@ultraviolet/ui";
 import { useFormState } from "react-hook-form";
-const SubmitErrorAlert = ({
-  className
-}) => {
-  const {
-    errors
-  } = useFormState();
+const SubmitErrorAlert = ({ className }) => {
+  const { errors } = useFormState();
   return errors?.root?.["submit"]?.message ? /* @__PURE__ */ jsx(Alert, { className, sentiment: "danger", children: errors.root["submit"].message }) : null;
 };
 export {

package/dist/components/SwitchButtonField/index.d.ts

@@ -6,7 +6,7 @@ type SwitchButtonFieldProps<TFieldValues extends FieldValues, TFieldName extends
     name: FieldPath<TFieldValues>;
 };
 declare const SwitchButtonField: {
-    <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, size, control, shouldUnregister, onBlur, onChange, onFocus, tooltip, className, ...props }: SwitchButtonFieldProps<TFieldValues, TFieldName>): import("@emotion/react/jsx-runtime").JSX.Element;
+    <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, size, control, shouldUnregister, onBlur, onChange, onFocus, tooltip, className, ...props }: SwitchButtonFieldProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
     Option: ({ value, children, "data-testid": dataTestId, disabled, tooltip, style, }: {
         value: string;
         children: import("react").ReactNode;
@@ -14,6 +14,6 @@ declare const SwitchButtonField: {
         disabled?: boolean;
         tooltip?: string;
         style?: import("react").CSSProperties;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export { SwitchButtonField };

package/dist/components/SwitchButtonField/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SwitchButton } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 const SwitchButtonField = ({
@@ -14,20 +14,33 @@ const SwitchButtonField = ({
   className,
   ...props
 }) => {
-  const {
-    field
-  } = useController({
+  const { field } = useController({
     control,
     name,
     shouldUnregister
   });
-  return /* @__PURE__ */ jsx(SwitchButton, { ...props, className, name, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, onChange: (event) => {
-    field.onChange(event);
-    onChange?.(event.target);
-  }, onFocus, size, tooltip, value: field.value });
+  return /* @__PURE__ */ jsx(
+    SwitchButton,
+    {
+      ...props,
+      className,
+      name,
+      onBlur: (event) => {
+        field.onBlur();
+        onBlur?.(event);
+      },
+      onChange: (event) => {
+        field.onChange(event);
+        onChange?.(
+          event.target
+        );
+      },
+      onFocus,
+      size,
+      tooltip,
+      value: field.value
+    }
+  );
 };
 SwitchButtonField.Option = SwitchButton.Option;
 export {

package/dist/components/TagInputField/index.d.ts

@@ -5,4 +5,4 @@ import type { BaseFieldProps } from '../../types';
 export type TagInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TagInput>, 'name' | 'onChange' | 'value'> & {
     regex?: (RegExp | RegExp[])[];
 };
-export declare const TagInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ regex: regexes, control, name, onChange, required, shouldUnregister, label, validate, "aria-label": ariaLabel, ...props }: TagInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TagInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ regex: regexes, control, name, onChange, required, shouldUnregister, label, validate, "aria-label": ariaLabel, ...props }: TagInputFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;