@stlhorizon/vue-ui 1.2.2 → 1.2.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { computed as u, createElementBlock as r, openBlock as a, normalizeClass as c, ref as H, createBlock as M, toDisplayString as p, unref as D, createCommentVNode as f, renderSlot as h, resolveDynamicComponent as X, createVNode as y, mergeProps as me, createElementVNode as o, useId as be, watch as oe, createTextVNode as N, withCtx as S, normalizeStyle as ce, nextTick as Ce, Transition as ae, Fragment as Q, renderList as K, onMounted as ve, onUnmounted as ye, Teleport as Ve, markRaw as Te, TransitionGroup as Re, withDirectives as xe, vModelText as _e, provide as He, inject as Oe, vShow as Me, createSlots as qe, withModifiers as $e, resolveComponent as G } from "vue";
+import { computed as u, createElementBlock as r, openBlock as a, normalizeClass as d, ref as H, createBlock as M, toDisplayString as p, unref as D, createCommentVNode as f, renderSlot as h, resolveDynamicComponent as X, createVNode as y, mergeProps as me, createElementVNode as o, useId as be, watch as oe, createTextVNode as N, withCtx as S, normalizeStyle as ce, nextTick as Ce, Transition as ae, Fragment as Q, renderList as K, onMounted as ve, onUnmounted as ye, Teleport as Ve, markRaw as Te, TransitionGroup as Re, withDirectives as xe, vModelText as _e, provide as He, inject as Oe, vShow as Me, createSlots as qe, withModifiers as $e, resolveComponent as G } from "vue";
 import { cva as x } from "class-variance-authority";
 import { clsx as Ee } from "clsx";
 function v(...e) {
@@ -138,17 +138,17 @@ const Ue = {
   },
   setup(e) {
     const s = e, t = u(() => {
-      const d = Ue[s.name];
-      return d ? d.template : (console.warn(`Icon "${s.name}" not found`), "");
+      const c = Ue[s.name];
+      return c ? c.template : (console.warn(`Icon "${s.name}" not found`), "");
     }), l = u(() => {
-      const d = {
+      const c = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         md: "w-5 h-5",
         lg: "w-6 h-6",
         xl: "w-8 h-8"
       };
-      return d[s.size] || d.md;
+      return c[s.size] || c.md;
     }), n = u(
       () => s.color ? `text-${s.color}` : "text-current"
     ), i = u(() => [
@@ -156,9 +156,9 @@ const Ue = {
       n.value,
       "inline-block"
     ]);
-    return (d, m) => (a(), r("span", {
+    return (c, m) => (a(), r("span", {
       innerHTML: t.value,
-      class: c(i.value),
+      class: d(i.value),
       "aria-hidden": !e.ariaLabel,
       "aria-label": e.ariaLabel,
       role: e.ariaLabel ? "img" : void 0
@@ -202,7 +202,7 @@ const Ue = {
       }
     ), n = u(
       () => v(l({ size: s.size, variant: s.variant }), s.class)
-    ), i = u(() => "aspect-square h-full w-full object-cover"), d = u(
+    ), i = u(() => "aspect-square h-full w-full object-cover"), c = u(
       () => v(
         "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
         {
@@ -224,21 +224,21 @@ const Ue = {
       t.value = !0;
     };
     return (w, C) => (a(), r("div", {
-      class: c(n.value)
+      class: d(n.value)
     }, [
       e.src ? (a(), r("img", {
         key: 0,
         src: e.src,
         alt: e.alt,
-        class: c(i.value),
+        class: d(i.value),
         onError: b
       }, null, 42, Ge)) : e.initials ? (a(), r("span", {
         key: 1,
-        class: c(d.value)
+        class: d(c.value)
       }, p(e.initials), 3)) : (a(), M(Y, {
         key: 2,
         name: "User",
-        class: c(m.value)
+        class: d(m.value)
       }, null, 8, ["class"]))
     ], 2));
   }
@@ -283,7 +283,7 @@ const Ue = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
     </svg>
   `
-    }, l = e, n = s, i = () => n("dismiss"), d = x(
+    }, l = e, n = s, i = () => n("dismiss"), c = x(
       "inline-flex items-center font-medium border transition-all duration-200",
       {
         variants: {
@@ -316,11 +316,11 @@ const Ue = {
       lg: "w-5 h-5"
     }[l.size]]);
     return (b, w) => (a(), r("span", {
-      class: c(D(v)(D(d)({ variant: e.variant, size: e.size, shape: e.shape }), b.$attrs.class))
+      class: d(D(v)(D(c)({ variant: e.variant, size: e.size, shape: e.shape }), b.$attrs.class))
     }, [
       e.icon ? (a(), M(X(e.icon), {
         key: 0,
-        class: c(m.value)
+        class: d(m.value)
       }, null, 8, ["class"])) : f("", !0),
       h(b.$slots, "default"),
       e.dismissible ? (a(), r("button", {
@@ -482,7 +482,7 @@ const Ue = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
     </svg>
   `
-    }, n = e, i = s, d = H(null), m = u(() => n.id || be()), b = u(() => Array.isArray(n.modelValue) ? n.modelValue.includes(n.value) : n.modelValue), w = (B) => {
+    }, n = e, i = s, c = H(null), m = u(() => n.id || be()), b = u(() => Array.isArray(n.modelValue) ? n.modelValue.includes(n.value) : n.modelValue), w = (B) => {
       const $ = B.target.checked;
       if (Array.isArray(n.modelValue)) {
         const I = [...n.modelValue];
@@ -497,7 +497,7 @@ const Ue = {
         i("update:modelValue", $);
       i("change", $);
     }, C = () => {
-      !n.disabled && d.value && d.value.click();
+      !n.disabled && c.value && c.value.click();
     }, j = u(() => {
       if (n.error) return `${m.value}-error`;
     }), T = u(() => ({
@@ -540,24 +540,24 @@ const Ue = {
       "text-xs text-slate-500 mt-1"
     ]);
     return oe(() => n.indeterminate, (B) => {
-      d.value && (d.value.indeterminate = B);
+      c.value && (c.value.indeterminate = B);
     }, { immediate: !0 }), (B, $) => (a(), r("div", et, [
       o("div", tt, [
         o("input", {
           id: m.value,
           ref_key: "checkboxRef",
-          ref: d,
+          ref: c,
           type: "checkbox",
           checked: b.value,
           indeterminate: e.indeterminate,
           disabled: e.disabled,
           required: e.required,
-          class: c(R.value),
+          class: d(R.value),
           "aria-describedby": j.value,
           onChange: w
         }, null, 42, at),
         o("div", {
-          class: c(z.value),
+          class: d(z.value),
           onClick: C
         }, [
           b.value && !e.indeterminate ? (a(), M(t, {
@@ -572,7 +572,7 @@ const Ue = {
       o("div", st, [
         o("label", {
           for: m.value,
-          class: c(k.value)
+          class: d(k.value)
         }, [
           h(B.$slots, "default", {}, () => [
             N(p(e.label), 1)
@@ -580,7 +580,7 @@ const Ue = {
         ], 10, lt),
         e.description ? (a(), r("p", {
           key: 0,
-          class: c(g.value)
+          class: d(g.value)
         }, p(e.description), 3)) : f("", !0)
       ])
     ]));
@@ -676,7 +676,7 @@ const Ue = {
       }
     }), l = u(() => s.spacing ? s.spacing : "");
     return (n, i) => (a(), r("div", {
-      class: c(D(v)(D(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, l.value))
+      class: d(D(v)(D(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, l.value))
     }, [
       e.label && e.orientation === "horizontal" ? (a(), r("span", nt, p(e.label), 1)) : f("", !0)
     ], 2));
@@ -733,13 +733,13 @@ const Ue = {
     ), i = u(
       () => l({ size: s.size })
     );
-    return (d, m) => (a(), r("div", {
-      class: c(n.value),
+    return (c, m) => (a(), r("div", {
+      class: d(n.value),
       role: "status",
       "aria-label": e.label
     }, [
       (a(), r("svg", {
-        class: c(i.value),
+        class: d(i.value),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 24 24"
@@ -795,7 +795,7 @@ const Ue = {
   },
   emits: ["load", "error"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = H(!0), i = H(!1), d = x(
+    const t = e, l = s, n = H(!0), i = H(!1), c = x(
       "relative overflow-hidden bg-muted",
       {
         variants: {
@@ -809,7 +809,7 @@ const Ue = {
         }
       }
     ), m = u(
-      () => v(d({ aspectRatio: t.aspectRatio }), t.class)
+      () => v(c({ aspectRatio: t.aspectRatio }), t.class)
     ), b = u(
       () => v(
         "h-full w-full transition-opacity duration-300",
@@ -833,19 +833,19 @@ const Ue = {
       n.value = !1, i.value = !0, l("error", R);
     };
     return (R, z) => (a(), r("div", {
-      class: c(m.value)
+      class: d(m.value)
     }, [
       o("img", {
         src: e.src,
         alt: e.alt,
-        class: c(b.value),
+        class: d(b.value),
         loading: e.loading,
         onLoad: j,
         onError: T
       }, null, 42, dt),
       n.value ? (a(), r("div", {
         key: 0,
-        class: c(w.value)
+        class: d(w.value)
       }, [
         e.showSpinner ? (a(), M(je, {
           key: 0,
@@ -854,7 +854,7 @@ const Ue = {
       ], 2)) : f("", !0),
       i.value ? (a(), r("div", {
         key: 1,
-        class: c(C.value)
+        class: d(C.value)
       }, [
         y(Y, {
           name: "ImageOff",
@@ -939,7 +939,7 @@ const Ue = {
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "keydown"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, n = t, i = H(null), d = u(() => l.id || be()), m = ($) => {
+    const l = e, n = t, i = H(null), c = u(() => l.id || be()), m = ($) => {
       n("update:modelValue", $.target.value);
     }, b = ($) => {
       n("blur", $);
@@ -950,7 +950,7 @@ const Ue = {
     }, j = () => {
       n("update:modelValue", ""), n("clear"), i.value?.focus();
     }, T = u(() => !!l.error || l.variant === "error"), R = u(() => {
-      if (l.error) return `${d.value}-error`;
+      if (l.error) return `${c.value}-error`;
     }), z = u(() => ({
       sm: "px-3 py-1.5 text-sm",
       md: "px-3 py-2 text-sm",
@@ -982,11 +982,11 @@ const Ue = {
     }), ($, I) => (a(), r("div", ut, [
       e.iconLeft ? (a(), r("div", mt, [
         (a(), M(X(e.iconLeft), {
-          class: c(g.value)
+          class: d(g.value)
         }, null, 8, ["class"]))
       ])) : f("", !0),
       o("input", {
-        id: d.value,
+        id: c.value,
         ref_key: "inputRef",
         ref: i,
         type: e.type,
@@ -996,7 +996,7 @@ const Ue = {
         readonly: e.readonly,
         required: e.required,
         autocomplete: e.autocomplete,
-        class: c(B.value),
+        class: d(B.value),
         "aria-describedby": R.value,
         "aria-invalid": T.value,
         onInput: m,
@@ -1018,7 +1018,7 @@ const Ue = {
           })
         ], 8, gt)) : e.iconRight ? (a(), M(X(e.iconRight), {
           key: 1,
-          class: c(g.value)
+          class: d(g.value)
         }, null, 8, ["class"])) : f("", !0)
       ])) : f("", !0)
     ]));
@@ -1056,7 +1056,7 @@ const Ue = {
       )
     );
     return (n, i) => (a(), r("label", {
-      class: c(l.value),
+      class: d(l.value),
       for: e.htmlFor
     }, [
       h(n.$slots, "default")
@@ -1137,7 +1137,7 @@ const Ue = {
           disabled: !1
         }
       }
-    ), d = (b) => {
+    ), c = (b) => {
       if (t.disabled) {
         b.preventDefault();
         return;
@@ -1149,20 +1149,20 @@ const Ue = {
       to: l.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
       rel: e.external ? "noopener noreferrer" : e.rel,
-      class: c(D(v)(D(i)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), b.$attrs.class)),
-      onClick: d
+      class: d(D(v)(D(i)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), b.$attrs.class)),
+      onClick: c
     }, {
       default: S(() => [
         e.icon && e.iconPosition === "left" ? (a(), M(Y, {
           key: 0,
           name: e.icon,
-          class: c(n.value)
+          class: d(n.value)
         }, null, 8, ["name", "class"])) : f("", !0),
         h(b.$slots, "default"),
         e.icon && e.iconPosition === "right" ? (a(), M(Y, {
           key: 1,
           name: e.icon,
-          class: c(n.value)
+          class: d(n.value)
         }, null, 8, ["name", "class"])) : f("", !0),
         e.external && e.showExternalIcon ? (a(), M(Y, {
           key: 2,
@@ -1219,17 +1219,17 @@ const Ue = {
         }
       )
     );
-    return (d, m) => (a(), r("div", {
-      class: c(l.value)
+    return (c, m) => (a(), r("div", {
+      class: d(l.value)
     }, [
       e.src ? (a(), r("img", {
         key: 0,
         src: e.src,
         alt: e.alt || "Logo",
-        class: c(n.value)
+        class: d(n.value)
       }, null, 10, ht)) : (a(), r("div", {
         key: 1,
-        class: c(i.value)
+        class: d(i.value)
       }, p(e.text || "Logo"), 3))
     ], 2));
   }
@@ -1317,16 +1317,16 @@ const Ue = {
       }
     ), i = u(
       () => v(l({ size: s.size }), s.class)
-    ), d = u(
+    ), c = u(
       () => n({ variant: s.variant })
     ), m = u(
       () => "absolute inset-0 flex items-center justify-center text-xs font-medium text-primary-foreground"
     );
     return (b, w) => (a(), r("div", {
-      class: c(i.value)
+      class: d(i.value)
     }, [
       o("div", {
-        class: c(d.value),
+        class: d(c.value),
         style: ce({ width: `${t.value}%` }),
         role: "progressbar",
         "aria-valuenow": t.value,
@@ -1335,7 +1335,7 @@ const Ue = {
       }, null, 14, kt),
       e.showLabel ? (a(), r("span", {
         key: 0,
-        class: c(m.value)
+        class: d(m.value)
       }, p(t.value) + "% ", 3)) : f("", !0)
     ], 2));
   }
@@ -1368,7 +1368,7 @@ const Ue = {
           }
         }
       }
-    ), d = u(
+    ), c = u(
       () => v(
         i({ size: t.size }),
         t.disabled && "cursor-not-allowed opacity-50",
@@ -1397,17 +1397,17 @@ const Ue = {
         role: "radio",
         "aria-checked": n.value,
         disabled: e.disabled,
-        class: c(d.value),
+        class: d(c.value),
         onClick: w
       }, [
         n.value ? (a(), r("div", {
           key: 0,
-          class: c(m.value)
+          class: d(m.value)
         }, null, 2)) : f("", !0)
       ], 10, $t),
       e.label ? (a(), r("label", {
         key: 0,
-        class: c(b.value),
+        class: d(b.value),
         onClick: w
       }, p(e.label), 3)) : f("", !0)
     ]));
@@ -1446,7 +1446,7 @@ const Ue = {
     );
     return (n, i) => (a(), r("select", me({
       value: e.modelValue,
-      onChange: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value)),
+      onChange: i[0] || (i[0] = (c) => n.$emit("update:modelValue", c.target.value)),
       disabled: e.disabled,
       class: l.value
     }, n.$attrs), [
@@ -1529,7 +1529,7 @@ const Ue = {
           }
         ]
       }
-    ), d = u(
+    ), c = u(
       () => v(
         n({
           size: t.size,
@@ -1550,11 +1550,11 @@ const Ue = {
       role: "switch",
       "aria-checked": e.modelValue,
       disabled: e.disabled,
-      class: c(d.value),
+      class: d(c.value),
       onClick: b
     }, [
       o("span", {
-        class: c(m.value)
+        class: d(m.value)
       }, null, 2)
     ], 10, Bt));
   }
@@ -1627,7 +1627,7 @@ const Ue = {
       }), s.class)
     );
     return (n, i) => (a(), M(X(e.as), {
-      class: c(l.value)
+      class: d(l.value)
     }, {
       default: S(() => [
         h(n.$slots, "default")
@@ -1666,10 +1666,10 @@ const Ue = {
   },
   emits: ["update:modelValue", "blur", "focus", "keydown"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, n = t, i = H(null), d = u(() => l.id || be()), m = (g) => {
+    const l = e, n = t, i = H(null), c = u(() => l.id || be()), m = (g) => {
       n("update:modelValue", g.target.value), l.autoResize && Ce(() => k());
     }, b = (g) => n("blur", g), w = (g) => n("focus", g), C = (g) => n("keydown", g), j = u(() => !!l.error || l.variant === "error"), T = u(
-      () => l.error ? `${d.value}-error` : void 0
+      () => l.error ? `${c.value}-error` : void 0
     ), R = x(
       "block w-full rounded-lg border transition-colors duration-200 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
       {
@@ -1711,7 +1711,7 @@ const Ue = {
       blur: () => i.value?.blur(),
       select: () => i.value?.select()
     }), (g, B) => (a(), r("textarea", {
-      id: d.value,
+      id: c.value,
       ref_key: "textareaRef",
       ref: i,
       value: e.modelValue,
@@ -1721,7 +1721,7 @@ const Ue = {
       required: e.required,
       rows: e.rows,
       maxlength: e.maxlength,
-      class: c(z.value),
+      class: d(z.value),
       "aria-describedby": T.value,
       "aria-invalid": j.value,
       onInput: m,
@@ -1775,7 +1775,7 @@ const Ue = {
           }
         }
       }
-    ), d = u(
+    ), c = u(
       () => v(n({ placement: s.placement }), s.class)
     ), m = u(
       () => i({ placement: s.placement })
@@ -1803,12 +1803,12 @@ const Ue = {
         default: S(() => [
           t.value ? (a(), r("div", {
             key: 0,
-            class: c(d.value),
+            class: d(c.value),
             role: "tooltip"
           }, [
             N(p(e.content) + " ", 1),
             o("div", {
-              class: c(m.value)
+              class: d(m.value)
             }, null, 2)
           ], 2)) : f("", !0)
         ]),
@@ -1910,7 +1910,7 @@ const Ue = {
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    })[s.align]), d = u(() => [
+    })[s.align]), c = u(() => [
       l.value,
       n.value,
       i.value,
@@ -1922,7 +1922,7 @@ const Ue = {
       }
     ]);
     return (m, b) => (a(), M(X(t.value), {
-      class: c(d.value)
+      class: d(c.value)
     }, {
       default: S(() => [
         h(m.$slots, "default")
@@ -1961,7 +1961,7 @@ const Ue = {
   setup(e, { emit: s }) {
     const t = e, l = s, n = H(!0), i = () => {
       n.value = !1, l("dismiss");
-    }, d = (g) => {
+    }, c = (g) => {
       l("action", g), g.onClick && g.onClick();
     };
     if (t.autoClose) {
@@ -2051,19 +2051,19 @@ const Ue = {
       default: S(() => [
         n.value ? (a(), r("div", {
           key: 0,
-          class: c(D(v)(D(R)({ variant: e.variant }), g.$attrs.class)),
+          class: d(D(v)(D(R)({ variant: e.variant }), g.$attrs.class)),
           role: "alert"
         }, [
           o("div", Lt, [
             e.showIcon ? (a(), r("div", Dt, [
               (a(), M(X(T.value), {
-                class: c(z.value)
+                class: d(z.value)
               }, null, 8, ["class"]))
             ])) : f("", !0),
             o("div", At, [
               e.title ? (a(), r("h4", Pt, p(e.title), 1)) : f("", !0),
               o("div", {
-                class: c(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
+                class: d(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
                 h(g.$slots, "default", {}, () => [
                   N(p(e.message), 1)
@@ -2075,7 +2075,7 @@ const Ue = {
                     key: $.label,
                     variant: $.variant || "outline",
                     size: $.size || "sm",
-                    onClick: (I) => d($)
+                    onClick: (I) => c($)
                   }, {
                     default: S(() => [
                       N(p($.label), 1)
@@ -2088,7 +2088,7 @@ const Ue = {
             e.dismissible ? (a(), r("button", {
               key: 1,
               onClick: i,
-              class: c(k.value),
+              class: d(k.value),
               "aria-label": e.dismissLabel
             }, [
               y(j, { class: "w-4 h-4" })
@@ -2134,23 +2134,23 @@ const Ue = {
     );
     return (n, i) => (a(), r("nav", {
       "aria-label": e.ariaLabel,
-      class: c(["flex", l.value])
+      class: d(["flex", l.value])
     }, [
       o("ol", Ht, [
-        (a(!0), r(Q, null, K(e.items, (d, m) => (a(), r("li", {
+        (a(!0), r(Q, null, K(e.items, (c, m) => (a(), r("li", {
           key: m,
           class: "flex items-center"
         }, [
-          (a(), M(X(d.href ? "a" : "span"), {
-            href: d.href,
-            class: c([
+          (a(), M(X(c.href ? "a" : "span"), {
+            href: c.href,
+            class: d([
               "text-sm font-medium transition-colors hover:text-foreground",
               m === e.items.length - 1 ? "text-foreground" : "text-muted-foreground hover:text-foreground"
             ]),
             "aria-current": m === e.items.length - 1 ? "page" : void 0
           }, {
             default: S(() => [
-              N(p(d.label), 1)
+              N(p(c.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
@@ -2195,7 +2195,7 @@ const Ue = {
       () => v(t({ orientation: s.orientation }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value),
+      class: d(l.value),
       role: "group",
       "aria-label": e.ariaLabel
     }, [
@@ -2265,7 +2265,7 @@ const Ue = {
           padding: "md"
         }
       }
-    ), d = x(
+    ), c = x(
       "border-b border-slate-100 last:border-b-0",
       {
         variants: {
@@ -2313,23 +2313,23 @@ const Ue = {
       }
     });
     return (C, j) => (a(), r("div", {
-      class: c(D(v)(D(i)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
+      class: d(D(v)(D(i)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
       onClick: n
     }, [
       C.$slots.header || e.title || e.subtitle ? (a(), r("div", {
         key: 0,
-        class: c(D(v)(D(d)({ padding: e.padding })))
+        class: d(D(v)(D(c)({ padding: e.padding })))
       }, [
         h(C.$slots, "header", {}, () => [
           o("div", Ut, [
             o("div", Zt, [
               e.title ? (a(), r("h3", {
                 key: 0,
-                class: c(Yt)
+                class: d(Yt)
               }, p(e.title), 1)) : f("", !0),
               e.subtitle ? (a(), r("p", {
                 key: 1,
-                class: c(Xt)
+                class: d(Xt)
               }, p(e.subtitle), 1)) : f("", !0)
             ]),
             C.$slots.actions ? (a(), r("div", Gt, [
@@ -2340,26 +2340,26 @@ const Ue = {
       ], 2)) : f("", !0),
       C.$slots.image || e.image ? (a(), r("div", {
         key: 1,
-        class: c(D(v)(D(w)({ padding: e.padding })))
+        class: d(D(v)(D(w)({ padding: e.padding })))
       }, [
         h(C.$slots, "image", {}, () => [
           e.image ? (a(), r("img", {
             key: 0,
             src: e.image,
             alt: e.imageAlt,
-            class: c(Qt)
+            class: d(Qt)
           }, null, 8, Kt)) : f("", !0)
         ])
       ], 2)) : f("", !0),
       C.$slots.default ? (a(), r("div", {
         key: 2,
-        class: c(D(v)(D(m)({ padding: e.padding })))
+        class: d(D(v)(D(m)({ padding: e.padding })))
       }, [
         h(C.$slots, "default")
       ], 2)) : f("", !0),
       C.$slots.footer ? (a(), r("div", {
         key: 3,
-        class: c(D(v)(D(b)({ padding: e.padding })))
+        class: d(D(v)(D(b)({ padding: e.padding })))
       }, [
         h(C.$slots, "footer")
       ], 2)) : f("", !0)
@@ -2371,7 +2371,7 @@ const Ue = {
   __name: "CardHeader",
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c(D(v)("flex flex-col space-y-1.5 p-6", s.$attrs.class))
+      class: d(D(v)("flex flex-col space-y-1.5 p-6", s.$attrs.class))
     }, [
       h(s.$slots, "default")
     ], 2));
@@ -2398,7 +2398,7 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
       h(n.$slots, "default")
     ], 2));
@@ -2425,7 +2425,7 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
       h(n.$slots, "default")
     ], 2));
@@ -2436,7 +2436,7 @@ const Ue = {
   __name: "CardContent",
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c(D(v)("p-6 pt-0", s.$attrs.class))
+      class: d(D(v)("p-6 pt-0", s.$attrs.class))
     }, [
       h(s.$slots, "default")
     ], 2));
@@ -2447,7 +2447,7 @@ const Ue = {
   __name: "CardTitle",
   setup(e) {
     return (s, t) => (a(), r("h3", {
-      class: c(D(v)("text-2xl font-semibold leading-none tracking-tight", s.$attrs.class))
+      class: d(D(v)("text-2xl font-semibold leading-none tracking-tight", s.$attrs.class))
     }, [
       h(s.$slots, "default")
     ], 2));
@@ -2498,12 +2498,12 @@ const Ue = {
         id: e.id,
         value: e.modelValue,
         type: "date",
-        class: c(l.value),
+        class: d(l.value),
         disabled: e.disabled,
         required: e.required,
         min: e.min,
         max: e.max,
-        onInput: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
+        onInput: i[0] || (i[0] = (c) => n.$emit("update:modelValue", c.target.value))
       }, null, 42, na),
       y(Y, {
         name: "calendar",
@@ -2553,7 +2553,7 @@ const Ue = {
           }
         }
       }
-    ), d = u(
+    ), c = u(
       () => v(n({ variant: s.variant }), "h-10 px-4 py-2")
     ), m = u(
       () => v(i({ placement: s.placement }))
@@ -2572,7 +2572,7 @@ const Ue = {
       ref: l
     }, [
       o("button", {
-        class: c(d.value),
+        class: d(c.value),
         onClick: b,
         "aria-expanded": t.value,
         "aria-haspopup": !0
@@ -2596,7 +2596,7 @@ const Ue = {
         default: S(() => [
           t.value ? (a(), r("div", {
             key: 0,
-            class: c(m.value),
+            class: d(m.value),
             role: "menu",
             "aria-orientation": "vertical"
           }, [
@@ -2637,15 +2637,15 @@ const Ue = {
       }
     ), i = u(
       () => v(n({ variant: t.variant }))
-    ), d = (m) => {
+    ), c = (m) => {
       t.disabled || l("click", m);
     };
     return (m, b) => (a(), M(X(e.href ? "a" : "button"), {
       href: e.href,
-      class: c(i.value),
+      class: d(i.value),
       disabled: e.disabled,
       role: "menuitem",
-      onClick: d
+      onClick: c
     }, {
       default: S(() => [
         e.icon ? (a(), M(Y, {
@@ -2680,7 +2680,7 @@ const Ue = {
   },
   emits: ["files-selected", "file-removed"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = H([]), i = H(!1), d = H(null), m = x(
+    const t = e, l = s, n = H([]), i = H(!1), c = H(null), m = x(
       "border-2 border-dashed rounded-lg cursor-pointer transition-colors hover:bg-muted/50",
       {
         variants: {
@@ -2706,7 +2706,7 @@ const Ue = {
     }, T = ($) => {
       $.preventDefault(), i.value = !1;
     }, R = () => {
-      d.value?.click();
+      c.value?.click();
     }, z = ($) => {
       const I = Array.from($.target.files);
       k(I);
@@ -2722,7 +2722,7 @@ const Ue = {
     };
     return ($, I) => (a(), r("div", ua, [
       o("div", {
-        class: c(b.value),
+        class: d(b.value),
         onDrop: w,
         onDragover: C,
         onDragenter: j,
@@ -2731,7 +2731,7 @@ const Ue = {
       }, [
         o("input", {
           ref_key: "fileInput",
-          ref: d,
+          ref: c,
           type: "file",
           multiple: e.multiple,
           accept: e.accept,
@@ -2809,7 +2809,7 @@ const Ue = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
     </svg>
   `
-    }, l = e, n = be(), i = u(() => !!l.error), d = u(() => {
+    }, l = e, n = be(), i = u(() => !!l.error), c = u(() => {
       const T = [];
       return l.error ? T.push(`${n}-error`) : l.helpText && T.push(`${n}-help`), T.length > 0 ? T.join(" ") : void 0;
     }), m = x("", {
@@ -2864,25 +2864,25 @@ const Ue = {
       defaultVariants: { size: "md" }
     });
     return (T, R) => (a(), r("div", {
-      class: c(D(v)(D(m)({ size: e.size }), T.$attrs.class))
+      class: d(D(v)(D(m)({ size: e.size }), T.$attrs.class))
     }, [
       e.label ? (a(), r("label", {
         key: 0,
         for: D(n),
-        class: c(D(v)(D(b)({ size: e.size })))
+        class: d(D(v)(D(b)({ size: e.size })))
       }, [
         N(p(e.label) + " ", 1),
         e.required ? (a(), r("span", wa, "*")) : f("", !0)
       ], 10, ka)) : f("", !0),
       e.description ? (a(), r("p", {
         key: 1,
-        class: c(D(v)(D(w)({ size: e.size })))
+        class: d(D(v)(D(w)({ size: e.size })))
       }, p(e.description), 3)) : f("", !0),
       o("div", Ca, [
         h(T.$slots, "default", {
           fieldId: D(n),
           hasError: i.value,
-          ariaDescribedBy: d.value
+          ariaDescribedBy: c.value
         })
       ]),
       y(ae, {
@@ -2897,7 +2897,7 @@ const Ue = {
           i.value ? (a(), r("div", {
             key: 0,
             id: `${D(n)}-error`,
-            class: c(D(v)(D(C)({ size: e.size, intent: "error" }))),
+            class: d(D(v)(D(C)({ size: e.size, intent: "error" }))),
             role: "alert",
             "aria-live": "polite"
           }, [
@@ -2910,7 +2910,7 @@ const Ue = {
       e.helpText && !i.value ? (a(), r("p", {
         key: 2,
         id: `${D(n)}-help`,
-        class: c(D(v)(D(j)({ size: e.size })))
+        class: d(D(v)(D(j)({ size: e.size })))
       }, p(e.helpText), 11, Sa)) : f("", !0),
       y(ae, {
         "enter-active-class": "transition-all duration-200",
@@ -2923,7 +2923,7 @@ const Ue = {
         default: S(() => [
           e.success && !i.value ? (a(), r("div", {
             key: 0,
-            class: c(D(v)(D(C)({ size: e.size, intent: "success" })))
+            class: d(D(v)(D(C)({ size: e.size, intent: "success" })))
           }, [
             y(t, { class: "w-4 h-4 flex-shrink-0 mt-0.5" }),
             o("span", null, p(e.success), 1)
@@ -2960,7 +2960,7 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
       n.$slots.prefix ? (a(), r("div", Ba, [
         h(n.$slots, "prefix")
@@ -3013,7 +3013,7 @@ const Ue = {
           interactive: "transition-colors rounded-md"
         }
       }
-    }), d = u(
+    }), c = u(
       () => v(n({ variant: t.variant }))
     ), m = u(
       () => v(i({ variant: t.variant }))
@@ -3021,12 +3021,12 @@ const Ue = {
       l("click", w);
     };
     return (w, C) => (a(), r("li", {
-      class: c(d.value),
+      class: d(c.value),
       role: e.role
     }, [
       (a(), M(X(e.href ? "a" : "div"), {
         href: e.href,
-        class: c(m.value),
+        class: d(m.value),
         onClick: b
       }, {
         default: S(() => [
@@ -3083,15 +3083,15 @@ const Ue = {
       }
     ), i = u(
       () => v(n({ variant: t.variant }))
-    ), d = (m) => {
+    ), c = (m) => {
       t.disabled || l("click", m);
     };
     return (m, b) => (a(), M(X(e.href ? "a" : "button"), {
       href: e.href,
-      class: c(i.value),
+      class: d(i.value),
       disabled: e.disabled,
       role: "menuitem",
-      onClick: d
+      onClick: c
     }, {
       default: S(() => [
         e.icon ? (a(), M(Y, {
@@ -3127,11 +3127,11 @@ const Ue = {
   setup(e, { emit: s }) {
     const t = e, l = s, n = () => {
       l("update:modelValue", !1), l("close");
-    }, i = (d) => {
-      t.closeOnBackdrop && d.target === d.currentTarget && n();
+    }, i = (c) => {
+      t.closeOnBackdrop && c.target === c.currentTarget && n();
     };
-    return oe(() => t.modelValue, (d) => {
-      if (d) {
+    return oe(() => t.modelValue, (c) => {
+      if (c) {
         const m = (b) => {
           b.key === "Escape" && n();
         };
@@ -3139,7 +3139,7 @@ const Ue = {
           document.removeEventListener("keydown", m);
         };
       }
-    }), (d, m) => (a(), M(Ve, { to: "body" }, [
+    }), (c, m) => (a(), M(Ve, { to: "body" }, [
       y(ae, {
         "enter-active-class": "transition-opacity duration-300",
         "enter-from-class": "opacity-0",
@@ -3166,7 +3166,7 @@ const Ue = {
                 }),
                 m[0] || (m[0] = o("span", { class: "sr-only" }, "Close", -1))
               ])) : f("", !0),
-              h(d.$slots, "default")
+              h(c.$slots, "default")
             ])
           ])) : f("", !0)
         ]),
@@ -3214,7 +3214,7 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
       h(n.$slots, "default")
     ], 2));
@@ -3240,7 +3240,7 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
       h(n.$slots, "default")
     ], 2));
@@ -3289,7 +3289,7 @@ const Ue = {
           }
         }
       }
-    ), d = {
+    ), c = {
       default: "info",
       success: "check-circle",
       warning: "alert-triangle",
@@ -3305,7 +3305,7 @@ const Ue = {
       }
     }), b = u(
       () => v(i({ variant: t.variant }), "p-4")
-    ), w = u(() => d[t.variant]), C = u(() => m({ variant: t.variant })), j = () => {
+    ), w = u(() => c[t.variant]), C = u(() => m({ variant: t.variant })), j = () => {
       n.value = !1, l("dismiss");
     };
     return ve(() => {
@@ -3323,7 +3323,7 @@ const Ue = {
       default: S(() => [
         n.value ? (a(), r("div", {
           key: 0,
-          class: c(b.value),
+          class: d(b.value),
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
@@ -3331,14 +3331,14 @@ const Ue = {
             e.showIcon ? (a(), r("div", Qa, [
               y(Y, {
                 name: w.value,
-                class: c(C.value)
+                class: d(C.value)
               }, null, 8, ["name", "class"])
             ])) : f("", !0),
             o("div", Ya, [
               e.title ? (a(), r("div", Xa, p(e.title), 1)) : f("", !0),
               e.message ? (a(), r("div", {
                 key: 1,
-                class: c(["text-sm", { "mt-1": e.title }])
+                class: d(["text-sm", { "mt-1": e.title }])
               }, p(e.message), 3)) : f("", !0),
               h(T.$slots, "default")
             ]),
@@ -3397,7 +3397,7 @@ const es = {
         success: l = "Success",
         error: n = "Error",
         ...i
-      } = s, d = re(t, {
+      } = s, c = re(t, {
         ...i,
         variant: "loading",
         duration: 0,
@@ -3405,14 +3405,14 @@ const es = {
         dismissible: !1
       });
       return e.then((m) => {
-        ue(d);
+        ue(c);
         const b = typeof l == "function" ? l(m) : l;
         return re(b, {
           ...i,
           variant: "success"
         }), m;
       }).catch((m) => {
-        ue(d);
+        ue(c);
         const b = typeof n == "function" ? n(m) : n;
         throw re(b, {
           ...i,
@@ -3488,7 +3488,7 @@ const es = {
       "bottom-right": "bottom-0 right-0 flex-col-reverse"
     }, i = u(
       () => v(n[s.position])
-    ), d = x(
+    ), c = x(
       "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all",
       {
         variants: {
@@ -3503,7 +3503,7 @@ const es = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), m = (z) => v(d({ variant: z.variant })), b = {
+    ), m = (z) => v(c({ variant: z.variant })), b = {
       default: "bell",
       info: "info",
       success: "check-circle",
@@ -3523,7 +3523,7 @@ const es = {
     }, T = (z) => z.icon !== !1, R = (z) => z.dismissible !== !1 && (z.closeButton || s.closeButton || z.dismissible);
     return (z, k) => (a(), M(Ve, { to: "body" }, [
       o("div", {
-        class: c(D(v)(
+        class: d(D(v)(
           i.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
@@ -3542,14 +3542,14 @@ const es = {
           default: S(() => [
             (a(!0), r(Q, null, K(D(t), (g) => (a(), r("div", {
               key: g.id,
-              class: c([m(g), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
+              class: d([m(g), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
               "aria-live": g.variant === "error" ? "assertive" : "polite"
             }, [
               T(g) ? (a(), M(Y, {
                 key: 0,
                 name: C(g),
-                class: c([j(g), "h-4 w-4 shrink-0"])
+                class: d([j(g), "h-4 w-4 shrink-0"])
               }, null, 8, ["name", "class"])) : f("", !0),
               o("div", ls, [
                 g.title ? (a(), r("div", ns, p(g.title), 1)) : f("", !0),
@@ -3643,21 +3643,21 @@ const es = {
     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
     <path class="opacity-75" fill="currentColor" d="m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
   </svg>`
-    }, i = e, d = s, m = H(null), b = H(null), w = H(!1), C = H(-1), j = H(null), T = (A) => {
+    }, i = e, c = s, m = H(null), b = H(null), w = H(!1), C = H(-1), j = H(null), T = (A) => {
       const U = A.target.value;
-      d("update:modelValue", U), j.value && clearTimeout(j.value), j.value = setTimeout(() => {
-        U.length >= i.minLength ? (d("search", U), w.value = !0) : w.value = !1;
+      c("update:modelValue", U), j.value && clearTimeout(j.value), j.value = setTimeout(() => {
+        U.length >= i.minLength ? (c("search", U), w.value = !0) : w.value = !1;
       }, i.debounce);
     }, R = (A) => {
-      d("focus", A), i.modelValue.length >= i.minLength && (w.value = !0);
+      c("focus", A), i.modelValue.length >= i.minLength && (w.value = !0);
     }, z = (A) => {
-      d("blur", A), setTimeout(() => {
+      c("blur", A), setTimeout(() => {
         w.value = !1, C.value = -1;
       }, 150);
     }, k = () => {
-      d("update:modelValue", ""), d("clear"), w.value = !1, b.value?.focus();
+      c("update:modelValue", ""), c("clear"), w.value = !1, b.value?.focus();
     }, g = (A) => {
-      d("select", A), w.value = !1, C.value = -1;
+      c("select", A), w.value = !1, C.value = -1;
     }, B = (A) => {
       if (!(!w.value || i.results.length === 0))
         switch (A.key) {
@@ -3717,7 +3717,7 @@ const es = {
       o("div", us, [
         o("div", ms, [
           y(t, {
-            class: c(te.value)
+            class: d(te.value)
           }, null, 8, ["class"])
         ]),
         o("input", {
@@ -3726,7 +3726,7 @@ const es = {
           value: e.modelValue,
           placeholder: e.placeholder,
           disabled: e.disabled,
-          class: c(E.value),
+          class: d(E.value),
           onInput: T,
           onFocus: R,
           onBlur: z,
@@ -3756,12 +3756,12 @@ const es = {
         default: S(() => [
           w.value && (e.results.length > 0 || e.showNoResults) ? (a(), r("div", {
             key: 0,
-            class: c(se.value)
+            class: d(se.value)
           }, [
             e.results.length > 0 ? (a(), r("div", bs, [
               (a(!0), r(Q, null, K(e.results, (J, le) => (a(), r("button", {
                 key: J.id || le,
-                class: c(q(le)),
+                class: d(q(le)),
                 onClick: (_) => g(J),
                 onMouseenter: (_) => C.value = le
               }, [
@@ -3803,13 +3803,13 @@ const es = {
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
     const t = e, l = s, n = H(t.modelValue);
-    oe(() => t.modelValue, (d) => {
-      n.value = d;
+    oe(() => t.modelValue, (c) => {
+      n.value = c;
     });
     const i = () => {
       l("update:modelValue", Number(n.value));
     };
-    return (d, m) => (a(), r("div", zs, [
+    return (c, m) => (a(), r("div", zs, [
       xe(o("input", {
         type: "range",
         min: e.min,
@@ -3850,7 +3850,7 @@ const es = {
   setup(e) {
     return (s, t) => (a(), r("div", Is, [
       o("div", {
-        class: c([
+        class: d([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
           e.active ? "bg-blue-500 border-blue-500 text-white" : e.completed ? "bg-green-500 border-green-500 text-white" : "border-slate-300 text-slate-500"
         ])
@@ -3876,12 +3876,12 @@ const es = {
       activeIndex: t,
       tabs: l,
       registerTab: (i) => (l.value.push({ label: i }), l.value.length - 1)
-    }), (i, d) => (a(), r("div", null, [
+    }), (i, c) => (a(), r("div", null, [
       o("div", Fs, [
         (a(!0), r(Q, null, K(l.value, (m, b) => (a(), r("button", {
           key: b,
           onClick: (w) => n(b),
-          class: c([
+          class: d([
             "px-4 py-2 -mb-px border-b-2 font-medium text-sm transition-colors",
             t.value === b ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
           ])
@@ -3903,7 +3903,7 @@ const es = {
       l.value = t.registerTab(s.label), n.value = t.activeIndex.value === l.value, watch(t.activeIndex, (i) => {
         n.value = i === l.value;
       });
-    }), (i, d) => xe((a(), r("div", null, [
+    }), (i, c) => xe((a(), r("div", null, [
       h(i.$slots, "default")
     ], 512)), [
       [Me, n.value]
@@ -3943,7 +3943,7 @@ const es = {
   `
     }, l = e, n = s, i = H(
       l.multiple ? Array.isArray(l.modelValue) ? [...l.modelValue] : [] : typeof l.modelValue == "number" ? [l.modelValue] : []
-    ), d = (q) => {
+    ), c = (q) => {
       if (!(l.disabled || l.items[q]?.disabled)) {
         if (l.multiple) {
           const W = i.value.indexOf(q);
@@ -4052,36 +4052,36 @@ const es = {
         l.multiple ? i.value = Array.isArray(q) ? [...q] : [] : i.value = typeof q == "number" ? [q] : [];
       }
     ), (q, W) => (a(), r("div", {
-      class: c(g.value)
+      class: d(g.value)
     }, [
       (a(!0), r(Q, null, K(e.items, (A, U) => (a(), r("div", {
         key: A.id || U,
-        class: c(B.value)
+        class: d(B.value)
       }, [
         o("button", {
-          class: c($(U)),
+          class: d($(U)),
           "aria-expanded": m(U),
           "aria-controls": `panel-${A.id || U}`,
           id: `header-${A.id || U}`,
-          onClick: (J) => d(U)
+          onClick: (J) => c(U)
         }, [
           o("div", qs, [
             A.icon ? (a(), M(X(A.icon), {
               key: 0,
-              class: c(E.value)
+              class: d(E.value)
             }, null, 8, ["class"])) : f("", !0),
             o("div", Es, [
               o("h3", {
-                class: c(I.value)
+                class: d(I.value)
               }, p(A.title), 3),
               A.subtitle ? (a(), r("p", {
                 key: 0,
-                class: c(P.value)
+                class: d(P.value)
               }, p(A.subtitle), 3)) : f("", !0)
             ])
           ]),
           o("div", {
-            class: c(te(U))
+            class: d(te(U))
           }, [
             y(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
@@ -4097,7 +4097,7 @@ const es = {
           default: S(() => [
             m(U) ? (a(), r("div", {
               key: 0,
-              class: c(se.value),
+              class: d(se.value),
               id: `panel-${A.id || U}`,
               "aria-labelledby": `header-${A.id || U}`,
               role: "region"
@@ -4148,7 +4148,7 @@ const es = {
           flush: ""
         }
       }
-    }), d = x(
+    }), c = x(
       "flex items-center justify-between w-full text-left transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
       {
         variants: {
@@ -4170,22 +4170,22 @@ const es = {
     }), b = u(
       () => v(i({ variant: t.variant }))
     ), w = u(
-      () => v(d({ size: t.size }))
+      () => v(c({ size: t.size }))
     ), C = u(
       () => v(m({ size: t.size }))
     );
     return (j, T) => (a(), r("div", {
-      class: c(b.value)
+      class: d(b.value)
     }, [
       y(ee, {
-        class: c(w.value),
+        class: d(w.value),
         "aria-expanded": l.value,
         onClick: n
       }, {
         default: S(() => [
           h(j.$slots, "header", { isOpen: l.value }),
           y(s, {
-            class: c(D(v)("w-5 h-5 transition-transform ml-2", { "rotate-180": l.value }))
+            class: d(D(v)("w-5 h-5 transition-transform ml-2", { "rotate-180": l.value }))
           }, null, 8, ["class"])
         ]),
         _: 3
@@ -4201,7 +4201,7 @@ const es = {
         default: S(() => [
           l.value ? (a(), r("div", {
             key: 0,
-            class: c(C.value)
+            class: d(C.value)
           }, [
             h(j.$slots, "content", { isOpen: l.value })
           ], 2)) : f("", !0)
@@ -4222,7 +4222,7 @@ const es = {
       template: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
   </svg>`
-    }, l = /* @__PURE__ */ new Date(), n = H(l.getMonth()), i = H(l.getFullYear()), d = H(null), m = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], b = u(
+    }, l = /* @__PURE__ */ new Date(), n = H(l.getMonth()), i = H(l.getFullYear()), c = H(null), m = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], b = u(
       () => new Date(i.value, n.value).toLocaleString("default", {
         month: "long"
       })
@@ -4243,10 +4243,10 @@ const es = {
       return l.getDate() === $ && l.getMonth() === n.value && l.getFullYear() === i.value;
     }
     function g($) {
-      return d.value && d.value.getDate() === $ && d.value.getMonth() === n.value && d.value.getFullYear() === i.value;
+      return c.value && c.value.getDate() === $ && c.value.getMonth() === n.value && c.value.getFullYear() === i.value;
     }
     function B($) {
-      d.value = new Date(i.value, n.value, $), emit("update:modelValue", d.value);
+      c.value = new Date(i.value, n.value, $), emit("update:modelValue", c.value);
     }
     return ($, I) => (a(), r("div", Qs, [
       o("div", Ys, [
@@ -4283,7 +4283,7 @@ const es = {
         (a(!0), r(Q, null, K(w.value, (P) => (a(), M(ee, {
           key: P,
           onClick: (E) => B(P),
-          class: c([
+          class: d([
             "w-10 h-10 rounded-full flex items-center justify-center mx-auto",
             k(P) ? "bg-blue-500 text-white font-semibold" : "",
             g(P) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
@@ -4371,21 +4371,21 @@ const es = {
         variant: s.variant,
         padding: s.padding
       }))
-    ), d = u(
+    ), c = u(
       () => v(l({ size: "md" }))
     ), m = u(
       () => v(n({ size: "md" }))
     );
     return (b, w) => e.title || e.description || b.$slots.header ? (a(), r("div", {
       key: 0,
-      class: c(i.value)
+      class: d(i.value)
     }, [
       h(b.$slots, "header", {}, () => [
         o("div", tl, [
           o("div", null, [
             e.title ? (a(), M(he, {
               key: 0,
-              class: c(d.value)
+              class: d(c.value)
             }, {
               default: S(() => [
                 N(p(e.title), 1)
@@ -4394,7 +4394,7 @@ const es = {
             }, 8, ["class"])) : f("", !0),
             e.description ? (a(), M(he, {
               key: 1,
-              class: c(m.value)
+              class: d(m.value)
             }, {
               default: S(() => [
                 N(p(e.description), 1)
@@ -4512,8 +4512,8 @@ const es = {
         density: "normal",
         align: "left"
       }
-    }), d = (k) => typeof k == "string" ? k : k?.key || k?.field || "unknown", m = (k, g) => {
-      const B = d(g);
+    }), c = (k) => typeof k == "string" ? k : k?.key || k?.field || "unknown", m = (k, g) => {
+      const B = c(g);
       return typeof g == "object" && g.accessor ? g.accessor(k) : B && B.includes(".") ? B.split(".").reduce(($, I) => $?.[I], k) : k?.[B];
     }, b = (k, g) => {
       const B = m(k, g);
@@ -4552,12 +4552,12 @@ const es = {
       )
     );
     return (k, g) => (a(), r("tr", {
-      class: c(j.value),
+      class: d(j.value),
       onClick: w
     }, [
       e.selectable ? (a(), r("td", {
         key: 0,
-        class: c(R.value)
+        class: d(R.value)
       }, [
         y(ke, {
           modelValue: e.isSelected,
@@ -4565,10 +4565,10 @@ const es = {
         }, null, 8, ["modelValue"])
       ], 2)) : f("", !0),
       (a(!0), r(Q, null, K(e.columns, (B) => (a(), r("td", {
-        key: d(B),
-        class: c(T(B))
+        key: c(B),
+        class: d(T(B))
       }, [
-        h(k.$slots, `cell-${d(B)}`, {
+        h(k.$slots, `cell-${c(B)}`, {
           item: e.item,
           value: m(e.item, B),
           column: B,
@@ -4579,7 +4579,7 @@ const es = {
       ], 2))), 128)),
       k.$slots.actions ? (a(), r("td", {
         key: 1,
-        class: c(z.value)
+        class: d(z.value)
       }, [
         h(k.$slots, "actions", {
           item: e.item,
@@ -4697,7 +4697,7 @@ const es = {
       defaultVariants: {
         size: "md"
       }
-    }), d = x("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent", {
+    }), c = x("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent", {
       variants: {
         size: {
           sm: "px-2 py-1",
@@ -4729,7 +4729,7 @@ const es = {
     ), j = u(
       () => v(i({ size: "md" }))
     ), T = u(
-      () => v(d({ size: "sm" }))
+      () => v(c({ size: "sm" }))
     ), R = (z, k) => {
       let g = "inactive";
       return k ? g = "disabled" : z && (g = "active"), v(n({
@@ -4739,7 +4739,7 @@ const es = {
     };
     return (z, k) => e.showPagination || z.$slots.footer ? (a(), r("div", {
       key: 0,
-      class: c(C.value)
+      class: d(C.value)
     }, [
       o("div", sl, [
         e.selectable && e.selectedCount > 0 ? (a(), r("div", ll, p(e.selectedCount) + " of " + p(e.total) + " selected ", 1)) : (a(), r("div", nl, " Showing " + p(m.value) + " to " + p(b.value) + " of " + p(e.total) + " entries ", 1)),
@@ -4750,7 +4750,7 @@ const es = {
           o("div", il, [
             y(Ie, {
               for: "pageSize",
-              class: c(j.value),
+              class: d(j.value),
               inline: !0
             }, {
               default: S(() => [...k[5] || (k[5] = [
@@ -4762,7 +4762,7 @@ const es = {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
               "onUpdate:modelValue": k[0] || (k[0] = (g) => z.$emit("update:pageSize", parseInt(g))),
-              class: c(T.value)
+              class: d(T.value)
             }, {
               default: S(() => [
                 (a(!0), r(Q, null, K(e.pageSizeOptions, (g) => (a(), M(Le, {
@@ -4778,7 +4778,7 @@ const es = {
             o("button", {
               disabled: e.currentPage === 1,
               onClick: k[1] || (k[1] = (g) => z.$emit("update:currentPage", 1)),
-              class: c(R(!1, e.currentPage === 1)),
+              class: d(R(!1, e.currentPage === 1)),
               title: "First page"
             }, [...k[6] || (k[6] = [
               o("svg", {
@@ -4798,7 +4798,7 @@ const es = {
             o("button", {
               disabled: e.currentPage === 1,
               onClick: k[2] || (k[2] = (g) => z.$emit("update:currentPage", e.currentPage - 1)),
-              class: c(R(!1, e.currentPage === 1)),
+              class: d(R(!1, e.currentPage === 1)),
               title: "Previous page"
             }, [...k[7] || (k[7] = [
               o("svg", {
@@ -4819,13 +4819,13 @@ const es = {
               (a(!0), r(Q, null, K(w.value, (g) => (a(), r("button", {
                 key: g,
                 onClick: (B) => z.$emit("update:currentPage", g),
-                class: c(R(g === e.currentPage, !1))
+                class: d(R(g === e.currentPage, !1))
               }, p(g), 11, fl))), 128))
             ]),
             o("button", {
               disabled: e.currentPage === e.totalPages,
               onClick: k[3] || (k[3] = (g) => z.$emit("update:currentPage", e.currentPage + 1)),
-              class: c(R(!1, e.currentPage === e.totalPages)),
+              class: d(R(!1, e.currentPage === e.totalPages)),
               title: "Next page"
             }, [...k[8] || (k[8] = [
               o("svg", {
@@ -4845,7 +4845,7 @@ const es = {
             o("button", {
               disabled: e.currentPage === e.totalPages,
               onClick: k[4] || (k[4] = (g) => z.$emit("update:currentPage", e.totalPages)),
-              class: c(R(!1, e.currentPage === e.totalPages)),
+              class: d(R(!1, e.currentPage === e.totalPages)),
               title: "Last page"
             }, [...k[9] || (k[9] = [
               o("svg", {
@@ -4964,7 +4964,7 @@ const es = {
   },
   emits: ["selection-change", "sort-change", "row-click"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = H(1), i = H(t.pageSize), d = H(t.sortBy), m = H(t.sortOrder), b = x("bg-white border border-slate-200 rounded-lg overflow-hidden", {
+    const t = e, l = s, n = H(1), i = H(t.pageSize), c = H(t.sortBy), m = H(t.sortOrder), b = x("bg-white border border-slate-200 rounded-lg overflow-hidden", {
       variants: {
         variant: {
           default: "shadow-sm",
@@ -5010,8 +5010,8 @@ const es = {
       }
     }), T = u(() => {
       let V = [...t.data];
-      if (d.value) {
-        const O = t.columns.find((Z) => Z.key === d.value);
+      if (c.value) {
+        const O = t.columns.find((Z) => Z.key === c.value);
         O && V.sort((Z, ne) => {
           const de = $(Z, O), ge = $(ne, O);
           return de < ge ? m.value === "asc" ? -1 : 1 : de > ge ? m.value === "asc" ? 1 : -1 : 0;
@@ -5039,7 +5039,7 @@ const es = {
       const V = g.value ? [] : [...T.value];
       l("selection-change", V);
     }, se = (V) => {
-      V.sortable && (d.value === V.key ? m.value = m.value === "asc" ? "desc" : "asc" : (d.value = V.key, m.value = "asc"), l("sort-change", { column: V.key, direction: m.value }));
+      V.sortable && (c.value === V.key ? m.value = m.value === "asc" ? "desc" : "asc" : (c.value = V.key, m.value = "asc"), l("sort-change", { column: V.key, direction: m.value }));
     }, q = (V) => {
       l("row-click", V);
     }, W = u(
@@ -5083,15 +5083,15 @@ const es = {
       "text-center"
     )), ie = (V, O) => v(
       {
-        "text-blue-600": d.value === V.key && m.value === O,
-        "text-slate-300": d.value !== V.key || m.value !== O
+        "text-blue-600": c.value === V.key && m.value === O,
+        "text-slate-300": c.value !== V.key || m.value !== O
       }
     );
     return oe(() => t.selectedItems, (V) => {
     }, { deep: !0 }), oe(() => t.pageSize, (V) => {
       i.value = V;
     }), (V, O) => (a(), r("div", {
-      class: c(W.value)
+      class: d(W.value)
     }, [
       e.title || e.description || V.$slots.header ? (a(), M(Ae, {
         key: 0,
@@ -5110,15 +5110,15 @@ const es = {
       }, 8, ["title", "description", "variant", "padding"])) : f("", !0),
       o("div", bl, [
         o("table", {
-          class: c(A.value)
+          class: d(A.value)
         }, [
           o("thead", {
-            class: c(U.value)
+            class: d(U.value)
           }, [
             o("tr", null, [
               e.selectable ? (a(), r("th", {
                 key: 0,
-                class: c(_.value)
+                class: d(_.value)
               }, [
                 y(ke, {
                   modelValue: g.value,
@@ -5128,14 +5128,14 @@ const es = {
               ], 2)) : f("", !0),
               (a(!0), r(Q, null, K(e.columns, (Z) => (a(), r("th", {
                 key: Z.key,
-                class: c(le(Z)),
+                class: d(le(Z)),
                 onClick: (ne) => se(Z)
               }, [
                 o("div", yl, [
                   o("span", null, p(Z.label), 1),
                   Z.sortable ? (a(), r("div", xl, [
                     (a(), r("svg", {
-                      class: c([ie(Z, "asc"), "w-3 h-3 transition-colors"]),
+                      class: d([ie(Z, "asc"), "w-3 h-3 transition-colors"]),
                       fill: "none",
                       viewBox: "0 0 24 24",
                       "stroke-width": "1.5",
@@ -5148,7 +5148,7 @@ const es = {
                       }, null, -1)
                     ])], 2)),
                     (a(), r("svg", {
-                      class: c([ie(Z, "desc"), "w-3 h-3 transition-colors"]),
+                      class: d([ie(Z, "desc"), "w-3 h-3 transition-colors"]),
                       fill: "none",
                       viewBox: "0 0 24 24",
                       "stroke-width": "1.5",
@@ -5165,12 +5165,12 @@ const es = {
               ], 10, hl))), 128)),
               V.$slots.actions ? (a(), r("th", {
                 key: 1,
-                class: c(L.value)
+                class: d(L.value)
               }, " Actions ", 2)) : f("", !0)
             ])
           ], 2),
           o("tbody", {
-            class: c(J.value)
+            class: d(J.value)
           }, [
             (a(!0), r(Q, null, K(z.value, (Z, ne) => (a(), M(Pe, {
               key: I(Z, ne),
@@ -5201,7 +5201,7 @@ const es = {
             z.value.length === 0 ? (a(), r("tr", kl, [
               o("td", {
                 colspan: k.value,
-                class: c(F.value)
+                class: d(F.value)
               }, [
                 h(V.$slots, "empty", {}, () => [
                   o("div", Cl, [
@@ -5290,9 +5290,9 @@ const es = {
   },
   setup(e) {
     const s = e, t = u(() => {
-      const d = s.value ?? l();
-      return s.column.formatter ? s.column.formatter(d, s.item) : d;
-    }), l = () => s.column.accessor ? s.column.accessor(s.item) : s.column.key.split(".").reduce((d, m) => d?.[m], s.item), n = x("whitespace-nowrap", {
+      const c = s.value ?? l();
+      return s.column.formatter ? s.column.formatter(c, s.item) : c;
+    }), l = () => s.column.accessor ? s.column.accessor(s.item) : s.column.key.split(".").reduce((c, m) => c?.[m], s.item), n = x("whitespace-nowrap", {
       variants: {
         align: {
           left: "text-left",
@@ -5317,10 +5317,10 @@ const es = {
         textSize: "sm"
       }
     }), i = u(() => {
-      const d = s.align || s.column.align || "left", m = `text-${s.textColor}`, b = s.width ? `w-${s.width}` : "";
+      const c = s.align || s.column.align || "left", m = `text-${s.textColor}`, b = s.width ? `w-${s.width}` : "";
       return v(
         n({
-          align: d,
+          align: c,
           padding: s.padding,
           textSize: s.textSize
         }),
@@ -5329,10 +5329,10 @@ const es = {
         s.column.cellClasses
       );
     });
-    return (d, m) => (a(), r("td", {
-      class: c(i.value)
+    return (c, m) => (a(), r("td", {
+      class: d(i.value)
     }, [
-      h(d.$slots, "default", {}, () => [
+      h(c.$slots, "default", {}, () => [
         N(p(t.value), 1)
       ])
     ], 2));
@@ -5414,7 +5414,7 @@ const es = {
       template: '<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>'
     }, i = {
       template: '<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>'
-    }, d = e, m = s, b = x("flex flex-wrap items-center gap-4 border-b border-slate-200", {
+    }, c = e, m = s, b = x("flex flex-wrap items-center gap-4 border-b border-slate-200", {
       variants: {
         variant: {
           default: "bg-slate-50",
@@ -5471,23 +5471,23 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), T = u(() => d.searchQuery || d.selectedStatus || d.dateFrom || d.dateTo), R = u(() => {
+    }), T = u(() => c.searchQuery || c.selectedStatus || c.dateFrom || c.dateTo), R = u(() => {
       const _ = [];
-      if (d.searchQuery && d.searchQuery.trim() && _.push({
+      if (c.searchQuery && c.searchQuery.trim() && _.push({
         key: "search",
         label: "Search",
-        value: d.searchQuery
-      }), d.selectedStatus) {
-        const L = d.statusOptions.find((F) => F.value === d.selectedStatus);
+        value: c.searchQuery
+      }), c.selectedStatus) {
+        const L = c.statusOptions.find((F) => F.value === c.selectedStatus);
         _.push({
           key: "status",
           label: "Status",
-          value: L?.label || d.selectedStatus
+          value: L?.label || c.selectedStatus
         });
       }
-      if (d.dateFrom || d.dateTo) {
+      if (c.dateFrom || c.dateTo) {
         let L = "";
-        d.dateFrom && d.dateTo ? L = `${d.dateFrom} to ${d.dateTo}` : d.dateFrom ? L = `From ${d.dateFrom}` : d.dateTo && (L = `Until ${d.dateTo}`), L && _.push({
+        c.dateFrom && c.dateTo ? L = `${c.dateFrom} to ${c.dateTo}` : c.dateFrom ? L = `From ${c.dateFrom}` : c.dateTo && (L = `Until ${c.dateTo}`), L && _.push({
           key: "date",
           label: "Date Range",
           value: L
@@ -5496,8 +5496,8 @@ const es = {
       return _;
     }), z = u(
       () => v(b({
-        variant: d.variant,
-        padding: d.padding
+        variant: c.variant,
+        padding: c.padding
       }))
     ), k = u(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-slate-400"
@@ -5524,7 +5524,7 @@ const es = {
     ), se = u(
       () => v(C({ variant: "success", size: "md" }))
     ), q = u(
-      () => v(j({ variant: d.variant }))
+      () => v(j({ variant: c.variant }))
     ), W = u(
       () => "text-sm text-blue-700 font-medium"
     ), A = u(
@@ -5548,23 +5548,23 @@ const es = {
     };
     return (_, L) => (a(), r("div", null, [
       o("div", {
-        class: c(z.value)
+        class: d(z.value)
       }, [
         o("div", Bl, [
           o("div", Vl, [
             y(t, {
-              class: c(k.value)
+              class: d(k.value)
             }, null, 8, ["class"]),
             y(pe, {
               "model-value": e.searchQuery,
               onInput: L[0] || (L[0] = (F) => _.$emit("update:searchQuery", F.target.value)),
               placeholder: e.searchPlaceholder,
-              class: c(g.value)
+              class: d(g.value)
             }, null, 8, ["model-value", "placeholder", "class"]),
             e.searchQuery ? (a(), M(ee, {
               key: 0,
               onClick: L[1] || (L[1] = (F) => _.$emit("update:searchQuery", "")),
-              class: c(B.value)
+              class: d(B.value)
             }, {
               default: S(() => [
                 y(l, { class: "w-4 h-4" })
@@ -5577,7 +5577,7 @@ const es = {
           y(we, {
             "model-value": e.selectedStatus,
             onChange: L[2] || (L[2] = (F) => _.$emit("update:selectedStatus", F.target.value)),
-            class: c($.value)
+            class: d($.value)
           }, {
             default: S(() => [
               L[7] || (L[7] = o("option", { value: "" }, "All Status", -1)),
@@ -5594,16 +5594,16 @@ const es = {
             type: "date",
             "model-value": e.dateFrom,
             onInput: L[3] || (L[3] = (F) => _.$emit("update:dateFrom", F.target.value)),
-            class: c(I.value)
+            class: d(I.value)
           }, null, 8, ["model-value", "class"]),
           o("span", {
-            class: c(P.value)
+            class: d(P.value)
           }, "to", 2),
           y(pe, {
             type: "date",
             "model-value": e.dateTo,
             onInput: L[4] || (L[4] = (F) => _.$emit("update:dateTo", F.target.value)),
-            class: c(I.value)
+            class: d(I.value)
           }, null, 8, ["model-value", "class"])
         ])) : f("", !0),
         _.$slots.filters ? (a(), r("div", Il, [
@@ -5613,7 +5613,7 @@ const es = {
           T.value ? (a(), M(ee, {
             key: 0,
             onClick: J,
-            class: c(E.value)
+            class: d(E.value)
           }, {
             default: S(() => [...L[8] || (L[8] = [
               N(" Clear Filters ", -1)
@@ -5623,7 +5623,7 @@ const es = {
           e.showExport ? (a(), M(ee, {
             key: 1,
             onClick: L[5] || (L[5] = (F) => _.$emit("export")),
-            class: c(te.value)
+            class: d(te.value)
           }, {
             default: S(() => [
               y(n, { class: "w-4 h-4" }),
@@ -5634,7 +5634,7 @@ const es = {
           e.showAdd ? (a(), M(ee, {
             key: 2,
             onClick: L[6] || (L[6] = (F) => _.$emit("add")),
-            class: c(se.value)
+            class: d(se.value)
           }, {
             default: S(() => [
               y(i, { class: "w-4 h-4" }),
@@ -5646,20 +5646,20 @@ const es = {
       ], 2),
       R.value.length > 0 ? (a(), r("div", {
         key: 0,
-        class: c(q.value)
+        class: d(q.value)
       }, [
         o("div", Dl, [
           o("span", {
-            class: c(W.value)
+            class: d(W.value)
           }, "Active filters:", 2),
           (a(!0), r(Q, null, K(R.value, (F) => (a(), r("div", {
             key: F.key,
-            class: c(A.value)
+            class: d(A.value)
           }, [
             o("span", null, p(F.label) + ": " + p(F.value), 1),
             y(ee, {
               onClick: (ie) => le(F.key),
-              class: c(U.value)
+              class: d(U.value)
             }, {
               default: S(() => [
                 y(l, { class: "w-3 h-3" })
@@ -5738,7 +5738,7 @@ const es = {
   },
   emits: ["bulk-action", "update:density", "toggle-column", "refresh"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = H(!1), i = H(null), d = H(null), m = u(() => t.selectedItems.length), b = [
+    const t = e, l = s, n = H(!1), i = H(null), c = H(null), m = u(() => t.selectedItems.length), b = [
       { value: "compact", label: "Compact", icon: Jl },
       { value: "normal", label: "Normal", icon: Wl },
       { value: "comfortable", label: "Comfortable", icon: Xl }
@@ -5814,7 +5814,7 @@ const es = {
     ), E = u(
       () => "text-sm text-slate-700 flex-1 select-none"
     ), te = (_) => {
-      i.value && d.value && !i.value.contains(_.target) && !d.value.contains(_.target) && (n.value = !1);
+      i.value && c.value && !i.value.contains(_.target) && !c.value.contains(_.target) && (n.value = !1);
     }, se = () => {
       n.value = !n.value;
     }, q = (_) => v(C({ variant: _.variant || "secondary" })), W = (_) => {
@@ -5835,7 +5835,7 @@ const es = {
     }), ye(() => {
       document.removeEventListener("click", te);
     }), (_, L) => (a(), r("div", {
-      class: c(R.value)
+      class: d(R.value)
     }, [
       o("div", Pl, [
         m.value > 0 ? (a(), r("div", Fl, [
@@ -5844,7 +5844,7 @@ const es = {
             (a(!0), r(Q, null, K(e.bulkActions, (F) => (a(), M(ee, {
               key: F.key,
               onClick: (ie) => _.$emit("bulk-action", { action: F.key, items: e.selectedItems }),
-              class: c(q(F))
+              class: d(q(F))
             }, {
               default: S(() => [
                 F.icon ? (a(), M(X(F.icon), {
@@ -5858,18 +5858,18 @@ const es = {
           ])
         ])) : e.totalItems > 0 ? (a(), r("div", {
           key: 1,
-          class: c(z.value)
+          class: d(z.value)
         }, p(e.totalItems) + " " + p(e.totalItems === 1 ? "item" : "items"), 3)) : f("", !0)
       ]),
       o("div", _l, [
         e.showDensityToggle ? (a(), r("div", {
           key: 0,
-          class: c(k.value)
+          class: d(k.value)
         }, [
           (a(), r(Q, null, K(b, (F) => o("button", {
             key: F.value,
             onClick: (ie) => _.$emit("update:density", F.value),
-            class: c(W(F.value)),
+            class: d(W(F.value)),
             title: F.label,
             type: "button"
           }, [
@@ -5879,7 +5879,7 @@ const es = {
         e.showColumnToggle ? (a(), r("div", Ol, [
           o("button", {
             onClick: $e(se, ["stop"]),
-            class: c(g.value),
+            class: d(g.value),
             type: "button",
             ref_key: "columnToggleButton",
             ref: i
@@ -5889,29 +5889,29 @@ const es = {
           ], 2),
           xe(o("div", {
             ref_key: "columnMenu",
-            ref: d,
-            class: c(B.value),
+            ref: c,
+            class: d(B.value),
             onClick: L[0] || (L[0] = $e(() => {
             }, ["stop"]))
           }, [
             o("div", ql, [
               o("div", {
-                class: c($.value)
+                class: d($.value)
               }, " Show Columns ", 2),
               o("div", El, [
                 (a(!0), r(Q, null, K(e.toggleableColumns, (F) => (a(), r("div", {
                   key: F.key,
-                  class: c(I.value)
+                  class: d(I.value)
                 }, [
                   o("label", Ul, [
                     o("input", {
                       type: "checkbox",
                       checked: J(F.key),
                       onChange: (ie) => le(F.key, ie.target.checked),
-                      class: c(P.value)
+                      class: d(P.value)
                     }, null, 42, Zl),
                     o("span", {
-                      class: c(E.value)
+                      class: d(E.value)
                     }, p(F.label), 3)
                   ])
                 ], 2))), 128))
@@ -5925,11 +5925,11 @@ const es = {
           key: 2,
           onClick: L[1] || (L[1] = (F) => _.$emit("refresh")),
           disabled: e.isRefreshing,
-          class: c(A()),
+          class: d(A()),
           type: "button"
         }, [
           y(Yl, {
-            class: c(U())
+            class: d(U())
           }, null, 8, ["class"]),
           L[3] || (L[3] = o("span", null, "Refresh", -1))
         ], 10, Gl)) : f("", !0),
@@ -5949,9 +5949,9 @@ const es = {
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("Text"), i = G("Typography"), d = G("Link"), m = G("Icon"), b = G("Divider");
+      const l = G("Logo"), n = G("Text"), i = G("Typography"), c = G("Link"), m = G("Icon"), b = G("Divider");
       return a(), r("footer", {
-        class: c(D(v)("bg-gray-50 border-t border-gray-200", e.className))
+        class: d(D(v)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
         o("div", sn, [
           o("div", ln, [
@@ -5978,7 +5978,7 @@ const es = {
                   _: 1
                 }),
                 o("div", rn, [
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -5987,7 +5987,7 @@ const es = {
                     ])]),
                     _: 1
                   }),
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -5996,7 +5996,7 @@ const es = {
                     ])]),
                     _: 1
                   }),
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -6020,7 +6020,7 @@ const es = {
                   _: 1
                 }),
                 o("div", on, [
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
@@ -6032,7 +6032,7 @@ const es = {
                     ]),
                     _: 1
                   }),
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
@@ -6060,7 +6060,7 @@ const es = {
             ]),
             h(s.$slots, "legal", {}, () => [
               o("div", cn, [
-                y(d, {
+                y(c, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -6069,7 +6069,7 @@ const es = {
                   ])]),
                   _: 1
                 }),
-                y(d, {
+                y(c, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -6096,9 +6096,9 @@ const es = {
   emits: ["toggle-mobile-menu"],
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), d = G("Icon");
+      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), c = G("Icon");
       return a(), r("header", {
-        class: c(D(v)("bg-white border-b border-gray-200 shadow-sm", e.className))
+        class: d(D(v)("bg-white border-b border-gray-200 shadow-sm", e.className))
       }, [
         o("div", mn, [
           o("div", fn, [
@@ -6139,7 +6139,7 @@ const es = {
                   onClick: t[0] || (t[0] = (m) => s.$emit("toggle-mobile-menu"))
                 }, {
                   default: S(() => [
-                    y(d, {
+                    y(c, {
                       name: "menu",
                       class: "h-5 w-5"
                     })
@@ -6171,9 +6171,9 @@ const es = {
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("SidebarNavigation"), i = G("Divider"), d = G("Avatar"), m = G("Text");
+      const l = G("Logo"), n = G("SidebarNavigation"), i = G("Divider"), c = G("Avatar"), m = G("Text");
       return a(), r("aside", {
-        class: c(D(v)("bg-white border-r border-gray-200 h-full", e.className))
+        class: d(D(v)("bg-white border-r border-gray-200 h-full", e.className))
       }, [
         o("div", yn, [
           o("div", xn, [
@@ -6190,7 +6190,7 @@ const es = {
             h(s.$slots, "footer", {}, () => [
               y(i, { class: "mb-4" }),
               o("div", Cn, [
-                y(d, { size: "sm" }),
+                y(c, { size: "sm" }),
                 o("div", null, [
                   y(m, { class: "text-sm font-medium" }, {
                     default: S(() => [...t[0] || (t[0] = [
@@ -6223,7 +6223,7 @@ const es = {
   },
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c([
+      class: d([
         "relative flex",
         e.orientation === "vertical" ? "flex-col" : "flex-row"
       ])
@@ -6256,7 +6256,7 @@ const es = {
   },
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c([
+      class: d([
         "relative flex",
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
@@ -6268,7 +6268,7 @@ const es = {
         ])
       ]),
       o("div", {
-        class: c([
+        class: d([
           "ml-6",
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
@@ -6297,74 +6297,26 @@ const es = {
 }, In = {
   name: "AuthLayout",
   props: {
-    title: {
-      type: String,
-      default: null
-    },
-    subtitle: {
-      type: String,
-      default: null
-    },
-    primaryLogoPrefix: {
-      type: String,
-      default: "e"
-    },
-    primaryLogoText: {
-      type: String,
-      default: "HORIZON"
-    },
-    secondaryLogoPrefix: {
-      type: String,
-      default: "e"
-    },
-    secondaryLogoText: {
-      type: String,
-      default: "Risk & Compliance"
-    },
-    quote: {
-      type: String,
-      default: ""
-    },
-    primaryColor: {
-      type: String,
-      default: "#e74c3c"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#2c2c2c"
-    },
+    title: { type: String, default: null },
+    subtitle: { type: String, default: null },
+    primaryLogoPrefix: { type: String, default: "e" },
+    primaryLogoText: { type: String, default: "HORIZON" },
+    secondaryLogoPrefix: { type: String, default: "e" },
+    secondaryLogoText: { type: String, default: "Risk & Compliance" },
+    quote: { type: String, default: "" },
+    primaryColor: { type: String, default: "#e74c3c" },
+    backgroundColor: { type: String, default: "#2c2c2c" },
     backgroundImage: {
       type: String,
       default: "https://images.unsplash.com/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2069&q=80"
     },
-    backgroundOpacity: {
-      type: Number,
-      default: 0.4
-    },
-    companyName: {
-      type: String,
-      default: "SOFTWARE"
-    },
-    companyType: {
-      type: String,
-      default: "TECHNOLOGIES"
-    },
-    companyTagline: {
-      type: String,
-      default: "People | Processes | Governance"
-    },
-    companyInitials: {
-      type: String,
-      default: "ST"
-    },
-    appName: {
-      type: String,
-      default: "eHorizon eBoard X"
-    },
-    appVersion: {
-      type: String,
-      default: "Version 2.0"
-    },
+    backgroundOpacity: { type: Number, default: 0.4 },
+    companyName: { type: String, default: "SOFTWARE" },
+    companyType: { type: String, default: "TECHNOLOGIES" },
+    companyTagline: { type: String, default: "People | Processes | Governance" },
+    companyInitials: { type: String, default: "ST" },
+    appName: { type: String, default: "eHorizon eBoard X" },
+    appVersion: { type: String, default: "Version 2.0" },
     copyright: {
       type: String,
       default: "Copyright © 2025 Software Technologies Limited"
@@ -6378,10 +6330,8 @@ const es = {
       ]
     }
   },
-  setup(e) {
-    return {
-      currentYear: u(() => (/* @__PURE__ */ new Date()).getFullYear())
-    };
+  setup() {
+    return { currentYear: u(() => (/* @__PURE__ */ new Date()).getFullYear()) };
   }
 }, Ln = { class: "container mx-auto px-4 relative z-10" }, Dn = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, An = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Pn = { class: "mb-6" }, Fn = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Nn = { class: "text-white" }, Rn = { class: "flex items-center justify-center lg:justify-start mb-6" }, _n = { class: "text-3xl lg:text-4xl font-bold text-white" }, Hn = { class: "lg:col-span-4" }, On = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, qn = {
   key: 0,
@@ -6397,6 +6347,7 @@ const es = {
   class: "mt-6 text-center"
 }, Yn = { class: "absolute bottom-4 right-4 text-right" }, Xn = { class: "flex items-end justify-end mb-2" }, Wn = { class: "text-right mr-3" }, Jn = { class: "text-red-500 font-bold text-xs" }, er = { class: "text-white text-xs" }, tr = { class: "text-white/70 text-xs" }, ar = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, sr = { class: "text-white/70 text-xs" }, lr = { class: "absolute bottom-4 left-4 flex gap-2" }, nr = ["href"];
 function rr(e, s, t, l, n, i) {
+  const c = G("router-view");
   return a(), r("div", {
     class: "min-h-screen relative flex items-center justify-center",
     style: ce({ backgroundColor: t.backgroundColor })
@@ -6445,7 +6396,8 @@ function rr(e, s, t, l, n, i) {
               ])
             ])) : f("", !0),
             o("div", Gn, [
-              h(e.$slots, "default")
+              h(e.$slots, "default"),
+              y(c)
             ]),
             e.$slots["card-footer"] ? (a(), r("div", Kn, [
               h(e.$slots, "card-footer")
@@ -6472,16 +6424,16 @@ function rr(e, s, t, l, n, i) {
       ])
     ]),
     o("div", lr, [
-      (a(!0), r(Q, null, K(t.socialLinks, (d) => (a(), r("a", {
-        key: d.name,
-        href: d.url,
-        class: c([
+      (a(!0), r(Q, null, K(t.socialLinks, (m) => (a(), r("a", {
+        key: m.name,
+        href: m.url,
+        class: d([
           "w-8 h-7 flex items-center justify-center rounded text-xs transition-colors",
-          d.variant === "primary" ? "bg-blue-600 hover:bg-blue-700 text-white" : d.variant === "info" ? "bg-cyan-500 hover:bg-cyan-600 text-white" : "bg-gray-600 hover:bg-gray-700 text-white"
+          m.variant === "primary" ? "bg-blue-600 hover:bg-blue-700 text-white" : m.variant === "info" ? "bg-cyan-500 hover:bg-cyan-600 text-white" : "bg-gray-600 hover:bg-gray-700 text-white"
         ])
       }, [
         o("i", {
-          class: c(d.icon)
+          class: d(m.icon)
         }, null, 2)
       ], 10, nr))), 128))
     ])
@@ -6513,9 +6465,9 @@ const or = /* @__PURE__ */ Ne(In, [["render", rr]]), ir = { class: "min-h-screen
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), d = G("Header"), m = G("Breadcrumb"), b = G("Text"), w = G("Footer");
+      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), c = G("Header"), m = G("Breadcrumb"), b = G("Text"), w = G("Footer");
       return a(), r("div", ir, [
-        y(d, null, {
+        y(c, null, {
           logo: S(() => [
             h(s.$slots, "logo", {}, () => [
               y(l)
@@ -6702,7 +6654,7 @@ const or = /* @__PURE__ */ Ne(In, [["render", rr]]), ir = { class: "min-h-screen
         }
       };
       return E[e.errorType] || E.generic;
-    }), l = u(() => t.value.icon), n = u(() => e.errorTitle || t.value.title), i = u(() => e.errorMessage || t.value.message), d = () => {
+    }), l = u(() => t.value.icon), n = u(() => e.errorTitle || t.value.title), i = u(() => e.errorMessage || t.value.message), c = () => {
       window.history.length > 1 ? window.history.back() : window.location.href = e.homeUrl, s("back");
     }, m = () => {
       window.location.reload(), s("retry");
@@ -6738,7 +6690,7 @@ const or = /* @__PURE__ */ Ne(In, [["render", rr]]), ir = { class: "min-h-screen
       errorIcon: l,
       errorTitle: n,
       errorMessage: i,
-      goBack: d,
+      goBack: c,
       retry: m,
       layoutClasses: b,
       backgroundClasses: w,
@@ -6757,24 +6709,24 @@ const or = /* @__PURE__ */ Ne(In, [["render", rr]]), ir = { class: "min-h-screen
   }
 }, br = { class: "flex justify-center" }, hr = { class: "flex items-center gap-3" }, yr = { class: "text-2xl font-bold text-slate-900" }, xr = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, kr = { class: "text-sm text-slate-600" }, wr = ["href"];
 function Cr(e, s, t, l, n, i) {
-  const d = G("Button");
+  const c = G("Button");
   return a(), r("div", {
-    class: c(l.layoutClasses)
+    class: d(l.layoutClasses)
   }, [
     t.showBackground ? (a(), r("div", {
       key: 0,
-      class: c(l.backgroundClasses)
+      class: d(l.backgroundClasses)
     }, [
       h(e.$slots, "background", {}, () => [
         s[0] || (s[0] = o("div", { class: "absolute inset-0 bg-gradient-to-br from-slate-50 to-slate-100" }, null, -1))
       ])
     ], 2)) : f("", !0),
     o("div", {
-      class: c(l.contentClasses)
+      class: d(l.contentClasses)
     }, [
       e.$slots.header || t.showLogo ? (a(), r("div", {
         key: 0,
-        class: c(l.headerClasses)
+        class: d(l.headerClasses)
       }, [
         h(e.$slots, "header", {}, () => [
           o("div", br, [
@@ -6790,30 +6742,30 @@ function Cr(e, s, t, l, n, i) {
         ])
       ], 2)) : f("", !0),
       o("div", {
-        class: c(l.errorContentClasses)
+        class: d(l.errorContentClasses)
       }, [
         e.$slots.illustration || t.showDefaultIllustration ? (a(), r("div", {
           key: 0,
-          class: c(l.illustrationClasses)
+          class: d(l.illustrationClasses)
         }, [
           h(e.$slots, "illustration", {}, () => [
             (a(), M(X(l.errorIcon), {
-              class: c(l.iconClasses)
+              class: d(l.iconClasses)
             }, null, 8, ["class"]))
           ])
         ], 2)) : f("", !0),
         o("div", {
-          class: c(l.detailsClasses)
+          class: d(l.detailsClasses)
         }, [
           o("h1", {
-            class: c(l.titleClasses)
+            class: d(l.titleClasses)
           }, [
             h(e.$slots, "title", {}, () => [
               N(p(l.errorTitle), 1)
             ])
           ], 2),
           o("p", {
-            class: c(l.messageClasses)
+            class: d(l.messageClasses)
           }, [
             h(e.$slots, "message", {}, () => [
               N(p(l.errorMessage), 1)
@@ -6821,16 +6773,16 @@ function Cr(e, s, t, l, n, i) {
           ], 2),
           t.errorCode ? (a(), r("div", {
             key: 0,
-            class: c(l.codeClasses)
+            class: d(l.codeClasses)
           }, " Error Code: " + p(t.errorCode), 3)) : f("", !0)
         ], 2),
         e.$slots.actions || t.showDefaultActions ? (a(), r("div", {
           key: 1,
-          class: c(l.actionsClasses)
+          class: d(l.actionsClasses)
         }, [
           h(e.$slots, "actions", {}, () => [
             o("div", xr, [
-              t.showHomeButton ? (a(), M(d, {
+              t.showHomeButton ? (a(), M(c, {
                 key: 0,
                 href: t.homeUrl,
                 variant: "primary",
@@ -6841,7 +6793,7 @@ function Cr(e, s, t, l, n, i) {
                 ]),
                 _: 1
               }, 8, ["href"])) : f("", !0),
-              t.showBackButton ? (a(), M(d, {
+              t.showBackButton ? (a(), M(c, {
                 key: 1,
                 variant: "outline",
                 size: "lg",
@@ -6852,7 +6804,7 @@ function Cr(e, s, t, l, n, i) {
                 ]),
                 _: 1
               }, 8, ["onClick"])) : f("", !0),
-              t.showRetryButton ? (a(), M(d, {
+              t.showRetryButton ? (a(), M(c, {
                 key: 2,
                 variant: "ghost",
                 size: "lg",
@@ -6868,7 +6820,7 @@ function Cr(e, s, t, l, n, i) {
         ], 2)) : f("", !0),
         e.$slots.help || t.helpText ? (a(), r("div", {
           key: 2,
-          class: c(l.helpClasses)
+          class: d(l.helpClasses)
         }, [
           h(e.$slots, "help", {}, () => [
             o("p", kr, [