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

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-E9X4tg-I.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 no } from "../Combobox-E9X4tg-I.js";
 import "../Command/Command.mjs";
 import "../DropdownMenu/DropdownMenu.mjs";
 import "../Table/Table.mjs";
@@ -30,11 +30,12 @@ import "../DatePicker/DatePicker.mjs";
 import "../Dialog/Dialog.mjs";
 import "../Drawer/Drawer.mjs";
 import "../Form/Form.mjs";
-import "../Input/Input.mjs";
+import "../FormInput/FormInput.mjs";
 import "../Select/SelectRoot.mjs";
 import "../Textarea/Textarea.mjs";
 import "../Separator/Separator.mjs";
 import "../HoverCard/HoverCard.mjs";
+import "../Input/Input.mjs";
 import "../InputOTP/InputOTP.mjs";
 import "../Label/Label.mjs";
 import "../Label/labelVariants.mjs";
@@ -62,5 +63,5 @@ import "../ToggleGroup/ToggleGroup.mjs";
 import "../Tooltip/TooltipRoot.mjs";
 import "../Dropzone/Dropzone.mjs";
 export {
-  fo as ComboboxOptionItem
+  no as ComboboxOptionItem
 };

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-E9X4tg-I.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-E9X4tg-I.js";
 export {
   m as Combobox
 };

package/{Combobox-B16Ne2a8.js → Combobox-E9X4tg-I.js}

@@ -34,11 +34,12 @@ import "./DatePicker/DatePicker.mjs";
 import "./Dialog/Dialog.mjs";
 import "./Drawer/Drawer.mjs";
 import "./Form/Form.mjs";
-import "./Input/Input.mjs";
+import "./FormInput/FormInput.mjs";
 import "./Select/SelectRoot.mjs";
 import "./Textarea/Textarea.mjs";
 import "./Separator/Separator.mjs";
 import "./HoverCard/HoverCard.mjs";
+import "./Input/Input.mjs";
 import "./InputOTP/InputOTP.mjs";
 import "./Label/Label.mjs";
 import "./Label/labelVariants.mjs";
@@ -136,14 +137,22 @@ 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 });
 }), de = w((i, l) => {
   const { options: t = [], ...d } = i;
   return /* @__PURE__ */ e("div", { ref: l, className: "flex flex-col gap-0", children: t.map((r) => /* @__PURE__ */ e(M, { ...d, option: r }, r.value)) });
-}), Nt = w(
+}), St = w(
   (i, l) => {
     var j;
     const {
@@ -285,7 +294,7 @@ const ce = 8, I = w((i, l) => {
   }
 );
 export {
-  Nt as C,
+  St as C,
   I as a,
   M as b,
   de as c

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-E9X4tg-I.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 { ReactElement, 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> & {
+    ref?: Ref<HTMLInputElement>;
+}) => ReactElement;

package/FormInput/FormInput.mjs

@@ -1,20 +1,23 @@
 import { jsx as p } from "react/jsx-runtime";
-import { FormControl as F } from "../Form/Form.mjs";
+import { FormControl as C } 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 { forwardRef as x } from "react";
+function R(u, a) {
+  const { form: c, label: e, name: s, onChange: m, onBlur: t, style: F, ...I } = u;
   return /* @__PURE__ */ p(
     h,
     {
-      form: a,
+      form: c,
       name: s,
-      label: c,
-      render: ({ field: r }) => /* @__PURE__ */ p(F, { children: /* @__PURE__ */ p(
+      label: e,
+      render: ({ field: r }) => /* @__PURE__ */ p(C, { children: /* @__PURE__ */ p(
         v,
         {
           ...r,
-          ...C,
+          ...I,
+          ref: a,
+          style: F,
           value: r.value || "",
           onChange: (...n) => {
             var o;
@@ -28,7 +31,8 @@ const g = (u) => {
       ) })
     }
   );
-};
+}
+const B = x(R);
 export {
-  g as FormInput
+  B 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-E9X4tg-I.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.74",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [