@stlhorizon/vue-ui 1.0.2 → 1.0.4

package/dist/index.esm.js

@@ -1,18 +1,18 @@
-import { h as S7, computed as s, createBlock as z, openBlock as i, resolveDynamicComponent as G, mergeProps as L7, ref as V, createElementBlock as r, normalizeClass as k, toDisplayString as I, unref as Z, renderSlot as M, createElementVNode as h, createCommentVNode as p, createVNode as x, withCtx as L, withKeys as z7, withModifiers as _7, normalizeStyle as A7, useId as C7, watch as je, nextTick as q7, Transition as N, createTextVNode as H, Fragment as E, renderList as W, onMounted as Be, onUnmounted as j7, Teleport as B7, withDirectives as F7, vModelText as G7, provide as E7, inject as W7, vShow as N7, resolveComponent as U } from "vue";
-function P7(t) {
+import { h as S7, computed as s, createBlock as z, openBlock as i, resolveDynamicComponent as G, mergeProps as L7, ref as V, createElementBlock as r, normalizeClass as k, toDisplayString as I, unref as Z, renderSlot as M, createElementVNode as h, createCommentVNode as p, createVNode as x, withCtx as L, withKeys as z7, withModifiers as G7, normalizeStyle as j7, useId as C7, watch as je, nextTick as q7, Transition as N, createTextVNode as H, Fragment as E, renderList as W, onMounted as Be, onUnmounted as B7, Teleport as F7, withDirectives as P7, vModelText as E7, provide as W7, inject as N7, vShow as X7, resolveComponent as U } from "vue";
+function D7(t) {
   var c, a, o = "";
   if (typeof t == "string" || typeof t == "number") o += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var n = t.length;
-    for (c = 0; c < n; c++) t[c] && (a = P7(t[c])) && (o && (o += " "), o += a);
+    for (c = 0; c < n; c++) t[c] && (a = D7(t[c])) && (o && (o += " "), o += a);
   } else for (a in t) t[a] && (o && (o += " "), o += a);
   return o;
 }
-function D7() {
-  for (var t, c, a = 0, o = "", n = arguments.length; a < n; a++) (t = arguments[a]) && (c = P7(t)) && (o && (o += " "), o += c);
+function T7() {
+  for (var t, c, a = 0, o = "", n = arguments.length; a < n; a++) (t = arguments[a]) && (c = D7(t)) && (o && (o += " "), o += c);
   return o;
 }
-const H7 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, V7 = D7, g = (t, c) => (a) => {
+const H7 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, V7 = T7, g = (t, c) => (a) => {
   var o;
   if (c?.variants == null) return V7(t, a?.class, a?.className);
   const { variants: n, defaultVariants: d } = c, l = Object.keys(n).map((u) => {
@@ -43,7 +43,7 @@ const H7 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, V7 = D7, g
   return V7(t, l, m, a?.class, a?.className);
 };
 function v(...t) {
-  return D7(t);
+  return T7(t);
 }
 var Pe = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -56,7 +56,7 @@ var Pe = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t, c) => ({ size: a, strokeWidth: o = 2, absoluteStrokeWidth: n, color: d, ...l }, { attrs: y, slots: m }) => S7(
+const K7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t, c) => ({ size: a, strokeWidth: o = 2, absoluteStrokeWidth: n, color: d, ...l }, { attrs: y, slots: m }) => S7(
   "svg",
   {
     ...Pe,
@@ -65,7 +65,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     stroke: d || Pe.stroke,
     "stroke-width": n ? Number(o) * 24 / Number(a) : o,
     ...y,
-    class: ["lucide", `lucide-${X7(t)}`, y?.class || ""],
+    class: ["lucide", `lucide-${K7(t)}`, y?.class || ""],
     ...l
   },
   [
@@ -11931,7 +11931,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
-]), K7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+]), J7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Accessibility: De,
   Activity: Re,
@@ -13249,7 +13249,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
   ZapOff: x7,
   ZoomIn: I7,
   ZoomOut: f7
-}, Symbol.toStringTag, { value: "Module" })), J7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Q7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Accessibility: De,
   AccessibilityIcon: De,
@@ -17310,7 +17310,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
   ZoomInIcon: I7,
   ZoomOut: f7,
   ZoomOutIcon: f7,
-  icons: K7
+  icons: J7
 }, Symbol.toStringTag, { value: "Module" })), B = {
   __name: "Icon",
   props: {
@@ -17327,13 +17327,13 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
   setup(t) {
     const c = t, a = s(() => {
       const n = c.name;
-      return J7[n] || Ae;
+      return Q7[n] || Ae;
     }), o = s(
       () => v("inline-block", c.class)
     );
     return (n, d) => (i(), z(G(a.value), L7({ class: o.value }, n.$attrs), null, 16, ["class"]));
   }
-}, Q7 = ["src", "alt"], Y7 = {
+}, Y7 = ["src", "alt"], e9 = {
   __name: "Avatar",
   props: {
     src: String,
@@ -17401,7 +17401,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         alt: t.alt,
         class: k(d.value),
         onError: m
-      }, null, 42, Q7)) : t.initials ? (i(), r("span", {
+      }, null, 42, Y7)) : t.initials ? (i(), r("span", {
         key: 1,
         class: k(l.value)
       }, I(t.initials), 3)) : (i(), z(B, {
@@ -17411,7 +17411,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       }, null, 8, ["class"]))
     ], 2));
   }
-}, e9 = /* @__PURE__ */ Object.assign({
+}, t9 = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Badge",
@@ -17445,7 +17445,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(a.$slots, "default")
     ], 2));
   }
-}), t9 = ["disabled"], $ = /* @__PURE__ */ Object.assign({
+}), a9 = ["disabled"], $ = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Button",
@@ -17496,9 +17496,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       disabled: t.disabled
     }, a.$attrs), [
       M(a.$slots, "default")
-    ], 16, t9));
+    ], 16, a9));
   }
-}), a9 = { class: "flex items-center space-x-2" }, c9 = ["aria-checked", "disabled"], o9 = {
+}), c9 = { class: "flex items-center space-x-2" }, o9 = ["aria-checked", "disabled"], n9 = {
   __name: "Checkbox",
   props: {
     modelValue: Boolean,
@@ -17539,7 +17539,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     ), m = () => {
       a.disabled || o("update:modelValue", !a.modelValue);
     };
-    return (u, f) => (i(), r("div", a9, [
+    return (u, f) => (i(), r("div", c9, [
       h("button", {
         type: "button",
         role: "checkbox",
@@ -17553,7 +17553,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           name: "Check",
           class: "h-4 w-4 text-primary-foreground"
         })) : p("", !0)
-      ], 10, c9),
+      ], 10, o9),
       t.label ? (i(), r("label", {
         key: 0,
         class: k(y.value),
@@ -17561,7 +17561,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       }, I(t.label), 3)) : p("", !0)
     ]));
   }
-}, n9 = ["role"], i9 = {
+}, i9 = ["role"], d9 = {
   __name: "Divider",
   props: {
     label: String,
@@ -17619,12 +17619,12 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         key: 0,
         class: k(d.value)
       }, I(t.label), 3)) : p("", !0)
-    ], 10, n9));
+    ], 10, i9));
   }
-}, d9 = ["aria-label"], r9 = {
+}, r9 = ["aria-label"], l9 = {
   key: 0,
   class: "sr-only"
-}, T7 = {
+}, R7 = {
   __name: "Spinner",
   props: {
     size: {
@@ -17698,10 +17698,10 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           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)),
-      t.label ? (i(), r("span", r9, I(t.label), 1)) : p("", !0)
-    ], 10, d9));
+      t.label ? (i(), r("span", l9, I(t.label), 1)) : p("", !0)
+    ], 10, r9));
   }
-}, l9 = ["src", "alt", "loading"], h9 = {
+}, h9 = ["src", "alt", "loading"], y9 = {
   __name: "Image",
   props: {
     src: {
@@ -17782,12 +17782,12 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         loading: t.loading,
         onLoad: w,
         onError: q
-      }, null, 42, l9),
+      }, null, 42, h9),
       n.value ? (i(), r("div", {
         key: 0,
         class: k(u.value)
       }, [
-        t.showSpinner ? (i(), z(T7, {
+        t.showSpinner ? (i(), z(R7, {
           key: 0,
           size: "sm"
         })) : p("", !0)
@@ -17804,7 +17804,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ], 2)) : p("", !0)
     ], 2));
   }
-}, R7 = /* @__PURE__ */ Object.assign({
+}, U7 = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Input",
@@ -17816,7 +17816,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       )
     }, c.$attrs), null, 16));
   }
-}), y9 = ["for"], U7 = {
+}), s9 = ["for"], Z7 = {
   __name: "Label",
   props: {
     htmlFor: String,
@@ -17853,9 +17853,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       for: t.htmlFor
     }, [
       M(n.$slots, "default")
-    ], 10, y9));
+    ], 10, s9));
   }
-}, s9 = {
+}, k9 = {
   __name: "Link",
   props: {
     href: String,
@@ -17907,7 +17907,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       _: 3
     }, 16, ["href", "to", "class"]));
   }
-}, k9 = ["src", "alt"], p9 = {
+}, p9 = ["src", "alt"], u9 = {
   __name: "Logo",
   props: {
     src: String,
@@ -17961,13 +17961,13 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         src: t.src,
         alt: t.alt || "Logo",
         class: k(n.value)
-      }, null, 10, k9)) : (i(), r("div", {
+      }, null, 10, p9)) : (i(), r("div", {
         key: 1,
         class: k(d.value)
       }, I(t.text || "Logo"), 3))
     ], 2));
   }
-}, u9 = ["onKeydown", "aria-selected"], v9 = { class: "flex items-center gap-2" }, Z7 = {
+}, v9 = ["onKeydown", "aria-selected"], m9 = { class: "flex items-center gap-2" }, O7 = {
   __name: "Option",
   props: {
     label: {
@@ -18014,13 +18014,13 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       onClick: l,
       onKeydown: [
         z7(l, ["enter"]),
-        z7(_7(l, ["prevent"]), ["space"])
+        z7(G7(l, ["prevent"]), ["space"])
       ],
       tabindex: "0",
       role: "option",
       "aria-selected": t.selected
     }, [
-      h("div", v9, [
+      h("div", m9, [
         t.icon ? (i(), z(B, {
           key: 0,
           name: t.icon,
@@ -18033,9 +18033,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         name: "Check",
         class: "h-4 w-4 text-primary"
       })) : p("", !0)
-    ], 42, u9));
+    ], 42, v9));
   }
-}, m9 = ["aria-valuenow"], M9 = {
+}, M9 = ["aria-valuenow"], x9 = {
   __name: "ProgressBar",
   props: {
     value: {
@@ -18098,19 +18098,19 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     }, [
       h("div", {
         class: k(l.value),
-        style: A7({ width: `${a.value}%` }),
+        style: j7({ width: `${a.value}%` }),
         role: "progressbar",
         "aria-valuenow": a.value,
         "aria-valuemin": 0,
         "aria-valuemax": 100
-      }, null, 14, m9),
+      }, null, 14, M9),
       t.showLabel ? (i(), r("span", {
         key: 0,
         class: k(y.value)
       }, I(a.value) + "% ", 3)) : p("", !0)
     ], 2));
   }
-}, x9 = { class: "flex items-center space-x-2" }, g9 = ["aria-checked", "disabled"], I9 = {
+}, g9 = { class: "flex items-center space-x-2" }, I9 = ["aria-checked", "disabled"], f9 = {
   __name: "Radio",
   props: {
     modelValue: null,
@@ -18162,7 +18162,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     ), u = () => {
       a.disabled || o("update:modelValue", a.value);
     };
-    return (f, w) => (i(), r("div", x9, [
+    return (f, w) => (i(), r("div", g9, [
       h("button", {
         type: "button",
         role: "radio",
@@ -18175,7 +18175,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           key: 0,
           class: k(y.value)
         }, null, 2)) : p("", !0)
-      ], 10, g9),
+      ], 10, I9),
       t.label ? (i(), r("label", {
         key: 0,
         class: k(m.value),
@@ -18183,11 +18183,11 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       }, I(t.label), 3)) : p("", !0)
     ]));
   }
-}, f9 = { class: "relative" }, L9 = ["id", "value", "disabled", "required", "aria-describedby", "aria-invalid"], w9 = {
+}, L9 = { class: "relative" }, w9 = ["id", "value", "disabled", "required", "aria-describedby", "aria-invalid"], b9 = {
   key: 0,
   value: "",
   disabled: ""
-}, b9 = { class: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, O7 = {
+}, C9 = { class: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, $7 = {
   __name: "Select",
   props: {
     modelValue: [String, Number, Boolean],
@@ -18252,7 +18252,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     return c({
       focus: () => l.value?.focus(),
       blur: () => l.value?.blur()
-    }), (b, O) => (i(), r("div", f9, [
+    }), (b, O) => (i(), r("div", L9, [
       h("select", {
         id: t.id || Z(y),
         ref_key: "selectRef",
@@ -18267,17 +18267,17 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         onBlur: u,
         onFocus: f
       }, [
-        t.placeholder ? (i(), r("option", w9, I(t.placeholder), 1)) : p("", !0),
+        t.placeholder ? (i(), r("option", b9, I(t.placeholder), 1)) : p("", !0),
         M(b.$slots, "default")
-      ], 42, L9),
-      h("div", b9, [
+      ], 42, w9),
+      h("div", C9, [
         x(o, {
           class: k(R.value)
         }, null, 8, ["class"])
       ])
     ]));
   }
-}, C9 = ["aria-checked", "disabled"], S9 = {
+}, S9 = ["aria-checked", "disabled"], z9 = {
   __name: "Switch",
   props: {
     modelValue: Boolean,
@@ -18380,9 +18380,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       h("span", {
         class: k(y.value)
       }, null, 2)
-    ], 10, C9));
+    ], 10, S9));
   }
-}, z9 = {
+}, q9 = {
   __name: "Text",
   props: {
     as: {
@@ -18459,7 +18459,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       _: 3
     }, 8, ["class"]));
   }
-}, q9 = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], H9 = {
+}, H9 = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], V9 = {
   __name: "Textarea",
   props: {
     modelValue: { type: String, default: "" },
@@ -18552,9 +18552,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       onBlur: m,
       onFocus: u,
       onKeydown: f
-    }, null, 42, q9));
+    }, null, 42, H9));
   }
-}, V9 = {
+}, A9 = {
   __name: "Tooltip",
   props: {
     content: {
@@ -18640,7 +18640,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       })
     ], 32));
   }
-}, A9 = {
+}, j9 = {
   __name: "Typography",
   props: {
     as: {
@@ -18688,16 +18688,16 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       _: 3
     }, 8, ["class"]));
   }
-}, j9 = { class: "flex items-start gap-3" }, B9 = {
+}, B9 = { class: "flex items-start gap-3" }, F9 = {
   key: 0,
   class: "flex-shrink-0 mt-0.5"
-}, F9 = { class: "flex-1 min-w-0" }, P9 = {
+}, P9 = { class: "flex-1 min-w-0" }, D9 = {
   key: 0,
   class: "font-medium text-sm mb-1"
-}, D9 = {
+}, T9 = {
   key: 1,
   class: "mt-3 flex gap-2"
-}, T9 = ["aria-label"], R9 = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, R9 = ["aria-label"], U9 = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Alert",
   props: {
     variant: {
@@ -18812,14 +18812,14 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           class: k(Z(v)(Z(F)({ variant: t.variant }), b.$attrs.class)),
           role: "alert"
         }, [
-          h("div", j9, [
-            t.showIcon ? (i(), r("div", B9, [
+          h("div", B9, [
+            t.showIcon ? (i(), r("div", F9, [
               (i(), z(G(q.value), {
                 class: k(T.value)
               }, null, 8, ["class"]))
             ])) : p("", !0),
-            h("div", F9, [
-              t.title ? (i(), r("h4", P9, I(t.title), 1)) : p("", !0),
+            h("div", P9, [
+              t.title ? (i(), r("h4", D9, I(t.title), 1)) : p("", !0),
               h("div", {
                 class: k(["text-sm", { "mt-0": !t.title, "mt-1": t.title }])
               }, [
@@ -18827,7 +18827,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
                   H(I(t.message), 1)
                 ])
               ], 2),
-              b.$slots.actions || t.actions.length > 0 ? (i(), r("div", D9, [
+              b.$slots.actions || t.actions.length > 0 ? (i(), r("div", T9, [
                 M(b.$slots, "actions", {}, () => [
                   (i(!0), r(E, null, W(t.actions, (C) => (i(), z($, {
                     key: C.label,
@@ -18850,14 +18850,14 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
               "aria-label": t.dismissLabel
             }, [
               x(w, { class: "w-4 h-4" })
-            ], 10, T9)) : p("", !0)
+            ], 10, R9)) : p("", !0)
           ])
         ], 2)) : p("", !0)
       ]),
       _: 3
     }));
   }
-}), U9 = ["aria-label"], Z9 = { class: "flex items-center space-x-1" }, O9 = {
+}), Z9 = ["aria-label"], O9 = { class: "flex items-center space-x-1" }, $9 = {
   __name: "Breadcrumb",
   props: {
     items: {
@@ -18894,7 +18894,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       "aria-label": t.ariaLabel,
       class: k(["flex", o.value])
     }, [
-      h("ol", Z9, [
+      h("ol", O9, [
         (i(!0), r(E, null, W(t.items, (l, y) => (i(), r("li", {
           key: y,
           class: "flex items-center"
@@ -18919,9 +18919,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           }, null, 8, ["name"])) : p("", !0)
         ]))), 128))
       ])
-    ], 10, U9));
+    ], 10, Z9));
   }
-}, $9 = ["aria-label"], _9 = {
+}, _9 = ["aria-label"], G9 = {
   __name: "ButtonGroup",
   props: {
     orientation: {
@@ -18958,9 +18958,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       "aria-label": t.ariaLabel
     }, [
       M(n.$slots, "default")
-    ], 10, $9));
+    ], 10, _9));
   }
-}, G9 = /* @__PURE__ */ Object.assign({
+}, E9 = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Card",
@@ -18971,7 +18971,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(c.$slots, "default")
     ], 2));
   }
-}), E9 = /* @__PURE__ */ Object.assign({
+}), W9 = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardHeader",
@@ -18982,7 +18982,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(c.$slots, "default")
     ], 2));
   }
-}), W9 = {
+}), N9 = {
   __name: "CardBody",
   props: {
     variant: {
@@ -19009,7 +19009,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(n.$slots, "default")
     ], 2));
   }
-}, N9 = {
+}, X9 = {
   __name: "CardFooter",
   props: {
     variant: {
@@ -19036,7 +19036,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(n.$slots, "default")
     ], 2));
   }
-}, X9 = { class: "relative" }, K9 = ["id", "value", "disabled", "required", "min", "max"], J9 = {
+}, K9 = { class: "relative" }, J9 = ["id", "value", "disabled", "required", "min", "max"], Q9 = {
   __name: "DatePicker",
   props: {
     modelValue: String,
@@ -19077,7 +19077,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     ), o = s(
       () => v(a({ variant: c.variant, size: c.size }))
     );
-    return (n, d) => (i(), r("div", X9, [
+    return (n, d) => (i(), r("div", K9, [
       h("input", {
         id: t.id,
         value: t.modelValue,
@@ -19088,14 +19088,14 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         min: t.min,
         max: t.max,
         onInput: d[0] || (d[0] = (l) => n.$emit("update:modelValue", l.target.value))
-      }, null, 42, K9),
+      }, null, 42, J9),
       x(B, {
         name: "calendar",
         class: "absolute right-3 top-1/2 transform -translate-y-1/2 w-4 h-4 pointer-events-none text-gray-400"
       })
     ]));
   }
-}, Q9 = ["aria-expanded"], Y9 = {
+}, Y9 = ["aria-expanded"], ev = {
   __name: "Dropdown",
   props: {
     triggerText: {
@@ -19148,7 +19148,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     };
     return Be(() => {
       document.addEventListener("click", u);
-    }), j7(() => {
+    }), B7(() => {
       document.removeEventListener("click", u);
     }), (f, w) => (i(), r("div", {
       class: "relative",
@@ -19168,7 +19168,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             class: "ml-2 h-4 w-4"
           })
         ])
-      ], 10, Q9),
+      ], 10, Y9),
       x(N, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
@@ -19191,10 +19191,10 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       })
     ], 512));
   }
-}, ev = {
+}, tv = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, tv = {
+}, av = {
   __name: "DropdownItem",
   props: {
     href: String,
@@ -19238,18 +19238,18 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : p("", !0),
         M(y.$slots, "default"),
-        t.shortcut ? (i(), r("span", ev, I(t.shortcut), 1)) : p("", !0)
+        t.shortcut ? (i(), r("span", tv, I(t.shortcut), 1)) : p("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, av = { class: "w-full" }, cv = ["multiple", "accept"], ov = { class: "flex flex-col items-center justify-center py-6" }, nv = {
+}, cv = { class: "w-full" }, ov = ["multiple", "accept"], nv = { class: "flex flex-col items-center justify-center py-6" }, iv = {
   key: 0,
   class: "text-xs text-muted-foreground mt-1"
-}, iv = {
+}, dv = {
   key: 0,
   class: "mt-4 space-y-2"
-}, dv = { class: "flex items-center space-x-2" }, rv = { class: "text-sm" }, lv = { class: "text-xs text-muted-foreground" }, hv = ["onClick"], yv = {
+}, rv = { class: "flex items-center space-x-2" }, lv = { class: "text-sm" }, hv = { class: "text-xs text-muted-foreground" }, yv = ["onClick"], sv = {
   __name: "FileUpload",
   props: {
     multiple: Boolean,
@@ -19304,7 +19304,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       const P = 1024, A = ["Bytes", "KB", "MB", "GB"], _ = Math.floor(Math.log(C) / Math.log(P));
       return parseFloat((C / Math.pow(P, _)).toFixed(2)) + " " + A[_];
     };
-    return (C, P) => (i(), r("div", av, [
+    return (C, P) => (i(), r("div", cv, [
       h("div", {
         class: k(m.value),
         onDrop: u,
@@ -19321,8 +19321,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           accept: t.accept,
           class: "hidden",
           onChange: T
-        }, null, 40, cv),
-        h("div", ov, [
+        }, null, 40, ov),
+        h("div", nv, [
           x(B, {
             name: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
@@ -19331,21 +19331,21 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             h("span", { class: "font-semibold" }, "Click to upload"),
             H(" or drag and drop ")
           ], -1)),
-          t.accept ? (i(), r("p", nv, I(t.accept), 1)) : p("", !0)
+          t.accept ? (i(), r("p", iv, I(t.accept), 1)) : p("", !0)
         ])
       ], 34),
-      n.value.length > 0 ? (i(), r("div", iv, [
+      n.value.length > 0 ? (i(), r("div", dv, [
         (i(!0), r(E, null, W(n.value, (A, _) => (i(), r("div", {
           key: _,
           class: "flex items-center justify-between p-2 bg-muted rounded-md"
         }, [
-          h("div", dv, [
+          h("div", rv, [
             x(B, {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            h("span", rv, I(A.name), 1),
-            h("span", lv, "(" + I(O(A.size)) + ")", 1)
+            h("span", lv, I(A.name), 1),
+            h("span", hv, "(" + I(O(A.size)) + ")", 1)
           ]),
           h("button", {
             onClick: (Fe) => b(_),
@@ -19355,18 +19355,18 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
               name: "x",
               class: "h-4 w-4"
             })
-          ], 8, hv)
+          ], 8, yv)
         ]))), 128))
       ])) : p("", !0)
     ]));
   }
-}, sv = {
+}, kv = {
   key: 1,
   class: "text-sm text-slate-600"
-}, kv = { class: "relative" }, pv = ["id"], uv = ["id"], vv = {
+}, pv = { class: "relative" }, uv = ["id"], vv = ["id"], mv = {
   key: 0,
   class: "flex items-start gap-2 text-sm text-green-600 mt-1"
-}, mv = {
+}, Mv = {
   __name: "FormField",
   props: {
     id: String,
@@ -19411,7 +19411,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     return (u, f) => (i(), r("div", {
       class: k(m.value)
     }, [
-      t.label ? (i(), z(U7, {
+      t.label ? (i(), z(Z7, {
         key: 0,
         for: n.value,
         required: t.required
@@ -19421,8 +19421,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         ]),
         _: 1
       }, 8, ["for", "required"])) : p("", !0),
-      t.description ? (i(), r("p", sv, I(t.description), 1)) : p("", !0),
-      h("div", kv, [
+      t.description ? (i(), r("p", kv, I(t.description), 1)) : p("", !0),
+      h("div", pv, [
         M(u.$slots, "default", {
           fieldId: n.value,
           hasError: d.value,
@@ -19447,7 +19447,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           }, [
             x(c, { class: "w-4 h-4 flex-shrink-0 mt-0.5" }),
             h("span", null, I(t.error), 1)
-          ], 8, pv)) : p("", !0)
+          ], 8, uv)) : p("", !0)
         ]),
         _: 1
       }),
@@ -19455,7 +19455,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         key: 2,
         id: `${n.value}-help`,
         class: "mt-1 text-sm text-muted-foreground"
-      }, I(t.hint), 9, uv)) : p("", !0),
+      }, I(t.hint), 9, vv)) : p("", !0),
       x(N, {
         "enter-active-class": "transition-all duration-200",
         "enter-from-class": "opacity-0 -translate-y-1",
@@ -19465,7 +19465,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         "leave-to-class": "opacity-0 -translate-y-1"
       }, {
         default: L(() => [
-          t.success && !d.value ? (i(), r("div", vv, [
+          t.success && !d.value ? (i(), r("div", mv, [
             x(a, { class: "w-4 h-4 flex-shrink-0 mt-0.5" }),
             h("span", null, I(t.success), 1)
           ])) : p("", !0)
@@ -19474,13 +19474,13 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       })
     ], 2));
   }
-}, Mv = {
+}, xv = {
   key: 0,
   class: "flex items-center px-3 bg-muted border border-r-0 rounded-l-md"
-}, xv = {
+}, gv = {
   key: 1,
   class: "flex items-center px-3 bg-muted border border-l-0 rounded-r-md"
-}, gv = {
+}, Iv = {
   __name: "InputGroup",
   props: {
     variant: {
@@ -19503,28 +19503,28 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     return (n, d) => (i(), r("div", {
       class: k(o.value)
     }, [
-      n.$slots.prefix ? (i(), r("div", Mv, [
+      n.$slots.prefix ? (i(), r("div", xv, [
         M(n.$slots, "prefix")
       ])) : p("", !0),
       M(n.$slots, "default"),
-      n.$slots.suffix ? (i(), r("div", xv, [
+      n.$slots.suffix ? (i(), r("div", gv, [
         M(n.$slots, "suffix")
       ])) : p("", !0)
     ], 2));
   }
-}, Iv = ["role"], fv = {
+}, fv = ["role"], Lv = {
   key: 0,
   class: "flex-shrink-0"
-}, Lv = { class: "flex-1 min-w-0" }, wv = {
+}, wv = { class: "flex-1 min-w-0" }, bv = {
   key: 0,
   class: "text-sm font-medium text-foreground"
-}, bv = {
+}, Cv = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Cv = {
+}, Sv = {
   key: 1,
   class: "flex-shrink-0"
-}, Sv = {
+}, zv = {
   __name: "ListItem",
   props: {
     title: String,
@@ -19571,7 +19571,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         onClick: m
       }, {
         default: L(() => [
-          u.$slots.icon || t.icon ? (i(), r("div", fv, [
+          u.$slots.icon || t.icon ? (i(), r("div", Lv, [
             M(u.$slots, "icon", {}, () => [
               t.icon ? (i(), z(B, {
                 key: 0,
@@ -19580,23 +19580,23 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
               }, null, 8, ["name"])) : p("", !0)
             ])
           ])) : p("", !0),
-          h("div", Lv, [
-            t.title ? (i(), r("div", wv, I(t.title), 1)) : p("", !0),
-            t.description ? (i(), r("div", bv, I(t.description), 1)) : p("", !0),
+          h("div", wv, [
+            t.title ? (i(), r("div", bv, I(t.title), 1)) : p("", !0),
+            t.description ? (i(), r("div", Cv, I(t.description), 1)) : p("", !0),
             M(u.$slots, "default")
           ]),
-          u.$slots.action ? (i(), r("div", Cv, [
+          u.$slots.action ? (i(), r("div", Sv, [
             M(u.$slots, "action")
           ])) : p("", !0)
         ]),
         _: 3
       }, 8, ["href", "class"]))
-    ], 10, Iv));
+    ], 10, fv));
   }
-}, zv = {
+}, qv = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, qv = {
+}, Hv = {
   __name: "MenuItem",
   props: {
     href: String,
@@ -19641,7 +19641,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : p("", !0),
         M(y.$slots, "default"),
-        t.shortcut ? (i(), r("span", zv, I(t.shortcut), 1)) : p("", !0),
+        t.shortcut ? (i(), r("span", qv, I(t.shortcut), 1)) : p("", !0),
         t.hasSubmenu ? (i(), z(B, {
           key: 2,
           name: "chevron-right",
@@ -19651,7 +19651,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, Hv = { class: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg" }, Vv = {
+}, Vv = { class: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg" }, Av = {
   __name: "Modal",
   props: {
     modelValue: Boolean,
@@ -19680,7 +19680,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           document.removeEventListener("keydown", y);
         };
       }
-    }), (l, y) => (i(), z(B7, { to: "body" }, [
+    }), (l, y) => (i(), z(F7, { to: "body" }, [
       x(N, {
         "enter-active-class": "transition-opacity duration-300",
         "enter-from-class": "opacity-0",
@@ -19695,7 +19695,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
             onClick: d
           }, [
-            h("div", Hv, [
+            h("div", Vv, [
               t.showClose ? (i(), r("button", {
                 key: 0,
                 onClick: n,
@@ -19715,26 +19715,26 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       })
     ]));
   }
-}, Av = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, jv = {
+}, jv = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Bv = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
-}, Bv = {
+}, Fv = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Fv = {
+}, Pv = {
   __name: "ModalHeader",
   props: {
     title: String,
     description: String
   },
   setup(t) {
-    return (c, a) => (i(), r("div", Av, [
-      t.title ? (i(), r("h2", jv, I(t.title), 1)) : p("", !0),
-      t.description ? (i(), r("p", Bv, I(t.description), 1)) : p("", !0),
+    return (c, a) => (i(), r("div", jv, [
+      t.title ? (i(), r("h2", Bv, I(t.title), 1)) : p("", !0),
+      t.description ? (i(), r("p", Fv, I(t.description), 1)) : p("", !0),
       M(c.$slots, "default")
     ]));
   }
-}, Pv = {
+}, Dv = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -19760,7 +19760,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(n.$slots, "default")
     ], 2));
   }
-}, Dv = {
+}, Tv = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -19786,13 +19786,13 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(n.$slots, "default")
     ], 2));
   }
-}, Tv = ["aria-live"], Rv = { class: "flex items-start space-x-3" }, Uv = {
+}, Rv = ["aria-live"], Uv = { class: "flex items-start space-x-3" }, Zv = {
   key: 0,
   class: "flex-shrink-0"
-}, Zv = { class: "flex-1 min-w-0" }, Ov = {
+}, Ov = { class: "flex-1 min-w-0" }, $v = {
   key: 0,
   class: "text-sm font-medium"
-}, $v = {
+}, _v = {
   __name: "Notification",
   props: {
     title: String,
@@ -19868,15 +19868,15 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           role: "alert",
           "aria-live": t.variant === "destructive" ? "assertive" : "polite"
         }, [
-          h("div", Rv, [
-            t.showIcon ? (i(), r("div", Uv, [
+          h("div", Uv, [
+            t.showIcon ? (i(), r("div", Zv, [
               x(B, {
                 name: u.value,
                 class: k(f.value)
               }, null, 8, ["name", "class"])
             ])) : p("", !0),
-            h("div", Zv, [
-              t.title ? (i(), r("div", Ov, I(t.title), 1)) : p("", !0),
+            h("div", Ov, [
+              t.title ? (i(), r("div", $v, I(t.title), 1)) : p("", !0),
               t.message ? (i(), r("div", {
                 key: 1,
                 class: k(["text-sm", { "mt-1": t.title }])
@@ -19894,15 +19894,15 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
               })
             ])) : p("", !0)
           ])
-        ], 10, Tv)) : p("", !0)
+        ], 10, Rv)) : p("", !0)
       ]),
       _: 3
     }));
   }
-}, _v = { class: "fixed top-4 right-4 z-50 flex flex-col space-y-2" }, Gv = ["aria-live"], Ev = { class: "flex items-center space-x-2" }, Wv = { class: "flex-1" }, Nv = {
+}, Gv = { class: "fixed top-4 right-4 z-50 flex flex-col space-y-2" }, Ev = ["aria-live"], Wv = { class: "flex items-center space-x-2" }, Nv = { class: "flex-1" }, Xv = {
   key: 0,
   class: "text-sm font-medium"
-}, Xv = {
+}, Kv = {
   __name: "Toast",
   props: {
     title: String,
@@ -19962,8 +19962,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       a.duration > 0 && setTimeout(() => {
         w();
       }, a.duration);
-    }), (q, F) => (i(), z(B7, { to: "body" }, [
-      h("div", _v, [
+    }), (q, F) => (i(), z(F7, { to: "body" }, [
+      h("div", Gv, [
         x(N, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "transform translate-x-full opacity-0",
@@ -19979,14 +19979,14 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
               role: "alert",
               "aria-live": t.variant === "destructive" ? "assertive" : "polite"
             }, [
-              h("div", Ev, [
+              h("div", Wv, [
                 t.showIcon ? (i(), z(B, {
                   key: 0,
                   name: u.value,
                   class: k(f.value)
                 }, null, 8, ["name", "class"])) : p("", !0),
-                h("div", Wv, [
-                  t.title ? (i(), r("div", Nv, I(t.title), 1)) : p("", !0),
+                h("div", Nv, [
+                  t.title ? (i(), r("div", Xv, I(t.title), 1)) : p("", !0),
                   t.message ? (i(), r("div", {
                     key: 1,
                     class: k(["text-sm", { "mt-1": t.title }])
@@ -20004,32 +20004,32 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
                   })
                 ])) : p("", !0)
               ])
-            ], 10, Gv)) : p("", !0)
+            ], 10, Ev)) : p("", !0)
           ]),
           _: 3
         })
       ])
     ]));
   }
-}, Kv = { class: "relative" }, Jv = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Qv = ["value", "placeholder", "disabled"], Yv = {
+}, Jv = { class: "relative" }, Qv = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Yv = ["value", "placeholder", "disabled"], em = {
   key: 0,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, em = ["aria-label"], tm = {
+}, tm = ["aria-label"], am = {
   key: 1,
   class: "animate-spin"
-}, am = {
+}, cm = {
   key: 0,
   class: "max-h-64 overflow-y-auto"
-}, cm = ["onClick", "onMouseenter"], om = { class: "flex-1 text-left" }, nm = ["innerHTML"], im = ["innerHTML"], dm = {
+}, om = ["onClick", "onMouseenter"], nm = { class: "flex-1 text-left" }, im = ["innerHTML"], dm = ["innerHTML"], rm = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
-}, rm = {
+}, lm = {
   key: 1,
   class: "px-4 py-3 text-sm text-slate-500 text-center"
-}, lm = {
+}, hm = {
   key: 2,
   class: "border-t border-slate-200 p-2"
-}, hm = {
+}, ym = {
   __name: "Search",
   props: {
     modelValue: { type: String, default: "" },
@@ -20136,15 +20136,15 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     ), X = (S) => {
       y.value && !y.value.contains(S.target) && (u.value = !1, f.value = -1);
     };
-    return Be(() => document.addEventListener("click", X)), j7(() => {
+    return Be(() => document.addEventListener("click", X)), B7(() => {
       document.removeEventListener("click", X), w.value && clearTimeout(w.value);
     }), je(() => d.results, () => f.value = -1), (S, D) => (i(), r("div", {
       class: "relative",
       ref_key: "searchRef",
       ref: y
     }, [
-      h("div", Kv, [
-        h("div", Jv, [
+      h("div", Jv, [
+        h("div", Qv, [
           x(a, {
             class: k(Fe.value)
           }, null, 8, ["class"])
@@ -20160,8 +20160,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           onFocus: F,
           onBlur: T,
           onKeydown: O
-        }, null, 42, Qv),
-        t.modelValue || t.loading ? (i(), r("div", Yv, [
+        }, null, 42, Yv),
+        t.modelValue || t.loading ? (i(), r("div", em, [
           !t.loading && t.clearable ? (i(), r("button", {
             key: 0,
             onClick: R,
@@ -20169,7 +20169,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             "aria-label": t.clearLabel
           }, [
             x(o, { class: "w-4 h-4" })
-          ], 8, em)) : t.loading ? (i(), r("div", tm, [
+          ], 8, tm)) : t.loading ? (i(), r("div", am, [
             x(n, { class: "w-4 h-4 text-slate-400" })
           ])) : p("", !0)
         ])) : p("", !0)
@@ -20187,32 +20187,32 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             key: 0,
             class: k(w7.value)
           }, [
-            t.results.length > 0 ? (i(), r("div", am, [
+            t.results.length > 0 ? (i(), r("div", cm, [
               (i(!0), r(E, null, W(t.results, (K, b7) => (i(), r("button", {
                 key: K.id || b7,
                 class: k(j(b7)),
-                onClick: ($7) => b(K),
-                onMouseenter: ($7) => f.value = b7
+                onClick: (_7) => b(K),
+                onMouseenter: (_7) => f.value = b7
               }, [
                 K.icon ? (i(), z(G(K.icon), {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : p("", !0),
-                h("div", om, [
+                h("div", nm, [
                   h("div", {
                     class: "font-medium text-slate-900",
                     innerHTML: C(K.title)
-                  }, null, 8, nm),
+                  }, null, 8, im),
                   K.description ? (i(), r("div", {
                     key: 0,
                     class: "text-sm text-slate-500 truncate",
                     innerHTML: C(K.description)
-                  }, null, 8, im)) : p("", !0)
+                  }, null, 8, dm)) : p("", !0)
                 ]),
-                K.category ? (i(), r("div", dm, I(K.category), 1)) : p("", !0)
-              ], 42, cm))), 128))
-            ])) : t.showNoResults ? (i(), r("div", rm, I(t.noResultsText), 1)) : p("", !0),
-            S.$slots.footer ? (i(), r("div", lm, [
+                K.category ? (i(), r("div", rm, I(K.category), 1)) : p("", !0)
+              ], 42, om))), 128))
+            ])) : t.showNoResults ? (i(), r("div", lm, I(t.noResultsText), 1)) : p("", !0),
+            S.$slots.footer ? (i(), r("div", hm, [
               M(S.$slots, "footer")
             ])) : p("", !0)
           ], 2)) : p("", !0)
@@ -20221,7 +20221,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       })
     ], 512));
   }
-}, ym = { class: "w-full" }, sm = ["min", "max", "step"], km = { class: "flex justify-between text-xs text-slate-500 mt-1" }, pm = {
+}, sm = { class: "w-full" }, km = ["min", "max", "step"], pm = { class: "flex justify-between text-xs text-slate-500 mt-1" }, um = {
   __name: "Slider",
   props: {
     modelValue: { type: Number, default: 0 },
@@ -20238,8 +20238,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     const d = () => {
       o("update:modelValue", Number(n.value));
     };
-    return (l, y) => (i(), r("div", ym, [
-      F7(h("input", {
+    return (l, y) => (i(), r("div", sm, [
+      P7(h("input", {
         type: "range",
         min: t.min,
         max: t.max,
@@ -20247,27 +20247,27 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         "onUpdate:modelValue": y[0] || (y[0] = (m) => n.value = m),
         onInput: d,
         class: "w-full accent-blue-500 cursor-pointer"
-      }, null, 40, sm), [
-        [G7, n.value]
+      }, null, 40, km), [
+        [E7, n.value]
       ]),
-      h("div", km, [
+      h("div", pm, [
         h("span", null, I(t.min), 1),
         h("span", null, I(n.value), 1),
         h("span", null, I(t.max), 1)
       ])
     ]));
   }
-}, um = { class: "flex items-center space-x-4" }, vm = {
+}, vm = { class: "flex items-center space-x-4" }, mm = {
   __name: "Stepper",
   setup(t) {
-    return (c, a) => (i(), r("div", um, [
+    return (c, a) => (i(), r("div", vm, [
       M(c.$slots, "default")
     ]));
   }
-}, mm = { class: "flex items-center" }, Mm = { class: "ml-2" }, xm = { class: "font-medium" }, gm = {
+}, Mm = { class: "flex items-center" }, xm = { class: "ml-2" }, gm = { class: "font-medium" }, Im = {
   key: 0,
   class: "text-sm text-slate-400"
-}, Im = {
+}, fm = {
   __name: "StepperItem",
   props: {
     step: { type: Number, required: !0 },
@@ -20277,7 +20277,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     completed: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (c, a) => (i(), r("div", mm, [
+    return (c, a) => (i(), r("div", Mm, [
       h("div", {
         class: k([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -20286,13 +20286,13 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       }, [
         h("span", null, I(t.step), 1)
       ], 2),
-      h("div", Mm, [
-        h("div", xm, I(t.title), 1),
-        t.description ? (i(), r("div", gm, I(t.description), 1)) : p("", !0)
+      h("div", xm, [
+        h("div", gm, I(t.title), 1),
+        t.description ? (i(), r("div", Im, I(t.description), 1)) : p("", !0)
       ])
     ]));
   }
-}, fm = { class: "flex border-b border-slate-200" }, Lm = ["onClick"], wm = { class: "p-4" }, bm = {
+}, Lm = { class: "flex border-b border-slate-200" }, wm = ["onClick"], bm = { class: "p-4" }, Cm = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 }
@@ -20301,12 +20301,12 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     const a = V(t.defaultIndex), o = V([]), n = (d) => {
       a.value = d;
     };
-    return E7("tabsContext", {
+    return W7("tabsContext", {
       activeIndex: a,
       tabs: o,
       registerTab: (d) => (o.value.push({ label: d }), o.value.length - 1)
     }), (d, l) => (i(), r("div", null, [
-      h("div", fm, [
+      h("div", Lm, [
         (i(!0), r(E, null, W(o.value, (y, m) => (i(), r("button", {
           key: m,
           onClick: (u) => n(m),
@@ -20314,31 +20314,31 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             "px-4 py-2 -mb-px border-b-2 font-medium text-sm transition-colors",
             a.value === m ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
           ])
-        }, I(y.label), 11, Lm))), 128))
+        }, I(y.label), 11, wm))), 128))
       ]),
-      h("div", wm, [
+      h("div", bm, [
         M(d.$slots, "default")
       ])
     ]));
   }
-}, Cm = {
+}, Sm = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 }
   },
   setup(t) {
-    const c = t, a = W7("tabsContext"), o = V(null), n = V(!1);
+    const c = t, a = N7("tabsContext"), o = V(null), n = V(!1);
     return Be(() => {
       o.value = a.registerTab(c.label), n.value = a.activeIndex.value === o.value, watch(a.activeIndex, (d) => {
         n.value = d === o.value;
       });
-    }), (d, l) => F7((i(), r("div", null, [
+    }), (d, l) => P7((i(), r("div", null, [
       M(d.$slots, "default")
     ], 512)), [
-      [N7, n.value]
+      [X7, n.value]
     ]);
   }
-}, Sm = ["aria-expanded", "aria-controls", "id", "onClick"], zm = { class: "flex items-center flex-1 min-w-0" }, qm = { class: "flex-1 text-left" }, Hm = ["id", "aria-labelledby"], Vm = ["innerHTML"], Am = {
+}, zm = ["aria-expanded", "aria-controls", "id", "onClick"], qm = { class: "flex items-center flex-1 min-w-0" }, Hm = { class: "flex-1 text-left" }, Vm = ["id", "aria-labelledby"], Am = ["innerHTML"], jm = {
   __name: "Accordion",
   props: {
     items: {
@@ -20494,12 +20494,12 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           id: `header-${S.id || D}`,
           onClick: (K) => l(D)
         }, [
-          h("div", zm, [
+          h("div", qm, [
             S.icon ? (i(), z(G(S.icon), {
               key: 0,
               class: k(_.value)
             }, null, 8, ["class"])) : p("", !0),
-            h("div", qm, [
+            h("div", Hm, [
               h("h3", {
                 class: k(P.value)
               }, I(S.title), 3),
@@ -20514,7 +20514,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           }, [
             x(a, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, Sm),
+        ], 10, zm),
         x(N, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -20538,16 +20538,16 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
                 S.content ? (i(), r("div", {
                   key: 0,
                   innerHTML: S.content
-                }, null, 8, Vm)) : p("", !0)
+                }, null, 8, Am)) : p("", !0)
               ])
-            ], 10, Hm)) : p("", !0)
+            ], 10, Vm)) : p("", !0)
           ]),
           _: 2
         }, 1024)
       ], 2))), 128))
     ], 2));
   }
-}, jm = {
+}, Bm = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -20639,7 +20639,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       })
     ], 2));
   }
-}, Bm = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, Fm = { class: "flex items-center justify-between mb-4" }, Pm = { class: "text-lg font-semibold text-slate-900" }, Dm = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, Tm = { class: "grid grid-cols-7 gap-y-2 text-center" }, Rm = {
+}, Fm = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, Pm = { class: "flex items-center justify-between mb-4" }, Dm = { class: "text-lg font-semibold text-slate-900" }, Tm = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, Rm = { class: "grid grid-cols-7 gap-y-2 text-center" }, Um = {
   __name: "Calendar",
   emits: ["update:modelValue"],
   setup(t) {
@@ -20677,8 +20677,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     function O(C) {
       l.value = new Date(d.value, n.value, C), emit("update:modelValue", l.value);
     }
-    return (C, P) => (i(), r("div", Bm, [
-      h("div", Fm, [
+    return (C, P) => (i(), r("div", Fm, [
+      h("div", Pm, [
         x($, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: F,
@@ -20689,7 +20689,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           ]),
           _: 1
         }),
-        h("div", Pm, I(m.value) + " " + I(d.value), 1),
+        h("div", Dm, I(m.value) + " " + I(d.value), 1),
         x($, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: T,
@@ -20701,10 +20701,10 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           _: 1
         })
       ]),
-      h("div", Dm, [
+      h("div", Tm, [
         (i(), r(E, null, W(y, (A) => h("div", { key: A }, I(A), 1)), 64))
       ]),
-      h("div", Tm, [
+      h("div", Rm, [
         (i(!0), r(E, null, W(w.value, (A) => (i(), r("div", {
           key: "prev-" + A,
           class: "text-slate-400 text-sm"
@@ -20730,16 +20730,16 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ])
     ]));
   }
-}, Um = {
+}, Zm = {
   key: 0,
   class: "mb-4"
-}, Zm = {
+}, Om = {
   key: 1,
   class: "mb-4"
-}, Om = { class: "rounded-md border" }, $m = { class: "w-full caption-bottom text-sm" }, _m = { class: "[&_tr:last-child]:border-0" }, Gm = {
+}, $m = { class: "rounded-md border" }, _m = { class: "w-full caption-bottom text-sm" }, Gm = { class: "[&_tr:last-child]:border-0" }, Em = {
   key: 2,
   class: "mt-4"
-}, Em = {
+}, Wm = {
   __name: "DataTable",
   props: {
     variant: {
@@ -20763,35 +20763,35 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     return (n, d) => (i(), r("div", {
       class: k(o.value)
     }, [
-      n.$slots.toolbar ? (i(), r("div", Um, [
+      n.$slots.toolbar ? (i(), r("div", Zm, [
         M(n.$slots, "toolbar")
       ])) : p("", !0),
-      n.$slots.filters ? (i(), r("div", Zm, [
+      n.$slots.filters ? (i(), r("div", Om, [
         M(n.$slots, "filters")
       ])) : p("", !0),
-      h("div", Om, [
-        h("table", $m, [
+      h("div", $m, [
+        h("table", _m, [
           M(n.$slots, "header"),
-          h("tbody", _m, [
+          h("tbody", Gm, [
             M(n.$slots, "default")
           ])
         ])
       ]),
-      n.$slots.pagination ? (i(), r("div", Gm, [
+      n.$slots.pagination ? (i(), r("div", Em, [
         M(n.$slots, "pagination")
       ])) : p("", !0)
     ], 2));
   }
-}, Wm = { class: "[&_tr]:border-b" }, Nm = { class: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted" }, Xm = {
+}, Nm = { class: "[&_tr]:border-b" }, Xm = { class: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted" }, Km = {
   __name: "DataTableHeader",
   setup(t) {
-    return (c, a) => (i(), r("thead", Wm, [
-      h("tr", Nm, [
+    return (c, a) => (i(), r("thead", Nm, [
+      h("tr", Xm, [
         M(c.$slots, "default")
       ])
     ]));
   }
-}, Km = ["data-state"], Jm = {
+}, Jm = ["data-state"], Qm = {
   __name: "DataTableRow",
   props: {
     selected: Boolean,
@@ -20834,9 +20834,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       "data-state": t.selected ? "selected" : void 0
     }, [
       M(y.$slots, "default")
-    ], 10, Km));
+    ], 10, Jm));
   }
-}, Qm = {
+}, Ym = {
   __name: "DataTableCell",
   props: {
     tag: {
@@ -20878,7 +20878,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     );
     return (n, d) => (i(), z(G(t.tag), {
       class: k(o.value),
-      style: A7({ width: t.width })
+      style: j7({ width: t.width })
     }, {
       default: L(() => [
         M(n.$slots, "default")
@@ -20886,7 +20886,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       _: 3
     }, 8, ["class", "style"]));
   }
-}, Ym = { class: "flex items-center justify-between px-2" }, eM = { class: "flex-1 text-sm text-muted-foreground" }, tM = { class: "flex items-center space-x-6 lg:space-x-8" }, aM = { class: "flex items-center space-x-2" }, cM = { class: "flex w-[100px] items-center justify-center text-sm font-medium" }, oM = { class: "flex items-center space-x-2" }, nM = {
+}, eM = { class: "flex items-center justify-between px-2" }, tM = { class: "flex-1 text-sm text-muted-foreground" }, aM = { class: "flex items-center space-x-6 lg:space-x-8" }, cM = { class: "flex items-center space-x-2" }, oM = { class: "flex w-[100px] items-center justify-center text-sm font-medium" }, nM = { class: "flex items-center space-x-2" }, iM = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -20917,17 +20917,17 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
   emits: ["page-change", "page-size-change"],
   setup(t, { emit: c }) {
     const a = t, o = c, n = s(() => a.selectedCount > 0 ? `${a.selectedCount} of ${a.totalItems} row(s) selected.` : `${a.totalItems} row(s) total.`), d = () => o("page-change", 1), l = () => o("page-change", a.currentPage - 1), y = () => o("page-change", a.currentPage + 1), m = () => o("page-change", a.totalPages), u = (f) => o("page-size-change", f);
-    return (f, w) => (i(), r("div", Ym, [
-      h("div", eM, I(n.value), 1),
-      h("div", tM, [
-        h("div", aM, [
+    return (f, w) => (i(), r("div", eM, [
+      h("div", tM, I(n.value), 1),
+      h("div", aM, [
+        h("div", cM, [
           w[0] || (w[0] = h("p", { class: "text-sm font-medium" }, "Rows per page", -1)),
-          x(O7, {
+          x($7, {
             "model-value": t.pageSize,
             "onUpdate:modelValue": u
           }, {
             default: L(() => [
-              (i(!0), r(E, null, W(t.pageSizeOptions, (q) => (i(), z(Z7, {
+              (i(!0), r(E, null, W(t.pageSizeOptions, (q) => (i(), z(O7, {
                 key: q,
                 value: q
               }, {
@@ -20940,8 +20940,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             _: 1
           }, 8, ["model-value"])
         ]),
-        h("div", cM, " Page " + I(t.currentPage) + " of " + I(t.totalPages), 1),
-        h("div", oM, [
+        h("div", oM, " Page " + I(t.currentPage) + " of " + I(t.totalPages), 1),
+        h("div", nM, [
           x($, {
             variant: "outline",
             size: "sm",
@@ -20990,7 +20990,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ])
     ]));
   }
-}, iM = { class: "flex flex-1 items-center space-x-2" }, dM = { class: "flex items-center space-x-2" }, rM = {
+}, dM = { class: "flex flex-1 items-center space-x-2" }, rM = { class: "flex items-center space-x-2" }, lM = {
   __name: "DataTableFilters",
   props: {
     searchable: {
@@ -21028,8 +21028,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
     return (m, u) => (i(), r("div", {
       class: k(d.value)
     }, [
-      h("div", iM, [
-        t.searchable ? (i(), z(R7, {
+      h("div", dM, [
+        t.searchable ? (i(), z(U7, {
           key: 0,
           placeholder: t.searchPlaceholder,
           "model-value": t.searchValue,
@@ -21038,7 +21038,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         }, null, 8, ["placeholder", "model-value"])) : p("", !0),
         M(m.$slots, "filters")
       ]),
-      h("div", dM, [
+      h("div", rM, [
         M(m.$slots, "actions"),
         t.hasActiveFilters ? (i(), z($, {
           key: 0,
@@ -21054,10 +21054,10 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ])
     ], 2));
   }
-}, lM = { class: "flex items-center justify-between" }, hM = { class: "flex flex-1 items-center space-x-2" }, yM = {
+}, hM = { class: "flex items-center justify-between" }, yM = { class: "flex flex-1 items-center space-x-2" }, sM = {
   key: 0,
   class: "text-lg font-semibold"
-}, sM = { class: "flex items-center space-x-2" }, kM = {
+}, kM = { class: "flex items-center space-x-2" }, pM = {
   __name: "DataTableToolBar",
   props: {
     title: String,
@@ -21073,12 +21073,12 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
   emits: ["refresh", "export"],
   setup(t, { emit: c }) {
     const a = c, o = () => a("refresh"), n = () => a("export");
-    return (d, l) => (i(), r("div", lM, [
-      h("div", hM, [
-        t.title ? (i(), r("h2", yM, I(t.title), 1)) : p("", !0),
+    return (d, l) => (i(), r("div", hM, [
+      h("div", yM, [
+        t.title ? (i(), r("h2", sM, I(t.title), 1)) : p("", !0),
         M(d.$slots, "title")
       ]),
-      h("div", sM, [
+      h("div", kM, [
         M(d.$slots, "actions"),
         t.showRefresh ? (i(), z($, {
           key: 0,
@@ -21113,7 +21113,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ])
     ]));
   }
-}, pM = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, uM = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, vM = { class: "col-span-1 md:col-span-2" }, mM = { class: "space-y-2" }, MM = { class: "flex space-x-4" }, xM = { class: "flex flex-col md:flex-row justify-between items-center" }, gM = { class: "flex space-x-6 mt-4 md:mt-0" }, IM = {
+}, uM = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, vM = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, mM = { class: "col-span-1 md:col-span-2" }, MM = { class: "space-y-2" }, xM = { class: "flex space-x-4" }, gM = { class: "flex flex-col md:flex-row justify-between items-center" }, IM = { class: "flex space-x-6 mt-4 md:mt-0" }, fM = {
   __name: "Footer",
   props: {
     className: {
@@ -21127,9 +21127,9 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       return i(), r("footer", {
         class: k(Z(v)("bg-gray-50 border-t border-gray-200", t.className))
       }, [
-        h("div", pM, [
-          h("div", uM, [
-            h("div", vM, [
+        h("div", uM, [
+          h("div", vM, [
+            h("div", mM, [
               M(c.$slots, "brand", {}, () => [
                 x(o, { class: "mb-4" }),
                 x(n, { class: "text-gray-600 max-w-md" }, {
@@ -21151,7 +21151,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
                   ])]),
                   _: 1
                 }),
-                h("div", mM, [
+                h("div", MM, [
                   x(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -21193,7 +21193,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
                   ])]),
                   _: 1
                 }),
-                h("div", MM, [
+                h("div", xM, [
                   x(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -21223,7 +21223,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
             ])
           ]),
           x(m, { class: "my-8" }),
-          h("div", xM, [
+          h("div", gM, [
             M(c.$slots, "copyright", {}, () => [
               x(n, { class: "text-gray-600" }, {
                 default: L(() => [
@@ -21233,7 +21233,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
               })
             ]),
             M(c.$slots, "legal", {}, () => [
-              h("div", gM, [
+              h("div", IM, [
                 x(l, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -21259,7 +21259,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ], 2);
     };
   }
-}, fM = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" }, LM = { class: "flex justify-between items-center h-16" }, wM = { class: "flex items-center" }, bM = { class: "hidden md:block" }, CM = { class: "flex items-center space-x-4" }, SM = { class: "md:hidden" }, zM = {
+}, LM = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" }, wM = { class: "flex justify-between items-center h-16" }, bM = { class: "flex items-center" }, CM = { class: "hidden md:block" }, SM = { class: "flex items-center space-x-4" }, zM = { class: "md:hidden" }, qM = {
   __name: "Header",
   props: {
     className: {
@@ -21274,19 +21274,19 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       return i(), r("header", {
         class: k(Z(v)("bg-white border-b border-gray-200 shadow-sm", t.className))
       }, [
-        h("div", fM, [
-          h("div", LM, [
-            h("div", wM, [
+        h("div", LM, [
+          h("div", wM, [
+            h("div", bM, [
               M(c.$slots, "logo", {}, () => [
                 x(o)
               ])
             ]),
-            h("div", bM, [
+            h("div", CM, [
               M(c.$slots, "navigation", {}, () => [
                 x(n)
               ])
             ]),
-            h("div", CM, [
+            h("div", SM, [
               M(c.$slots, "actions", {}, () => [
                 x(d, {
                   variant: "ghost",
@@ -21305,7 +21305,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
                 })
               ])
             ]),
-            h("div", SM, [
+            h("div", zM, [
               M(c.$slots, "mobile-toggle", {}, () => [
                 x(d, {
                   variant: "ghost",
@@ -21327,7 +21327,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ], 2);
     };
   }
-}, qM = { class: "p-6" }, HM = { class: "mb-8" }, VM = { class: "space-y-2" }, AM = { class: "mt-auto pt-8" }, jM = { class: "flex items-center space-x-3" }, BM = {
+}, HM = { class: "p-6" }, VM = { class: "mb-8" }, AM = { class: "space-y-2" }, jM = { class: "mt-auto pt-8" }, BM = { class: "flex items-center space-x-3" }, FM = {
   __name: "Sidebar",
   props: {
     items: {
@@ -21349,21 +21349,21 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       return i(), r("aside", {
         class: k(Z(v)("bg-white border-r border-gray-200 h-full", t.className))
       }, [
-        h("div", qM, [
-          h("div", HM, [
+        h("div", HM, [
+          h("div", VM, [
             M(c.$slots, "header", {}, () => [
               x(o)
             ])
           ]),
-          h("nav", VM, [
+          h("nav", AM, [
             M(c.$slots, "navigation", {}, () => [
               x(n, { items: t.items }, null, 8, ["items"])
             ])
           ]),
-          h("div", AM, [
+          h("div", jM, [
             M(c.$slots, "footer", {}, () => [
               x(d, { class: "mb-4" }),
-              h("div", jM, [
+              h("div", BM, [
                 x(l, { size: "sm" }),
                 h("div", null, [
                   x(y, { class: "text-sm font-medium" }, {
@@ -21386,7 +21386,7 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       ], 2);
     };
   }
-}, FM = {
+}, PM = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -21405,13 +21405,13 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
       M(c.$slots, "default")
     ], 2));
   }
-}, PM = {
+}, DM = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, DM = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, TM = { class: "text-slate-900 font-medium" }, RM = {
+}, TM = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, RM = { class: "text-slate-900 font-medium" }, UM = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, UM = { class: "mt-2 text-slate-600 text-sm" }, ZM = {
+}, ZM = { class: "mt-2 text-slate-600 text-sm" }, OM = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -21435,8 +21435,8 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
         t.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      t.orientation === "vertical" ? (i(), r("div", PM)) : p("", !0),
-      h("div", DM, [
+      t.orientation === "vertical" ? (i(), r("div", DM)) : p("", !0),
+      h("div", TM, [
         M(c.$slots, "icon", {}, () => [
           a[0] || (a[0] = h("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -21447,162 +21447,159 @@ const X7 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), e = (t
           t.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        h("h3", TM, [
+        h("h3", RM, [
           M(c.$slots, "title", {}, () => [
             H(I(t.title), 1)
           ])
         ]),
-        t.subtitle ? (i(), r("p", RM, [
+        t.subtitle ? (i(), r("p", UM, [
           M(c.$slots, "subtitle", {}, () => [
             H(I(t.subtitle), 1)
           ])
         ])) : p("", !0),
-        h("div", UM, [
+        h("div", ZM, [
           M(c.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, $M = {
+}, A7 = {
+  Avatar: e9,
+  Badge: t9,
+  Button: $,
+  Checkbox: n9,
+  Divider: d9,
+  Icon: B,
+  Image: y9,
+  Input: U7,
+  Label: Z7,
+  Link: k9,
+  Logo: u9,
+  Option: O7,
+  ProgressBar: x9,
+  Radio: f9,
+  Select: $7,
+  Spinner: R7,
+  Switch: z9,
+  Text: q9,
+  Textarea: V9,
+  Tooltip: A9,
+  Typography: j9,
+  Alert: U9,
+  Breadcrumb: $9,
+  ButtonGroup: G9,
+  Card: E9,
+  CardHeader: W9,
+  CardBody: N9,
+  CardFooter: X9,
+  DatePicker: Q9,
+  Dropdown: ev,
+  DropdownItem: av,
+  FileUpload: sv,
+  FormField: Mv,
+  InputGroup: Iv,
+  ListItem: zv,
+  MenuItem: Hv,
+  Modal: Av,
+  ModalHeader: Pv,
+  ModalBody: Dv,
+  ModalFooter: Tv,
+  Notification: _v,
+  Toast: Kv,
+  Search: ym,
+  Slider: um,
+  Stepper: mm,
+  StepperItem: fm,
+  Tab: Cm,
+  TabPanel: Sm,
+  Accordion: jm,
+  AccordionItem: Bm,
+  Calendar: Um,
+  DataTable: Wm,
+  DataTableHeader: Km,
+  DataTableRow: Qm,
+  DataTableCell: Ym,
+  DataTablePagination: iM,
+  DataTableFilters: lM,
+  DataTableToolBar: pM,
+  Footer: fM,
+  Header: qM,
+  Sidebar: FM,
+  Timeline: PM,
+  TimelineItem: OM
+}, _M = {
   install(t, c = {}) {
-    const { prefix: a = "", globalComponents: o = !0 } = c;
-    if (o) {
-      const n = {
-        Avatar: Y7,
-        Badge: e9,
-        Button: $,
-        Checkbox: o9,
-        Divider: i9,
-        Icon: B,
-        Image: h9,
-        Input: R7,
-        Label: U7,
-        Link: s9,
-        Logo: p9,
-        Option: Z7,
-        ProgressBar: M9,
-        Radio: I9,
-        Select: O7,
-        Spinner: T7,
-        Switch: S9,
-        Text: z9,
-        Textarea: H9,
-        Tooltip: V9,
-        Typography: A9,
-        Alert: R9,
-        Breadcrumb: O9,
-        ButtonGroup: _9,
-        Card: G9,
-        CardHeader: E9,
-        CardBody: W9,
-        CardFooter: N9,
-        DatePicker: J9,
-        Dropdown: Y9,
-        DropdownItem: tv,
-        FileUpload: yv,
-        FormField: mv,
-        InputGroup: gv,
-        ListItem: Sv,
-        MenuItem: qv,
-        Modal: Vv,
-        ModalHeader: Fv,
-        ModalBody: Pv,
-        ModalFooter: Dv,
-        Notification: $v,
-        Toast: Xv,
-        Search: hm,
-        Slider: pm,
-        Stepper: vm,
-        StepperItem: Im,
-        Tab: bm,
-        TabPanel: Cm,
-        Accordion: Am,
-        AccordionItem: jm,
-        Calendar: Rm,
-        DataTable: Em,
-        DataTableHeader: Xm,
-        DataTableRow: Jm,
-        DataTableCell: Qm,
-        DataTablePagination: nM,
-        DataTableFilters: rM,
-        DataTableToolBar: kM,
-        Footer: IM,
-        Header: zM,
-        Sidebar: BM,
-        Timeline: FM,
-        TimelineItem: ZM
-      };
-      Object.keys(n).forEach((d) => {
-        const l = a ? `${a}${d}` : d;
-        t.component(l, n[d]);
-      });
-    }
+    const { prefix: a = "" } = c;
+    Object.keys(A7).forEach((o) => {
+      const n = a ? `${a}${o}` : o;
+      t.component(n, A7[o]);
+    });
   }
 };
 export {
-  Am as Accordion,
-  jm as AccordionItem,
-  R9 as Alert,
-  Y7 as Avatar,
-  e9 as Badge,
-  O9 as Breadcrumb,
+  jm as Accordion,
+  Bm as AccordionItem,
+  U9 as Alert,
+  e9 as Avatar,
+  t9 as Badge,
+  $9 as Breadcrumb,
   $ as Button,
-  _9 as ButtonGroup,
-  Rm as Calendar,
-  G9 as Card,
-  W9 as CardBody,
-  N9 as CardFooter,
-  E9 as CardHeader,
-  o9 as Checkbox,
-  Em as DataTable,
-  Qm as DataTableCell,
-  rM as DataTableFilters,
-  Xm as DataTableHeader,
-  nM as DataTablePagination,
-  Jm as DataTableRow,
-  kM as DataTableToolBar,
-  J9 as DatePicker,
-  i9 as Divider,
-  Y9 as Dropdown,
-  tv as DropdownItem,
-  yv as FileUpload,
-  IM as Footer,
-  mv as FormField,
-  zM as Header,
+  G9 as ButtonGroup,
+  Um as Calendar,
+  E9 as Card,
+  N9 as CardBody,
+  X9 as CardFooter,
+  W9 as CardHeader,
+  n9 as Checkbox,
+  Wm as DataTable,
+  Ym as DataTableCell,
+  lM as DataTableFilters,
+  Km as DataTableHeader,
+  iM as DataTablePagination,
+  Qm as DataTableRow,
+  pM as DataTableToolBar,
+  Q9 as DatePicker,
+  d9 as Divider,
+  ev as Dropdown,
+  av as DropdownItem,
+  sv as FileUpload,
+  fM as Footer,
+  Mv as FormField,
+  qM as Header,
   B as Icon,
-  h9 as Image,
-  R7 as Input,
-  gv as InputGroup,
-  U7 as Label,
-  s9 as Link,
-  Sv as ListItem,
-  p9 as Logo,
-  qv as MenuItem,
-  Vv as Modal,
-  Pv as ModalBody,
-  Dv as ModalFooter,
-  Fv as ModalHeader,
-  $v as Notification,
-  Z7 as Option,
-  M9 as ProgressBar,
-  I9 as Radio,
-  hm as Search,
-  O7 as Select,
-  BM as Sidebar,
-  pm as Slider,
-  T7 as Spinner,
-  vm as Stepper,
-  Im as StepperItem,
-  S9 as Switch,
-  bm as Tab,
-  Cm as TabPanel,
-  z9 as Text,
-  H9 as Textarea,
-  FM as Timeline,
-  ZM as TimelineItem,
-  Xv as Toast,
-  V9 as Tooltip,
-  A9 as Typography,
-  $M as VueUi,
-  v as cn
+  y9 as Image,
+  U7 as Input,
+  Iv as InputGroup,
+  Z7 as Label,
+  k9 as Link,
+  zv as ListItem,
+  u9 as Logo,
+  Hv as MenuItem,
+  Av as Modal,
+  Dv as ModalBody,
+  Tv as ModalFooter,
+  Pv as ModalHeader,
+  _v as Notification,
+  O7 as Option,
+  x9 as ProgressBar,
+  f9 as Radio,
+  ym as Search,
+  $7 as Select,
+  FM as Sidebar,
+  um as Slider,
+  R7 as Spinner,
+  mm as Stepper,
+  fm as StepperItem,
+  z9 as Switch,
+  Cm as Tab,
+  Sm as TabPanel,
+  q9 as Text,
+  V9 as Textarea,
+  PM as Timeline,
+  OM as TimelineItem,
+  Kv as Toast,
+  A9 as Tooltip,
+  j9 as Typography,
+  v as cn,
+  _M as default
 };