@opencxh/ui-kit 3.57.3 → 3.57.4

package/dist/index.js

@@ -1,17 +1,17 @@
-import { clsx as Ae } from "clsx";
+import { clsx as Ie } from "clsx";
 import { jsxs as i, 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 ke, X as Oe, ArrowLeft as we, 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 ne, useMemo as de, createContext as He, Component as Ue } from "react";
+import { VideoOff as je, User as Be, MicOff as Pe, Mic as _e, ChevronDown as Oe, FileText as pe, HardDrive as ke, X as Ve, ArrowLeft as we, Search as $e, FolderPlus as Fe, Upload as We, Folder as Ce, Pencil as Re, ChevronDownIcon as qe, ChevronRight as He } from "lucide-react";
+import se, { useRef as X, useEffect as G, forwardRef as ce, useState as V, useCallback as ne, useMemo as de, createContext as Ue, Component as Ge } from "react";
 function b(...t) {
-  return Ae(t);
+  return Ie(t);
 }
-function Gt(t) {
+function Kt(t) {
   return (a, r) => t[a]?.[r] || "";
 }
-function Kt(t) {
+function Jt(t) {
   return (a) => t[a] || "";
 }
-function Jt({ tiles: t, pinned: a, className: r }) {
+function Yt({ tiles: t, pinned: a, className: r }) {
   if (a)
     return /* @__PURE__ */ i("div", { className: b("flex flex-col md:flex-row gap-2 h-full", r), children: [
       /* @__PURE__ */ e("div", { className: "flex-1 min-h-[240px]", children: a }),
@@ -20,7 +20,7 @@ function Jt({ tiles: t, pinned: a, className: r }) {
   const n = t.length <= 1 ? "grid-cols-1" : t.length <= 4 ? "grid-cols-2" : t.length <= 9 ? "grid-cols-3" : "grid-cols-4";
   return /* @__PURE__ */ e("div", { className: b("grid gap-2 h-full", n, r), children: t.map((s, c) => /* @__PURE__ */ e("div", { children: s }, c)) });
 }
-function Yt({
+function Zt({
   name: t,
   avatarUrl: a,
   muted: r,
@@ -38,16 +38,16 @@ function Yt({
         f
       ),
       children: [
-        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: a ? /* @__PURE__ */ e("img", { src: a, alt: t, 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" }) }) }),
+        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: a ? /* @__PURE__ */ e("img", { src: a, alt: t, 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(je, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Be, { className: "w-8 h-8" }) }) }),
         /* @__PURE__ */ i("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: [
-          r ? /* @__PURE__ */ e(Be, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Pe, { className: "w-3 h-3" }),
+          r ? /* @__PURE__ */ e(Pe, { className: "w-3 h-3" }) : /* @__PURE__ */ e(_e, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-[140px]", children: t })
         ] })
       ]
     }
   );
 }
-function Zt({ attach: t, active: a = !0, mirrored: r = !1, className: n }) {
+function Xt({ attach: t, active: a = !0, mirrored: r = !1, className: n }) {
   const s = X(null);
   return G(() => {
     if (!a || !s.current) return;
@@ -67,20 +67,20 @@ function Zt({ attach: t, active: a = !0, mirrored: r = !1, className: n }) {
     }
   );
 }
-const Ge = {
+const Ke = {
   primary: "btn o__primary",
   secondary: "btn o__secondary",
   outline: "btn o__secondary",
   ghost: "btn o__tertiary",
   destructive: "btn o__destructive"
-}, Ke = {
+}, Je = {
   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"
-}, Je = {
+}, Ye = {
   xs: "p-1",
   sm: "p-1.5",
   md: "p-2",
@@ -112,9 +112,9 @@ const Ge = {
           "inline-flex items-center justify-center transition-colors duration-200",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           // Variant styles
-          Ge[t],
+          Ke[t],
           // Size styles
-          f ? Je[a] : Ke[a],
+          f ? Ye[a] : Je[a],
           // Full width
           r && "w-full",
           // Loading state
@@ -166,7 +166,7 @@ const Ge = {
   }
 );
 ee.displayName = "Button";
-const Xt = ({
+const Qt = ({
   children: t,
   size: a = "md",
   orientation: r = "horizontal",
@@ -196,7 +196,7 @@ const Xt = ({
     s
   );
   return /* @__PURE__ */ e("div", { className: c, role: "group", children: t });
-}, Qt = ({
+}, er = ({
   variant: t = "default",
   size: a = "md",
   color: r = "primary",
@@ -295,11 +295,11 @@ const Xt = ({
   primary: "btn o__primary",
   secondary: "btn o__secondary",
   outline: "btn o__secondary"
-}, Ye = {
+}, Ze = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-sm"
 };
-function $e({
+function ze({
   label: t,
   onClick: a,
   variant: r = "primary",
@@ -328,7 +328,7 @@ function $e({
           "focus:outline-none focus:ring-1 focus:ring-offset-1",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           Se[r],
-          Ye[n],
+          Ze[n],
           "!rounded-r-none"
         ),
         children: [
@@ -351,7 +351,7 @@ function $e({
           n === "sm" ? "px-1.5 py-1.5" : "px-2 py-2",
           "!rounded-l-none"
         ),
-        children: /* @__PURE__ */ e(_e, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e(Oe, { className: "h-4 w-4" })
       }
     ),
     g && 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(
@@ -371,12 +371,12 @@ function $e({
     )) })
   ] });
 }
-const Ze = {
+const Xe = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, Xe = {
+}, Qe = {
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
@@ -411,7 +411,7 @@ const Ze = {
               "focus:ring-2 focus:ring-offset-2 focus:outline-none",
               "disabled:opacity-50 disabled:cursor-not-allowed",
               // Size styles
-              Ze[n],
+              Xe[n],
               // State styles
               d ? "border-error text-error focus:border-error focus:ring-error" : "border-neutral text-primary focus:border-primary focus:ring-primary",
               g
@@ -427,7 +427,7 @@ const Ze = {
               className: b(
                 "font-medium cursor-pointer",
                 d ? "text-error" : "text-default",
-                Xe[n],
+                Qe[n],
                 f
               ),
               children: t
@@ -441,7 +441,7 @@ const Ze = {
   }
 );
 ge.displayName = "Checkbox";
-const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), et = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m15 18-6-6 6-6" }) }), tt = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m9 18 6-6-6-6" }) }), ye = ce(({
+const et = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), tt = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m15 18-6-6 6-6" }) }), rt = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m9 18 6-6-6-6" }) }), ye = ce(({
   value: t,
   onChange: a,
   placeholder: r = "Select date",
@@ -539,7 +539,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
           onClick: () => !n && d(!l),
           disabled: n,
           className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted hover:text-muted",
-          children: /* @__PURE__ */ e(Qe, {})
+          children: /* @__PURE__ */ e(et, {})
         }
       )
     ] }),
@@ -550,7 +550,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
           {
             onClick: q,
             className: "p-1 hover:bg-neutral-container rounded",
-            children: /* @__PURE__ */ e(et, {})
+            children: /* @__PURE__ */ e(tt, {})
           }
         ),
         /* @__PURE__ */ i("h3", { className: "text-sm font-medium text-default", children: [
@@ -563,7 +563,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
           {
             onClick: K,
             className: "p-1 hover:bg-neutral-container rounded",
-            children: /* @__PURE__ */ e(tt, {})
+            children: /* @__PURE__ */ e(rt, {})
           }
         )
       ] }),
@@ -609,7 +609,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       ] })
     ] })
   ] });
-}), ie = (...t) => t.filter(Boolean).join(" "), rt = (t) => /* @__PURE__ */ e(
+}), ie = (...t) => t.filter(Boolean).join(" "), nt = (t) => /* @__PURE__ */ e(
   "svg",
   {
     ...t,
@@ -627,7 +627,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       }
     )
   }
-), nt = (t) => /* @__PURE__ */ e(
+), at = (t) => /* @__PURE__ */ e(
   "svg",
   {
     ...t,
@@ -645,7 +645,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       }
     )
   }
-), at = {
+), lt = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-sm",
   lg: "px-3 py-2 text-sm",
@@ -655,14 +655,14 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, lt = ce(
+}, st = ce(
   ({
     label: t,
     helperText: a,
     error: r,
     size: n = "md",
     fullWidth: s = !1,
-    startIcon: c = /* @__PURE__ */ e(rt, {}),
+    startIcon: c = /* @__PURE__ */ e(nt, {}),
     loading: f = !1,
     containerClassName: g,
     labelClassName: p,
@@ -758,7 +758,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
                   "placeholder:text-[var(--text-muted)] focus:outline-none",
                   "disabled:opacity-50 disabled:cursor-not-allowed",
                   // Size styles
-                  at[n],
+                  lt[n],
                   // Icon padding
                   c ? "pl-10" : "",
                   "pr-10",
@@ -805,7 +805,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                nt,
+                at,
                 {
                   className: ie(
                     "text-muted cursor-pointer transition-transform",
@@ -854,8 +854,8 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     );
   }
 );
-lt.displayName = "SearchableTextField";
-const st = {
+st.displayName = "SearchableTextField";
+const ot = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-sm",
   lg: "px-3 py-2 text-sm",
@@ -970,7 +970,7 @@ const st = {
                   "focus:outline-none focus:ring-0 focus:ring-offset-0",
                   "disabled:opacity-50 disabled:cursor-not-allowed",
                   "bg-module",
-                  st[n],
+                  ot[n],
                   K ? "border-error text-error focus:border-error focus:ring-error" : "border-neutral text-default",
                   y
                 ),
@@ -1067,7 +1067,7 @@ const st = {
   }
 );
 ve.displayName = "Select";
-const ot = {
+const ct = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-sm",
   lg: "px-4 py-3 text-base",
@@ -1114,7 +1114,7 @@ const ot = {
               "placeholder:text-[var(--text-muted)] focus:outline-none focus:ring-0",
               "disabled:opacity-50 disabled:cursor-not-allowed",
               // Size styles
-              ot[n],
+              ct[n],
               // State styles
               C ? "border-error text-error focus:border-error focus:ring-error" : "border-neutral text-default",
               p
@@ -1166,7 +1166,7 @@ const ot = {
   }
 );
 Ne.displayName = "TextArea";
-const ct = {
+const it = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-sm",
   lg: "px-3 py-2 text-sm",
@@ -1220,7 +1220,7 @@ const ct = {
               "placeholder:text-[var(--text-muted)] focus:outline-none focus:ring-1 focus:ring-offset-0",
               "disabled:opacity-50 disabled:cursor-not-allowed",
               // Size styles
-              ct[n],
+              it[n],
               // Icon padding
               c && "pl-10",
               f && "pr-10",
@@ -1285,7 +1285,7 @@ const oe = ({
   "aria-label": f,
   ...g
 }) => {
-  const p = typeof a == "number" ? a : it(a), y = b(
+  const p = typeof a == "number" ? a : dt(a), y = b(
     "inline-block",
     // Color variants
     {
@@ -1319,7 +1319,7 @@ const oe = ({
   };
   return /* @__PURE__ */ e(t, { ...u });
 };
-function it(t) {
+function dt(t) {
   return {
     xs: 12,
     sm: 16,
@@ -1328,7 +1328,7 @@ function it(t) {
     xl: 32
   }[t];
 }
-function dt({
+function ut({
   children: t,
   showTableSkeleton: a = !1,
   tableColumns: r = 6,
@@ -1367,7 +1367,7 @@ function dt({
     ] })
   ] }) });
 }
-const ut = ({
+const mt = ({
   trigger: t,
   options: a,
   value: r,
@@ -1575,7 +1575,7 @@ const ut = ({
       ]
     }
   );
-}, mt = () => /* @__PURE__ */ e(
+}, ft = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1592,7 +1592,7 @@ const ut = ({
       }
     )
   }
-), ft = ({ active: t }) => /* @__PURE__ */ e(
+), ht = ({ active: t }) => /* @__PURE__ */ e(
   "svg",
   {
     className: b(
@@ -1612,7 +1612,7 @@ const ut = ({
       }
     )
   }
-), ht = ({ active: t }) => /* @__PURE__ */ e(
+), pt = ({ active: t }) => /* @__PURE__ */ e(
   "svg",
   {
     className: b(
@@ -1632,7 +1632,7 @@ const ut = ({
       }
     )
   }
-), pt = () => /* @__PURE__ */ e(
+), xt = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1649,7 +1649,7 @@ const ut = ({
       }
     )
   }
-), xt = () => /* @__PURE__ */ e(
+), bt = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1666,7 +1666,7 @@ const ut = ({
       }
     )
   }
-), bt = () => /* @__PURE__ */ e(
+), gt = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1683,7 +1683,7 @@ const ut = ({
       }
     )
   }
-), gt = () => /* @__PURE__ */ e(
+), yt = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1700,7 +1700,7 @@ const ut = ({
       }
     )
   }
-), ze = () => /* @__PURE__ */ e(
+), De = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1717,7 +1717,7 @@ const ut = ({
       }
     )
   }
-), yt = (t) => {
+), vt = (t) => {
   const a = (n) => t.multiSelect && Array.isArray(t.value) ? t.value?.includes(n) : t.value === n, r = (n) => {
     t.multiSelect && Array.isArray(t.value) ? t.onChange(t.value.filter((s) => s !== n)) : t.onChange(n);
   };
@@ -1736,7 +1736,7 @@ const ut = ({
       /* @__PURE__ */ e("span", { className: "text-default", children: t.multiSelect && Array.isArray(t.value) ? t.value?.map(
         (n) => t.options?.find((s) => s.value === n)?.label
       ).join(", ") : t.options?.find((n) => n.value === t.value)?.label }),
-      /* @__PURE__ */ e("span", { className: "text-muted text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(ze, {}) })
+      /* @__PURE__ */ e("span", { className: "text-muted text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(De, {}) })
     ] }),
     /* @__PURE__ */ i("div", { className: "absolute z-10 left-0 mt-1 bg-module border border-neutral rounded-lg shadow-lvl-0 p-2 w-48", children: [
       t.options?.map((n) => /* @__PURE__ */ e(
@@ -1874,21 +1874,21 @@ const ut = ({
   });
   return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
     (n || c.length > 0) && /* @__PURE__ */ e("div", { className: "pt-4 pb-2", children: /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-4 items-start", children: [
-      c.map((o) => /* @__PURE__ */ e(yt, { ...o }, o.id)),
+      c.map((o) => /* @__PURE__ */ e(vt, { ...o }, o.id)),
       /* @__PURE__ */ e("div", { className: "w-full sm:w-auto sm:ml-auto min-w-[200px]", children: /* @__PURE__ */ e(
         ue,
         {
           placeholder: s,
           value: H,
           onChange: (o) => F(o.target.value),
-          startIcon: /* @__PURE__ */ e(mt, {}),
+          startIcon: /* @__PURE__ */ e(ft, {}),
           className: "max-w-sm"
         }
       ) })
     ] }) }),
     /* @__PURE__ */ i("div", { className: "relative w-full overflow-x-auto min-h-[400px]", children: [
       r && /* @__PURE__ */ e("div", { className: "flex items-center justify-center z-10", children: /* @__PURE__ */ e(
-        dt,
+        ut,
         {
           showTableSkeleton: !0,
           tableRows: 10,
@@ -1938,13 +1938,13 @@ const ut = ({
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        ft,
+                        ht,
                         {
                           active: E.column === o.id && E.direction === "asc"
                         }
                       ),
                       /* @__PURE__ */ e(
-                        ht,
+                        pt,
                         {
                           active: E.column === o.id && E.direction === "desc"
                         }
@@ -2013,11 +2013,11 @@ const ut = ({
                   );
                 }),
                 y.length > 0 && /* @__PURE__ */ e("td", { className: le, children: /* @__PURE__ */ e(
-                  ut,
+                  mt,
                   {
                     trigger: /* @__PURE__ */ i("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-muted hover:text-default", children: [
                       /* @__PURE__ */ e("span", { children: "Options" }),
-                      /* @__PURE__ */ e(ze, {})
+                      /* @__PURE__ */ e(De, {})
                     ] }),
                     options: y.map((j) => ({
                       value: j.id,
@@ -2074,7 +2074,7 @@ const ut = ({
             onClick: () => P(0),
             disabled: z.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(bt, {})
+            children: /* @__PURE__ */ e(gt, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2085,7 +2085,7 @@ const ut = ({
             onClick: () => P(z.page - 1),
             disabled: z.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(pt, {})
+            children: /* @__PURE__ */ e(xt, {})
           }
         ),
         /* @__PURE__ */ i("span", { className: "px-3 py-1 text-sm text-muted", children: [
@@ -2102,7 +2102,7 @@ const ut = ({
             onClick: () => P(z.page + 1),
             disabled: z.page >= S - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(xt, {})
+            children: /* @__PURE__ */ e(bt, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2113,13 +2113,13 @@ const ut = ({
             onClick: () => P(S - 1),
             disabled: z.page >= S - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(gt, {})
+            children: /* @__PURE__ */ e(yt, {})
           }
         )
       ] })
     ] })
   ] });
-}, vt = He(null), er = ({
+}, Nt = Ue(null), tr = ({
   items: t,
   activeTab: a,
   onTabChange: r,
@@ -2151,7 +2151,7 @@ const ut = ({
     },
     p.id
   )) }) });
-}, Nt = ({
+}, wt = ({
   items: t,
   defaultTab: a,
   activeTab: r,
@@ -2201,7 +2201,7 @@ const ut = ({
     } : {};
     return b(B, x, q, K, H, F);
   };
-  return /* @__PURE__ */ e(vt.Provider, { value: l, children: /* @__PURE__ */ i("div", { children: [
+  return /* @__PURE__ */ e(Nt.Provider, { value: l, children: /* @__PURE__ */ i("div", { children: [
     /* @__PURE__ */ e("div", { className: h, role: "tablist", children: t.map((w) => /* @__PURE__ */ e(
       "button",
       {
@@ -2230,14 +2230,14 @@ const ut = ({
       }
     )
   ] }) });
-}, wt = {
+}, kt = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function kt({
+function Ct({
   open: t,
   onClose: a,
   title: r,
@@ -2281,7 +2281,7 @@ function kt({
             "relative w-full bg-module rounded-modal shadow-modal rounded-md",
             // 'animate-scale-in',
             "focus:outline-none",
-            wt[n],
+            kt[n],
             f
           ),
           role: "dialog",
@@ -2331,7 +2331,7 @@ const Z = ({
   children: l,
   ...d
 }) => {
-  const h = y || Ct(t), C = b(
+  const h = y || St(t), C = b(
     // Base styles
     "font-primary",
     // Variant styles
@@ -2396,7 +2396,7 @@ const Z = ({
   );
   return /* @__PURE__ */ e(h, { className: C, ...d, children: l });
 };
-function Ct(t) {
+function St(t) {
   return {
     body: "p",
     caption: "span",
@@ -2404,7 +2404,7 @@ function Ct(t) {
     code: "code"
   }[t] || "p";
 }
-const St = ({
+const Lt = ({
   value: t,
   onChange: a,
   label: r,
@@ -2639,7 +2639,7 @@ const St = ({
             {
               onClick: O,
               className: "p-1 hover:bg-neutral-container rounded",
-              children: /* @__PURE__ */ e(oe, { icon: Oe, size: "xs" })
+              children: /* @__PURE__ */ e(oe, { icon: Ve, size: "xs" })
             }
           )
         ]
@@ -2647,7 +2647,7 @@ const St = ({
     ),
     s && /* @__PURE__ */ e(Z, { variant: "body", size: "xs", className: "text-error", children: s }),
     /* @__PURE__ */ e(
-      kt,
+      Ct,
       {
         open: d,
         onClose: () => {
@@ -2656,7 +2656,7 @@ const St = ({
         title: N ? `Explorer: ${N.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          Nt,
+          wt,
           {
             variant: "pills",
             items: [
@@ -2684,7 +2684,7 @@ const St = ({
                         placeholder: "Search...",
                         value: J,
                         onChange: (o) => z(o.target.value),
-                        startIcon: /* @__PURE__ */ e(Ve, { size: 14 }),
+                        startIcon: /* @__PURE__ */ e($e, { size: 14 }),
                         fullWidth: !0,
                         size: "sm"
                       }
@@ -2807,7 +2807,7 @@ function Me(t, a) {
     t
   );
 }
-function Lt(t, a, r) {
+function Mt(t, a, r) {
   const n = a.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let c = s;
   for (let f = 0; f < n.length - 1; f++) {
@@ -2816,7 +2816,7 @@ function Lt(t, a, r) {
   }
   return c[n[n.length - 1]] = r, s;
 }
-function Mt(t, a) {
+function Et(t, a) {
   const r = a.split("."), n = Array.isArray(t) ? [...t] : { ...t };
   let s = n;
   for (let c = 0; c < r.length - 1; c++) {
@@ -2826,7 +2826,7 @@ function Mt(t, a) {
   }
   return delete s[r[r.length - 1]], n;
 }
-const tr = ({
+const rr = ({
   groups: t,
   data: a,
   onSubmit: r,
@@ -2883,12 +2883,12 @@ const tr = ({
     [t]
   ), E = ne(
     (m, $) => {
-      let L = Lt(
+      let L = Mt(
         N,
         m,
         $
       );
-      t.flatMap((M) => M.items).find((M) => M.name === m)?.removeIfEmpty && ($ == null || $ === "") && (L = Mt(L, m)), B(L), H((M) => ({ ...M, [m]: !0 }));
+      t.flatMap((M) => M.items).find((M) => M.name === m)?.removeIfEmpty && ($ == null || $ === "") && (L = Et(L, m)), B(L), H((M) => ({ ...M, [m]: !0 }));
       const P = F(m, $, L);
       q((M) => ({
         ...M,
@@ -3013,7 +3013,7 @@ const tr = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            St,
+            Lt,
             {
               ...P,
               value: $,
@@ -3410,7 +3410,7 @@ const tr = ({
       )
     ] })
   ] });
-}, Et = {
+}, $t = {
   default: "bg-neutral-container text-default",
   primary: "bg-accent-container text-accent",
   secondary: "bg-neutral-container text-muted",
@@ -3418,11 +3418,11 @@ const tr = ({
   warning: "bg-notice-container text-on-notice",
   error: "bg-error-container text-error",
   info: "bg-beta-container text-link"
-}, $t = {
+}, zt = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, zt = {
+}, Dt = {
   default: "bg-neutral-fill",
   primary: "bg-accent-fill",
   secondary: "bg-neutral-fill",
@@ -3431,7 +3431,7 @@ const tr = ({
   error: "bg-error-fill",
   info: "bg-beta-fill"
 };
-function rr({
+function nr({
   variant: t = "default",
   size: a = "md",
   dot: r = !1,
@@ -3449,9 +3449,9 @@ function rr({
         // Base styles
         "inline-flex items-center font-medium rounded-full",
         // Variant styles
-        Et[t],
+        $t[t],
         // Size styles
-        $t[a],
+        zt[a],
         f
       ),
       ...p,
@@ -3461,7 +3461,7 @@ function rr({
           {
             className: b(
               "w-2 h-2 rounded-full mr-1.5",
-              zt[t]
+              Dt[t]
             )
           }
         ),
@@ -3487,25 +3487,25 @@ function rr({
     }
   );
 }
-const Dt = {
+const Tt = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
   md: "h-6 w-6",
   lg: "h-8 w-8",
   xl: "h-12 w-12"
-}, Tt = {
+}, At = {
   primary: "text-primary",
   secondary: "text-secondary-600",
   white: "text-white",
   current: "text-current"
-}, At = {
+}, It = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function nr({
+function ar({
   size: t = "md",
   variant: a = "primary",
   label: r = "Loading...",
@@ -3528,8 +3528,8 @@ function nr({
           {
             className: b(
               "animate-spin",
-              Dt[t],
-              Tt[a]
+              Tt[t],
+              At[a]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -3563,7 +3563,7 @@ function nr({
           {
             className: b(
               "text-secondary-600 dark:text-secondary-400",
-              At[t]
+              It[t]
             ),
             children: r
           }
@@ -3573,7 +3573,7 @@ function nr({
     }
   );
 }
-const ar = ({
+const lr = ({
   src: t,
   alt: a,
   size: r = "md",
@@ -3670,7 +3670,7 @@ const ar = ({
     C && c && /* @__PURE__ */ e("div", { className: J, children: p || z }),
     N && f && /* @__PURE__ */ e("div", { className: J, children: y || v })
   ] });
-}, lr = ({
+}, sr = ({
   title: t,
   subtitle: a,
   actions: r = [],
@@ -3699,19 +3699,19 @@ const ar = ({
     "div",
     {
       className: b(
-        "p-5 pb-3 border-b border-gray-100 dark:border-gray-700",
+        "p-5 pb-3 border-b border-neutral",
         s
       ),
       children: [
         /* @__PURE__ */ i("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__ */ i("div", { className: "flex items-center gap-2 text-neutral-900 dark:text-neutral-100", children: [
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-default", children: [
             g && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 onClick: g,
                 className: b(
-                  "flex items-center text-sm dark:hover:text-neutral-300 cursor-pointer transition",
+                  "flex items-center text-sm cursor-pointer transition",
                   f
                 ),
                 children: /* @__PURE__ */ e(we, { size: 16, color: "currentColor" })
@@ -3726,24 +3726,34 @@ const ar = ({
                 onChange: (x) => h(x.target.value),
                 onBlur: N,
                 onKeyDown: B,
-                className: "text-1xl font-semibold bg-transparent border-b-1 border-gray-200 dark:border-gray-700 rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 flex-1"
+                className: "text-1xl font-semibold bg-transparent border-b-1 border-neutral rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 flex-1"
               }
-            ) : /* @__PURE__ */ e(
-              "h2",
-              {
-                onClick: w,
-                className: b(
-                  "text-2xl font-semibold truncate",
-                  p && "cursor-pointer hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
-                ),
-                title: p ? "Klik om te bewerken" : void 0,
-                children: t
-              }
-            )
+            ) : /* @__PURE__ */ i("div", { className: "group flex items-center gap-1.5 min-w-0", children: [
+              /* @__PURE__ */ e(
+                "h2",
+                {
+                  onClick: w,
+                  className: b(
+                    "text-2xl font-semibold truncate",
+                    p && "cursor-pointer"
+                  ),
+                  title: p ? "Klik om te bewerken" : void 0,
+                  children: t
+                }
+              ),
+              p && /* @__PURE__ */ e(
+                Re,
+                {
+                  size: 15,
+                  onClick: w,
+                  className: "shrink-0 cursor-pointer text-muted opacity-0 group-hover:opacity-100 transition-opacity"
+                }
+              )
+            ] })
           ] }) }),
           r.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: r.map(
             (x) => x.splitOptions && x.splitOptions.length > 0 ? /* @__PURE__ */ e(
-              $e,
+              ze,
               {
                 label: x.label,
                 onClick: x.onClick,
@@ -3780,7 +3790,7 @@ const ar = ({
       ]
     }
   );
-}, sr = ({
+}, or = ({
   actions: t = [],
   onBack: a,
   backLabel: r = "Back",
@@ -3802,7 +3812,7 @@ const ar = ({
   s && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: s }),
   t.length > 0 && /* @__PURE__ */ e("div", { className: b("flex flex-wrap gap-2", !s && "ml-auto"), children: t.map(
     (c) => c.splitOptions && c.splitOptions.length > 0 ? /* @__PURE__ */ e(
-      $e,
+      ze,
       {
         label: c.label,
         onClick: c.onClick,
@@ -3835,13 +3845,13 @@ const ar = ({
     )
   ) })
 ] });
-function It(t, a) {
+function jt(t, a) {
   return a.split(".").reduce(
     (r, n) => r && typeof r == "object" && n in r ? r[n] : void 0,
     t
   );
 }
-const or = ({
+const cr = ({
   groups: t,
   data: a,
   size: r = "md",
@@ -3864,7 +3874,7 @@ const or = ({
     return d ? d.label : String(u || "-");
   }, g = ne(
     (u) => {
-      const l = It(a, u.name);
+      const l = jt(a, u.name);
       if (u.type === "array") {
         const h = l;
         return !h || h.length === 0 ? /* @__PURE__ */ e(
@@ -4090,7 +4100,7 @@ const or = ({
     n
   );
   return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(p) }) });
-}, De = ({ item: t, isSelectedHandler: a, onClick: r }) => {
+}, Te = ({ item: t, isSelectedHandler: a, onClick: r }) => {
   const [n, s] = V(!1), c = t.children && t.children.length > 0, f = () => {
     c && s(!n);
   }, g = a ? a(t.path) : !1;
@@ -4113,12 +4123,12 @@ const or = ({
           t.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: t.icon }),
           /* @__PURE__ */ e("span", { className: "flex-1", children: t.label }),
           t.count !== void 0 && t.count > 0 && /* @__PURE__ */ e("span", { className: "ml-2 mr-1.5", children: t.count }),
-          c && /* @__PURE__ */ e("span", { className: `${n ? "collapsed" : ""}`, children: /* @__PURE__ */ e(Re, { className: "w-4 h-4 text-muted" }) })
+          c && /* @__PURE__ */ e("span", { className: `${n ? "collapsed" : ""}`, children: /* @__PURE__ */ e(qe, { className: "w-4 h-4 text-muted" }) })
         ]
       }
     ),
     c && !n && /* @__PURE__ */ e("ul", { className: "sidebar-menu-nested-items mb-1", children: t.children?.map((p, y) => /* @__PURE__ */ e(
-      De,
+      Te,
       {
         item: p,
         isSelectedHandler: a,
@@ -4127,7 +4137,7 @@ const or = ({
       y
     )) })
   ] });
-}, cr = ({
+}, ir = ({
   title: t,
   actionIcons: a,
   items: r,
@@ -4142,7 +4152,7 @@ const or = ({
   c && /* @__PURE__ */ e("div", { className: "sidebar-menu-pre-items mb-4", children: c }),
   /* @__PURE__ */ e("ul", { children: r.map(
     (f, g) => !f.path && !f.label && !f.children ? /* @__PURE__ */ e("span", { className: "flex w-full h-4" }, g) : /* @__PURE__ */ e(
-      De,
+      Te,
       {
         item: f,
         isSelectedHandler: n,
@@ -4151,7 +4161,7 @@ const or = ({
       g
     )
   ) })
-] }), ir = ({
+] }), dr = ({
   level: t = 1,
   size: a,
   weight: r = "bold",
@@ -4162,7 +4172,7 @@ const or = ({
   children: g,
   ...p
 }) => {
-  const y = a || jt(t), u = b(
+  const y = a || Bt(t), u = b(
     "font-primary",
     // Size variants
     {
@@ -4209,7 +4219,7 @@ const or = ({
   ), l = `h${t}`;
   return /* @__PURE__ */ e(l, { className: u, ...p, children: g });
 };
-function jt(t) {
+function Bt(t) {
   return {
     1: "4xl",
     2: "3xl",
@@ -4219,7 +4229,7 @@ function jt(t) {
     6: "md"
   }[t] || "md";
 }
-const dr = ({
+const ur = ({
   items: t,
   type: a = "unordered",
   variant: r = "default",
@@ -4307,7 +4317,7 @@ const dr = ({
     },
     l.id || d
   )) });
-}, ur = ({
+}, mr = ({
   commands: t,
   isOpen: a,
   onClose: r,
@@ -4351,31 +4361,35 @@ const dr = ({
   }, [u, a]), a ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center shadow-lvl-0", children: /* @__PURE__ */ i(
     "div",
     {
-      className: "flex flex-col w-full max-w-lg max-h-[80vh] p-2 mx-auto rounded-lg shadow-lg bg-white",
+      className: "flex flex-col w-full max-w-lg max-h-[80vh] p-2 mx-auto rounded-xl border border-neutral shadow-lg bg-module",
       ref: d,
       children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            placeholder: n?.searchPlaceholder || "Search commands...",
-            value: f,
-            onChange: (N) => g(N.target.value),
-            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__ */ i("div", { className: "flex items-center gap-2 px-3 flex-shrink-0", children: [
+          /* @__PURE__ */ e($e, { className: "w-4 h-4 text-muted shrink-0" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              autoFocus: !0,
+              placeholder: n?.searchPlaceholder || "Search commands...",
+              value: f,
+              onChange: (N) => g(N.target.value),
+              className: "w-full py-2 text-default focus:outline-none focus:ring-0 bg-transparent"
+            }
+          )
+        ] }),
         /* @__PURE__ */ i(
           "div",
           {
             ref: h,
-            className: "mt-2 pt-2 text-sm border-t border-gray-200 max-h-[50vh] overflow-y-auto",
+            className: "mt-2 pt-2 text-sm border-t border-neutral max-h-[50vh] overflow-y-auto",
             children: [
-              w.length === 0 && /* @__PURE__ */ e("div", { className: "text-gray-500 text-center text-sm", children: n?.noCommandsFound || "No commands found" }),
+              w.length === 0 && /* @__PURE__ */ e("div", { className: "text-muted text-center text-sm", children: n?.noCommandsFound || "No commands found" }),
               w.map((N, B) => /* @__PURE__ */ i(
                 "div",
                 {
                   "data-index": B,
-                  className: `flex items-center p-2 cursor-pointer rounded-md text-secondary-800 ${B === u ? "bg-gray-100" : ""}`,
+                  className: `flex items-center p-2 cursor-pointer rounded-md text-default ${B === u ? "bg-neutral-container" : ""}`,
                   onClick: () => {
                     N.subCommands ? (y([...p, N.id]), l(0)) : N.action && (N.action(), r());
                   },
@@ -4383,7 +4397,7 @@ const dr = ({
                   children: [
                     N.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: N.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: N.label }),
-                    N.subCommands && /* @__PURE__ */ e("span", { className: "text-gray-400", children: /* @__PURE__ */ e(qe, { className: "w-4 h-4" }) })
+                    N.subCommands && /* @__PURE__ */ e("span", { className: "text-muted", children: /* @__PURE__ */ e(He, { className: "w-4 h-4" }) })
                   ]
                 },
                 N.id
@@ -4391,27 +4405,24 @@ const dr = ({
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: "flex items-center justify-between pt-2 mt-2 text-xs text-gray-500 border-t border-gray-200", children: [
-          /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e("span", { className: "font-bold", children: "↑↓" }),
-            " ",
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-4 px-3 pt-2 mt-2 text-xs text-muted border-t border-neutral", children: [
+          /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-[1.25rem] px-1 py-0.5 rounded border border-neutral bg-module-subtle text-[10px] font-medium not-italic", children: "↑↓" }),
             n?.navigate || "to navigate"
           ] }),
-          /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e("span", { className: "font-bold", children: "↵" }),
-            " ",
+          /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-[1.25rem] px-1 py-0.5 rounded border border-neutral bg-module-subtle text-[10px] font-medium not-italic", children: "↵" }),
             n?.select || "to select"
           ] }),
-          /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e("span", { className: "font-bold", children: "Esc" }),
-            " ",
+          /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-[1.25rem] px-1 py-0.5 rounded border border-neutral bg-module-subtle text-[10px] font-medium not-italic", children: "Esc" }),
             n?.close || "to close"
           ] })
         ] })
       ]
     }
   ) }) : null;
-}, Bt = {
+}, Pt = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -4419,7 +4430,7 @@ const dr = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Pt = {
+}, _t = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -4427,7 +4438,7 @@ const dr = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, _t = {
+}, Ot = {
   none: "",
   primary: "bg-primary",
   secondary: "bg-secondary",
@@ -4443,26 +4454,26 @@ const dr = ({
   backdrop: "bg-backdrop",
   editor: "bg-editor",
   input: "bg-input"
-}, Ot = {
+}, Vt = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Vt = {
+}, Ft = {
   none: "shadow-none",
   sm: "shadow-sm shadow-lvl-0",
   md: "shadow-md shadow-lvl-0",
   lg: "shadow-lg shadow-lvl-0",
   xl: "shadow-xl shadow-lvl-0",
   "2xl": "shadow-2xl shadow-lvl-0"
-}, Ft = {
+}, Wt = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Wt = {
+}, Rt = {
   primary: "border-primary",
   secondary: "border-secondary",
   accent: "border-accent",
@@ -4472,7 +4483,7 @@ const dr = ({
   info: "border-info",
   neutral: "border-neutral",
   white: "border-white"
-}, Te = ce(
+}, Ae = ce(
   ({
     padding: t,
     margin: a,
@@ -4489,13 +4500,13 @@ const dr = ({
     {
       ref: u,
       className: b(
-        t && Bt[t],
-        a && Pt[a],
-        r && _t[r],
-        n && Ot[n],
-        s && Vt[s],
-        c && Ft[c],
-        f && Wt[f],
+        t && Pt[t],
+        a && _t[a],
+        r && Ot[r],
+        n && Vt[n],
+        s && Ft[s],
+        c && Wt[c],
+        f && Rt[f],
         g
       ),
       ...y,
@@ -4503,12 +4514,12 @@ const dr = ({
     }
   )
 );
-Te.displayName = "Box";
-const mr = ({ children: t, title: a, ...r }) => /* @__PURE__ */ i(Te, { background: "module", radius: "xl", shadow: "sm", ...r, children: [
+Ae.displayName = "Box";
+const fr = ({ children: t, title: a, ...r }) => /* @__PURE__ */ i(Ae, { background: "module", radius: "xl", shadow: "sm", ...r, children: [
   a && /* @__PURE__ */ e("span", { className: "text-base font-medium text-default mb-2", children: a }),
   t
 ] });
-function fr({
+function hr({
   identifier: t,
   resourceLoader: a,
   framework: r = "react",
@@ -4556,7 +4567,7 @@ function fr({
     r === "react" && y && /* @__PURE__ */ e(y, { ...s })
   ] });
 }
-class hr extends Ue {
+class pr extends Ge {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -4585,45 +4596,45 @@ class hr extends Ue {
   }
 }
 export {
-  rr as Badge,
-  Te as Box,
+  nr as Badge,
+  Ae as Box,
   ee as Button,
-  Xt as ButtonGroup,
-  mr as Card,
+  Qt as ButtonGroup,
+  fr as Card,
   ge as Checkbox,
-  ur as CommandPalette,
-  dt as ContentLoading,
+  mr as CommandPalette,
+  ut as ContentLoading,
   ye as DatePicker,
-  ut as Dropdown,
-  hr as ErrorBoundary,
-  fr as FederatedResource,
-  tr as Form,
-  ir as Heading,
+  mt as Dropdown,
+  pr as ErrorBoundary,
+  hr as FederatedResource,
+  rr as Form,
+  dr as Heading,
   oe as Icon,
-  ar as Image,
-  Qt as Link,
-  dr as List,
-  Jt as MeetingGrid,
-  kt as Modal,
-  lr as PageHeader,
-  sr as PageToolbar,
-  Yt as ParticipantTile,
-  lt as SearchableTextField,
+  lr as Image,
+  er as Link,
+  ur as List,
+  Yt as MeetingGrid,
+  Ct as Modal,
+  sr as PageHeader,
+  or as PageToolbar,
+  Zt as ParticipantTile,
+  st as SearchableTextField,
   ve as Select,
-  cr as SidebarMenu,
-  nr as Spinner,
-  $e as SplitButton,
-  St as StorageInput,
-  er as TabBar,
+  ir as SidebarMenu,
+  ar as Spinner,
+  ze as SplitButton,
+  Lt as StorageInput,
+  tr as TabBar,
   Le as Table,
-  Nt as Tabs,
+  wt as Tabs,
   Z as Text,
   Ne as TextArea,
   ue as TextField,
-  Zt as VideoSurface,
-  or as View,
+  Xt as VideoSurface,
+  cr as View,
   b as cn,
-  Kt as createSizes,
-  Gt as createVariants
+  Jt as createSizes,
+  Kt as createVariants
 };
 //# sourceMappingURL=index.js.map