@ultraviolet/form 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/components/ToggleField/index.cjs

@@ -6,22 +6,17 @@ const ui = require("@ultraviolet/ui");
 const reactHookForm = require("react-hook-form");
 const index = require("../../providers/ErrorContext/index.cjs");
 const ToggleField = ({
-  className,
-  disabled,
   label,
   name,
   control,
   onChange,
   required,
-  size,
-  tooltip,
-  labelPosition,
   parse,
   format,
-  "data-testid": dataTestId,
   shouldUnregister = false,
   validate,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  ...props
 }) => {
   const {
     field,
@@ -46,14 +41,14 @@ const ToggleField = ({
     }
     return field.value;
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Toggle, { name: field.name, ref: field.ref, checked: transformedValue(), tooltip, onChange: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Toggle, { ...props, name: field.name, ref: field.ref, checked: transformedValue(), onChange: (event) => {
     if (parse) {
       field.onChange(parse(event.target.checked));
     } else {
       field.onChange(event);
     }
     onChange?.(event.target.checked);
-  }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId, error: getError({
+  }, label, required, error: getError({
     label: typeof label === "string" ? label : ariaLabel ?? name
   }, error) });
 };

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

@@ -1,10 +1,10 @@
 import { Toggle } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { FieldPath, FieldValues, PathValue } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type ToggleFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Pick<ComponentProps<typeof Toggle>, 'disabled' | 'label' | 'size' | 'tooltip' | 'labelPosition' | 'className' | 'data-testid' | 'aria-label'> & {
-    parse?: (value: boolean) => any;
-    format?: (value: any) => boolean;
+type ToggleFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Omit<ComponentProps<typeof Toggle>, 'value' | 'onChange'> & {
+    parse?: (value: boolean) => PathValue<TFieldValues, TFieldName>;
+    format?: (value: PathValue<TFieldValues, TFieldName>) => boolean;
 };
-export declare const ToggleField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, disabled, label, name, control, onChange, required, size, tooltip, labelPosition, parse, format, "data-testid": dataTestId, shouldUnregister, validate, "aria-label": ariaLabel, }: ToggleFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ToggleField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, control, onChange, required, parse, format, shouldUnregister, validate, "aria-label": ariaLabel, ...props }: ToggleFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ToggleField/index.js

@@ -4,22 +4,17 @@ import { Toggle } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { useErrors } from "../../providers/ErrorContext/index.js";
 const ToggleField = ({
-  className,
-  disabled,
   label,
   name,
   control,
   onChange,
   required,
-  size,
-  tooltip,
-  labelPosition,
   parse,
   format,
-  "data-testid": dataTestId,
   shouldUnregister = false,
   validate,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  ...props
 }) => {
   const {
     field,
@@ -44,14 +39,14 @@ const ToggleField = ({
     }
     return field.value;
   };
-  return /* @__PURE__ */ jsx(Toggle, { name: field.name, ref: field.ref, checked: transformedValue(), tooltip, onChange: (event) => {
+  return /* @__PURE__ */ jsx(Toggle, { ...props, name: field.name, ref: field.ref, checked: transformedValue(), onChange: (event) => {
     if (parse) {
       field.onChange(parse(event.target.checked));
     } else {
       field.onChange(event);
     }
     onChange?.(event.target.checked);
-  }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId, error: getError({
+  }, label, required, error: getError({
     label: typeof label === "string" ? label : ariaLabel ?? name
   }, error) });
 };

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

@@ -2,9 +2,9 @@ import { ToggleGroup } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type ToggleGroupFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Partial<Pick<ComponentProps<typeof ToggleGroup>, 'className' | 'helper' | 'direction' | 'children' | 'error' | 'legend' | 'description'>> & Required<Pick<ComponentProps<typeof ToggleGroup>, 'legend'>>;
+type ToggleGroupFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof ToggleGroup>, 'value' | 'onChange'>;
 export declare const ToggleGroupField: {
-    <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ legend, control, className, helper, description, direction, children, onChange, label, error: customError, name, required, shouldUnregister, validate, }: ToggleGroupFieldProps<TFieldValues, TFieldName>): import("@emotion/react/jsx-runtime").JSX.Element;
+    <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ legend, control, onChange, error: customError, name, required, shouldUnregister, validate, ...props }: ToggleGroupFieldProps<TFieldValues, TFieldName>): import("@emotion/react/jsx-runtime").JSX.Element;
     Toggle: ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, }: Omit<{
         id?: string;
         checked?: boolean;

package/dist/components/UnitInputField/index.cjs

@@ -6,28 +6,18 @@ const ui = require("@ultraviolet/ui");
 const reactHookForm = require("react-hook-form");
 const index = require("../../providers/ErrorContext/index.cjs");
 const UnitInputField = ({
-  id,
   name,
   max = Number.MAX_SAFE_INTEGER,
   min = 0,
-  size,
-  placeholder,
-  placeholderUnit,
   onChange,
   onChangeUnitValue,
-  disabled,
-  options,
-  className,
-  label,
+  label = "",
   required,
-  width,
-  selectInputWidth,
-  helper,
   shouldUnregister = false,
   validate,
   control,
   optionName,
-  dropdownAlign
+  ...props
 }) => {
   const {
     getError
@@ -55,14 +45,14 @@ const UnitInputField = ({
       validate
     }
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.UnitInput, { id, name, required, max, min, error: getError({
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.UnitInput, { ...props, name, required, max, min, error: getError({
     label
-  }, valueFieldState.error), size, placeholder, helper, onChange: (event) => {
+  }, valueFieldState.error), onChange: (event) => {
     valueField.onChange(event);
     onChange?.(event);
   }, onChangeUnitValue: (event) => {
     unitField.onChange(event);
     onChangeUnitValue?.(event);
-  }, value: valueField.value, unitValue: unitField.value, selectInputWidth, disabled, options, label, className, width, placeholderUnit, dropdownAlign });
+  }, value: valueField.value, unitValue: unitField.value, label });
 };
 exports.UnitInputField = UnitInputField;

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

@@ -2,10 +2,8 @@ import { UnitInput } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type UnitInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Pick<ComponentProps<typeof UnitInput>, 'id' | 'name' | 'className' | 'data-testid' | 'disabled' | 'value' | 'max' | 'min' | 'options' | 'placeholder' | 'placeholderUnit' | 'size' | 'unitValue' | 'required' | 'width' | 'helper' | 'selectInputWidth' | 'dropdownAlign'> & {
-    onChangeUnitValue?: ComponentProps<typeof UnitInput>['onChangeUnitValue'];
-    label: string;
+type UnitInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof UnitInput>, 'value' | 'onChange' | 'label'> & {
     optionName?: string;
 };
-export declare const UnitInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ id, name, max, min, size, placeholder, placeholderUnit, onChange, onChangeUnitValue, disabled, options, className, label, required, width, selectInputWidth, helper, shouldUnregister, validate, control, optionName, dropdownAlign, }: UnitInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const UnitInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, max, min, onChange, onChangeUnitValue, label, required, shouldUnregister, validate, control, optionName, ...props }: UnitInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/UnitInputField/index.js

@@ -4,28 +4,18 @@ import { UnitInput } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { useErrors } from "../../providers/ErrorContext/index.js";
 const UnitInputField = ({
-  id,
   name,
   max = Number.MAX_SAFE_INTEGER,
   min = 0,
-  size,
-  placeholder,
-  placeholderUnit,
   onChange,
   onChangeUnitValue,
-  disabled,
-  options,
-  className,
-  label,
+  label = "",
   required,
-  width,
-  selectInputWidth,
-  helper,
   shouldUnregister = false,
   validate,
   control,
   optionName,
-  dropdownAlign
+  ...props
 }) => {
   const {
     getError
@@ -53,15 +43,15 @@ const UnitInputField = ({
       validate
     }
   });
-  return /* @__PURE__ */ jsx(UnitInput, { id, name, required, max, min, error: getError({
+  return /* @__PURE__ */ jsx(UnitInput, { ...props, name, required, max, min, error: getError({
     label
-  }, valueFieldState.error), size, placeholder, helper, onChange: (event) => {
+  }, valueFieldState.error), onChange: (event) => {
     valueField.onChange(event);
     onChange?.(event);
   }, onChangeUnitValue: (event) => {
     unitField.onChange(event);
     onChangeUnitValue?.(event);
-  }, value: valueField.value, unitValue: unitField.value, selectInputWidth, disabled, options, label, className, width, placeholderUnit, dropdownAlign });
+  }, value: valueField.value, unitValue: unitField.value, label });
 };
 export {
   UnitInputField

package/dist/components/VerificationCodeField/index.cjs

@@ -6,21 +6,14 @@ const ui = require("@ultraviolet/ui");
 const reactHookForm = require("react-hook-form");
 const index = require("../../providers/ErrorContext/index.cjs");
 const VerificationCodeField = ({
-  className,
   fields,
-  id = "verification-code-input",
+  inputId = "verification-code-input",
   label,
   name,
   onChange,
-  onComplete,
-  placeholder,
   required,
-  type = "number",
-  disabled,
   validate,
-  labelDescription,
-  success,
-  helper
+  ...props
 }) => {
   const {
     getError
@@ -45,13 +38,11 @@ const VerificationCodeField = ({
       }
     }
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.VerificationCode, { className, inputId: id, placeholder, fields, onChange: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.VerificationCode, { ...props, inputId, fields, onChange: (event) => {
     onChange?.(event);
     field.onChange(event);
-  }, onComplete: (event) => {
-    onComplete?.(event);
-  }, type, disabled, required, error: getError({
+  }, required, error: getError({
     label: label || "verification-code-field"
-  }, error), label, labelDescription, success, helper });
+  }, error), label });
 };
 exports.VerificationCodeField = VerificationCodeField;

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

@@ -2,11 +2,6 @@ import { VerificationCode } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type VerificationCodeFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof VerificationCode>, 'disabled' | 'error' | 'fields' | 'initialValue' | 'onChange' | 'onComplete' | 'placeholder' | 'required' | 'type' | 'labelDescription' | 'success' | 'helper'>> & {
-    className?: string;
-    id?: string;
-    name: string;
-    label?: string;
-};
-export declare const VerificationCodeField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, fields, id, label, name, onChange, onComplete, placeholder, required, type, disabled, validate, labelDescription, success, helper, }: VerificationCodeFieldProps<TFieldValues, TName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+type VerificationCodeFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof VerificationCode>, 'value'>;
+export declare const VerificationCodeField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ fields, inputId, label, name, onChange, required, validate, ...props }: VerificationCodeFieldProps<TFieldValues, TName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/VerificationCodeField/index.js

@@ -4,21 +4,14 @@ import { VerificationCode } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { useErrors } from "../../providers/ErrorContext/index.js";
 const VerificationCodeField = ({
-  className,
   fields,
-  id = "verification-code-input",
+  inputId = "verification-code-input",
   label,
   name,
   onChange,
-  onComplete,
-  placeholder,
   required,
-  type = "number",
-  disabled,
   validate,
-  labelDescription,
-  success,
-  helper
+  ...props
 }) => {
   const {
     getError
@@ -43,14 +36,12 @@ const VerificationCodeField = ({
       }
     }
   });
-  return /* @__PURE__ */ jsx(VerificationCode, { className, inputId: id, placeholder, fields, onChange: (event) => {
+  return /* @__PURE__ */ jsx(VerificationCode, { ...props, inputId, fields, onChange: (event) => {
     onChange?.(event);
     field.onChange(event);
-  }, onComplete: (event) => {
-    onComplete?.(event);
-  }, type, disabled, required, error: getError({
+  }, required, error: getError({
     label: label || "verification-code-field"
-  }, error), label, labelDescription, success, helper });
+  }, error), label });
 };
 export {
   VerificationCodeField

package/dist/components/index.d.ts

@@ -3,23 +3,19 @@ export { CheckboxGroupField } from './CheckboxGroupField';
 export { DateField } from './DateField';
 export { Form } from './Form';
 export { RadioField } from './RadioField';
-export { SelectInputField } from './SelectInputField';
 export { SelectableCardField } from './SelectableCardField';
 export { NumberInputField } from './NumberInputField';
-export { NumberInputFieldV2 } from './NumberInputFieldV2';
 export { SubmitErrorAlert } from './SubmitErrorAlert';
 export { TagInputField } from './TagInputField';
 export { TextAreaField } from './TextAreaField';
 export { TextInputField } from './TextInputField';
-export { TextInputField as TextInputFieldV2 } from './TextInputFieldV2';
-export { TimeField } from './TimeField';
-export { TimeInputFieldV2 } from './TimeInputFieldV2';
+export { TimeInputField } from './TimeInputField';
 export { ToggleField } from './ToggleField';
 export { Submit } from './Submit';
 export { RadioGroupField } from './RadioGroupField';
 export { KeyValueField } from './KeyValueField';
 export { SelectableCardGroupField } from './SelectableCardGroupField';
-export { SelectInputFieldV2 } from './SelectInputFieldV2';
+export { SelectInputField } from './SelectInputField';
 export { UnitInputField } from './UnitInputField';
 export { SliderField } from './SliderField';
 export { SwitchButtonField } from './SwitchButtonField';

package/dist/index.cjs

@@ -8,28 +8,24 @@ const index$2 = require("./components/CheckboxField/index.cjs");
 const index$3 = require("./components/CheckboxGroupField/index.cjs");
 const index$4 = require("./components/DateField/index.cjs");
 const index$5 = require("./components/RadioField/index.cjs");
-const index$6 = require("./components/SelectInputField/index.cjs");
-const index$7 = require("./components/SelectableCardField/index.cjs");
-const index$8 = require("./components/NumberInputField/index.cjs");
-const index$9 = require("./components/NumberInputFieldV2/index.cjs");
-const index$a = require("./components/SubmitErrorAlert/index.cjs");
-const index$b = require("./components/TagInputField/index.cjs");
-const index$c = require("./components/TextAreaField/index.cjs");
-const index$d = require("./components/TextInputField/index.cjs");
-const index$e = require("./components/TextInputFieldV2/index.cjs");
-const index$f = require("./components/TimeField/index.cjs");
-const index$g = require("./components/TimeInputFieldV2/index.cjs");
-const index$h = require("./components/ToggleField/index.cjs");
-const index$i = require("./components/Submit/index.cjs");
-const index$j = require("./components/RadioGroupField/index.cjs");
-const index$k = require("./components/KeyValueField/index.cjs");
-const index$l = require("./components/SelectableCardGroupField/index.cjs");
-const index$m = require("./components/SelectInputFieldV2/index.cjs");
-const index$n = require("./components/UnitInputField/index.cjs");
-const index$o = require("./components/SliderField/index.cjs");
-const index$p = require("./components/SwitchButtonField/index.cjs");
-const index$q = require("./components/VerificationCodeField/index.cjs");
-const index$r = require("./components/SelectableCardOptionGroupField/index.cjs");
+const index$6 = require("./components/SelectableCardField/index.cjs");
+const index$7 = require("./components/NumberInputField/index.cjs");
+const index$8 = require("./components/SubmitErrorAlert/index.cjs");
+const index$9 = require("./components/TagInputField/index.cjs");
+const index$a = require("./components/TextAreaField/index.cjs");
+const index$b = require("./components/TextInputField/index.cjs");
+const index$c = require("./components/TimeInputField/index.cjs");
+const index$d = require("./components/ToggleField/index.cjs");
+const index$e = require("./components/Submit/index.cjs");
+const index$f = require("./components/RadioGroupField/index.cjs");
+const index$g = require("./components/KeyValueField/index.cjs");
+const index$h = require("./components/SelectableCardGroupField/index.cjs");
+const index$i = require("./components/SelectInputField/index.cjs");
+const index$j = require("./components/UnitInputField/index.cjs");
+const index$k = require("./components/SliderField/index.cjs");
+const index$l = require("./components/SwitchButtonField/index.cjs");
+const index$m = require("./components/VerificationCodeField/index.cjs");
+const index$n = require("./components/SelectableCardOptionGroupField/index.cjs");
 exports.ErrorProvider = index.ErrorProvider;
 exports.useErrors = index.useErrors;
 Object.defineProperty(exports, "useController", {
@@ -62,25 +58,21 @@ exports.CheckboxField = index$2.CheckboxField;
 exports.CheckboxGroupField = index$3.CheckboxGroupField;
 exports.DateField = index$4.DateField;
 exports.RadioField = index$5.RadioField;
-exports.SelectInputField = index$6.SelectInputField;
-exports.SelectableCardField = index$7.SelectableCardField;
-exports.NumberInputField = index$8.NumberInputField;
-exports.NumberInputFieldV2 = index$9.NumberInputFieldV2;
-exports.SubmitErrorAlert = index$a.SubmitErrorAlert;
-exports.TagInputField = index$b.TagInputField;
-exports.TextAreaField = index$c.TextAreaField;
-exports.TextInputField = index$d.TextInputField;
-exports.TextInputFieldV2 = index$e.TextInputField;
-exports.TimeField = index$f.TimeField;
-exports.TimeInputFieldV2 = index$g.TimeInputFieldV2;
-exports.ToggleField = index$h.ToggleField;
-exports.Submit = index$i.Submit;
-exports.RadioGroupField = index$j.RadioGroupField;
-exports.KeyValueField = index$k.KeyValueField;
-exports.SelectableCardGroupField = index$l.SelectableCardGroupField;
-exports.SelectInputFieldV2 = index$m.SelectInputFieldV2;
-exports.UnitInputField = index$n.UnitInputField;
-exports.SliderField = index$o.SliderField;
-exports.SwitchButtonField = index$p.SwitchButtonField;
-exports.VerificationCodeField = index$q.VerificationCodeField;
-exports.SelectableCardOptionGroupField = index$r.SelectableCardOptionGroupField;
+exports.SelectableCardField = index$6.SelectableCardField;
+exports.NumberInputField = index$7.NumberInputField;
+exports.SubmitErrorAlert = index$8.SubmitErrorAlert;
+exports.TagInputField = index$9.TagInputField;
+exports.TextAreaField = index$a.TextAreaField;
+exports.TextInputField = index$b.TextInputField;
+exports.TimeInputField = index$c.TimeInputField;
+exports.ToggleField = index$d.ToggleField;
+exports.Submit = index$e.Submit;
+exports.RadioGroupField = index$f.RadioGroupField;
+exports.KeyValueField = index$g.KeyValueField;
+exports.SelectableCardGroupField = index$h.SelectableCardGroupField;
+exports.SelectInputField = index$i.SelectInputField;
+exports.UnitInputField = index$j.UnitInputField;
+exports.SliderField = index$k.SliderField;
+exports.SwitchButtonField = index$l.SwitchButtonField;
+exports.VerificationCodeField = index$m.VerificationCodeField;
+exports.SelectableCardOptionGroupField = index$n.SelectableCardOptionGroupField;

package/dist/index.js

@@ -6,23 +6,19 @@ import { CheckboxField } from "./components/CheckboxField/index.js";
 import { CheckboxGroupField } from "./components/CheckboxGroupField/index.js";
 import { DateField } from "./components/DateField/index.js";
 import { RadioField } from "./components/RadioField/index.js";
-import { SelectInputField } from "./components/SelectInputField/index.js";
 import { SelectableCardField } from "./components/SelectableCardField/index.js";
 import { NumberInputField } from "./components/NumberInputField/index.js";
-import { NumberInputFieldV2 } from "./components/NumberInputFieldV2/index.js";
 import { SubmitErrorAlert } from "./components/SubmitErrorAlert/index.js";
 import { TagInputField } from "./components/TagInputField/index.js";
 import { TextAreaField } from "./components/TextAreaField/index.js";
 import { TextInputField } from "./components/TextInputField/index.js";
-import { TextInputField as TextInputField2 } from "./components/TextInputFieldV2/index.js";
-import { TimeField } from "./components/TimeField/index.js";
-import { TimeInputFieldV2 } from "./components/TimeInputFieldV2/index.js";
+import { TimeInputField } from "./components/TimeInputField/index.js";
 import { ToggleField } from "./components/ToggleField/index.js";
 import { Submit } from "./components/Submit/index.js";
 import { RadioGroupField } from "./components/RadioGroupField/index.js";
 import { KeyValueField } from "./components/KeyValueField/index.js";
 import { SelectableCardGroupField } from "./components/SelectableCardGroupField/index.js";
-import { SelectInputFieldV2 } from "./components/SelectInputFieldV2/index.js";
+import { SelectInputField } from "./components/SelectInputField/index.js";
 import { UnitInputField } from "./components/UnitInputField/index.js";
 import { SliderField } from "./components/SliderField/index.js";
 import { SwitchButtonField } from "./components/SwitchButtonField/index.js";
@@ -36,11 +32,9 @@ export {
   Form,
   KeyValueField,
   NumberInputField,
-  NumberInputFieldV2,
   RadioField,
   RadioGroupField,
   SelectInputField,
-  SelectInputFieldV2,
   SelectableCardField,
   SelectableCardGroupField,
   SelectableCardOptionGroupField,
@@ -51,9 +45,7 @@ export {
   TagInputField,
   TextAreaField,
   TextInputField,
-  TextInputField2 as TextInputFieldV2,
-  TimeField,
-  TimeInputFieldV2,
+  TimeInputField,
   ToggleField,
   UnitInputField,
   VerificationCodeField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.11",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -55,26 +55,26 @@
     "@emotion/styled": "11.14.0",
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x",
-    "@ultraviolet/ui": "2.0.0-beta.1"
+    "@ultraviolet/ui": "2.0.0-beta.10"
   },
   "devDependencies": {
-    "@babel/core": "7.26.10",
+    "@babel/core": "7.27.4",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
     "@types/final-form-focus": "1.1.7",
-    "@types/react": "19.0.12",
-    "@types/react-dom": "19.0.4",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "@ultraviolet/ui": "2.0.0-beta.1",
+    "@types/react": "19.1.8",
+    "@types/react-dom": "19.1.6",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "@ultraviolet/ui": "2.0.0-beta.10",
     "@utils/test": "0.0.1"
   },
   "dependencies": {
-    "@babel/runtime": "7.27.1",
+    "@babel/runtime": "7.27.6",
     "react-hook-form": "7.55.0",
     "react-select": "5.10.0",
-    "@ultraviolet/icons": "4.0.0-beta.1",
-    "@ultraviolet/themes": "2.0.0-beta.0"
+    "@ultraviolet/icons": "4.0.0-beta.5",
+    "@ultraviolet/themes": "2.0.0-beta.2"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",

package/dist/components/NumberInputFieldV2/index.cjs

@@ -1,72 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const reactHookForm = require("react-hook-form");
-const isInteger = require("../../validators/isInteger.cjs");
-const index = require("../../providers/ErrorContext/index.cjs");
-const NumberInputFieldV2 = ({
-  disabled,
-  control,
-  max = Number.MAX_SAFE_INTEGER,
-  min = 0,
-  name,
-  onChange,
-  onBlur,
-  size,
-  step,
-  unit,
-  tooltip,
-  className,
-  label,
-  labelDescription,
-  id,
-  placeholder,
-  success,
-  helper,
-  controls = true,
-  "aria-label": ariaLabel,
-  "data-testid": dataTestId,
-  required,
-  autoFocus,
-  readOnly,
-  shouldUnregister = false,
-  validate
-}) => {
-  const {
-    getError
-  } = index.useErrors();
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = reactHookForm.useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      max,
-      min,
-      required,
-      validate: {
-        ...validate,
-        isInteger: isInteger.isInteger(step)
-      }
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInputV2, { name: field.name, value: field.value, disabled, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, onChange: (newValue) => {
-    field.onChange(newValue);
-    onChange?.(newValue);
-  }, max, min, size, step, className, "data-testid": dataTestId, id, label, labelDescription, placeholder, error: getError({
-    label: label ?? ariaLabel ?? name,
-    max,
-    min,
-    isInteger: step
-  }, error), success, helper, tooltip, unit, "aria-label": ariaLabel, autoFocus, readOnly, required, controls });
-};
-exports.NumberInputFieldV2 = NumberInputFieldV2;

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

@@ -1,9 +0,0 @@
-import { NumberInputV2 } from '@ultraviolet/ui';
-import type { ComponentProps } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { BaseFieldProps } from '../../types';
-type NumberInputV2Props<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Partial<Pick<ComponentProps<typeof NumberInputV2>, 'disabled' | 'id' | 'onBlur' | 'onChange' | 'onFocus' | 'value' | 'data-testid' | 'label' | 'aria-label' | 'tooltip' | 'unit' | 'size' | 'step' | 'className' | 'placeholder' | 'error' | 'success' | 'helper' | 'labelDescription' | 'autoFocus' | 'readOnly' | 'min' | 'max' | 'controls'>> & {
-    className?: string;
-};
-export declare const NumberInputFieldV2: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, control, max, min, name, onChange, onBlur, size, step, unit, tooltip, className, label, labelDescription, id, placeholder, success, helper, controls, "aria-label": ariaLabel, "data-testid": dataTestId, required, autoFocus, readOnly, shouldUnregister, validate, }: NumberInputV2Props<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};