@opencxh/ui-kit 3.45.0 → 3.46.1

package/dist/index.js

@@ -1,9 +1,9 @@
-import { clsx as Te } from "clsx";
-import { jsxs as c, jsx as e, Fragment as Me } from "react/jsx-runtime";
-import { VideoOff as Ae, User as Ie, MicOff as je, Mic as Be, ChevronDown as Pe, FileText as pe, HardDrive as Ne, X as Oe, ArrowLeft as Ee, Search as Ve, FolderPlus as _e, Upload as Fe, Folder as we, ChevronDownIcon as We, ChevronRight as Re } from "lucide-react";
-import se, { useRef as X, useEffect as G, forwardRef as ce, useState as _, useCallback as ae, useMemo as ie, createContext as qe, Component as He } from "react";
+import { clsx as Ae } from "clsx";
+import { jsxs as d, jsx as e, Fragment as Ee } from "react/jsx-runtime";
+import { VideoOff as Ie, User as je, MicOff as Be, Mic as Pe, ChevronDown as _e, FileText as pe, HardDrive as we, X as Oe, ArrowLeft as Ne, Search as Ve, FolderPlus as Fe, Upload as We, Folder as Ce, ChevronDownIcon as Re, ChevronRight as qe } from "lucide-react";
+import se, { useRef as X, useEffect as G, forwardRef as ce, useState as V, useCallback as ae, useMemo as ie, createContext as He, Component as Ue } from "react";
 function g(...r) {
-  return Te(r);
+  return Ae(r);
 }
 function Gr(r) {
   return (n, t) => r[n]?.[t] || "";
@@ -13,23 +13,23 @@ function Kr(r) {
 }
 function Jr({ tiles: r, pinned: n, className: t }) {
   if (n)
-    return /* @__PURE__ */ c("div", { className: g("flex flex-col md:flex-row gap-2 h-full", t), children: [
+    return /* @__PURE__ */ d("div", { className: g("flex flex-col md:flex-row gap-2 h-full", t), children: [
       /* @__PURE__ */ e("div", { className: "flex-1 min-h-[240px]", children: n }),
-      r.length > 0 && /* @__PURE__ */ e("div", { className: "flex md:flex-col gap-2 md:w-48 overflow-auto", children: r.map((o, i) => /* @__PURE__ */ e("div", { className: "min-w-[160px] md:min-w-0", children: o }, i)) })
+      r.length > 0 && /* @__PURE__ */ e("div", { className: "flex md:flex-col gap-2 md:w-48 overflow-auto", children: r.map((s, c) => /* @__PURE__ */ e("div", { className: "min-w-[160px] md:min-w-0", children: s }, c)) })
     ] });
   const a = r.length <= 1 ? "grid-cols-1" : r.length <= 4 ? "grid-cols-2" : r.length <= 9 ? "grid-cols-3" : "grid-cols-4";
-  return /* @__PURE__ */ e("div", { className: g("grid gap-2 h-full", a, t), children: r.map((o, i) => /* @__PURE__ */ e("div", { children: o }, i)) });
+  return /* @__PURE__ */ e("div", { className: g("grid gap-2 h-full", a, t), children: r.map((s, c) => /* @__PURE__ */ e("div", { children: s }, c)) });
 }
 function Yr({
   name: r,
   avatarUrl: n,
   muted: t,
   speaking: a,
-  hasVideo: o,
-  videoSlot: i,
+  hasVideo: s,
+  videoSlot: c,
   className: h
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "div",
     {
       className: g(
@@ -38,9 +38,9 @@ function Yr({
         h
       ),
       children: [
-        o && i ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: i }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: n ? /* @__PURE__ */ e("img", { src: n, alt: r, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-gray-700 flex items-center justify-center", children: o ? /* @__PURE__ */ e(Ae, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Ie, { className: "w-8 h-8" }) }) }),
-        /* @__PURE__ */ c("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-black/50 text-white text-xs", children: [
-          t ? /* @__PURE__ */ e(je, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Be, { className: "w-3 h-3" }),
+        s && c ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: c }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: n ? /* @__PURE__ */ e("img", { src: n, alt: r, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-gray-700 flex items-center justify-center", children: s ? /* @__PURE__ */ e(Ie, { className: "w-8 h-8" }) : /* @__PURE__ */ e(je, { className: "w-8 h-8" }) }) }),
+        /* @__PURE__ */ d("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-black/50 text-white text-xs", children: [
+          t ? /* @__PURE__ */ e(Be, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Pe, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-[140px]", children: r })
         ] })
       ]
@@ -48,17 +48,17 @@ function Yr({
   );
 }
 function Zr({ attach: r, active: n = !0, mirrored: t = !1, className: a }) {
-  const o = X(null);
+  const s = X(null);
   return G(() => {
-    if (!n || !o.current) return;
-    const i = r(o.current);
+    if (!n || !s.current) return;
+    const c = r(s.current);
     return () => {
-      typeof i == "function" && i(), o.current && (o.current.innerHTML = "");
+      typeof c == "function" && c(), s.current && (s.current.innerHTML = "");
     };
   }, [r, n]), /* @__PURE__ */ e(
     "div",
     {
-      ref: o,
+      ref: s,
       className: g(
         "w-full h-full bg-gray-900 overflow-hidden",
         t && "[&>*]:scale-x-[-1]",
@@ -67,20 +67,20 @@ function Zr({ attach: r, active: n = !0, mirrored: t = !1, className: a }) {
     }
   );
 }
-const Ue = {
+const Ge = {
   primary: "btn o__primary",
   secondary: "btn o__secondary",
   outline: "btn o__secondary",
   ghost: "btn text-gray-700",
   destructive: "btn o__destructive"
-}, Ge = {
+}, Ke = {
   xs: "px-2 py-1 text-xs",
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-sm",
   lg: "px-6 py-3 text-base",
   xl: "px-8 py-4 text-lg",
   full: "px-4 py-3 text-base"
-}, Ke = {
+}, Je = {
   xs: "p-1",
   sm: "p-1.5",
   md: "p-2",
@@ -93,16 +93,16 @@ const Ue = {
     size: n = "md",
     fullWidth: t = !1,
     loading: a = !1,
-    leftIcon: o,
-    rightIcon: i,
+    leftIcon: s,
+    rightIcon: c,
     iconOnly: h = !1,
     className: b,
     children: p,
     disabled: y,
     ...u
   }, l) => {
-    const d = y || a;
-    return /* @__PURE__ */ c(
+    const i = y || a;
+    return /* @__PURE__ */ d(
       "button",
       {
         ref: l,
@@ -113,19 +113,19 @@ const Ue = {
           "focus:outline-none focus:ring-1 focus:ring-offset-1",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           // Variant styles
-          Ue[r],
+          Ge[r],
           // Size styles
-          h ? Ke[n] : Ge[n],
+          h ? Je[n] : Ke[n],
           // Full width
           t && "w-full",
           // Loading state
           a && "cursor-wait",
           b
         ),
-        disabled: d,
+        disabled: i,
         ...u,
         children: [
-          a && /* @__PURE__ */ c(
+          a && /* @__PURE__ */ d(
             "svg",
             {
               className: g(
@@ -157,10 +157,10 @@ const Ue = {
               ]
             }
           ),
-          !a && o && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "mr-2"), children: o }),
+          !a && s && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "mr-2"), children: s }),
           !h && p,
-          !a && i && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "ml-2"), children: i }),
-          h && !a && !o && !i && p
+          !a && c && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "ml-2"), children: c }),
+          h && !a && !s && !c && p
         ]
       }
     );
@@ -172,9 +172,9 @@ const Xr = ({
   size: n = "md",
   orientation: t = "horizontal",
   attached: a = !0,
-  className: o
+  className: s
 }) => {
-  const i = g(
+  const c = g(
     "inline-flex",
     {
       // Orientation
@@ -194,23 +194,23 @@ const Xr = ({
       "gap-2": !a && (n === "sm" || n === "md"),
       "gap-3": !a && (n === "lg" || n === "xl")
     },
-    o
+    s
   );
-  return /* @__PURE__ */ e("div", { className: i, role: "group", children: r });
+  return /* @__PURE__ */ e("div", { className: c, role: "group", children: r });
 }, Qr = ({
   variant: r = "default",
   size: n = "md",
   color: t = "primary",
   disabled: a = !1,
-  external: o = !1,
-  className: i,
+  external: s = !1,
+  className: c,
   children: h,
   href: b,
   target: p,
   rel: y,
   ...u
 }) => {
-  const l = o || b && (b.startsWith("http") || b.startsWith("mailto:")), d = g(
+  const l = s || b && (b.startsWith("http") || b.startsWith("mailto:")), i = g(
     // Base styles
     "inline-flex items-center gap-1 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",
     // Size variants
@@ -263,14 +263,14 @@ const Xr = ({
     {
       "opacity-50 cursor-not-allowed pointer-events-none": a
     },
-    i
+    c
   ), f = {
     ...u,
     href: a ? void 0 : b,
     target: l ? "_blank" : p,
     rel: l ? "noopener noreferrer" : y
   };
-  return /* @__PURE__ */ c("a", { className: d, ...f, children: [
+  return /* @__PURE__ */ d("a", { className: i, ...f, children: [
     h,
     l && /* @__PURE__ */ e(
       "svg",
@@ -292,33 +292,33 @@ const Xr = ({
       }
     )
   ] });
-}, Ce = {
+}, Se = {
   primary: "btn o__primary",
   secondary: "btn o__secondary",
   outline: "btn o__secondary"
-}, Je = {
+}, Ye = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-sm"
 };
-function Ye({
+function $e({
   label: r,
   onClick: n,
   variant: t = "primary",
   size: a = "md",
-  icon: o,
-  options: i,
+  icon: s,
+  options: c,
   disabled: h = !1
 }) {
-  const [b, p] = _(!1), y = X(null), u = ae(() => {
+  const [b, p] = V(!1), y = X(null), u = ae(() => {
     p((l) => !l);
   }, []);
   return G(() => {
-    const l = (d) => {
-      y.current && !y.current.contains(d.target) && p(!1);
+    const l = (i) => {
+      y.current && !y.current.contains(i.target) && p(!1);
     };
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
-  }, []), /* @__PURE__ */ c("div", { ref: y, className: "relative inline-flex items-center gap-px", children: [
-    /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ d("div", { ref: y, className: "relative inline-flex items-center gap-px", children: [
+    /* @__PURE__ */ d(
       "button",
       {
         type: "button",
@@ -328,12 +328,12 @@ function Ye({
           "inline-flex items-center justify-center font-medium transition-colors duration-200",
           "focus:outline-none focus:ring-1 focus:ring-offset-1",
           "disabled:opacity-50 disabled:cursor-not-allowed",
-          Ce[t],
-          Je[a],
+          Se[t],
+          Ye[a],
           "!rounded-r-none"
         ),
         children: [
-          o && /* @__PURE__ */ e("span", { className: "mr-2 flex-shrink-0", children: o }),
+          s && /* @__PURE__ */ e("span", { className: "mr-2 flex-shrink-0", children: s }),
           r
         ]
       }
@@ -348,14 +348,14 @@ function Ye({
           "inline-flex items-center justify-center font-medium transition-colors duration-200",
           "focus:outline-none focus:ring-1 focus:ring-offset-1",
           "disabled:opacity-50 disabled:cursor-not-allowed",
-          Ce[t],
+          Se[t],
           a === "sm" ? "px-1.5 py-1.5" : "px-2 py-2",
           "!rounded-l-none"
         ),
-        children: /* @__PURE__ */ e(Pe, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e(_e, { className: "h-4 w-4" })
       }
     ),
-    b && i.length > 0 && /* @__PURE__ */ e("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] rounded-lg border border-gray-200 bg-white shadow-lg py-1", children: i.map((l) => /* @__PURE__ */ e(
+    b && c.length > 0 && /* @__PURE__ */ e("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] rounded-lg border border-gray-200 bg-white shadow-lg py-1", children: c.map((l) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -388,18 +388,18 @@ const Ze = {
     helperText: n,
     error: t,
     size: a = "md",
-    indeterminate: o = !1,
-    containerClassName: i,
+    indeterminate: s = !1,
+    containerClassName: c,
     labelClassName: h,
     className: b,
     id: p,
     ...y
   }, u) => {
-    const l = p || `checkbox-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
+    const l = p || `checkbox-${Math.random().toString(36).substr(2, 9)}`, i = !!t;
     return se.useEffect(() => {
-      u && typeof u == "object" && u.current && (u.current.indeterminate = o);
-    }, [o, u]), /* @__PURE__ */ c("div", { className: g("flex flex-col", i), children: [
-      /* @__PURE__ */ c("div", { className: "flex items-start", children: [
+      u && typeof u == "object" && u.current && (u.current.indeterminate = s);
+    }, [s, u]), /* @__PURE__ */ d("div", { className: g("flex flex-col", c), children: [
+      /* @__PURE__ */ d("div", { className: "flex items-start", children: [
         /* @__PURE__ */ e("div", { className: "flex items-center h-5", children: /* @__PURE__ */ e(
           "input",
           {
@@ -414,20 +414,20 @@ const Ze = {
               // Size styles
               Ze[a],
               // State styles
-              d ? "border-error text-error focus:border-error focus:ring-error" : "border-gray-100 text-primary focus:border-primary focus:ring-primary dark:border-gray-600 dark:bg-secondary-800",
+              i ? "border-error text-error focus:border-error focus:ring-error" : "border-gray-100 text-primary focus:border-primary focus:ring-primary dark:border-gray-600 dark:bg-secondary-800",
               b
             ),
             ...y
           }
         ) }),
-        r && /* @__PURE__ */ c("div", { className: "ml-3 flex-1", children: [
+        r && /* @__PURE__ */ d("div", { className: "ml-3 flex-1", children: [
           /* @__PURE__ */ e(
             "label",
             {
               htmlFor: l,
               className: g(
                 "font-medium cursor-pointer",
-                d ? "text-error" : "text-secondary-900 dark:text-secondary-100",
+                i ? "text-error" : "text-secondary-900 dark:text-secondary-100",
                 Xe[a],
                 h
               ),
@@ -447,17 +447,17 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
   onChange: n,
   placeholder: t = "Select date",
   disabled: a = !1,
-  required: o = !1,
-  size: i = "md",
+  required: s = !1,
+  size: c = "md",
   className: h,
   minDate: b,
   maxDate: p,
   format: y = "MM/dd/yyyy"
 }, u) => {
-  const [l, d] = _(!1), [f, C] = _(() => r || /* @__PURE__ */ new Date()), N = X(null);
+  const [l, i] = V(!1), [f, C] = V(() => r || /* @__PURE__ */ new Date()), N = X(null);
   G(() => {
     const z = (v) => {
-      N.current && !N.current.contains(v.target) && d(!1);
+      N.current && !N.current.contains(v.target) && i(!1);
     };
     return l && document.addEventListener("mousedown", z), () => {
       document.removeEventListener("mousedown", z);
@@ -483,13 +483,13 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       $.push(new Date(L)), L.setDate(L.getDate() + 1);
     return $;
   }, x = (z) => {
-    z.getMonth() === f.getMonth() && (b && z < b || p && z > p || (n?.(z), d(!1)));
+    z.getMonth() === f.getMonth() && (b && z < b || p && z > p || (n?.(z), i(!1)));
   }, q = () => {
     C(new Date(f.getFullYear(), f.getMonth() - 1, 1));
   }, K = () => {
     C(new Date(f.getFullYear(), f.getMonth() + 1, 1));
   }, H = () => {
-    n?.(null), d(!1);
+    n?.(null), i(!1);
   }, F = g(
     "w-full border border-neutral-100 dark:border-neutral-600 rounded-md transition-colors duration-200",
     "bg-white dark:bg-neutral-800 text-gray-700 dark:text-gray-300",
@@ -497,10 +497,10 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     "focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
     "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-neutral-50 dark:disabled:bg-neutral-900",
     {
-      "px-3 py-2 text-sm": i === "sm",
-      "px-3 py-2 text-base": i === "md",
-      "px-4 py-3 text-lg": i === "lg",
-      "px-4 py-3 text-base": i === "full"
+      "px-3 py-2 text-sm": c === "sm",
+      "px-3 py-2 text-base": c === "md",
+      "px-4 py-3 text-lg": c === "lg",
+      "px-4 py-3 text-base": c === "full"
     },
     h
   ), E = B(), J = [
@@ -517,8 +517,8 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     "November",
     "December"
   ];
-  return /* @__PURE__ */ c("div", { ref: N, className: "relative", children: [
-    /* @__PURE__ */ c("div", { className: "relative", children: [
+  return /* @__PURE__ */ d("div", { ref: N, className: "relative", children: [
+    /* @__PURE__ */ d("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -527,9 +527,9 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
           value: k(r ?? null),
           placeholder: t,
           disabled: a,
-          required: o,
+          required: s,
           readOnly: !0,
-          onClick: () => !a && d(!l),
+          onClick: () => !a && i(!l),
           className: g(F, "pr-10 cursor-pointer")
         }
       ),
@@ -537,15 +537,15 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
         "button",
         {
           type: "button",
-          onClick: () => !a && d(!l),
+          onClick: () => !a && i(!l),
           disabled: a,
           className: "absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300",
           children: /* @__PURE__ */ e(Qe, {})
         }
       )
     ] }),
-    l && /* @__PURE__ */ c("div", { className: "absolute z-50 mt-1 bg-white dark:bg-neutral-800 border border-neutral-100 dark:border-neutral-600 rounded-md shadow-lg p-4 min-w-[280px]", children: [
-      /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4", children: [
+    l && /* @__PURE__ */ d("div", { className: "absolute z-50 mt-1 bg-white dark:bg-neutral-800 border border-neutral-100 dark:border-neutral-600 rounded-md shadow-lg p-4 min-w-[280px]", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-4", children: [
         /* @__PURE__ */ e(
           "button",
           {
@@ -554,7 +554,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
             children: /* @__PURE__ */ e(er, {})
           }
         ),
-        /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-neutral-900 dark:text-neutral-100", children: [
+        /* @__PURE__ */ d("h3", { className: "text-sm font-medium text-neutral-900 dark:text-neutral-100", children: [
           J[f.getMonth()],
           " ",
           f.getFullYear()
@@ -590,7 +590,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
           v
         );
       }) }),
-      /* @__PURE__ */ c("div", { className: "flex justify-between items-center mt-4 pt-3 border-t border-neutral-200 dark:border-neutral-700", children: [
+      /* @__PURE__ */ d("div", { className: "flex justify-between items-center mt-4 pt-3 border-t border-neutral-200 dark:border-neutral-700", children: [
         /* @__PURE__ */ e(
           "button",
           {
@@ -602,7 +602,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => d(!1),
+            onClick: () => i(!1),
             className: "text-sm text-primary hover:text-primary/80",
             children: "Close"
           }
@@ -662,22 +662,22 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     helperText: n,
     error: t,
     size: a = "md",
-    fullWidth: o = !1,
-    startIcon: i = /* @__PURE__ */ e(tr, {}),
+    fullWidth: s = !1,
+    startIcon: c = /* @__PURE__ */ e(tr, {}),
     loading: h = !1,
     containerClassName: b,
     labelClassName: p,
     className: y,
     id: u,
     options: l,
-    onRemoteSearch: d,
+    onRemoteSearch: i,
     onSelect: f,
     debounceTime: C = 500,
     value: N,
     onChange: k,
     ...B
   }, x) => {
-    const q = u || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!t, H = X(null), F = X(null), [E, J] = _(N || ""), [z, v] = _(!1), [T, m] = _(!1);
+    const q = u || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!t, H = X(null), F = X(null), [E, J] = V(N || ""), [z, v] = V(!1), [T, m] = V(!1);
     G(() => {
       N !== void 0 && J(N);
     }, [N]);
@@ -689,14 +689,14 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       );
     }, [E, l]);
     G(() => {
-      if (!d || !E) {
+      if (!i || !E) {
         m(!1);
         return;
       }
       const W = setTimeout(async () => {
         m(!0);
         try {
-          await d(String(E));
+          await i(String(E));
         } catch (S) {
           console.error("Remote search failed:", S);
         } finally {
@@ -706,7 +706,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       return () => {
         clearTimeout(W), m(!1);
       };
-    }, [E, C, d]), G(() => {
+    }, [E, C, i]), G(() => {
       const W = (S) => {
         H.current && !H.current.contains(S.target) && v(!1);
       };
@@ -718,14 +718,14 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     }, D = (W) => {
       J(W.label), v(!1), f && f(W.value);
     }, P = () => {
-      (l.length > 0 || d) && v(!0);
+      (l.length > 0 || i) && v(!0);
     }, M = h || T, re = z && ($.length > 0 || M), ne = ie(() => x || F, [x]);
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ d(
       "div",
       {
         className: de(
           "flex flex-col",
-          o ? "w-full" : "",
+          s ? "w-full" : "",
           b || "",
           "relative"
         ),
@@ -743,8 +743,8 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
               children: r
             }
           ),
-          /* @__PURE__ */ c("div", { className: "relative", children: [
-            i && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: de("text-gray-400", xe[a]), children: i }) }),
+          /* @__PURE__ */ d("div", { className: "relative", children: [
+            c && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: de("text-gray-400", xe[a]), children: c }) }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -761,7 +761,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
                   // Size styles
                   nr[a],
                   // Icon padding
-                  i ? "pl-10" : "",
+                  c ? "pl-10" : "",
                   "pr-10",
                   // Altijd padding rechts voor de dropdown/loading icon
                   // State styles
@@ -773,7 +773,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
             ),
             /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: M || h ? (
               // Loading Spinner
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ d(
                 "svg",
                 {
                   className: de("animate-spin text-blue-500", xe[a]),
@@ -846,7 +846,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
               children: t || n
             }
           ),
-          d && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-green-600 dark:text-green-400", children: [
+          i && /* @__PURE__ */ d("p", { className: "mt-2 text-xs text-green-600 dark:text-green-400", children: [
             "Huidige zoekterm (niet-gedebounced): ",
             String(E)
           ] })
@@ -867,22 +867,22 @@ const sr = {
     helperText: n,
     error: t,
     size: a = "md",
-    fullWidth: o = !1,
-    options: i,
+    fullWidth: s = !1,
+    options: c,
     placeholder: h,
     containerClassName: b,
     labelClassName: p,
     className: y,
     id: u,
     searchable: l,
-    multiple: d,
+    multiple: i,
     value: f,
     onChange: C,
     allowCreate: N,
     onCreateOption: k,
     ...B
   }, x) => {
-    const q = u || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!t, [H, F] = se.useState(!1), [E, J] = se.useState(""), z = se.useRef(null), [v, T] = se.useState(i);
+    const q = u || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!t, [H, F] = se.useState(!1), [E, J] = se.useState(""), z = se.useRef(null), [v, T] = se.useState(c);
     se.useImperativeHandle(x, () => z.current), se.useEffect(() => {
       const S = (I) => {
         z.current && !z.current.contains(I.target) && F(!1);
@@ -891,57 +891,57 @@ const sr = {
     }, []);
     const m = se.useCallback(
       (S, I) => S.some(
-        (V) => me(V.value) === me(I) || me(V.label) === me(I)
+        (O) => me(O.value) === me(I) || me(O.label) === me(I)
       ),
       []
     ), $ = se.useCallback(
       (S, I) => {
-        const V = [...S], A = (Q) => {
+        const O = [...S], A = (Q) => {
           const te = (Q ?? "").trim();
-          te && (m(V, te) || V.push({ value: te, label: te }));
+          te && (m(O, te) || O.push({ value: te, label: te }));
         };
-        return Array.isArray(I) ? I.forEach(A) : A(I), V;
+        return Array.isArray(I) ? I.forEach(A) : A(I), O;
       },
       [m]
     );
     se.useEffect(() => {
       T((S) => {
-        const I = [...i];
-        return S.forEach((V) => {
-          !m(I, V.value) && !m(I, V.label) && I.push(V);
+        const I = [...c];
+        return S.forEach((O) => {
+          !m(I, O.value) && !m(I, O.label) && I.push(O);
         }), $(I, f);
       });
-    }, [i, f, $, m]);
+    }, [c, f, $, m]);
     const L = (S) => {
-      if (d) {
-        const I = Array.isArray(f) ? f : [], V = I.includes(S) ? I.filter((A) => A !== S) : [...I, S];
-        C?.(V);
+      if (i) {
+        const I = Array.isArray(f) ? f : [], O = I.includes(S) ? I.filter((A) => A !== S) : [...I, S];
+        C?.(O);
       } else
         C?.(S), F(!1), J("");
-    }, D = d ? null : v.find((S) => S.value === f), P = d ? v.filter(
+    }, D = i ? null : v.find((S) => S.value === f), P = i ? v.filter(
       (S) => Array.isArray(f) && f.includes(S.value)
     ) : [], M = l && E ? v.filter(
       (S) => S.label.toLowerCase().includes(E.toLowerCase())
     ) : v, re = !!N && !!l && !!E.trim() && !m(v, E), ne = (S) => {
       const I = S.trim();
       if (!I) return;
-      const V = k?.(I) ?? {
+      const O = k?.(I) ?? {
         value: I,
         label: I
       };
-      if (m(v, V.value) || m(v, V.label)) {
-        L(V.value), J(""), d || F(!1);
+      if (m(v, O.value) || m(v, O.label)) {
+        L(O.value), J(""), i || F(!1);
         return;
       }
-      T((A) => [...A, V]), L(V.value), J(""), d || F(!1);
-    }, W = () => d ? P.length > 0 ? P.map((S) => S.label).join(", ") : h || "Select options" : D?.label || h || "Select an option";
-    return /* @__PURE__ */ c(
+      T((A) => [...A, O]), L(O.value), J(""), i || F(!1);
+    }, W = () => i ? P.length > 0 ? P.map((S) => S.label).join(", ") : h || "Select options" : D?.label || h || "Select an option";
+    return /* @__PURE__ */ d(
       "div",
       {
         ref: z,
         className: g(
           "relative flex flex-col",
-          o && "w-full",
+          s && "w-full",
           b
         ),
         ...B,
@@ -959,7 +959,7 @@ const sr = {
               children: r
             }
           ),
-          /* @__PURE__ */ c("div", { className: "relative", children: [
+          /* @__PURE__ */ d("div", { className: "relative", children: [
             /* @__PURE__ */ e(
               "button",
               {
@@ -978,7 +978,7 @@ const sr = {
                 children: /* @__PURE__ */ e("span", { className: "block truncate", children: W() })
               }
             ),
-            H && /* @__PURE__ */ c("div", { className: "absolute z-10 mt-1 w-full rounded-md bg-white dark:bg-secondary-800 shadow-lg border border-neutral dark:border-neutral-700", children: [
+            H && /* @__PURE__ */ d("div", { className: "absolute z-10 mt-1 w-full rounded-md bg-white dark:bg-secondary-800 shadow-lg border border-neutral dark:border-neutral-700", children: [
               l && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
                 "input",
                 {
@@ -995,7 +995,7 @@ const sr = {
                   )
                 }
               ) }),
-              re && /* @__PURE__ */ c(
+              re && /* @__PURE__ */ d(
                 "div",
                 {
                   className: g(
@@ -1010,8 +1010,8 @@ const sr = {
                   ]
                 }
               ),
-              /* @__PURE__ */ c("ul", { className: "max-h-60 overflow-auto py-1", children: [
-                h && !d && /* @__PURE__ */ e(
+              /* @__PURE__ */ d("ul", { className: "max-h-60 overflow-auto py-1", children: [
+                h && !i && /* @__PURE__ */ e(
                   "li",
                   {
                     className: "px-4 py-2 text-sm text-secondary-500 cursor-pointer hover:bg-gray-100 dark:hover:bg-secondary-700",
@@ -1022,7 +1022,7 @@ const sr = {
                   }
                 ),
                 M.map((S) => {
-                  const I = d ? Array.isArray(f) && f.includes(S.value) : f === S.value;
+                  const I = i ? Array.isArray(f) && f.includes(S.value) : f === S.value;
                   return /* @__PURE__ */ e(
                     "li",
                     {
@@ -1033,8 +1033,8 @@ const sr = {
                         S.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-100 dark:hover:bg-secondary-700",
                         I && "font-semibold"
                       ),
-                      children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
-                        d && /* @__PURE__ */ e(
+                      children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+                        i && /* @__PURE__ */ e(
                           "input",
                           {
                             type: "checkbox",
@@ -1079,17 +1079,17 @@ const or = {
     helperText: n,
     error: t,
     size: a = "md",
-    fullWidth: o = !1,
-    loading: i = !1,
+    fullWidth: s = !1,
+    loading: c = !1,
     containerClassName: h,
     labelClassName: b,
     className: p,
     id: y,
     rows: u = 4,
     ...l
-  }, d) => {
+  }, i) => {
     const f = y || `textarea-${Math.random().toString(36).substr(2, 9)}`, C = !!t;
-    return /* @__PURE__ */ c("div", { className: g("flex flex-col", o && "w-full", h), children: [
+    return /* @__PURE__ */ d("div", { className: g("flex flex-col", s && "w-full", h), children: [
       r && /* @__PURE__ */ e(
         "label",
         {
@@ -1102,11 +1102,11 @@ const or = {
           children: r
         }
       ),
-      /* @__PURE__ */ c("div", { className: "relative", children: [
+      /* @__PURE__ */ d("div", { className: "relative", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
-            ref: d,
+            ref: i,
             id: f,
             rows: u,
             className: g(
@@ -1123,7 +1123,7 @@ const or = {
             ...l
           }
         ),
-        i && /* @__PURE__ */ e("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ c(
+        c && /* @__PURE__ */ e("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ d(
           "svg",
           {
             className: "animate-spin h-4 w-4 text-secondary-400",
@@ -1183,18 +1183,18 @@ const cr = {
     helperText: n,
     error: t,
     size: a = "md",
-    fullWidth: o = !1,
-    startIcon: i,
+    fullWidth: s = !1,
+    startIcon: c,
     endIcon: h,
     loading: b = !1,
     containerClassName: p,
     labelClassName: y,
     className: u,
     id: l,
-    ...d
+    ...i
   }, f) => {
     const C = l || `textfield-${Math.random().toString(36).substr(2, 9)}`, N = !!t;
-    return /* @__PURE__ */ c("div", { className: g("flex flex-col", o && "w-full", p), children: [
+    return /* @__PURE__ */ d("div", { className: g("flex flex-col", s && "w-full", p), children: [
       r && /* @__PURE__ */ e(
         "label",
         {
@@ -1207,9 +1207,9 @@ const cr = {
           children: r
         }
       ),
-      /* @__PURE__ */ c("div", { className: "relative", children: [
-        i && // Todo fix inset not showing correctly on different sizes
-        /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: g("text-secondary-400", ge[a]), children: i }) }),
+      /* @__PURE__ */ d("div", { className: "relative", children: [
+        c && // Todo fix inset not showing correctly on different sizes
+        /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: g("text-secondary-400", ge[a]), children: c }) }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1223,16 +1223,16 @@ const cr = {
               // Size styles
               cr[a],
               // Icon padding
-              i && "pl-10",
+              c && "pl-10",
               h && "pr-10",
               // State styles
               N ? "border-error text-error focus:border-error focus:ring-error" : "border-gray-100 text-secondary-900 focus:border-primary focus:ring-primary dark:border-gray-600 dark:bg-secondary-800 dark:text-secondary-100",
               u
             ),
-            ...d
+            ...i
           }
         ),
-        (h || b) && /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: b ? /* @__PURE__ */ c(
+        (h || b) && /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: b ? /* @__PURE__ */ d(
           "svg",
           {
             className: g("animate-spin text-secondary-400", ge[a]),
@@ -1281,8 +1281,8 @@ const oe = ({
   size: n = "md",
   color: t = "current",
   clickable: a = !1,
-  onClick: o,
-  className: i,
+  onClick: s,
+  className: c,
   "aria-label": h,
   ...b
 }) => {
@@ -1305,16 +1305,16 @@ const oe = ({
       "cursor-pointer hover:opacity-80 transition-opacity duration-200": a,
       "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/20 rounded": a
     },
-    i
+    c
   ), u = {
     size: p,
     className: y,
-    onClick: a ? o : void 0,
+    onClick: a ? s : void 0,
     "aria-label": h,
     role: a ? "button" : void 0,
     tabIndex: a ? 0 : void 0,
     onKeyDown: a ? (l) => {
-      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), o?.());
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), s?.());
     } : void 0,
     ...b
   };
@@ -1335,23 +1335,23 @@ function ir({
   tableColumns: t = 6,
   tableRows: a = 8
 }) {
-  return r ? /* @__PURE__ */ e("main", { className: "flex-1 bg-gray-50 dark:bg-gray-950 p-6", children: /* @__PURE__ */ e("div", { className: "w-full max-w-6xl mx-auto animate-pulse", children: r }) }) : /* @__PURE__ */ e("main", { className: "flex-1 bg-gray-50 dark:bg-gray-950 p-6", children: /* @__PURE__ */ c("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
-    !n && /* @__PURE__ */ c(Me, { children: [
+  return r ? /* @__PURE__ */ e("main", { className: "flex-1 bg-gray-50 dark:bg-gray-950 p-6", children: /* @__PURE__ */ e("div", { className: "w-full max-w-6xl mx-auto animate-pulse", children: r }) }) : /* @__PURE__ */ e("main", { className: "flex-1 bg-gray-50 dark:bg-gray-950 p-6", children: /* @__PURE__ */ d("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
+    !n && /* @__PURE__ */ d(Ee, { children: [
       /* @__PURE__ */ e("div", { className: "h-6 bg-gray-200 dark:bg-gray-700 rounded w-1/4" }),
-      /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ d("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4" }),
         /* @__PURE__ */ e("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/2" })
       ] })
     ] }),
-    n && /* @__PURE__ */ c("div", { className: "rounded-lg overflow-hidden", children: [
-      /* @__PURE__ */ e("div", { className: `grid grid-cols-${t} gap-2 bg-gray-100 dark:bg-gray-800 p-3`, children: Array.from({ length: t }).map((o, i) => /* @__PURE__ */ e(
+    n && /* @__PURE__ */ d("div", { className: "rounded-lg overflow-hidden", children: [
+      /* @__PURE__ */ e("div", { className: `grid grid-cols-${t} gap-2 bg-gray-100 dark:bg-gray-800 p-3`, children: Array.from({ length: t }).map((s, c) => /* @__PURE__ */ e(
         "div",
         {
           className: "h-4 bg-gray-300 dark:bg-gray-600 rounded w-2/3"
         },
-        `header-${i}`
+        `header-${c}`
       )) }),
-      Array.from({ length: a }).map((o, i) => /* @__PURE__ */ e(
+      Array.from({ length: a }).map((s, c) => /* @__PURE__ */ e(
         "div",
         {
           className: `grid grid-cols-${t} gap-2 p-3 border-t border-gray-100 dark:border-gray-800`,
@@ -1360,10 +1360,10 @@ function ir({
             {
               className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-full"
             },
-            `cell-${i}-${b}`
+            `cell-${c}-${b}`
           ))
         },
-        `row-${i}`
+        `row-${c}`
       ))
     ] })
   ] }) });
@@ -1373,23 +1373,23 @@ const ur = ({
   options: n,
   value: t,
   onSelect: a,
-  placement: o = "bottom-start",
-  disabled: i = !1,
+  placement: s = "bottom-start",
+  disabled: c = !1,
   className: h,
   showCheck: b = !0,
   header: p
 }) => {
-  const [y, u] = _(!1), [l, d] = _(null), [f, C] = _({ top: 0, left: 0 }), N = X(null), k = X(null), B = X(null), x = X(null);
+  const [y, u] = V(!1), [l, i] = V(null), [f, C] = V({ top: 0, left: 0 }), N = X(null), k = X(null), B = X(null), x = X(null);
   G(() => {
     const v = (T) => {
-      N.current && (!N.current.contains(T.target) || B.current && !B.current.contains(T.target)) && (u(!1), d(null), x.current && (clearTimeout(x.current), x.current = null));
+      N.current && (!N.current.contains(T.target) || B.current && !B.current.contains(T.target)) && (u(!1), i(null), x.current && (clearTimeout(x.current), x.current = null));
     };
     return y && document.addEventListener("mousedown", v), () => {
       document.removeEventListener("mousedown", v);
     };
   }, [y]), G(() => {
     const v = (T) => {
-      T.key === "Escape" && (u(!1), d(null), x.current && (clearTimeout(x.current), x.current = null));
+      T.key === "Escape" && (u(!1), i(null), x.current && (clearTimeout(x.current), x.current = null));
     };
     return y && document.addEventListener("keydown", v), () => {
       document.removeEventListener("keydown", v);
@@ -1411,31 +1411,31 @@ const ur = ({
     x.current && clearTimeout(x.current);
   }, []);
   const q = (v) => {
-    v.stopPropagation(), i || (u(!y), d(null), x.current && (clearTimeout(x.current), x.current = null));
+    v.stopPropagation(), c || (u(!y), i(null), x.current && (clearTimeout(x.current), x.current = null));
   }, K = (v, T, m) => {
-    v.stopPropagation(), !T.disabled && !T.divider && (!T.children || T.children.length === 0) && (a?.(T.value, m), u(!1), d(null));
+    v.stopPropagation(), !T.disabled && !T.divider && (!T.children || T.children.length === 0) && (a?.(T.value, m), u(!1), i(null));
   }, H = (v) => {
-    x.current && (clearTimeout(x.current), x.current = null), v.children && v.children.length > 0 ? d(v.value) : d(null);
+    x.current && (clearTimeout(x.current), x.current = null), v.children && v.children.length > 0 ? i(v.value) : i(null);
   }, F = (v) => {
     v.children && v.children.length > 0 ? x.current = setTimeout(() => {
-      d(null);
-    }, 150) : d(null);
+      i(null);
+    }, 150) : i(null);
   }, E = (v, T, m) => {
-    v.stopPropagation(), !T.disabled && !T.divider && (a?.(T.value, m), u(!1), d(null));
+    v.stopPropagation(), !T.disabled && !T.divider && (a?.(T.value, m), u(!1), i(null));
   }, J = g(
     "absolute z-50 min-w-[200px] bg-white dark:bg-gray-800 rounded-md shadow-xs border border-gray-100 dark:border-gray-600",
     "max-h-60 overflow-auto",
     {
-      "top-full left-0 mt-2": o === "bottom-start",
-      "top-full right-0 mt-2": o === "bottom-end",
-      "bottom-full left-0 mb-2": o === "top-start",
-      "bottom-full right-0 mb-2": o === "top-end"
+      "top-full left-0 mt-2": s === "bottom-start",
+      "top-full right-0 mt-2": s === "bottom-end",
+      "bottom-full left-0 mb-2": s === "top-start",
+      "bottom-full right-0 mb-2": s === "top-end"
     }
   ), z = g(
     "fixed z-[60] min-w-[200px] bg-white dark:bg-gray-800 rounded-md shadow-lg border border-gray-100 dark:border-gray-600",
     "max-h-60 overflow-auto"
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "div",
     {
       ref: N,
@@ -1449,14 +1449,14 @@ const ur = ({
           {
             ref: k,
             onClick: q,
-            disabled: i,
+            disabled: c,
             className: g("inline-flex items-center justify-center", {
-              "opacity-50 cursor-not-allowed": i
+              "opacity-50 cursor-not-allowed": c
             }),
             children: r
           }
         ),
-        y && /* @__PURE__ */ e("div", { className: J, children: /* @__PURE__ */ c("div", { className: "p-2", children: [
+        y && /* @__PURE__ */ e("div", { className: J, children: /* @__PURE__ */ d("div", { className: "p-2", children: [
           p && (typeof p == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider px-3 py-2", children: p }) : p),
           n.map((v, T) => {
             if (v.divider)
@@ -1468,8 +1468,8 @@ const ur = ({
                 `divider-${T}`
               );
             const m = v.children && v.children.length > 0, $ = l === v.value;
-            return /* @__PURE__ */ c("div", { className: "relative group", children: [
-              /* @__PURE__ */ c(
+            return /* @__PURE__ */ d("div", { className: "relative group", children: [
+              /* @__PURE__ */ d(
                 "button",
                 {
                   "data-option-value": v.value,
@@ -1485,14 +1485,14 @@ const ur = ({
                     }
                   ),
                   children: [
-                    /* @__PURE__ */ c("div", { className: "flex items-center space-x-2 min-w-0", children: [
+                    /* @__PURE__ */ d("div", { className: "flex items-center space-x-2 min-w-0", children: [
                       v.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: v.icon }),
-                      /* @__PURE__ */ c("div", { className: "flex flex-col items-start min-w-0", children: [
+                      /* @__PURE__ */ d("div", { className: "flex flex-col items-start min-w-0", children: [
                         /* @__PURE__ */ e("span", { className: "font-base truncate", children: v.label }),
                         v.description && /* @__PURE__ */ e("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: v.description })
                       ] })
                     ] }),
-                    /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
+                    /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
                       b && t === v.value && /* @__PURE__ */ e("span", { className: "h-4 w-4 text-green-600 flex-shrink-0 text-sm font-bold", children: "✓" }),
                       m && /* @__PURE__ */ e("span", { className: "text-gray-400 dark:text-gray-500 text-xs", children: "▶" })
                     ] })
@@ -1509,11 +1509,11 @@ const ur = ({
                     left: `${f.left}px`
                   },
                   onMouseEnter: () => {
-                    x.current && (clearTimeout(x.current), x.current = null), d(v.value);
+                    x.current && (clearTimeout(x.current), x.current = null), i(v.value);
                   },
                   onMouseLeave: () => {
                     x.current = setTimeout(() => {
-                      d(null);
+                      i(null);
                     }, 150);
                   },
                   children: /* @__PURE__ */ e("div", { className: "p-2", children: v.children.map((L, D) => {
@@ -1528,7 +1528,7 @@ const ur = ({
                     const P = typeof t == "object" && t[v.value] && t[v.value].includes(
                       L.value
                     ) || t === L.value;
-                    return /* @__PURE__ */ c(
+                    return /* @__PURE__ */ d(
                       "button",
                       {
                         onClick: (M) => E(
@@ -1544,9 +1544,9 @@ const ur = ({
                           }
                         ),
                         children: [
-                          /* @__PURE__ */ c("div", { className: "flex items-center space-x-2 min-w-0", children: [
+                          /* @__PURE__ */ d("div", { className: "flex items-center space-x-2 min-w-0", children: [
                             L.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: L.icon }),
-                            /* @__PURE__ */ c("div", { className: "flex flex-col items-start min-w-0", children: [
+                            /* @__PURE__ */ d("div", { className: "flex flex-col items-start min-w-0", children: [
                               /* @__PURE__ */ e("span", { className: "font-base truncate", children: L.label }),
                               L.description && /* @__PURE__ */ e("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: L.description })
                             ] })
@@ -1567,7 +1567,7 @@ const ur = ({
               const $ = m.children ? m.children.filter((L) => !L.divider).length : 0;
               return T + 1 + $;
             }, 0);
-            return v > 1 && /* @__PURE__ */ e("div", { className: "border-t border-gray-200 dark:border-gray-600 mt-2 pt-2", children: /* @__PURE__ */ c("div", { className: "text-xs text-gray-500 dark:text-gray-400 px-3 py-1", children: [
+            return v > 1 && /* @__PURE__ */ e("div", { className: "border-t border-gray-200 dark:border-gray-600 mt-2 pt-2", children: /* @__PURE__ */ d("div", { className: "text-xs text-gray-500 dark:text-gray-400 px-3 py-1", children: [
               v,
               " options available"
             ] }) });
@@ -1701,7 +1701,7 @@ const ur = ({
       }
     )
   }
-), $e = () => /* @__PURE__ */ e(
+), ze = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1720,7 +1720,7 @@ const ur = ({
   }
 ), yr = (r) => {
   const n = (a) => r.multiSelect && Array.isArray(r.value) ? r.value?.includes(a) : r.value === a, t = (a) => {
-    r.multiSelect && Array.isArray(r.value) ? r.onChange(r.value.filter((o) => o !== a)) : r.onChange(a);
+    r.multiSelect && Array.isArray(r.value) ? r.onChange(r.value.filter((s) => s !== a)) : r.onChange(a);
   };
   return r.type === "date" ? /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-[160px]", children: /* @__PURE__ */ e(
     ye,
@@ -1731,15 +1731,15 @@ const ur = ({
       placeholder: r.placeholder || `Select ${r.label.toLowerCase()}`,
       className: "min-w-[160px] btn btn o__secondary"
     }
-  ) }) : /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-[240px]", children: /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ c("details", { className: "group", children: [
-    /* @__PURE__ */ c("summary", { className: "flex items-center space-x-2 cursor-pointer hover:bg-white rounded-full px-3 py-2 text-sm btn btn o__secondary", children: [
+  ) }) : /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-[240px]", children: /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ d("details", { className: "group", children: [
+    /* @__PURE__ */ d("summary", { className: "flex items-center space-x-2 cursor-pointer hover:bg-white rounded-full px-3 py-2 text-sm btn btn o__secondary", children: [
       /* @__PURE__ */ e("span", { children: r.label }),
       /* @__PURE__ */ e("span", { className: "text-gray-800", children: r.multiSelect && Array.isArray(r.value) ? r.value?.map(
-        (a) => r.options?.find((o) => o.value === a)?.label
+        (a) => r.options?.find((s) => s.value === a)?.label
       ).join(", ") : r.options?.find((a) => a.value === r.value)?.label }),
-      /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e($e, {}) })
+      /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(ze, {}) })
     ] }),
-    /* @__PURE__ */ c("div", { className: "absolute z-10 left-0 mt-1 bg-white border border-gray-100 rounded-lg shadow-sm p-2 w-48", children: [
+    /* @__PURE__ */ d("div", { className: "absolute z-10 left-0 mt-1 bg-white border border-gray-100 rounded-lg shadow-sm p-2 w-48", children: [
       r.options?.map((a) => /* @__PURE__ */ e(
         "button",
         {
@@ -1765,20 +1765,20 @@ const ur = ({
       )
     ] })
   ] }) }) });
-}, Se = ({
+}, Le = ({
   data: r,
   columns: n,
   loading: t = !1,
   searchable: a = !1,
-  searchPlaceholder: o = "Search...",
-  filters: i = [],
+  searchPlaceholder: s = "Search...",
+  filters: c = [],
   paginated: h = !1,
   pageSizeOptions: b = [10, 25, 50, 100],
   defaultPageSize: p = 10,
   actions: y = [],
   onRowClick: u,
   selectable: l = !1,
-  selectedRows: d = [],
+  selectedRows: i = [],
   onSelectionChange: f,
   getRowKey: C = (H, F) => F,
   emptyContent: N,
@@ -1788,81 +1788,81 @@ const ur = ({
   className: q,
   rowClassName: K
 }) => {
-  const [H, F] = _(""), [E, J] = _({
+  const [H, F] = V(""), [E, J] = V({
     column: null,
     direction: null
-  }), [z, v] = _({
+  }), [z, v] = V({
     page: 0,
     pageSize: p
   }), T = X(null), m = ie(() => {
-    let s = r;
+    let o = r;
     if (a && H.trim()) {
       const w = n.filter(
         (R) => R.searchable !== !1
-      ), O = H.toLowerCase();
-      s = s.filter((R) => w.some((j) => {
+      ), _ = H.toLowerCase();
+      o = o.filter((R) => w.some((j) => {
         const Y = typeof j.accessor == "function" ? j.accessor(R) : R[j.accessor];
-        return String(Y || "").toLowerCase().includes(O);
+        return String(Y || "").toLowerCase().includes(_);
       }));
     }
-    return i.forEach((w) => {
-      w.value && w.value !== "all" && (s = s.filter((O) => {
+    return c.forEach((w) => {
+      w.value && w.value !== "all" && (o = o.filter((_) => {
         const R = n.find((Y) => Y.id === w.id);
         if (!R) return !0;
-        const j = typeof R.accessor == "function" ? R.accessor(O) : O[R.accessor];
+        const j = typeof R.accessor == "function" ? R.accessor(_) : _[R.accessor];
         return String(j || "") === w.value;
       }));
-    }), s;
-  }, [r, H, n, a, i]), $ = ie(() => {
+    }), o;
+  }, [r, H, n, a, c]), $ = ie(() => {
     if (!E.column || !E.direction) return m;
-    const s = n.find((w) => w.id === E.column);
-    return s ? [...m].sort((w, O) => {
-      const R = typeof s.accessor == "function" ? s.accessor(w) : w[s.accessor], j = typeof s.accessor == "function" ? s.accessor(O) : O[s.accessor];
+    const o = n.find((w) => w.id === E.column);
+    return o ? [...m].sort((w, _) => {
+      const R = typeof o.accessor == "function" ? o.accessor(w) : w[o.accessor], j = typeof o.accessor == "function" ? o.accessor(_) : _[o.accessor];
       let Y = 0;
       return R < j ? Y = -1 : R > j && (Y = 1), E.direction === "desc" ? -Y : Y;
     }) : m;
   }, [m, E, n]), L = ie(() => {
     if (!h) return $;
-    const s = z.page * z.pageSize, w = s + z.pageSize;
-    return $.slice(s, w);
+    const o = z.page * z.pageSize, w = o + z.pageSize;
+    return $.slice(o, w);
   }, [$, z, h]), D = ae(
-    (s) => {
-      n.find((O) => O.id === s)?.sortable && J((O) => O.column !== s ? { column: s, direction: "asc" } : O.direction === "asc" ? { column: s, direction: "desc" } : { column: null, direction: null });
+    (o) => {
+      n.find((_) => _.id === o)?.sortable && J((_) => _.column !== o ? { column: o, direction: "asc" } : _.direction === "asc" ? { column: o, direction: "desc" } : { column: null, direction: null });
     },
     [n]
-  ), P = ae((s) => {
-    v((w) => ({ ...w, page: s }));
-  }, []), M = ae((s) => {
-    v({ page: 0, pageSize: s });
+  ), P = ae((o) => {
+    v((w) => ({ ...w, page: o }));
+  }, []), M = ae((o) => {
+    v({ page: 0, pageSize: o });
   }, []), re = ae(
-    (s, w) => {
+    (o, w) => {
       if (!f) return;
-      const O = C(s, 0);
-      d.map((R, j) => C(R, j)), f(w ? [...d, s] : d.filter(
-        (R, j) => C(d[j], j) !== O
+      const _ = C(o, 0);
+      i.map((R, j) => C(R, j)), f(w ? [...i, o] : i.filter(
+        (R, j) => C(i[j], j) !== _
       ));
     },
-    [d, f, C]
+    [i, f, C]
   ), ne = ae(
-    (s) => {
-      f && f(s ? [...L] : []);
+    (o) => {
+      f && f(o ? [...L] : []);
     },
     [L, f]
   );
   G(() => {
-    v((s) => ({ ...s, page: 0 }));
+    v((o) => ({ ...o, page: 0 }));
   }, [H, E]), G(() => {
-    v((s) => ({ ...s, page: 0 }));
-  }, [i.map((s) => s.value).join(",")]);
-  const W = $.length, S = Math.ceil(W / z.pageSize), I = z.page * z.pageSize + 1, V = Math.min(I + z.pageSize - 1, W), A = L.length > 0 && L.every((s) => {
-    const w = C(s, 0);
-    return d.some(
-      (O, R) => C(O, R) === w
+    v((o) => ({ ...o, page: 0 }));
+  }, [c.map((o) => o.value).join(",")]);
+  const W = $.length, S = Math.ceil(W / z.pageSize), I = z.page * z.pageSize + 1, O = Math.min(I + z.pageSize - 1, W), A = L.length > 0 && L.every((o) => {
+    const w = C(o, 0);
+    return i.some(
+      (_, R) => C(_, R) === w
     );
-  }), Q = L.some((s) => {
-    const w = C(s, 0);
-    return d.some(
-      (O, R) => C(O, R) === w
+  }), Q = L.some((o) => {
+    const w = C(o, 0);
+    return i.some(
+      (_, R) => C(_, R) === w
     );
   }), te = g(
     "w-full text-sm leading-5 text-[var(--text-default)] border-collapse",
@@ -1873,21 +1873,21 @@ const ur = ({
     "hover:bg-[var(--neutral-container)] dark:hover:bg-[var(--neutral-container-emphasis)]": k,
     "cursor-pointer": u
   });
-  return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
-    (a || i.length > 0) && /* @__PURE__ */ e("div", { className: "pt-4 pb-2", children: /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-4 items-start", children: [
-      i.map((s) => /* @__PURE__ */ e(yr, { ...s }, s.id)),
+  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+    (a || c.length > 0) && /* @__PURE__ */ e("div", { className: "pt-4 pb-2", children: /* @__PURE__ */ d("div", { className: "flex flex-wrap gap-4 items-start", children: [
+      c.map((o) => /* @__PURE__ */ e(yr, { ...o }, o.id)),
       /* @__PURE__ */ e("div", { className: "w-full sm:w-auto sm:ml-auto min-w-[200px]", children: /* @__PURE__ */ e(
         ue,
         {
-          placeholder: o,
+          placeholder: s,
           value: H,
-          onChange: (s) => F(s.target.value),
+          onChange: (o) => F(o.target.value),
           startIcon: /* @__PURE__ */ e(mr, {}),
           className: "max-w-sm"
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ c("div", { className: "relative w-full overflow-x-auto min-h-[400px]", children: [
+    /* @__PURE__ */ d("div", { className: "relative w-full overflow-x-auto min-h-[400px]", children: [
       t && /* @__PURE__ */ e("div", { className: "flex items-center justify-center z-10", children: /* @__PURE__ */ e(
         ir,
         {
@@ -1896,21 +1896,21 @@ const ur = ({
           tableColumns: n.length
         }
       ) }),
-      /* @__PURE__ */ c("table", { ref: T, className: g(te, "min-w-full"), children: [
-        /* @__PURE__ */ e("thead", { className: U, children: /* @__PURE__ */ c("tr", { children: [
+      /* @__PURE__ */ d("table", { ref: T, className: g(te, "min-w-full"), children: [
+        /* @__PURE__ */ e("thead", { className: U, children: /* @__PURE__ */ d("tr", { children: [
           l && /* @__PURE__ */ e("th", { className: g(le, "w-12"), children: /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
               checked: A,
-              ref: (s) => {
-                s && (s.indeterminate = Q && !A);
+              ref: (o) => {
+                o && (o.indeterminate = Q && !A);
               },
-              onChange: (s) => ne(s.target.checked),
+              onChange: (o) => ne(o.target.checked),
               className: "rounded border-neutral-300 dark:border-neutral-600"
             }
           ) }),
-          !t && n.map((s) => /* @__PURE__ */ e(
+          !t && n.map((o) => /* @__PURE__ */ e(
             "th",
             {
               className: g(
@@ -1918,36 +1918,36 @@ const ur = ({
                 "font-semibold text-xs text-[var(--text-muted)] dark:text-[var(--text-muted)] uppercase tracking-wider",
                 "group",
                 {
-                  "text-left": s.align === "left" || !s.align,
-                  "text-center": s.align === "center",
-                  "text-right": s.align === "right",
-                  "cursor-pointer select-none": s.sortable,
-                  "sticky left-0 bg-white dark:bg-neutral-900": s.sticky === "left",
-                  "sticky right-0 bg-white dark:bg-neutral-900": s.sticky === "right"
+                  "text-left": o.align === "left" || !o.align,
+                  "text-center": o.align === "center",
+                  "text-right": o.align === "right",
+                  "cursor-pointer select-none": o.sortable,
+                  "sticky left-0 bg-white dark:bg-neutral-900": o.sticky === "left",
+                  "sticky right-0 bg-white dark:bg-neutral-900": o.sticky === "right"
                 }
               ),
-              style: { width: s.width },
-              onClick: () => s.sortable && D(s.id),
-              children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-                s.headerCell ? s.headerCell() : s.header,
-                s.sortable && /* @__PURE__ */ c(
+              style: { width: o.width },
+              onClick: () => o.sortable && D(o.id),
+              children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+                o.headerCell ? o.headerCell() : o.header,
+                o.sortable && /* @__PURE__ */ d(
                   "div",
                   {
                     className: g(
                       "flex flex-col opacity-0 group-hover:opacity-100 transition-opacity",
-                      E.column === s.id && "opacity-100"
+                      E.column === o.id && "opacity-100"
                     ),
                     children: [
                       /* @__PURE__ */ e(
                         hr,
                         {
-                          active: E.column === s.id && E.direction === "asc"
+                          active: E.column === o.id && E.direction === "asc"
                         }
                       ),
                       /* @__PURE__ */ e(
                         fr,
                         {
-                          active: E.column === s.id && E.direction === "desc"
+                          active: E.column === o.id && E.direction === "desc"
                         }
                       )
                     ]
@@ -1955,7 +1955,7 @@ const ur = ({
                 )
               ] })
             },
-            s.id
+            o.id
           )),
           y.length > 0 && /* @__PURE__ */ e("th", { className: g(le, "w-20"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
         ] }) }),
@@ -1969,20 +1969,20 @@ const ur = ({
             ),
             children: N || "No data available"
           }
-        ) }) : L.map((s, w) => {
-          const O = C(s, w), R = d.some(
-            (j, Y) => C(j, Y) === O
+        ) }) : L.map((o, w) => {
+          const _ = C(o, w), R = i.some(
+            (j, Y) => C(j, Y) === _
           );
-          return /* @__PURE__ */ c(
+          return /* @__PURE__ */ d(
             "tr",
             {
               className: g(
                 he,
                 { "bg-blue-50 dark:bg-blue-900/20": R },
-                K?.(s, w)
+                K?.(o, w)
               ),
               onClick: (j) => {
-                j.stopPropagation(), u?.(s, w);
+                j.stopPropagation(), u?.(o, w);
               },
               children: [
                 l && /* @__PURE__ */ e("td", { className: le, children: /* @__PURE__ */ e(
@@ -1991,13 +1991,13 @@ const ur = ({
                     type: "checkbox",
                     checked: R,
                     onChange: (j) => {
-                      j.stopPropagation(), re(s, j.target.checked);
+                      j.stopPropagation(), re(o, j.target.checked);
                     },
                     className: "rounded border-neutral-300 dark:border-neutral-600"
                   }
                 ) }),
                 n.map((j) => {
-                  const Y = typeof j.accessor == "function" ? j.accessor(s) : s[j.accessor];
+                  const Y = typeof j.accessor == "function" ? j.accessor(o) : o[j.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
@@ -2008,7 +2008,7 @@ const ur = ({
                         "sticky left-0 bg-white dark:bg-neutral-900": j.sticky === "left",
                         "sticky right-0 bg-white dark:bg-neutral-900": j.sticky === "right"
                       }),
-                      children: j.cell ? j.cell(Y, s, w) : String(Y || "")
+                      children: j.cell ? j.cell(Y, o, w) : String(Y || "")
                     },
                     j.id
                   );
@@ -2016,57 +2016,57 @@ const ur = ({
                 y.length > 0 && /* @__PURE__ */ e("td", { className: le, children: /* @__PURE__ */ e(
                   ur,
                   {
-                    trigger: /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100", children: [
+                    trigger: /* @__PURE__ */ d("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100", children: [
                       /* @__PURE__ */ e("span", { children: "Options" }),
-                      /* @__PURE__ */ e($e, {})
+                      /* @__PURE__ */ e(ze, {})
                     ] }),
                     options: y.map((j) => ({
                       value: j.id,
                       label: j.label,
                       icon: j.icon,
-                      disabled: j.disabled?.(s)
+                      disabled: j.disabled?.(o)
                     })),
                     onSelect: (j) => {
                       const Y = y.find(
                         (fe) => fe.id === j
                       );
-                      Y && Y.onClick(s, w);
+                      Y && Y.onClick(o, w);
                     },
                     placement: "bottom-end"
                   }
                 ) })
               ]
             },
-            O
+            _
           );
         }) })
       ] })
     ] }),
-    h && W > 0 && /* @__PURE__ */ c("div", { className: "flex items-center justify-between px-6", children: [
-      /* @__PURE__ */ c("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ c("span", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: [
+    h && W > 0 && /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-6", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ d("span", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: [
           "Showing ",
           I,
           " to ",
-          V,
+          O,
           " of ",
           W,
           " results"
         ] }),
-        /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: "Rows per page:" }),
           /* @__PURE__ */ e(
             "select",
             {
               value: z.pageSize,
-              onChange: (s) => M(Number(s.target.value)),
+              onChange: (o) => M(Number(o.target.value)),
               className: "border border-[var(--neutral-border)] text-[var(--text-default)] dark:text-[var(--text-on-neutral)] rounded-md px-2 py-1 text-sm bg-[var(--base-input)] dark:bg-[var(--base-input)] w-16",
-              children: b.map((s) => /* @__PURE__ */ e("option", { value: s, children: s }, s))
+              children: b.map((o) => /* @__PURE__ */ e("option", { value: o, children: o }, o))
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
           ee,
           {
@@ -2089,7 +2089,7 @@ const ur = ({
             children: /* @__PURE__ */ e(pr, {})
           }
         ),
-        /* @__PURE__ */ c("span", { className: "px-3 py-1 text-sm text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ d("span", { className: "px-3 py-1 text-sm text-gray-500 dark:text-gray-400", children: [
           "Page ",
           z.page + 1,
           " of ",
@@ -2120,14 +2120,14 @@ const ur = ({
       ] })
     ] })
   ] });
-}, vr = qe(null), et = ({
+}, vr = He(null), et = ({
   items: r,
   activeTab: n,
   onTabChange: t,
   className: a
 }) => {
-  const [o, i] = _(r[0]?.id || ""), h = n || o, b = (p) => {
-    t ? t(p) : i(p);
+  const [s, c] = V(r[0]?.id || ""), h = n || s, b = (p) => {
+    t ? t(p) : c(p);
   };
   return /* @__PURE__ */ e("div", { className: g("border-b border-neutral-200 dark:border-neutral-700", a), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: r.map((p) => /* @__PURE__ */ e(
     "button",
@@ -2142,7 +2142,7 @@ const ur = ({
           "border-transparent text-neutral-300 cursor-not-allowed dark:text-neutral-600": p.disabled
         }
       ),
-      children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
+      children: /* @__PURE__ */ d("span", { className: "flex items-center gap-2", children: [
         p.label,
         p.badge && /* @__PURE__ */ e("span", { className: g(
           "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium",
@@ -2157,52 +2157,52 @@ const ur = ({
   defaultTab: n,
   activeTab: t,
   onTabChange: a,
-  variant: o = "default",
-  size: i = "md",
+  variant: s = "default",
+  size: c = "md",
   className: h
 }) => {
-  const [b, p] = _(
+  const [b, p] = V(
     n || t || r[0]?.id || ""
   ), y = t || b, u = (N) => {
     a ? a(N) : p(N);
   }, l = {
     activeTab: y,
     setActiveTab: u
-  }, d = r.find((N) => N.id === y), f = g(
+  }, i = r.find((N) => N.id === y), f = g(
     "flex",
     {
-      "border-b border-neutral-200 dark:border-neutral-700 px-2": o === "default" || o === "underline",
-      "bg-neutral-100 dark:bg-neutral-800 p-1 rounded-lg": o === "pills",
-      "space-x-1": o === "pills",
-      "space-x-8": o === "default" || o === "underline"
+      "border-b border-neutral-200 dark:border-neutral-700 px-2": s === "default" || s === "underline",
+      "bg-neutral-100 dark:bg-neutral-800 p-1 rounded-lg": s === "pills",
+      "space-x-1": s === "pills",
+      "space-x-8": s === "default" || s === "underline"
     },
     h
   ), C = (N, k) => {
     const B = "transition-colors duration-200 font-medium", x = {
-      "text-xs px-2 py-1": i === "sm",
-      "text-sm px-3 py-2": i === "md",
-      "text-base px-4 py-3": i === "lg"
+      "text-xs px-2 py-1": c === "sm",
+      "text-sm px-3 py-2": c === "md",
+      "text-base px-4 py-3": c === "lg"
     }, q = {
       // Default variant
-      "border-b-2 -mb-px": o === "default",
+      "border-b-2 -mb-px": s === "default",
       // Pills variant
-      "rounded-md": o === "pills",
+      "rounded-md": s === "pills",
       // Underline variant
-      "border-b-2 pb-2": o === "underline"
+      "border-b-2 pb-2": s === "underline"
     }, K = {
       "opacity-50 cursor-not-allowed": N.disabled,
       "cursor-pointer": !N.disabled
     }, H = k ? {
-      "border-primary text-primary": o === "default" || o === "underline",
-      "bg-white dark:bg-neutral-700 text-neutral-900 dark:text-neutral-100 shadow-sm": o === "pills"
+      "border-primary text-primary": s === "default" || s === "underline",
+      "bg-white dark:bg-neutral-700 text-neutral-900 dark:text-neutral-100 shadow-sm": s === "pills"
     } : {}, F = !k && !N.disabled ? {
-      "border-transparent text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100": o === "default",
-      "text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100": o === "pills",
-      "border-transparent text-neutral-600 hover:text-neutral-900 hover:border-neutral-300 dark:text-neutral-400 dark:hover:text-neutral-100": o === "underline"
+      "border-transparent text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100": s === "default",
+      "text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100": s === "pills",
+      "border-transparent text-neutral-600 hover:text-neutral-900 hover:border-neutral-300 dark:text-neutral-400 dark:hover:text-neutral-100": s === "underline"
     } : {};
     return g(B, x, q, K, H, F);
   };
-  return /* @__PURE__ */ e(vr.Provider, { value: l, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(vr.Provider, { value: l, children: /* @__PURE__ */ d("div", { children: [
     /* @__PURE__ */ e("div", { className: f, role: "tablist", children: r.map((N) => /* @__PURE__ */ e(
       "button",
       {
@@ -2213,21 +2213,21 @@ const ur = ({
         disabled: N.disabled,
         onClick: () => !N.disabled && u(N.id),
         className: C(N, y === N.id),
-        children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ d("span", { className: "flex items-center gap-2", children: [
           N.label,
           N.badge && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-neutral-200 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-300", children: N.badge })
         ] })
       },
       N.id
     )) }),
-    d?.content && /* @__PURE__ */ e(
+    i?.content && /* @__PURE__ */ e(
       "div",
       {
         role: "tabpanel",
         id: `tabpanel-${y}`,
         "aria-labelledby": `tab-${y}`,
         className: "mt-4",
-        children: d.content
+        children: i.content
       }
     )
   ] }) });
@@ -2243,26 +2243,26 @@ function wr({
   onClose: n,
   title: t,
   size: a = "md",
-  closeOnBackdropClick: o = !0,
-  closeOnEscape: i = !0,
+  closeOnBackdropClick: s = !0,
+  closeOnEscape: c = !0,
   className: h,
   backdropClassName: b,
   children: p,
   footer: y,
   showCloseButton: u = !0
 }) {
-  const l = X(null), d = X(null);
+  const l = X(null), i = X(null);
   G(() => {
-    if (!r || !i) return;
+    if (!r || !c) return;
     const C = (N) => {
       N.key === "Escape" && n();
     };
     return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [r, i, n]), G(() => (r ? (d.current = document.activeElement, l.current && l.current.focus(), document.body.style.overflow = "hidden") : (d.current && d.current.focus(), document.body.style.overflow = ""), () => {
+  }, [r, c, n]), G(() => (r ? (i.current = document.activeElement, l.current && l.current.focus(), document.body.style.overflow = "hidden") : (i.current && i.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [r]);
   const f = (C) => {
-    o && C.target === C.currentTarget && n();
+    s && C.target === C.currentTarget && n();
   };
   return r ? /* @__PURE__ */ e(
     "div",
@@ -2274,7 +2274,7 @@ function wr({
         b
       ),
       onClick: f,
-      children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ d(
         "div",
         {
           ref: l,
@@ -2290,7 +2290,7 @@ function wr({
           "aria-labelledby": t ? "modal-title" : void 0,
           tabIndex: -1,
           children: [
-            (t || u) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between p-6 pb-0", children: [
+            (t || u) && /* @__PURE__ */ d("div", { className: "flex items-center justify-between p-6 pb-0", children: [
               t && /* @__PURE__ */ e(
                 "span",
                 {
@@ -2322,15 +2322,15 @@ const Z = ({
   size: n = "md",
   weight: t = "normal",
   color: a = "current",
-  align: o = "left",
-  truncate: i = !1,
+  align: s = "left",
+  truncate: c = !1,
   italic: h = !1,
   underline: b = !1,
   lineHeight: p = "normal",
   as: y,
   className: u,
   children: l,
-  ...d
+  ...i
 }) => {
   const f = y || Cr(r), C = g(
     // Base styles
@@ -2373,10 +2373,10 @@ const Z = ({
     },
     // Alignment
     {
-      "text-left": o === "left",
-      "text-center": o === "center",
-      "text-right": o === "right",
-      "text-justify": o === "justify"
+      "text-left": s === "left",
+      "text-center": s === "center",
+      "text-right": s === "right",
+      "text-justify": s === "justify"
     },
     // Line height (override variant line heights)
     r === "body" && {
@@ -2388,11 +2388,11 @@ const Z = ({
     {
       italic: h,
       underline: b,
-      truncate: i
+      truncate: c
     },
     u
   );
-  return /* @__PURE__ */ e(f, { className: C, ...d, children: l });
+  return /* @__PURE__ */ e(f, { className: C, ...i, children: l });
 };
 function Cr(r) {
   return {
@@ -2407,8 +2407,8 @@ const Sr = ({
   onChange: n,
   label: t,
   placeholder: a = "Select or upload a file",
-  error: o,
-  disabled: i,
+  error: s,
+  disabled: c,
   accept: h,
   onListFiles: b,
   onListMounts: p,
@@ -2416,21 +2416,21 @@ const Sr = ({
   onDownloadFile: u,
   onRegisterFile: l
 }) => {
-  const [d, f] = _(!1), [C, N] = _([]), [k, B] = _(null), [x, q] = _("/"), [K, H] = _([]), [F, E] = _(!1), [J, z] = _(""), [v, T] = _(
+  const [i, f] = V(!1), [C, N] = V([]), [k, B] = V(null), [x, q] = V("/"), [K, H] = V([]), [F, E] = V(!1), [J, z] = V(""), [v, T] = V(
     typeof r == "object" ? r : null
-  ), [m, $] = _(!1), [L, D] = _(""), P = X(null);
+  ), [m, $] = V(!1), [L, D] = V(""), P = X(null);
   G(() => {
-    d && M();
-  }, [d]), G(() => {
-    d && k && re();
-  }, [d, k, x, J]);
+    i && M();
+  }, [i]), G(() => {
+    i && k && re();
+  }, [i, k, x, J]);
   const M = async () => {
     E(!0);
     try {
-      const s = await p?.();
-      s?.data && N(s.data);
-    } catch (s) {
-      console.error("Failed to load mounts", s);
+      const o = await p?.();
+      o?.data && N(o.data);
+    } catch (o) {
+      console.error("Failed to load mounts", o);
     } finally {
       E(!1);
     }
@@ -2438,20 +2438,20 @@ const Sr = ({
     if (k) {
       E(!0);
       try {
-        const s = await b?.({ mountId: k.id, name: J, path: x });
-        s?.data && H(s.data);
-      } catch (s) {
-        console.error("Failed to load files", s);
+        const o = await b?.({ mountId: k.id, name: J, path: x });
+        o?.data && H(o.data);
+      } catch (o) {
+        console.error("Failed to load files", o);
       } finally {
         E(!1);
       }
     }
-  }, ne = async (s) => {
-    const w = s.target.files?.[0];
+  }, ne = async (o) => {
+    const w = o.target.files?.[0];
     if (w) {
       E(!0);
       try {
-        const O = await w.arrayBuffer(), R = new Uint8Array(O), j = {
+        const _ = await w.arrayBuffer(), R = new Uint8Array(_), j = {
           id: `local-${Date.now()}`,
           name: w.name,
           type: "file",
@@ -2463,19 +2463,19 @@ const Sr = ({
           ownerId: "me"
         };
         T(j), n(j, R), f(!1);
-      } catch (O) {
-        console.error("Local file selection failed", O);
+      } catch (_) {
+        console.error("Local file selection failed", _);
       } finally {
         E(!1);
       }
     }
-  }, W = async (s) => {
-    const w = s.target.files?.[0];
+  }, W = async (o) => {
+    const w = o.target.files?.[0];
     if (!(!w || !k)) {
       E(!0);
       try {
-        const O = await w.arrayBuffer(), R = await y?.({
-          file: new Uint8Array(O),
+        const _ = await w.arrayBuffer(), R = await y?.({
+          file: new Uint8Array(_),
           filename: w.name,
           mimeType: w.type || "application/octet-stream",
           mountId: k.id,
@@ -2483,10 +2483,10 @@ const Sr = ({
         });
         if (R?.data) {
           const j = R.data;
-          T(j), n(j, new Uint8Array(O)), f(!1);
+          T(j), n(j, new Uint8Array(_)), f(!1);
         }
-      } catch (O) {
-        console.error("Upload failed", O);
+      } catch (_) {
+        console.error("Upload failed", _);
       } finally {
         E(!1);
       }
@@ -2495,7 +2495,7 @@ const Sr = ({
     if (!(!L || !k)) {
       E(!0);
       try {
-        const s = `${x}${L}/`;
+        const o = `${x}${L}/`;
         l && (await l({
           name: L,
           type: "folder",
@@ -2503,96 +2503,96 @@ const Sr = ({
           mimeType: "application/x-directory",
           size: 0,
           mountId: k.id,
-          providerKey: s,
+          providerKey: o,
           ownerId: "me"
         }), await re()), $(!1), D("");
-      } catch (s) {
-        console.error("Failed to create folder", s);
+      } catch (o) {
+        console.error("Failed to create folder", o);
       } finally {
         E(!1);
       }
     }
-  }, I = async (s) => {
+  }, I = async (o) => {
     E(!0);
     try {
-      const w = await u?.(s.id);
-      T(s), n(s, w), f(!1);
+      const w = await u?.(o.id);
+      T(o), n(o, w), f(!1);
     } catch (w) {
       console.error("Failed to download file", w);
     } finally {
       E(!1);
     }
-  }, V = (s) => {
-    s.stopPropagation(), T(null), n(null);
+  }, O = (o) => {
+    o.stopPropagation(), T(null), n(null);
   }, A = ie(() => {
-    const s = /* @__PURE__ */ new Set(), w = [];
-    return K.forEach((O) => {
-      if (O.type === "folder") {
-        O.path === x && s.add(O.name);
+    const o = /* @__PURE__ */ new Set(), w = [];
+    return K.forEach((_) => {
+      if (_.type === "folder") {
+        _.path === x && o.add(_.name);
         return;
       }
-      const R = O.providerKey || O.name, Y = (x ? R.substring(x.length) : R).split("/").filter((fe) => fe !== "");
-      Y.length > 1 ? s.add(Y[0]) : Y.length === 1 && w.push(O);
+      const R = _.providerKey || _.name, Y = (x ? R.substring(x.length) : R).split("/").filter((fe) => fe !== "");
+      Y.length > 1 ? o.add(Y[0]) : Y.length === 1 && w.push(_);
     }), {
-      folders: Array.from(s).sort(),
-      files: w.sort((O, R) => O.name.localeCompare(R.name))
+      folders: Array.from(o).sort(),
+      files: w.sort((_, R) => _.name.localeCompare(R.name))
     };
-  }, [K, x]), Q = (s) => {
-    q((w) => `${w}${s}/`);
+  }, [K, x]), Q = (o) => {
+    q((w) => `${w}${o}/`);
   }, te = () => {
-    const s = x.split("/").filter((w) => w !== "");
-    s.pop(), s.length === 0 ? q("/") : q(`${s.join("/")}/`);
+    const o = x.split("/").filter((w) => w !== "");
+    o.pop(), o.length === 0 ? q("/") : q(`${o.join("/")}/`);
   }, U = ie(() => {
-    const s = A.folders.map((w) => ({
+    const o = A.folders.map((w) => ({
       id: `folder-${w}`,
       name: w,
       type: "folder"
     }));
     return A.files.forEach((w) => {
-      s.push({
+      o.push({
         ...w,
         type: "file"
       });
-    }), s;
+    }), o;
   }, [A]), le = [
     {
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: (s, w) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      cell: (o, w) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           oe,
           {
-            icon: w.type === "folder" ? we : pe,
+            icon: w.type === "folder" ? Ce : pe,
             size: "sm",
             color: w.type === "folder" ? "warning" : "secondary"
           }
         ),
-        /* @__PURE__ */ e("span", { className: g(w.type === "folder" && "font-medium"), children: s })
+        /* @__PURE__ */ e("span", { className: g(w.type === "folder" && "font-medium"), children: o })
       ] })
     },
     {
       id: "type",
       header: "Type",
-      accessor: (s) => s.type === "folder" ? "Folder" : s.mimeType
+      accessor: (o) => o.type === "folder" ? "Folder" : o.mimeType
     },
     {
       id: "size",
       header: "Size",
-      accessor: (s) => s.type === "file" ? `${(s.size / 1024).toFixed(1)} KB` : "-"
+      accessor: (o) => o.type === "file" ? `${(o.size / 1024).toFixed(1)} KB` : "-"
     },
     {
       id: "actions",
       header: "",
       accessor: "id",
       align: "right",
-      cell: (s, w) => /* @__PURE__ */ e(
+      cell: (o, w) => /* @__PURE__ */ e(
         ee,
         {
           size: "sm",
           variant: "outline",
-          onClick: (O) => {
-            O.stopPropagation(), w.type === "folder" ? Q(w.name) : I(w);
+          onClick: (_) => {
+            _.stopPropagation(), w.type === "folder" ? Q(w.name) : I(w);
           },
           loading: F && w.type === "file" && v?.id === w.id,
           children: w.type === "folder" ? "Open" : "Select"
@@ -2604,9 +2604,9 @@ const Sr = ({
       id: "name",
       header: "Mount Name",
       accessor: "name",
-      cell: (s) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(oe, { icon: Ne, size: "sm", color: "primary" }),
-        /* @__PURE__ */ e("span", { children: s })
+      cell: (o) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2 font-medium", children: [
+        /* @__PURE__ */ e(oe, { icon: we, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e("span", { children: o })
       ] })
     },
     {
@@ -2614,28 +2614,28 @@ const Sr = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (s, w) => /* @__PURE__ */ e(ee, { size: "sm", variant: "outline", onClick: () => B(w), children: "Open" })
+      cell: (o, w) => /* @__PURE__ */ e(ee, { size: "sm", variant: "outline", onClick: () => B(w), children: "Open" })
     }
   ];
-  return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+  return /* @__PURE__ */ d("div", { className: "space-y-1", children: [
     t && /* @__PURE__ */ e(Z, { variant: "label", size: "sm", weight: "medium", children: t }),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ d(
       "div",
       {
-        onClick: () => !i && f(!0),
+        onClick: () => !c && f(!0),
         className: g(
           "flex items-center gap-3 px-3 py-2 border rounded-lg cursor-pointer transition-colors",
           "hover:border-primary-400 bg-white dark:bg-secondary-800",
-          o ? "border-error" : "border-neutral-200 dark:border-neutral-700",
-          i && "opacity-50 cursor-not-allowed bg-neutral-50"
+          s ? "border-error" : "border-neutral-200 dark:border-neutral-700",
+          c && "opacity-50 cursor-not-allowed bg-neutral-50"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(oe, { icon: v ? pe : Ne, color: v ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(oe, { icon: v ? pe : we, color: v ? "primary" : "secondary" }) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: v ? /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 dark:text-neutral-100 font-medium", children: v.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-neutral-500", children: a }) }),
-          v && !i && /* @__PURE__ */ e(
+          v && !c && /* @__PURE__ */ e(
             "button",
             {
-              onClick: V,
+              onClick: O,
               className: "p-1 hover:bg-neutral-100 dark:hover:bg-neutral-700 rounded",
               children: /* @__PURE__ */ e(oe, { icon: Oe, size: "xs" })
             }
@@ -2643,11 +2643,11 @@ const Sr = ({
         ]
       }
     ),
-    o && /* @__PURE__ */ e(Z, { variant: "body", size: "xs", className: "text-error", children: o }),
+    s && /* @__PURE__ */ e(Z, { variant: "body", size: "xs", className: "text-error", children: s }),
     /* @__PURE__ */ e(
       wr,
       {
-        open: d,
+        open: i,
         onClose: () => {
           f(!1), B(null), q("/"), $(!1);
         },
@@ -2661,8 +2661,8 @@ const Sr = ({
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: k ? /* @__PURE__ */ c(Me, { children: [
-                  /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: k ? /* @__PURE__ */ d(Ee, { children: [
+                  /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       ee,
                       {
@@ -2671,7 +2671,7 @@ const Sr = ({
                         onClick: () => {
                           x && x !== "/" ? te() : B(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(oe, { icon: Ee, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(oe, { icon: Ne, size: "xs" }),
                         children: x ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2681,20 +2681,20 @@ const Sr = ({
                       {
                         placeholder: "Search...",
                         value: J,
-                        onChange: (s) => z(s.target.value),
+                        onChange: (o) => z(o.target.value),
                         startIcon: /* @__PURE__ */ e(Ve, { size: 14 }),
                         fullWidth: !0,
                         size: "sm"
                       }
                     ) }),
-                    /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
                       /* @__PURE__ */ e(
                         ee,
                         {
                           variant: "outline",
                           size: "sm",
                           onClick: () => $(!0),
-                          leftIcon: /* @__PURE__ */ e(oe, { icon: _e, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(oe, { icon: Fe, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -2704,7 +2704,7 @@ const Sr = ({
                           variant: "primary",
                           size: "sm",
                           onClick: () => P.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(oe, { icon: Fe, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(oe, { icon: We, size: "xs" }),
                           loading: F,
                           children: "Upload"
                         }
@@ -2721,15 +2721,15 @@ const Sr = ({
                       )
                     ] })
                   ] }),
-                  m && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-neutral-50 dark:bg-neutral-900 rounded-lg border border-neutral-200 dark:border-neutral-700", children: [
-                    /* @__PURE__ */ e(oe, { icon: we, size: "sm", color: "warning" }),
+                  m && /* @__PURE__ */ d("div", { className: "flex items-center gap-2 p-3 bg-neutral-50 dark:bg-neutral-900 rounded-lg border border-neutral-200 dark:border-neutral-700", children: [
+                    /* @__PURE__ */ e(oe, { icon: Ce, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       ue,
                       {
                         size: "sm",
                         placeholder: "Folder name",
                         value: L,
-                        onChange: (s) => D(s.target.value),
+                        onChange: (o) => D(o.target.value),
                         autoFocus: !0
                       }
                     ),
@@ -2737,43 +2737,43 @@ const Sr = ({
                     /* @__PURE__ */ e(ee, { size: "sm", variant: "ghost", onClick: () => $(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-[400px] overflow-auto rounded-lg border border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ e(
-                    Se,
+                    Le,
                     {
                       data: U,
                       columns: le,
                       loading: F,
                       emptyContent: "This folder is empty",
-                      onRowClick: (s) => s.type === "folder" ? Q(s.name) : I(s)
+                      onRowClick: (o) => o.type === "folder" ? Q(o.name) : I(o)
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-[400px] overflow-auto rounded-lg border border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ e(
-                  Se,
+                  Le,
                   {
                     data: C,
                     columns: he,
                     loading: F,
                     emptyContent: "No storage mounts configured",
-                    onRowClick: (s) => B(s)
+                    onRowClick: (o) => B(o)
                   }
                 ) }) })
               },
               {
                 id: "local",
                 label: "Local File",
-                content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-neutral-200 dark:border-neutral-700 rounded-xl bg-neutral-50 dark:bg-secondary-900/50", children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-neutral-200 dark:border-neutral-700 rounded-xl bg-neutral-50 dark:bg-secondary-900/50", children: [
                   /* @__PURE__ */ e("div", { className: "p-4 bg-primary/10 rounded-full mb-4", children: /* @__PURE__ */ e(oe, { icon: pe, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(Z, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
-                  /* @__PURE__ */ c(Z, { variant: "body", size: "sm", className: "text-neutral-500 mt-1 mb-6 text-center max-w-xs", children: [
+                  /* @__PURE__ */ d(Z, { variant: "body", size: "sm", className: "text-neutral-500 mt-1 mb-6 text-center max-w-xs", children: [
                     "This file will be used directly in the form and will ",
                     /* @__PURE__ */ e("strong", { children: "not" }),
                     " be uploaded to platform storage."
                   ] }),
-                  /* @__PURE__ */ c("label", { className: "cursor-pointer", children: [
-                    /* @__PURE__ */ c("div", { className: g(
+                  /* @__PURE__ */ d("label", { className: "cursor-pointer", children: [
+                    /* @__PURE__ */ d("div", { className: g(
                       "inline-flex items-center justify-center font-medium rounded-lg transition-colors duration-200 px-6 py-3 text-base bg-primary text-white hover:bg-primary-600",
                       F && "opacity-50 cursor-wait"
                     ), children: [
-                      F && /* @__PURE__ */ c("svg", { className: "animate-spin h-4 w-4 mr-2", fill: "none", viewBox: "0 0 24 24", children: [
+                      F && /* @__PURE__ */ d("svg", { className: "animate-spin h-4 w-4 mr-2", fill: "none", viewBox: "0 0 24 24", children: [
                         /* @__PURE__ */ e("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
                         /* @__PURE__ */ e("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
                       ] }),
@@ -2799,50 +2799,50 @@ const Sr = ({
     )
   ] });
 };
-function Le(r, n) {
+function Me(r, n) {
   return n.split(".").reduce(
     (t, a) => t && typeof t == "object" && a in t ? t[a] : void 0,
     r
   );
 }
 function Lr(r, n, t) {
-  const a = n.split("."), o = Array.isArray(r) ? [...r] : { ...r };
-  let i = o;
+  const a = n.split("."), s = Array.isArray(r) ? [...r] : { ...r };
+  let c = s;
   for (let h = 0; h < a.length - 1; h++) {
-    const b = a[h], p = i[b];
-    i[b] = p && typeof p == "object" ? Array.isArray(p) ? [...p] : { ...p } : {}, i = i[b];
+    const b = a[h], p = c[b];
+    c[b] = p && typeof p == "object" ? Array.isArray(p) ? [...p] : { ...p } : {}, c = c[b];
   }
-  return i[a[a.length - 1]] = t, o;
+  return c[a[a.length - 1]] = t, s;
 }
 function Mr(r, n) {
   const t = n.split("."), a = Array.isArray(r) ? [...r] : { ...r };
-  let o = a;
-  for (let i = 0; i < t.length - 1; i++) {
-    const h = t[i];
-    if (!o[h] || typeof o[h] != "object") return a;
-    o[h] = Array.isArray(o[h]) ? [...o[h]] : { ...o[h] }, o = o[h];
+  let s = a;
+  for (let c = 0; c < t.length - 1; c++) {
+    const h = t[c];
+    if (!s[h] || typeof s[h] != "object") return a;
+    s[h] = Array.isArray(s[h]) ? [...s[h]] : { ...s[h] }, s = s[h];
   }
-  return delete o[t[t.length - 1]], a;
+  return delete s[t[t.length - 1]], a;
 }
 const rt = ({
   groups: r,
   data: n,
   onSubmit: t,
   onCancel: a,
-  onChange: o,
-  transform: i,
+  onChange: s,
+  transform: c,
   validate: h,
   submitButton: b = { label: "Submit", variant: "primary" },
   cancelButton: p = { label: "Cancel", variant: "outline" },
   showButtons: y = !0,
   layout: u = "vertical",
   size: l = "md",
-  loading: d = !1,
+  loading: i = !1,
   className: f,
   ref: C,
   sdk: N
 }) => {
-  const [k, B] = _(n || {}), [x, q] = _({}), [K, H] = _({});
+  const [k, B] = V(n || {}), [x, q] = V({}), [K, H] = V({});
   G(() => {
     n && B({ ...n });
   }, [n]);
@@ -2867,8 +2867,8 @@ const rt = ({
               if (S.required && (I == null || I === ""))
                 W[S.name] = `${S.label} is required`, M = !0;
               else if (S.validator) {
-                const V = S.validator(I, re);
-                V && (W[S.name] = V, M = !0);
+                const O = S.validator(I, re);
+                O && (W[S.name] = O, M = !0);
               }
             }
             P[ne] = W;
@@ -2891,19 +2891,19 @@ const rt = ({
       q((M) => ({
         ...M,
         [m]: P || ""
-      })), o?.(L, m);
+      })), s?.(L, m);
     },
-    [k, r, F, o]
+    [k, r, F, s]
   ), J = ae(
     async (m) => {
-      if (console.log("handleSubmit"), m.preventDefault(), d) return;
+      if (console.log("handleSubmit"), m.preventDefault(), i) return;
       const $ = {}, L = r.flatMap((P) => P.items);
       for (const P of L) {
         if (P.hidden || P.conditional && !P.conditional(k))
           continue;
         const M = F(
           P.name,
-          Le(k, P.name),
+          Me(k, P.name),
           k
         );
         M && ($[P.name] = M);
@@ -2914,13 +2914,13 @@ const rt = ({
       }
       if (q($), console.log("newErrors", $), Object.keys($).some((P) => $[P]))
         return;
-      const D = i ? i(k) : k;
+      const D = c ? c(k) : k;
       await t?.(k, D);
     },
-    [k, r, F, h, i, t, d]
+    [k, r, F, h, c, t, i]
   ), z = ae(
     (m) => {
-      const $ = Le(k, m.name), L = K[m.name] ? x[m.name] : void 0, D = m.disabled || d, P = {
+      const $ = Me(k, m.name), L = K[m.name] ? x[m.name] : void 0, D = m.disabled || i, P = {
         value: $ || "",
         disabled: D,
         required: m.required,
@@ -2984,7 +2984,7 @@ const rt = ({
             }
           );
         case "radio":
-          return /* @__PURE__ */ e("div", { className: "space-y-1", children: m.options?.map((M) => /* @__PURE__ */ c("label", { className: "flex items-center gap-2", children: [
+          return /* @__PURE__ */ e("div", { className: "space-y-1", children: m.options?.map((M) => /* @__PURE__ */ d("label", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
               "input",
               {
@@ -3062,17 +3062,17 @@ const rt = ({
           }, W = (I) => {
             E(
               m.name,
-              M.filter((V, A) => A !== I)
+              M.filter((O, A) => A !== I)
             );
-          }, S = (I, V, A) => {
+          }, S = (I, O, A) => {
             const Q = [...M];
             Q[I] = {
               ...Q[I],
-              [V]: A
+              [O]: A
             }, E(m.name, Q);
           };
-          return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
-            M.map((I, V) => /* @__PURE__ */ c(
+          return /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+            M.map((I, O) => /* @__PURE__ */ d(
               "div",
               {
                 className: "p-4 border rounded-md dark:border-neutral-700 space-y-2 relative",
@@ -3083,19 +3083,19 @@ const rt = ({
                       type: "button",
                       variant: "ghost",
                       size: "sm",
-                      onClick: () => W(V),
+                      onClick: () => W(O),
                       disabled: D,
                       children: "Remove"
                     }
                   ) }),
                   /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: m.arrayFields?.map((A) => {
-                    const Q = re?.[V]?.[A.name];
-                    return /* @__PURE__ */ c(
+                    const Q = re?.[O]?.[A.name];
+                    return /* @__PURE__ */ d(
                       "div",
                       {
                         className: "space-y-1",
                         children: [
-                          /* @__PURE__ */ e("label", { className: "block", children: /* @__PURE__ */ c(
+                          /* @__PURE__ */ e("label", { className: "block", children: /* @__PURE__ */ d(
                             Z,
                             {
                               variant: "label",
@@ -3127,7 +3127,7 @@ const rt = ({
                                   {
                                     ...te,
                                     onChange: (U) => S(
-                                      V,
+                                      O,
                                       A.name,
                                       U.target.value
                                     ),
@@ -3143,7 +3143,7 @@ const rt = ({
                                   {
                                     ...te,
                                     onChange: (U) => S(
-                                      V,
+                                      O,
                                       A.name,
                                       U.target.value
                                     ),
@@ -3158,7 +3158,7 @@ const rt = ({
                                   {
                                     ...te,
                                     onChange: (U) => S(
-                                      V,
+                                      O,
                                       A.name,
                                       U
                                     ),
@@ -3182,7 +3182,7 @@ const rt = ({
                                     ...te,
                                     checked: !!I?.[A.name],
                                     onChange: (U) => S(
-                                      V,
+                                      O,
                                       A.name,
                                       U.target.checked
                                     ),
@@ -3190,7 +3190,7 @@ const rt = ({
                                   }
                                 );
                               case "radio":
-                                return /* @__PURE__ */ e("div", { className: "space-y-1", children: A.options?.map((U) => /* @__PURE__ */ c(
+                                return /* @__PURE__ */ e("div", { className: "space-y-1", children: A.options?.map((U) => /* @__PURE__ */ d(
                                   "label",
                                   {
                                     className: "flex items-center gap-2",
@@ -3199,11 +3199,11 @@ const rt = ({
                                         "input",
                                         {
                                           type: "radio",
-                                          name: `${m.name}.${V}.${A.name}`,
+                                          name: `${m.name}.${O}.${A.name}`,
                                           value: U.value,
                                           checked: I?.[A.name] === U.value,
                                           onChange: () => S(
-                                            V,
+                                            O,
                                             A.name,
                                             U.value
                                           ),
@@ -3224,7 +3224,7 @@ const rt = ({
                                     ...te,
                                     value: U ? new Date(U) : null,
                                     onChange: (le) => S(
-                                      V,
+                                      O,
                                       A.name,
                                       le
                                     ),
@@ -3236,7 +3236,7 @@ const rt = ({
                                 return A.customComponent?.({
                                   value: I?.[A.name],
                                   onChange: (U) => S(
-                                    V,
+                                    O,
                                     A.name,
                                     U
                                   ),
@@ -3245,7 +3245,7 @@ const rt = ({
                                 });
                               // Add other field types here as needed
                               default:
-                                return /* @__PURE__ */ c("p", { children: [
+                                return /* @__PURE__ */ d("p", { children: [
                                   "Unsupported field type in array:",
                                   " ",
                                   A.type
@@ -3268,9 +3268,9 @@ const rt = ({
                   }) })
                 ]
               },
-              V
+              O
             )),
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ d(
               ee,
               {
                 type: "button",
@@ -3290,7 +3290,7 @@ const rt = ({
           return null;
       }
     },
-    [k, K, x, d, l, E]
+    [k, K, x, i, l, E]
   ), v = ae(
     (m) => {
       if (m.conditional && !m.conditional(k))
@@ -3311,12 +3311,12 @@ const rt = ({
         },
         m.className
       );
-      return /* @__PURE__ */ c(
+      return /* @__PURE__ */ d(
         "div",
         {
           className: "grid grid-cols-1 md:grid-cols-3 gap-8 p-6 border border-neutral dark:border-neutral-700 rounded-xl",
           children: [
-            /* @__PURE__ */ c("div", { className: "md:col-span-1", children: [
+            /* @__PURE__ */ d("div", { className: "md:col-span-1", children: [
               /* @__PURE__ */ e(
                 Z,
                 {
@@ -3337,7 +3337,7 @@ const rt = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: L, children: $.map((D) => (K[D.name] && x[D.name], /* @__PURE__ */ c(
+            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: L, children: $.map((D) => (K[D.name] && x[D.name], /* @__PURE__ */ d(
               "div",
               {
                 className: g(
@@ -3346,7 +3346,7 @@ const rt = ({
                   D.width && typeof D.width == "number" && `col-span-${D.width}`
                 ),
                 children: [
-                  D.type !== "custom" && /* @__PURE__ */ e("label", { className: "block", children: /* @__PURE__ */ c(
+                  D.type !== "custom" && /* @__PURE__ */ e("label", { className: "block", children: /* @__PURE__ */ d(
                     Z,
                     {
                       variant: "label",
@@ -3379,16 +3379,16 @@ const rt = ({
     },
     f
   );
-  return /* @__PURE__ */ c("form", { ref: C, onSubmit: J, className: T, children: [
+  return /* @__PURE__ */ d("form", { ref: C, onSubmit: J, className: T, children: [
     /* @__PURE__ */ e("div", { className: "space-y-8", children: r.map(v) }),
-    y && /* @__PURE__ */ c("div", { className: g("flex gap-3 justify-end pt-8"), children: [
+    y && /* @__PURE__ */ d("div", { className: g("flex gap-3 justify-end pt-8"), children: [
       a && /* @__PURE__ */ e(
         ee,
         {
           type: "button",
           variant: p.variant,
           size: p.size || l,
-          disabled: p.disabled || d,
+          disabled: p.disabled || i,
           onClick: a,
           className: p.className,
           children: p.label
@@ -3400,8 +3400,8 @@ const rt = ({
           type: "submit",
           variant: b.variant,
           size: b.size || l,
-          disabled: b.disabled || d,
-          loading: d,
+          disabled: b.disabled || i,
+          loading: i,
           className: b.className,
           children: b.label
         }
@@ -3434,13 +3434,13 @@ function tt({
   size: n = "md",
   dot: t = !1,
   icon: a,
-  dismissible: o = !1,
-  onDismiss: i,
+  dismissible: s = !1,
+  onDismiss: c,
   className: h,
   children: b,
   ...p
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "span",
     {
       className: g(
@@ -3465,10 +3465,10 @@ function tt({
         ),
         a && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", b && "mr-1"), children: a }),
         b,
-        o && i && /* @__PURE__ */ e(
+        s && c && /* @__PURE__ */ e(
           "button",
           {
-            onClick: i,
+            onClick: c,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
             children: /* @__PURE__ */ e("svg", { className: "h-3 w-3", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
@@ -3508,20 +3508,20 @@ function at({
   variant: n = "primary",
   label: t = "Loading...",
   showLabel: a = !1,
-  className: o,
-  ...i
+  className: s,
+  ...c
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "div",
     {
       className: g(
         "inline-flex items-center",
         a ? "flex-col space-y-2" : "",
-        o
+        s
       ),
-      ...i,
+      ...c,
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ d(
           "svg",
           {
             className: g(
@@ -3576,25 +3576,25 @@ const nt = ({
   alt: n,
   size: t = "md",
   aspectRatio: a = "auto",
-  radius: o = "md",
-  showLoading: i = !0,
+  radius: s = "md",
+  showLoading: c = !0,
   showError: h = !0,
   fallback: b,
   loadingContent: p,
   errorContent: y,
   className: u,
   onLoad: l,
-  onError: d,
+  onError: i,
   ...f
 }) => {
-  const [C, N] = _(!0), [k, B] = _(!1), [x, q] = _(r), K = (T) => {
+  const [C, N] = V(!0), [k, B] = V(!1), [x, q] = V(r), K = (T) => {
     N(!1), B(!1), l?.(T);
   }, H = (T) => {
     if (N(!1), B(!0), b && x !== b) {
       q(b), B(!1), N(!0);
       return;
     }
-    d?.(T);
+    i?.(T);
   }, F = g(
     "relative overflow-hidden bg-neutral-100 dark:bg-neutral-800",
     // Size variants
@@ -3615,12 +3615,12 @@ const nt = ({
     },
     // Border radius variants
     {
-      "rounded-none": o === "none",
-      "rounded-sm": o === "sm",
-      "rounded-md": o === "md",
-      "rounded-lg": o === "lg",
-      "rounded-xl": o === "xl",
-      "rounded-full": o === "full"
+      "rounded-none": s === "none",
+      "rounded-sm": s === "sm",
+      "rounded-md": s === "md",
+      "rounded-lg": s === "lg",
+      "rounded-xl": s === "xl",
+      "rounded-full": s === "full"
     },
     u
   ), E = g(
@@ -3632,7 +3632,7 @@ const nt = ({
   ), J = g(
     "absolute inset-0 flex items-center justify-center",
     "text-neutral-400 dark:text-neutral-500"
-  ), z = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-neutral-300 dark:bg-neutral-600 rounded" }) }), v = /* @__PURE__ */ c("div", { className: "text-center", children: [
+  ), z = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-neutral-300 dark:bg-neutral-600 rounded" }) }), v = /* @__PURE__ */ d("div", { className: "text-center", children: [
     /* @__PURE__ */ e(
       "svg",
       {
@@ -3653,7 +3653,7 @@ const nt = ({
     ),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
-  return /* @__PURE__ */ c("div", { className: F, children: [
+  return /* @__PURE__ */ d("div", { className: F, children: [
     /* @__PURE__ */ e(
       "img",
       {
@@ -3665,7 +3665,7 @@ const nt = ({
         onError: H
       }
     ),
-    C && i && /* @__PURE__ */ e("div", { className: J, children: p || z }),
+    C && c && /* @__PURE__ */ e("div", { className: J, children: p || z }),
     k && h && /* @__PURE__ */ e("div", { className: J, children: y || v })
   ] });
 }, lt = ({
@@ -3673,14 +3673,14 @@ const nt = ({
   subtitle: n,
   actions: t = [],
   children: a,
-  className: o,
-  backLabel: i = "Back",
+  className: s,
+  backLabel: c = "Back",
   backClassName: h,
   onBack: b,
   editable: p = !1,
   onTitleChange: y
 }) => {
-  const [u, l] = _(!1), [d, f] = _(r), C = X(null);
+  const [u, l] = V(!1), [i, f] = V(r), C = X(null);
   G(() => {
     f(r);
   }, [r]), G(() => {
@@ -3689,20 +3689,20 @@ const nt = ({
   const N = () => {
     p && l(!0);
   }, k = () => {
-    l(!1), d.trim() !== "" && d !== r && y ? y(d.trim()) : f(r);
+    l(!1), i.trim() !== "" && i !== r && y ? y(i.trim()) : f(r);
   }, B = (x) => {
     x.key === "Enter" ? C.current?.blur() : x.key === "Escape" && (f(r), l(!1));
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "div",
     {
       className: g(
         "p-5 pb-3 border-b border-gray-100 dark:border-gray-700",
-        o
+        s
       ),
       children: [
-        /* @__PURE__ */ c("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2 text-neutral-900 dark:text-neutral-100", children: [
+        /* @__PURE__ */ d("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2 text-neutral-900 dark:text-neutral-100", children: [
             b && /* @__PURE__ */ e(
               "button",
               {
@@ -3712,7 +3712,7 @@ const nt = ({
                   "flex items-center text-sm dark:hover:text-neutral-300 cursor-pointer transition",
                   h
                 ),
-                children: /* @__PURE__ */ e(Ee, { size: 16, color: "currentColor" })
+                children: /* @__PURE__ */ e(Ne, { size: 16, color: "currentColor" })
               }
             ),
             u ? /* @__PURE__ */ e(
@@ -3720,7 +3720,7 @@ const nt = ({
               {
                 ref: C,
                 type: "text",
-                value: d,
+                value: i,
                 onChange: (x) => f(x.target.value),
                 onBlur: k,
                 onKeyDown: B,
@@ -3741,7 +3741,7 @@ const nt = ({
           ] }) }),
           t.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: t.map(
             (x) => x.splitOptions && x.splitOptions.length > 0 ? /* @__PURE__ */ e(
-              Ye,
+              $e,
               {
                 label: x.label,
                 onClick: x.onClick,
@@ -3751,7 +3751,7 @@ const nt = ({
                 disabled: x.disabled
               },
               x.id
-            ) : /* @__PURE__ */ c(
+            ) : /* @__PURE__ */ d(
               "button",
               {
                 type: "button",
@@ -3778,20 +3778,74 @@ const nt = ({
       ]
     }
   );
-};
+}, st = ({
+  actions: r = [],
+  onBack: n,
+  backLabel: t = "Back",
+  className: a,
+  children: s
+}) => /* @__PURE__ */ d("div", { className: g("flex items-center gap-2 mb-3", a), children: [
+  n && /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      className: "flex items-center gap-1 text-sm text-neutral-700 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-neutral-100 cursor-pointer transition px-2 py-1 rounded",
+      children: [
+        /* @__PURE__ */ e(Ne, { size: 16 }),
+        /* @__PURE__ */ e("span", { children: t })
+      ]
+    }
+  ),
+  s && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: s }),
+  r.length > 0 && /* @__PURE__ */ e("div", { className: g("flex flex-wrap gap-2", !s && "ml-auto"), children: r.map(
+    (c) => c.splitOptions && c.splitOptions.length > 0 ? /* @__PURE__ */ e(
+      $e,
+      {
+        label: c.label,
+        onClick: c.onClick,
+        icon: c.icon,
+        variant: c.variant === "primary" ? "primary" : "secondary",
+        options: c.splitOptions,
+        disabled: c.disabled
+      },
+      c.id
+    ) : /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        onClick: (h) => {
+          h.stopPropagation(), h.target.blur(), c.onClick();
+        },
+        disabled: c.disabled,
+        className: g("btn", {
+          o__primary: c.variant === "primary",
+          o__secondary: c.variant === "secondary" || c.variant === "outline",
+          o__ghost: c.variant === "ghost",
+          o__destructive: c.variant === "destructive"
+        }),
+        children: [
+          c.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: c.icon }),
+          c.label
+        ]
+      },
+      c.id
+    )
+  ) })
+] });
 function Ir(r, n) {
   return n.split(".").reduce(
     (t, a) => t && typeof t == "object" && a in t ? t[a] : void 0,
     r
   );
 }
-const st = ({
+const ot = ({
   groups: r,
   data: n,
   size: t = "md",
   className: a
 }) => {
-  const o = (u) => {
+  const s = (u) => {
     if (!u) return "-";
     try {
       return new Date(u).toLocaleDateString("nl-NL", {
@@ -3802,10 +3856,10 @@ const st = ({
     } catch {
       return String(u);
     }
-  }, i = (u) => u ? "Ja" : "Nee", h = (u, l) => {
+  }, c = (u) => u ? "Ja" : "Nee", h = (u, l) => {
     if (!l) return String(u || "-");
-    const d = l.find((f) => f.value === u);
-    return d ? d.label : String(u || "-");
+    const i = l.find((f) => f.value === u);
+    return i ? i.label : String(u || "-");
   }, b = ae(
     (u) => {
       const l = Ir(n, u.name);
@@ -3819,12 +3873,12 @@ const st = ({
             className: "text-neutral-500 dark:text-neutral-400",
             children: "Geen items"
           }
-        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: f.map((C, N) => /* @__PURE__ */ c(
+        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: f.map((C, N) => /* @__PURE__ */ d(
           "div",
           {
             className: "p-4 border border-neutral-200 dark:border-neutral-700 rounded-lg space-y-3",
             children: [
-              /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ c(
+              /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ d(
                 Z,
                 {
                   variant: "label",
@@ -3858,10 +3912,10 @@ const st = ({
                     );
                     break;
                   case "checkbox":
-                    x = i(B);
+                    x = c(B);
                     break;
                   case "date":
-                    x = o(B);
+                    x = s(B);
                     break;
                   case "custom":
                     x = k.customComponent?.({
@@ -3871,7 +3925,7 @@ const st = ({
                   default:
                     x = String(B || "-");
                 }
-                return k.format && (x = k.format(B, C)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+                return k.format && (x = k.format(B, C)), /* @__PURE__ */ d("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     Z,
                     {
@@ -3911,7 +3965,7 @@ const st = ({
           }
         );
       }
-      let d = "-";
+      let i = "-";
       switch (u.type) {
         case "text":
         case "email":
@@ -3919,23 +3973,23 @@ const st = ({
         case "number":
         case "tel":
         case "url":
-          d = l ? String(l) : "-";
+          i = l ? String(l) : "-";
           break;
         case "textarea":
-          d = l ? /* @__PURE__ */ e("div", { className: "whitespace-pre-wrap", children: String(l || "-") }) : "-";
+          i = l ? /* @__PURE__ */ e("div", { className: "whitespace-pre-wrap", children: String(l || "-") }) : "-";
           break;
         case "select":
         case "radio":
-          d = h(l, u.options);
+          i = h(l, u.options);
           break;
         case "checkbox":
-          d = i(l);
+          i = c(l);
           break;
         case "date":
-          d = o(l);
+          i = s(l);
           break;
         default:
-          d = l ? String(l) : "-";
+          i = l ? String(l) : "-";
       }
       return /* @__PURE__ */ e(
         Z,
@@ -3943,7 +3997,7 @@ const st = ({
           variant: "body",
           size: "sm",
           className: "text-neutral-900 dark:text-neutral-100",
-          children: d
+          children: i
         }
       );
     },
@@ -3954,7 +4008,7 @@ const st = ({
         return null;
       const l = u.items.filter((f) => !(f.hidden || f.conditional && !f.conditional(n)));
       if (l.length === 0) return null;
-      const d = g(
+      const i = g(
         "space-y-4",
         {
           "grid gap-4": u.layout === "grid",
@@ -3968,12 +4022,12 @@ const st = ({
         },
         u.className
       );
-      return /* @__PURE__ */ c(
+      return /* @__PURE__ */ d(
         "div",
         {
           className: "grid grid-cols-1 md:grid-cols-3 gap-8 p-6 border border-neutral dark:border-neutral-700 rounded-xl",
           children: [
-            /* @__PURE__ */ c("div", { className: "md:col-span-1", children: [
+            /* @__PURE__ */ d("div", { className: "md:col-span-1", children: [
               /* @__PURE__ */ e(
                 Z,
                 {
@@ -3994,7 +4048,7 @@ const st = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: d, children: l.map((f) => /* @__PURE__ */ c(
+            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: i, children: l.map((f) => /* @__PURE__ */ d(
               "div",
               {
                 className: g(
@@ -4034,35 +4088,35 @@ const st = ({
     a
   );
   return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: r.map(p) }) });
-}, ze = ({ item: r, isSelectedHandler: n, onClick: t }) => {
-  const [a, o] = _(!1), i = r.children && r.children.length > 0, h = () => {
-    i && o(!a);
+}, De = ({ item: r, isSelectedHandler: n, onClick: t }) => {
+  const [a, s] = V(!1), c = r.children && r.children.length > 0, h = () => {
+    c && s(!a);
   }, b = n ? n(r.path) : !1;
-  return /* @__PURE__ */ c("li", { children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ d("li", { children: [
+    /* @__PURE__ */ d(
       "div",
       {
         className: g(
           "flex flex-row w-full py-1 rounded-lg items-center h-8 transition-colors cursor-pointer px-3 pr-1 no-underline text-sm",
           {
-            "active-nav-item": b && !i,
-            "shadow-lvl-0": b && !i,
-            "font-semibold": b || i || r.children !== void 0
+            "active-nav-item": b && !c,
+            "shadow-lvl-0": b && !c,
+            "font-semibold": b || c || r.children !== void 0
           }
         ),
         onClick: () => {
-          i ? h() : r.path && t?.(r.path);
+          c ? h() : r.path && t?.(r.path);
         },
         children: [
           r.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: r.icon }),
           /* @__PURE__ */ e("span", { className: "flex-1", children: r.label }),
           r.count !== void 0 && r.count > 0 && /* @__PURE__ */ e("span", { className: "ml-2 mr-1.5", children: r.count }),
-          i && /* @__PURE__ */ e("span", { className: `${a ? "collapsed" : ""}`, children: /* @__PURE__ */ e(We, { className: "w-4 h-4 text-gray-300" }) })
+          c && /* @__PURE__ */ e("span", { className: `${a ? "collapsed" : ""}`, children: /* @__PURE__ */ e(Re, { className: "w-4 h-4 text-gray-300" }) })
         ]
       }
     ),
-    i && !a && /* @__PURE__ */ e("ul", { className: "sidebar-menu-nested-items mb-1", children: r.children?.map((p, y) => /* @__PURE__ */ e(
-      ze,
+    c && !a && /* @__PURE__ */ e("ul", { className: "sidebar-menu-nested-items mb-1", children: r.children?.map((p, y) => /* @__PURE__ */ e(
+      De,
       {
         item: p,
         isSelectedHandler: n,
@@ -4071,37 +4125,37 @@ const st = ({
       y
     )) })
   ] });
-}, ot = ({
+}, ct = ({
   title: r,
   actionIcons: n,
   items: t,
   isSelectedHandler: a,
-  onClick: o,
-  preMenuItemsComponent: i
-}) => /* @__PURE__ */ c("div", { className: "flex flex-col h-screen mb-6", children: [
-  /* @__PURE__ */ c("div", { className: "sidebar-menu-header", children: [
+  onClick: s,
+  preMenuItemsComponent: c
+}) => /* @__PURE__ */ d("div", { className: "flex flex-col h-screen mb-6", children: [
+  /* @__PURE__ */ d("div", { className: "sidebar-menu-header", children: [
     /* @__PURE__ */ e("span", { className: "text-xl font-semibold text-gray-800 mb-2", children: r }),
     /* @__PURE__ */ e("div", { className: "sidebar-menu-actions", children: n?.map((h, b) => /* @__PURE__ */ e("span", { className: "sidebar-menu-action-icon", children: h }, b)) })
   ] }),
-  i && /* @__PURE__ */ e("div", { className: "sidebar-menu-pre-items mb-4", children: i }),
+  c && /* @__PURE__ */ e("div", { className: "sidebar-menu-pre-items mb-4", children: c }),
   /* @__PURE__ */ e("ul", { children: t.map(
     (h, b) => !h.path && !h.label && !h.children ? /* @__PURE__ */ e("span", { className: "flex w-full h-4" }, b) : /* @__PURE__ */ e(
-      ze,
+      De,
       {
         item: h,
         isSelectedHandler: a,
-        onClick: o
+        onClick: s
       },
       b
     )
   ) })
-] }), ct = ({
+] }), dt = ({
   level: r = 1,
   size: n,
   weight: t = "bold",
   color: a = "current",
-  align: o = "left",
-  truncate: i = !1,
+  align: s = "left",
+  truncate: c = !1,
   className: h,
   children: b,
   ...p
@@ -4141,13 +4195,13 @@ const st = ({
     },
     // Alignment
     {
-      "text-left": o === "left",
-      "text-center": o === "center",
-      "text-right": o === "right"
+      "text-left": s === "left",
+      "text-center": s === "center",
+      "text-right": s === "right"
     },
     // Truncation
     {
-      truncate: i
+      truncate: c
     },
     h
   ), l = `h${r}`;
@@ -4163,13 +4217,13 @@ function jr(r) {
     6: "md"
   }[r] || "md";
 }
-const dt = ({
+const it = ({
   items: r,
   type: n = "unordered",
   variant: t = "default",
   size: a = "md",
-  interactive: o = !1,
-  className: i,
+  interactive: s = !1,
+  className: c,
   itemClassName: h
 }) => {
   const b = g(
@@ -4192,8 +4246,8 @@ const dt = ({
       "text-base": a === "md",
       "text-lg": a === "lg"
     },
-    i
-  ), p = (l, d) => g(
+    c
+  ), p = (l, i) => g(
     // Base item styles
     "transition-colors duration-200",
     // Size-based padding
@@ -4203,7 +4257,7 @@ const dt = ({
       "py-3 px-4": a === "lg" && (t === "bordered" || t === "divided")
     },
     // Interactive styles
-    o && !l.disabled && {
+    s && !l.disabled && {
       "cursor-pointer hover:bg-neutral-50 dark:hover:bg-neutral-800": !0,
       "focus:outline-none focus:bg-neutral-100 dark:focus:bg-neutral-700": !0
     },
@@ -4213,57 +4267,57 @@ const dt = ({
     },
     h
   ), y = (l) => {
-    o && !l.disabled && l.onClick && l.onClick();
-  }, u = (l, d) => {
-    o && !d.disabled && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d.onClick?.());
+    s && !l.disabled && l.onClick && l.onClick();
+  }, u = (l, i) => {
+    s && !i.disabled && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i.onClick?.());
   };
-  return n === "ordered" ? /* @__PURE__ */ e("ol", { className: b, children: r.map((l, d) => /* @__PURE__ */ e(
+  return n === "ordered" ? /* @__PURE__ */ e("ol", { className: b, children: r.map((l, i) => /* @__PURE__ */ e(
     "li",
     {
       className: p(l),
       onClick: () => y(l),
       onKeyDown: (f) => u(f, l),
-      tabIndex: o && !l.disabled ? 0 : void 0,
-      role: o ? "button" : void 0,
+      tabIndex: s && !l.disabled ? 0 : void 0,
+      role: s ? "button" : void 0,
       children: l.content
     },
-    l.id || d
-  )) }) : n === "description" ? /* @__PURE__ */ e("dl", { className: b, children: r.map((l, d) => /* @__PURE__ */ e(
+    l.id || i
+  )) }) : n === "description" ? /* @__PURE__ */ e("dl", { className: b, children: r.map((l, i) => /* @__PURE__ */ e(
     "div",
     {
       className: p(l),
       onClick: () => y(l),
       onKeyDown: (f) => u(f, l),
-      tabIndex: o && !l.disabled ? 0 : void 0,
-      role: o ? "button" : void 0,
+      tabIndex: s && !l.disabled ? 0 : void 0,
+      role: s ? "button" : void 0,
       children: l.content
     },
-    l.id || d
-  )) }) : /* @__PURE__ */ e("ul", { className: b, children: r.map((l, d) => /* @__PURE__ */ e(
+    l.id || i
+  )) }) : /* @__PURE__ */ e("ul", { className: b, children: r.map((l, i) => /* @__PURE__ */ e(
     "li",
     {
       className: p(l),
       onClick: () => y(l),
       onKeyDown: (f) => u(f, l),
-      tabIndex: o && !l.disabled ? 0 : void 0,
-      role: o ? "button" : void 0,
+      tabIndex: s && !l.disabled ? 0 : void 0,
+      role: s ? "button" : void 0,
       children: l.content
     },
-    l.id || d
+    l.id || i
   )) });
-}, it = ({
+}, ut = ({
   commands: r,
   isOpen: n,
   onClose: t,
   labels: a,
-  initialCommandPath: o,
-  initialActiveIndex: i
+  initialCommandPath: s,
+  initialActiveIndex: c
 }) => {
-  const [h, b] = _(""), [p, y] = _(o || []), [u, l] = _(i || 0), d = X(null), f = X(null), N = (p.length ? r.find((k) => k.id === p[0])?.subCommands || [] : r).filter(
+  const [h, b] = V(""), [p, y] = V(s || []), [u, l] = V(c || 0), i = X(null), f = X(null), N = (p.length ? r.find((k) => k.id === p[0])?.subCommands || [] : r).filter(
     (k) => k.label.toLowerCase().includes(h.toLowerCase())
   );
   return G(() => {
-    n || (b(""), y(o || []), l(i || 0));
+    n || (b(""), y(s || []), l(c || 0));
   }, [n]), G(() => {
     const k = (B) => {
       if (n) {
@@ -4286,16 +4340,16 @@ const dt = ({
     return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
   }, [n, t, N, u, p]), G(() => {
     const k = (B) => {
-      d.current && !d.current.contains(B.target) && t();
+      i.current && !i.current.contains(B.target) && t();
     };
     return n && document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
   }, [n, t]), n ? (G(() => {
     f.current?.querySelector(`[data-index="${u}"]`)?.scrollIntoView({ block: "nearest" });
-  }, [u]), /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center shadow-lvl-0", children: /* @__PURE__ */ c(
+  }, [u]), /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center shadow-lvl-0", children: /* @__PURE__ */ d(
     "div",
     {
       className: "flex flex-col w-full max-w-lg max-h-[80vh] p-2 mx-auto rounded-lg shadow-lg bg-white",
-      ref: d,
+      ref: i,
       children: [
         /* @__PURE__ */ e(
           "input",
@@ -4307,14 +4361,14 @@ const dt = ({
             className: "w-full px-4 py-2 text-gray-800 border-none border-b border-gray-200 focus:outline-none focus:ring-0 rounded-lg bg-transparent flex-shrink-0"
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ d(
           "div",
           {
             ref: f,
             className: "mt-2 pt-2 text-sm border-t border-gray-200 max-h-[50vh] overflow-y-auto",
             children: [
               N.length === 0 && /* @__PURE__ */ e("div", { className: "text-gray-500 text-center text-sm", children: a?.noCommandsFound || "No commands found" }),
-              N.map((k, B) => /* @__PURE__ */ c(
+              N.map((k, B) => /* @__PURE__ */ d(
                 "div",
                 {
                   "data-index": B,
@@ -4326,7 +4380,7 @@ const dt = ({
                   children: [
                     k.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: k.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: k.label }),
-                    k.subCommands && /* @__PURE__ */ e("span", { className: "text-gray-400", children: /* @__PURE__ */ e(Re, { className: "w-4 h-4" }) })
+                    k.subCommands && /* @__PURE__ */ e("span", { className: "text-gray-400", children: /* @__PURE__ */ e(qe, { className: "w-4 h-4" }) })
                   ]
                 },
                 k.id
@@ -4334,18 +4388,18 @@ const dt = ({
             ]
           }
         ),
-        /* @__PURE__ */ c("div", { className: "flex items-center justify-between pt-2 mt-2 text-xs text-gray-500 border-t border-gray-200", children: [
-          /* @__PURE__ */ c("span", { children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center justify-between pt-2 mt-2 text-xs text-gray-500 border-t border-gray-200", children: [
+          /* @__PURE__ */ d("span", { children: [
             /* @__PURE__ */ e("span", { className: "font-bold", children: "↑↓" }),
             " ",
             a?.navigate || "to navigate"
           ] }),
-          /* @__PURE__ */ c("span", { children: [
+          /* @__PURE__ */ d("span", { children: [
             /* @__PURE__ */ e("span", { className: "font-bold", children: "↵" }),
             " ",
             a?.select || "to select"
           ] }),
-          /* @__PURE__ */ c("span", { children: [
+          /* @__PURE__ */ d("span", { children: [
             /* @__PURE__ */ e("span", { className: "font-bold", children: "Esc" }),
             " ",
             a?.close || "to close"
@@ -4370,7 +4424,7 @@ const dt = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Or = {
+}, _r = {
   none: "",
   primary: "bg-primary",
   secondary: "bg-secondary",
@@ -4382,14 +4436,14 @@ const dt = ({
   neutral: "bg-neutral",
   white: "bg-white",
   module: "bg-module"
-}, Vr = {
+}, Or = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, _r = {
+}, Vr = {
   none: "shadow-none",
   sm: "shadow-sm shadow-lvl-0",
   md: "shadow-md shadow-lvl-0",
@@ -4411,14 +4465,14 @@ const dt = ({
   info: "border-info",
   neutral: "border-neutral",
   white: "border-white"
-}, De = ce(
+}, Te = ce(
   ({
     padding: r,
     margin: n,
     background: t,
     radius: a,
-    shadow: o,
-    border: i,
+    shadow: s,
+    border: c,
     borderColor: h,
     className: b,
     children: p,
@@ -4430,10 +4484,10 @@ const dt = ({
       className: g(
         r && Br[r],
         n && Pr[n],
-        t && Or[t],
-        a && Vr[a],
-        o && _r[o],
-        i && Fr[i],
+        t && _r[t],
+        a && Or[a],
+        s && Vr[s],
+        c && Fr[c],
         h && Wr[h],
         b
       ),
@@ -4442,60 +4496,60 @@ const dt = ({
     }
   )
 );
-De.displayName = "Box";
-const ut = ({ children: r, title: n, ...t }) => /* @__PURE__ */ c(De, { background: "module", radius: "xl", shadow: "sm", ...t, children: [
+Te.displayName = "Box";
+const mt = ({ children: r, title: n, ...t }) => /* @__PURE__ */ d(Te, { background: "module", radius: "xl", shadow: "sm", ...t, children: [
   n && /* @__PURE__ */ e("span", { className: "text-base font-medium text-gray-800 mb-2", children: n }),
   r
 ] });
-function mt({
+function ht({
   identifier: r,
   resourceLoader: n,
   framework: t = "react",
   fallback: a,
-  componentProps: o,
-  className: i
+  componentProps: s,
+  className: c
 }) {
-  const h = X(null), [b, p] = _(!0), [y, u] = _(null), l = X(null);
+  const h = X(null), [b, p] = V(!0), [y, u] = V(null), l = X(null);
   return X(null), G(() => {
-    let d = !0;
+    let i = !0;
     return (async () => {
       p(!0);
       try {
         const C = await n();
-        if (!d) return;
+        if (!i) return;
         const N = C.component || C.default || C;
         u(t === "react" ? () => N : () => C);
       } catch (C) {
         console.error(`[FederatedResource] Load failed: ${r}`, C);
       } finally {
-        d && p(!1);
+        i && p(!1);
       }
     })(), () => {
-      d = !1;
+      i = !1;
     };
   }, [r, n]), G(() => {
     if (b || !y || t === "react") return;
-    const d = h.current;
-    if (d) {
+    const i = h.current;
+    if (i) {
       if (t === "svelte") {
-        const f = y.default || y, C = new f({ target: d, props: o || {} });
+        const f = y.default || y, C = new f({ target: i, props: s || {} });
         return l.current = C, () => C.$destroy();
       }
       if (y.mount) {
-        const f = y.mount({ container: d, props: o || {} });
+        const f = y.mount({ container: i, props: s || {} });
         return () => {
-          typeof f == "function" ? f() : y.unmount?.(d);
+          typeof f == "function" ? f() : y.unmount?.(i);
         };
       }
     }
   }, [y, t, b]), G(() => {
-    t === "svelte" && l.current && l.current.$set?.(o);
-  }, [o, t]), /* @__PURE__ */ c("div", { ref: h, className: i, style: { display: "contents" }, children: [
+    t === "svelte" && l.current && l.current.$set?.(s);
+  }, [s, t]), /* @__PURE__ */ d("div", { ref: h, className: c, style: { display: "contents" }, children: [
     b && a,
-    t === "react" && y && /* @__PURE__ */ e(y, { ...o })
+    t === "react" && y && /* @__PURE__ */ e(y, { ...s })
   ] });
 }
-class ht extends He {
+class ft extends Ue {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -4509,7 +4563,7 @@ class ht extends He {
     console.error(`[ErrorBoundary] Error in ${this.props.name || "Component"}:`, n, t);
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ c("div", { className: "p-4 m-4 border border-red-200 bg-red-50 rounded-lg", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ d("div", { className: "p-4 m-4 border border-red-200 bg-red-50 rounded-lg", children: [
       /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-red-800", children: "Something went wrong" }),
       /* @__PURE__ */ e("p", { className: "text-sm text-red-600 mt-1", children: this.props.name ? `Error in ${this.props.name}` : "The component failed to render." }),
       /* @__PURE__ */ e(
@@ -4525,41 +4579,42 @@ class ht extends He {
 }
 export {
   tt as Badge,
-  De as Box,
+  Te as Box,
   ee as Button,
   Xr as ButtonGroup,
-  ut as Card,
+  mt as Card,
   be as Checkbox,
-  it as CommandPalette,
+  ut as CommandPalette,
   ir as ContentLoading,
   ye as DatePicker,
   ur as Dropdown,
-  ht as ErrorBoundary,
-  mt as FederatedResource,
+  ft as ErrorBoundary,
+  ht as FederatedResource,
   rt as Form,
-  ct as Heading,
+  dt as Heading,
   oe as Icon,
   nt as Image,
   Qr as Link,
-  dt as List,
+  it as List,
   Jr as MeetingGrid,
   wr as Modal,
   lt as PageHeader,
+  st as PageToolbar,
   Yr as ParticipantTile,
   lr as SearchableTextField,
   ve as Select,
-  ot as SidebarMenu,
+  ct as SidebarMenu,
   at as Spinner,
-  Ye as SplitButton,
+  $e as SplitButton,
   Sr as StorageInput,
   et as TabBar,
-  Se as Table,
+  Le as Table,
   kr as Tabs,
   Z as Text,
   ke as TextArea,
   ue as TextField,
   Zr as VideoSurface,
-  st as View,
+  ot as View,
   g as cn,
   Kr as createSizes,
   Gr as createVariants