@stlhorizon/vue-ui 1.9.8 → 1.9.9

package/dist/index.esm.js

@@ -2569,7 +2569,7 @@ function Oa(e, a) {
         e.setAttribute(t, y), o && e.removeChild(o);
         var V = Dl(), F = V.extra;
         F.attributes[Pt] = a, Nt(w, z).then(function(re) {
-          var _ = ea(I(I({}, V), {}, {
+          var D = ea(I(I({}, V), {}, {
             icons: {
               main: re,
               mask: Mn()
@@ -2579,7 +2579,7 @@ function Oa(e, a) {
             extra: F,
             watchable: !0
           })), q = ne.createElementNS("http://www.w3.org/2000/svg", "svg");
-          a === "::before" ? e.insertBefore(q, e.firstChild) : e.appendChild(q), q.outerHTML = _.map(function(se) {
+          a === "::before" ? e.insertBefore(q, e.firstChild) : e.appendChild(q), q.outerHTML = D.map(function(se) {
             return Qe(se);
           }).join(`
 `), e.removeAttribute(t), n();
@@ -3120,8 +3120,8 @@ var $o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           V.push(t(w, y[F], L));
       else {
         V = {};
-        for (var _ in y)
-          Object.prototype.hasOwnProperty.call(y, _) && (V[w(_, L)] = t(w, y[_], L));
+        for (var D in y)
+          Object.prototype.hasOwnProperty.call(y, D) && (V[w(D, L)] = t(w, y[D], L));
       }
       return V;
     }, n = function(w, y) {
@@ -7254,7 +7254,7 @@ const td = {
         }
       },
       defaultVariants: { size: "md" }
-    }), F = m(() => x(L({ size: s.size }))), re = m(() => x(V({ size: s.size }))), _ = m(
+    }), F = m(() => x(L({ size: s.size }))), re = m(() => x(V({ size: s.size }))), D = m(
       () => x("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
     ), q = (O) => x(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
@@ -7311,14 +7311,14 @@ const td = {
         default: E(() => [
           v.value && (e.results.length > 0 || e.showNoResults) ? (l(), u("div", {
             key: 0,
-            class: f(_.value)
+            class: f(D.value)
           }, [
             e.results.length > 0 ? (l(), u("div", yd, [
-              (l(!0), u(X, null, J(e.results, (ae, D) => (l(), u("button", {
-                key: ae.id || D,
-                class: f(q(D)),
+              (l(!0), u(X, null, J(e.results, (ae, M) => (l(), u("button", {
+                key: ae.id || M,
+                class: f(q(M)),
                 onClick: (ee) => h(ae),
-                onMouseenter: (ee) => b.value = D
+                onMouseenter: (ee) => b.value = M
               }, [
                 ae.icon ? (l(), R(me(ae.icon), {
                   key: 0,
@@ -7598,7 +7598,7 @@ const td = {
       () => x(B({ size: n.size }))
     ), F = m(
       () => x(z({ size: n.size }))
-    ), re = (q) => x($({ expanded: d(q) })), _ = m(
+    ), re = (q) => x($({ expanded: d(q) })), D = m(
       () => x(k({ size: n.size }))
     );
     return we(
@@ -7652,7 +7652,7 @@ const td = {
           default: E(() => [
             d(U) ? (l(), u("div", {
               key: 0,
-              class: f(_.value),
+              class: f(D.value),
               id: `panel-${O.id || U}`,
               "aria-labelledby": `header-${O.id || U}`,
               role: "region"
@@ -8648,7 +8648,7 @@ const td = {
         (fe) => V(fe) === V(C)
       );
       K > -1 ? j.splice(K, 1) : j.push(C), r("selection-change", j);
-    }, _ = () => {
+    }, D = () => {
       if (n.loading || n.dataLoading) return;
       const C = w.value ? [] : [...z.value];
       r("selection-change", C);
@@ -8662,7 +8662,7 @@ const td = {
       n.paginationLoading || n.loading || (o.value = C, s.value = 1, r("page-size-change", C));
     }, ae = m(
       () => x(v({ variant: n.variant }))
-    ), D = m(
+    ), M = m(
       () => x(b({ variant: n.variant }))
     ), ee = m(
       () => x(S({ variant: n.variant }))
@@ -8707,7 +8707,7 @@ const td = {
         comfortable: "px-8 py-8"
       }[n.density],
       "text-center"
-    )), M = (C, j) => x(
+    )), _ = (C, j) => x(
       {
         "text-blue-600": d.value === C.key && c.value === j,
         "text-slate-300": d.value !== C.key || c.value !== j
@@ -8724,7 +8724,7 @@ const td = {
         O(C);
       },
       selectAll: () => {
-        _();
+        D();
       },
       clearSelection: () => {
         r("selection-change", []);
@@ -8767,7 +8767,7 @@ const td = {
           class: f(["overflow-x-auto", { "opacity-50": e.loading }])
         }, [
           i("table", {
-            class: f(D.value)
+            class: f(M.value)
           }, [
             i("thead", {
               class: f(ee.value)
@@ -8789,7 +8789,7 @@ const td = {
                       modelValue: w.value,
                       indeterminate: y.value,
                       disabled: e.loading || e.dataLoading,
-                      "onUpdate:modelValue": _
+                      "onUpdate:modelValue": D
                     }, null, 8, ["modelValue", "indeterminate", "disabled"]))
                   ])
                 ], 2)) : g("", !0),
@@ -8808,7 +8808,7 @@ const td = {
                       color: e.loadingColor
                     }, null, 8, ["color"])) : K.sortable ? (l(), u("div", kc, [
                       (l(), u("svg", {
-                        class: f([M(K, "asc"), "w-3 h-3 transition-colors"]),
+                        class: f([_(K, "asc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
                         viewBox: "0 0 24 24",
                         "stroke-width": "1.5",
@@ -8821,7 +8821,7 @@ const td = {
                         }, null, -1)
                       ])], 2)),
                       (l(), u("svg", {
-                        class: f([M(K, "desc"), "w-3 h-3 transition-colors"]),
+                        class: f([_(K, "desc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
                         viewBox: "0 0 24 24",
                         "stroke-width": "1.5",
@@ -9194,26 +9194,26 @@ const td = {
         size: "md"
       }
     }), c = (Y) => !!(Y.from || Y.to), v = (Y) => {
-      const M = [...t.dateFilters], C = M.findIndex((j) => j.key === Y);
-      C >= 0 && (M[C] = {
-        ...M[C],
+      const _ = [...t.dateFilters], C = _.findIndex((j) => j.key === Y);
+      C >= 0 && (_[C] = {
+        ..._[C],
         from: "",
         to: ""
-      }, n("update:dateFilters", M));
+      }, n("update:dateFilters", _));
     }, b = (Y) => `text-xs px-2 py-1 rounded ${c(Y) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, S = () => {
       r.value = !r.value;
-    }, B = (Y, M, C) => {
+    }, B = (Y, _, C) => {
       const j = [...t.dateFilters], K = j.findIndex((fe) => fe.key === Y);
       K >= 0 && (j[K] = {
         ...j[K],
-        [M]: C
+        [_]: C
       }, n("update:dateFilters", j));
     }, z = m(() => {
-      const Y = t.searchQuery, M = t.selectedStatus, C = t.dateFrom || t.dateTo, j = t.dateFilters.some((K) => K.from || K.to);
-      return Y || M || C || j;
+      const Y = t.searchQuery, _ = t.selectedStatus, C = t.dateFrom || t.dateTo, j = t.dateFilters.some((K) => K.from || K.to);
+      return Y || _ || C || j;
     }), $ = m(() => {
       let Y = 0;
-      return t.searchQuery && Y++, t.selectedStatus && Y++, (t.dateFrom || t.dateTo) && Y++, Y += t.dateFilters.filter((M) => M.from || M.to).length, Y;
+      return t.searchQuery && Y++, t.selectedStatus && Y++, (t.dateFrom || t.dateTo) && Y++, Y += t.dateFilters.filter((_) => _.from || _.to).length, Y;
     }), k = m(() => {
       const Y = [];
       if (t.searchQuery && t.searchQuery.trim() && Y.push({
@@ -9222,29 +9222,29 @@ const td = {
         value: `"${t.searchQuery}"`,
         icon: "magnifying-glass"
       }), t.selectedStatus) {
-        const M = t.statusOptions.find((C) => C.value === t.selectedStatus);
+        const _ = t.statusOptions.find((C) => C.value === t.selectedStatus);
         Y.push({
           key: "status",
           label: "Status",
-          value: M?.label || t.selectedStatus,
+          value: _?.label || t.selectedStatus,
           icon: "filter"
         });
       }
       if (t.dateFrom || t.dateTo) {
-        let M = "";
-        t.dateFrom && t.dateTo ? M = `${t.dateFrom} to ${t.dateTo}` : t.dateFrom ? M = `From ${t.dateFrom}` : t.dateTo && (M = `Until ${t.dateTo}`), M && Y.push({
+        let _ = "";
+        t.dateFrom && t.dateTo ? _ = `${t.dateFrom} to ${t.dateTo}` : t.dateFrom ? _ = `From ${t.dateFrom}` : t.dateTo && (_ = `Until ${t.dateTo}`), _ && Y.push({
           key: "date",
           label: "Date Range",
-          value: M,
+          value: _,
           icon: "calendar"
         });
       }
-      return t.dateFilters.forEach((M) => {
-        if (M.from || M.to) {
+      return t.dateFilters.forEach((_) => {
+        if (_.from || _.to) {
           let C = "";
-          M.from && M.to ? C = `${M.from} to ${M.to}` : M.from ? C = `From ${M.from}` : M.to && (C = `Until ${M.to}`), C && Y.push({
-            key: `date-${M.key}`,
-            label: M.label,
+          _.from && _.to ? C = `${_.from} to ${_.to}` : _.from ? C = `From ${_.from}` : _.to && (C = `Until ${_.to}`), C && Y.push({
+            key: `date-${_.key}`,
+            label: _.label,
             value: C,
             icon: "calendar"
           });
@@ -9280,7 +9280,7 @@ const td = {
       );
     }), re = m(
       () => "bg-white text-blue-600 text-xs px-1.5 py-0.5 rounded-full min-w-[20px] text-center font-semibold"
-    ), _ = m(
+    ), D = m(
       () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
     ), q = m(
       () => x(o({ size: "md" }), "pl-10 pr-3")
@@ -9292,7 +9292,7 @@ const td = {
       () => "text-gray-400 hover:text-gray-600 p-1.5 hover:bg-gray-200 rounded-full transition-all"
     ), ae = m(
       () => x(d({ variant: "ghost", size: "md" }))
-    ), D = m(
+    ), M = m(
       () => x(d({ variant: "default", size: "lg" }))
     ), ee = m(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
@@ -9304,8 +9304,8 @@ const td = {
       () => "text-blue-600 hover:text-blue-800 ml-1 hover:bg-blue-100 rounded-full p-0.5 transition-all"
     ), ze = () => {
       n("update:searchQuery", ""), n("update:selectedStatus", ""), n("update:dateFrom", ""), n("update:dateTo", "");
-      const Y = t.dateFilters.map((M) => ({
-        ...M,
+      const Y = t.dateFilters.map((_) => ({
+        ..._,
         from: "",
         to: ""
       }));
@@ -9323,15 +9323,15 @@ const td = {
           break;
         default:
           if (Y.startsWith("date-")) {
-            const M = Y.replace("date-", ""), C = t.dateFilters.map(
-              (j) => j.key === M ? { ...j, from: "", to: "" } : j
+            const _ = Y.replace("date-", ""), C = t.dateFilters.map(
+              (j) => j.key === _ ? { ...j, from: "", to: "" } : j
             );
             n("update:dateFilters", C);
           }
           break;
       }
     };
-    return (Y, M) => {
+    return (Y, _) => {
       const C = oe("font-awesome-icon");
       return l(), u("div", Oc, [
         i("div", {
@@ -9345,13 +9345,13 @@ const td = {
               }, null, 8, ["class"]),
               i("input", {
                 "model-value": e.searchQuery,
-                onInput: M[0] || (M[0] = (j) => Y.$emit("update:searchQuery", j.target.value)),
+                onInput: _[0] || (_[0] = (j) => Y.$emit("update:searchQuery", j.target.value)),
                 placeholder: e.searchPlaceholder,
                 class: f(y.value)
               }, null, 42, Vc),
               e.searchQuery ? (l(), u("button", {
                 key: 0,
-                onClick: M[1] || (M[1] = (j) => Y.$emit("update:searchQuery", "")),
+                onClick: _[1] || (_[1] = (j) => Y.$emit("update:searchQuery", "")),
                 class: f(L.value)
               }, [
                 A(C, {
@@ -9365,11 +9365,11 @@ const td = {
             i("div", Ec, [
               A(sa, {
                 "model-value": e.selectedStatus,
-                onChange: M[2] || (M[2] = (j) => Y.$emit("update:selectedStatus", j.target.value)),
+                onChange: _[2] || (_[2] = (j) => Y.$emit("update:selectedStatus", j.target.value)),
                 class: f(V.value)
               }, {
                 default: E(() => [
-                  M[5] || (M[5] = i("option", { value: "" }, "All Status", -1)),
+                  _[5] || (_[5] = i("option", { value: "" }, "All Status", -1)),
                   (l(!0), u(X, null, J(e.statusOptions, (j) => (l(), u("option", {
                     key: j.value,
                     value: j.value
@@ -9391,7 +9391,7 @@ const td = {
               icon: "filter",
               class: "w-4 h-4"
             }),
-            M[6] || (M[6] = G(" Filters ", -1)),
+            _[6] || (_[6] = G(" Filters ", -1)),
             $.value > 0 ? (l(), u("span", {
               key: 0,
               class: f(re.value)
@@ -9415,21 +9415,21 @@ const td = {
                   icon: "rotate-left",
                   class: "w-4 h-4 mr-2"
                 }),
-                M[7] || (M[7] = G(" Clear All ", -1))
+                _[7] || (_[7] = G(" Clear All ", -1))
               ]),
               _: 1
             }, 8, ["class"])) : g("", !0),
             e.showExport ? (l(), R(xe, {
               key: 1,
-              onClick: M[3] || (M[3] = (j) => Y.$emit("export")),
-              class: f(D.value)
+              onClick: _[3] || (_[3] = (j) => Y.$emit("export")),
+              class: f(M.value)
             }, {
               default: E(() => [
                 A(C, {
                   icon: "download",
                   class: "w-4 h-4 mr-2"
                 }),
-                M[8] || (M[8] = G(" Export ", -1))
+                _[8] || (_[8] = G(" Export ", -1))
               ]),
               _: 1
             }, 8, ["class"])) : g("", !0),
@@ -9438,14 +9438,14 @@ const td = {
                 key: 0,
                 variant: "success",
                 size: "lg",
-                onClick: M[4] || (M[4] = (j) => Y.$emit("add"))
+                onClick: _[4] || (_[4] = (j) => Y.$emit("add"))
               }, {
                 default: E(() => [
                   A(C, {
                     icon: "plus",
                     class: "w-4 h-4 mr-2"
                   }),
-                  M[9] || (M[9] = G(" Add ", -1))
+                  _[9] || (_[9] = G(" Add ", -1))
                 ]),
                 _: 1
               })) : g("", !0)
@@ -9454,7 +9454,7 @@ const td = {
         ], 2),
         r.value && e.dateFilters.length > 0 ? (l(), u("div", {
           key: 0,
-          class: f(_.value)
+          class: f(D.value)
         }, [
           i("div", Rc, [
             (l(!0), u(X, null, J(e.dateFilters, (j) => (l(), u("div", {
@@ -9690,7 +9690,7 @@ const td = {
       () => "text-sm text-slate-700 flex-1 select-none"
     ), re = (ee) => {
       s.value && o.value && !s.value.contains(ee.target) && !o.value.contains(ee.target) && (r.value = !1);
-    }, _ = () => {
+    }, D = () => {
       r.value = !r.value;
     }, q = (ee) => x(b({ variant: ee.variant || "secondary" })), se = (ee) => {
       let le = "middle";
@@ -9702,7 +9702,7 @@ const td = {
       state: t.isRefreshing ? "refreshing" : "normal"
     })), U = () => x("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), ae = (ee) => t.visibleColumns.includes(ee), D = (ee, le) => {
+    }), ae = (ee) => t.visibleColumns.includes(ee), M = (ee, le) => {
       n("toggle-column", { column: ee, visible: le });
     };
     return Te(() => {
@@ -9759,7 +9759,7 @@ const td = {
           ], 2)) : g("", !0),
           e.showColumnToggle ? (l(), u("div", cf, [
             i("button", {
-              onClick: oa(_, ["stop"]),
+              onClick: oa(D, ["stop"]),
               class: f(h.value),
               type: "button",
               ref_key: "columnToggleButton",
@@ -9791,7 +9791,7 @@ const td = {
                       i("input", {
                         type: "checkbox",
                         checked: ae(te.key),
-                        onChange: (ze) => D(te.key, ze.target.checked),
+                        onChange: (ze) => M(te.key, ze.target.checked),
                         class: f(V.value)
                       }, null, 42, vf),
                       i("span", {
@@ -10062,7 +10062,7 @@ const td = {
           i("div", Nf, [
             v.value ? (l(), u("button", {
               key: 0,
-              onClick: F[0] || (F[0] = (_) => n("toggle-mobile-sidebar")),
+              onClick: F[0] || (F[0] = (D) => n("toggle-mobile-sidebar")),
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors"
             }, [...F[5] || (F[5] = [
               i("svg", {
@@ -10099,18 +10099,18 @@ const td = {
                 type: "text",
                 placeholder: "Search...",
                 class: "pl-10 pr-4 py-2 w-48 md:w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none",
-                "onUpdate:modelValue": F[1] || (F[1] = (_) => r.value = _)
+                "onUpdate:modelValue": F[1] || (F[1] = (D) => r.value = D)
               }, null, 512), [
                 [qa, r.value]
               ]),
               v.value ? (l(), u("button", {
                 key: 0,
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
-                onClick: F[2] || (F[2] = (_) => c.value = !1)
+                onClick: F[2] || (F[2] = (D) => c.value = !1)
               }, " ✕ ")) : g("", !0)
             ])) : v.value ? (l(), u("button", {
               key: 2,
-              onClick: F[3] || (F[3] = (_) => c.value = !0),
+              onClick: F[3] || (F[3] = (D) => c.value = !0),
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors"
             }, [...F[7] || (F[7] = [
               i("svg", {
@@ -10166,15 +10166,15 @@ const td = {
                     i("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
                   ], -1)),
                   i("div", Df, [
-                    (l(!0), u(X, null, J(e.notifications, (_) => (l(), u("div", {
-                      key: _.id,
+                    (l(!0), u(X, null, J(e.notifications, (D) => (l(), u("div", {
+                      key: D.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                     }, [
                       i("div", Rf, [
                         F[9] || (F[9] = i("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
                         i("div", Wf, [
-                          i("p", Hf, p(_.title), 1),
-                          i("p", qf, p(_.time), 1)
+                          i("p", Hf, p(D.title), 1),
+                          i("p", qf, p(D.time), 1)
                         ])
                       ])
                     ]))), 128))
@@ -10227,53 +10227,53 @@ const td = {
                       i("p", tm, p(e.user.email), 1)
                     ]),
                     i("div", am, [
-                      (l(!0), u(X, null, J(e.profileMenuItems, (_) => (l(), u(X, {
-                        key: _.name
+                      (l(!0), u(X, null, J(e.profileMenuItems, (D) => (l(), u(X, {
+                        key: D.name
                       }, [
-                        _.route ? (l(), R(re, {
+                        D.route ? (l(), R(re, {
                           key: 0,
-                          to: _.route,
+                          to: D.route,
                           class: f(N(x)(
                             "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                            k(_) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                            k(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                           )),
-                          onClick: (q) => $(_)
+                          onClick: (q) => $(D)
                         }, {
                           default: E(() => [
-                            k(_) ? (l(), u("div", nm)) : g("", !0),
+                            k(D) ? (l(), u("div", nm)) : g("", !0),
                             i("div", {
                               class: f(N(x)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                                k(_) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                                k(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                               ))
                             }, [
-                              _.icon ? (l(), R(Z, {
+                              D.icon ? (l(), R(Z, {
                                 key: 0,
-                                icon: _.icon,
+                                icon: D.icon,
                                 class: "w-4 h-4"
                               }, null, 8, ["icon"])) : g("", !0)
                             ], 2),
                             i("span", {
                               class: f(N(x)(
                                 "flex-1 truncate font-semibold",
-                                k(_) ? "text-blue-700" : "text-gray-700"
+                                k(D) ? "text-blue-700" : "text-gray-700"
                               ))
-                            }, p(_.label), 3)
+                            }, p(D.label), 3)
                           ]),
                           _: 2
                         }, 1032, ["to", "class", "onClick"])) : (l(), u("button", {
                           key: 1,
-                          onClick: (q) => h(_),
+                          onClick: (q) => h(D),
                           class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                         }, [
                           i("div", sm, [
-                            _.icon ? (l(), R(Z, {
+                            D.icon ? (l(), R(Z, {
                               key: 0,
-                              icon: _.icon,
+                              icon: D.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : g("", !0)
                           ]),
-                          i("span", lm, p(_.label), 1)
+                          i("span", lm, p(D.label), 1)
                         ], 8, rm))
                       ], 64))), 128))
                     ]),
@@ -10388,7 +10388,9 @@ const td = {
       let O = n.sidebarWidth;
       return o.value && (O += 256), c.value && (O += 256), O;
     }), z = (O) => {
-      r("navigate", O), s.value && $(), o.value && d.value && d.value.subItems.some((U) => U.route === O.route) || V();
+      r("navigate", O), s.value && $();
+      const U = o.value && d.value && d.value.subItems.some((M) => M.route === O.route), ae = c.value && n.managementSettings.some((M) => M.route === O.route);
+      U || ae || V();
     }, $ = () => {
       r("update:mobileOpen", !1);
     }, k = (O) => O.subItems && O.subItems.length > 0, h = (O) => {
@@ -10409,7 +10411,7 @@ const td = {
       z(O);
     }, re = (O) => {
       z(O);
-    }, _ = (O) => {
+    }, D = (O) => {
       const U = n.currentPath;
       return O.route ? !!(U === O.route || U.startsWith(O.route + "/")) : O.subItems && O.subItems.length > 0 ? O.subItems.some((ae) => ae.route ? U === ae.route || U.startsWith(ae.route + "/") : !1) : !1;
     }, q = () => {
@@ -10482,45 +10484,45 @@ const td = {
           ])) : g("", !0),
           i("nav", dm, [
             i("div", cm, [
-              (l(!0), u(X, null, J(e.navigationItems, (D) => (l(), u(X, {
-                key: D.name || D.label
+              (l(!0), u(X, null, J(e.navigationItems, (M) => (l(), u(X, {
+                key: M.name || M.label
               }, [
-                D.type === "link" ? (l(), u("div", fm, [
-                  k(D) ? (l(), u("div", {
+                M.type === "link" ? (l(), u("div", fm, [
+                  k(M) ? (l(), u("div", {
                     key: 1,
-                    onClick: (ee) => h(D),
+                    onClick: (ee) => h(M),
                     class: f(N(x)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      _(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     ))
                   }, [
                     i("div", {
                       class: f(N(x)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        _(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                        D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                       ))
                     }, [
                       A(Z, {
-                        icon: D.icon,
+                        icon: M.icon,
                         class: "w-6 h-6"
                       }, null, 8, ["icon"])
                     ], 2),
                     i("span", {
                       class: f(N(x)(
                         "text-xs font-medium text-center",
-                        _(D) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                        D(M) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
-                    }, p(D.label), 3),
-                    D.badge ? (l(), u("span", vm, p(D.badge), 1)) : g("", !0),
-                    _(D) && k(D) ? (l(), u("div", bm)) : g("", !0)
+                    }, p(M.label), 3),
+                    M.badge ? (l(), u("span", vm, p(M.badge), 1)) : g("", !0),
+                    D(M) && k(M) ? (l(), u("div", bm)) : g("", !0)
                   ], 10, gm)) : (l(), R(ae, {
                     key: 0,
-                    to: D.route,
-                    onClick: (ee) => z(D),
+                    to: M.route,
+                    onClick: (ee) => z(M),
                     class: f(N(x)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      _(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     ))
                   }, {
                     default: E(() => [
@@ -10528,21 +10530,21 @@ const td = {
                         class: f(N(x)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          _(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                          D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                         ))
                       }, [
                         A(Z, {
-                          icon: D.icon,
+                          icon: M.icon,
                           class: "w-6 h-6"
                         }, null, 8, ["icon"])
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "text-xs font-medium text-center",
-                          _(D) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                          D(M) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
-                      }, p(D.label), 3),
-                      D.badge ? (l(), u("span", mm, p(D.badge), 1)) : g("", !0)
+                      }, p(M.label), 3),
+                      M.badge ? (l(), u("span", mm, p(M.badge), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))
@@ -10625,40 +10627,40 @@ const td = {
               ]),
               i("nav", km, [
                 i("div", Sm, [
-                  (l(!0), u(X, null, J(d.value?.subItems, (D) => (l(), R(ae, {
-                    key: D.name,
-                    to: D.route,
-                    onClick: (ee) => F(D),
+                  (l(!0), u(X, null, J(d.value?.subItems, (M) => (l(), R(ae, {
+                    key: M.name,
+                    to: M.route,
+                    onClick: (ee) => F(M),
                     class: f(
                       N(x)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        _(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     )
                   }, {
                     default: E(() => [
-                      _(D) ? (l(), u("div", Cm)) : g("", !0),
+                      D(M) ? (l(), u("div", Cm)) : g("", !0),
                       i("div", {
                         class: f(
                           N(x)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            _(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
-                        D.icon ? (l(), R(Z, {
+                        M.icon ? (l(), R(Z, {
                           key: 0,
-                          icon: D.icon,
+                          icon: M.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : g("", !0)
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "flex-1 truncate font-semibold",
-                          _(D) ? "text-blue-700" : "text-gray-700"
+                          D(M) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, p(D.label), 3),
-                      D.badge ? (l(), u("span", $m, p(D.badge), 1)) : g("", !0)
+                      }, p(M.label), 3),
+                      M.badge ? (l(), u("span", $m, p(M.badge), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))), 128))
@@ -10713,39 +10715,39 @@ const td = {
               ]),
               i("nav", zm, [
                 i("div", Am, [
-                  (l(!0), u(X, null, J(e.managementSettings, (D) => (l(), R(ae, {
-                    key: D.name,
-                    to: D.route,
-                    onClick: (ee) => re(D),
+                  (l(!0), u(X, null, J(e.managementSettings, (M) => (l(), R(ae, {
+                    key: M.name,
+                    to: M.route,
+                    onClick: (ee) => re(M),
                     class: f(
                       N(x)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        _(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     )
                   }, {
                     default: E(() => [
-                      _(D) ? (l(), u("div", Im)) : g("", !0),
+                      D(M) ? (l(), u("div", Im)) : g("", !0),
                       i("div", {
                         class: f(
                           N(x)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            _(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
-                        D.icon ? (l(), R(Z, {
+                        M.icon ? (l(), R(Z, {
                           key: 0,
-                          icon: D.icon,
+                          icon: M.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : g("", !0)
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "flex-1 truncate font-semibold",
-                          _(D) ? "text-blue-700" : "text-gray-700"
+                          D(M) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, p(D.label), 3)
+                      }, p(M.label), 3)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))), 128))
@@ -11346,7 +11348,7 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
       "w-full max-w-2xl mx-auto text-center"
     ]), re = m(() => [
       "mb-8"
-    ]), _ = m(() => [
+    ]), D = m(() => [
       "space-y-8"
     ]), q = m(() => [
       "flex justify-center mb-6"
@@ -11358,7 +11360,7 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
       "text-6xl font-bold text-slate-300 mb-4"
     ]), ae = m(() => [
       "text-3xl font-bold text-slate-900"
-    ]), D = m(() => [
+    ]), M = m(() => [
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), ee = m(() => [
       "mt-8"
@@ -11389,13 +11391,13 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
       backgroundClasses: V,
       contentClasses: F,
       headerClasses: re,
-      errorContentClasses: _,
+      errorContentClasses: D,
       illustrationClasses: q,
       iconContainerClasses: se,
       detailsClasses: O,
       codeClasses: U,
       titleClasses: ae,
-      messageClasses: D,
+      messageClasses: M,
       actionsClasses: ee,
       additionalInfoClasses: le,
       helpClasses: ye