npm - sls-ui-library - Versions diffs - 1.0.2 → 1.0.3 - Mend

sls-ui-library 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/sls-ui.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as s, Fragment as B } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
 import * as b from "react";
-import { forwardRef as Y, createElement as T } from "react";
+import { forwardRef as Y, createElement as O } from "react";
 import { createPortal as H } from "react-dom";
 function V(t) {
   var r, n, a = "";
@@ -11,14 +11,14 @@ function V(t) {
   } else for (n in t) t[n] && (a && (a += " "), a += n);
   return a;
 }
-function te() {
+function ae() {
   for (var t, r, n = 0, a = "", i = arguments.length; n < i; n++) (t = arguments[n]) && (r = V(t)) && (a && (a += " "), a += r);
   return a;
 }
 function h(...t) {
-  return te(t);
+  return ae(t);
 }
-const re = {
+const ie = {
   neutral: "bg-tag text-tag border border-tag-border",
   online: "bg-status-online-bg text-status-online",
   warn: "bg-status-warn-bg text-status-warn",
@@ -26,13 +26,13 @@ const re = {
   live: "bg-live-bg text-live-text",
   accent: "bg-accent-muted text-accent"
 };
-function Ye({ tone: t = "neutral", className: r, children: n, ...a }) {
+function _e({ tone: t = "neutral", className: r, children: n, ...a }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: h(
         "inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs font-medium",
-        re[t],
+        ie[t],
         r
       ),
       ...a,
@@ -40,7 +40,7 @@ function Ye({ tone: t = "neutral", className: r, children: n, ...a }) {
     }
   );
 }
-const ne = {
+const se = {
   primary: "bg-accent text-white hover:brightness-110 focus-visible:ring-accent/50",
   secondary: "bg-accent-muted text-accent hover:brightness-105 focus-visible:ring-accent/40",
   outline: "border border-card-border text-ink-primary bg-transparent hover:bg-accent-muted focus-visible:ring-accent/30",
@@ -48,36 +48,36 @@ const ne = {
   danger: "bg-status-offline text-white hover:brightness-110 focus-visible:ring-status-offline/50",
   add: "bg-status-online text-white hover:brightness-110 focus-visible:ring-status-online/50",
   cancel: "border border-card-border text-ink-secondary bg-transparent hover:bg-card focus-visible:ring-ink-muted/30"
-}, ae = {
+}, ce = {
   sm: "h-8 px-3 text-sm gap-1.5",
   md: "h-10 px-4 text-sm gap-2",
   lg: "h-12 px-6 text-base gap-2"
-}, M = b.forwardRef(
-  ({ variant: t = "primary", size: r = "md", icon: n, trailingIcon: a, loading: i, fullWidth: l, disabled: c, className: f, children: d, ...u }, o) => /* @__PURE__ */ s(
+}, B = b.forwardRef(
+  ({ variant: t = "primary", size: r = "md", icon: n, trailingIcon: a, loading: i, fullWidth: c, disabled: l, className: f, children: o, ...d }, u) => /* @__PURE__ */ s(
     "button",
     {
-      ref: o,
-      disabled: c || i,
+      ref: u,
+      disabled: l || i,
       className: h(
         "inline-flex items-center justify-center rounded-md font-primary font-medium",
         "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2",
         "disabled:opacity-50 disabled:cursor-not-allowed",
-        ne[t],
-        ae[r],
-        l && "w-full",
+        se[t],
+        ce[r],
+        c && "w-full",
         f
       ),
-      ...u,
+      ...d,
       children: [
         i ? /* @__PURE__ */ e("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : n && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0", children: n }),
-        d,
+        o,
         !i && a && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0", children: a })
       ]
     }
   )
 );
-M.displayName = "Button";
-const ie = b.forwardRef(
+B.displayName = "Button";
+const le = b.forwardRef(
   ({ padded: t = !0, className: r, children: n, ...a }, i) => /* @__PURE__ */ e(
     "div",
     {
@@ -92,21 +92,21 @@ const ie = b.forwardRef(
     }
   )
 );
-ie.displayName = "Card";
+le.displayName = "Card";
 /**
  * @license lucide-react v0.400.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const se = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (...t) => t.filter((r, n, a) => !!r && a.indexOf(r) === n).join(" ");
+const oe = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), U = (...t) => t.filter((r, n, a) => !!r && a.indexOf(r) === n).join(" ");
 /**
  * @license lucide-react v0.400.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var le = {
+var de = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -123,31 +123,31 @@ var le = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ce = Y(
+const ue = Y(
   ({
     color: t = "currentColor",
     size: r = 24,
     strokeWidth: n = 2,
     absoluteStrokeWidth: a,
     className: i = "",
-    children: l,
-    iconNode: c,
+    children: c,
+    iconNode: l,
     ...f
-  }, d) => T(
+  }, o) => O(
     "svg",
     {
-      ref: d,
-      ...le,
+      ref: o,
+      ...de,
       width: r,
       height: r,
       stroke: t,
       strokeWidth: a ? Number(n) * 24 / Number(r) : n,
-      className: W("lucide", i),
+      className: U("lucide", i),
       ...f
     },
     [
-      ...c.map(([u, o]) => T(u, o)),
-      ...Array.isArray(l) ? l : [l]
+      ...l.map(([d, u]) => O(d, u)),
+      ...Array.isArray(c) ? c : [c]
     ]
   )
 );
@@ -159,10 +159,10 @@ const ce = Y(
  */
 const k = (t, r) => {
   const n = Y(
-    ({ className: a, ...i }, l) => T(ce, {
-      ref: l,
+    ({ className: a, ...i }, c) => O(ue, {
+      ref: c,
       iconNode: r,
-      className: W(`lucide-${se(t)}`, a),
+      className: U(`lucide-${oe(t)}`, a),
       ...i
     })
   );
@@ -174,7 +174,7 @@ const k = (t, r) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const oe = k("ArrowDown", [
+const fe = k("ArrowDown", [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ]);
@@ -184,7 +184,7 @@ const oe = k("ArrowDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const O = k("ArrowUpDown", [
+const F = k("ArrowUpDown", [
   ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
   ["path", { d: "M17 20V4", key: "1ejh1v" }],
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
@@ -196,7 +196,7 @@ const O = k("ArrowUpDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const de = k("ArrowUp", [
+const me = k("ArrowUp", [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ]);
@@ -206,7 +206,7 @@ const de = k("ArrowUp", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ue = k("Bot", [
+const he = k("Bot", [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -232,7 +232,7 @@ const G = k("Calendar", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const U = k("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+const _ = k("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 /**
  * @license lucide-react v0.400.0 - ISC
  *
@@ -248,7 +248,7 @@ const Q = k("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = k("ChevronLeft", [
+const be = k("ChevronLeft", [
   ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
 ]);
 /**
@@ -257,7 +257,7 @@ const me = k("ChevronLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fe = k("ChevronRight", [
+const xe = k("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
 ]);
 /**
@@ -286,7 +286,7 @@ const J = k("ChevronsRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = k("CircleAlert", [
+const pe = k("CircleAlert", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
@@ -297,7 +297,7 @@ const he = k("CircleAlert", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const be = k("Download", [
+const ge = k("Download", [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
@@ -308,7 +308,7 @@ const be = k("Download", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = k("EyeOff", [
+const ve = k("EyeOff", [
   ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
   [
     "path",
@@ -329,7 +329,7 @@ const xe = k("EyeOff", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = k("Eye", [
+const ye = k("Eye", [
   ["path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z", key: "rwhkz3" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]);
@@ -339,7 +339,7 @@ const pe = k("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ge = k("Grid3x3", [
+const ke = k("Grid3x3", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
@@ -352,7 +352,7 @@ const ge = k("Grid3x3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = k("LogOut", [
+const we = k("LogOut", [
   ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }],
   ["polyline", { points: "16 17 21 12 16 7", key: "1gabdz" }],
   ["line", { x1: "21", x2: "9", y1: "12", y2: "12", key: "1uyos4" }]
@@ -363,7 +363,7 @@ const ye = k("LogOut", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ve = k("Mail", [
+const Ne = k("Mail", [
   ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
   ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
 ]);
@@ -383,7 +383,7 @@ const X = k("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ke = k("RefreshCw", [
+const Ce = k("RefreshCw", [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
@@ -395,7 +395,7 @@ const ke = k("RefreshCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const F = k("Search", [
+const P = k("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -405,7 +405,7 @@ const F = k("Search", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _ = k("SlidersHorizontal", [
+const K = k("SlidersHorizontal", [
   ["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
   ["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
   ["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
@@ -422,7 +422,7 @@ const _ = k("SlidersHorizontal", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const we = k("Trash2", [
+const Be = k("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
@@ -435,7 +435,7 @@ const we = k("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ne = k("User", [
+const Me = k("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
@@ -445,15 +445,15 @@ const Ne = k("User", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const R = k("X", [
+const D = k("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), P = b.forwardRef(
-  ({ label: t, id: r, className: n, checked: a, ...i }, l) => {
-    const c = r ?? b.useId();
-    return /* @__PURE__ */ s("label", { htmlFor: c, className: "inline-flex cursor-pointer items-center gap-2 select-none", children: [
+]), E = b.forwardRef(
+  ({ label: t, id: r, className: n, checked: a, ...i }, c) => {
+    const l = r ?? b.useId();
+    return /* @__PURE__ */ s("label", { htmlFor: l, className: "inline-flex cursor-pointer items-center gap-2 select-none", children: [
       /* @__PURE__ */ s("span", { className: "relative inline-flex h-4 w-4 shrink-0 items-center justify-center", children: [
-        /* @__PURE__ */ e("input", { ref: l, id: c, type: "checkbox", checked: a, className: "peer sr-only", ...i }),
+        /* @__PURE__ */ e("input", { ref: c, id: l, type: "checkbox", checked: a, className: "peer sr-only", ...i }),
         /* @__PURE__ */ e(
           "span",
           {
@@ -465,68 +465,68 @@ const R = k("X", [
             )
           }
         ),
-        a && /* @__PURE__ */ e(U, { size: 12, strokeWidth: 3, className: "pointer-events-none absolute text-white" })
+        a && /* @__PURE__ */ e(_, { size: 12, strokeWidth: 3, className: "pointer-events-none absolute text-white" })
       ] }),
       t && /* @__PURE__ */ e("span", { className: "text-sm text-ink-primary", children: t })
     ] });
   }
 );
-P.displayName = "Checkbox";
-const Ce = {
+E.displayName = "Checkbox";
+const ze = {
   idle: "text-icon-idle hover:text-icon-active hover:bg-accent-muted",
   active: "text-icon-active bg-accent-muted",
   danger: "text-status-offline hover:bg-status-offline-bg"
-}, Me = { sm: "h-8 w-8", md: "h-10 w-10" }, L = b.forwardRef(
-  ({ icon: t, label: r, variant: n = "idle", size: a = "md", className: i, ...l }, c) => /* @__PURE__ */ e(
+}, Se = { sm: "h-8 w-8", md: "h-10 w-10" }, S = b.forwardRef(
+  ({ icon: t, label: r, variant: n = "idle", size: a = "md", className: i, ...c }, l) => /* @__PURE__ */ e(
     "button",
     {
-      ref: c,
+      ref: l,
       "aria-label": r,
       title: r,
       className: h(
         "inline-flex items-center justify-center rounded-full transition-colors duration-150",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40",
         "disabled:opacity-40 disabled:cursor-not-allowed",
-        Ce[n],
-        Me[a],
+        ze[n],
+        Se[a],
         i
       ),
-      ...l,
+      ...c,
       children: t
     }
   )
 );
-L.displayName = "IconButton";
-function He({ columns: t, visible: r, onChange: n, className: a }) {
-  const [i, l] = b.useState(!1), c = b.useRef(null);
+S.displayName = "IconButton";
+function Qe({ columns: t, visible: r, onChange: n, className: a }) {
+  const [i, c] = b.useState(!1), l = b.useRef(null);
   b.useEffect(() => {
-    function d(u) {
-      c.current && !c.current.contains(u.target) && l(!1);
+    function o(d) {
+      l.current && !l.current.contains(d.target) && c(!1);
     }
-    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
   }, []);
-  function f(d) {
-    n(r.includes(d) ? r.filter((u) => u !== d) : [...r, d]);
+  function f(o) {
+    n(r.includes(o) ? r.filter((d) => d !== o) : [...r, o]);
   }
-  return /* @__PURE__ */ s("div", { ref: c, className: h("relative", a), children: [
-    /* @__PURE__ */ e(L, { icon: /* @__PURE__ */ e(ge, { size: 16 }), label: "Choose columns", onClick: () => l((d) => !d), variant: i ? "active" : "idle" }),
-    i && /* @__PURE__ */ e("div", { className: "absolute right-0 z-20 mt-1 w-52 rounded-md border border-card-border bg-card p-2 shadow-lg", children: t.map((d) => /* @__PURE__ */ s("label", { className: "flex items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent-muted", children: [
-      /* @__PURE__ */ e(P, { checked: r.includes(d.key), onChange: () => f(d.key) }),
-      /* @__PURE__ */ e("span", { className: "text-ink-primary", children: d.label })
-    ] }, d.key)) })
+  return /* @__PURE__ */ s("div", { ref: l, className: h("relative", a), children: [
+    /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(ke, { size: 16 }), label: "Choose columns", onClick: () => c((o) => !o), variant: i ? "active" : "idle" }),
+    i && /* @__PURE__ */ e("div", { className: "absolute right-0 z-20 mt-1 w-52 rounded-md border border-card-border bg-card p-2 shadow-lg", children: t.map((o) => /* @__PURE__ */ s("label", { className: "flex items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent-muted", children: [
+      /* @__PURE__ */ e(E, { checked: r.includes(o.key), onChange: () => f(o.key) }),
+      /* @__PURE__ */ e("span", { className: "text-ink-primary", children: o.label })
+    ] }, o.key)) })
   ] });
 }
-const ze = {
+const Le = {
   sm: "max-w-sm",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl"
 };
-function I({ open: t, onClose: r, title: n, footer: a, size: i = "md", children: l, className: c }) {
+function R({ open: t, onClose: r, title: n, footer: a, size: i = "md", children: c, className: l }) {
   return b.useEffect(() => {
     if (!t) return;
-    function f(d) {
-      d.key === "Escape" && r();
+    function f(o) {
+      o.key === "Escape" && r();
     }
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
   }, [t, r]), t ? H(
@@ -539,15 +539,15 @@ function I({ open: t, onClose: r, title: n, footer: a, size: i = "md", children:
           "aria-modal": "true",
           className: h(
             "relative z-10 flex max-h-[90vh] w-full flex-col rounded-lg border border-card-border bg-card shadow-xl",
-            ze[i],
-            c
+            Le[i],
+            l
           ),
           children: [
             n && /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-5 py-4", children: [
               /* @__PURE__ */ e("h2", { className: "font-secondary text-base font-semibold text-ink-primary", children: n }),
-              /* @__PURE__ */ e("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(R, { size: 18 }) })
+              /* @__PURE__ */ e("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(D, { size: 18 }) })
             ] }),
-            /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: l }),
+            /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: c }),
             a && /* @__PURE__ */ e("div", { className: "flex items-center justify-end gap-2 border-t border-card-border px-5 py-4", children: a })
           ]
         }
@@ -556,78 +556,78 @@ function I({ open: t, onClose: r, title: n, footer: a, size: i = "md", children:
     document.body
   ) : null;
 }
-function Ve({
+function Ze({
   open: t,
   title: r,
   message: n,
   confirmLabel: a = "Ok",
   cancelLabel: i = "Close",
-  tone: l = "default",
-  onConfirm: c,
+  tone: c = "default",
+  onConfirm: l,
   onClose: f,
-  loading: d
+  loading: o
 }) {
   return /* @__PURE__ */ e(
-    I,
+    R,
     {
       open: t,
       onClose: f,
       title: r,
       size: "sm",
-      footer: /* @__PURE__ */ s(B, { children: [
-        /* @__PURE__ */ e(M, { variant: "cancel", onClick: f, children: i }),
-        /* @__PURE__ */ e(M, { variant: l === "danger" ? "danger" : "primary", onClick: c, loading: d, children: a })
+      footer: /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e(B, { variant: "cancel", onClick: f, children: i }),
+        /* @__PURE__ */ e(B, { variant: c === "danger" ? "danger" : "primary", onClick: l, loading: o, children: a })
       ] }),
       children: /* @__PURE__ */ e("p", { className: "text-sm text-ink-secondary", children: n })
     }
   );
 }
-function K({ fullPage: t, label: r = "Loading...", className: n }) {
+function ee({ fullPage: t, label: r = "Loading...", className: n }) {
   const a = /* @__PURE__ */ s("div", { className: h("flex flex-col items-center justify-center gap-3", n), children: [
     /* @__PURE__ */ e("span", { className: "h-10 w-10 animate-spin rounded-full border-4 border-accent-muted border-t-accent" }),
     r && /* @__PURE__ */ e("span", { className: "text-sm text-ink-secondary", children: r })
   ] });
   return t ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-canvas/70 backdrop-blur-sm", children: a }) : a;
 }
-function q({ checked: t, indeterminate: r, onChange: n, label: a = "Select row" }) {
+function I({ checked: t, indeterminate: r, onChange: n, label: a = "Select row" }) {
   const i = b.useRef(null);
   return b.useEffect(() => {
     i.current && (i.current.indeterminate = !!r);
-  }, [r]), /* @__PURE__ */ e(P, { ref: i, checked: t, onChange: (l) => n(l.target.checked), "aria-label": a });
+  }, [r]), /* @__PURE__ */ e(E, { ref: i, checked: t, onChange: (c) => n(c.target.checked), "aria-label": a });
 }
-function We({
+function Je({
   columns: t,
   data: r,
   rowKey: n,
   loading: a,
   emptyMessage: i = "No records found.",
-  visibleColumns: l,
-  sortKey: c,
+  visibleColumns: c,
+  sortKey: l,
   sortDirection: f,
-  onSortChange: d,
-  selectable: u,
-  selectedKeys: o = [],
+  onSortChange: o,
+  selectable: d,
+  selectedKeys: u = [],
   onSelectedKeysChange: m,
-  onRowClick: y,
+  onRowClick: v,
   className: C
 }) {
-  const N = l ? t.filter((g) => l.includes(g.key)) : t, x = r.map(n), w = u && r.length > 0 && x.every((g) => o.includes(g)), v = u && x.some((g) => o.includes(g));
-  function S(g) {
-    if (!(!g.sortable || !d)) {
-      if (c !== g.key) return d(g.key, "asc");
-      if (f === "asc") return d(g.key, "desc");
-      d(g.key, null);
+  const N = c ? t.filter((g) => c.includes(g.key)) : t, x = r.map(n), w = d && r.length > 0 && x.every((g) => u.includes(g)), y = d && x.some((g) => u.includes(g));
+  function z(g) {
+    if (!(!g.sortable || !o)) {
+      if (l !== g.key) return o(g.key, "asc");
+      if (f === "asc") return o(g.key, "desc");
+      o(g.key, null);
     }
   }
-  function A() {
+  function T() {
     m && m(w ? [] : x);
   }
-  function E(g) {
-    m && m(o.includes(g) ? o.filter((p) => p !== g) : [...o, g]);
+  function j(g) {
+    m && m(u.includes(g) ? u.filter((p) => p !== g) : [...u, g]);
   }
   return /* @__PURE__ */ e("div", { className: h("overflow-x-auto rounded-lg border border-card-border bg-card", C), children: /* @__PURE__ */ s("table", { className: "w-full text-left text-sm", children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { className: "border-b border-card-border bg-canvas", children: [
-      u && /* @__PURE__ */ e("th", { className: "w-10 px-4 py-3", children: /* @__PURE__ */ e(q, { checked: !!w, indeterminate: !w && v, onChange: A, label: "Select all rows" }) }),
+      d && /* @__PURE__ */ e("th", { className: "w-10 px-4 py-3", children: /* @__PURE__ */ e(I, { checked: !!w, indeterminate: !w && y, onChange: T, label: "Select all rows" }) }),
       N.map((g) => /* @__PURE__ */ e(
         "th",
         {
@@ -637,37 +637,37 @@ function We({
             g.align === "right" && "text-right",
             g.align === "center" && "text-center"
           ),
-          children: g.sortable ? /* @__PURE__ */ s("button", { onClick: () => S(g), className: "inline-flex items-center gap-1 hover:text-ink-primary", children: [
+          children: g.sortable ? /* @__PURE__ */ s("button", { onClick: () => z(g), className: "inline-flex items-center gap-1 hover:text-ink-primary", children: [
             g.header,
-            c === g.key ? f === "asc" ? /* @__PURE__ */ e(de, { size: 12 }) : f === "desc" ? /* @__PURE__ */ e(oe, { size: 12 }) : /* @__PURE__ */ e(O, { size: 12, className: "opacity-40" }) : /* @__PURE__ */ e(O, { size: 12, className: "opacity-40" })
+            l === g.key ? f === "asc" ? /* @__PURE__ */ e(me, { size: 12 }) : f === "desc" ? /* @__PURE__ */ e(fe, { size: 12 }) : /* @__PURE__ */ e(F, { size: 12, className: "opacity-40" }) : /* @__PURE__ */ e(F, { size: 12, className: "opacity-40" })
           ] }) : g.header
         },
         g.key
       ))
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: a ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: N.length + (u ? 1 : 0), className: "py-10", children: /* @__PURE__ */ e(K, { label: "Loading records..." }) }) }) : r.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: N.length + (u ? 1 : 0), className: "py-10 text-center text-ink-muted", children: i }) }) : r.map((g) => {
+    /* @__PURE__ */ e("tbody", { children: a ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: N.length + (d ? 1 : 0), className: "py-10", children: /* @__PURE__ */ e(ee, { label: "Loading records..." }) }) }) : r.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: N.length + (d ? 1 : 0), className: "py-10 text-center text-ink-muted", children: i }) }) : r.map((g) => {
       const p = n(g);
       return /* @__PURE__ */ s(
         "tr",
         {
-          onClick: () => y == null ? void 0 : y(g),
+          onClick: () => v == null ? void 0 : v(g),
           className: h(
             "border-b border-card-border last:border-0 hover:bg-accent-muted/60",
-            y && "cursor-pointer"
+            v && "cursor-pointer"
           ),
           children: [
-            u && /* @__PURE__ */ e("td", { className: "px-4 py-3", onClick: (z) => z.stopPropagation(), children: /* @__PURE__ */ e(q, { checked: o.includes(p), onChange: () => E(p) }) }),
-            N.map((z) => /* @__PURE__ */ e(
+            d && /* @__PURE__ */ e("td", { className: "px-4 py-3", onClick: (M) => M.stopPropagation(), children: /* @__PURE__ */ e(I, { checked: u.includes(p), onChange: () => j(p) }) }),
+            N.map((M) => /* @__PURE__ */ e(
               "td",
               {
                 className: h(
                   "px-4 py-3 text-ink-primary",
-                  z.align === "right" && "text-right",
-                  z.align === "center" && "text-center"
+                  M.align === "right" && "text-right",
+                  M.align === "center" && "text-center"
                 ),
-                children: z.render(g)
+                children: M.render(g)
               },
-              z.key
+              M.key
             ))
           ]
         },
@@ -676,37 +676,37 @@ function We({
     }) })
   ] }) });
 }
-function Se({ children: t, className: r, ...n }) {
+function Ae({ children: t, className: r, ...n }) {
   return t ? /* @__PURE__ */ s("p", { className: h("mt-1 flex items-center gap-1 text-xs text-status-offline", r), ...n, children: [
-    /* @__PURE__ */ e(he, { size: 12, className: "shrink-0" }),
+    /* @__PURE__ */ e(pe, { size: 12, className: "shrink-0" }),
     t
   ] }) : null;
 }
-function D({ label: t, htmlFor: r, required: n, error: a, hint: i, className: l, children: c, ...f }) {
-  return /* @__PURE__ */ s("div", { className: h("flex flex-col", l), ...f, children: [
+function L({ label: t, htmlFor: r, required: n, error: a, hint: i, className: c, children: l, ...f }) {
+  return /* @__PURE__ */ s("div", { className: h("flex flex-col", c), ...f, children: [
     t && /* @__PURE__ */ s("label", { htmlFor: r, className: "mb-1.5 text-sm font-medium text-ink-primary", children: [
       t,
       n && /* @__PURE__ */ e("span", { className: "ml-0.5 text-status-offline", children: "*" })
     ] }),
-    c,
+    l,
     i && !a && /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-ink-muted", children: i }),
-    /* @__PURE__ */ e(Se, { children: a })
+    /* @__PURE__ */ e(Ae, { children: a })
   ] });
 }
-function Ge({ label: t, required: r, error: n, value: a, onChange: i, min: l, max: c, disabled: f, className: d }) {
-  const u = b.useId();
-  return /* @__PURE__ */ e(D, { label: t, htmlFor: u, required: r, error: n, className: d, children: /* @__PURE__ */ s("div", { className: "relative", children: [
+function Xe({ label: t, required: r, error: n, value: a, onChange: i, min: c, max: l, disabled: f, className: o }) {
+  const d = b.useId();
+  return /* @__PURE__ */ e(L, { label: t, htmlFor: d, required: r, error: n, className: o, children: /* @__PURE__ */ s("div", { className: "relative", children: [
     /* @__PURE__ */ e(G, { size: 16, className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-ink-muted" }),
     /* @__PURE__ */ e(
       "input",
       {
-        id: u,
+        id: d,
         type: "date",
         value: a ?? "",
-        min: l,
-        max: c,
+        min: c,
+        max: l,
         disabled: f,
-        onChange: (o) => i(o.target.value),
+        onChange: (u) => i(u.target.value),
         className: h(
           "h-10 w-full rounded-md border bg-input pl-9 pr-3 text-sm text-ink-primary",
           "focus:outline-none focus:ring-2 focus:ring-accent/40 disabled:opacity-50",
@@ -716,9 +716,9 @@ function Ge({ label: t, required: r, error: n, value: a, onChange: i, min: l, ma
     )
   ] }) });
 }
-const ee = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], Le = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], De = ["This Financial Year", "This Month", "Last Month", "Next Month", "This Quarter", "This Year", "Last Year", "Custom Range"];
-function j(t) {
-  return t ? `${String(t.getDate()).padStart(2, "0")}-${ee[t.getMonth()]}-${t.getFullYear()}` : "";
+const te = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], De = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Te = ["This Financial Year", "This Month", "Last Month", "Next Month", "This Quarter", "This Year", "Last Year", "Custom Range"];
+function A(t) {
+  return t ? `${String(t.getDate()).padStart(2, "0")}-${te[t.getMonth()]}-${t.getFullYear()}` : "";
 }
 function je(t, r = /* @__PURE__ */ new Date()) {
   const n = r.getFullYear(), a = r.getMonth();
@@ -745,29 +745,29 @@ function je(t, r = /* @__PURE__ */ new Date()) {
       return { from: null, to: null };
   }
 }
-function $({ year: t, month: r, from: n, to: a, onPick: i }) {
-  const c = new Date(t, r, 1).getDay(), f = new Date(t, r + 1, 0).getDate(), d = [];
-  for (let m = 0; m < c; m++) d.push(null);
-  for (let m = 1; m <= f; m++) d.push(m);
-  function u(m) {
+function q({ year: t, month: r, from: n, to: a, onPick: i }) {
+  const l = new Date(t, r, 1).getDay(), f = new Date(t, r + 1, 0).getDate(), o = [];
+  for (let m = 0; m < l; m++) o.push(null);
+  for (let m = 1; m <= f; m++) o.push(m);
+  function d(m) {
     if (!m || !n || !a) return !1;
-    const y = new Date(t, r, m).getTime();
-    return y >= n.getTime() && y <= a.getTime();
+    const v = new Date(t, r, m).getTime();
+    return v >= n.getTime() && v <= a.getTime();
   }
-  function o(m) {
+  function u(m) {
     if (!m) return !1;
-    const y = new Date(t, r, m).getTime();
-    return n && y === n.getTime() || a && y === a.getTime();
+    const v = new Date(t, r, m).getTime();
+    return n && v === n.getTime() || a && v === a.getTime();
   }
   return /* @__PURE__ */ s("div", { children: [
     /* @__PURE__ */ s("p", { className: "mb-2 text-center text-sm font-semibold text-ink-primary", children: [
-      ee[r],
+      te[r],
       " ",
       t
     ] }),
     /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-y-1 text-center text-xs", children: [
-      Le.map((m) => /* @__PURE__ */ e("span", { className: "text-ink-muted", children: m }, m)),
-      d.map((m, y) => /* @__PURE__ */ e(
+      De.map((m) => /* @__PURE__ */ e("span", { className: "text-ink-muted", children: m }, m)),
+      o.map((m, v) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -776,40 +776,40 @@ function $({ year: t, month: r, from: n, to: a, onPick: i }) {
           className: h(
             "h-7 w-7 rounded text-ink-primary",
             !m && "invisible",
-            m && u(m) && "bg-accent-muted",
-            m && o(m) && "bg-accent text-white"
+            m && d(m) && "bg-accent-muted",
+            m && u(m) && "bg-accent text-white"
           ),
           children: m
         },
-        y
+        v
       ))
     ] })
   ] });
 }
-function Ue({ label: t, required: r, error: n, value: a, onChange: i, className: l }) {
-  const [c, f] = b.useState(!1), [d, u] = b.useState("Custom Range"), [o, m] = b.useState(a), [y, C] = b.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getMonth()), [N, x] = b.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getFullYear()), w = b.useRef(null);
+function Ke({ label: t, required: r, error: n, value: a, onChange: i, className: c }) {
+  const [l, f] = b.useState(!1), [o, d] = b.useState("Custom Range"), [u, m] = b.useState(a), [v, C] = b.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getMonth()), [N, x] = b.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getFullYear()), w = b.useRef(null);
   b.useEffect(() => {
-    function p(z) {
-      w.current && !w.current.contains(z.target) && f(!1);
+    function p(M) {
+      w.current && !w.current.contains(M.target) && f(!1);
     }
     return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
-  function v(p) {
-    u(p), p !== "Custom Range" && m(je(p));
+  function y(p) {
+    d(p), p !== "Custom Range" && m(je(p));
   }
-  function S(p) {
-    u("Custom Range"), !o.from || o.from && o.to ? m({ from: p, to: null }) : p.getTime() < o.from.getTime() ? m({ from: p, to: o.from }) : m({ ...o, to: p });
+  function z(p) {
+    d("Custom Range"), !u.from || u.from && u.to ? m({ from: p, to: null }) : p.getTime() < u.from.getTime() ? m({ from: p, to: u.from }) : m({ ...u, to: p });
   }
-  function A() {
-    y === 0 ? (C(11), x((p) => p - 1)) : C((p) => p - 1);
+  function T() {
+    v === 0 ? (C(11), x((p) => p - 1)) : C((p) => p - 1);
   }
-  function E() {
-    y === 11 ? (C(0), x((p) => p + 1)) : C((p) => p + 1);
+  function j() {
+    v === 11 ? (C(0), x((p) => p + 1)) : C((p) => p + 1);
   }
   function g() {
-    i(o), f(!1);
+    i(u), f(!1);
   }
-  return /* @__PURE__ */ e(D, { label: t, required: r, error: n, className: l, children: /* @__PURE__ */ s("div", { ref: w, className: "relative", children: [
+  return /* @__PURE__ */ e(L, { label: t, required: r, error: n, className: c, children: /* @__PURE__ */ s("div", { ref: w, className: "relative", children: [
     /* @__PURE__ */ s(
       "button",
       {
@@ -822,19 +822,19 @@ function Ue({ label: t, required: r, error: n, value: a, onChange: i, className:
         ),
         children: [
           /* @__PURE__ */ e(G, { size: 16, className: "shrink-0 text-ink-muted" }),
-          /* @__PURE__ */ e("span", { className: a.from ? "text-ink-primary" : "text-ink-muted", children: a.from && a.to ? `${j(a.from)} - ${j(a.to)}` : "Select date range" })
+          /* @__PURE__ */ e("span", { className: a.from ? "text-ink-primary" : "text-ink-muted", children: a.from && a.to ? `${A(a.from)} - ${A(a.to)}` : "Select date range" })
         ]
       }
     ),
-    c && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 flex w-[560px] max-w-[90vw] overflow-hidden rounded-md border border-card-border bg-card shadow-xl", children: [
-      /* @__PURE__ */ e("div", { className: "w-40 shrink-0 border-r border-card-border py-2", children: De.map((p) => /* @__PURE__ */ e(
+    l && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 flex w-[560px] max-w-[90vw] overflow-hidden rounded-md border border-card-border bg-card shadow-xl", children: [
+      /* @__PURE__ */ e("div", { className: "w-40 shrink-0 border-r border-card-border py-2", children: Te.map((p) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => v(p),
+          onClick: () => y(p),
           className: h(
             "block w-full px-3 py-2 text-left text-sm",
-            d === p ? "bg-accent text-white" : "text-ink-primary hover:bg-accent-muted"
+            o === p ? "bg-accent text-white" : "text-ink-primary hover:bg-accent-muted"
           ),
           children: p
         },
@@ -842,60 +842,60 @@ function Ue({ label: t, required: r, error: n, value: a, onChange: i, className:
       )) }),
       /* @__PURE__ */ s("div", { className: "flex-1 p-3", children: [
         /* @__PURE__ */ s("div", { className: "mb-2 flex items-center justify-between", children: [
-          /* @__PURE__ */ e("button", { type: "button", onClick: A, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(me, { size: 16 }) }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: E, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(fe, { size: 16 }) })
+          /* @__PURE__ */ e("button", { type: "button", onClick: T, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(be, { size: 16 }) }),
+          /* @__PURE__ */ e("button", { type: "button", onClick: j, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(xe, { size: 16 }) })
         ] }),
         /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ e($, { year: N, month: y, from: o.from, to: o.to, onPick: S }),
+          /* @__PURE__ */ e(q, { year: N, month: v, from: u.from, to: u.to, onPick: z }),
           /* @__PURE__ */ e(
-            $,
+            q,
             {
-              year: y === 11 ? N + 1 : N,
-              month: y === 11 ? 0 : y + 1,
-              from: o.from,
-              to: o.to,
-              onPick: S
+              year: v === 11 ? N + 1 : N,
+              month: v === 11 ? 0 : v + 1,
+              from: u.from,
+              to: u.to,
+              onPick: z
             }
           )
         ] }),
         /* @__PURE__ */ s("div", { className: "mt-3 flex items-center justify-between border-t border-card-border pt-3", children: [
-          /* @__PURE__ */ e("span", { className: "text-sm text-ink-secondary", children: o.from && o.to ? `${j(o.from)} - ${j(o.to)}` : "Select a range" }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-ink-secondary", children: u.from && u.to ? `${A(u.from)} - ${A(u.to)}` : "Select a range" }),
           /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e(M, { variant: "cancel", size: "sm", onClick: () => f(!1), children: "Cancel" }),
-            /* @__PURE__ */ e(M, { variant: "primary", size: "sm", onClick: g, disabled: !o.from || !o.to, children: "Apply" })
+            /* @__PURE__ */ e(B, { variant: "cancel", size: "sm", onClick: () => f(!1), children: "Cancel" }),
+            /* @__PURE__ */ e(B, { variant: "primary", size: "sm", onClick: g, disabled: !u.from || !u.to, children: "Apply" })
           ] })
         ] })
       ] })
     ] })
   ] }) });
 }
-function Qe({
+function et({
   label: t,
   required: r,
   error: n,
   options: a,
   value: i,
-  onChange: l,
-  placeholder: c = "Select...",
+  onChange: c,
+  placeholder: l = "Select...",
   searchable: f = !0,
-  disabled: d,
-  className: u
+  disabled: o,
+  className: d
 }) {
-  const [o, m] = b.useState(!1), [y, C] = b.useState(""), N = b.useRef(null);
+  const [u, m] = b.useState(!1), [v, C] = b.useState(""), N = b.useRef(null);
   b.useEffect(() => {
-    function v(S) {
-      N.current && !N.current.contains(S.target) && m(!1);
+    function y(z) {
+      N.current && !N.current.contains(z.target) && m(!1);
     }
-    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
   }, []);
-  const x = f && y ? a.filter((v) => v.label.toLowerCase().includes(y.toLowerCase())) : a, w = a.find((v) => v.value === i);
-  return /* @__PURE__ */ e(D, { label: t, required: r, error: n, className: u, children: /* @__PURE__ */ s("div", { ref: N, className: "relative", children: [
+  const x = f && v ? a.filter((y) => y.label.toLowerCase().includes(v.toLowerCase())) : a, w = a.find((y) => y.value === i);
+  return /* @__PURE__ */ e(L, { label: t, required: r, error: n, className: d, children: /* @__PURE__ */ s("div", { ref: N, className: "relative", children: [
     /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        disabled: d,
-        onClick: () => m((v) => !v),
+        disabled: o,
+        onClick: () => m((y) => !y),
         className: h(
           "flex h-10 w-full items-center justify-between rounded-md border bg-input px-3 text-sm text-left",
           "focus:outline-none focus:ring-2 focus:ring-accent/40 disabled:opacity-50",
@@ -903,20 +903,20 @@ function Qe({
           w ? "text-ink-primary" : "text-ink-muted"
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: "truncate", children: (w == null ? void 0 : w.label) ?? c }),
-          /* @__PURE__ */ e(Q, { size: 16, className: h("shrink-0 text-ink-muted transition-transform", o && "rotate-180") })
+          /* @__PURE__ */ e("span", { className: "truncate", children: (w == null ? void 0 : w.label) ?? l }),
+          /* @__PURE__ */ e(Q, { size: 16, className: h("shrink-0 text-ink-muted transition-transform", u && "rotate-180") })
         ]
       }
     ),
-    o && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
+    u && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
       f && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-card-border px-3 py-2", children: [
-        /* @__PURE__ */ e(F, { size: 14, className: "text-ink-muted" }),
+        /* @__PURE__ */ e(P, { size: 14, className: "text-ink-muted" }),
         /* @__PURE__ */ e(
           "input",
           {
             autoFocus: !0,
-            value: y,
-            onChange: (v) => C(v.target.value),
+            value: v,
+            onChange: (y) => C(y.target.value),
             placeholder: "Search...",
             className: "w-full bg-transparent text-sm text-ink-primary placeholder:text-ink-muted focus:outline-none"
           }
@@ -924,63 +924,63 @@ function Qe({
       ] }),
       /* @__PURE__ */ s("ul", { className: "max-h-56 overflow-y-auto py-1", role: "listbox", children: [
         x.length === 0 && /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-ink-muted", children: "No options" }),
-        x.map((v) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+        x.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            disabled: v.disabled,
+            disabled: y.disabled,
             onClick: () => {
-              l(v.value), m(!1), C("");
+              c(y.value), m(!1), C("");
             },
             className: h(
               "flex w-full items-center justify-between px-3 py-2 text-left text-sm hover:bg-accent-muted disabled:opacity-40",
-              v.value === i ? "text-accent" : "text-ink-primary"
+              y.value === i ? "text-accent" : "text-ink-primary"
             ),
             children: [
-              v.label,
-              v.value === i && /* @__PURE__ */ e(U, { size: 14 })
+              y.label,
+              y.value === i && /* @__PURE__ */ e(_, { size: 14 })
             ]
           }
-        ) }, v.value))
+        ) }, y.value))
       ] })
     ] })
   ] }) });
 }
-function Ze({
+function tt({
   items: t,
   onChange: r,
   createItem: n,
   renderRow: a,
   addLabel: i = "Add row",
-  minRows: l = 0,
-  className: c
+  minRows: c = 0,
+  className: l
 }) {
-  function f(u, o) {
+  function f(d, u) {
     const m = t.slice();
-    m[u] = { ...m[u], ...o }, r(m);
+    m[d] = { ...m[d], ...u }, r(m);
   }
-  function d(u) {
-    r(t.filter((o, m) => m !== u));
+  function o(d) {
+    r(t.filter((u, m) => m !== d));
   }
-  return /* @__PURE__ */ s("div", { className: h("flex flex-col gap-2", c), children: [
-    t.map((u, o) => /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e("div", { className: "flex-1", children: a(u, o, (m) => f(o, m)) }),
+  return /* @__PURE__ */ s("div", { className: h("flex flex-col gap-2", l), children: [
+    t.map((d, u) => /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1", children: a(d, u, (m) => f(u, m)) }),
       /* @__PURE__ */ e(
-        L,
+        S,
         {
-          icon: /* @__PURE__ */ e(we, { size: 16 }),
+          icon: /* @__PURE__ */ e(Be, { size: 16 }),
           label: "Remove row",
           variant: "danger",
           size: "sm",
-          disabled: t.length <= l,
-          onClick: () => d(o)
+          disabled: t.length <= c,
+          onClick: () => o(u)
         }
       )
-    ] }, o)),
-    /* @__PURE__ */ e(M, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ e(X, { size: 14 }), onClick: () => r([...t, n()]), className: "self-start", children: i })
+    ] }, u)),
+    /* @__PURE__ */ e(B, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ e(X, { size: 14 }), onClick: () => r([...t, n()]), className: "self-start", children: i })
   ] });
 }
-function Je({ open: t, onSearch: r, onClear: n, children: a, className: i }) {
+function rt({ open: t, onSearch: r, onClear: n, children: a, className: i }) {
   return t ? /* @__PURE__ */ s(
     "div",
     {
@@ -991,14 +991,14 @@ function Je({ open: t, onSearch: r, onClear: n, children: a, className: i }) {
       children: [
         /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: a }),
         /* @__PURE__ */ s("div", { className: "mt-4 flex items-center justify-end gap-2 border-t border-card-border pt-3", children: [
-          /* @__PURE__ */ e(M, { variant: "cancel", size: "sm", onClick: n, children: "Clear filters" }),
-          /* @__PURE__ */ e(M, { variant: "primary", size: "sm", onClick: r, children: "Search" })
+          /* @__PURE__ */ e(B, { variant: "cancel", size: "sm", onClick: n, children: "Clear filters" }),
+          /* @__PURE__ */ e(B, { variant: "primary", size: "sm", onClick: r, children: "Search" })
         ] })
       ]
     }
   ) : null;
 }
-const Re = b.forwardRef(
+const Oe = b.forwardRef(
   ({ label: t = "Add", className: r, ...n }, a) => /* @__PURE__ */ e(
     "button",
     {
@@ -1016,59 +1016,59 @@ const Re = b.forwardRef(
     }
   )
 );
-Re.displayName = "FloatingAddButton";
-function Xe({
+Oe.displayName = "FloatingAddButton";
+function nt({
   open: t,
   onClose: r,
   onSubmit: n,
   title: a,
   size: i = "md",
-  submitLabel: l = "Ok",
-  cancelLabel: c = "Close",
+  submitLabel: c = "Ok",
+  cancelLabel: l = "Close",
   submitting: f,
-  submitDisabled: d,
-  children: u
+  submitDisabled: o,
+  children: d
 }) {
   return /* @__PURE__ */ e(
-    I,
+    R,
     {
       open: t,
       onClose: r,
       title: a,
       size: i,
-      footer: /* @__PURE__ */ s(B, { children: [
-        /* @__PURE__ */ e(M, { variant: "cancel", onClick: r, disabled: f, children: c }),
-        /* @__PURE__ */ e(M, { variant: "primary", onClick: n, loading: f, disabled: d, children: l })
+      footer: /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e(B, { variant: "cancel", onClick: r, disabled: f, children: l }),
+        /* @__PURE__ */ e(B, { variant: "primary", onClick: n, loading: f, disabled: o, children: c })
       ] }),
       children: /* @__PURE__ */ e(
         "form",
         {
-          onSubmit: (o) => {
-            o.preventDefault(), n();
+          onSubmit: (u) => {
+            u.preventDefault(), n();
           },
           className: "flex flex-col gap-4",
-          children: u
+          children: d
         }
       )
     }
   );
 }
-const Ae = b.forwardRef(
-  ({ label: t, required: r, error: n, hint: a, icon: i, id: l, className: c, ...f }, d) => {
-    const u = l ?? b.useId();
-    return /* @__PURE__ */ e(D, { label: t, htmlFor: u, required: r, error: n, hint: a, children: /* @__PURE__ */ s("div", { className: "relative", children: [
+const Pe = b.forwardRef(
+  ({ label: t, required: r, error: n, hint: a, icon: i, id: c, className: l, ...f }, o) => {
+    const d = c ?? b.useId();
+    return /* @__PURE__ */ e(L, { label: t, htmlFor: d, required: r, error: n, hint: a, children: /* @__PURE__ */ s("div", { className: "relative", children: [
       i && /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-ink-muted", children: i }),
       /* @__PURE__ */ e(
         "input",
         {
-          ref: d,
-          id: u,
+          ref: o,
+          id: d,
           className: h(
             "h-10 w-full rounded-md border bg-input px-3 text-sm text-ink-primary placeholder:text-ink-muted",
             "focus:outline-none focus:ring-2 focus:ring-accent/40",
             n ? "border-status-offline" : "border-card-border",
             i && "pl-9",
-            c
+            l
           ),
           "aria-invalid": !!n,
           ...f
@@ -1077,43 +1077,43 @@ const Ae = b.forwardRef(
     ] }) });
   }
 );
-Ae.displayName = "InputField";
-function _e({
+Pe.displayName = "InputField";
+function at({
   label: t,
   required: r,
   error: n,
   options: a,
   value: i,
-  onChange: l,
-  placeholder: c = "Select...",
+  onChange: c,
+  placeholder: l = "Select...",
   className: f
 }) {
-  const [d, u] = b.useState(!1), [o, m] = b.useState(""), y = b.useRef(null);
+  const [o, d] = b.useState(!1), [u, m] = b.useState(""), v = b.useRef(null);
   b.useEffect(() => {
     function x(w) {
-      y.current && !y.current.contains(w.target) && u(!1);
+      v.current && !v.current.contains(w.target) && d(!1);
     }
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, []);
-  const C = o ? a.filter((x) => x.label.toLowerCase().includes(o.toLowerCase())) : a;
+  const C = u ? a.filter((x) => x.label.toLowerCase().includes(u.toLowerCase())) : a;
   function N(x) {
-    l(i.includes(x) ? i.filter((w) => w !== x) : [...i, x]);
+    c(i.includes(x) ? i.filter((w) => w !== x) : [...i, x]);
   }
-  return /* @__PURE__ */ e(D, { label: t, required: r, error: n, className: f, children: /* @__PURE__ */ s("div", { ref: y, className: "relative", children: [
+  return /* @__PURE__ */ e(L, { label: t, required: r, error: n, className: f, children: /* @__PURE__ */ s("div", { ref: v, className: "relative", children: [
     /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        onClick: () => u((x) => !x),
+        onClick: () => d((x) => !x),
         className: h(
           "flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-md border bg-input px-2 py-1.5 text-left",
           "focus:outline-none focus:ring-2 focus:ring-accent/40",
           n ? "border-status-offline" : "border-card-border"
         ),
         children: [
-          i.length === 0 && /* @__PURE__ */ e("span", { className: "px-1 text-sm text-ink-muted", children: c }),
+          i.length === 0 && /* @__PURE__ */ e("span", { className: "px-1 text-sm text-ink-muted", children: l }),
           i.map((x) => {
-            const w = a.find((v) => v.value === x);
+            const w = a.find((y) => y.value === x);
             return /* @__PURE__ */ s(
               "span",
               {
@@ -1121,12 +1121,12 @@ function _e({
                 children: [
                   (w == null ? void 0 : w.label) ?? x,
                   /* @__PURE__ */ e(
-                    R,
+                    D,
                     {
                       size: 12,
                       className: "cursor-pointer hover:text-status-offline",
-                      onClick: (v) => {
-                        v.stopPropagation(), N(x);
+                      onClick: (y) => {
+                        y.stopPropagation(), N(x);
                       }
                     }
                   )
@@ -1135,18 +1135,18 @@ function _e({
               x
             );
           }),
-          /* @__PURE__ */ e(Q, { size: 16, className: h("ml-auto shrink-0 text-ink-muted transition-transform", d && "rotate-180") })
+          /* @__PURE__ */ e(Q, { size: 16, className: h("ml-auto shrink-0 text-ink-muted transition-transform", o && "rotate-180") })
         ]
       }
     ),
-    d && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
+    o && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-card-border px-3 py-2", children: [
-        /* @__PURE__ */ e(F, { size: 14, className: "text-ink-muted" }),
+        /* @__PURE__ */ e(P, { size: 14, className: "text-ink-muted" }),
         /* @__PURE__ */ e(
           "input",
           {
             autoFocus: !0,
-            value: o,
+            value: u,
             onChange: (x) => m(x.target.value),
             placeholder: "Search...",
             className: "w-full bg-transparent text-sm text-ink-primary placeholder:text-ink-muted focus:outline-none"
@@ -1171,8 +1171,8 @@ function _e({
     ] })
   ] }) });
 }
-function Ke({ page: t, pageSize: r, total: n, onPageChange: a, className: i }) {
-  const l = Math.max(1, Math.ceil(n / r)), c = n === 0 ? 0 : (t - 1) * r + 1, f = Math.min(n, t * r);
+function it({ page: t, pageSize: r, total: n, onPageChange: a, className: i }) {
+  const c = Math.max(1, Math.ceil(n / r)), l = n === 0 ? 0 : (t - 1) * r + 1, f = Math.min(n, t * r);
   return /* @__PURE__ */ s("nav", { className: h("flex items-center gap-2 text-sm text-ink-secondary", i), "aria-label": "Pagination", children: [
     /* @__PURE__ */ e(
       "button",
@@ -1185,7 +1185,7 @@ function Ke({ page: t, pageSize: r, total: n, onPageChange: a, className: i }) {
       }
     ),
     /* @__PURE__ */ s("span", { children: [
-      c,
+      l,
       "-",
       f,
       " of ",
@@ -1194,8 +1194,8 @@ function Ke({ page: t, pageSize: r, total: n, onPageChange: a, className: i }) {
     /* @__PURE__ */ e(
       "button",
       {
-        onClick: () => a(Math.min(l, t + 1)),
-        disabled: t >= l,
+        onClick: () => a(Math.min(c, t + 1)),
+        disabled: t >= c,
         "aria-label": "Next page",
         className: "flex h-7 w-7 items-center justify-center rounded text-ink-secondary hover:bg-accent-muted disabled:opacity-40",
         children: /* @__PURE__ */ e(J, { size: 16 })
@@ -1203,7 +1203,7 @@ function Ke({ page: t, pageSize: r, total: n, onPageChange: a, className: i }) {
     )
   ] });
 }
-function et({ title: t, actions: r, className: n, children: a, ...i }) {
+function st({ title: t, actions: r, className: n, children: a, ...i }) {
   return /* @__PURE__ */ s("div", { className: h("rounded-lg border border-card-border bg-card", n), ...i, children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-4 py-3", children: [
       /* @__PURE__ */ e("h3", { className: "font-secondary text-sm font-semibold text-ink-primary", children: t }),
@@ -1213,47 +1213,47 @@ function et({ title: t, actions: r, className: n, children: a, ...i }) {
   ] });
 }
 const Ee = b.forwardRef(
-  ({ label: t, required: r, error: n, hint: a, id: i, className: l, ...c }, f) => {
-    const [d, u] = b.useState(!1), o = i ?? b.useId();
-    return /* @__PURE__ */ e(D, { label: t, htmlFor: o, required: r, error: n, hint: a, children: /* @__PURE__ */ s("div", { className: "relative", children: [
+  ({ label: t, required: r, error: n, hint: a, id: i, className: c, ...l }, f) => {
+    const [o, d] = b.useState(!1), u = i ?? b.useId();
+    return /* @__PURE__ */ e(L, { label: t, htmlFor: u, required: r, error: n, hint: a, children: /* @__PURE__ */ s("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         "input",
         {
           ref: f,
-          id: o,
-          type: d ? "text" : "password",
+          id: u,
+          type: o ? "text" : "password",
           className: h(
             "h-10 w-full rounded-md border bg-input pl-3 pr-10 text-sm text-ink-primary placeholder:text-ink-muted",
             "focus:outline-none focus:ring-2 focus:ring-accent/40",
             n ? "border-status-offline" : "border-card-border",
-            l
+            c
           ),
           "aria-invalid": !!n,
-          ...c
+          ...l
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => u((m) => !m),
-          "aria-label": d ? "Hide password" : "Show password",
+          onClick: () => d((m) => !m),
+          "aria-label": o ? "Hide password" : "Show password",
           className: "absolute right-3 top-1/2 -translate-y-1/2 text-ink-muted hover:text-ink-primary",
-          children: d ? /* @__PURE__ */ e(xe, { size: 16 }) : /* @__PURE__ */ e(pe, { size: 16 })
+          children: o ? /* @__PURE__ */ e(ve, { size: 16 }) : /* @__PURE__ */ e(ye, { size: 16 })
         }
       )
     ] }) });
   }
 );
 Ee.displayName = "PasswordInput";
-function Te(t) {
+function Re(t) {
   let r = 0;
   return t.length >= 8 && r++, t.length >= 12 && r++, /[A-Z]/.test(t) && /[a-z]/.test(t) && r++, /\d/.test(t) && r++, /[^A-Za-z0-9]/.test(t) && r++, r <= 1 ? { score: r, label: "Weak", tone: "bg-status-offline" } : r <= 3 ? { score: r, label: "Medium", tone: "bg-status-warn" } : { score: r, label: "Strong", tone: "bg-status-online" };
 }
-function tt({ password: t, className: r }) {
-  const { score: n, label: a, tone: i } = Te(t), l = Math.min(n / 5 * 100, 100);
+function ct({ password: t, className: r }) {
+  const { score: n, label: a, tone: i } = Re(t), c = Math.min(n / 5 * 100, 100);
   return t ? /* @__PURE__ */ s("div", { className: h("mt-2", r), children: [
-    /* @__PURE__ */ e("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-card-border", children: /* @__PURE__ */ e("div", { className: h("h-full rounded-full transition-all duration-200", i), style: { width: `${l}%` } }) }),
+    /* @__PURE__ */ e("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-card-border", children: /* @__PURE__ */ e("div", { className: h("h-full rounded-full transition-all duration-200", i), style: { width: `${c}%` } }) }),
     /* @__PURE__ */ s("p", { className: "mt-1 text-xs text-ink-secondary", children: [
       "Strength: ",
       a
@@ -1261,7 +1261,7 @@ function tt({ password: t, className: r }) {
   ] }) : null;
 }
 const Fe = b.forwardRef(
-  ({ value: t, onChange: r, onFilterClick: n, placeholder: a = "Search Data", className: i, ...l }, c) => /* @__PURE__ */ s(
+  ({ value: t, onChange: r, onFilterClick: n, placeholder: a = "Search Data", className: i, ...c }, l) => /* @__PURE__ */ s(
     "div",
     {
       className: h(
@@ -1270,32 +1270,32 @@ const Fe = b.forwardRef(
         i
       ),
       children: [
-        /* @__PURE__ */ e(F, { size: 16, className: "shrink-0 text-ink-muted" }),
+        /* @__PURE__ */ e(P, { size: 16, className: "shrink-0 text-ink-muted" }),
         /* @__PURE__ */ e(
           "input",
           {
-            ref: c,
+            ref: l,
             value: t,
             onChange: (f) => r(f.target.value),
             placeholder: a,
             className: "w-full bg-transparent text-sm text-ink-primary placeholder:text-ink-muted focus:outline-none",
-            ...l
+            ...c
           }
         ),
-        t && /* @__PURE__ */ e("button", { type: "button", "aria-label": "Clear search", onClick: () => r(""), className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(R, { size: 14 }) }),
-        n && /* @__PURE__ */ e("button", { type: "button", "aria-label": "Filters", onClick: n, className: "text-ink-muted hover:text-accent", children: /* @__PURE__ */ e(_, { size: 16 }) })
+        t && /* @__PURE__ */ e("button", { type: "button", "aria-label": "Clear search", onClick: () => r(""), className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(D, { size: 14 }) }),
+        n && /* @__PURE__ */ e("button", { type: "button", "aria-label": "Filters", onClick: n, className: "text-ink-muted hover:text-accent", children: /* @__PURE__ */ e(K, { size: 16 }) })
       ]
     }
   )
 );
 Fe.displayName = "SearchBox";
-function Pe({ open: t, onClose: r, title: n, width: a = "480px", children: i, className: l }) {
+function Ie({ open: t, onClose: r, title: n, width: a = "480px", children: i, className: c }) {
   return b.useEffect(() => {
     if (!t) return;
-    function c(f) {
+    function l(f) {
       f.key === "Escape" && r();
     }
-    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
   }, [t, r]), t ? H(
     /* @__PURE__ */ s("div", { className: "fixed inset-0 z-50", children: [
       /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/50", onClick: r, "aria-hidden": !0 }),
@@ -1307,12 +1307,12 @@ function Pe({ open: t, onClose: r, title: n, width: a = "480px", children: i, cl
           style: { width: a },
           className: h(
             "absolute right-0 top-0 flex h-full max-w-full flex-col border-l border-card-border bg-card shadow-xl",
-            l
+            c
           ),
           children: [
             n && /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-5 py-4", children: [
               /* @__PURE__ */ e("h2", { className: "font-secondary text-base font-semibold text-ink-primary", children: n }),
-              /* @__PURE__ */ e("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(R, { size: 18 }) })
+              /* @__PURE__ */ e("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(D, { size: 18 }) })
             ] }),
             /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: i })
           ]
@@ -1322,24 +1322,24 @@ function Pe({ open: t, onClose: r, title: n, width: a = "480px", children: i, cl
     document.body
   ) : null;
 }
-function rt({ start: t, end: r, className: n, ...a }) {
+function lt({ start: t, end: r, className: n, ...a }) {
   return /* @__PURE__ */ s("div", { className: h("flex flex-wrap items-center justify-between gap-3 py-2", n), ...a, children: [
     /* @__PURE__ */ e("div", { className: "flex flex-1 items-center gap-2", children: t }),
     /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: r })
   ] });
 }
-function Ie({ items: t, value: r, onChange: n, className: a }) {
+function qe({ items: t, value: r, onChange: n, className: a }) {
   return /* @__PURE__ */ e("div", { role: "tablist", className: h("flex items-center gap-1 border-b border-card-border", a), children: t.map((i) => {
-    const l = i.value === r;
+    const c = i.value === r;
     return /* @__PURE__ */ s(
       "button",
       {
         role: "tab",
-        "aria-selected": l,
+        "aria-selected": c,
         onClick: () => n(i.value),
         className: h(
           "flex items-center gap-1.5 border-b-2 px-4 py-2 text-sm font-medium transition-colors",
-          l ? "border-accent text-accent" : "border-transparent text-ink-secondary hover:text-ink-primary"
+          c ? "border-accent text-accent" : "border-transparent text-ink-secondary hover:text-ink-primary"
         ),
         children: [
           i.icon,
@@ -1350,20 +1350,20 @@ function Ie({ items: t, value: r, onChange: n, className: a }) {
     );
   }) });
 }
-function nt({ options: t, value: r, onChange: n, className: a }) {
-  return /* @__PURE__ */ e("div", { className: h("inline-flex overflow-hidden rounded-md border border-card-border", a), role: "tablist", children: t.map((i, l) => {
-    const c = i.value === r;
+function ot({ options: t, value: r, onChange: n, className: a }) {
+  return /* @__PURE__ */ e("div", { className: h("inline-flex overflow-hidden rounded-md border border-card-border", a), role: "tablist", children: t.map((i, c) => {
+    const l = i.value === r;
     return /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": c,
+        "aria-selected": l,
         onClick: () => n(i.value),
         className: h(
           "h-9 px-4 text-sm font-medium transition-colors",
-          l === 0 ? "border-r border-card-border" : "",
-          c ? "bg-accent text-white" : "bg-input text-ink-secondary hover:bg-accent-muted"
+          c === 0 ? "border-r border-card-border" : "",
+          l ? "bg-accent text-white" : "bg-input text-ink-secondary hover:bg-accent-muted"
         ),
         children: i.label
       },
@@ -1371,13 +1371,13 @@ function nt({ options: t, value: r, onChange: n, className: a }) {
     );
   }) });
 }
-function at({ logo: t, children: r, className: n }) {
+function dt({ logo: t, children: r, className: n }) {
   return /* @__PURE__ */ e("div", { className: h("flex min-h-screen items-center justify-center bg-canvas px-4", n), children: /* @__PURE__ */ s("div", { className: "w-full max-w-md", children: [
     t && /* @__PURE__ */ e("div", { className: "mb-8 flex justify-center", children: t }),
     /* @__PURE__ */ e("div", { className: "rounded-lg border border-card-border bg-card p-8 shadow-lg", children: r })
   ] }) });
 }
-function it({ className: t, children: r, ...n }) {
+function ut({ className: t, children: r, ...n }) {
   return /* @__PURE__ */ e(
     "footer",
     {
@@ -1387,7 +1387,7 @@ function it({ className: t, children: r, ...n }) {
     }
   );
 }
-function st({ title: t, search: r, profileMenu: n, actions: a, className: i }) {
+function ft({ title: t, search: r, profileMenu: n, actions: a, className: i }) {
   return /* @__PURE__ */ s(
     "header",
     {
@@ -1406,7 +1406,7 @@ function st({ title: t, search: r, profileMenu: n, actions: a, className: i }) {
     }
   );
 }
-function lt({ sidebar: t, header: r, footer: n, children: a, className: i }) {
+function mt({ sidebar: t, header: r, footer: n, children: a, className: i }) {
   return /* @__PURE__ */ s("div", { className: h("flex h-screen w-full overflow-hidden bg-canvas", i), children: [
     t,
     /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 flex-col", children: [
@@ -1416,29 +1416,29 @@ function lt({ sidebar: t, header: r, footer: n, children: a, className: i }) {
     ] })
   ] });
 }
-function ct({ name: t, role: r, avatarUrl: n, onSignOut: a, actions: i = [], className: l }) {
-  const [c, f] = b.useState(!1), d = b.useRef(null);
+function ht({ name: t, role: r, avatarUrl: n, onSignOut: a, actions: i = [], className: c }) {
+  const [l, f] = b.useState(!1), o = b.useRef(null);
   return b.useEffect(() => {
-    function u(o) {
-      d.current && !d.current.contains(o.target) && f(!1);
+    function d(u) {
+      o.current && !o.current.contains(u.target) && f(!1);
     }
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, []), /* @__PURE__ */ s("div", { ref: d, className: h("relative", l), children: [
-    /* @__PURE__ */ e("button", { onClick: () => f((u) => !u), className: "flex items-center gap-2", "aria-label": "Open profile menu", children: n ? /* @__PURE__ */ e("img", { src: n, alt: "", className: "h-9 w-9 rounded-full object-cover" }) : /* @__PURE__ */ e("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-accent-muted text-accent", children: /* @__PURE__ */ e(Ne, { size: 16 }) }) }),
-    c && /* @__PURE__ */ s("div", { className: "absolute right-0 z-30 mt-2 w-56 rounded-lg border border-card-border bg-card p-4 shadow-lg", children: [
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+  }, []), /* @__PURE__ */ s("div", { ref: o, className: h("relative", c), children: [
+    /* @__PURE__ */ e("button", { onClick: () => f((d) => !d), className: "flex items-center gap-2", "aria-label": "Open profile menu", children: n ? /* @__PURE__ */ e("img", { src: n, alt: "", className: "h-9 w-9 rounded-full object-cover" }) : /* @__PURE__ */ e("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-accent-muted text-accent", children: /* @__PURE__ */ e(Me, { size: 16 }) }) }),
+    l && /* @__PURE__ */ s("div", { className: "absolute right-0 z-30 mt-2 w-56 rounded-lg border border-card-border bg-card p-4 shadow-lg", children: [
       /* @__PURE__ */ e("p", { className: "font-secondary text-sm font-semibold text-ink-primary", children: t }),
       /* @__PURE__ */ e("p", { className: "text-xs text-ink-muted", children: r }),
-      i.length > 0 && /* @__PURE__ */ e("div", { className: "mt-3 flex flex-col gap-1 border-t border-card-border pt-3", children: i.map((u) => /* @__PURE__ */ s(
+      i.length > 0 && /* @__PURE__ */ e("div", { className: "mt-3 flex flex-col gap-1 border-t border-card-border pt-3", children: i.map((d) => /* @__PURE__ */ s(
         "button",
         {
-          onClick: u.onClick,
+          onClick: d.onClick,
           className: "flex items-center gap-2 rounded px-2 py-1.5 text-left text-sm text-ink-primary hover:bg-accent-muted",
           children: [
-            u.icon,
-            u.label
+            d.icon,
+            d.label
           ]
         },
-        u.label
+        d.label
       )) }),
       /* @__PURE__ */ s(
         "button",
@@ -1446,7 +1446,7 @@ function ct({ name: t, role: r, avatarUrl: n, onSignOut: a, actions: i = [], cla
           onClick: a,
           className: "mt-2 flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm text-status-offline hover:bg-status-offline-bg",
           children: [
-            /* @__PURE__ */ e(ye, { size: 14 }),
+            /* @__PURE__ */ e(we, { size: 14 }),
             "Sign out"
           ]
         }
@@ -1454,7 +1454,7 @@ function ct({ name: t, role: r, avatarUrl: n, onSignOut: a, actions: i = [], cla
     ] })
   ] });
 }
-function ot({ items: t, collapsed: r, onCollapsedChange: n, logo: a, className: i }) {
+function bt({ items: t, collapsed: r, onCollapsedChange: n, logo: a, className: i }) {
   return /* @__PURE__ */ s(
     "aside",
     {
@@ -1465,22 +1465,22 @@ function ot({ items: t, collapsed: r, onCollapsedChange: n, logo: a, className:
       ),
       children: [
         a && /* @__PURE__ */ e("div", { className: "flex h-16 items-center justify-center border-b border-sidebar-border", children: a }),
-        /* @__PURE__ */ e("nav", { className: "flex flex-1 flex-col gap-1 p-2", children: t.map((l) => /* @__PURE__ */ s(
+        /* @__PURE__ */ e("nav", { className: "flex flex-1 flex-col gap-1 p-2", children: t.map((c) => /* @__PURE__ */ s(
           "button",
           {
-            onClick: l.onClick,
-            title: r ? l.label : void 0,
+            onClick: c.onClick,
+            title: r ? c.label : void 0,
             className: h(
               "flex items-center gap-3 rounded-md px-3 py-2.5 text-sm font-medium transition-colors",
-              l.active ? "border-l-2 bg-nav-active-bg text-ink-onchrome" : "text-icon-idle hover:bg-nav-active-bg hover:text-icon-active"
+              c.active ? "border-l-2 bg-nav-active-bg text-ink-onchrome" : "text-icon-idle hover:bg-nav-active-bg hover:text-icon-active"
             ),
-            style: l.active ? { borderColor: "var(--nav-active-border)" } : void 0,
+            style: c.active ? { borderColor: "var(--nav-active-border)" } : void 0,
             children: [
-              /* @__PURE__ */ e("span", { className: "shrink-0", children: l.icon }),
-              !r && /* @__PURE__ */ e("span", { className: "truncate", children: l.label })
+              /* @__PURE__ */ e("span", { className: "shrink-0", children: c.icon }),
+              !r && /* @__PURE__ */ e("span", { className: "truncate", children: c.label })
             ]
           },
-          l.key
+          c.key
         )) }),
         n && /* @__PURE__ */ e(
           "button",
@@ -1495,7 +1495,7 @@ function ot({ items: t, collapsed: r, onCollapsedChange: n, logo: a, className:
     }
   );
 }
-function dt({ onOpen: t, className: r }) {
+function xt({ onOpen: t, className: r }) {
   function n() {
     if (t) return t();
     const a = window.open("", "_blank");
@@ -1512,50 +1512,50 @@ function dt({ onOpen: t, className: r }) {
         "bg-accent-light text-white shadow-lg hover:brightness-110 active:scale-95 transition-all",
         r
       ),
-      children: /* @__PURE__ */ e(ue, { size: 22 })
+      children: /* @__PURE__ */ e(he, { size: 22 })
     }
   );
 }
-function ut({ title: t, loading: r, onReload: n, onExport: a, onFilter: i, children: l, className: c }) {
-  return /* @__PURE__ */ s("div", { className: h("flex flex-col rounded-lg border border-card-border bg-card", c), children: [
+function pt({ title: t, loading: r, onReload: n, onExport: a, onFilter: i, children: c, className: l }) {
+  return /* @__PURE__ */ s("div", { className: h("flex flex-col rounded-lg border border-card-border bg-card", l), children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-4 py-3", children: [
       /* @__PURE__ */ e("h3", { className: "font-secondary text-sm font-semibold text-ink-primary", children: t }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
-        i && /* @__PURE__ */ e(L, { icon: /* @__PURE__ */ e(_, { size: 14 }), label: "Filter", size: "sm", onClick: i }),
-        n && /* @__PURE__ */ e(L, { icon: /* @__PURE__ */ e(ke, { size: 14 }), label: "Reload", size: "sm", onClick: n }),
-        a && /* @__PURE__ */ e(L, { icon: /* @__PURE__ */ e(be, { size: 14 }), label: "Export", size: "sm", onClick: a })
+        i && /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(K, { size: 14 }), label: "Filter", size: "sm", onClick: i }),
+        n && /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(Ce, { size: 14 }), label: "Reload", size: "sm", onClick: n }),
+        a && /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(ge, { size: 14 }), label: "Export", size: "sm", onClick: a })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "p-4", children: r ? /* @__PURE__ */ e(K, { label: "Loading widget..." }) : l })
+    /* @__PURE__ */ e("div", { className: "p-4", children: r ? /* @__PURE__ */ e(ee, { label: "Loading widget..." }) : c })
   ] });
 }
-const Oe = [
+const We = [
   { value: "pdf", label: "Invoice PDF" },
   { value: "excel", label: "Renewal Excel" }
 ];
-function mt({
+function gt({
   open: t,
   onClose: r,
   customerEmail: n,
   activeTab: a,
   onTabChange: i,
-  onSendEmail: l,
-  children: c
+  onSendEmail: c,
+  children: l
 }) {
-  return /* @__PURE__ */ e(Pe, { open: t, onClose: r, title: "Invoice preview", width: "640px", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ e(Ie, { items: Oe, value: a, onChange: i }),
+  return /* @__PURE__ */ e(Ie, { open: t, onClose: r, title: "Invoice preview", width: "640px", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ e(qe, { items: We, value: a, onChange: i }),
     n && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-md bg-accent-muted px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "flex items-center gap-2 text-ink-secondary", children: [
-        /* @__PURE__ */ e(ve, { size: 14 }),
+        /* @__PURE__ */ e(Ne, { size: 14 }),
         n
       ] }),
-      l && /* @__PURE__ */ e(M, { size: "sm", variant: "secondary", onClick: l, children: "Send" })
+      c && /* @__PURE__ */ e(B, { size: "sm", variant: "secondary", onClick: c, children: "Send" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "min-h-[60vh]", children: c })
+    /* @__PURE__ */ e("div", { className: "min-h-[60vh]", children: l })
   ] }) });
 }
-function ft({ open: t, onClose: r, title: n = "Changes", fields: a }) {
-  return /* @__PURE__ */ e(I, { open: t, onClose: r, title: n, size: "md", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-3 gap-2 text-sm", children: [
+function vt({ open: t, onClose: r, title: n = "Changes", fields: a }) {
+  return /* @__PURE__ */ e(R, { open: t, onClose: r, title: n, size: "md", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-3 gap-2 text-sm", children: [
     /* @__PURE__ */ e("div", { className: "font-medium text-ink-secondary", children: "Field" }),
     /* @__PURE__ */ e("div", { className: "font-medium text-ink-secondary", children: "Previous" }),
     /* @__PURE__ */ e("div", { className: "font-medium text-ink-secondary", children: "Current" }),
@@ -1566,46 +1566,264 @@ function ft({ open: t, onClose: r, title: n = "Changes", fields: a }) {
     ] }, i.label))
   ] }) });
 }
+const W = {
+  chromeBg: "--chrome-bg",
+  chromeDeep: "--chrome-deep",
+  canvasBg: "--canvas-bg",
+  cardBg: "--card-bg",
+  cardBorder: "--card-border",
+  accentPrimary: "--accent-primary",
+  accentLight: "--accent-light",
+  accentMutedBg: "--accent-muted-bg",
+  accentBorder: "--accent-border",
+  textPrimary: "--text-primary",
+  textSecondary: "--text-secondary",
+  textMuted: "--text-muted",
+  textOnChrome: "--text-on-chrome",
+  iconIdle: "--icon-idle",
+  iconActive: "--icon-active",
+  statusOnline: "--status-online",
+  statusOnlineBg: "--status-online-bg",
+  statusWarn: "--status-warn",
+  statusWarnBg: "--status-warn-bg",
+  statusOffline: "--status-offline",
+  statusOfflineBg: "--status-offline-bg",
+  liveBg: "--live-bg",
+  liveText: "--live-text",
+  sidebarBorder: "--sidebar-border",
+  topbarBorder: "--topbar-border",
+  navActiveBg: "--nav-active-bg",
+  navActiveBorder: "--nav-active-border",
+  tagBg: "--tag-bg",
+  tagText: "--tag-text",
+  tagBorder: "--tag-border",
+  inputBg: "--input-bg"
+}, re = {
+  "slate-navy": {
+    label: "Theme 1 — Slate Navy",
+    chromeBg: "#0d1b2e",
+    chromeDeep: "#0a1626",
+    canvasBg: "#f4f6f9",
+    cardBg: "#ffffff",
+    cardBorder: "#e2e8f0",
+    accentPrimary: "#1d4ed8",
+    accentLight: "#60a5fa",
+    accentMutedBg: "#eff6ff",
+    accentBorder: "#bfdbfe",
+    textPrimary: "#0d1b2e",
+    textSecondary: "#718096",
+    textMuted: "#a0aec0",
+    textOnChrome: "#e8edf5",
+    iconIdle: "#4b7bab",
+    iconActive: "#60a5fa",
+    statusOnline: "#1a9b5a",
+    statusOnlineBg: "#f0fdf4",
+    statusWarn: "#e07b00",
+    statusWarnBg: "#fffbeb",
+    statusOffline: "#c53030",
+    statusOfflineBg: "#fff5f5",
+    liveBg: "#eff6ff",
+    liveText: "#1d4ed8",
+    barColors: ["#1d4ed8", "#3b82f6", "#60a5fa", "#93c5fd", "#bfdbfe", "#dbeafe", "#eff6ff"],
+    sidebarBorder: "transparent",
+    topbarBorder: "transparent",
+    navActiveBg: "rgba(29,78,216,0.08)",
+    navActiveBorder: "#1d4ed8",
+    tagBg: "#eff6ff",
+    tagText: "#1d4ed8",
+    tagBorder: "#bfdbfe",
+    inputBg: "#f4f6f9"
+  },
+  "arctic-white": {
+    label: "Theme 2 — Arctic White",
+    chromeBg: "#ffffff",
+    chromeDeep: "#f8fafc",
+    canvasBg: "#f1f5f9",
+    cardBg: "#ffffff",
+    cardBorder: "#e2e8f0",
+    accentPrimary: "#2563eb",
+    accentLight: "#3b82f6",
+    accentMutedBg: "#eff6ff",
+    accentBorder: "#bfdbfe",
+    textPrimary: "#0f172a",
+    textSecondary: "#64748b",
+    textMuted: "#94a3b8",
+    textOnChrome: "#0f172a",
+    iconIdle: "#94a3b8",
+    iconActive: "#2563eb",
+    statusOnline: "#15803d",
+    statusOnlineBg: "#f0fdf4",
+    statusWarn: "#b45309",
+    statusWarnBg: "#fffbeb",
+    statusOffline: "#b91c1c",
+    statusOfflineBg: "#fef2f2",
+    liveBg: "#f0fdf4",
+    liveText: "#15803d",
+    barColors: ["#0ea5e9", "#38bdf8", "#7dd3fc", "#bae6fd", "#e0f2fe", "#f0f9ff", "#f8fafc"],
+    sidebarBorder: "#e2e8f0",
+    topbarBorder: "#e5e7eb",
+    navActiveBg: "#eff6ff",
+    navActiveBorder: "#2563eb",
+    tagBg: "#eff6ff",
+    tagText: "#2563eb",
+    tagBorder: "#bfdbfe",
+    inputBg: "#f8fafc"
+  },
+  "carbon-pro": {
+    label: "Theme 3 — Carbon Pro",
+    chromeBg: "#161b22",
+    chromeDeep: "#0d1117",
+    canvasBg: "#1c2128",
+    cardBg: "#21262d",
+    cardBorder: "#30363d",
+    accentPrimary: "#58a6ff",
+    accentLight: "#79c0ff",
+    accentMutedBg: "#0d2a1f",
+    accentBorder: "#30363d",
+    textPrimary: "#e6edf3",
+    textSecondary: "#c9d1d9",
+    textMuted: "#8b949e",
+    textOnChrome: "#e6edf3",
+    iconIdle: "#484f58",
+    iconActive: "#58a6ff",
+    statusOnline: "#34d399",
+    statusOnlineBg: "#0d2a1f",
+    statusWarn: "#fbbf24",
+    statusWarnBg: "#1f1a00",
+    statusOffline: "#f87171",
+    statusOfflineBg: "#1f0a0a",
+    liveBg: "#0d2a1f",
+    liveText: "#34d399",
+    barColors: ["#58a6ff", "#388bfd", "#1f6feb", "#0d419d", "#0a2d6e", "#071e4a", "#040f2b"],
+    sidebarBorder: "#21262d",
+    topbarBorder: "#30363d",
+    navActiveBg: "rgba(88,166,255,0.08)",
+    navActiveBorder: "#58a6ff",
+    tagBg: "#21262d",
+    tagText: "#58a6ff",
+    tagBorder: "#30363d",
+    inputBg: "#21262d"
+  },
+  "narnix-edge": {
+    label: "Theme 4 — Narnix Edge",
+    chromeBg: "#061828",
+    chromeDeep: "#040f1a",
+    canvasBg: "#0b1e30",
+    cardBg: "#112035",
+    cardBorder: "#1e3a55",
+    accentPrimary: "#00c9a7",
+    accentLight: "#00ddb8",
+    accentMutedBg: "#0a2240",
+    accentBorder: "#1e3a55",
+    textPrimary: "#daeaf8",
+    textSecondary: "#a8c4d9",
+    textMuted: "#4a7fa5",
+    textOnChrome: "#daeaf8",
+    iconIdle: "#2e5470",
+    iconActive: "#00c9a7",
+    statusOnline: "#00c9a7",
+    statusOnlineBg: "#072219",
+    statusWarn: "#f5a623",
+    statusWarnBg: "#1e1200",
+    statusOffline: "#e05252",
+    statusOfflineBg: "#1a0808",
+    liveBg: "#072219",
+    liveText: "#00c9a7",
+    barColors: ["#00ddb8", "#00c9a7", "#00b898", "#00a88a", "#018870", "#016a55", "#015a4a"],
+    sidebarBorder: "#0e2236",
+    topbarBorder: "#0e2236",
+    navActiveBg: "rgba(0,201,167,0.08)",
+    navActiveBorder: "#00c9a7",
+    tagBg: "#0a2240",
+    tagText: "#4a9ecf",
+    tagBorder: "#1e3a55",
+    inputBg: "#0b1e30"
+  }
+}, $e = "narnix-edge", ne = b.createContext(null);
+function Ye(t, r) {
+  const n = re[r];
+  Object.keys(W).forEach((a) => {
+    t.style.setProperty(W[a], n[a]);
+  }), n.barColors.forEach((a, i) => {
+    t.style.setProperty(`--bar-color-${i}`, a);
+  }), t.dataset.theme = r;
+}
+function yt({ theme: t, onThemeChange: r, children: n }) {
+  const [a, i] = b.useState(t ?? $e), c = t ?? a, l = b.useRef(null);
+  b.useEffect(() => {
+    l.current && Ye(l.current, c);
+  }, [c]);
+  const f = b.useCallback(
+    (d) => {
+      i(d), r == null || r(d);
+    },
+    [r]
+  ), o = b.useMemo(() => ({ theme: c, setTheme: f, themes: re }), [c, f]);
+  return /* @__PURE__ */ e(ne.Provider, { value: o, children: /* @__PURE__ */ e("div", { ref: l, "data-sls-theme-root": !0, children: n }) });
+}
+function He() {
+  const t = b.useContext(ne);
+  if (!t) throw new Error("useTheme must be used inside <ThemeProvider>");
+  return t;
+}
+function kt({ className: t }) {
+  const { theme: r, setTheme: n, themes: a } = He();
+  return /* @__PURE__ */ e(
+    "select",
+    {
+      value: r,
+      onChange: (i) => n(i.target.value),
+      className: h(
+        "rounded-md border border-card-border bg-input px-3 py-1.5 text-sm text-ink-primary",
+        "focus:outline-none focus:ring-2 focus:ring-accent/40",
+        t
+      ),
+      children: Object.keys(a).map((i) => /* @__PURE__ */ e("option", { value: i, children: a[i].label }, i))
+    }
+  );
+}
 export {
-  at as AuthLayout,
-  Ye as Badge,
-  M as Button,
-  ie as Card,
-  ft as ChangesPreviewModal,
-  P as Checkbox,
-  He as ColumnFilterDropdown,
-  Ve as ConfirmDialog,
-  We as DataTable,
-  Ge as DatePicker,
-  Ue as DateRangePicker,
-  Qe as Dropdown,
-  Ze as DynamicRowList,
-  Je as FilterPanel,
-  Re as FloatingAddButton,
-  it as Footer,
-  D as FormGroup,
-  Xe as FormModal,
-  st as Header,
-  L as IconButton,
-  Ae as InputField,
-  mt as InvoicePreviewModal,
-  dt as LicenseAgentButton,
-  K as Loader,
-  lt as MainLayout,
-  I as Modal,
-  _e as MultiSelectDropdown,
-  Ke as Pagination,
-  et as Panel,
+  dt as AuthLayout,
+  _e as Badge,
+  B as Button,
+  le as Card,
+  vt as ChangesPreviewModal,
+  E as Checkbox,
+  Qe as ColumnFilterDropdown,
+  Ze as ConfirmDialog,
+  Je as DataTable,
+  Xe as DatePicker,
+  Ke as DateRangePicker,
+  et as Dropdown,
+  tt as DynamicRowList,
+  rt as FilterPanel,
+  Oe as FloatingAddButton,
+  ut as Footer,
+  L as FormGroup,
+  nt as FormModal,
+  ft as Header,
+  S as IconButton,
+  Pe as InputField,
+  gt as InvoicePreviewModal,
+  xt as LicenseAgentButton,
+  ee as Loader,
+  mt as MainLayout,
+  R as Modal,
+  at as MultiSelectDropdown,
+  it as Pagination,
+  st as Panel,
   Ee as PasswordInput,
-  tt as PasswordStrengthMeter,
-  ct as ProfileMenu,
-  ut as ReportWidget,
-  q as RowSelectCheckbox,
+  ct as PasswordStrengthMeter,
+  ht as ProfileMenu,
+  pt as ReportWidget,
+  I as RowSelectCheckbox,
   Fe as SearchBox,
-  ot as Sidebar,
-  Pe as SlideOverModal,
-  rt as TableToolbar,
-  Ie as Tabs,
-  nt as ToggleButtonGroup,
-  Se as ValidationMessage
+  bt as Sidebar,
+  Ie as SlideOverModal,
+  lt as TableToolbar,
+  qe as Tabs,
+  yt as ThemeProvider,
+  kt as ThemeSwitcher,
+  ot as ToggleButtonGroup,
+  Ae as ValidationMessage
 };