@oneplatformdev/ui 0.1.10-0 → 0.1.10-3

package/{Command/Command.js → ui26.js}

@@ -1,14 +1,13 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as d, jsxs as s } from "react/jsx-runtime";
 import * as m from "react";
 import { Command as t } from "cmdk";
 import { SearchIcon as p } from "lucide-react";
 import { cn as r } from "@oneplatformdev/utils";
-import { Dialog as i, DialogContent as l } from "../Dialog/Dialog.js";
-import "../Dialog/DialogOverlayScope.js";
-const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+import { Dialog as i, DialogContent as l } from "./ui29.js";
+const n = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   t,
   {
-    ref: d,
+    ref: o,
     className: r(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       e
@@ -17,12 +16,12 @@ const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   }
 ));
 n.displayName = t.displayName;
-const b = ({ children: e, ...a }) => /* @__PURE__ */ o(i, { ...a, children: /* @__PURE__ */ o(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(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 }) }) }), c = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ o(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ o(
+const C = ({ children: e, ...a }) => /* @__PURE__ */ d(i, { ...a, children: /* @__PURE__ */ d(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ d(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 }) }) }), c = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ d(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ d(
     t.Input,
     {
-      ref: d,
+      ref: o,
       className: r(
         "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         e
@@ -32,16 +31,16 @@ const b = ({ children: e, ...a }) => /* @__PURE__ */ o(i, { ...a, children: /* @
   )
 ] }));
 c.displayName = t.Input.displayName;
-const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+const u = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   t.List,
   {
-    ref: d,
+    ref: o,
     className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
     ...a
   }
 ));
 u.displayName = t.List.displayName;
-const f = m.forwardRef((e, a) => /* @__PURE__ */ o(
+const f = m.forwardRef((e, a) => /* @__PURE__ */ d(
   t.Empty,
   {
     ref: a,
@@ -50,10 +49,10 @@ const f = m.forwardRef((e, a) => /* @__PURE__ */ o(
   }
 ));
 f.displayName = t.Empty.displayName;
-const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+const g = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   t.Group,
   {
-    ref: d,
+    ref: o,
     className: r(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       e
@@ -62,19 +61,19 @@ const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   }
 ));
 g.displayName = t.Group.displayName;
-const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+const x = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   t.Separator,
   {
-    ref: d,
+    ref: o,
     className: r("-mx-1 h-px bg-border", e),
     ...a
   }
 ));
 x.displayName = t.Separator.displayName;
-const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
+const h = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   t.Item,
   {
-    ref: d,
+    ref: o,
     className: r(
       "relative flex gap-2 select-none items-center rounded-sm",
       "min-h-8 px-2 py-1",
@@ -93,7 +92,7 @@ h.displayName = t.Item.displayName;
 const y = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ d(
   "span",
   {
     className: r(
@@ -106,7 +105,7 @@ const y = ({
 y.displayName = "CommandShortcut";
 export {
   n as Command,
-  b as CommandDialog,
+  C as CommandDialog,
   f as CommandEmpty,
   g as CommandGroup,
   c as CommandInput,

package/{DataTable/DataTable.js → ui27.js}

@@ -1,11 +1,10 @@
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { Button as m } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import { DropdownMenu as h, DropdownMenuTrigger as p, DropdownMenuContent as g, DropdownMenuCheckboxItem as u } from "../DropdownMenu/DropdownMenu.js";
-import { Table as C, TableHeader as f, TableRow as t, TableHead as w, TableBody as x, TableCell as o } from "../Table/Table.js";
 import { flexRender as d } from "@tanstack/react-table";
-import { ChevronDown as b } from "lucide-react";
-const k = ({
+import { ChevronDown as m } from "lucide-react";
+import { DropdownMenu as h, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuCheckboxItem as u } from "./ui32.js";
+import { Button as C } from "./ui15.js";
+import { Table as f, TableHeader as w, TableRow as t, TableHead as x, TableBody as b, TableCell as o } from "./ui72.js";
+const R = ({
   table: r,
   ToolBar: a,
   tColumns: s = "Columns",
@@ -14,12 +13,12 @@ const k = ({
   /* @__PURE__ */ i("div", { className: "flex items-center py-4", children: [
     a,
     /* @__PURE__ */ i(h, { children: [
-      /* @__PURE__ */ l(p, { asChild: !0, children: /* @__PURE__ */ i(m, { variant: "outline", className: "ml-auto", children: [
+      /* @__PURE__ */ l(g, { asChild: !0, children: /* @__PURE__ */ i(C, { variant: "outline", className: "ml-auto", children: [
         s,
         " ",
-        /* @__PURE__ */ l(b, { className: "ml-2 h-4 w-4" })
+        /* @__PURE__ */ l(m, { className: "ml-2 h-4 w-4" })
       ] }) }),
-      /* @__PURE__ */ l(g, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l(p, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
         u,
         {
           className: "capitalize",
@@ -31,12 +30,12 @@ const k = ({
       )) })
     ] })
   ] }),
-  /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ i(C, { children: [
-    /* @__PURE__ */ l(f, { children: r.getHeaderGroups().map((e) => /* @__PURE__ */ l(t, { children: e.headers.map((n) => /* @__PURE__ */ l(w, { children: n.isPlaceholder ? null : d(
+  /* @__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 : d(
       n.column.columnDef.header,
       n.getContext()
     ) }, n.id)) }, e.id)) }),
-    /* @__PURE__ */ l(x, { children: r.getRowModel().rows?.length ? r.getRowModel().rows.map((e) => /* @__PURE__ */ l(
+    /* @__PURE__ */ l(b, { children: r.getRowModel().rows?.length ? r.getRowModel().rows.map((e) => /* @__PURE__ */ l(
       t,
       {
         "data-state": e.getIsSelected() && "selected",
@@ -57,5 +56,5 @@ const k = ({
   ] }) })
 ] });
 export {
-  k as DataTable
+  R as DataTable
 };

package/{DatePicker/DatePicker.js → ui28.js}

@@ -1,33 +1,32 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
 import { format as d } from "date-fns";
 import { Calendar as s } from "lucide-react";
 import { cn as c } from "@oneplatformdev/utils";
-import { Button as f } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import { Calendar as p } from "../Calendar/Calendar.js";
-import { Popover as u, PopoverTrigger as h, PopoverContent as y } from "../Popover/Popover.js";
-import { uk as t } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/uk.js";
+import { uk as t } from "date-fns/locale";
+import { Button as f } from "./ui15.js";
+import { Calendar as p } from "./ui19.js";
+import { Popover as u, PopoverTrigger as h, PopoverContent as y } from "./ui57.js";
 const g = i.forwardRef(
-  (a, m) => {
+  (a, l) => {
     const {
-      selectedDate: o,
-      onDateChange: l,
+      selectedDate: e,
+      onDateChange: m,
       disabled: n = !1
     } = a;
-    return /* @__PURE__ */ e(u, { children: [
-      /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ o(u, { children: [
+      /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ o(
         f,
         {
-          ref: m,
+          ref: l,
           disabled: n,
           variant: "outline-solid",
           className: c(
             "w-full justify-start text-left font-normal border h-10",
-            !o && "text-muted-foreground"
+            !e && "text-muted-foreground"
           ),
           children: [
-            o ? d(o, "LLL dd, y", { locale: t }) : /* @__PURE__ */ r("span", { children: "dd/mm/yyyy" }),
+            e ? d(e, "LLL dd, y", { locale: t }) : /* @__PURE__ */ r("span", { children: "dd/mm/yyyy" }),
             /* @__PURE__ */ r(s, { className: "mr-2 h-4 w-4 ml-auto" })
           ]
         }
@@ -37,8 +36,8 @@ const g = i.forwardRef(
         {
           mode: "single",
           captionLayout: "dropdown-buttons",
-          selected: o,
-          onSelect: l,
+          selected: e,
+          onSelect: m,
           fromYear: 1960,
           toYear: 2030,
           locale: t

package/{Dialog/Dialog.js → ui29.js}

@@ -3,7 +3,7 @@ import i, { useState as y, useRef as N } from "react";
 import * as a from "@radix-ui/react-dialog";
 import { XIcon as D } from "lucide-react";
 import { cn as l, composeRefs as h } from "@oneplatformdev/utils";
-import { DialogOverlayScope as b } from "./DialogOverlayScope.js";
+import { DialogOverlayScope as b } from "./ui30.js";
 const P = (e) => {
   const { modal: t, ...s } = e;
   return /* @__PURE__ */ o(a.Root, { modal: t, ...s });

package/{DropdownMenu/DropdownMenu.js → ui32.js}

@@ -1,7 +1,7 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import * as d from "react";
 import * as e from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as m, Check as c, Circle as p } from "lucide-react";
+import { Check as m, Circle as c, ChevronRight as p } from "lucide-react";
 import { cn as s } from "@oneplatformdev/utils";
 const R = e.Root, I = e.Trigger, S = e.Group, C = e.Portal, z = e.Sub, k = e.RadioGroup, u = d.forwardRef(({ className: o, inset: t, children: a, ...r }, i) => /* @__PURE__ */ l(
   e.SubTrigger,
@@ -15,7 +15,7 @@ const R = e.Root, I = e.Trigger, S = e.Group, C = e.Portal, z = e.Sub, k = e.Rad
     ...r,
     children: [
       a,
-      /* @__PURE__ */ n(m, { className: "ml-auto" })
+      /* @__PURE__ */ n(p, { className: "ml-auto" })
     ]
   }
 ));
@@ -70,7 +70,7 @@ const b = d.forwardRef(({ className: o, children: t, checked: a, ...r }, i) => /
     checked: a,
     ...r,
     children: [
-      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(c, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(m, { className: "h-4 w-4" }) }) }),
       t
     ]
   }
@@ -86,7 +86,7 @@ const h = d.forwardRef(({ className: o, children: t, ...a }, r) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(p, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(c, { className: "h-2 w-2 fill-current" }) }) }),
       t
     ]
   }

package/{Form/Form.js → ui33.js}

@@ -1,16 +1,15 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as m from "react";
 import { Slot as F } from "@radix-ui/react-slot";
-import { useFormContext as u, Controller as p, FormProvider as x } from "react-hook-form";
+import { FormProvider as u, useFormContext as p, Controller as x } from "react-hook-form";
 import { cn as a } from "@oneplatformdev/utils";
-import { Label as I } from "../Label/Label.js";
-import "../Label/labelVariants.js";
-const M = x, l = m.createContext(
+import { Label as I } from "./ui45.js";
+const D = u, l = m.createContext(
   {}
-), S = ({
+), M = ({
   ...e
-}) => /* @__PURE__ */ n(l.Provider, { value: { name: e.name }, children: /* @__PURE__ */ n(p, { ...e }) }), c = () => {
-  const e = m.useContext(l), t = m.useContext(f), { getFieldState: o, formState: r } = u(), i = o(e.name, r);
+}) => /* @__PURE__ */ n(l.Provider, { value: { name: e.name }, children: /* @__PURE__ */ n(x, { ...e }) }), c = () => {
+  const e = m.useContext(l), t = m.useContext(f), { getFieldState: o, formState: r } = p(), i = o(e.name, r);
   if (!e)
     throw new Error("useFormField should be used within <FormField>");
   const { id: s } = t;
@@ -87,10 +86,10 @@ const w = m.forwardRef(({ className: e, children: t, ...o }, r) => {
 });
 w.displayName = "FormMessage";
 export {
-  M as Form,
+  D as Form,
   g as FormControl,
   N as FormDescription,
-  S as FormField,
+  M as FormField,
   v as FormItem,
   C as FormLabel,
   w as FormMessage,

package/{Form/FormRenderControl.js → ui34.js}

@@ -1,5 +1,5 @@
 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.js";
+import { FormField as d, FormItem as i, FormLabel as F, FormMessage as p } from "./ui33.js";
 const b = (e) => {
   const { form: n, name: m, label: o, render: t, containerProps: l = {}, ...s } = e;
   return /* @__PURE__ */ r(

package/{FormCheckbox/FormCheckbox.js → ui35.js}

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as a } from "../Form/Form.js";
-import { FormRenderControl as l } from "../Form/FormRenderControl.js";
-import { CheckboxLabel as k } from "../Checkbox/Checkbox.js";
+import { FormRenderControl as a } from "./ui34.js";
+import { FormControl as l } from "./ui33.js";
+import { CheckboxLabel as k } from "./ui23.js";
 const f = (m) => {
   const { form: t, label: c, name: h, onCheckedChange: C, ...r } = m;
   return /* @__PURE__ */ e(
-    l,
+    a,
     {
       form: t,
       name: h,
-      render: ({ field: o }) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+      render: ({ field: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
         k,
         {
           ...o,

package/{FormCombobox/FormCombobox.js → ui36.js}

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { FormControl as b } from "../Form/Form.js";
-import { FormRenderControl as p } from "../Form/FormRenderControl.js";
-import { Combobox as a } from "../Combobox/Combobox.js";
+import { Combobox as b } from "./ui25.js";
+import { FormRenderControl as p } from "./ui34.js";
+import { FormControl as a } from "./ui33.js";
 const x = (m) => {
   const { form: n, label: e, name: t, ...C } = m;
   return /* @__PURE__ */ o(
@@ -10,8 +10,8 @@ const x = (m) => {
       form: n,
       label: e,
       name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
-        a,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+        b,
         {
           ...C,
           ...r,

package/{FormDatePicker/FormDatePicker.js → ui37.js}

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-import { DatePicker as l } from "../DatePicker/DatePicker.js";
-import { FormControl as p } from "../Form/Form.js";
-import { FormRenderControl as s } from "../Form/FormRenderControl.js";
+import { DatePicker as l } from "./ui28.js";
+import { FormRenderControl as p } from "./ui34.js";
+import { FormControl as s } from "./ui33.js";
 const g = (t) => {
   const { form: n, name: m, label: a, onDateChange: c, ...i } = t;
   return /* @__PURE__ */ o(
-    s,
+    p,
     {
       form: n,
       name: m,
       label: a,
-      render: ({ field: r }) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
+      render: ({ field: r }) => /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
         l,
         {
           ...r,

package/{FormInput/FormInput.js → ui38.js}

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as x } from "../Form/Form.js";
-import { FormRenderControl as C } from "../Form/FormRenderControl.js";
-import { Input as D } from "../Input/Input.js";
-import { forwardRef as F } from "react";
+import { forwardRef as x } from "react";
+import { FormRenderControl as C } from "./ui34.js";
+import { FormControl as D } from "./ui33.js";
+import { Input as F } from "./ui43.js";
 function I(l, e) {
   const { form: a, label: s, name: u, onChange: c, onBlur: m, onPaste: p, style: i, ...f } = l;
   return /* @__PURE__ */ r(
@@ -11,8 +11,8 @@ function I(l, e) {
       form: a,
       name: u,
       label: s,
-      render: ({ field: o }) => /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(
-        D,
+      render: ({ field: o }) => /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(
+        F,
         {
           ...o,
           ...f,
@@ -39,7 +39,7 @@ function I(l, e) {
     }
   );
 }
-const j = F(I);
+const j = x(I);
 export {
   j as FormInput
 };

package/ui39.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Select as g } from "./ui64.js";
+import { FormRenderControl as C } from "./ui34.js";
+import { FormControl as f } from "./ui33.js";
+const x = (n) => {
+  const {
+    form: t,
+    label: m,
+    name: a,
+    options: i = [],
+    onChange: l,
+    containerProps: p,
+    ...c
+  } = n;
+  return /* @__PURE__ */ o(
+    C,
+    {
+      form: t,
+      name: a,
+      label: m,
+      containerProps: p,
+      render: ({ field: e }) => /* @__PURE__ */ o(
+        g,
+        {
+          value: e.value,
+          options: i,
+          onChange: (r) => {
+            e.onChange(r), l?.(r);
+          },
+          renderTrigger: (r, s) => /* @__PURE__ */ o(f, { children: s }),
+          ...c
+        }
+      )
+    }
+  );
+};
+export {
+  x as FormSelect
+};

package/{Alert/Alert.js → ui4.js}

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as i from "react";
 import { cn as l } from "@oneplatformdev/utils";
-import { alertVariants as m } from "./alertVariants.js";
+import { alertVariants as m } from "./ui89.js";
 const s = i.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ a(
   "div",
   {

package/{FormTextarea/FormTextarea.js → ui40.js}

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as p } from "../Form/Form.js";
-import { FormRenderControl as i } from "../Form/FormRenderControl.js";
-import { Textarea as s } from "../Textarea/Textarea.js";
+import { Textarea as p } from "./ui75.js";
+import { FormRenderControl as i } from "./ui34.js";
+import { FormControl as s } from "./ui33.js";
 const F = (e) => {
   const { form: t, label: m, name: n, containerProps: a, ...l } = e;
   return /* @__PURE__ */ r(
@@ -11,8 +11,8 @@ const F = (e) => {
       name: n,
       label: m,
       containerProps: a,
-      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
-        s,
+      render: ({ field: o }) => /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
+        p,
         {
           ...o,
           value: o.value || "",

package/{Header/Header.js → ui41.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { SidebarTrigger as t } from "../Sidebar/Sidebar.js";
-import { Separator as l } from "../Separator/Separator.js";
+import { SidebarTrigger as t } from "./ui67.js";
+import { Separator as l } from "./ui65.js";
 const m = (s) => {
   const {
     children: r,

package/{Input/Input.js → ui43.js}

@@ -1,7 +1,7 @@
 import { jsxs as N, jsx as s } from "react/jsx-runtime";
 import c, { useState as b } from "react";
 import { Eye as v, EyeOff as h } from "lucide-react";
-import { inputVariants as P } from "./inputVariants.js";
+import { inputVariants as P } from "./ui90.js";
 import { cn as p } from "@oneplatformdev/utils";
 const m = c.forwardRef(
   (t, a) => {

package/{Label/Label.js → ui45.js}

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import * as i from "react";
 import * as o from "@radix-ui/react-label";
 import { cn as e } from "@oneplatformdev/utils";
-import { labelVariants as s } from "./labelVariants.js";
+import { labelVariants as s } from "./ui46.js";
 const p = i.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ t(
   o.Root,
   {

package/ui47.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Suspense as m } from "react";
+import { LoadingMask as t } from "./ui49.js";
+const p = (r, a = !0) => (e) => /* @__PURE__ */ o(m, { fallback: a ? /* @__PURE__ */ o(t, {}) : null, children: /* @__PURE__ */ o(r, { ...e }) });
+export {
+  p as LazyLoader
+};

package/{LoadingMask/LoadingMask.js → ui49.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { RenderLoadingMask as r } from "./RenderLoadingMask.js";
+import { RenderLoadingMask as r } from "./ui50.js";
 import { cn as o } from "@oneplatformdev/utils";
 const f = (t) => {
   const { fullWidth: s = !1, className: i, ...n } = t;