@oneplatformdev/ui 0.0.1-beta.67 → 0.0.1-beta.68

package/Alert/Alert.mjs

@@ -1,13 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as i from "react";
-import { cn as l } from "@oneplatformdev/utils";
+import "class-variance-authority";
+import { cn as o } from "@oneplatformdev/utils";
 import { alertVariants as m } from "./alertVariants.mjs";
-const s = i.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ a(
+const s = i.forwardRef(({ className: e, variant: r, ...t }, l) => /* @__PURE__ */ a(
   "div",
   {
-    ref: o,
+    ref: l,
     role: "alert",
-    className: l(m({ variant: r }), e),
+    className: o(m({ variant: r }), e),
     ...t
   }
 ));
@@ -16,7 +17,7 @@ const n = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "h5",
   {
     ref: t,
-    className: l("mb-1 font-medium leading-none tracking-tight", e),
+    className: o("mb-1 font-medium leading-none tracking-tight", e),
     ...r
   }
 ));
@@ -25,7 +26,7 @@ const d = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: l("text-sm [&_p]:leading-relaxed", e),
+    className: o("text-sm [&_p]:leading-relaxed", e),
     ...r
   }
 ));

package/AreaChart/AreaChart.mjs

@@ -1,7 +1,8 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import "react";
 import { AreaChart as s, CartesianGrid as n, XAxis as l, YAxis as h, Area as p } from "recharts";
-import { ChartContainer as d, ChartTooltip as f, ChartTooltipContent as c } from "../Chart/Chart.mjs";
-const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, className: "h-[350px] w-full", children: /* @__PURE__ */ a(s, { data: o, width: 808, height: 350, margin: { top: 10, right: 10, left: 0, bottom: 0 }, children: [
+import { ChartContainer as d, ChartTooltip as f, ChartTooltipContent as m } from "../Chart/Chart.mjs";
+const y = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, className: "h-[350px] w-full", children: /* @__PURE__ */ a(s, { data: o, width: 808, height: 350, margin: { top: 10, right: 10, left: 0, bottom: 0 }, children: [
   /* @__PURE__ */ t("defs", { children: Object.entries(i).map(([e, { color: r }]) => /* @__PURE__ */ a("linearGradient", { id: `${e}Gradient`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
     /* @__PURE__ */ t("stop", { offset: "5%", stopColor: r, stopOpacity: 0.8 }),
     /* @__PURE__ */ t("stop", { offset: "95%", stopColor: r, stopOpacity: 0.1 })
@@ -9,7 +10,7 @@ const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, classNam
   /* @__PURE__ */ t(n, { strokeDasharray: "none", stroke: "gray", strokeWidth: 0.5, vertical: !0, horizontal: !0 }),
   /* @__PURE__ */ t(l, { dataKey: "month", axisLine: !1, tickLine: !1, tick: { fontSize: 12 } }),
   /* @__PURE__ */ t(h, { axisLine: !1, tickLine: !1, tick: { fontSize: 12 } }),
-  /* @__PURE__ */ t(f, { content: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(f, { content: /* @__PURE__ */ t(m, {}) }),
   Object.entries(i).map(([e, { color: r }]) => /* @__PURE__ */ t(
     p,
     {
@@ -23,5 +24,5 @@ const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, classNam
   ))
 ] }) });
 export {
-  k as AreaChart
+  y as AreaChart
 };

package/Badge/Badge.mjs

@@ -1,10 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as a } from "@oneplatformdev/utils";
-import { badgeVariants as i } from "./badgeVariants.mjs";
-function p({ className: r, variant: o, ...m }) {
-  return /* @__PURE__ */ t("div", { className: a(i({ variant: o }), r), ...m });
+import "react";
+import { cn as i } from "@oneplatformdev/utils";
+import { badgeVariants as a } from "./badgeVariants.mjs";
+function s({ className: r, variant: o, ...m }) {
+  return /* @__PURE__ */ t("div", { className: i(a({ variant: o }), r), ...m });
 }
 export {
-  p as Badge,
-  i as badgeVariants
+  s as Badge,
+  a as badgeVariants
 };

package/Calendar/Calendar.mjs

@@ -1,4 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
+import "react";
 import { ChevronLeft as i, ChevronRight as l } from "lucide-react";
 import { DayPicker as m } from "react-day-picker";
 import { cn as e } from "@oneplatformdev/utils";

package/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxLabelProps, CheckboxProps } from './Checkbox.types.ts';
-import * as React from "react";
+import * as React from 'react';
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 declare const CheckboxLabel: React.ForwardRefExoticComponent<CheckboxLabelProps & React.RefAttributes<HTMLLabelElement>>;
 export { Checkbox, CheckboxLabel };

package/Checkbox/Checkbox.types.d.ts

@@ -1,6 +1,6 @@
-import { Label } from '../Label/Label';
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as React from "react";
+import { Label } from '../Label';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
 export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     indeterminate?: boolean;
 }

package/Command/Command.mjs

@@ -1,5 +1,6 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as m from "react";
+import "@radix-ui/react-dialog";
 import { Command as o } from "cmdk";
 import { Search as p } from "lucide-react";
 import { cn as r } from "@oneplatformdev/utils";
@@ -16,7 +17,7 @@ const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
   }
 ));
 n.displayName = o.displayName;
-const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(c, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), l = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+const b = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(c, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), l = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ t(
     o.Input,
@@ -98,7 +99,7 @@ const y = ({
 y.displayName = "CommandShortcut";
 export {
   n as Command,
-  C as CommandDialog,
+  b as CommandDialog,
   f as CommandEmpty,
   g as CommandGroup,
   l as CommandInput,

package/DataTable/DataTable.mjs

@@ -5,8 +5,9 @@ import { DropdownMenu as p, DropdownMenuTrigger as g, DropdownMenuContent as u,
 import { Table as f, TableHeader as w, TableRow as t, TableHead as x, TableBody as b, TableCell as d } from "../Table/Table.mjs";
 import { flexRender as a } from "@tanstack/react-table";
 import { ChevronDown as D } from "lucide-react";
-const y = ({
-  table: r,
+import "react";
+const I = ({
+  table: n,
   ToolBar: s,
   tColumns: c = "Columns",
   tNoResults: m = "No results"
@@ -21,12 +22,12 @@ const y = ({
           " ",
           /* @__PURE__ */ l(D, { className: "ml-2 h-4 w-4" })
         ] }) }),
-        /* @__PURE__ */ l(u, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
+        /* @__PURE__ */ l(u, { align: "end", children: n.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
           C,
           {
             className: "capitalize",
             checked: e.getIsVisible(),
-            onCheckedChange: (n) => e.toggleVisibility(!!n),
+            onCheckedChange: (r) => e.toggleVisibility(!!r),
             children: e.id
           },
           e.id
@@ -34,24 +35,24 @@ const y = ({
       ] })
     ] }),
     /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ i(f, { children: [
-      /* @__PURE__ */ l(w, { children: r.getHeaderGroups().map((e) => /* @__PURE__ */ l(t, { children: e.headers.map((n) => /* @__PURE__ */ l(x, { children: n.isPlaceholder ? null : a(
-        n.column.columnDef.header,
-        n.getContext()
-      ) }, n.id)) }, e.id)) }),
-      /* @__PURE__ */ l(b, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l(w, { children: n.getHeaderGroups().map((e) => /* @__PURE__ */ l(t, { children: e.headers.map((r) => /* @__PURE__ */ l(x, { children: r.isPlaceholder ? null : a(
+        r.column.columnDef.header,
+        r.getContext()
+      ) }, r.id)) }, e.id)) }),
+      /* @__PURE__ */ l(b, { children: (o = n.getRowModel().rows) != null && o.length ? n.getRowModel().rows.map((e) => /* @__PURE__ */ l(
         t,
         {
           "data-state": e.getIsSelected() && "selected",
-          children: e.getVisibleCells().map((n) => /* @__PURE__ */ l(d, { children: a(
-            n.column.columnDef.cell,
-            n.getContext()
-          ) }, n.id))
+          children: e.getVisibleCells().map((r) => /* @__PURE__ */ l(d, { children: a(
+            r.column.columnDef.cell,
+            r.getContext()
+          ) }, r.id))
         },
         e.id
       )) : /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(
         d,
         {
-          colSpan: r.getAllColumns().length,
+          colSpan: n.getAllColumns().length,
           className: "h-24 text-center",
           children: m
         }
@@ -60,5 +61,5 @@ const y = ({
   ] });
 };
 export {
-  y as DataTable
+  I as DataTable
 };

package/Dropzone/Dropzone.mjs

@@ -4,7 +4,7 @@ import { useDropzone as O } from "react-dropzone";
 import { Card as X } from "../Card/Card.mjs";
 import { X as Y } from "lucide-react";
 import { cn as f } from "@oneplatformdev/utils";
-import { F as q, D as G } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { F as q, D as G } from "../DropzoneFilePreview-C-SoCoO0.js";
 import { DefaultFileIcon as H, isFile as u, extractName as J } from "./DropzoneUtils.mjs";
 import { DropzoneSinglePickPreview as K } from "./DropzoneSinglePickPreview.mjs";
 const Q = j(

package/Dropzone/DropzoneFilePreview.mjs

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "lucide-react";
-import { F } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { F } from "../DropzoneFilePreview-C-SoCoO0.js";
 import "./DropzoneUtils.mjs";
 import "@oneplatformdev/utils";
 export {

package/Dropzone/index.mjs

@@ -1,5 +1,5 @@
 import { Dropzone as r } from "./Dropzone.mjs";
-import { D as T, a as _ } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { D as T, a as _ } from "../DropzoneFilePreview-C-SoCoO0.js";
 export {
   T as DEFAULT_FILE_TYPES,
   _ as DEFAULT_IMAGES_TYPES,

package/{DropzoneFilePreview-Dhtv8F4u.js → DropzoneFilePreview-C-SoCoO0.js}

@@ -1,9 +1,10 @@
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-import { useState as m, useEffect as f } from "react";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useState as d, useEffect as f } from "react";
 import { File as s } from "lucide-react";
-import { isFile as o } from "./Dropzone/DropzoneUtils.mjs";
+import "react-dropzone";
+import { isFile as l } from "./Dropzone/DropzoneUtils.mjs";
 import { cn as c } from "@oneplatformdev/utils";
-const h = [
+const j = [
   "application/msword",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
   "text/csv",
@@ -15,11 +16,11 @@ const h = [
   "image/jpg",
   "image/webp",
   "image/gif"
-], j = ({ item: e, styles: r }) => {
-  const [t, a] = m(null), p = o(e) && u.includes(e.type);
+], E = ({ item: e, styles: r }) => {
+  const [t, a] = d(null), p = l(e) && u.includes(e.type);
   return f(() => {
     let n = null;
-    if (o(e) && p) {
+    if (l(e) && p) {
       const i = new FileReader();
       return i.onloadend = () => a(i.result), i.readAsDataURL(e), () => a(null);
     } else {
@@ -30,21 +31,21 @@ const h = [
       a(null);
     }
     return () => a(null);
-  }, [e, p]), /* @__PURE__ */ l(
+  }, [e, p]), /* @__PURE__ */ o(
     "div",
     {
       className: c(
         "w-32 h-32 border border-gray-300 rounded-md overflow-hidden flex items-center justify-center",
         r == null ? void 0 : r.previewWraper
       ),
-      children: t ? /* @__PURE__ */ l(
+      children: t ? /* @__PURE__ */ o(
         "img",
         {
           src: t,
-          alt: o(e) ? e.name : "external-image",
+          alt: l(e) ? e.name : "external-image",
           className: c("w-full h-full object-cover", r == null ? void 0 : r.previewImage)
         }
-      ) : /* @__PURE__ */ d(
+      ) : /* @__PURE__ */ m(
         "div",
         {
           className: c(
@@ -52,8 +53,8 @@ const h = [
             r == null ? void 0 : r.previewFile
           ),
           children: [
-            /* @__PURE__ */ l(s, { className: "w-6 h-6" }),
-            o(e) ? /* @__PURE__ */ l("span", { className: "text-xs break-all", children: e.name }) : /* @__PURE__ */ l("span", { className: "text-xs break-all", children: e })
+            /* @__PURE__ */ o(s, { className: "w-6 h-6" }),
+            l(e) ? /* @__PURE__ */ o("span", { className: "text-xs break-all", children: e.name }) : /* @__PURE__ */ o("span", { className: "text-xs break-all", children: e })
           ]
         }
       )
@@ -61,7 +62,7 @@ const h = [
   );
 };
 export {
-  h as D,
-  j as F,
+  j as D,
+  E as F,
   u as a
 };

package/Form/Form.mjs

@@ -1,13 +1,14 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
+import "@radix-ui/react-label";
 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 S = u, f = s.createContext(
   {}
-), S = ({
+), L = ({
   ...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);
@@ -84,10 +85,10 @@ const w = s.forwardRef(({ className: e, children: o, ...r }, t) => {
 });
 w.displayName = "FormMessage";
 export {
-  M as Form,
+  S as Form,
   v as FormControl,
   N as FormDescription,
-  S as FormField,
+  L as FormField,
   C as FormItem,
   g as FormLabel,
   w as FormMessage,

package/Form/FormRenderControl.mjs

@@ -1,13 +1,14 @@
-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) => {
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { FormField as a, FormItem as d, FormLabel as F, FormMessage as p } from "./Form.mjs";
+import "react-hook-form";
+const h = (e) => {
   const { form: n, name: m, label: o, render: t, containerProps: l = {}, ...s } = e;
   return /* @__PURE__ */ r(
-    d,
+    a,
     {
       control: n.control,
       name: m,
-      render: (c) => /* @__PURE__ */ a(i, { ...l, children: [
+      render: (c) => /* @__PURE__ */ i(d, { ...l, children: [
         !!o && /* @__PURE__ */ r(F, { children: o }),
         t(c),
         /* @__PURE__ */ r(p, {})
@@ -17,5 +18,5 @@ const b = (e) => {
   );
 };
 export {
-  b as FormRenderControl
+  h as FormRenderControl
 };

package/FormCheckbox/FormCheckbox.mjs

@@ -1,23 +1,24 @@
 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 "react-hook-form";
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as h } 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;
+const k = (n) => {
+  const { form: c, label: a, name: l, onCheckedChange: o, ...m } = n;
   return /* @__PURE__ */ e(
-    p,
+    h,
     {
       form: c,
       name: l,
-      render: ({ field: r }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+      render: ({ field: r }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
         s,
         {
           ...r,
           ...m,
           label: a,
           checked: r.value || !1,
-          onCheckedChange: (n) => {
-            r.onChange(n), o == null || o(n);
+          onCheckedChange: (t) => {
+            r.onChange(t), o == null || o(t);
           }
         }
       ) }),
@@ -26,5 +27,5 @@ const i = (t) => {
   );
 };
 export {
-  i as FormCheckbox
+  k as FormCheckbox
 };

package/FormCombobox/FormCombobox.mjs

@@ -1,19 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
-import { FormControl as b } from "../Form/Form.mjs";
-import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
-import { Combobox as a } from "../Combobox/Combobox.mjs";
-const x = (m) => {
-  const { form: n, label: e, name: t, ...C } = m;
+import { FormControl as C } from "../Form/Form.mjs";
+import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
+import { Combobox as i } from "../Combobox/Combobox.mjs";
+import "react-hook-form";
+const c = (m) => {
+  const { form: n, label: t, name: e, ...p } = m;
   return /* @__PURE__ */ o(
-    p,
+    b,
     {
       form: n,
-      label: e,
-      name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
-        a,
+      label: t,
+      name: e,
+      render: ({ field: r }) => /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+        i,
         {
-          ...C,
+          ...p,
           ...r,
           onChange: r.onChange
         }
@@ -22,5 +23,5 @@ const x = (m) => {
   );
 };
 export {
-  x as FormCombobox
+  c as FormCombobox
 };

package/FormDatePicker/FormDatePicker.mjs

@@ -1,8 +1,9 @@
 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 { DatePicker as p } from "../DatePicker/DatePicker.mjs";
+import { FormControl as l } from "../Form/Form.mjs";
 import { FormRenderControl as s } from "../Form/FormRenderControl.mjs";
-const h = (m) => {
+import "react-hook-form";
+const k = (m) => {
   const { form: n, name: a, label: c, onDateChange: r, ...i } = m;
   return /* @__PURE__ */ e(
     s,
@@ -10,8 +11,8 @@ const h = (m) => {
       form: n,
       name: a,
       label: c,
-      render: ({ field: o }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-        l,
+      render: ({ field: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
+        p,
         {
           ...o,
           ...i,
@@ -25,5 +26,5 @@ const h = (m) => {
   );
 };
 export {
-  h as FormDatePicker
+  k as FormDatePicker
 };

package/FormDropzone/FormDropzone.mjs

@@ -1,19 +1,20 @@
 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) => {
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Dropzone as l } from "../Dropzone/Dropzone.mjs";
+import "react-hook-form";
+const F = (n) => {
   const { form: e, label: m, name: t, ...p } = n;
   return /* @__PURE__ */ o(
-    l,
+    i,
     {
       form: e,
       label: m,
       name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { ...p, ...r, onChangeValue: r.onChange }) })
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(l, { ...p, ...r, onChangeValue: r.onChange }) })
     }
   );
 };
 export {
-  h as FormDropzone
+  F as FormDropzone
 };

package/FormInput/FormInput.mjs

@@ -1,17 +1,18 @@
 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) => {
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Input as u } from "../Input/Input.mjs";
+import "react-hook-form";
+const d = (m) => {
   const { form: t, label: e, name: n, ...p } = m;
   return /* @__PURE__ */ r(
-    u,
+    i,
     {
       form: t,
       name: n,
       label: e,
       render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        a,
+        u,
         {
           ...o,
           value: o.value || "",
@@ -22,5 +23,5 @@ const F = (m) => {
   );
 };
 export {
-  F as FormInput
+  d as FormInput
 };

package/FormRadio/FormRadio.mjs

@@ -1,7 +1,8 @@
 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";
+import "react-hook-form";
+import { FormControl as t, FormItem as v } from "../Form/Form.mjs";
+import { FormRenderControl as F } from "../Form/FormRenderControl.mjs";
+import { Radio as f } from "../Radio/Radio.mjs";
 const b = (n) => {
   const {
     form: u,
@@ -9,27 +10,27 @@ const b = (n) => {
     label: c,
     onValueChange: m,
     value: h,
-    defaultValue: s,
+    defaultValue: i,
     renderOption: a,
-    ...v
+    ...s
   } = n;
   return /* @__PURE__ */ e(
-    f,
+    F,
     {
       form: u,
       name: d,
       label: c,
       render: ({ field: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
-        i,
+        f,
         {
           ...o,
-          ...v,
-          defaultValue: s || o.value,
+          ...s,
+          defaultValue: i || 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)
+          renderOption: (r, l) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(t, { children: (a == null ? void 0 : a(r, l)) || /* @__PURE__ */ e(l, { ...r }) }) }, r.value)
         }
       ) })
     }

package/FormSelect/FormSelect.mjs

@@ -3,20 +3,21 @@ import { FormControl as f } from "../Form/Form.mjs";
 import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
 import "../Select/SelectRoot.mjs";
 import { Select as g } from "../Select/Select.mjs";
-const S = (n) => {
+import "react-hook-form";
+const b = (m) => {
   const {
-    form: m,
+    form: n,
     label: i,
     name: p,
     options: l = [],
     onChange: r,
     containerProps: c,
     ...s
-  } = n;
+  } = m;
   return /* @__PURE__ */ e(
     d,
     {
-      form: m,
+      form: n,
       name: p,
       label: i,
       containerProps: c,
@@ -36,5 +37,5 @@ const S = (n) => {
   );
 };
 export {
-  S as FormSelect
+  b as FormSelect
 };