@oneplatformdev/ui 0.0.1-beta.73 → 0.0.1-beta.76

package/Checkbox/index.d.ts

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

package/Combobox/Combobox.mjs

@@ -9,7 +9,7 @@ import "../Command/Command.mjs";
 import "@oneplatformdev/utils";
 import "@oneplatformdev/hooks";
 import "lucide-react";
-import { C as c } from "../Combobox-B16Ne2a8.js";
+import { C as c } from "../Combobox-BtUYfFXh.js";
 export {
   c as Combobox
 };

package/Combobox/ComboboxOptionItem.mjs

@@ -20,7 +20,7 @@ import "../Card/Card.mjs";
 import "../Carousel/Carousel.mjs";
 import "../Checkbox/Checkbox.mjs";
 import "@radix-ui/react-collapsible";
-import { a as fo } from "../Combobox-B16Ne2a8.js";
+import { a as fo } from "../Combobox-BtUYfFXh.js";
 import "../Command/Command.mjs";
 import "../DropdownMenu/DropdownMenu.mjs";
 import "../Table/Table.mjs";

package/Combobox/ComboboxOptions.mjs

@@ -3,7 +3,7 @@ import "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
 import "react";
 import "../Collapsible/Collapsible.mjs";
-import { c as a, b as e } from "../Combobox-B16Ne2a8.js";
+import { c as a, b as e } from "../Combobox-BtUYfFXh.js";
 import "lucide-react";
 import "@oneplatformdev/utils";
 export {

package/Combobox/index.mjs

@@ -1,4 +1,4 @@
-import { C as m } from "../Combobox-B16Ne2a8.js";
+import { C as m } from "../Combobox-BtUYfFXh.js";
 export {
   m as Combobox
 };

package/{Combobox-B16Ne2a8.js → Combobox-BtUYfFXh.js}

@@ -136,7 +136,15 @@ const ce = 8, I = w((i, l) => {
             ]
           }
         ) }) }),
-        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((a) => /* @__PURE__ */ e(M, { ...i, deep: n + 1, option: a })) }) })
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((a) => /* @__PURE__ */ e(
+          M,
+          {
+            ...i,
+            deep: n + 1,
+            option: a
+          },
+          t.value
+        )) }) })
       ]
     }
   ) : /* @__PURE__ */ e(I, { ...i, ref: l });

package/FormCombobox/FormCombobox.mjs

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { FormControl as a } from "../Form/Form.mjs";
 import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
-import { C as p } from "../Combobox-B16Ne2a8.js";
+import { C as p } from "../Combobox-BtUYfFXh.js";
 const x = (m) => {
   const { form: n, label: e, name: t, ...C } = m;
   return /* @__PURE__ */ o(

package/FormInput/FormInput.d.ts

@@ -1,4 +1,7 @@
+import { Ref } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormInputProps } from './FormInput.types';
 
-export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data> & {
+    inputRef?: Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/FormInput/FormInput.mjs

@@ -1,34 +1,36 @@
 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;
+import { FormControl as h } from "../Form/Form.mjs";
+import { FormRenderControl as v } from "../Form/FormRenderControl.mjs";
+import { Input as x } from "../Input/Input.mjs";
+const j = (u) => {
+  const { inputRef: a, form: e, label: s, name: c, onChange: t, onBlur: m, style: C, ...F } = u;
   return /* @__PURE__ */ p(
-    h,
+    v,
     {
-      form: a,
-      name: s,
-      label: c,
-      render: ({ field: r }) => /* @__PURE__ */ p(F, { children: /* @__PURE__ */ p(
-        v,
+      form: e,
+      name: c,
+      label: s,
+      render: ({ field: r }) => /* @__PURE__ */ p(h, { children: /* @__PURE__ */ p(
+        x,
         {
           ...r,
-          ...C,
+          ...F,
+          style: C,
           value: r.value || "",
           onChange: (...n) => {
             var o;
-            (o = r.onChange) == null || o.call(r, ...n), m == null || m(...n);
+            (o = r.onChange) == null || o.call(r, ...n), t == null || t(...n);
           },
           onBlur: (...n) => {
             var o;
-            (o = r.onBlur) == null || o.call(r), t == null || t(...n);
-          }
+            (o = r.onBlur) == null || o.call(r), m == null || m(...n);
+          },
+          ref: a
         }
       ) })
     }
   );
 };
 export {
-  g as FormInput
+  j as FormInput
 };

package/index.mjs

@@ -20,7 +20,7 @@ import { Carousel as go, CarouselContent as xo, CarouselItem as fo, CarouselNext
 import { ChartContainer as To, ChartLegend as Do, ChartLegendContent as co, ChartStyle as Mo, ChartTooltip as Po, ChartTooltipContent as Ao } from "./Chart/Chart.mjs";
 import { Checkbox as wo, CheckboxLabel as ho } from "./Checkbox/Checkbox.mjs";
 import { Collapsible as Fo, CollapsibleContent as Lo, CollapsibleTrigger as Ro } from "./Collapsible/Collapsible.mjs";
-import { C as Go } from "./Combobox-B16Ne2a8.js";
+import { C as Go } from "./Combobox-BtUYfFXh.js";
 import { Command as Ho, CommandDialog as No, CommandEmpty as Vo, CommandGroup as yo, CommandInput as Eo, CommandItem as Oo, CommandList as zo, CommandSeparator as _o, CommandShortcut as Uo } from "./Command/Command.mjs";
 import { DataTable as jo } from "./DataTable/DataTable.mjs";
 import { DatePicker as Jo } from "./DatePicker/DatePicker.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.73",
+  "version": "0.0.1-beta.76",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [