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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- export * from './Checkbox.tsx';
2
- export type * from './Checkbox.types.ts';
1
+ export * from './Checkbox';
2
+ export type * from './Checkbox.types';
@@ -9,7 +9,7 @@ import "../Command/Command.mjs";
9
9
  import "@oneplatformdev/utils";
10
10
  import "@oneplatformdev/hooks";
11
11
  import "lucide-react";
12
- import { C as c } from "../Combobox-CxJOBiHk.js";
12
+ import { C as c } from "../Combobox-E9X4tg-I.js";
13
13
  export {
14
14
  c as Combobox
15
15
  };
@@ -11,17 +11,15 @@ export interface ComboboxPropsOnMountParams {
11
11
  open: boolean;
12
12
  setOpen: Dispatch<SetStateAction<boolean>>;
13
13
  }
14
- export interface IComboboxOptionsProps {
15
- value?: string;
16
- options?: ComboboxOption[];
17
- onChangeOption?: (option: ComboboxOption) => void;
18
- deep?: number;
19
- }
20
14
  export interface IComboboxOptionsNodeProps {
21
15
  value?: string;
22
16
  option: ComboboxOption;
23
17
  onChangeOption?: (option: ComboboxOption) => void;
24
18
  deep?: number;
19
+ setOpen: Dispatch<SetStateAction<boolean>>;
20
+ }
21
+ export interface IComboboxOptionsProps extends Omit<IComboboxOptionsNodeProps, 'option'> {
22
+ options?: ComboboxOption[];
25
23
  }
26
24
  export interface ComboboxProps {
27
25
  value: string;
@@ -20,7 +20,7 @@ import "../Card/Card.mjs";
20
20
  import "../Carousel/Carousel.mjs";
21
21
  import "../Checkbox/Checkbox.mjs";
22
22
  import "@radix-ui/react-collapsible";
23
- import { a as fo } from "../Combobox-CxJOBiHk.js";
23
+ import { a as no } from "../Combobox-E9X4tg-I.js";
24
24
  import "../Command/Command.mjs";
25
25
  import "../DropdownMenu/DropdownMenu.mjs";
26
26
  import "../Table/Table.mjs";
@@ -30,11 +30,12 @@ import "../DatePicker/DatePicker.mjs";
30
30
  import "../Dialog/Dialog.mjs";
31
31
  import "../Drawer/Drawer.mjs";
32
32
  import "../Form/Form.mjs";
33
- import "../Input/Input.mjs";
33
+ import "../FormInput/FormInput.mjs";
34
34
  import "../Select/SelectRoot.mjs";
35
35
  import "../Textarea/Textarea.mjs";
36
36
  import "../Separator/Separator.mjs";
37
37
  import "../HoverCard/HoverCard.mjs";
38
+ import "../Input/Input.mjs";
38
39
  import "../InputOTP/InputOTP.mjs";
39
40
  import "../Label/Label.mjs";
40
41
  import "../Label/labelVariants.mjs";
@@ -62,5 +63,5 @@ import "../ToggleGroup/ToggleGroup.mjs";
62
63
  import "../Tooltip/TooltipRoot.mjs";
63
64
  import "../Dropzone/Dropzone.mjs";
64
65
  export {
65
- fo as ComboboxOptionItem
66
+ no as ComboboxOptionItem
66
67
  };
@@ -1,4 +1,4 @@
1
- import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from '..';
1
+ import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from './Combobox.types';
2
2
 
3
3
  export declare const ComboboxOptionsNode: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & import('react').RefAttributes<HTMLDivElement>>;
4
4
  export declare const ComboboxOptions: import('react').ForwardRefExoticComponent<IComboboxOptionsProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,67 +1,12 @@
1
1
  import "react/jsx-runtime";
2
- import "../Accordion/Accordion.mjs";
3
- import "../Alert/Alert.mjs";
4
- import "../AlertDialog/AlertDialogRoot.mjs";
5
- import "react";
6
- import "@oneplatformdev/utils";
7
- import "recharts";
8
- import "../Chart/Chart.mjs";
9
- import "../Sidebar/Sidebar.mjs";
10
- import "@radix-ui/react-aspect-ratio";
11
- import "../Avatar/Avatar.mjs";
12
- import "../Badge/badgeVariants.mjs";
13
- import "../Breadcrumb/Breadcrumb.mjs";
14
2
  import "../Button/Button.mjs";
15
3
  import "../Button/buttonVariants.mjs";
16
- import "../ButtonIcon/ButtonIcon.mjs";
17
- import "../ButtonIcon/buttonIconVariants.mjs";
18
- import "../Calendar/Calendar.mjs";
19
- import "../Card/Card.mjs";
20
- import "../Carousel/Carousel.mjs";
21
- import "../Checkbox/Checkbox.mjs";
4
+ import "react";
22
5
  import "../Collapsible/Collapsible.mjs";
23
- import { c as eo, b as no } from "../Combobox-CxJOBiHk.js";
24
- import "../Command/Command.mjs";
25
- import "../DropdownMenu/DropdownMenu.mjs";
26
- import "../Table/Table.mjs";
27
- import "@tanstack/react-table";
6
+ import { c as a, b as e } from "../Combobox-E9X4tg-I.js";
28
7
  import "lucide-react";
29
- import "../DatePicker/DatePicker.mjs";
30
- import "../Dialog/Dialog.mjs";
31
- import "../Drawer/Drawer.mjs";
32
- import "../Form/Form.mjs";
33
- import "../Input/Input.mjs";
34
- import "../Select/SelectRoot.mjs";
35
- import "../Textarea/Textarea.mjs";
36
- import "../Separator/Separator.mjs";
37
- import "../HoverCard/HoverCard.mjs";
38
- import "../InputOTP/InputOTP.mjs";
39
- import "../Label/Label.mjs";
40
- import "../Label/labelVariants.mjs";
41
- import "../LoadingMask/RenderLoadingMask.mjs";
42
- import "../LoadingProgress/loadingProgressVariants.mjs";
43
- import "../Menubar/Menubar.mjs";
44
- import "../NavigationMenu/NavigationMenu.mjs";
45
- import "../NavigationMenu/navigationMenuVariants.mjs";
46
- import "../Pagination/Pagination.mjs";
47
- import "../Popover/Popover.mjs";
48
- import "../Progress/Progress.mjs";
49
- import "../RadioGroup/RadioGroup.mjs";
50
- import "react-resizable-panels";
51
- import "../ScrollArea/ScrollArea.mjs";
52
- import "@oneplatformdev/hooks";
53
- import "../Sheet/Sheet.mjs";
54
- import "../Slider/Slider.mjs";
55
- import "next-themes";
56
- import "sonner";
57
- import "../Switch/Switch.mjs";
58
- import "../Tabs/TabsRoot.mjs";
59
- import "../Toast/Toast.mjs";
60
- import "../Toggle/Toggle.mjs";
61
- import "../ToggleGroup/ToggleGroup.mjs";
62
- import "../Tooltip/TooltipRoot.mjs";
63
- import "../Dropzone/Dropzone.mjs";
8
+ import "@oneplatformdev/utils";
64
9
  export {
65
- eo as ComboboxOptions,
66
- no as ComboboxOptionsNode
10
+ a as ComboboxOptions,
11
+ e as ComboboxOptionsNode
67
12
  };
@@ -1,4 +1,4 @@
1
- import { C as m } from "../Combobox-CxJOBiHk.js";
1
+ import { C as m } from "../Combobox-E9X4tg-I.js";
2
2
  export {
3
3
  m as Combobox
4
4
  };
@@ -1,14 +1,15 @@
1
- import { jsxs as p, jsx as e, Fragment as A } from "react/jsx-runtime";
2
- import g, { forwardRef as y, useState as V, useRef as W, useEffect as X, useCallback as b, useLayoutEffect as H } from "react";
1
+ import { jsxs as m, jsx as e, Fragment as A } from "react/jsx-runtime";
2
+ import g, { forwardRef as w, useState as V, useRef as W, useEffect as X, useCallback as v, useLayoutEffect as H } from "react";
3
3
  import { LoadingMask as J } from "./LoadingMask/LoadingMask.mjs";
4
4
  import "./LoadingMask/RenderLoadingMask.mjs";
5
5
  import { Popover as K, PopoverTrigger as Q, PopoverContent as Y } from "./Popover/Popover.mjs";
6
6
  import { Button as _ } from "./Button/Button.mjs";
7
7
  import "./Button/buttonVariants.mjs";
8
8
  import { CommandItem as Z, Command as $, CommandInput as ee, CommandList as te, CommandGroup as oe, CommandEmpty as F } from "./Command/Command.mjs";
9
- import { cn as m } from "@oneplatformdev/utils";
9
+ import { cn as c } from "@oneplatformdev/utils";
10
10
  import { useDebounceCallback as re } from "@oneplatformdev/hooks";
11
- import { Check as ae, ChevronDownIcon as ne, X as ie, ChevronsUpDown as le } from "lucide-react";
11
+ import { Check as ae, ChevronDownIcon as ie, X as ne, ChevronsUpDown as le } from "lucide-react";
12
+ import { Collapsible as se, CollapsibleTrigger as pe, CollapsibleContent as me } from "./Collapsible/Collapsible.mjs";
12
13
  import "./Accordion/Accordion.mjs";
13
14
  import "./Alert/Alert.mjs";
14
15
  import "./AlertDialog/AlertDialogRoot.mjs";
@@ -25,7 +26,7 @@ import "./Calendar/Calendar.mjs";
25
26
  import "./Card/Card.mjs";
26
27
  import "./Carousel/Carousel.mjs";
27
28
  import "./Checkbox/Checkbox.mjs";
28
- import { Collapsible as se, CollapsibleTrigger as pe, CollapsibleContent as me } from "./Collapsible/Collapsible.mjs";
29
+ import "@radix-ui/react-collapsible";
29
30
  import "./DropdownMenu/DropdownMenu.mjs";
30
31
  import "./Table/Table.mjs";
31
32
  import "@tanstack/react-table";
@@ -33,11 +34,12 @@ import "./DatePicker/DatePicker.mjs";
33
34
  import "./Dialog/Dialog.mjs";
34
35
  import "./Drawer/Drawer.mjs";
35
36
  import "./Form/Form.mjs";
36
- import "./Input/Input.mjs";
37
+ import "./FormInput/FormInput.mjs";
37
38
  import "./Select/SelectRoot.mjs";
38
39
  import "./Textarea/Textarea.mjs";
39
40
  import "./Separator/Separator.mjs";
40
41
  import "./HoverCard/HoverCard.mjs";
42
+ import "./Input/Input.mjs";
41
43
  import "./InputOTP/InputOTP.mjs";
42
44
  import "./Label/Label.mjs";
43
45
  import "./Label/labelVariants.mjs";
@@ -61,26 +63,25 @@ import "./Toggle/Toggle.mjs";
61
63
  import "./ToggleGroup/ToggleGroup.mjs";
62
64
  import "./Tooltip/TooltipRoot.mjs";
63
65
  import "./Dropzone/Dropzone.mjs";
64
- import "@radix-ui/react-collapsible";
65
- const ce = 8, I = y((n, i) => {
66
- const { children: t, option: r, onChangeOption: l, value: d = "", deep: c = 0 } = n;
67
- return /* @__PURE__ */ p(
66
+ const ce = 8, I = w((i, l) => {
67
+ const { children: t, setOpen: d, option: r, onChangeOption: n, value: s = "", deep: u = 0 } = i;
68
+ return /* @__PURE__ */ m(
68
69
  Z,
69
70
  {
70
- ref: i,
71
+ ref: l,
71
72
  value: r.value,
72
73
  onSelect: () => {
73
- d === r.value ? l({ value: "", label: "" }) : l(r), setOpen(!1);
74
+ s === r.value ? n == null || n({ value: "", label: "" }) : n == null || n(r), d(!1);
74
75
  },
75
76
  style: {
76
- paddingLeft: (c + 1) * ce
77
+ paddingLeft: (u + 1) * ce
77
78
  },
78
79
  children: [
79
80
  t,
80
81
  /* @__PURE__ */ e(
81
82
  "span",
82
83
  {
83
- className: m(
84
+ className: c(
84
85
  "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
85
86
  ),
86
87
  children: r.label
@@ -89,9 +90,9 @@ const ce = 8, I = y((n, i) => {
89
90
  /* @__PURE__ */ e(
90
91
  ae,
91
92
  {
92
- className: m(
93
+ className: c(
93
94
  "ml-auto",
94
- d === r.value ? "opacity-100" : "opacity-0"
95
+ s === r.value ? "opacity-100" : "opacity-0"
95
96
  )
96
97
  }
97
98
  )
@@ -99,36 +100,36 @@ const ce = 8, I = y((n, i) => {
99
100
  },
100
101
  r.value
101
102
  );
102
- }), M = y((n, i) => {
103
- var s;
104
- const { option: t, onChangeOption: r, value: l = "", deep: d = 0 } = n, [c, C] = V(!0);
105
- return (s = t == null ? void 0 : t.items) != null && s.length ? /* @__PURE__ */ p(
103
+ }), M = w((i, l) => {
104
+ var p;
105
+ const { option: t, onChangeOption: d, value: r = "", deep: n = 0 } = i, [s, u] = V(!0);
106
+ return (p = t == null ? void 0 : t.items) != null && p.length ? /* @__PURE__ */ m(
106
107
  se,
107
108
  {
108
- ref: i,
109
- open: c,
110
- onOpenChange: C,
111
- "data-opened": c,
112
- className: m("group/collapsible"),
109
+ ref: l,
110
+ open: s,
111
+ onOpenChange: u,
112
+ "data-opened": s,
113
+ className: c("group/collapsible"),
113
114
  children: [
114
- /* @__PURE__ */ e(I, { ...n, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ p(
115
+ /* @__PURE__ */ e(I, { ...i, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ m(
115
116
  _,
116
117
  {
117
118
  onClick: (a) => {
118
- a == null || a.preventDefault(), a == null || a.stopPropagation(), C((u) => !u);
119
+ a == null || a.preventDefault(), a == null || a.stopPropagation(), u((h) => !h);
119
120
  },
120
121
  type: "button",
121
122
  variant: "ghost",
122
123
  size: "sm",
123
- className: m("aspect-square size-6", "transition-transform"),
124
+ className: c("aspect-square size-6", "transition-transform"),
124
125
  children: [
125
126
  /* @__PURE__ */ e(
126
- ne,
127
+ ie,
127
128
  {
128
- className: m(
129
+ className: c(
129
130
  "!size-5",
130
131
  "transition-transform",
131
- c && "rotate-180"
132
+ s && "rotate-180"
132
133
  )
133
134
  }
134
135
  ),
@@ -136,98 +137,99 @@ const ce = 8, I = y((n, i) => {
136
137
  ]
137
138
  }
138
139
  ) }) }),
139
- /* @__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, { ...n, deep: d + 1, option: a })) }) })
140
+ /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((a) => /* @__PURE__ */ e(
141
+ M,
142
+ {
143
+ ...i,
144
+ deep: n + 1,
145
+ option: a
146
+ },
147
+ t.value
148
+ )) }) })
140
149
  ]
141
150
  }
142
- ) : /* @__PURE__ */ e(I, { ...n, ref: i });
143
- }), de = y((n, i) => {
144
- const { options: t = [], ...r } = n;
145
- return /* @__PURE__ */ e(
146
- "div",
147
- {
148
- ref: i,
149
- className: "flex flex-col gap-0",
150
- children: t.map((l) => /* @__PURE__ */ e(M, { ...r, option: l }, l.value))
151
- }
152
- );
153
- }), Nt = y(
154
- (n, i) => {
151
+ ) : /* @__PURE__ */ e(I, { ...i, ref: l });
152
+ }), de = w((i, l) => {
153
+ const { options: t = [], ...d } = i;
154
+ return /* @__PURE__ */ e("div", { ref: l, className: "flex flex-col gap-0", children: t.map((r) => /* @__PURE__ */ e(M, { ...d, option: r }, r.value)) });
155
+ }), St = w(
156
+ (i, l) => {
155
157
  var j;
156
158
  const {
157
159
  value: t,
158
- onChange: r,
159
- placeholder: l,
160
- disabled: d,
161
- searchLabel: c = "Type to search...",
162
- fetchOptions: C,
163
- options: s,
160
+ onChange: d,
161
+ placeholder: r,
162
+ disabled: n,
163
+ searchLabel: s = "Type to search...",
164
+ fetchOptions: u,
165
+ options: p,
164
166
  emptyLabel: a = "No options",
165
- emptyAction: u,
167
+ emptyAction: h,
166
168
  onMount: P
167
- } = n, w = W(!1), [h, N] = g.useState(!1), [v, T] = g.useState(""), [O, x] = g.useState([]), [S, k] = g.useState(), [D, f] = g.useState(!1);
169
+ } = i, N = W(!1), [f, C] = g.useState(!1), [x, T] = g.useState(""), [S, y] = g.useState([]), [O, k] = g.useState(), [D, b] = g.useState(!1);
168
170
  X(() => {
169
- s != null && s.length && x(s);
170
- }, [s]);
171
+ p != null && p.length && y(p);
172
+ }, [p]);
171
173
  const R = async () => {
172
- h || (E(), T(""));
173
- }, E = b(async (o) => {
174
- f(!0);
174
+ f || (E(), T(""));
175
+ }, E = v(async (o) => {
176
+ b(!0);
175
177
  try {
176
- const L = await C(o);
177
- x(L);
178
+ const L = await u(o);
179
+ y(L);
178
180
  } catch (L) {
179
181
  console.error("Unexpected error while get option:", L);
180
182
  } finally {
181
- f(!1);
183
+ b(!1);
182
184
  }
183
185
  }, []), q = re(E, 1e3, {
184
186
  leading: !1,
185
187
  trailing: !0
186
- }), B = b((o) => {
187
- f(!0), T(o), q(o);
188
- }, []), z = b((o) => {
189
- r(o.value), k(o), f(!1);
190
- }, []), G = b(() => {
191
- z({ value: "", label: "" }), k(void 0), f(!1);
192
- }, []), U = b(() => {
188
+ }), B = v((o) => {
189
+ b(!0), T(o), q(o);
190
+ }, []), z = v((o) => {
191
+ d(o.value), k(o), b(!1);
192
+ }, []), G = v(() => {
193
+ z({ value: "", label: "" }), k(void 0), b(!1);
194
+ }, []), U = v(() => {
193
195
  if (!P) {
194
- w.current = !0;
196
+ N.current = !0;
195
197
  return;
196
198
  }
197
- P({ setOptions: x, search: v || "", open: h, setOpen: N }).finally(
199
+ P({ setOptions: y, search: x || "", open: f, setOpen: C }).finally(
198
200
  () => {
199
- w.current = !0;
201
+ N.current = !0;
200
202
  }
201
203
  );
202
204
  }, []);
203
205
  return H(() => (U(), () => {
204
- w.current = !1;
205
- }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: i, children: /* @__PURE__ */ p(
206
+ N.current = !1;
207
+ }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: l, children: /* @__PURE__ */ m(
206
208
  K,
207
209
  {
208
- open: h,
210
+ open: f,
209
211
  onOpenChange: (o) => {
210
- N(o), o && R();
212
+ C(o), o && R();
211
213
  },
212
214
  children: [
213
- /* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ p(
215
+ /* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ m(
214
216
  _,
215
217
  {
216
218
  variant: "outline",
217
219
  role: "combobox",
218
220
  size: "lg",
219
- "aria-expanded": h,
220
- className: m(
221
+ "aria-expanded": f,
222
+ className: c(
221
223
  "w-full justify-between font-normal text-sm border bg-transparent relative p-3",
222
- h ? "border-2 border-sidebar-accent" : "border-border"
224
+ f ? "border-2 border-sidebar-accent" : "border-border"
223
225
  ),
224
- disabled: d,
226
+ disabled: n,
225
227
  children: [
226
- /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j = O.find((o) => o.value === t)) == null ? void 0 : j.label) || (S == null ? void 0 : S.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: l }) }),
228
+ /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j = S.find((o) => o.value === t)) == null ? void 0 : j.label) || (O == null ? void 0 : O.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: r }) }),
227
229
  t ? /* @__PURE__ */ e(
228
230
  "div",
229
231
  {
230
- className: m(
232
+ className: c(
231
233
  "absolute top-0 right-1",
232
234
  "flex items-center justify-center",
233
235
  "w-9 aspect-square [&_svg]:size-5",
@@ -236,7 +238,7 @@ const ce = 8, I = y((n, i) => {
236
238
  onClick: (o) => {
237
239
  o.stopPropagation(), G();
238
240
  },
239
- children: /* @__PURE__ */ e(ie, {})
241
+ children: /* @__PURE__ */ e(ne, {})
240
242
  }
241
243
  ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
242
244
  ]
@@ -247,36 +249,37 @@ const ce = 8, I = y((n, i) => {
247
249
  {
248
250
  className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
249
251
  align: "start",
250
- children: /* @__PURE__ */ p($, { shouldFilter: !1, children: [
252
+ children: /* @__PURE__ */ m($, { shouldFilter: !1, children: [
251
253
  /* @__PURE__ */ e(
252
254
  ee,
253
255
  {
254
- placeholder: c,
255
- value: v,
256
+ placeholder: s,
257
+ value: x,
256
258
  onValueChange: B
257
259
  }
258
260
  ),
259
- /* @__PURE__ */ e(te, { children: /* @__PURE__ */ p(
261
+ /* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(
260
262
  oe,
261
263
  {
262
- className: m(!O.length && "p-0 shadow-none"),
264
+ className: c(!S.length && "p-0 shadow-none"),
263
265
  children: [
264
266
  D && /* @__PURE__ */ e(J, { fullWidth: !0 }),
265
- !D && !!v && /* @__PURE__ */ e(A, { children: u ? /* @__PURE__ */ p(F, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
267
+ !D && !!x && /* @__PURE__ */ e(A, { children: h ? /* @__PURE__ */ m(F, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
266
268
  /* @__PURE__ */ e("span", { children: a }),
267
- typeof u == "function" ? u({
268
- setOptions: x,
269
- search: v || "",
270
- open: h,
271
- setOpen: N
272
- }) : u
269
+ typeof h == "function" ? h({
270
+ setOptions: y,
271
+ search: x || "",
272
+ open: f,
273
+ setOpen: C
274
+ }) : h
273
275
  ] }) : /* @__PURE__ */ e(F, { children: a }) }),
274
276
  !D && /* @__PURE__ */ e(
275
277
  de,
276
278
  {
277
279
  value: t,
278
- options: O,
279
- onChangeOption: z
280
+ options: S,
281
+ onChangeOption: z,
282
+ setOpen: C
280
283
  }
281
284
  )
282
285
  ]
@@ -291,7 +294,7 @@ const ce = 8, I = y((n, i) => {
291
294
  }
292
295
  );
293
296
  export {
294
- Nt as C,
297
+ St as C,
295
298
  I as a,
296
299
  M as b,
297
300
  de as c
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { FormControl as a } from "../Form/Form.mjs";
3
3
  import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
4
- import { C as p } from "../Combobox-CxJOBiHk.js";
4
+ import { C as p } from "../Combobox-E9X4tg-I.js";
5
5
  const x = (m) => {
6
6
  const { form: n, label: e, name: t, ...C } = m;
7
7
  return /* @__PURE__ */ o(
@@ -1,4 +1,7 @@
1
+ import { ReactElement, Ref } from 'react';
1
2
  import { FieldValues } from 'react-hook-form';
2
3
  import { FormInputProps } from './FormInput.types';
3
4
 
4
- export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data>) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data> & {
6
+ ref?: Ref<HTMLInputElement>;
7
+ }) => ReactElement;
@@ -1,20 +1,23 @@
1
1
  import { jsx as p } from "react/jsx-runtime";
2
- import { FormControl as F } from "../Form/Form.mjs";
2
+ import { FormControl as C } from "../Form/Form.mjs";
3
3
  import { FormRenderControl as h } from "../Form/FormRenderControl.mjs";
4
4
  import { Input as v } from "../Input/Input.mjs";
5
- const g = (u) => {
6
- const { form: a, label: c, name: s, onChange: m, onBlur: t, ...C } = u;
5
+ import { forwardRef as x } from "react";
6
+ function R(u, a) {
7
+ const { form: c, label: e, name: s, onChange: m, onBlur: t, style: F, ...I } = u;
7
8
  return /* @__PURE__ */ p(
8
9
  h,
9
10
  {
10
- form: a,
11
+ form: c,
11
12
  name: s,
12
- label: c,
13
- render: ({ field: r }) => /* @__PURE__ */ p(F, { children: /* @__PURE__ */ p(
13
+ label: e,
14
+ render: ({ field: r }) => /* @__PURE__ */ p(C, { children: /* @__PURE__ */ p(
14
15
  v,
15
16
  {
16
17
  ...r,
17
- ...C,
18
+ ...I,
19
+ ref: a,
20
+ style: F,
18
21
  value: r.value || "",
19
22
  onChange: (...n) => {
20
23
  var o;
@@ -28,7 +31,8 @@ const g = (u) => {
28
31
  ) })
29
32
  }
30
33
  );
31
- };
34
+ }
35
+ const B = x(R);
32
36
  export {
33
- g as FormInput
37
+ B as FormInput
34
38
  };
package/index.mjs CHANGED
@@ -20,7 +20,7 @@ import { Carousel as go, CarouselContent as xo, CarouselItem as fo, CarouselNext
20
20
  import { ChartContainer as To, ChartLegend as Do, ChartLegendContent as co, ChartStyle as Mo, ChartTooltip as Po, ChartTooltipContent as Ao } from "./Chart/Chart.mjs";
21
21
  import { Checkbox as wo, CheckboxLabel as ho } from "./Checkbox/Checkbox.mjs";
22
22
  import { Collapsible as Fo, CollapsibleContent as Lo, CollapsibleTrigger as Ro } from "./Collapsible/Collapsible.mjs";
23
- import { C as Go } from "./Combobox-CxJOBiHk.js";
23
+ import { C as Go } from "./Combobox-E9X4tg-I.js";
24
24
  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";
25
25
  import { DataTable as jo } from "./DataTable/DataTable.mjs";
26
26
  import { DatePicker as Jo } from "./DatePicker/DatePicker.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oneplatformdev/ui",
3
- "version": "0.0.1-beta.72",
3
+ "version": "0.0.1-beta.74",
4
4
  "description": "UI React Components.",
5
5
  "author": "One Platform Development Team",
6
6
  "keywords": [