@ultraviolet/form 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/index.cjs

@@ -6,30 +6,26 @@ const useOnFieldChange = require("./hooks/useOnFieldChange.cjs");
 const index$1 = require("./components/Form/index.cjs");
 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$4 = require("./components/DateInputField/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", {
@@ -60,27 +56,23 @@ exports.useOnFieldChange = useOnFieldChange.useOnFieldChange;
 exports.Form = index$1.Form;
 exports.CheckboxField = index$2.CheckboxField;
 exports.CheckboxGroupField = index$3.CheckboxGroupField;
-exports.DateField = index$4.DateField;
+exports.DateInputField = index$4.DateInputField;
 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

@@ -4,25 +4,21 @@ import { useOnFieldChange } from "./hooks/useOnFieldChange.js";
 import { Form } from "./components/Form/index.js";
 import { CheckboxField } from "./components/CheckboxField/index.js";
 import { CheckboxGroupField } from "./components/CheckboxGroupField/index.js";
-import { DateField } from "./components/DateField/index.js";
+import { DateInputField } from "./components/DateInputField/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";
@@ -31,16 +27,14 @@ import { SelectableCardOptionGroupField } from "./components/SelectableCardOptio
 export {
   CheckboxField,
   CheckboxGroupField,
-  DateField,
+  DateInputField,
   ErrorProvider,
   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.2",
+  "version": "4.0.0-beta.20",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -52,29 +52,29 @@
   ],
   "peerDependencies": {
     "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x",
-    "@ultraviolet/ui": "2.0.0-beta.2"
+    "@ultraviolet/ui": "2.0.0-beta.19"
   },
   "devDependencies": {
-    "@babel/core": "7.27.1",
+    "@babel/core": "7.27.7",
     "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "@types/final-form-focus": "1.1.7",
-    "@types/react": "19.1.2",
-    "@types/react-dom": "19.1.3",
+    "@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.2",
+    "@ultraviolet/ui": "2.0.0-beta.19",
     "@utils/test": "0.0.1"
   },
   "dependencies": {
-    "@babel/runtime": "7.27.1",
-    "react-hook-form": "7.55.0",
+    "@babel/runtime": "7.27.6",
+    "react-hook-form": "7.56.3",
     "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.9",
+    "@ultraviolet/themes": "2.0.0-beta.3"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",

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

@@ -1,17 +0,0 @@
-import { DateInput } from '@ultraviolet/ui';
-import type { ComponentProps, FocusEvent } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { BaseFieldProps } from '../../types';
-type DateFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof DateInput>, 'maxDate' | 'minDate' | 'disabled' | 'required' | 'locale' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'autoFocus' | 'stardDate' | 'endDate'> & {
-    maxDate?: Date;
-    minDate?: Date;
-    disabled?: boolean;
-    required?: boolean;
-    locale?: string;
-    onBlur?: (event: FocusEvent<HTMLElement>) => void;
-    onFocus?: (value: FocusEvent<HTMLElement>) => void;
-    autoFocus?: boolean;
-    placeholder?: string;
-};
-export declare const DateField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, control, label, format, locale, maxDate, minDate, disabled, onChange, onBlur, onFocus, validate, autoFocus, excludeDates, selectsRange, size, placeholder, tooltip, clearable, "data-testid": dataTestId, shouldUnregister, showMonthYearPicker, input, }: DateFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

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 {};

package/dist/components/NumberInputFieldV2/index.js

@@ -1,72 +0,0 @@
-"use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { NumberInputV2 } from "@ultraviolet/ui";
-import { useController } from "react-hook-form";
-import { isInteger } from "../../validators/isInteger.js";
-import { useErrors } from "../../providers/ErrorContext/index.js";
-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
-  } = useErrors();
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      max,
-      min,
-      required,
-      validate: {
-        ...validate,
-        isInteger: isInteger(step)
-      }
-    }
-  });
-  return /* @__PURE__ */ jsx(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 });
-};
-export {
-  NumberInputFieldV2
-};

package/dist/components/SelectInputFieldV2/index.cjs

@@ -1,50 +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 react = require("react");
-const reactHookForm = require("react-hook-form");
-const index = require("../../providers/ErrorContext/index.cjs");
-const SelectInputFieldV2 = ({
-  label = "",
-  onBlur,
-  required,
-  name,
-  "aria-label": ariaLabel,
-  shouldUnregister = false,
-  control,
-  validate,
-  onChange,
-  multiselect,
-  ...props
-}) => {
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = reactHookForm.useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      required,
-      validate
-    }
-  });
-  const {
-    getError
-  } = index.useErrors();
-  const handleChange = react.useCallback((value) => {
-    onChange?.(value);
-    field.onChange(value);
-  }, [onChange, field]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectInputV2, { name: field.name, multiselect, required, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, value: field.value, error: getError({
-    label: label ?? ariaLabel ?? name
-  }, error), label, "aria-label": ariaLabel, onChange: handleChange, ...props });
-};
-exports.SelectInputFieldV2 = SelectInputFieldV2;

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

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

package/dist/components/SelectInputFieldV2/index.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { SelectInputV2 } from "@ultraviolet/ui";
-import { useCallback } from "react";
-import { useController } from "react-hook-form";
-import { useErrors } from "../../providers/ErrorContext/index.js";
-const SelectInputFieldV2 = ({
-  label = "",
-  onBlur,
-  required,
-  name,
-  "aria-label": ariaLabel,
-  shouldUnregister = false,
-  control,
-  validate,
-  onChange,
-  multiselect,
-  ...props
-}) => {
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      required,
-      validate
-    }
-  });
-  const {
-    getError
-  } = useErrors();
-  const handleChange = useCallback((value) => {
-    onChange?.(value);
-    field.onChange(value);
-  }, [onChange, field]);
-  return /* @__PURE__ */ jsx(SelectInputV2, { name: field.name, multiselect, required, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, value: field.value, error: getError({
-    label: label ?? ariaLabel ?? name
-  }, error), label, "aria-label": ariaLabel, onChange: handleChange, ...props });
-};
-export {
-  SelectInputFieldV2
-};

package/dist/components/TextInputFieldV2/index.cjs

@@ -1,90 +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 validateRegex = require("../../utils/validateRegex.cjs");
-const index = require("../../providers/ErrorContext/index.cjs");
-const TextInputField = ({
-  regex: regexes,
-  id,
-  className,
-  tabIndex,
-  onChange,
-  placeholder,
-  disabled = false,
-  readOnly = false,
-  success,
-  helper,
-  tooltip,
-  label,
-  autoFocus,
-  required = false,
-  "data-testid": dataTestId,
-  name,
-  onFocus,
-  onBlur,
-  clearable = false,
-  labelDescription,
-  type = "text",
-  prefix,
-  suffix,
-  size = "large",
-  loading,
-  onRandomize,
-  minLength,
-  maxLength,
-  "aria-labelledby": ariaLabelledBy,
-  "aria-label": ariaLabel,
-  autoComplete,
-  shouldUnregister,
-  validate,
-  control,
-  role,
-  "aria-live": ariaLive,
-  "aria-atomic": ariaAtomic,
-  onKeyDown,
-  onKeyUp
-}) => {
-  const {
-    getError
-  } = index.useErrors();
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = reactHookForm.useController({
-    name,
-    shouldUnregister,
-    control,
-    rules: {
-      required,
-      validate: {
-        ...regexes ? {
-          pattern: (value) => validateRegex.validateRegex(value, regexes)
-        } : {},
-        ...validate
-      },
-      minLength,
-      maxLength
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.TextInputV2, { autoFocus, className, clearable, "data-testid": dataTestId, disabled, error: getError({
-    regex: regexes,
-    minLength,
-    maxLength,
-    label: label ?? ariaLabel ?? name,
-    value: field.value
-  }, error), helper, label, loading, labelDescription, minLength, maxLength, name, onBlur: (event) => {
-    onBlur?.(event);
-    field.onBlur();
-  }, onChange: (event) => {
-    field.onChange(event);
-    onChange?.(event.target.value);
-  }, onFocus: (event) => {
-    onFocus?.(event);
-  }, placeholder, readOnly, required, success, tabIndex, tooltip, type, value: field.value === void 0 ? "" : field.value, id, prefix, suffix, size, onRandomize, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoComplete, role, "aria-live": ariaLive, "aria-atomic": ariaAtomic, onKeyDown, onKeyUp });
-};
-exports.TextInputField = TextInputField;

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

@@ -1,12 +0,0 @@
-import { TextInputV2 } from '@ultraviolet/ui';
-import type { ComponentProps } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { BaseFieldProps } from '../../types';
-type TextInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TextInputV2>, 'value' | 'error' | 'name' | 'onChange'> & {
-    regex?: (RegExp | RegExp[])[];
-};
-/**
- * This component offers a form field based on Ultraviolet UI TextInputV2 component
- */
-export declare const TextInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ regex: regexes, id, className, tabIndex, onChange, placeholder, disabled, readOnly, success, helper, tooltip, label, autoFocus, required, "data-testid": dataTestId, name, onFocus, onBlur, clearable, labelDescription, type, prefix, suffix, size, loading, onRandomize, minLength, maxLength, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, autoComplete, shouldUnregister, validate, control, role, "aria-live": ariaLive, "aria-atomic": ariaAtomic, onKeyDown, onKeyUp, }: TextInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};