@oneplatformdev/ui 0.1.10-0 → 0.1.10-3

package/{AlertDialog/AlertDialogRoot.js → ui5.js}

@@ -1,39 +1,38 @@
 import { jsx as l, jsxs as c } from "react/jsx-runtime";
 import * as i from "react";
-import * as e from "@radix-ui/react-alert-dialog";
+import * as t from "@radix-ui/react-alert-dialog";
 import { cn as s } from "@oneplatformdev/utils";
-import "../Button/Button.js";
-import { buttonVariants as n } from "../Button/buttonVariants.js";
-const v = e.Root, C = e.Trigger, f = e.Portal, m = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
-  e.Overlay,
+import { buttonVariants as n } from "./ui16.js";
+const b = t.Root, v = t.Trigger, f = t.Portal, m = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Overlay,
   {
     className: s(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       a
     ),
-    ...t,
+    ...e,
     ref: o
   }
 ));
-m.displayName = e.Overlay.displayName;
-const p = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ c(f, { children: [
+m.displayName = t.Overlay.displayName;
+const p = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ c(f, { children: [
   /* @__PURE__ */ l(m, {}),
   /* @__PURE__ */ l(
-    e.Content,
+    t.Content,
     {
       ref: o,
       className: s(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         a
       ),
-      ...t
+      ...e
     }
   )
 ] }));
-p.displayName = e.Content.displayName;
+p.displayName = t.Content.displayName;
 const g = ({
   className: a,
-  ...t
+  ...e
 }) => /* @__PURE__ */ l(
   "div",
   {
@@ -41,13 +40,13 @@ const g = ({
       "w-full min-w-0 flex flex-col space-y-2 text-center sm:text-left",
       a
     ),
-    ...t
+    ...e
   }
 );
 g.displayName = "AlertDialogHeader";
 const N = ({
   className: a,
-  ...t
+  ...e
 }) => /* @__PURE__ */ l(
   "div",
   {
@@ -55,50 +54,50 @@ const N = ({
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       a
     ),
-    ...t
+    ...e
   }
 );
 N.displayName = "AlertDialogFooter";
-const y = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
-  e.Title,
+const y = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Title,
   {
     ref: o,
     className: s("text-lg font-semibold", a),
-    ...t
+    ...e
   }
 ));
-y.displayName = e.Title.displayName;
-const x = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
-  e.Description,
+y.displayName = t.Title.displayName;
+const x = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Description,
   {
     ref: o,
     className: s("text-sm text-muted-foreground", a),
-    ...t
+    ...e
   }
 ));
-x.displayName = e.Description.displayName;
-const u = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @__PURE__ */ l(
-  e.Action,
+x.displayName = t.Description.displayName;
+const u = i.forwardRef(({ className: a, variant: e, size: o, ...r }, d) => /* @__PURE__ */ l(
+  t.Action,
   {
     ref: d,
-    className: s(n({ variant: t, size: o }), a),
+    className: s(n({ variant: e, size: o }), a),
     ...r
   }
 ));
-u.displayName = e.Action.displayName;
-const A = i.forwardRef(({ className: a, variant: t = "outline-solid", size: o, ...r }, d) => /* @__PURE__ */ l(
-  e.Cancel,
+u.displayName = t.Action.displayName;
+const A = i.forwardRef(({ className: a, variant: e = "outline-solid", size: o, ...r }, d) => /* @__PURE__ */ l(
+  t.Cancel,
   {
     ref: d,
     className: s(
-      n({ variant: t, size: o }),
+      n({ variant: e, size: o }),
       "mt-2 sm:mt-0",
       a
     ),
     ...r
   }
 ));
-A.displayName = e.Cancel.displayName;
+A.displayName = t.Cancel.displayName;
 export {
   u as AlertDialogAction,
   A as AlertDialogCancel,
@@ -108,7 +107,7 @@ export {
   g as AlertDialogHeader,
   m as AlertDialogOverlay,
   f as AlertDialogPortal,
-  v as AlertDialogRoot,
+  b as AlertDialogRoot,
   y as AlertDialogTitle,
-  C as AlertDialogTrigger
+  v as AlertDialogTrigger
 };

package/{LoadingProgress/LoadingProgress.js → ui51.js}

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as r } from "@oneplatformdev/utils";
-import { loadingProgressVariants as a } from "./loadingProgressVariants.js";
+import { loadingProgressVariants as a } from "./ui52.js";
 const f = (e) => {
   const { className: s, fullWidth: t = !1, size: i, color: l, wrapClassName: n } = e;
   return /* @__PURE__ */ o(

package/{Menubar/Menubar.js → ui53.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import * as d from "react";
 import * as e from "@radix-ui/react-menubar";
-import { ChevronRight as m, Check as u, Circle as p } from "lucide-react";
+import { Check as m, Circle as u, ChevronRight as p } from "lucide-react";
 import { cn as s } from "@oneplatformdev/utils";
 const k = e.Menu, z = e.Group, T = e.Portal, j = e.Sub, G = e.RadioGroup, f = d.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(
   e.Root,
@@ -39,7 +39,7 @@ const g = d.forwardRef(({ className: t, inset: a, children: o, ...n }, i) => /*
     ...n,
     children: [
       o,
-      /* @__PURE__ */ r(m, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ r(p, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
@@ -97,7 +97,7 @@ const y = d.forwardRef(({ className: t, children: a, checked: o, ...n }, i) => /
     checked: o,
     ...n,
     children: [
-      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(u, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(m, { className: "h-4 w-4" }) }) }),
       a
     ]
   }
@@ -113,7 +113,7 @@ const w = d.forwardRef(({ className: t, children: a, ...o }, n) => /* @__PURE__
     ),
     ...o,
     children: [
-      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(p, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(u, { className: "h-4 w-4 fill-current" }) }) }),
       a
     ]
   }

package/{NavigationMenu/NavigationMenu.js → ui54.js}

@@ -3,7 +3,7 @@ import * as r from "react";
 import * as t from "@radix-ui/react-navigation-menu";
 import { ChevronDown as l } from "lucide-react";
 import { cn as n } from "@oneplatformdev/utils";
-import { navigationMenuVariants as f } from "./navigationMenuVariants.js";
+import { navigationMenuVariants as f } from "./ui55.js";
 const p = r.forwardRef(({ className: a, children: e, ...o }, d) => /* @__PURE__ */ s(
   t.Root,
   {

package/{Pagination/Pagination.js → ui56.js}

@@ -2,8 +2,7 @@ import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import * as l from "react";
 import { ChevronLeft as m, ChevronRight as c, MoreHorizontal as p } from "lucide-react";
 import { cn as n } from "@oneplatformdev/utils";
-import "../Button/Button.js";
-import { buttonVariants as g } from "../Button/buttonVariants.js";
+import { buttonVariants as g } from "./ui16.js";
 const d = ({ className: i, ...a }) => /* @__PURE__ */ e(
   "nav",
   {

package/{Popover/Popover.js → ui57.js}

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import * as p from "react";
 import * as o from "@radix-ui/react-popover";
 import { cn as l } from "@oneplatformdev/utils";
-import { useDialogOverlayContainer as c } from "../Dialog/DialogOverlayScope.js";
+import { useDialogOverlayContainer as c } from "./ui30.js";
 const h = (t) => {
   const { modal: e, ...r } = t;
   return /* @__PURE__ */ a(o.Root, { modal: e, ...r });

package/{RadioGroup/RadioGroup.js → ui59.js}

@@ -3,7 +3,7 @@ import * as o from "@radix-ui/react-radio-group";
 import { Circle as c } from "lucide-react";
 import * as s from "react";
 import { cn as t } from "@oneplatformdev/utils";
-import { Label as p } from "../Label/Label.js";
+import { Label as p } from "./ui45.js";
 const f = s.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e(
   o.Root,
   {

package/{AlertDialog/AlertDialog.js → ui6.js}

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { cloneElement as a, useId as j, Children as y } from "react";
-import { AlertDialogRoot as E, AlertDialogContent as u, AlertDialogTrigger as v, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as k } from "./AlertDialogRoot.js";
+import { AlertDialogRoot as E, AlertDialogContent as u, AlertDialogTrigger as v, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as k } from "./ui5.js";
 import { isValidReactElement as s } from "@oneplatformdev/utils";
 const F = (o) => {
   const { slotProps: e = {}, children: r } = o, i = e.trigger ?? {};

package/{Search/Search.js → ui62.js}

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { Input as v } from "../Input/Input.js";
-import { useDebounceCallback as C } from "@oneplatformdev/hooks";
-import { cn as b } from "@oneplatformdev/utils";
-import { SearchIcon as x } from "lucide-react";
-import { LoadedIcon as I } from "../LoadedIcon/LoadedIcon.js";
+import { useDebounceCallback as v } from "@oneplatformdev/hooks";
+import { cn as C } from "@oneplatformdev/utils";
+import { SearchIcon as b } from "lucide-react";
+import { LoadedIcon as x } from "./ui48.js";
+import { Input as I } from "./ui43.js";
 const D = (a) => {
   const {
     search: t,
@@ -16,24 +16,24 @@ const D = (a) => {
     slotProps: e,
     name: l = "search",
     ...h
-  } = a, [p, u] = g(t), d = C(s, 1e3), f = (o) => {
+  } = a, [p, u] = g(t), d = v(s, 1e3), f = (o) => {
     const S = o.target.value;
     u(S), n?.(o), d(o.target.value);
   };
   return /* @__PURE__ */ r(
-    v,
+    I,
     {
       name: l,
       placeholder: c,
       value: p,
-      className: b("min-w-[340px]", m),
+      className: C("min-w-[340px]", m),
       onChange: f,
       ...h,
       ...e || {},
       slotProps: {
         ...e || {},
         input: {
-          startAdornment: /* @__PURE__ */ r(I, { loading: i, size: "sm", children: /* @__PURE__ */ r(x, {}) }),
+          startAdornment: /* @__PURE__ */ r(x, { loading: i, size: "sm", children: /* @__PURE__ */ r(b, {}) }),
           ...e?.input || {}
         }
       }

package/{Select/SelectRoot.js → ui63.js}

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
 import * as e from "@radix-ui/react-select";
-import { ChevronDown as n, ChevronUp as u, Check as h } from "lucide-react";
+import { ChevronDown as n, Check as u, ChevronUp as h } from "lucide-react";
 import { cn as s } from "@oneplatformdev/utils";
 const R = e.Root, C = e.Group, I = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
   e.Trigger,
@@ -29,7 +29,7 @@ const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
       o
     ),
     ...r,
-    children: /* @__PURE__ */ t(u, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ t(h, { className: "h-4 w-4" })
   }
 ));
 c.displayName = e.ScrollUpButton.displayName;
@@ -97,7 +97,7 @@ const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ t(e.ItemText, { children: r })
     ]
   }

package/{Select/Select.js → ui64.js}

@@ -1,12 +1,11 @@
-import { jsxs as d, jsx as r, Fragment as h } from "react/jsx-runtime";
+import { jsxs as d, jsx as r, Fragment as p } from "react/jsx-runtime";
 import { createElement as m, isValidElement as v } from "react";
-import { Button as x } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import { SelectRoot as S, SelectContent as y, SelectTrigger as b, SelectValue as C, SelectItem as f } from "./SelectRoot.js";
-import { isValidReactElement as R } from "@oneplatformdev/utils";
+import { isValidReactElement as x } from "@oneplatformdev/utils";
+import { SelectRoot as S, SelectContent as y, SelectTrigger as b, SelectValue as C, SelectItem as f } from "./ui63.js";
+import { Button as R } from "./ui15.js";
 const V = (n) => {
   const { placeholder: t, renderTrigger: e, slotProps: o } = n, l = /* @__PURE__ */ r(b, { ...o?.triggerProps || {}, children: /* @__PURE__ */ r(C, { placeholder: t }) });
-  return e && typeof e == "function" && R(e(n, l)) ? e(n, l) : l;
+  return e && typeof e == "function" && x(e(n, l)) ? e(n, l) : l;
 }, c = (n) => {
   const { children: t, option: e, deep: o = 0 } = n;
   return /* @__PURE__ */ d(
@@ -18,26 +17,26 @@ const V = (n) => {
       style: { paddingLeft: `calc(8px + ${(o || 0) * 8}px)` },
       children: [
         !t && e.label,
-        t && /* @__PURE__ */ r(h, { children: typeof t == "function" ? t({ ...n }) : t })
+        t && /* @__PURE__ */ r(p, { children: typeof t == "function" ? t({ ...n }) : t })
       ]
     },
     e.value
   );
-}, p = (n) => {
-  const { renderOption: t, option: e, index: o, options: l, deep: u = 0, ...a } = n;
+}, g = (n) => {
+  const { renderOption: t, option: e, index: o, options: l, deep: u = 0, ...i } = n;
   return t && typeof t == "function" && v(
     t(
       e,
       o,
       l,
-      { ...a, options: l },
+      { ...i, options: l },
       /* @__PURE__ */ r(c, { ...n })
     )
   ) ? /* @__PURE__ */ r(f, { value: e.value, children: t(
     e,
     o,
     l,
-    { ...a, options: l },
+    { ...i, options: l },
     /* @__PURE__ */ r(c, { ...n })
   ) }, e.value) : e.children?.length ? /* @__PURE__ */ d(
     "div",
@@ -45,13 +44,13 @@ const V = (n) => {
       className: "flex flex-col gap-1 truncate line-clamp-2",
       children: [
         /* @__PURE__ */ r(c, { ...n }),
-        e.children?.map((i, s, g) => /* @__PURE__ */ m(
-          p,
+        e.children?.map((a, s, h) => /* @__PURE__ */ m(
+          g,
           {
             ...n,
-            key: i.value,
-            option: i,
-            options: g,
+            key: a.value,
+            option: a,
+            options: h,
             index: s,
             deep: (u || 0) + 1
           }
@@ -60,20 +59,20 @@ const V = (n) => {
     },
     e.value
   ) : /* @__PURE__ */ r(c, { ...n });
-}, j = (n) => {
+}, T = (n) => {
   const {
     value: t,
     options: e,
     onChange: o,
     nullable: l = !1,
     clearLabel: u = "Clear",
-    disabled: a
+    disabled: i
   } = n;
-  return /* @__PURE__ */ d(S, { value: t, onValueChange: o, disabled: a, children: [
+  return /* @__PURE__ */ d(S, { value: t, onValueChange: o, disabled: i, children: [
     /* @__PURE__ */ r(V, { ...n }),
     /* @__PURE__ */ d(y, { children: [
       l && /* @__PURE__ */ r(
-        x,
+        R,
         {
           className: "w-full px-2",
           variant: "secondary",
@@ -84,12 +83,12 @@ const V = (n) => {
           children: u
         }
       ),
-      e.map((i, s) => /* @__PURE__ */ m(
-        p,
+      e.map((a, s) => /* @__PURE__ */ m(
+        g,
         {
           ...n,
-          key: i.value,
-          option: i,
+          key: a.value,
+          option: a,
           index: s,
           deep: 0
         }
@@ -98,5 +97,5 @@ const V = (n) => {
   ] });
 };
 export {
-  j as Select
+  T as Select
 };

package/{Sidebar/Sidebar.js → ui67.js}

@@ -3,16 +3,15 @@ import * as i from "react";
 import { Slot as h } from "@radix-ui/react-slot";
 import { cva as _ } from "class-variance-authority";
 import { PanelLeft as I } from "lucide-react";
-import { useIsMobile as z } from "../packages/hooks/src/useIsMobile/useIsMobile.js";
+import { useIsMobile as z } from "./ui97.js";
 import { cn as d } from "@oneplatformdev/utils";
-import { Button as B } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import { Input as E } from "../Input/Input.js";
-import { Separator as T } from "../Separator/Separator.js";
-import { Sheet as A, SheetContent as D } from "../Sheet/Sheet.js";
-import { Skeleton as M } from "../Skeleton/Skeleton.js";
-import { TooltipProvider as O, TooltipTrigger as G, TooltipContent as H } from "../Tooltip/TooltipRoot.js";
-import { Tooltip as K } from "../Tooltip/Tooltip.js";
+import { Sheet as B, SheetContent as E } from "./ui66.js";
+import { Input as T } from "./ui43.js";
+import { TooltipTrigger as A, TooltipContent as D, TooltipProvider as O } from "./ui83.js";
+import { Skeleton as M } from "./ui68.js";
+import { Separator as G } from "./ui65.js";
+import { Button as H } from "./ui15.js";
+import { Tooltip as K } from "./ui84.js";
 const L = "sidebar:state", j = 3600 * 24 * 7, P = "16rem", $ = "18rem", V = "3rem", W = "b", R = i.createContext(null);
 function N() {
   const a = i.useContext(R);
@@ -96,8 +95,8 @@ const F = i.forwardRef(
         ...s,
         children: n
       }
-    ) : m ? /* @__PURE__ */ r(A, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ r(
-      D,
+    ) : m ? /* @__PURE__ */ r(B, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ r(
+      E,
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
@@ -159,7 +158,7 @@ F.displayName = "Sidebar";
 const U = i.forwardRef(({ className: a, onClick: e, ...t }, o) => {
   const { toggleSidebar: n } = N();
   return /* @__PURE__ */ S(
-    B,
+    H,
     {
       ref: o,
       "data-sidebar": "trigger",
@@ -217,7 +216,7 @@ const Y = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
 ));
 Y.displayName = "SidebarInset";
 const J = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  E,
+  T,
   {
     ref: t,
     "data-sidebar": "input",
@@ -250,7 +249,7 @@ const Z = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
 ));
 Z.displayName = "SidebarFooter";
 const ee = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  T,
+  G,
   {
     ref: t,
     "data-sidebar": "separator",
@@ -385,9 +384,9 @@ const se = _(
     return n ? (typeof n == "string" && (n = {
       children: n
     }), /* @__PURE__ */ S(K, { children: [
-      /* @__PURE__ */ r(G, { asChild: !0, children: v }),
+      /* @__PURE__ */ r(A, { asChild: !0, children: v }),
       /* @__PURE__ */ r(
-        H,
+        D,
         {
           side: "right",
           align: "center",

package/{AreaChart/AreaChart.js → ui7.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 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.js";
+import { ChartContainer as d, ChartTooltip as f, ChartTooltipContent as c } from "./ui22.js";
 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: [
   /* @__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 }),

package/{Tabs/Tabs.js → ui74.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import { Children as c } from "react";
-import { TabsContent as p, TabsRoot as m, TabsList as b, TabsTrigger as i } from "./TabsRoot.js";
+import { TabsContent as p, TabsRoot as m, TabsList as b, TabsTrigger as i } from "./ui73.js";
 const h = (a) => {
   const { tabs: s = [], contents: t } = a;
   return c.map(t, (n, r) => {

package/{Textarea/Textarea.js → ui75.js}

@@ -2,7 +2,7 @@ import { jsxs as l, Fragment as g, jsx as b } from "react/jsx-runtime";
 import * as h from "react";
 import { useId as A, useRef as v, useState as w, useImperativeHandle as z, useEffect as F } from "react";
 import { cn as d } from "@oneplatformdev/utils";
-import { useAutosizeTextArea as N } from "./useAutosizeTextArea.js";
+import { useAutosizeTextArea as N } from "./ui96.js";
 const y = h.forwardRef(
   (u, m) => {
     const {

package/{Theme/ThemeModeToggle.js → ui77.js}

@@ -2,9 +2,8 @@ import { jsxs as n, jsx as e, Fragment as c } from "react/jsx-runtime";
 import * as d from "react";
 import { Moon as h, Sun as u, SunMoon as p } from "lucide-react";
 import { useTheme as l } from "next-themes";
-import { Button as g } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import { DropdownMenu as T, DropdownMenuTrigger as f, DropdownMenuContent as M, DropdownMenuItem as k } from "../DropdownMenu/DropdownMenu.js";
+import { Button as g } from "./ui15.js";
+import { DropdownMenu as T, DropdownMenuTrigger as f, DropdownMenuContent as M, DropdownMenuItem as k } from "./ui32.js";
 const y = {
   system: p,
   light: u,
@@ -20,7 +19,7 @@ const y = {
     ),
     /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
   ] });
-}, I = (r) => {
+}, v = (r) => {
   const {
     lightLabel: o = "Light",
     darkLabel: a = "Dark",
@@ -43,6 +42,6 @@ const y = {
   ] });
 };
 export {
-  I as ThemeModeToggle,
-  I as default
+  v as ThemeModeToggle,
+  v as default
 };

package/{Toast/Toast.js → ui78.js}

@@ -3,7 +3,7 @@ import * as i from "react";
 import * as e from "@radix-ui/react-toast";
 import { X as c } from "lucide-react";
 import { cn as a } from "@oneplatformdev/utils";
-import { toastVariants as n } from "./toastVariants.js";
+import { toastVariants as n } from "./ui92.js";
 const h = e.Provider, m = i.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ s(
   e.Viewport,
   {

package/{Aside/Aside.js → ui8.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { SidebarProvider as s, SidebarInset as n } from "../Sidebar/Sidebar.js";
+import { SidebarProvider as s, SidebarInset as n } from "./ui67.js";
 const c = (d) => {
   const {
     children: l,

package/{Toaster/Toaster.js → ui80.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { useToast as c } from "../Toast/useToast.js";
-import { ToastProvider as T, Toast as m, ToastTitle as d, ToastDescription as l, ToastClose as p, ToastViewport as f } from "../Toast/Toast.js";
+import { useToast as c } from "./ui79.js";
+import { ToastProvider as T, Toast as m, ToastTitle as d, ToastDescription as l, ToastClose as p, ToastViewport as f } from "./ui78.js";
 function g() {
   const { toasts: e } = c();
   return /* @__PURE__ */ r(T, { children: [

package/{ToggleGroup/ToggleGroup.js → ui82.js}

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import * as e from "react";
 import * as t from "@radix-ui/react-toggle-group";
 import { cn as p } from "@oneplatformdev/utils";
-import { toggleVariants as f } from "../Toggle/Toggle.js";
+import { toggleVariants as f } from "./ui81.js";
 const c = e.createContext({
   size: "default",
   variant: "default"

package/{Tooltip/Tooltip.js → ui84.js}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { TooltipProvider as a, TooltipRoot as c, TooltipTrigger as d, TooltipContent as p } from "./TooltipRoot.js";
+import { TooltipProvider as a, TooltipRoot as c, TooltipTrigger as d, TooltipContent as p } from "./ui83.js";
 const m = (r) => {
   const { trigger: t, children: e, message: i = "", delay: l = 100, ...n } = r;
   return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s(c, { delayDuration: l, ...n, children: [

package/{Dropzone/Dropzone.js → ui85.js}

@@ -3,11 +3,11 @@ import { X as H } from "lucide-react";
 import { forwardRef as O, useState as g, useImperativeHandle as X } from "react";
 import { useDropzone as Y } from "react-dropzone";
 import { cn as n } from "@oneplatformdev/utils";
-import { Card as q } from "../Card/Card.js";
-import { DEFAULT_FILE_TYPES as G } from "./Dropzone.types.js";
-import { FilePreview as J } from "./DropzoneFilePreview.js";
-import { DropzoneSinglePickPreview as K } from "./DropzoneSinglePickPreview.js";
-import { DefaultFileIcon as Q, isFile as v, extractName as R } from "./DropzoneUtils.js";
+import { Card as q } from "./ui20.js";
+import { DEFAULT_FILE_TYPES as G } from "./ui86.js";
+import { FilePreview as J } from "./ui93.js";
+import { DropzoneSinglePickPreview as K } from "./ui94.js";
+import { DefaultFileIcon as Q, isFile as v, extractName as R } from "./ui95.js";
 const Z = O(
   ({
     acceptTypes: w = G,

package/ui87.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Dropzone as a } from "./ui85.js";
+import { FormRenderControl as l } from "./ui34.js";
+import { FormControl as f } from "./ui33.js";
+const h = (n) => {
+  const { form: e, label: m, name: t, ...p } = n;
+  return /* @__PURE__ */ o(
+    l,
+    {
+      form: e,
+      label: m,
+      name: t,
+      render: ({ field: r }) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(a, { ...p, ...r, onChangeValue: r.onChange }) })
+    }
+  );
+};
+export {
+  h as FormDropzone
+};