@oneplatformdev/ui 0.0.1-beta.7 → 0.0.1-beta.71

package/Form/Form.mjs

@@ -1,95 +1,98 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import * as s from "react";
 import { Slot as F } from "@radix-ui/react-slot";
 import { FormProvider as u, Controller as p, useFormContext as x } from "react-hook-form";
 import { cn as a } from "@oneplatformdev/utils";
 import { Label as I } from "../Label/Label.mjs";
 import "../Label/labelVariants.mjs";
-const M = u, f = s.createContext(
+const M = u, l = s.createContext(
   {}
 ), S = ({
   ...e
-}) => /* @__PURE__ */ i(f.Provider, { value: { name: e.name }, children: /* @__PURE__ */ i(p, { ...e }) }), d = () => {
-  const e = s.useContext(f), o = s.useContext(l), { getFieldState: r, formState: t } = x(), m = r(e.name, t);
+}) => /* @__PURE__ */ n(l.Provider, { value: { name: e.name }, children: /* @__PURE__ */ n(p, { ...e }) }), c = () => {
+  const e = s.useContext(l), t = s.useContext(f), { getFieldState: o, formState: r } = x(), m = o(e.name, r);
   if (!e)
     throw new Error("useFormField should be used within <FormField>");
-  const { id: n } = o;
+  const { id: i } = t;
   return {
-    id: n,
+    id: i,
     name: e.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
     ...m
   };
-}, l = s.createContext(
+}, f = s.createContext(
   {}
-), C = s.forwardRef(({ className: e, ...o }, r) => {
-  const t = s.useId();
-  return /* @__PURE__ */ i(l.Provider, { value: { id: t }, children: /* @__PURE__ */ i("div", { ref: r, className: a("space-y-2", e), ...o }) });
+), v = s.forwardRef(({ className: e, ...t }, o) => {
+  const r = s.useId();
+  return /* @__PURE__ */ n(f.Provider, { value: { id: r }, children: /* @__PURE__ */ n("div", { ref: o, className: a("space-y-1", e), ...t }) });
 });
-C.displayName = "FormItem";
-const g = s.forwardRef(({ className: e, ...o }, r) => {
-  const { error: t, formItemId: m } = d();
-  return /* @__PURE__ */ i(
+v.displayName = "FormItem";
+const C = s.forwardRef(({ className: e, ...t }, o) => {
+  const { error: r, formItemId: m } = c();
+  return /* @__PURE__ */ n(
     I,
     {
-      ref: r,
-      className: a(t && "text-destructive", e),
+      ref: o,
+      "data-state": r ? "invalid" : "valid",
+      className: a(r && "text-destructive", e),
       htmlFor: m,
-      ...o
+      ...t
     }
   );
 });
-g.displayName = "FormLabel";
-const v = s.forwardRef(({ ...e }, o) => {
-  const { error: r, formItemId: t, formDescriptionId: m, formMessageId: n } = d();
-  return /* @__PURE__ */ i(
+C.displayName = "FormLabel";
+const g = s.forwardRef(({ className: e, ...t }, o) => {
+  const { error: r, formItemId: m, formDescriptionId: i, formMessageId: d } = c();
+  return /* @__PURE__ */ n(
     F,
     {
       ref: o,
-      id: t,
-      "aria-describedby": r ? `${m} ${n}` : `${m}`,
+      id: m,
+      "data-state": r ? "invalid" : "valid",
+      "aria-describedby": r ? `${i} ${d}` : `${i}`,
       "aria-invalid": !!r,
-      ...e
+      className: a("group/form-control", e),
+      ...t
     }
   );
 });
-v.displayName = "FormControl";
-const N = s.forwardRef(({ className: e, ...o }, r) => {
-  const { formDescriptionId: t } = d();
-  return /* @__PURE__ */ i(
+g.displayName = "FormControl";
+const N = s.forwardRef(({ className: e, ...t }, o) => {
+  const { formDescriptionId: r } = c();
+  return /* @__PURE__ */ n(
     "p",
     {
-      ref: r,
-      id: t,
+      ref: o,
+      id: r,
       className: a("text-[0.8rem] text-muted-foreground", e),
-      ...o
+      ...t
     }
   );
 });
 N.displayName = "FormDescription";
-const w = s.forwardRef(({ className: e, children: o, ...r }, t) => {
-  const { error: m, formMessageId: n } = d(), c = m ? String(m == null ? void 0 : m.message) : o;
-  return c ? /* @__PURE__ */ i(
+const w = s.forwardRef(({ className: e, children: t, ...o }, r) => {
+  const { error: m, formMessageId: i } = c(), d = m ? String(m == null ? void 0 : m.message) : t;
+  return d ? /* @__PURE__ */ n(
     "p",
     {
-      ref: t,
-      id: n,
+      ref: r,
+      id: i,
       className: a("text-[0.8rem] font-medium text-destructive", e),
-      ...r,
-      children: c
+      ...o,
+      children: d
     }
   ) : null;
 });
 w.displayName = "FormMessage";
 export {
   M as Form,
-  v as FormControl,
+  g as FormControl,
   N as FormDescription,
   S as FormField,
-  C as FormItem,
-  g as FormLabel,
+  v as FormItem,
+  C as FormLabel,
   w as FormMessage,
-  d as useFormField
+  c as useFormField
 };

package/Form/FormRenderControl.d.ts

@@ -1,5 +1,4 @@
-import { FieldValues } from 'react-hook-form/dist/types/fields';
-import { UseFormReturn } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 import { FormRenderControlProps } from './FormRenderControl.types';
 
-export declare const FormRenderControl: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormRenderControlProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormRenderControl: <Data extends FieldValues>(props: FormRenderControlProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/Form/FormRenderControl.mjs

@@ -1,21 +1,21 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { FormField as d, FormItem as F, FormLabel as a, FormMessage as i } from "./Form.mjs";
-const x = (e) => {
-  const { form: n, name: m, label: o, render: t, ...l } = e;
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { FormField as d, FormItem as i, FormLabel as F, FormMessage as p } from "./Form.mjs";
+const b = (e) => {
+  const { form: n, name: m, label: o, render: t, containerProps: l = {}, ...s } = e;
   return /* @__PURE__ */ r(
     d,
     {
       control: n.control,
       name: m,
-      render: (s) => /* @__PURE__ */ c(F, { children: [
-        !!o && /* @__PURE__ */ r(a, { children: o }),
-        t(s),
-        /* @__PURE__ */ r(i, {})
+      render: (c) => /* @__PURE__ */ a(i, { ...l, children: [
+        !!o && /* @__PURE__ */ r(F, { children: o }),
+        t(c),
+        /* @__PURE__ */ r(p, {})
       ] }),
-      ...l
+      ...s
     }
   );
 };
 export {
-  x as FormRenderControl
+  b as FormRenderControl
 };

package/Form/FormRenderControl.types.d.ts

@@ -1,7 +1,4 @@
-import { ControllerFieldState, ControllerRenderProps } from 'react-hook-form/dist/types/controller';
-import { FieldPath, UseFormStateReturn } from 'react-hook-form/dist/types';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
-import { UseFormReturn } from 'react-hook-form';
+import { ControllerFieldState, ControllerRenderProps, FieldPath, FieldValues, UseFormReturn, UseFormStateReturn } from 'react-hook-form';
 import { default as React } from 'react';
 
 export type FormRenderProps<Data extends FieldValues> = ({ field, fieldState, formState, }: {
@@ -9,10 +6,11 @@ export type FormRenderProps<Data extends FieldValues> = ({ field, fieldState, fo
     fieldState: ControllerFieldState;
     formState: UseFormStateReturn<Data>;
 }) => React.ReactElement;
-export interface FormRenderControlProps<Data extends FieldValues, Form extends UseFormReturn<Data>> {
-    form: Form;
+export interface FormRenderControlProps<Data extends FieldValues> {
+    form: UseFormReturn<Data>;
     name: FieldPath<Data>;
     label?: string;
     render: FormRenderProps<Data>;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
 }
-export type FormRenderControlExtendProps<Data extends FieldValues, Form extends UseFormReturn<Data>> = Pick<FormRenderControlProps<Data, Form>, 'form' | 'name' | 'label'>;
+export type FormRenderControlExtendProps<Data extends FieldValues> = Omit<FormRenderControlProps<Data>, 'render'>;

package/FormCheckbox/FormCheckbox.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
 import { FormCheckboxProps } from './FormCheckbox.types';
+import { FieldValues } from 'react-hook-form';
 
-export declare const FormCheckbox: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormCheckboxProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCheckbox: <Data extends FieldValues>(props: FormCheckboxProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormCheckbox/FormCheckbox.mjs

@@ -1,30 +1,30 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Checkbox as l } from "../Checkbox/Checkbox.mjs";
-import { FormLabel as h } from "../Form/Form.mjs";
-import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
-const b = (o) => {
-  const { form: m, label: n, name: t, disabled: a, ...c } = o;
-  return /* @__PURE__ */ r(
-    d,
+import { jsx as e } from "react/jsx-runtime";
+import { FormControl as h } from "../Form/Form.mjs";
+import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
+import { CheckboxLabel as s } from "../Checkbox/Checkbox.mjs";
+const i = (t) => {
+  const { form: c, label: a, name: l, onCheckedChange: o, ...m } = t;
+  return /* @__PURE__ */ e(
+    p,
     {
-      form: m,
-      name: t,
-      render: ({ field: e }) => /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mt-4", children: [
-        /* @__PURE__ */ r(
-          l,
-          {
-            ...e,
-            checked: e.value || !1,
-            onCheckedChange: e.onChange,
-            disabled: a
+      form: c,
+      name: l,
+      render: ({ field: r }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+        s,
+        {
+          ...r,
+          ...m,
+          label: a,
+          checked: r.value || !1,
+          onCheckedChange: (n) => {
+            r.onChange(n), o == null || o(n);
           }
-        ),
-        /* @__PURE__ */ r(h, { children: n })
-      ] }),
-      ...c
+        }
+      ) }),
+      ...m
     }
   );
 };
 export {
-  b as FormCheckbox
+  i as FormCheckbox
 };

package/FormCheckbox/FormCheckbox.types.d.ts

@@ -1,7 +1,7 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
 import { FormRenderControlExtendProps } from '../Form';
+import { FieldValues } from 'react-hook-form';
+import { CheckboxProps } from '../Checkbox';
 
-export interface FormCheckboxProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form> {
+export interface FormCheckboxProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<CheckboxProps, 'form' | 'name' | 'label'> {
     disabled?: boolean;
 }

package/FormCombobox/FormCombobox.d.ts

@@ -1,4 +1,4 @@
-import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 import { FormComboboxProps } from './FormCombobox.types';
 
-export declare const FormCombobox: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormComboboxProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCombobox: <Data extends FieldValues>(props: FormComboboxProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormCombobox/FormCombobox.types.d.ts

@@ -1,7 +1,6 @@
 import { FormRenderControlExtendProps } from '../Form';
 import { ComboboxProps } from '../Combobox';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormComboboxProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, ComboboxProps {
+export interface FormComboboxProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<ComboboxProps, 'value' | 'onChange'> {
 }

package/FormDatePicker/FormDatePicker.d.ts

@@ -1,4 +1,4 @@
 import { FormDatePickerProps } from './FormDatePicker.types';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 
-export declare const FormDatePicker: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormDatePickerProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDatePicker: <Data extends FieldValues>(props: FormDatePickerProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormDatePicker/FormDatePicker.mjs

@@ -1,27 +1,29 @@
-import { jsx as o } from "react/jsx-runtime";
-import { DatePicker as c } from "../DatePicker/DatePicker.mjs";
-import { FormControl as i } from "../Form/Form.mjs";
-import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
-const f = (e) => {
-  const { form: t, name: m, label: n, ...a } = e;
-  return /* @__PURE__ */ o(
-    l,
+import { jsx as e } from "react/jsx-runtime";
+import { DatePicker as l } from "../DatePicker/DatePicker.mjs";
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as s } from "../Form/FormRenderControl.mjs";
+const h = (m) => {
+  const { form: n, name: a, label: c, onDateChange: r, ...i } = m;
+  return /* @__PURE__ */ e(
+    s,
     {
-      form: t,
-      name: m,
-      label: n,
-      render: ({ field: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
-        c,
+      form: n,
+      name: a,
+      label: c,
+      render: ({ field: o }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        l,
         {
-          ...r,
-          ...a,
-          selectedDate: r.value,
-          onDateChange: r.onChange
+          ...o,
+          ...i,
+          selectedDate: o.value,
+          onDateChange: (t) => {
+            o.onChange(t), r == null || r(t);
+          }
         }
       ) })
     }
   );
 };
 export {
-  f as FormDatePicker
+  h as FormDatePicker
 };

package/FormDatePicker/FormDatePicker.types.d.ts

@@ -1,7 +1,6 @@
 import { DatePickerProps } from '../DatePicker';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormDatePickerProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, DatePickerProps {
+export interface FormDatePickerProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<DatePickerProps, 'onDateChange'>, Partial<Pick<DatePickerProps, 'onDateChange'>> {
 }

package/FormDropzone/FormDropzone.d.ts

@@ -0,0 +1,4 @@
+import { FormDropzoneProps } from './FormDropzone.types';
+import { FieldValues } from 'react-hook-form';
+
+export declare const FormDropzone: <Data extends FieldValues>(props: FormDropzoneProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormDropzone/FormDropzone.mjs

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FormControl as a } from "../Form/Form.mjs";
+import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
+import { Dropzone as f } from "../Dropzone/Dropzone.mjs";
+const h = (n) => {
+  const { form: e, label: m, name: t, ...p } = n;
+  return /* @__PURE__ */ o(
+    l,
+    {
+      form: e,
+      label: m,
+      name: t,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { ...p, ...r, onChangeValue: r.onChange }) })
+    }
+  );
+};
+export {
+  h as FormDropzone
+};

package/FormDropzone/FormDropzone.types.d.ts

@@ -0,0 +1,6 @@
+import { FormRenderControlExtendProps } from '../Form';
+import { DropzoneProps } from '../Dropzone';
+import { FieldValues } from 'react-hook-form';
+
+export interface FormDropzoneProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, DropzoneProps {
+}

package/FormDropzone/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormDropzone';
+export * from './FormDropzone.types';

package/FormDropzone/index.mjs

@@ -0,0 +1,4 @@
+import { FormDropzone as e } from "./FormDropzone.mjs";
+export {
+  e as FormDropzone
+};

package/FormDropzone/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/FormInput/FormInput.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 import { FormInputProps } from './FormInput.types';
 
-export declare const FormInput: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormInputProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormInput/FormInput.mjs

@@ -1,26 +1,34 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FormControl as l } from "../Form/Form.mjs";
-import { FormRenderControl as u } from "../Form/FormRenderControl.mjs";
-import { Input as a } from "../Input/Input.mjs";
-const F = (m) => {
-  const { form: t, label: e, name: n, ...p } = m;
-  return /* @__PURE__ */ r(
-    u,
+import { jsx as p } from "react/jsx-runtime";
+import { FormControl as F } from "../Form/Form.mjs";
+import { FormRenderControl as h } from "../Form/FormRenderControl.mjs";
+import { Input as v } from "../Input/Input.mjs";
+const g = (u) => {
+  const { form: a, label: c, name: s, onChange: m, onBlur: t, ...C } = u;
+  return /* @__PURE__ */ p(
+    h,
     {
-      form: t,
-      name: n,
-      label: e,
-      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        a,
+      form: a,
+      name: s,
+      label: c,
+      render: ({ field: r }) => /* @__PURE__ */ p(F, { children: /* @__PURE__ */ p(
+        v,
         {
-          ...o,
-          value: o.value || "",
-          ...p
+          ...r,
+          ...C,
+          value: r.value || "",
+          onChange: (...n) => {
+            var o;
+            (o = r.onChange) == null || o.call(r, ...n), m == null || m(...n);
+          },
+          onBlur: (...n) => {
+            var o;
+            (o = r.onBlur) == null || o.call(r), t == null || t(...n);
+          }
         }
       ) })
     }
   );
 };
 export {
-  F as FormInput
+  g as FormInput
 };

package/FormInput/FormInput.types.d.ts

@@ -1,7 +1,6 @@
 import { InputProps } from '../Input';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormInputProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, Omit<InputProps, 'form' | 'name'> {
+export interface FormInputProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<InputProps, 'form' | 'name'> {
 }

package/FormRadio/FormRadio.d.ts

@@ -0,0 +1,4 @@
+import { FormRadioGroupProps } from './FormRadio.types.ts';
+import { FieldValues } from 'react-hook-form';
+
+export declare const FormRadio: <Data extends FieldValues>(props: FormRadioGroupProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormRadio/FormRadio.mjs

@@ -0,0 +1,40 @@
+import { jsx as e } from "react/jsx-runtime";
+import { FormControl as t, FormItem as F } from "../Form/Form.mjs";
+import { FormRenderControl as f } from "../Form/FormRenderControl.mjs";
+import { Radio as i } from "../Radio/Radio.mjs";
+const b = (n) => {
+  const {
+    form: u,
+    name: d,
+    label: c,
+    onValueChange: m,
+    value: h,
+    defaultValue: s,
+    renderOption: a,
+    ...v
+  } = n;
+  return /* @__PURE__ */ e(
+    f,
+    {
+      form: u,
+      name: d,
+      label: c,
+      render: ({ field: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+        i,
+        {
+          ...o,
+          ...v,
+          defaultValue: s || o.value,
+          value: h || o.value,
+          onValueChange: (r) => {
+            o.onChange(r), m == null || m(r);
+          },
+          renderOption: (r, l) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(t, { children: (a == null ? void 0 : a(r, l)) || /* @__PURE__ */ e(l, { ...r }) }) }, r.value)
+        }
+      ) })
+    }
+  );
+};
+export {
+  b as FormRadio
+};

package/FormRadio/FormRadio.types.d.ts

@@ -0,0 +1,6 @@
+import { RadioProps } from '../Radio';
+import { FormRenderControlExtendProps } from '../Form';
+import { FieldValues } from 'react-hook-form';
+
+export interface FormRadioGroupProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Partial<Omit<RadioProps, 'name'>> {
+}

package/FormRadio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormRadio';
+export type * from './FormRadio.types.ts';

package/FormRadio/index.mjs

@@ -0,0 +1,4 @@
+import { FormRadio as m } from "./FormRadio.mjs";
+export {
+  m as FormRadio
+};

package/FormRadio/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/FormSelect/FormSelect.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 import { FormSelectProps } from './FormSelect.types';
 
-export declare const FormSelect: <Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData>(props: FormSelectProps<Data, Form, ExtendOptionData>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSelect: <Data extends FieldValues, ExtendOptionData>(props: FormSelectProps<Data, ExtendOptionData>) => import("react/jsx-runtime").JSX.Element;