@aures5g/vue-component-library 3.17.0 → 3.18.0

package/dist/vue-component-library.js

@@ -1,4 +1,4 @@
-import { ref as J, readonly as Jo, getCurrentInstance as fn, onMounted as er, nextTick as tr, watch as me, reactive as it, mergeProps as z, inject as nr, defineComponent as M, computed as j, useSlots as re, openBlock as f, createElementBlock as b, normalizeClass as v, createElementVNode as m, unref as d, renderSlot as x, createBlock as I, createCommentVNode as y, toDisplayString as P, useId as or, createTextVNode as Re, resolveComponent as gn, resolveDirective as et, withDirectives as pe, resolveDynamicComponent as Qt, withCtx as Z, onUpdated as rr, defineAsyncComponent as an, createVNode as G, Fragment as Q, renderList as oe, shallowRef as ar, Transition as ir, useModel as de, mergeModels as le, useAttrs as _e, h as Jt, vModelDynamic as ln, withModifiers as qe, normalizeStyle as Ee, mergeDefaults as Vt, useTemplateRef as Pe, createSlots as Ut, vModelText as lr, Teleport as to, watchEffect as sr, withKeys as Kt, vShow as ur } from "vue";
+import { ref as J, readonly as Jo, getCurrentInstance as fn, onMounted as er, nextTick as tr, watch as me, reactive as it, mergeProps as z, inject as nr, defineComponent as M, computed as j, useSlots as re, openBlock as f, createElementBlock as b, normalizeClass as v, createElementVNode as m, unref as d, renderSlot as x, createBlock as I, createCommentVNode as y, toDisplayString as P, useId as or, createTextVNode as Re, resolveComponent as gn, resolveDirective as et, withDirectives as pe, resolveDynamicComponent as Qt, withCtx as Z, onUpdated as rr, defineAsyncComponent as an, createVNode as G, Fragment as X, renderList as te, shallowRef as ar, Transition as ir, useModel as de, mergeModels as le, useAttrs as _e, h as Jt, vModelDynamic as ln, withModifiers as qe, normalizeStyle as Ee, mergeDefaults as Vt, useTemplateRef as Pe, createSlots as Ut, vModelText as lr, Teleport as to, watchEffect as sr, withKeys as Kt, vShow as ur } from "vue";
 import { FontAwesomeIcon as U } from "@fortawesome/vue-fontawesome";
 import { faChevronsLeft as dr, faCheck as Rt, faCopy as cr, faSquareMinus as pr, faSquareCheck as fr, faXmark as $t, faExclamationCircle as gr, faArrowLeft as mr, faChevronUp as br, faChevronDown as hr, faCircleSortUp as vr, faCircleSortDown as yr } from "@awesome.me/kit-bccbe657bb/icons/sharp/solid";
 import { faAaaLogoShort as $r, faAaaAutoSymbol as St, faKupujemeAutaLogoShort as wr, faAaaAutoDiskontSymbol as mn, faMototechnaSymbol as _t, faAutosplatkySymbol as xr } from "@awesome.me/kit-bccbe657bb/icons/kit/custom";
@@ -298,7 +298,7 @@ var wn = Xr(), qr = Object.defineProperty, Qr = Object.defineProperties, Jr = Ob
   for (var o in t) fo.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
   if (t != null && jt) for (var o of jt(t)) e.indexOf(o) < 0 && go.call(t, o) && (n[o] = t[o]);
   return n;
-}, ea = io(), te = ea, tn = /{([^}]*)}/g, ta = /(\d+\s+[\+\-\*\/]\s+\d+)/g, na = /var\([^)]+\)/g;
+}, ea = io(), ne = ea, tn = /{([^}]*)}/g, ta = /(\d+\s+[\+\-\*\/]\s+\d+)/g, na = /var\([^)]+\)/g;
 function oa(t) {
   return Se(t) && t.hasOwnProperty("$value") && t.hasOwnProperty("$type") ? t.$value : t;
 }
@@ -426,7 +426,7 @@ var fe = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
   var a, i, s, l, u, c, p;
   let { preset: g, options: h } = e, w, E, O, L, B, N, S;
   if (W(g) && h.transform !== "strict") {
-    let { primitive: C, semantic: V, extend: k } = g, X = V || {}, { colorScheme: A } = X, _ = we(X, ["colorScheme"]), $ = k || {}, { colorScheme: T } = $, H = we($, ["colorScheme"]), ee = A || {}, { dark: ye } = ee, Fe = we(ee, ["dark"]), Ne = T || {}, { dark: ze } = Ne, He = we(Ne, ["dark"]), $e = W(C) ? this._toVariables({ primitive: C }, h) : {}, be = W(_) ? this._toVariables({ semantic: _ }, h) : {}, Be = W(Fe) ? this._toVariables({ light: Fe }, h) : {}, xt = W(ye) ? this._toVariables({ dark: ye }, h) : {}, We = W(H) ? this._toVariables({ semantic: H }, h) : {}, cn = W(He) ? this._toVariables({ light: He }, h) : {}, pn = W(ze) ? this._toVariables({ dark: ze }, h) : {}, [No, Bo] = [(a = $e.declarations) != null ? a : "", $e.tokens], [Mo, jo] = [(i = be.declarations) != null ? i : "", be.tokens || []], [Vo, Uo] = [(s = Be.declarations) != null ? s : "", Be.tokens || []], [Ro, Fo] = [(l = xt.declarations) != null ? l : "", xt.tokens || []], [zo, Ho] = [(u = We.declarations) != null ? u : "", We.tokens || []], [Wo, Ko] = [(c = cn.declarations) != null ? c : "", cn.tokens || []], [Go, Yo] = [(p = pn.declarations) != null ? p : "", pn.tokens || []];
+    let { primitive: C, semantic: V, extend: k } = g, q = V || {}, { colorScheme: A } = q, _ = we(q, ["colorScheme"]), $ = k || {}, { colorScheme: T } = $, H = we($, ["colorScheme"]), ee = A || {}, { dark: ye } = ee, Fe = we(ee, ["dark"]), Ne = T || {}, { dark: ze } = Ne, He = we(Ne, ["dark"]), $e = W(C) ? this._toVariables({ primitive: C }, h) : {}, be = W(_) ? this._toVariables({ semantic: _ }, h) : {}, Be = W(Fe) ? this._toVariables({ light: Fe }, h) : {}, xt = W(ye) ? this._toVariables({ dark: ye }, h) : {}, We = W(H) ? this._toVariables({ semantic: H }, h) : {}, cn = W(He) ? this._toVariables({ light: He }, h) : {}, pn = W(ze) ? this._toVariables({ dark: ze }, h) : {}, [No, Bo] = [(a = $e.declarations) != null ? a : "", $e.tokens], [Mo, jo] = [(i = be.declarations) != null ? i : "", be.tokens || []], [Vo, Uo] = [(s = Be.declarations) != null ? s : "", Be.tokens || []], [Ro, Fo] = [(l = xt.declarations) != null ? l : "", xt.tokens || []], [zo, Ho] = [(u = We.declarations) != null ? u : "", We.tokens || []], [Wo, Ko] = [(c = cn.declarations) != null ? c : "", cn.tokens || []], [Go, Yo] = [(p = pn.declarations) != null ? p : "", pn.tokens || []];
     w = this.transformCSS(t, No, "light", "variable", h, o, r), E = Bo;
     let Zo = this.transformCSS(t, `${Mo}${Vo}`, "light", "variable", h, o, r), Xo = this.transformCSS(t, `${Ro}`, "dark", "variable", h, o, r);
     O = `${Zo}${Xo}`, L = [.../* @__PURE__ */ new Set([...jo, ...Uo, ...Fo])];
@@ -438,7 +438,7 @@ var fe = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
   var s, l, u;
   let c, p, g;
   if (W(e) && n.transform !== "strict") {
-    let h = t.replace("-directive", ""), w = e, { colorScheme: E, extend: O, css: L } = w, B = we(w, ["colorScheme", "extend", "css"]), N = O || {}, { colorScheme: S } = N, C = we(N, ["colorScheme"]), V = E || {}, { dark: k } = V, X = we(V, ["dark"]), A = S || {}, { dark: _ } = A, $ = we(A, ["dark"]), T = W(B) ? this._toVariables({ [h]: ge(ge({}, B), C) }, n) : {}, H = W(X) ? this._toVariables({ [h]: ge(ge({}, X), $) }, n) : {}, ee = W(k) ? this._toVariables({ [h]: ge(ge({}, k), _) }, n) : {}, [ye, Fe] = [(s = T.declarations) != null ? s : "", T.tokens || []], [Ne, ze] = [(l = H.declarations) != null ? l : "", H.tokens || []], [He, $e] = [(u = ee.declarations) != null ? u : "", ee.tokens || []], be = this.transformCSS(h, `${ye}${Ne}`, "light", "variable", n, r, a, i), Be = this.transformCSS(h, He, "dark", "variable", n, r, a, i);
+    let h = t.replace("-directive", ""), w = e, { colorScheme: E, extend: O, css: L } = w, B = we(w, ["colorScheme", "extend", "css"]), N = O || {}, { colorScheme: S } = N, C = we(N, ["colorScheme"]), V = E || {}, { dark: k } = V, q = we(V, ["dark"]), A = S || {}, { dark: _ } = A, $ = we(A, ["dark"]), T = W(B) ? this._toVariables({ [h]: ge(ge({}, B), C) }, n) : {}, H = W(q) ? this._toVariables({ [h]: ge(ge({}, q), $) }, n) : {}, ee = W(k) ? this._toVariables({ [h]: ge(ge({}, k), _) }, n) : {}, [ye, Fe] = [(s = T.declarations) != null ? s : "", T.tokens || []], [Ne, ze] = [(l = H.declarations) != null ? l : "", H.tokens || []], [He, $e] = [(u = ee.declarations) != null ? u : "", ee.tokens || []], be = this.transformCSS(h, `${ye}${Ne}`, "light", "variable", n, r, a, i), Be = this.transformCSS(h, He, "dark", "variable", n, r, a, i);
     c = `${be}${Be}`, p = [.../* @__PURE__ */ new Set([...Fe, ...ze, ...$e])], g = se(L, { dt: Ue });
   }
   return { css: c, tokens: p, style: g };
@@ -512,15 +512,15 @@ var fe = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
 }, getTheme() {
   return this.theme;
 }, setTheme(t) {
-  this.update({ theme: t }), te.emit("theme:change", t);
+  this.update({ theme: t }), ne.emit("theme:change", t);
 }, getPreset() {
   return this.preset;
 }, setPreset(t) {
-  this._theme = Yt(ge({}, this.theme), { preset: t }), this._tokens = fe.createTokens(t, this.defaults), this.clearLoadedStyleNames(), te.emit("preset:change", t), te.emit("theme:change", this.theme);
+  this._theme = Yt(ge({}, this.theme), { preset: t }), this._tokens = fe.createTokens(t, this.defaults), this.clearLoadedStyleNames(), ne.emit("preset:change", t), ne.emit("theme:change", this.theme);
 }, getOptions() {
   return this.options;
 }, setOptions(t) {
-  this._theme = Yt(ge({}, this.theme), { options: t }), this.clearLoadedStyleNames(), te.emit("options:change", t), te.emit("theme:change", this.theme);
+  this._theme = Yt(ge({}, this.theme), { options: t }), this.clearLoadedStyleNames(), ne.emit("options:change", t), ne.emit("theme:change", this.theme);
 }, getLayerNames() {
   return [...this._layerNames];
 }, setLayerNames(t) {
@@ -561,8 +561,8 @@ var fe = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
 }, onStyleUpdated(t) {
   this._loadingStyles.add(t);
 }, onStyleLoaded(t, { name: e }) {
-  this._loadingStyles.size && (this._loadingStyles.delete(e), te.emit(`theme:${e}:load`, t), !this._loadingStyles.size && te.emit("theme:load"));
-} }, ne = {
+  this._loadingStyles.size && (this._loadingStyles.delete(e), ne.emit(`theme:${e}:load`, t), !this._loadingStyles.size && ne.emit("theme:load"));
+} }, oe = {
   STARTS_WITH: "startsWith",
   CONTAINS: "contains",
   NOT_CONTAINS: "notContains",
@@ -753,7 +753,7 @@ function fa(t) {
 }
 var ga = 0;
 function ma(t) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = J(!1), o = J(t), r = J(null), a = Gr() ? window.document : void 0, i = e.document, s = i === void 0 ? a : i, l = e.immediate, u = l === void 0 ? !0 : l, c = e.manual, p = c === void 0 ? !1 : c, g = e.name, h = g === void 0 ? "style_".concat(++ga) : g, w = e.id, E = w === void 0 ? void 0 : w, O = e.media, L = O === void 0 ? void 0 : O, B = e.nonce, N = B === void 0 ? void 0 : B, S = e.first, C = S === void 0 ? !1 : S, V = e.onMounted, k = V === void 0 ? void 0 : V, X = e.onUpdated, A = X === void 0 ? void 0 : X, _ = e.onLoad, $ = _ === void 0 ? void 0 : _, T = e.props, H = T === void 0 ? {} : T, ee = function() {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = J(!1), o = J(t), r = J(null), a = Gr() ? window.document : void 0, i = e.document, s = i === void 0 ? a : i, l = e.immediate, u = l === void 0 ? !0 : l, c = e.manual, p = c === void 0 ? !1 : c, g = e.name, h = g === void 0 ? "style_".concat(++ga) : g, w = e.id, E = w === void 0 ? void 0 : w, O = e.media, L = O === void 0 ? void 0 : O, B = e.nonce, N = B === void 0 ? void 0 : B, S = e.first, C = S === void 0 ? !1 : S, V = e.onMounted, k = V === void 0 ? void 0 : V, q = e.onUpdated, A = q === void 0 ? void 0 : q, _ = e.onLoad, $ = _ === void 0 ? void 0 : _, T = e.props, H = T === void 0 ? {} : T, ee = function() {
   }, ye = function(ze) {
     var He = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (s) {
@@ -1147,9 +1147,9 @@ var Ea = {
     }
   },
   filterMatchModeOptions: {
-    text: [ne.STARTS_WITH, ne.CONTAINS, ne.NOT_CONTAINS, ne.ENDS_WITH, ne.EQUALS, ne.NOT_EQUALS],
-    numeric: [ne.EQUALS, ne.NOT_EQUALS, ne.LESS_THAN, ne.LESS_THAN_OR_EQUAL_TO, ne.GREATER_THAN, ne.GREATER_THAN_OR_EQUAL_TO],
-    date: [ne.DATE_IS, ne.DATE_IS_NOT, ne.DATE_BEFORE, ne.DATE_AFTER]
+    text: [oe.STARTS_WITH, oe.CONTAINS, oe.NOT_CONTAINS, oe.ENDS_WITH, oe.EQUALS, oe.NOT_EQUALS],
+    numeric: [oe.EQUALS, oe.NOT_EQUALS, oe.LESS_THAN, oe.LESS_THAN_OR_EQUAL_TO, oe.GREATER_THAN, oe.GREATER_THAN_OR_EQUAL_TO],
+    date: [oe.DATE_IS, oe.DATE_IS_NOT, oe.DATE_BEFORE, oe.DATE_AFTER]
   },
   zIndex: {
     modal: 1100,
@@ -1176,7 +1176,7 @@ function La(t, e) {
 }
 var Xe = [];
 function Pa() {
-  te.clear(), Xe.forEach(function(t) {
+  ne.clear(), Xe.forEach(function(t) {
     return t?.();
   }), Xe = [];
 }
@@ -1198,7 +1198,7 @@ function Aa(t, e) {
       }, L), O), K.setLoadedStyleName("common");
     }
   };
-  te.on("theme:change", function(l) {
+  ne.on("theme:change", function(l) {
     n.value || (t.config.globalProperties.$primevue.config.theme = l, n.value = !0);
   });
   var r = me(e.config, function(l, u) {
@@ -1520,11 +1520,11 @@ var D = {
   _themeChangeListener: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function() {
     };
-    Ie.clearLoadedStyleNames(), te.on("theme:change", e);
+    Ie.clearLoadedStyleNames(), ne.on("theme:change", e);
   },
   _removeThemeListeners: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    te.off("theme:change", e.$loadStyles), e.$loadStyles = void 0;
+    ne.off("theme:change", e.$loadStyles), e.$loadStyles = void 0;
   },
   _hook: function(e, n, o, r, a, i) {
     var s, l, u = "on".concat(Rr(n)), c = D._getConfig(r, a), p = o?.$instance, g = D._usePT(p, D._getPT(r == null || (s = r.value) === null || s === void 0 ? void 0 : s.pt, e), D._getOptionValue, "hooks.".concat(u)), h = D._useDefaultPT(p, c == null || (l = c.pt) === null || l === void 0 || (l = l.directives) === null || l === void 0 ? void 0 : l[e], D._getOptionValue, "hooks.".concat(u)), w = {
@@ -2076,7 +2076,7 @@ const vo = {
   TEXT: "text",
   ELEVATED: "elevated",
   TONAL: "tonal"
-}, q = {
+}, Q = {
   LIGHT: "light",
   DARK: "dark",
   PRIMARY: "primary",
@@ -2088,27 +2088,27 @@ const vo = {
     label: { default: "" },
     leadingIcon: { default: void 0 },
     trailingIcon: { default: void 0 },
-    placement: { default: q.LIGHT }
+    placement: { default: Q.LIGHT }
   },
   setup(t) {
     const e = t, n = j(
       () => ({
         [ke.FILLED]: {
           root: [
-            e.placement === q.LIGHT ? "bg-primary text-on-primary disabled:bg-on-surface/12 disabled:text-on-surface" : "bg-surface-container-lowest enabled:mix-blend-lighten disabled:bg-surface-container-lowest/12 disabled:text-surface-container-lowest",
+            e.placement === Q.LIGHT ? "bg-primary text-on-primary disabled:bg-on-surface/12 disabled:text-on-surface" : "bg-surface-container-lowest enabled:mix-blend-lighten disabled:bg-surface-container-lowest/12 disabled:text-surface-container-lowest",
             "eh:shadow-1"
           ],
           state: [
-            e.placement === q.LIGHT ? "group-hover/button:group-enabled/button:bg-on-primary/8" : "group-hover/button:group-enabled/button:bg-on-surface-variant/8"
+            e.placement === Q.LIGHT ? "group-hover/button:group-enabled/button:bg-on-primary/8" : "group-hover/button:group-enabled/button:bg-on-surface-variant/8"
           ]
         },
         [ke.OUTLINED]: {
           root: [
             "border",
-            e.placement === q.LIGHT ? "border-outline text-primary disabled:border-on-surface/12 disabled:text-on-surface" : "border-surface-container-lowest/16 text-surface-container-lowest"
+            e.placement === Q.LIGHT ? "border-outline text-primary disabled:border-on-surface/12 disabled:text-on-surface" : "border-surface-container-lowest/16 text-surface-container-lowest"
           ],
           state: [
-            e.placement === q.LIGHT ? "group-hover/button:group-enabled/button:bg-primary/8" : "group-hover/button:group-enabled/button:bg-surface-container-lowest/8"
+            e.placement === Q.LIGHT ? "group-hover/button:group-enabled/button:bg-primary/8" : "group-hover/button:group-enabled/button:bg-surface-container-lowest/8"
           ]
         },
         [ke.TEXT]: {
@@ -2298,14 +2298,14 @@ var zt = {
     isUnstyled: {
       immediate: !0,
       handler: function(e) {
-        te.off("theme:change", this._loadCoreStyles), e || (this._loadCoreStyles(), this._themeChangeListener(this._loadCoreStyles));
+        ne.off("theme:change", this._loadCoreStyles), e || (this._loadCoreStyles(), this._themeChangeListener(this._loadCoreStyles));
       }
     },
     dt: {
       immediate: !0,
       handler: function(e, n) {
         var o = this;
-        te.off("theme:change", this._themeScopedListener), e ? (this._loadScopedThemeStyles(e), this._themeScopedListener = function() {
+        ne.off("theme:change", this._themeScopedListener), e ? (this._loadScopedThemeStyles(e), this._themeScopedListener = function() {
           return o._loadScopedThemeStyles(e);
         }, this._themeChangeListener(this._themeScopedListener)) : this._unloadScopedThemeStyles();
       }
@@ -2419,10 +2419,10 @@ var zt = {
     _themeChangeListener: function() {
       var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function() {
       };
-      Ie.clearLoadedStyleNames(), te.on("theme:change", e);
+      Ie.clearLoadedStyleNames(), ne.on("theme:change", e);
     },
     _removeThemeListeners: function() {
-      te.off("theme:change", this._loadCoreStyles), te.off("theme:change", this._load), te.off("theme:change", this._themeScopedListener);
+      ne.off("theme:change", this._loadCoreStyles), ne.off("theme:change", this._load), ne.off("theme:change", this._themeScopedListener);
     },
     _getHostInstance: function(e) {
       return e ? this.$options.hostName ? e.$.type.name === this.$options.hostName ? e : this._getHostInstance(e.$parentInstance) : e.$parentInstance : void 0;
@@ -4135,7 +4135,7 @@ const rl = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-contai
     expandedRoutes: { default: () => [] }
   },
   setup(t) {
-    const e = an(() => Promise.resolve().then(() => Rc).then((V) => V.UIBadge)), n = t, { isNavbarExpandedByDefault: o, isMenuOpen: r, onToggle: a, navbarClasses: i } = el(
+    const e = an(() => Promise.resolve().then(() => Hc).then((V) => V.UIBadge)), n = t, { isNavbarExpandedByDefault: o, isMenuOpen: r, onToggle: a, navbarClasses: i } = el(
       n.expandedRoutes
     ), { menuCategories: s, onCategoryClick: l, menuCategoryClasses: u } = tl(
       n.mainMenuItems,
@@ -4153,7 +4153,7 @@ const rl = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-contai
       blurFloatingMenu: N
     } = nl(n.mainMenuItems, s), { getCategoryLinkComponent: S, getCategoryLinkProps: C } = ol();
     return (V, k) => {
-      const X = et("tooltip");
+      const q = et("tooltip");
       return f(), b("div", {
         ref_key: "navbarRef",
         ref: g,
@@ -4178,7 +4178,7 @@ const rl = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-contai
           _: 1
         }, 8, ["to"])),
         m("ul", sl, [
-          (f(!0), b(Q, null, oe(t.mainMenuItems, (A, _) => (f(), b("li", {
+          (f(!0), b(X, null, te(t.mainMenuItems, (A, _) => (f(), b("li", {
             key: A.name,
             ref_for: !0,
             ref_key: "menuItemRefs",
@@ -4216,7 +4216,7 @@ const rl = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-contai
               _: 2
             }, 1040, ["class"])),
             d(s)[A.name] ? (f(), b("ul", fl, [
-              (f(!0), b(Q, null, oe(A.subMenuItems, ($) => (f(), b("li", {
+              (f(!0), b(X, null, te(A.subMenuItems, ($) => (f(), b("li", {
                 key: $.name,
                 class: "hover:bg-on-surface/16"
               }, [
@@ -4244,7 +4244,7 @@ const rl = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-contai
                   ]),
                   _: 2
                 }, 1032, ["to"])), [
-                  [X, {
+                  [q, {
                     value: $.title,
                     disabled: d(r) || !d(s)[A.name],
                     position: "right",
@@ -4276,7 +4276,7 @@ const rl = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-contai
               ])
             ]),
             (d(w).subMenuItems || []).length > 0 ? (f(), b("hr", $l)) : y("", !0),
-            (f(!0), b(Q, null, oe(d(w).subMenuItems, (A) => (f(), b("li", {
+            (f(!0), b(X, null, te(d(w).subMenuItems, (A) => (f(), b("li", {
               key: A.name,
               class: "hover:bg-on-surface/8 h-[40px] flex items-center"
             }, [
@@ -4304,7 +4304,7 @@ const rl = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-contai
                 ]),
                 _: 2
               }, 1032, ["to"])), [
-                [X, {
+                [q, {
                   value: A.title,
                   disabled: d(r) || !d(s)[d(w).name],
                   position: "right",
@@ -4517,7 +4517,7 @@ const El = {
   emits: ["update:modelValue"],
   setup(t) {
     const e = de(t, "modelValue");
-    return (n, o) => (f(), b(Q, null, [
+    return (n, o) => (f(), b(X, null, [
       m("div", Rl, [
         m("div", Fl, [
           m("div", {
@@ -4526,7 +4526,7 @@ const El = {
               "h-[0.125rem] w-[anchor-size(width)] left-[anchor(left)]": t.type === "secondary"
             }])
           }, null, 2),
-          (f(!0), b(Q, null, oe(t.tabs, (r, a) => (f(), b("div", {
+          (f(!0), b(X, null, te(t.tabs, (r, a) => (f(), b("div", {
             key: r.value,
             class: v(["inline-flex items-center justify-center px-[1rem] truncate min-w-min grow @min-[1rem]:bg-primary", {
               "scrollable:ml-[3.25rem]": a === 0,
@@ -4576,28 +4576,28 @@ const El = {
   props: {
     color: {},
     size: { default: Dt.X40 },
-    placement: { default: q.LIGHT },
+    placement: { default: Q.LIGHT },
     icon: { default: void 0 },
     badge: { type: [Boolean, Number, String], default: !1 }
   },
   setup(t) {
     const e = an(() => import("./UIBadge-CC6Xl4yz.js")), n = t, o = {
-      [q.LIGHT]: {
+      [Q.LIGHT]: {
         root: "text-on-secondary-container disabled:text-on-surface",
         container: "bg-secondary-container group-disabled/button:bg-on-surface/12",
         state: "group-enabled/button:group-hover/button:bg-on-secondary-container/8"
       },
-      [q.DARK]: {
+      [Q.DARK]: {
         root: "text-on-surface-variant disabled:text-surface-container-lowest",
         container: "bg-surface-container-lowest/84 group-disabled/button:bg-surface-container-lowest/12",
         state: "group-enabled/button:group-hover/button:bg-on-surface/16"
       },
-      [q.PRIMARY]: {
+      [Q.PRIMARY]: {
         root: "text-primary disabled:text-on-primary",
         container: "bg-primary-container group-disabled/button:bg-on-primary/12",
         state: "group-enabled/button:group-hover/button:bg-on-primary-container/8"
       },
-      [q.ERROR]: {
+      [Q.ERROR]: {
         root: "text-error disabled:text-on-error",
         container: "bg-error-container group-disabled/button:bg-on-error/12",
         state: "group-enabled/button:group-hover/button:bg-on-error-container/8"
@@ -4605,13 +4605,13 @@ const El = {
     }, r = j(
       () => ({
         [Ke.STANDARD]: {
-          root: n.placement === q.LIGHT ? "text-on-surface-variant" : "text-surface-container-lowest",
+          root: n.placement === Q.LIGHT ? "text-on-surface-variant" : "text-surface-container-lowest",
           container: {
-            "group-enabled/button:group-hover/button:bg-surface-container-lowest/8": n.placement !== q.LIGHT
+            "group-enabled/button:group-hover/button:bg-surface-container-lowest/8": n.placement !== Q.LIGHT
           },
           state: [
             {
-              "group-enabled/button:group-hover/button:bg-on-surface-variant/8": n.placement === q.LIGHT
+              "group-enabled/button:group-hover/button:bg-on-surface-variant/8": n.placement === Q.LIGHT
             }
           ]
         },
@@ -4627,21 +4627,21 @@ const El = {
         },
         [Ke.FILLED]: {
           root: [
-            n.placement === q.LIGHT ? "text-on-primary disabled:text-on-surface" : "text-on-surface-container-lowest disabled:text-surface-container-lowest enabled:mix-blend-lighten"
+            n.placement === Q.LIGHT ? "text-on-primary disabled:text-on-surface" : "text-on-surface-container-lowest disabled:text-surface-container-lowest enabled:mix-blend-lighten"
           ],
           container: [
-            n.placement === q.LIGHT ? "bg-primary group-disabled/button:bg-on-surface/12" : "bg-surface-container-lowest group-disabled/button:bg-surface-container-lowest/16"
+            n.placement === Q.LIGHT ? "bg-primary group-disabled/button:bg-on-surface/12" : "bg-surface-container-lowest group-disabled/button:bg-surface-container-lowest/16"
           ],
-          state: n.placement === q.LIGHT ? "group-enabled/button:group-hover/button:bg-on-primary/8" : "group-enabled/button:group-hover/button:bg-on-surface-variant/8"
+          state: n.placement === Q.LIGHT ? "group-enabled/button:group-hover/button:bg-on-primary/8" : "group-enabled/button:group-hover/button:bg-on-surface-variant/8"
         },
         [Ke.TONAL]: o[n.placement] || null,
         [Ke.OUTLINED]: {
-          root: n.placement === q.LIGHT ? "text-on-surface-variant disabled:text-on-surface" : "text-surface-container-lowest",
+          root: n.placement === Q.LIGHT ? "text-on-surface-variant disabled:text-on-surface" : "text-surface-container-lowest",
           container: [
             "border",
-            n.placement === q.LIGHT ? "border-outline group-disabled/button:border-on-surface/12" : "border-surface-container-lowest/16 group-disabled/button:border-surface-container-lowest/12"
+            n.placement === Q.LIGHT ? "border-outline group-disabled/button:border-on-surface/12" : "border-surface-container-lowest/16 group-disabled/button:border-surface-container-lowest/12"
           ],
-          state: n.placement === q.LIGHT ? "group-enabled/button:group-hover/button:bg-on-surface-variant/8" : "group-enabled/button:group-hover/button:bg-surface-container-lowest/8"
+          state: n.placement === Q.LIGHT ? "group-enabled/button:group-hover/button:bg-on-surface-variant/8" : "group-enabled/button:group-hover/button:bg-surface-container-lowest/8"
         }
       })
     ), a = j(() => r.value[n.color]), i = j(() => Kl[n.size]);
@@ -5569,7 +5569,7 @@ const qn = "h-[2.5rem] w-[2.5rem] text-[1.25rem] rounded-full relative flex just
               }),
               s.tags || t.tags && t.tags.length > 0 ? (f(), b("div", Fs, [
                 x(w.$slots, "tags", {}, () => [
-                  (f(!0), b(Q, null, oe(t.tags, (O, L) => (f(), I(d(o), {
+                  (f(!0), b(X, null, te(t.tags, (O, L) => (f(), I(d(o), {
                     key: `${O}-${L}`,
                     size: "sm",
                     label: O
@@ -5969,7 +5969,7 @@ const qn = "h-[2.5rem] w-[2.5rem] text-[1.25rem] rounded-full relative flex just
         class: v(["inline-flex items-center shrink-0 w-0 overflow-hidden transition-all [interpolate-size:allow-keywords]", { "w-fit overflow-visible": e.value }])
       }, [
         m("div", Mu, [
-          (f(!0), b(Q, null, oe(i.value, ([u, c]) => (f(), b("div", {
+          (f(!0), b(X, null, te(i.value, ([u, c]) => (f(), b("div", {
             key: u,
             class: "rounded-full border border-(--acbs-color-neutral-90) -m-[1px] hover:border-[2px] hover:border-primary hover:-m-[2px] p-[0.25rem] bg-surface-container-lowest",
             onClick: (p) => a(u)
@@ -6427,7 +6427,7 @@ const pd = { class: "size-[1.5rem]" }, fd = { class: "truncate" }, gd = {
       $.preventDefault(), c.value = i(T), O.value?.blur();
     }
     const k = J(-1);
-    function X($) {
+    function q($) {
       $.preventDefault(), $.stopPropagation();
       let T = k.value;
       $.code === "ArrowDown" ? T = T >= C.value.length - 1 ? C.value.length - 1 : T + 1 : $.code === "ArrowUp" && (T = T <= 0 ? 0 : T - 1), k.value = T;
@@ -6445,11 +6445,11 @@ const pd = { class: "size-[1.5rem]" }, fd = { class: "truncate" }, gd = {
           break;
         case "ArrowDown":
         case "ArrowUp":
-          X($);
+          q($);
           break;
       }
     }
-    return ($, T) => (f(), b(Q, null, [
+    return ($, T) => (f(), b(X, null, [
       G(dn, z({ ref: "formFieldWrapper" }, n, {
         "trailing-icon": d(Ir),
         onFocusInput: L
@@ -6502,7 +6502,7 @@ const pd = { class: "size-[1.5rem]" }, fd = { class: "truncate" }, gd = {
           class: "absolute top-[calc(anchor(bottom)+0.25rem)] left-[anchor(left)] bg-surface-container-low py-[0.5rem] w-[anchor-size(width)] rounded-extra-small shadow-2 max-h-[15rem] overflow-auto z-10"
         }, [
           x($.$slots, "action", {}, () => [
-            t.actionLabel ? (f(), b(Q, { key: 0 }, [
+            t.actionLabel ? (f(), b(X, { key: 0 }, [
               m("li", {
                 class: "p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8",
                 onMousedown: T[2] || (T[2] = qe((H) => o("action"), ["prevent", "stop"]))
@@ -6527,7 +6527,7 @@ const pd = { class: "size-[1.5rem]" }, fd = { class: "truncate" }, gd = {
               ], -1))
             ], 64)) : y("", !0)
           ]),
-          (f(!0), b(Q, null, oe(C.value, (H, ee) => (f(), b("li", {
+          (f(!0), b(X, null, te(C.value, (H, ee) => (f(), b("li", {
             key: u(H, ee),
             class: v(["p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8", { "bg-on-surface/8": k.value === ee }]),
             onMousedown: (ye) => V(ye, H)
@@ -6979,7 +6979,7 @@ const pd = { class: "size-[1.5rem]" }, fd = { class: "truncate" }, gd = {
       return r === 0 ? "start" : r > 0 && r < e.items.length - 1 ? "middle" : "end";
     }
     return (r, a) => (f(), b("div", qd, [
-      (f(!0), b(Q, null, oe(t.items, (i, s) => (f(), I(Xd, {
+      (f(!0), b(X, null, te(t.items, (i, s) => (f(), I(Xd, {
         key: i.value,
         modelValue: n.value,
         "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
@@ -7146,22 +7146,25 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
   ref: "wrapper",
   class: "flex flex-wrap gap-y-[0.75rem] relative",
   role: "table"
-}, hc = { class: "flex" }, vc = {
+}, hc = { class: "flex" }, vc = ["data-cy"], yc = {
   key: 1,
   class: "grow text-title-medium text-(--acbs-color-primary-10) truncate"
-}, yc = {
+}, $c = {
   key: 2,
   class: "hidden group-hover:inline-flex"
-}, $c = {
+}, wc = {
   key: 1,
   class: "relative"
-}, wc = ["onMousedown"], xc = {
+}, xc = ["onMousedown"], Sc = {
   key: 0,
   class: "flex"
-}, Sc = {
+}, _c = {
   key: 0,
   ref: "filterOverlay"
-}, _c = { class: "grow truncate" }, kc = ["aria-rowindex", "onClick", "onDblclick", "onKeyup"], Tc = { class: "text-[#7994B9] font-[400]" }, Cc = { class: "flex min-w-0" }, Oc = /* @__PURE__ */ M({
+}, kc = { class: "grow truncate" }, Tc = {
+  key: 0,
+  class: "flex flex-col gap-[0.75rem] lg:gap-[2.5rem] animate-pulse"
+}, Cc = ["aria-rowindex", "onClick", "onDblclick", "onKeyup"], Oc = { class: "text-[#7994B9] font-[400]" }, Ec = ["data-cy"], Ic = { class: "flex min-w-0" }, Lc = /* @__PURE__ */ M({
   __name: "UITable",
   props: /* @__PURE__ */ le({
     fields: {},
@@ -7169,7 +7172,8 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
     dataKey: {},
     mode: {},
     activeFilters: {},
-    getRowClass: { type: Function }
+    getRowClass: { type: Function },
+    isLoading: { type: Boolean }
   }, {
     sort: {
       default: null
@@ -7201,7 +7205,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
     return me(
       () => n.fields,
       (k) => {
-        C.features = [], C.list = [], k.forEach(({ cellClasses: X, ...A }) => {
+        C.features = [], C.list = [], k.forEach(({ cellClasses: q, ...A }) => {
           const _ = A;
           if (_.placement === Ye.FEATURE) {
             C.features.push(_);
@@ -7218,7 +7222,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
         });
       },
       { immediate: !0 }
-    ), (k, X) => {
+    ), (k, q) => {
       const A = et("overflow-tooltip");
       return f(), b("div", bc, [
         S.value ? y("", !0) : (f(), b("div", {
@@ -7229,7 +7233,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
           }])
         }, [
           m("div", hc, [
-            (f(!0), b(Q, null, oe(t.fields, (_, $) => (f(), b("div", {
+            (f(!0), b(X, null, te(t.fields, (_, $) => (f(), b("div", {
               key: `header-cell-${_.name}`,
               class: v(["py-[0.25rem] pl-[0.25rem] relative grow w-(--col-width) min-w-(--col-min-width)", {
                 "pr-[0.25rem]": $ === t.fields.length - 1
@@ -7237,7 +7241,8 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
               style: Ee({
                 ...d(g)(_.name),
                 "anchor-name": `--header-cell-${_.name}`
-              })
+              }),
+              "data-cy": `table-header-${_.name}`
             }, [
               m("div", {
                 class: v(["py-[0.25rem] pl-[0.75rem] pr-[0.5rem] bg-surface-container flex items-center min-h-[3rem] gap-[0.625rem] hover:shadow-1 group", {
@@ -7250,7 +7255,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
                 _.icon ? (f(), I(d(U), {
                   key: 0,
                   icon: _.icon
-                }, null, 8, ["icon"])) : pe((f(), b("span", vc, [
+                }, null, 8, ["icon"])) : pe((f(), b("span", yc, [
                   Re(P(_.header), 1)
                 ])), [
                   [
@@ -7260,23 +7265,25 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
                     { top: !0 }
                   ]
                 ]),
-                _.isSortable || _.hasHeaderFilter ? (f(), b("div", yc, [
+                _.isSortable || _.hasHeaderFilter ? (f(), b("div", $c, [
                   _.isSortable ? (f(), I(d(Je), {
                     key: 0,
                     icon: u.value?.field === _.name ? u.value.direction === d(Et).ASC ? d(vr) : d(yr) : d(Lr),
                     class: v({ "text-primary": u.value?.field === _.name }),
                     color: "standard",
                     size: "32x32",
+                    "data-cy": `table-sort-${_.name}`,
                     onClick: (T) => h(_.name)
-                  }, null, 8, ["icon", "class", "onClick"])) : y("", !0),
-                  _.hasHeaderFilter ? (f(), b("div", $c, [
+                  }, null, 8, ["icon", "class", "data-cy", "onClick"])) : y("", !0),
+                  _.hasHeaderFilter ? (f(), b("div", wc, [
                     G(d(Je), {
                       icon: d(Pr),
                       color: "standard",
                       size: "32x32",
                       badge: t.activeFilters.includes(_.name),
+                      "data-cy": `table-filter-header-${_.name}`,
                       onClick: (T) => d(l)(_.name, T)
-                    }, null, 8, ["icon", "badge", "onClick"])
+                    }, null, 8, ["icon", "badge", "data-cy", "onClick"])
                   ])) : y("", !0)
                 ])) : y("", !0)
               ], 2),
@@ -7284,11 +7291,11 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
                 key: 0,
                 class: v(["absolute top-0 h-full w-[2rem] cursor-col-resize z-99", $ === t.fields.length - 1 ? "right-0" : "-right-[1rem]"]),
                 onMousedown: (T) => d(p)(T, _.name)
-              }, null, 42, wc)) : y("", !0)
-            ], 6))), 128))
+              }, null, 42, xc)) : y("", !0)
+            ], 14, vc))), 128))
           ]),
-          r.filter ? (f(), b("div", xc, [
-            (f(!0), b(Q, null, oe(t.fields, (_, $) => (f(), b("div", {
+          r.filter ? (f(), b("div", Sc, [
+            (f(!0), b(X, null, te(t.fields, (_, $) => (f(), b("div", {
               key: `filter-${_.name}`,
               class: "has-[>*]:py-[0.25rem] has-[>*]:pl-[0.25rem] grow w-(--col-width) min-w-(--col-min-width)",
               style: Ee(d(g)(_.name))
@@ -7300,14 +7307,14 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
             ], 4))), 128))
           ])) : y("", !0),
           (f(), I(to, { to: "body" }, [
-            d(i) ? (f(), b("div", Sc, [
+            d(i) ? (f(), b("div", _c, [
               m("div", {
                 class: "after:absolute after:left-0 after:-bottom-[0.5rem] after:w-full after:h-[1rem] after:z-20 z-15 after:bg-surface-container-high absolute left-[anchor(left)] top-[anchor(top)] w-[anchor-size(width)] h-[anchor-size(height)] shadow-1 bg-surface-container-high rounded-t text-title-medium flex items-center gap-[0.625rem] py-[0.25rem] pr-[0.5rem] pl-[0.75rem]",
                 style: Ee({
                   "position-anchor": `--header-cell-${d(i)}`
                 })
               }, [
-                m("span", _c, P(t.fields.find((_) => _.name === d(i))?.header), 1),
+                m("span", kc, P(t.fields.find((_) => _.name === d(i))?.header), 1),
                 G(d(Je), {
                   class: "shrink-0",
                   color: "tonal",
@@ -7336,9 +7343,15 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
             "rounded-extra-small": t.mode === "divider-only",
             "bg-surface": t.mode !== "in-container"
           }]),
-          onKeydown: X[1] || (X[1] = (_) => d(O)(_))
+          onKeydown: q[1] || (q[1] = (_) => d(O)(_))
         }, [
-          (f(!0), b(Q, null, oe(t.items, (_, $) => (f(), b("div", {
+          t.isLoading ? (f(), b("div", Tc, [
+            (f(), b(X, null, te(3, (_) => m("div", {
+              key: _,
+              class: "h-[14rem] rounded-[0.75rem] lg:rounded-none lg:h-[2.5rem] bg-outline-variant w-full",
+              "data-cy": "skeleton-loader"
+            })), 64))
+          ])) : (f(!0), b(X, { key: 1 }, te(t.items, (_, $) => (f(), b("div", {
             key: `table-row-${_[t.dataKey]}`,
             ref_for: !0,
             ref: "rows",
@@ -7352,7 +7365,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
               Kt(qe((T) => o("rowClick", { originalEvent: T, data: _, index: $ }), ["stop", "prevent"]), ["enter"]),
               Kt(qe((T) => o("rowSelect", { originalEvent: T, data: _, index: $ }), ["stop", "prevent"]), ["space"])
             ],
-            onKeydown: X[0] || (X[0] = Kt(qe(() => {
+            onKeydown: q[0] || (q[0] = Kt(qe(() => {
             }, ["stop", "prevent"]), ["space"]))
           }, [
             S.value ? (f(), I(mc, {
@@ -7360,11 +7373,11 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
               "show-collapse-button": V.value
             }, Ut({
               list: Z(({ showCollapsed: T }) => [
-                (f(!0), b(Q, null, oe(C.list, (H, ee) => pe((f(), b("div", {
+                (f(!0), b(X, null, te(C.list, (H, ee) => pe((f(), b("div", {
                   key: `table-cell-${_[t.dataKey]}-${H.name}`,
                   class: "flex justify-between px-[1.5rem] py-[0.25rem] gap-[0.5rem] text-[0.75rem] leading-[1.5rem] tracking-[0.09rem] text-bdazzled-blue font-[600]"
                 }, [
-                  m("span", Tc, P(H.header), 1),
+                  m("span", Oc, P(H.header), 1),
                   x(k.$slots, "list", {
                     field: H.name,
                     rowIndex: $,
@@ -7402,7 +7415,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
               r.feature ? {
                 name: "feature",
                 fn: Z(() => [
-                  (f(!0), b(Q, null, oe(C.features, (T, H) => x(k.$slots, "feature", {
+                  (f(!0), b(X, null, te(C.features, (T, H) => x(k.$slots, "feature", {
                     key: `table-feature-${_[t.dataKey]}-${T.name}`,
                     field: T.name,
                     rowIndex: $,
@@ -7415,7 +7428,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
               r.cardMajor ? {
                 name: "major",
                 fn: Z(() => [
-                  (f(!0), b(Q, null, oe(C.majors, (T, H) => x(k.$slots, "cardMajor", {
+                  (f(!0), b(X, null, te(C.majors, (T, H) => x(k.$slots, "cardMajor", {
                     key: `table-major-${_[t.dataKey]}-${T.name}`,
                     field: T.name,
                     rowIndex: $,
@@ -7435,13 +7448,14 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
                 ]),
                 key: "4"
               } : void 0
-            ]), 1032, ["show-collapse-button"])) : (f(!0), b(Q, { key: 1 }, oe(t.fields, (T, H) => (f(), b("div", {
+            ]), 1032, ["show-collapse-button"])) : (f(!0), b(X, { key: 1 }, te(t.fields, (T, H) => (f(), b("div", {
               key: `table-cell-${_[t.dataKey]}-${T.name}`,
               class: v(["px-[1rem] overflow-hidden whitespace-nowrap flex items-center grow w-(--col-width) min-w-(--col-min-width)", T.cellClasses]),
               role: "cell",
-              style: Ee(d(g)(T.name))
+              style: Ee(d(g)(T.name)),
+              "data-cy": `${T.name}-cell`
             }, [
-              m("div", Cc, [
+              m("div", Ic, [
                 x(k.$slots, "cell", {
                   field: T.name,
                   rowIndex: $,
@@ -7451,24 +7465,24 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
                   m("div", null, P(_[T.name]), 1)
                 ])
               ])
-            ], 6))), 128))
-          ], 42, kc))), 128))
+            ], 14, Ec))), 128))
+          ], 42, Cc))), 128))
         ], 34)
       ], 512);
     };
   }
-}), Ec = {
+}), Pc = {
   key: 0,
   class: "px-[2rem] pt-[0.5rem] pb-[0.75rem] flex justify-end text-label-large text-on-surface-variant"
-}, Ic = { class: "flex flex-col" }, Lc = /* @__PURE__ */ M({
+}, Ac = { class: "flex flex-col" }, Dc = /* @__PURE__ */ M({
   __name: "UILabelValueList",
   props: {
     title: {}
   },
   setup(t) {
     return (e, n) => (f(), b("div", null, [
-      t.title ? (f(), b("div", Ec, P(t.title), 1)) : y("", !0),
-      m("div", Ic, [
+      t.title ? (f(), b("div", Pc, P(t.title), 1)) : y("", !0),
+      m("div", Ac, [
         n[0] || (n[0] = m("div", { class: "flex" }, [
           m("div", { class: "w-(--acbs-label-column-width,7rem)" }),
           m("div", { class: "h-[0.5rem] rounded-t-small bg-surface-container-low grow" })
@@ -7481,30 +7495,30 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
       ])
     ]));
   }
-}), Pc = { class: "flex text-label-medium" }, Ac = { class: "w-(--acbs-label-column-width,7rem) shrink-0 grow-0 px-[1rem] py-[0.5rem] text-on-surface-variant overflow-ellipsis overflow-hidden" }, Dc = { class: "bg-surface-container-low grow px-[1rem] py-[0.5rem] text-on-surface overflow-ellipsis overflow-hidden" }, Nc = /* @__PURE__ */ M({
+}), Nc = { class: "flex text-label-medium" }, Bc = { class: "w-(--acbs-label-column-width,7rem) shrink-0 grow-0 px-[1rem] py-[0.5rem] text-on-surface-variant overflow-ellipsis overflow-hidden" }, Mc = { class: "bg-surface-container-low grow px-[1rem] py-[0.5rem] text-on-surface overflow-ellipsis overflow-hidden" }, jc = /* @__PURE__ */ M({
   __name: "UILabelValue",
   props: {
     label: {},
     value: {}
   },
   setup(t) {
-    return (e, n) => (f(), b("div", Pc, [
-      m("div", Ac, [
+    return (e, n) => (f(), b("div", Nc, [
+      m("div", Bc, [
         x(e.$slots, "label", {}, () => [
           Re(P(t.label), 1)
         ])
       ]),
-      m("div", Dc, [
+      m("div", Mc, [
         x(e.$slots, "value", {}, () => [
           Re(P(t.value), 1)
         ])
       ])
     ]));
   }
-}), Bc = { class: "py-[0.5rem] rounded-extra-small shadow-2 bg-surface-container-low flex flex-col" }, Mc = {
+}), Vc = { class: "py-[0.5rem] rounded-extra-small shadow-2 bg-surface-container-low flex flex-col" }, Uc = {
   key: 0,
   class: "px-[1.5rem] py-[0.5rem] text-title-large text-on-surface"
-}, jc = ["disabled", "onClick"], Vc = { class: "grow text-left" }, Uc = /* @__PURE__ */ M({
+}, Rc = ["disabled", "onClick"], Fc = { class: "grow text-left" }, zc = /* @__PURE__ */ M({
   __name: "UIMenu",
   props: /* @__PURE__ */ le({
     title: {},
@@ -7517,13 +7531,13 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
   emits: ["update:modelValue"],
   setup(t) {
     const e = de(t, "modelValue");
-    return (n, o) => (f(), b("div", Bc, [
-      t.title ? (f(), b("div", Mc, P(t.title), 1)) : y("", !0),
+    return (n, o) => (f(), b("div", Vc, [
+      t.title ? (f(), b("div", Uc, P(t.title), 1)) : y("", !0),
       t.title ? (f(), I(Ht, {
         key: 1,
         class: "my-[0.62rem]"
       })) : y("", !0),
-      (f(!0), b(Q, null, oe(t.items, (r) => (f(), b("button", {
+      (f(!0), b(X, null, te(t.items, (r) => (f(), b("button", {
         key: r.value,
         class: v(["px-[0.75rem] text-body-large text-on-surface flex items-center gap-[0.75rem] hover:bg-on-surface/8 disabled:opacity-38 not-disabled:cursor-pointer", {
           "bg-surface-container-highest": e.value === r.value,
@@ -7538,15 +7552,15 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
           key: 0,
           icon: r.leadingIcon
         }, null, 8, ["icon"])) : y("", !0),
-        m("span", Vc, P(r.label), 1),
+        m("span", Fc, P(r.label), 1),
         r.trailingIcon ? (f(), I(d(U), {
           key: 1,
           icon: r.trailingIcon
         }, null, 8, ["icon"])) : y("", !0)
-      ], 10, jc))), 128))
+      ], 10, Rc))), 128))
     ]));
   }
-}), Rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Hc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ACBSPlugin: ui,
   OverflowTooltip: vo,
@@ -7564,12 +7578,12 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
   UIInfoStrip: Ed,
   UIInfoStripSecondaryBox: Ad,
   UIInputChip: Ls,
-  UILabelValue: Nc,
-  UILabelValueList: Lc,
+  UILabelValue: jc,
+  UILabelValueList: Dc,
   UILanguagePicker: Fu,
   UIList: mu,
   UIListItem: gu,
-  UIMenu: Uc,
+  UIMenu: zc,
   UINavbar: kl,
   UIPersonList: Vd,
   UIRadioButton: Os,
@@ -7577,7 +7591,7 @@ const ic = { class: "flex flex-col pb-[1rem]" }, lc = {
   UISegmentedButton: Qd,
   UISnackbar: iu,
   UISwitch: cd,
-  UITable: Oc,
+  UITable: Lc,
   UITabs: Wl,
   UITag: rt,
   UITextArea: qs,
@@ -7603,12 +7617,12 @@ export {
   Ed as UIInfoStrip,
   Ad as UIInfoStripSecondaryBox,
   Ls as UIInputChip,
-  Nc as UILabelValue,
-  Lc as UILabelValueList,
+  jc as UILabelValue,
+  Dc as UILabelValueList,
   Fu as UILanguagePicker,
   mu as UIList,
   gu as UIListItem,
-  Uc as UIMenu,
+  zc as UIMenu,
   kl as UINavbar,
   Vd as UIPersonList,
   Os as UIRadioButton,
@@ -7616,7 +7630,7 @@ export {
   Qd as UISegmentedButton,
   iu as UISnackbar,
   cd as UISwitch,
-  Oc as UITable,
+  Lc as UITable,
   Wl as UITabs,
   rt as UITag,
   qs as UITextArea,