@stlhorizon/vue-ui 1.2.4 → 1.2.6

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { computed as u, createElementBlock as r, openBlock as a, normalizeClass as d, ref as H, createBlock as M, toDisplayString as b, 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) {
@@ -220,7 +220,7 @@ const Ue = {
         "h-5 w-5": s.size === "lg",
         "h-6 w-6": s.size === "xl"
       })
-    ), p = () => {
+    ), b = () => {
       t.value = !0;
     };
     return (w, C) => (a(), r("div", {
@@ -231,11 +231,11 @@ const Ue = {
         src: e.src,
         alt: e.alt,
         class: d(i.value),
-        onError: p
+        onError: b
       }, null, 42, Ge)) : e.initials ? (a(), r("span", {
         key: 1,
         class: d(c.value)
-      }, b(e.initials), 3)) : (a(), M(Y, {
+      }, p(e.initials), 3)) : (a(), M(Y, {
         key: 2,
         name: "User",
         class: d(m.value)
@@ -315,14 +315,14 @@ const Ue = {
       md: "w-4 h-4",
       lg: "w-5 h-5"
     }[l.size]]);
-    return (p, w) => (a(), r("span", {
-      class: d(D(v)(D(c)({ variant: e.variant, size: e.size, shape: e.shape }), p.$attrs.class))
+    return (b, w) => (a(), r("span", {
+      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: d(m.value)
       }, null, 8, ["class"])) : f("", !0),
-      h(p.$slots, "default"),
+      h(b.$slots, "default"),
       e.dismissible ? (a(), r("button", {
         key: 1,
         onClick: i,
@@ -415,7 +415,7 @@ const Ue = {
         }, null, -1)
       ])])) : f("", !0),
       e.loading ? f("", !0) : h(t.$slots, "icon", { key: 1 }),
-      e.loading && e.loadingText ? (a(), r("span", Je, b(e.loadingText), 1)) : h(t.$slots, "default", { key: 3 })
+      e.loading && e.loadingText ? (a(), r("span", Je, p(e.loadingText), 1)) : h(t.$slots, "default", { key: 3 })
     ], 16, Xe));
   }
 }), et = { class: "flex items-center gap-3" }, tt = { class: "relative" }, at = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], st = { class: "flex-1" }, lt = ["for"], ke = {
@@ -482,7 +482,7 @@ const Ue = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
     </svg>
   `
-    }, n = e, i = s, c = H(null), m = u(() => n.id || be()), p = 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];
@@ -519,12 +519,12 @@ const Ue = {
       "cursor-pointer select-none",
       T.value,
       {
-        "bg-blue-600 border-blue-600 text-white": p.value && !n.disabled && n.variant === "default",
-        "bg-red-600 border-red-600 text-white": p.value && !n.disabled && n.variant === "error",
-        "bg-slate-200 border-slate-300 text-slate-400": p.value && n.disabled,
-        "bg-white border-slate-300 hover:border-slate-400": !p.value && !n.disabled && n.variant === "default",
-        "bg-white border-red-300 hover:border-red-400": !p.value && !n.disabled && n.variant === "error",
-        "bg-slate-50 border-slate-200": !p.value && n.disabled,
+        "bg-blue-600 border-blue-600 text-white": b.value && !n.disabled && n.variant === "default",
+        "bg-red-600 border-red-600 text-white": b.value && !n.disabled && n.variant === "error",
+        "bg-slate-200 border-slate-300 text-slate-400": b.value && n.disabled,
+        "bg-white border-slate-300 hover:border-slate-400": !b.value && !n.disabled && n.variant === "default",
+        "bg-white border-red-300 hover:border-red-400": !b.value && !n.disabled && n.variant === "error",
+        "bg-slate-50 border-slate-200": !b.value && n.disabled,
         "cursor-not-allowed": n.disabled,
         "focus-within:ring-2 focus-within:ring-offset-2": !n.disabled,
         "focus-within:ring-blue-500": !n.disabled && n.variant === "default",
@@ -548,7 +548,7 @@ const Ue = {
           ref_key: "checkboxRef",
           ref: c,
           type: "checkbox",
-          checked: p.value,
+          checked: b.value,
           indeterminate: e.indeterminate,
           disabled: e.disabled,
           required: e.required,
@@ -560,7 +560,7 @@ const Ue = {
           class: d(z.value),
           onClick: C
         }, [
-          p.value && !e.indeterminate ? (a(), M(t, {
+          b.value && !e.indeterminate ? (a(), M(t, {
             key: 0,
             class: "w-3 h-3"
           })) : e.indeterminate ? (a(), M(l, {
@@ -575,13 +575,13 @@ const Ue = {
           class: d(k.value)
         }, [
           h(B.$slots, "default", {}, () => [
-            N(b(e.label), 1)
+            N(p(e.label), 1)
           ])
         ], 10, lt),
         e.description ? (a(), r("p", {
           key: 0,
           class: d(g.value)
-        }, b(e.description), 3)) : f("", !0)
+        }, p(e.description), 3)) : f("", !0)
       ])
     ]));
   }
@@ -678,7 +678,7 @@ const Ue = {
     return (n, i) => (a(), r("div", {
       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, b(e.label), 1)) : f("", !0)
+      e.label && e.orientation === "horizontal" ? (a(), r("span", nt, p(e.label), 1)) : f("", !0)
     ], 2));
   }
 }, ot = ["aria-label"], it = {
@@ -758,7 +758,7 @@ const Ue = {
           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"
         }, null, -1)
       ])], 2)),
-      e.label ? (a(), r("span", it, b(e.label), 1)) : f("", !0)
+      e.label ? (a(), r("span", it, p(e.label), 1)) : f("", !0)
     ], 10, ot));
   }
 }, dt = ["src", "alt", "loading"], ct = {
@@ -810,7 +810,7 @@ const Ue = {
       }
     ), m = u(
       () => v(c({ aspectRatio: t.aspectRatio }), t.class)
-    ), p = u(
+    ), b = u(
       () => v(
         "h-full w-full transition-opacity duration-300",
         {
@@ -838,7 +838,7 @@ const Ue = {
       o("img", {
         src: e.src,
         alt: e.alt,
-        class: d(p.value),
+        class: d(b.value),
         loading: e.loading,
         onLoad: j,
         onError: T
@@ -941,7 +941,7 @@ const Ue = {
   setup(e, { expose: s, emit: t }) {
     const l = e, n = t, i = H(null), c = u(() => l.id || be()), m = ($) => {
       n("update:modelValue", $.target.value);
-    }, p = ($) => {
+    }, b = ($) => {
       n("blur", $);
     }, w = ($) => {
       n("focus", $);
@@ -1000,7 +1000,7 @@ const Ue = {
         "aria-describedby": R.value,
         "aria-invalid": T.value,
         onInput: m,
-        onBlur: p,
+        onBlur: b,
         onFocus: w,
         onKeydown: C
       }, null, 42, ft),
@@ -1137,19 +1137,19 @@ const Ue = {
           disabled: !1
         }
       }
-    ), c = (p) => {
+    ), c = (b) => {
       if (t.disabled) {
-        p.preventDefault();
+        b.preventDefault();
         return;
       }
-      m("click", p);
+      m("click", b);
     }, m = s;
-    return (p, w) => (a(), M(X(l.value), {
+    return (b, w) => (a(), M(X(l.value), {
       href: l.value === "a" ? e.href : void 0,
       to: l.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
       rel: e.external ? "noopener noreferrer" : e.rel,
-      class: d(D(v)(D(i)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), p.$attrs.class)),
+      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(() => [
@@ -1158,7 +1158,7 @@ const Ue = {
           name: e.icon,
           class: d(n.value)
         }, null, 8, ["name", "class"])) : f("", !0),
-        h(p.$slots, "default"),
+        h(b.$slots, "default"),
         e.icon && e.iconPosition === "right" ? (a(), M(Y, {
           key: 1,
           name: e.icon,
@@ -1230,7 +1230,7 @@ const Ue = {
       }, null, 10, ht)) : (a(), r("div", {
         key: 1,
         class: d(i.value)
-      }, b(e.text || "Logo"), 3))
+      }, p(e.text || "Logo"), 3))
     ], 2));
   }
 }, xt = ["value", "disabled", "selected"], Le = {
@@ -1260,7 +1260,7 @@ const Ue = {
       selected: e.selected
     }, [
       h(s.$slots, "default", {}, () => [
-        N(b(e.label), 1)
+        N(p(e.label), 1)
       ])
     ], 8, xt));
   }
@@ -1290,8 +1290,8 @@ const Ue = {
   },
   setup(e) {
     const s = e, t = u(() => {
-      const p = s.value / s.max * 100;
-      return Math.min(Math.max(p, 0), 100);
+      const b = s.value / s.max * 100;
+      return Math.min(Math.max(b, 0), 100);
     }), l = x(
       "relative w-full overflow-hidden rounded-full bg-secondary",
       {
@@ -1322,7 +1322,7 @@ const Ue = {
     ), m = u(
       () => "absolute inset-0 flex items-center justify-center text-xs font-medium text-primary-foreground"
     );
-    return (p, w) => (a(), r("div", {
+    return (b, w) => (a(), r("div", {
       class: d(i.value)
     }, [
       o("div", {
@@ -1336,7 +1336,7 @@ const Ue = {
       e.showLabel ? (a(), r("span", {
         key: 0,
         class: d(m.value)
-      }, b(t.value) + "% ", 3)) : f("", !0)
+      }, p(t.value) + "% ", 3)) : f("", !0)
     ], 2));
   }
 }, Ct = { class: "flex items-center space-x-2" }, $t = ["aria-checked", "disabled"], St = {
@@ -1383,7 +1383,7 @@ const Ue = {
           "h-3 w-3": t.size === "lg"
         }
       )
-    ), p = u(
+    ), b = u(
       () => v(
         "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         !t.disabled && "cursor-pointer"
@@ -1407,9 +1407,9 @@ const Ue = {
       ], 10, $t),
       e.label ? (a(), r("label", {
         key: 0,
-        class: d(p.value),
+        class: d(b.value),
         onClick: w
-      }, b(e.label), 3)) : f("", !0)
+      }, p(e.label), 3)) : f("", !0)
     ]));
   }
 }, zt = ["value", "disabled"], we = {
@@ -1542,7 +1542,7 @@ const Ue = {
         size: t.size,
         checked: t.modelValue
       })
-    ), p = () => {
+    ), b = () => {
       t.disabled || l("update:modelValue", !t.modelValue);
     };
     return (w, C) => (a(), r("button", {
@@ -1551,7 +1551,7 @@ const Ue = {
       "aria-checked": e.modelValue,
       disabled: e.disabled,
       class: d(c.value),
-      onClick: p
+      onClick: b
     }, [
       o("span", {
         class: d(m.value)
@@ -1668,7 +1668,7 @@ const Ue = {
   setup(e, { expose: s, emit: t }) {
     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());
-    }, p = (g) => n("blur", g), w = (g) => n("focus", g), C = (g) => n("keydown", g), j = u(() => !!l.error || l.variant === "error"), T = u(
+    }, 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 ? `${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",
@@ -1725,7 +1725,7 @@ const Ue = {
       "aria-describedby": T.value,
       "aria-invalid": j.value,
       onInput: m,
-      onBlur: p,
+      onBlur: b,
       onFocus: w,
       onKeydown: C
     }, null, 42, Mt));
@@ -1779,7 +1779,7 @@ const Ue = {
       () => v(n({ placement: s.placement }), s.class)
     ), m = u(
       () => i({ placement: s.placement })
-    ), p = () => {
+    ), b = () => {
       l && clearTimeout(l), l = setTimeout(() => {
         t.value = !0;
       }, s.delay);
@@ -1788,7 +1788,7 @@ const Ue = {
     };
     return (C, j) => (a(), r("div", {
       class: "relative inline-block",
-      onMouseenter: p,
+      onMouseenter: b,
       onMouseleave: w
     }, [
       h(C.$slots, "default"),
@@ -1806,7 +1806,7 @@ const Ue = {
             class: d(c.value),
             role: "tooltip"
           }, [
-            N(b(e.content) + " ", 1),
+            N(p(e.content) + " ", 1),
             o("div", {
               class: d(m.value)
             }, null, 2)
@@ -1921,7 +1921,7 @@ const Ue = {
         "whitespace-nowrap": s.noWrap
       }
     ]);
-    return (m, p) => (a(), M(X(t.value), {
+    return (m, b) => (a(), M(X(t.value), {
       class: d(c.value)
     }, {
       default: S(() => [
@@ -1975,7 +1975,7 @@ const Ue = {
         d="M12 9v2m0 4h.01M21 12A9 9 0 1112 3a9 9 0 019 9z" />
     </svg>
   `
-    }, p = {
+    }, b = {
       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"
@@ -2005,7 +2005,7 @@ const Ue = {
   `
     }, T = u(() => ({
       info: m,
-      success: p,
+      success: b,
       warning: w,
       error: C,
       default: m,
@@ -2061,12 +2061,12 @@ const Ue = {
               }, null, 8, ["class"]))
             ])) : f("", !0),
             o("div", At, [
-              e.title ? (a(), r("h4", Pt, b(e.title), 1)) : f("", !0),
+              e.title ? (a(), r("h4", Pt, p(e.title), 1)) : f("", !0),
               o("div", {
                 class: d(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
                 h(g.$slots, "default", {}, () => [
-                  N(b(e.message), 1)
+                  N(p(e.message), 1)
                 ])
               ], 2),
               g.$slots.actions || e.actions.length > 0 ? (a(), r("div", Ft, [
@@ -2078,7 +2078,7 @@ const Ue = {
                     onClick: (I) => c($)
                   }, {
                     default: S(() => [
-                      N(b($.label), 1)
+                      N(p($.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["variant", "size", "onClick"]))), 128))
@@ -2150,7 +2150,7 @@ const Ue = {
             "aria-current": m === e.items.length - 1 ? "page" : void 0
           }, {
             default: S(() => [
-              N(b(c.label), 1)
+              N(p(c.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
@@ -2288,7 +2288,7 @@ const Ue = {
           xl: "p-8"
         }
       }
-    }), p = x(
+    }), b = x(
       "border-t border-slate-100 bg-slate-50/50",
       {
         variants: {
@@ -2326,11 +2326,11 @@ const Ue = {
               e.title ? (a(), r("h3", {
                 key: 0,
                 class: d(Yt)
-              }, b(e.title), 1)) : f("", !0),
+              }, p(e.title), 1)) : f("", !0),
               e.subtitle ? (a(), r("p", {
                 key: 1,
                 class: d(Xt)
-              }, b(e.subtitle), 1)) : f("", !0)
+              }, p(e.subtitle), 1)) : f("", !0)
             ]),
             C.$slots.actions ? (a(), r("div", Gt, [
               h(C.$slots, "actions")
@@ -2359,7 +2359,7 @@ const Ue = {
       ], 2)) : f("", !0),
       C.$slots.footer ? (a(), r("div", {
         key: 3,
-        class: d(D(v)(D(p)({ padding: e.padding })))
+        class: d(D(v)(D(b)({ padding: e.padding })))
       }, [
         h(C.$slots, "footer")
       ], 2)) : f("", !0)
@@ -2557,7 +2557,7 @@ const Ue = {
       () => v(n({ variant: s.variant }), "h-10 px-4 py-2")
     ), m = u(
       () => v(i({ placement: s.placement }))
-    ), p = () => {
+    ), b = () => {
       t.value = !t.value;
     }, w = (C) => {
       l.value && !l.value.contains(C.target) && (t.value = !1);
@@ -2573,12 +2573,12 @@ const Ue = {
     }, [
       o("button", {
         class: d(c.value),
-        onClick: p,
+        onClick: b,
         "aria-expanded": t.value,
         "aria-haspopup": !0
       }, [
         h(C.$slots, "trigger", {}, () => [
-          o("span", null, b(e.triggerText), 1),
+          o("span", null, p(e.triggerText), 1),
           y(Y, {
             name: "chevron-down",
             class: "ml-2 h-4 w-4"
@@ -2640,7 +2640,7 @@ const Ue = {
     ), c = (m) => {
       t.disabled || l("click", m);
     };
-    return (m, p) => (a(), M(X(e.href ? "a" : "button"), {
+    return (m, b) => (a(), M(X(e.href ? "a" : "button"), {
       href: e.href,
       class: d(i.value),
       disabled: e.disabled,
@@ -2654,7 +2654,7 @@ const Ue = {
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
         h(m.$slots, "default"),
-        e.shortcut ? (a(), r("span", da, b(e.shortcut), 1)) : f("", !0)
+        e.shortcut ? (a(), r("span", da, p(e.shortcut), 1)) : f("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
@@ -2690,7 +2690,7 @@ const Ue = {
           }
         }
       }
-    ), p = u(
+    ), b = u(
       () => v(
         m({ variant: t.variant }),
         i.value && "border-primary bg-primary/5"
@@ -2722,7 +2722,7 @@ const Ue = {
     };
     return ($, I) => (a(), r("div", ua, [
       o("div", {
-        class: d(p.value),
+        class: d(b.value),
         onDrop: w,
         onDragover: C,
         onDragenter: j,
@@ -2747,7 +2747,7 @@ const Ue = {
             o("span", { class: "font-semibold" }, "Click to upload"),
             N(" or drag and drop ")
           ], -1)),
-          e.accept ? (a(), r("p", va, b(e.accept), 1)) : f("", !0)
+          e.accept ? (a(), r("p", va, p(e.accept), 1)) : f("", !0)
         ])
       ], 34),
       n.value.length > 0 ? (a(), r("div", ga, [
@@ -2760,8 +2760,8 @@ const Ue = {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            o("span", ba, b(P.name), 1),
-            o("span", ha, "(" + b(B(P.size)) + ")", 1)
+            o("span", ba, p(P.name), 1),
+            o("span", ha, "(" + p(B(P.size)) + ")", 1)
           ]),
           o("button", {
             onClick: (te) => g(E),
@@ -2821,7 +2821,7 @@ const Ue = {
         }
       },
       defaultVariants: { size: "md" }
-    }), p = x("block text-slate-900", {
+    }), b = x("block text-slate-900", {
       variants: {
         size: {
           sm: "text-xs font-medium",
@@ -2869,15 +2869,15 @@ const Ue = {
       e.label ? (a(), r("label", {
         key: 0,
         for: D(n),
-        class: d(D(v)(D(p)({ size: e.size })))
+        class: d(D(v)(D(b)({ size: e.size })))
       }, [
-        N(b(e.label) + " ", 1),
+        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: d(D(v)(D(w)({ size: e.size })))
-      }, b(e.description), 3)) : f("", !0),
+      }, p(e.description), 3)) : f("", !0),
       o("div", Ca, [
         h(T.$slots, "default", {
           fieldId: D(n),
@@ -2902,7 +2902,7 @@ const Ue = {
             "aria-live": "polite"
           }, [
             y(s, { class: "w-4 h-4 flex-shrink-0 mt-0.5" }),
-            o("span", null, b(e.error), 1)
+            o("span", null, p(e.error), 1)
           ], 10, $a)) : f("", !0)
         ]),
         _: 1
@@ -2911,7 +2911,7 @@ const Ue = {
         key: 2,
         id: `${D(n)}-help`,
         class: d(D(v)(D(j)({ size: e.size })))
-      }, b(e.helpText), 11, Sa)) : f("", !0),
+      }, p(e.helpText), 11, Sa)) : f("", !0),
       y(ae, {
         "enter-active-class": "transition-all duration-200",
         "enter-from-class": "opacity-0 -translate-y-1",
@@ -2926,7 +2926,7 @@ const Ue = {
             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, b(e.success), 1)
+            o("span", null, p(e.success), 1)
           ], 2)) : f("", !0)
         ]),
         _: 1
@@ -3017,7 +3017,7 @@ const Ue = {
       () => v(n({ variant: t.variant }))
     ), m = u(
       () => v(i({ variant: t.variant }))
-    ), p = (w) => {
+    ), b = (w) => {
       l("click", w);
     };
     return (w, C) => (a(), r("li", {
@@ -3027,7 +3027,7 @@ const Ue = {
       (a(), M(X(e.href ? "a" : "div"), {
         href: e.href,
         class: d(m.value),
-        onClick: p
+        onClick: b
       }, {
         default: S(() => [
           w.$slots.icon || e.icon ? (a(), r("div", ja, [
@@ -3040,8 +3040,8 @@ const Ue = {
             ])
           ])) : f("", !0),
           o("div", Ia, [
-            e.title ? (a(), r("div", La, b(e.title), 1)) : f("", !0),
-            e.description ? (a(), r("div", Da, b(e.description), 1)) : f("", !0),
+            e.title ? (a(), r("div", La, p(e.title), 1)) : f("", !0),
+            e.description ? (a(), r("div", Da, p(e.description), 1)) : f("", !0),
             h(w.$slots, "default")
           ]),
           w.$slots.action ? (a(), r("div", Aa, [
@@ -3086,7 +3086,7 @@ const Ue = {
     ), c = (m) => {
       t.disabled || l("click", m);
     };
-    return (m, p) => (a(), M(X(e.href ? "a" : "button"), {
+    return (m, b) => (a(), M(X(e.href ? "a" : "button"), {
       href: e.href,
       class: d(i.value),
       disabled: e.disabled,
@@ -3100,7 +3100,7 @@ const Ue = {
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
         h(m.$slots, "default"),
-        e.shortcut ? (a(), r("span", Fa, b(e.shortcut), 1)) : f("", !0),
+        e.shortcut ? (a(), r("span", Fa, p(e.shortcut), 1)) : f("", !0),
         e.hasSubmenu ? (a(), M(Y, {
           key: 2,
           name: "chevron-right",
@@ -3132,8 +3132,8 @@ const Ue = {
     };
     return oe(() => t.modelValue, (c) => {
       if (c) {
-        const m = (p) => {
-          p.key === "Escape" && n();
+        const m = (b) => {
+          b.key === "Escape" && n();
         };
         return document.addEventListener("keydown", m), () => {
           document.removeEventListener("keydown", m);
@@ -3188,8 +3188,8 @@ const Ue = {
   },
   setup(e) {
     return (s, t) => (a(), r("div", Ha, [
-      e.title ? (a(), r("h2", Oa, b(e.title), 1)) : f("", !0),
-      e.description ? (a(), r("p", qa, b(e.description), 1)) : f("", !0),
+      e.title ? (a(), r("h2", Oa, p(e.title), 1)) : f("", !0),
+      e.description ? (a(), r("p", qa, p(e.description), 1)) : f("", !0),
       h(s.$slots, "default")
     ]));
   }
@@ -3303,7 +3303,7 @@ const Ue = {
           destructive: "text-destructive"
         }
       }
-    }), p = u(
+    }), b = u(
       () => v(i({ variant: t.variant }), "p-4")
     ), w = u(() => c[t.variant]), C = u(() => m({ variant: t.variant })), j = () => {
       n.value = !1, l("dismiss");
@@ -3323,7 +3323,7 @@ const Ue = {
       default: S(() => [
         n.value ? (a(), r("div", {
           key: 0,
-          class: d(p.value),
+          class: d(b.value),
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
@@ -3335,11 +3335,11 @@ const Ue = {
               }, null, 8, ["name", "class"])
             ])) : f("", !0),
             o("div", Ya, [
-              e.title ? (a(), r("div", Xa, b(e.title), 1)) : f("", !0),
+              e.title ? (a(), r("div", Xa, p(e.title), 1)) : f("", !0),
               e.message ? (a(), r("div", {
                 key: 1,
                 class: d(["text-sm", { "mt-1": e.title }])
-              }, b(e.message), 3)) : f("", !0),
+              }, p(e.message), 3)) : f("", !0),
               h(T.$slots, "default")
             ]),
             e.dismissible ? (a(), r("button", {
@@ -3406,15 +3406,15 @@ const es = {
       });
       return e.then((m) => {
         ue(c);
-        const p = typeof l == "function" ? l(m) : l;
-        return re(p, {
+        const b = typeof l == "function" ? l(m) : l;
+        return re(b, {
           ...i,
           variant: "success"
         }), m;
       }).catch((m) => {
         ue(c);
-        const p = typeof n == "function" ? n(m) : n;
-        throw re(p, {
+        const b = typeof n == "function" ? n(m) : n;
+        throw re(b, {
           ...i,
           variant: "error"
         }), m;
@@ -3503,7 +3503,7 @@ const es = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), m = (z) => v(c({ variant: z.variant })), p = {
+    ), m = (z) => v(c({ variant: z.variant })), b = {
       default: "bell",
       info: "info",
       success: "check-circle",
@@ -3517,7 +3517,7 @@ const es = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, C = (z) => z.icon || p[z.variant] || p.default, j = (z) => {
+    }, C = (z) => z.icon || b[z.variant] || b.default, j = (z) => {
       const k = w[z.variant] || w.default;
       return z.variant === "loading" ? `${k} animate-spin` : k;
     }, T = (z) => z.icon !== !1, R = (z) => z.dismissible !== !1 && (z.closeButton || s.closeButton || z.dismissible);
@@ -3552,9 +3552,9 @@ const es = {
                 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, b(g.title), 1)) : f("", !0),
-                g.message ? (a(), r("div", rs, b(g.message), 1)) : f("", !0),
-                g.description ? (a(), r("div", os, b(g.description), 1)) : f("", !0),
+                g.title ? (a(), r("div", ns, p(g.title), 1)) : f("", !0),
+                g.message ? (a(), r("div", rs, p(g.message), 1)) : f("", !0),
+                g.description ? (a(), r("div", os, p(g.description), 1)) : f("", !0),
                 g.component ? (a(), M(X(g.component), me({
                   key: 3,
                   ref_for: !0
@@ -3564,7 +3564,7 @@ const es = {
                 key: 1,
                 onClick: g.action.onClick,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-              }, b(g.action.label), 9, is)) : f("", !0),
+              }, p(g.action.label), 9, is)) : f("", !0),
               R(g) ? (a(), r("button", {
                 key: 2,
                 onClick: (B) => D(l)(g.id),
@@ -3643,7 +3643,7 @@ 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, c = s, m = H(null), p = 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;
       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;
@@ -3655,7 +3655,7 @@ const es = {
         w.value = !1, C.value = -1;
       }, 150);
     }, k = () => {
-      c("update:modelValue", ""), c("clear"), w.value = !1, p.value?.focus();
+      c("update:modelValue", ""), c("clear"), w.value = !1, b.value?.focus();
     }, g = (A) => {
       c("select", A), w.value = !1, C.value = -1;
     }, B = (A) => {
@@ -3722,7 +3722,7 @@ const es = {
         ]),
         o("input", {
           ref_key: "inputRef",
-          ref: p,
+          ref: b,
           value: e.modelValue,
           placeholder: e.placeholder,
           disabled: e.disabled,
@@ -3780,9 +3780,9 @@ const es = {
                     innerHTML: $(J.description)
                   }, null, 8, ks)) : f("", !0)
                 ]),
-                J.category ? (a(), r("div", ws, b(J.category), 1)) : f("", !0)
+                J.category ? (a(), r("div", ws, p(J.category), 1)) : f("", !0)
               ], 42, hs))), 128))
-            ])) : e.showNoResults ? (a(), r("div", Cs, b(e.noResultsText), 1)) : f("", !0),
+            ])) : e.showNoResults ? (a(), r("div", Cs, p(e.noResultsText), 1)) : f("", !0),
             A.$slots.footer ? (a(), r("div", $s, [
               h(A.$slots, "footer")
             ])) : f("", !0)
@@ -3815,16 +3815,16 @@ const es = {
         min: e.min,
         max: e.max,
         step: e.step,
-        "onUpdate:modelValue": m[0] || (m[0] = (p) => n.value = p),
+        "onUpdate:modelValue": m[0] || (m[0] = (b) => n.value = b),
         onInput: i,
         class: "w-full accent-blue-500 cursor-pointer"
       }, null, 40, Bs), [
         [_e, n.value]
       ]),
       o("div", Vs, [
-        o("span", null, b(e.min), 1),
-        o("span", null, b(n.value), 1),
-        o("span", null, b(e.max), 1)
+        o("span", null, p(e.min), 1),
+        o("span", null, p(n.value), 1),
+        o("span", null, p(e.max), 1)
       ])
     ]));
   }
@@ -3855,11 +3855,11 @@ const es = {
           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"
         ])
       }, [
-        o("span", null, b(e.step), 1)
+        o("span", null, p(e.step), 1)
       ], 2),
       o("div", Ls, [
-        o("div", Ds, b(e.title), 1),
-        e.description ? (a(), r("div", As, b(e.description), 1)) : f("", !0)
+        o("div", Ds, p(e.title), 1),
+        e.description ? (a(), r("div", As, p(e.description), 1)) : f("", !0)
       ])
     ]));
   }
@@ -3878,14 +3878,14 @@ const es = {
       registerTab: (i) => (l.value.push({ label: i }), l.value.length - 1)
     }), (i, c) => (a(), r("div", null, [
       o("div", Fs, [
-        (a(!0), r(Q, null, K(l.value, (m, p) => (a(), r("button", {
-          key: p,
-          onClick: (w) => n(p),
+        (a(!0), r(Q, null, K(l.value, (m, b) => (a(), r("button", {
+          key: b,
+          onClick: (w) => n(b),
           class: d([
             "px-4 py-2 -mb-px border-b-2 font-medium text-sm transition-colors",
-            t.value === p ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
+            t.value === b ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
           ])
-        }, b(m.label), 11, Ns))), 128))
+        }, p(m.label), 11, Ns))), 128))
       ]),
       o("div", Rs, [
         h(i.$slots, "default")
@@ -3954,7 +3954,7 @@ const es = {
         }
         n("change", { index: q, expanded: i.value.includes(q) });
       }
-    }, m = (q) => i.value.includes(q), p = x("w-full", {
+    }, m = (q) => i.value.includes(q), b = x("w-full", {
       variants: {
         variant: {
           default: "divide-y divide-slate-200",
@@ -4029,7 +4029,7 @@ const es = {
         }
       }
     }), g = u(
-      () => v(p({ variant: l.variant }))
+      () => v(b({ variant: l.variant }))
     ), B = u(
       () => v(w({ variant: l.variant }))
     ), $ = (q) => v(
@@ -4073,11 +4073,11 @@ const es = {
             o("div", Es, [
               o("h3", {
                 class: d(I.value)
-              }, b(A.title), 3),
+              }, p(A.title), 3),
               A.subtitle ? (a(), r("p", {
                 key: 0,
                 class: d(P.value)
-              }, b(A.subtitle), 3)) : f("", !0)
+              }, p(A.subtitle), 3)) : f("", !0)
             ])
           ]),
           o("div", {
@@ -4167,7 +4167,7 @@ const es = {
           lg: "p-6 text-lg"
         }
       }
-    }), p = u(
+    }), b = u(
       () => v(i({ variant: t.variant }))
     ), w = u(
       () => v(c({ size: t.size }))
@@ -4175,7 +4175,7 @@ const es = {
       () => v(m({ size: t.size }))
     );
     return (j, T) => (a(), r("div", {
-      class: d(p.value)
+      class: d(b.value)
     }, [
       y(ee, {
         class: d(w.value),
@@ -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()), c = H(null), m = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], p = 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"
       })
@@ -4260,7 +4260,7 @@ const es = {
           ]),
           _: 1
         }),
-        o("div", Xs, b(p.value) + " " + b(i.value), 1),
+        o("div", Xs, p(b.value) + " " + p(i.value), 1),
         y(ee, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: z,
@@ -4273,13 +4273,13 @@ const es = {
         })
       ]),
       o("div", Ws, [
-        (a(), r(Q, null, K(m, (P) => o("div", { key: P }, b(P), 1)), 64))
+        (a(), r(Q, null, K(m, (P) => o("div", { key: P }, p(P), 1)), 64))
       ]),
       o("div", Js, [
         (a(!0), r(Q, null, K(j.value, (P) => (a(), r("div", {
           key: "prev-" + P,
           class: "text-slate-400 text-sm"
-        }, b(P), 1))), 128)),
+        }, p(P), 1))), 128)),
         (a(!0), r(Q, null, K(w.value, (P) => (a(), M(ee, {
           key: P,
           onClick: (E) => B(P),
@@ -4290,14 +4290,14 @@ const es = {
           ])
         }, {
           default: S(() => [
-            N(b(P), 1)
+            N(p(P), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "class"]))), 128)),
         (a(!0), r(Q, null, K(T.value, (P) => (a(), r("div", {
           key: "next-" + P,
           class: "text-slate-400 text-sm"
-        }, b(P), 1))), 128))
+        }, p(P), 1))), 128))
       ])
     ]));
   }
@@ -4376,11 +4376,11 @@ const es = {
     ), m = u(
       () => v(n({ size: "md" }))
     );
-    return (p, w) => e.title || e.description || p.$slots.header ? (a(), r("div", {
+    return (b, w) => e.title || e.description || b.$slots.header ? (a(), r("div", {
       key: 0,
       class: d(i.value)
     }, [
-      h(p.$slots, "header", {}, () => [
+      h(b.$slots, "header", {}, () => [
         o("div", tl, [
           o("div", null, [
             e.title ? (a(), M(he, {
@@ -4388,7 +4388,7 @@ const es = {
               class: d(c.value)
             }, {
               default: S(() => [
-                N(b(e.title), 1)
+                N(p(e.title), 1)
               ]),
               _: 1
             }, 8, ["class"])) : f("", !0),
@@ -4397,13 +4397,13 @@ const es = {
               class: d(m.value)
             }, {
               default: S(() => [
-                N(b(e.description), 1)
+                N(p(e.description), 1)
               ]),
               _: 1
             }, 8, ["class"])) : f("", !0)
           ]),
-          p.$slots.filters ? (a(), r("div", al, [
-            h(p.$slots, "filters")
+          b.$slots.filters ? (a(), r("div", al, [
+            h(b.$slots, "filters")
           ])) : f("", !0)
         ])
       ])
@@ -4515,7 +4515,7 @@ const es = {
     }), 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];
-    }, p = (k, g) => {
+    }, b = (k, g) => {
       const B = m(k, g);
       return typeof g == "object" && g.formatter ? g.formatter(B, k) : B == null ? "" : B instanceof Date ? B.toLocaleDateString() : Array.isArray(B) ? B.join(", ") : B;
     }, w = () => {
@@ -4574,7 +4574,7 @@ const es = {
           column: B,
           index: e.index
         }, () => [
-          N(b(p(e.item, B)), 1)
+          N(p(b(e.item, B)), 1)
         ])
       ], 2))), 128)),
       k.$slots.actions ? (a(), r("td", {
@@ -4708,7 +4708,7 @@ const es = {
       defaultVariants: {
         size: "sm"
       }
-    }), m = u(() => (t.currentPage - 1) * t.pageSize + 1), p = u(() => Math.min(t.currentPage * t.pageSize, t.total)), w = u(() => {
+    }), m = u(() => (t.currentPage - 1) * t.pageSize + 1), b = u(() => Math.min(t.currentPage * t.pageSize, t.total)), w = u(() => {
       const z = [], k = t.totalPages, g = t.currentPage, B = t.maxVisiblePages;
       if (k <= B)
         for (let $ = 1; $ <= k; $++)
@@ -4742,7 +4742,7 @@ const es = {
       class: d(C.value)
     }, [
       o("div", sl, [
-        e.selectable && e.selectedCount > 0 ? (a(), r("div", ll, b(e.selectedCount) + " of " + b(e.total) + " selected ", 1)) : (a(), r("div", nl, " Showing " + b(m.value) + " to " + b(p.value) + " of " + b(e.total) + " entries ", 1)),
+        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)),
         z.$slots.footer ? (a(), r("div", rl, [
           h(z.$slots, "footer")
         ])) : f("", !0),
@@ -4820,7 +4820,7 @@ const es = {
                 key: g,
                 onClick: (B) => z.$emit("update:currentPage", g),
                 class: d(R(g === e.currentPage, !1))
-              }, b(g), 11, fl))), 128))
+              }, p(g), 11, fl))), 128))
             ]),
             o("button", {
               disabled: e.currentPage === e.totalPages,
@@ -4863,7 +4863,7 @@ const es = {
               ], -1)
             ])], 10, gl)
           ]),
-          o("div", pl, " Page " + b(e.currentPage) + " of " + b(e.totalPages), 1)
+          o("div", pl, " Page " + p(e.currentPage) + " of " + p(e.totalPages), 1)
         ])) : f("", !0)
       ])
     ], 2)) : f("", !0);
@@ -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), c = H(t.sortBy), m = H(t.sortOrder), p = 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",
@@ -5043,7 +5043,7 @@ const es = {
     }, q = (V) => {
       l("row-click", V);
     }, W = u(
-      () => v(p({ variant: t.variant }))
+      () => v(b({ variant: t.variant }))
     ), A = u(
       () => v(w({ variant: t.variant }))
     ), U = u(
@@ -5132,7 +5132,7 @@ const es = {
                 onClick: (ne) => se(Z)
               }, [
                 o("div", yl, [
-                  o("span", null, b(Z.label), 1),
+                  o("span", null, p(Z.label), 1),
                   Z.sortable ? (a(), r("div", xl, [
                     (a(), r("svg", {
                       class: d([ie(Z, "asc"), "w-3 h-3 transition-colors"]),
@@ -5220,7 +5220,7 @@ const es = {
                         })
                       ])
                     ], -1)),
-                    o("p", $l, b(e.emptyText), 1)
+                    o("p", $l, p(e.emptyText), 1)
                   ])
                 ])
               ], 10, wl)
@@ -5317,7 +5317,7 @@ const es = {
         textSize: "sm"
       }
     }), i = u(() => {
-      const c = s.align || s.column.align || "left", m = `text-${s.textColor}`, p = 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: c,
@@ -5325,7 +5325,7 @@ const es = {
           textSize: s.textSize
         }),
         m,
-        p,
+        b,
         s.column.cellClasses
       );
     });
@@ -5333,7 +5333,7 @@ const es = {
       class: d(i.value)
     }, [
       h(c.$slots, "default", {}, () => [
-        N(b(t.value), 1)
+        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>'
-    }, c = e, m = s, p = 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",
@@ -5495,7 +5495,7 @@ const es = {
       }
       return _;
     }), z = u(
-      () => v(p({
+      () => v(b({
         variant: c.variant,
         padding: c.padding
       }))
@@ -5584,7 +5584,7 @@ const es = {
               (a(!0), r(Q, null, K(e.statusOptions, (F) => (a(), r("option", {
                 key: F.value,
                 value: F.value
-              }, b(F.label), 9, Ml))), 128))
+              }, p(F.label), 9, Ml))), 128))
             ]),
             _: 1
           }, 8, ["model-value", "class"])
@@ -5656,7 +5656,7 @@ const es = {
             key: F.key,
             class: d(A.value)
           }, [
-            o("span", null, b(F.label) + ": " + b(F.value), 1),
+            o("span", null, p(F.label) + ": " + p(F.value), 1),
             y(ee, {
               onClick: (ie) => le(F.key),
               class: d(U.value)
@@ -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), c = H(null), m = u(() => t.selectedItems.length), p = [
+    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 }
@@ -5839,7 +5839,7 @@ const es = {
     }, [
       o("div", Pl, [
         m.value > 0 ? (a(), r("div", Fl, [
-          o("span", Nl, b(m.value) + " selected ", 1),
+          o("span", Nl, p(m.value) + " selected ", 1),
           o("div", Rl, [
             (a(!0), r(Q, null, K(e.bulkActions, (F) => (a(), M(ee, {
               key: F.key,
@@ -5851,7 +5851,7 @@ const es = {
                   key: 0,
                   class: "w-4 h-4"
                 })) : f("", !0),
-                N(" " + b(F.label), 1)
+                N(" " + p(F.label), 1)
               ]),
               _: 2
             }, 1032, ["onClick", "class"]))), 128))
@@ -5859,14 +5859,14 @@ const es = {
         ])) : e.totalItems > 0 ? (a(), r("div", {
           key: 1,
           class: d(z.value)
-        }, b(e.totalItems) + " " + b(e.totalItems === 1 ? "item" : "items"), 3)) : f("", !0)
+        }, p(e.totalItems) + " " + p(e.totalItems === 1 ? "item" : "items"), 3)) : f("", !0)
       ]),
       o("div", _l, [
         e.showDensityToggle ? (a(), r("div", {
           key: 0,
           class: d(k.value)
         }, [
-          (a(), r(Q, null, K(p, (F) => o("button", {
+          (a(), r(Q, null, K(b, (F) => o("button", {
             key: F.value,
             onClick: (ie) => _.$emit("update:density", F.value),
             class: d(W(F.value)),
@@ -5912,7 +5912,7 @@ const es = {
                     }, null, 42, Zl),
                     o("span", {
                       class: d(E.value)
-                    }, b(F.label), 3)
+                    }, p(F.label), 3)
                   ])
                 ], 2))), 128))
               ])
@@ -5949,7 +5949,7 @@ const es = {
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("Text"), i = G("Typography"), c = G("Link"), m = G("Icon"), p = 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: d(D(v)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
@@ -6048,12 +6048,12 @@ const es = {
               ])
             ])
           ]),
-          y(p, { class: "my-8" }),
+          y(b, { class: "my-8" }),
           o("div", dn, [
             h(s.$slots, "copyright", {}, () => [
               y(n, { class: "text-gray-600" }, {
                 default: S(() => [
-                  N(" © " + b((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
+                  N(" © " + p((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
                 _: 1
               })
@@ -6275,12 +6275,12 @@ const es = {
       }, [
         o("h3", Vn, [
           h(s.$slots, "title", {}, () => [
-            N(b(e.title), 1)
+            N(p(e.title), 1)
           ])
         ]),
         e.subtitle ? (a(), r("p", Tn, [
           h(s.$slots, "subtitle", {}, () => [
-            N(b(e.subtitle), 1)
+            N(p(e.subtitle), 1)
           ])
         ])) : f("", !0),
         o("div", Mn, [
@@ -6383,8 +6383,20 @@ const es = {
       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 = { class: "absolute bottom-4 right-4 text-right" }, En = { class: "flex items-end justify-end mb-2" }, Un = { class: "text-right mr-3" }, Zn = { class: "text-red-500 font-bold text-xs" }, Gn = { class: "text-white text-xs" }, Kn = { class: "text-white/70 text-xs" }, Qn = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, Yn = { class: "text-white/70 text-xs" }, Xn = { class: "absolute bottom-4 left-4 flex gap-2" }, Wn = ["href"];
-function Jn(e, s, t, l, n, i) {
+}, 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,
+  class: "mb-6"
+}, En = { class: "text-center" }, Un = { class: "text-2xl font-bold text-gray-900" }, Zn = {
+  key: 0,
+  class: "text-gray-600 mt-2"
+}, Gn = { class: "space-y-6" }, Kn = {
+  key: 1,
+  class: "mt-6"
+}, Qn = {
+  key: 0,
+  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",
@@ -6404,8 +6416,8 @@ function Jn(e, s, t, l, n, i) {
             o("div", Fn, [
               o("span", {
                 style: ce({ color: t.primaryColor })
-              }, b(t.primaryLogoPrefix), 5),
-              o("span", Nn, b(t.primaryLogoText), 1)
+              }, p(t.primaryLogoPrefix), 5),
+              o("span", Nn, p(t.primaryLogoText), 1)
             ]),
             o("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
@@ -6416,32 +6428,51 @@ function Jn(e, s, t, l, n, i) {
             o("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: ce({ backgroundColor: t.primaryColor })
-            }, b(t.secondaryLogoPrefix), 5),
-            o("span", _n, b(t.secondaryLogoText), 1)
-          ])
+            }, p(t.secondaryLogoPrefix), 5),
+            o("span", _n, p(t.secondaryLogoText), 1)
+          ]),
+          s[0] || (s[0] = o("div", { class: "max-w-md mx-auto lg:mx-0" }, [
+            o("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
+          ], -1))
         ]),
         o("div", Hn, [
           o("div", On, [
-            y(c)
-          ])
+            e.$slots["card-header"] || t.title ? (a(), r("div", qn, [
+              h(e.$slots, "card-header", {}, () => [
+                o("div", En, [
+                  o("h1", Un, p(t.title), 1),
+                  t.subtitle ? (a(), r("p", Zn, p(t.subtitle), 1)) : f("", !0)
+                ])
+              ])
+            ])) : f("", !0),
+            o("div", Gn, [
+              y(c)
+            ]),
+            e.$slots["card-footer"] ? (a(), r("div", Kn, [
+              h(e.$slots, "card-footer")
+            ])) : f("", !0)
+          ]),
+          e.$slots.links ? (a(), r("div", Qn, [
+            h(e.$slots, "links")
+          ])) : f("", !0)
         ])
       ])
     ]),
-    o("div", qn, [
-      o("div", En, [
-        o("div", Un, [
-          o("div", Zn, b(t.companyName), 1),
-          o("div", Gn, b(t.companyType), 1),
-          o("div", Kn, b(t.companyTagline), 1)
+    o("div", Yn, [
+      o("div", Xn, [
+        o("div", Wn, [
+          o("div", Jn, p(t.companyName), 1),
+          o("div", er, p(t.companyType), 1),
+          o("div", tr, p(t.companyTagline), 1)
         ]),
-        o("div", Qn, b(t.companyInitials), 1)
+        o("div", ar, p(t.companyInitials), 1)
       ]),
-      o("div", Yn, [
-        o("div", null, b(t.appName) + " (" + b(t.appVersion) + ")", 1),
-        o("div", null, b(t.copyright), 1)
+      o("div", sr, [
+        o("div", null, p(t.appName) + " (" + p(t.appVersion) + ")", 1),
+        o("div", null, p(t.copyright), 1)
       ])
     ]),
-    o("div", Xn, [
+    o("div", lr, [
       (a(!0), r(Q, null, K(t.socialLinks, (m) => (a(), r("a", {
         key: m.name,
         href: m.url,
@@ -6453,14 +6484,14 @@ function Jn(e, s, t, l, n, i) {
         o("i", {
           class: d(m.icon)
         }, null, 2)
-      ], 10, Wn))), 128))
+      ], 10, nr))), 128))
     ])
   ], 4);
 }
-const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen bg-gray-50" }, ar = { class: "flex-1" }, sr = {
+const or = /* @__PURE__ */ Ne(In, [["render", rr]]), ir = { class: "min-h-screen bg-gray-50" }, dr = { class: "flex-1" }, cr = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, lr = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, nr = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, rr = {
+}, ur = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, mr = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, fr = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -6483,8 +6514,8 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), c = G("Header"), m = G("Breadcrumb"), p = G("Text"), w = G("Footer");
-      return a(), r("div", tr, [
+      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(c, null, {
           logo: S(() => [
             h(s.$slots, "logo", {}, () => [
@@ -6517,15 +6548,15 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
           ]),
           _: 3
         }),
-        o("main", ar, [
-          e.showBreadcrumb ? (a(), r("div", sr, [
-            o("div", lr, [
+        o("main", dr, [
+          e.showBreadcrumb ? (a(), r("div", cr, [
+            o("div", ur, [
               h(s.$slots, "breadcrumb", {}, () => [
                 y(m, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : f("", !0),
-          o("div", nr, [
+          o("div", mr, [
             h(s.$slots, "default")
           ])
         ]),
@@ -6533,7 +6564,7 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
           brand: S(() => [
             h(s.$slots, "footer-brand", {}, () => [
               y(l, { class: "mb-4" }),
-              y(p, { class: "text-gray-600 max-w-md" }, {
+              y(b, { class: "text-gray-600 max-w-md" }, {
                 default: S(() => [...t[2] || (t[2] = [
                   N(" Your application description goes here. ", -1)
                 ])]),
@@ -6546,14 +6577,14 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
       ]);
     };
   }
-}, or = {
+}, vr = {
   template: `
     <svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
       <circle cx="100" cy="100" r="80" fill="#f1f5f9" stroke="#cbd5e1" stroke-width="2"/>
       <text x="100" y="110" text-anchor="middle" font-size="48" font-weight="bold" fill="#64748b">404</text>
     </svg>
   `
-}, ir = {
+}, gr = {
   template: `
     <svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
       <circle cx="100" cy="100" r="80" fill="#fef2f2" stroke="#fecaca" stroke-width="2"/>
@@ -6566,7 +6597,7 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
       <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" />
     </svg>
   `
-}, dr = {
+}, pr = {
   name: "ErrorPage",
   components: {
     Button: ee
@@ -6653,12 +6684,12 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
         404: {
           title: "Page Not Found",
           message: "Sorry, we couldn't find the page you're looking for.",
-          icon: or
+          icon: vr
         },
         500: {
           title: "Server Error",
           message: "Something went wrong on our end. Please try again later.",
-          icon: ir
+          icon: gr
         },
         403: {
           title: "Access Denied",
@@ -6676,7 +6707,7 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
       window.history.length > 1 ? window.history.back() : window.location.href = e.homeUrl, s("back");
     }, m = () => {
       window.location.reload(), s("retry");
-    }, p = u(() => [
+    }, b = u(() => [
       "min-h-screen relative flex items-center justify-center",
       "px-4 sm:px-6 lg:px-8"
     ]), w = u(() => [
@@ -6710,7 +6741,7 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
       errorMessage: i,
       goBack: c,
       retry: m,
-      layoutClasses: p,
+      layoutClasses: b,
       backgroundClasses: w,
       contentClasses: C,
       headerClasses: j,
@@ -6725,8 +6756,8 @@ const er = /* @__PURE__ */ Ne(In, [["render", Jn]]), tr = { class: "min-h-screen
       helpClasses: P
     };
   }
-}, cr = { class: "flex justify-center" }, ur = { class: "flex items-center gap-3" }, mr = { class: "text-2xl font-bold text-slate-900" }, fr = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, vr = { class: "text-sm text-slate-600" }, gr = ["href"];
-function pr(e, s, t, l, n, i) {
+}, 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 c = G("Button");
   return a(), r("div", {
     class: d(l.layoutClasses)
@@ -6747,13 +6778,13 @@ function pr(e, s, t, l, n, i) {
         class: d(l.headerClasses)
       }, [
         h(e.$slots, "header", {}, () => [
-          o("div", cr, [
+          o("div", br, [
             h(e.$slots, "logo", {}, () => [
-              o("div", ur, [
+              o("div", hr, [
                 s[1] || (s[1] = o("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   o("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                o("span", mr, b(t.brandName), 1)
+                o("span", yr, p(t.brandName), 1)
               ])
             ])
           ])
@@ -6779,27 +6810,27 @@ function pr(e, s, t, l, n, i) {
             class: d(l.titleClasses)
           }, [
             h(e.$slots, "title", {}, () => [
-              N(b(l.errorTitle), 1)
+              N(p(l.errorTitle), 1)
             ])
           ], 2),
           o("p", {
             class: d(l.messageClasses)
           }, [
             h(e.$slots, "message", {}, () => [
-              N(b(l.errorMessage), 1)
+              N(p(l.errorMessage), 1)
             ])
           ], 2),
           t.errorCode ? (a(), r("div", {
             key: 0,
             class: d(l.codeClasses)
-          }, " Error Code: " + b(t.errorCode), 3)) : f("", !0)
+          }, " Error Code: " + p(t.errorCode), 3)) : f("", !0)
         ], 2),
         e.$slots.actions || t.showDefaultActions ? (a(), r("div", {
           key: 1,
           class: d(l.actionsClasses)
         }, [
           h(e.$slots, "actions", {}, () => [
-            o("div", fr, [
+            o("div", xr, [
               t.showHomeButton ? (a(), M(c, {
                 key: 0,
                 href: t.homeUrl,
@@ -6807,7 +6838,7 @@ function pr(e, s, t, l, n, i) {
                 size: "lg"
               }, {
                 default: S(() => [
-                  N(b(t.homeButtonText), 1)
+                  N(p(t.homeButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["href"])) : f("", !0),
@@ -6818,7 +6849,7 @@ function pr(e, s, t, l, n, i) {
                 onClick: l.goBack
               }, {
                 default: S(() => [
-                  N(b(t.backButtonText), 1)
+                  N(p(t.backButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])) : f("", !0),
@@ -6829,7 +6860,7 @@ function pr(e, s, t, l, n, i) {
                 onClick: l.retry
               }, {
                 default: S(() => [
-                  N(b(t.retryButtonText), 1)
+                  N(p(t.retryButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])) : f("", !0)
@@ -6841,13 +6872,13 @@ function pr(e, s, t, l, n, i) {
           class: d(l.helpClasses)
         }, [
           h(e.$slots, "help", {}, () => [
-            o("p", vr, [
-              N(b(t.helpText) + " ", 1),
+            o("p", kr, [
+              N(p(t.helpText) + " ", 1),
               t.supportUrl ? (a(), r("a", {
                 key: 0,
                 href: t.supportUrl,
                 class: "text-blue-600 hover:text-blue-700 underline ml-1"
-              }, " Contact Support ", 8, gr)) : f("", !0)
+              }, " Contact Support ", 8, wr)) : f("", !0)
             ])
           ])
         ], 2)) : f("", !0)
@@ -6855,7 +6886,7 @@ function pr(e, s, t, l, n, i) {
     ], 2)
   ], 2);
 }
-const br = /* @__PURE__ */ Ne(dr, [["render", pr]]), Be = {
+const $r = /* @__PURE__ */ Ne(pr, [["render", Cr]]), Be = {
   Avatar: Ke,
   Badge: Ye,
   Button: ee,
@@ -6921,10 +6952,10 @@ const br = /* @__PURE__ */ Ne(dr, [["render", pr]]), Be = {
   Sidebar: $n,
   Timeline: Sn,
   TimelineItem: jn,
-  AuthLayout: er,
-  DefaultLayout: rr,
-  ErrorLayout: br
-}, kr = {
+  AuthLayout: or,
+  DefaultLayout: fr,
+  ErrorLayout: $r
+}, Vr = {
   install(e, s = {}) {
     const { prefix: t = "" } = s;
     Object.keys(Be).forEach((l) => {
@@ -6937,7 +6968,7 @@ export {
   Gs as Accordion,
   Ks as AccordionItem,
   Rt as Alert,
-  er as AuthLayout,
+  or as AuthLayout,
   Ke as Avatar,
   Ye as Badge,
   Ot as Breadcrumb,
@@ -6959,11 +6990,11 @@ export {
   Pe as DataTableRow,
   an as DataTableToolBar,
   ra as DatePicker,
-  rr as DefaultLayout,
+  fr as DefaultLayout,
   rt as Divider,
   ia as Dropdown,
   ca as DropdownItem,
-  br as ErrorLayout,
+  $r as ErrorLayout,
   xa as FileUpload,
   un as Footer,
   za as FormField,
@@ -7003,7 +7034,7 @@ export {
   It as Tooltip,
   he as Typography,
   v as cn,
-  kr as default,
+  Vr as default,
   Se as toast,
   as as useToaster
 };