sit-onyx 1.5.0-dev-20251209075632 → 1.5.0-dev-20251209093441

package/dist/index.js

@@ -1,6 +1,6 @@
-import { computed as m, provide as Fe, inject as we, toRef as ce, ref as P, watch as ne, defineComponent as I, watchEffect as Je, toRefs as It, createElementBlock as b, openBlock as r, normalizeClass as D, unref as a, renderSlot as M, onMounted as Re, createBlock as k, resolveDynamicComponent as Le, withCtx as E, createVNode as O, createElementVNode as v, withModifiers as Ue, readonly as Ht, reactive as Mo, onBeforeMount as Gt, onBeforeUnmount as Rt, useId as ge, toValue as H, nextTick as et, shallowRef as at, useTemplateRef as ee, createCommentVNode as $, createTextVNode as Z, toDisplayString as R, normalizeProps as Ze, mergeProps as B, Fragment as q, isProxy as Ua, toRaw as Ha, useAttrs as $n, customRef as Ga, onUnmounted as Lt, normalizeStyle as We, useSlots as ue, createSlots as Me, isRef as Ee, renderList as ie, toHandlers as qa, resolveComponent as Ka, withDirectives as Se, guardReactiveProps as rt, vShow as Et, Teleport as _t, vModelCheckbox as Cn, vModelText as Zt, h as me, vModelDynamic as En, withKeys as Ko, createStaticVNode as Wa, useModel as ja } from "vue";
+import { computed as m, provide as Fe, inject as we, toRef as ce, ref as P, watch as ne, defineComponent as I, watchEffect as Je, toRefs as It, createElementBlock as b, openBlock as r, normalizeClass as D, unref as a, renderSlot as M, onMounted as Re, createBlock as k, resolveDynamicComponent as Le, withCtx as E, createVNode as O, createElementVNode as v, withModifiers as Ue, readonly as Ht, reactive as Mo, onBeforeMount as Gt, onBeforeUnmount as Rt, useId as ge, toValue as H, nextTick as et, shallowRef as at, useTemplateRef as ee, createCommentVNode as $, createTextVNode as X, toDisplayString as R, normalizeProps as Ze, mergeProps as B, isProxy as Ua, toRaw as Ha, useAttrs as $n, customRef as Ga, onUnmounted as Lt, normalizeStyle as We, useSlots as ue, createSlots as Me, isRef as Ee, Fragment as q, renderList as ie, toHandlers as qa, resolveComponent as Ka, withDirectives as Se, guardReactiveProps as rt, vShow as Et, Teleport as _t, vModelCheckbox as Cn, vModelText as Zt, h as me, vModelDynamic as En, withKeys as Ko, createStaticVNode as Wa, useModel as ja } from "vue";
 import { iconChevronDownSmall as Ya, iconCircleAttention as Ao, iconXSmall as ot, iconMoreVertical as To, iconX as Io, iconMoreHorizontalSmall as Bn, iconCircleCheck as Ja, iconCircleX as On, iconCircleInformation as Bt, iconUser as Za, iconArrowSmallUpRight as Xa, iconChevronRightSmall as Xt, iconArrowSmallLeft as Mn, iconHome as Qa, iconMoreHorizontal as Wo, iconChevronLeftSmall as Qt, iconFileCopy as el, iconSearch as An, iconCheck as tl, iconSearchX as ol, iconChevronDownUp as nl, iconCheckSmall as Dt, iconPlusSmall as Tn, iconEyeDisabled as al, iconListArrowUp as In, iconListArrowDown as Rn, iconArrowsSort as ll, iconCircleBlock as sl, iconEyeClosed as rl, iconEye as il, iconFileDisabled as cl, iconCircleContrast as ul, iconTranslate as dl, iconMenu as pl, iconNotificationFlag as ml, iconMinus as yl, iconPlus as fl, iconMinusSmall as vl, iconClock as bl, iconFile as hl, iconFilePdf as gl, iconFileCsv as _l, iconAudio as xl, iconVideocam as kl, iconPicture as wl, iconFileRtf as Sl, iconFilePpt as $l, iconFileXls as Cl, iconFileXlsx as El, iconFileDoc as Bl, iconFileGlobe as Ol, iconFileArchive as Ml, iconFileText as Al, iconCloudArrowUp as Tl, iconTrash as Il, iconShareIos as Rl, iconArrowSmallRight as Ll, iconSettings as Dl, iconLogout as Vl } from "@sit-onyx/icons";
-const Gm = ["compact", "default", "cozy"], K = (n) => ({
+const qm = ["compact", "default", "cozy"], K = (n) => ({
   densityClass: m(() => ({ [`onyx-density-${n.density}`]: !!n.density }))
 }), Nl = void 0, Ln = Symbol(), ae = Symbol("SKELETON_INJECTED_SYMBOL"), Dn = (n) => (t) => m(() => typeof t.skeleton != "symbol" ? t.skeleton : t.skeleton === ae && n?.skeleton === !0 ? 3 : !1), eo = (n) => Fe(Ln, Dn(n)), zl = Dn(), re = (n) => we(
   Ln,
@@ -16,7 +16,7 @@ const Gm = ["compact", "default", "cozy"], K = (n) => ({
     }
   });
   return l;
-}, Vn = Symbol(), qm = ["default", "nested-large", "nested-small", "card"], Km = /* @__PURE__ */ I({
+}, Vn = Symbol(), Km = ["default", "nested-large", "nested-small", "card"], Wm = /* @__PURE__ */ I({
   __name: "OnyxAccordion",
   props: {
     density: {},
@@ -118,12 +118,12 @@ const Pl = ["innerHTML"], G = /* @__PURE__ */ I({
 }, ql = {
   "aria-hidden": "true",
   class: "onyx-component onyx-skeleton"
-}, X = /* @__PURE__ */ I({
+}, Z = /* @__PURE__ */ I({
   __name: "OnyxSkeleton",
   setup(n) {
     return Re(() => Gl("onyx-skeleton")), (t, e) => (r(), b("figure", ql));
   }
-}), Kl = ["open"], Wl = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"], jl = { class: "onyx-accordion-item__header-content" }, Yl = ["id", "aria-labelledby"], Wm = /* @__PURE__ */ I({
+}), Kl = ["open"], Wl = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"], jl = { class: "onyx-accordion-item__header-content" }, Yl = ["id", "aria-labelledby"], jm = /* @__PURE__ */ I({
   __name: "OnyxAccordionItem",
   props: {
     density: {},
@@ -143,7 +143,7 @@ const Pl = ["innerHTML"], G = /* @__PURE__ */ I({
       }
     );
     const l = re(t), { densityClass: s } = K(t), i = m(() => e?.disabled.value || t.disabled), u = m(() => e?.type.value ?? "default"), c = m(() => `header-${t.value.toString()}`), p = m(() => `panel-${t.value.toString()}`), d = m(() => l.value || e?.skeleton.value);
-    return (h, g) => d.value ? (r(), k(Le(u.value === "card" ? X : "div"), {
+    return (h, g) => d.value ? (r(), k(Le(u.value === "card" ? Z : "div"), {
       key: 0,
       class: D([
         "onyx-component",
@@ -153,8 +153,8 @@ const Pl = ["innerHTML"], G = /* @__PURE__ */ I({
       ])
     }, {
       default: E(() => [
-        O(X, { class: "onyx-accordion-item-skeleton__main" }),
-        O(X, { class: "onyx-accordion-item-skeleton__icon" })
+        O(Z, { class: "onyx-accordion-item-skeleton__main" }),
+        O(Z, { class: "onyx-accordion-item-skeleton__icon" })
       ]),
       _: 1
       /* STABLE */
@@ -1470,7 +1470,7 @@ const Ns = Xe((n) => {
       M(s.$slots, "default"),
       t.target === "_blank" ? (r(), k(Ge, { key: 0 }, {
         default: E(() => [
-          Z(
+          X(
             R(a(e)("link.opensExternally")),
             1
             /* TEXT */
@@ -1494,7 +1494,7 @@ const Ns = Xe((n) => {
       const { origin: c, pathname: p, search: d } = window.location, h = `${c}${p}${d}#${u}`;
       await navigator.clipboard.writeText(h);
     };
-    return (u, c) => a(o) ? (r(), k(X, {
+    return (u, c) => a(o) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-headline-skeleton", `onyx-headline-skeleton--${s.value}`])
     }, null, 8, ["class"])) : (r(), k(Le(t.is), {
@@ -1514,7 +1514,7 @@ const Ns = Xe((n) => {
           default: E(() => [
             O(Ge, null, {
               default: E(() => [
-                Z(
+                X(
                   R(a(e)("headline.copyLinkTo")),
                   1
                   /* TEXT */
@@ -1591,7 +1591,10 @@ const Ns = Xe((n) => {
       M(s.$slots, "default")
     ], 8, ur));
   }
-}), Be = /* @__PURE__ */ I({
+}), dr = {
+  key: 1,
+  class: "onyx-truncation-ellipsis"
+}, Be = /* @__PURE__ */ I({
   __name: "OnyxSystemButton",
   props: {
     disabled: { type: [Boolean, Symbol], default: le },
@@ -1604,7 +1607,7 @@ const Ns = Xe((n) => {
   },
   setup(n) {
     const t = n, e = de(t, je), o = re(t);
-    return (l, s) => a(o) ? (r(), k(X, {
+    return (l, s) => a(o) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-system-button-skeleton", t.icon ? "" : "onyx-system-button-skeleton--text"])
     }, null, 8, ["class"])) : (r(), k(je, B({ key: 1 }, a(e), {
@@ -1618,24 +1621,18 @@ const Ns = Xe((n) => {
           key: 0,
           icon: t.icon
         }, null, 8, ["icon"])) : (r(), b(
-          q,
-          { key: 1 },
-          [
-            Z(
-              R(t.label),
-              1
-              /* TEXT */
-            )
-          ],
-          64
-          /* STABLE_FRAGMENT */
+          "span",
+          dr,
+          R(t.label),
+          1
+          /* TEXT */
         ))
       ]),
       _: 1
       /* STABLE */
     }, 16, ["class", "aria-label", "title"]));
   }
-}), dr = { class: "onyx-alert-modal__content" }, pr = { class: "onyx-alert-modal__headline" }, mr = ["id"], yr = { class: "onyx-alert-modal__actions" }, jm = /* @__PURE__ */ I({
+}), pr = { class: "onyx-alert-modal__content" }, mr = { class: "onyx-alert-modal__headline" }, yr = ["id"], fr = { class: "onyx-alert-modal__actions" }, Ym = /* @__PURE__ */ I({
   __name: "OnyxAlertModal",
   props: {
     density: {},
@@ -1656,7 +1653,7 @@ const Ns = Xe((n) => {
       "onUpdate:open": p[1] || (p[1] = (d) => l("update:open", d))
     }), {
       default: E(() => [
-        v("div", dr, [
+        v("div", pr, [
           e.icon ? (r(), k(
             G,
             B({
@@ -1668,13 +1665,13 @@ const Ns = Xe((n) => {
             /* FULL_PROPS */
           )) : $("v-if", !0),
           v("div", null, [
-            v("div", pr, [
+            v("div", mr, [
               M(c.$slots, "headline", {
                 label: e.label
               }, () => [
                 O(qe, { is: "h2" }, {
                   default: E(() => [
-                    Z(
+                    X(
                       R(e.label),
                       1
                       /* TEXT */
@@ -1696,10 +1693,10 @@ const Ns = Xe((n) => {
               class: "onyx-alert-modal__body onyx-truncation"
             }, [
               M(c.$slots, "default")
-            ], 8, mr)
+            ], 8, yr)
           ])
         ]),
-        v("div", yr, [
+        v("div", fr, [
           M(c.$slots, "actions")
         ])
       ]),
@@ -1724,7 +1721,7 @@ const Ns = Xe((n) => {
      */
     restAttrs: e
   };
-}, vt = Symbol("MERGED_REFS"), fr = (...n) => {
+}, vt = Symbol("MERGED_REFS"), vr = (...n) => {
   let t;
   const e = Ga((o, l) => ({
     [vt]: n ?? [],
@@ -1753,8 +1750,8 @@ const Ns = Xe((n) => {
   if (!l || !o)
     return s.ref = o ?? l, s;
   let i;
-  return tn(l) ? (l[vt].push(o), i = l) : tn(o) ? (o[vt].push(l), i = o) : i = fr(l, o), s.ref = i, s;
-}, {}), vr = {
+  return tn(l) ? (l[vt].push(o), i = l) : tn(o) ? (o[vt].push(l), i = o) : i = vr(l, o), s.ref = i, s;
+}, {}), br = {
   key: 1,
   class: "onyx-fab-button__label"
 }, Ut = /* @__PURE__ */ I({
@@ -1769,7 +1766,7 @@ const Ns = Xe((n) => {
   },
   setup(n) {
     const t = n, { densityClass: e } = K(t), o = re(t);
-    return (l, s) => a(o) ? (r(), k(X, {
+    return (l, s) => a(o) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-fab-button-skeleton", a(e)])
     }, null, 8, ["class"])) : (r(), k(je, {
@@ -1786,7 +1783,7 @@ const Ns = Xe((n) => {
         }, null, 8, ["icon"])) : $("v-if", !0),
         t.hideLabel ? $("v-if", !0) : (r(), b(
           "span",
-          vr,
+          br,
           R(t.label),
           1
           /* TEXT */
@@ -1819,7 +1816,7 @@ const Ns = Xe((n) => {
       { immediate: !0 }
     ), Rt(() => i.disconnect());
   }), { width: o, height: l };
-}, lt = (n) => n instanceof Element ? n : n?.$el, br = (n, t) => {
+}, lt = (n) => n instanceof Element ? n : n?.$el, hr = (n, t) => {
   const e = P(!1), o = (l) => {
     l.forEach((s) => {
       e.value = s.isIntersecting;
@@ -1854,7 +1851,7 @@ const Ns = Xe((n) => {
   fitParent: s,
   offset: i = 0
 }) => {
-  const u = P("-1000px"), c = P("-1000px"), { isIntersecting: p } = br(t), d = () => {
+  const u = P("-1000px"), c = P("-1000px"), { isIntersecting: p } = hr(t), d = () => {
     const g = lt(n.value), _ = lt(t.value);
     if (!g || !_)
       return;
@@ -1953,7 +1950,7 @@ const Ns = Xe((n) => {
     }
   };
 }, ta = (n) => n ? getComputedStyle(n).overflow.includes("hidden") ? n : n.parentElement ? ta(n.parentElement) : void 0 : void 0;
-function hr(n) {
+function gr(n) {
   const t = P(), e = P(), o = P(!1), l = () => {
     if (!(!n.popoverRef.value || !n.popoverWrapperRef.value || !n.isVisible.value))
       if (o.value) {
@@ -2003,7 +2000,7 @@ function hr(n) {
     await et(), s.value || l();
   }), { stickyStyles: t, scrolledOut: e, isSticky: o, checkVisibilityOnScroll: l };
 }
-const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
+const _r = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
   __name: "OnyxBasicPopover",
   props: {
     label: {},
@@ -2059,7 +2056,7 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
       z ? h.value?.showPopover?.() : h.value?.hidePopover?.();
     }, J = () => {
       w(), f();
-    }, { stickyStyles: W, isSticky: te } = hr({
+    }, { stickyStyles: W, isSticky: te } = gr({
       popoverRef: h,
       popoverWrapperRef: g,
       popoverPosition: u,
@@ -2125,13 +2122,13 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
           style: We(a(te) ? a(W) : L.value)
         }, [
           M(z.$slots, "content")
-        ], 14, gr)
+        ], 14, _r)
       ],
       4
       /* STYLE */
     ));
   }
-}), _r = { class: "onyx-flyout-menu__list-header" }, xr = { class: "onyx-flyout-menu__list-footer" }, nt = /* @__PURE__ */ I({
+}), xr = { class: "onyx-flyout-menu__list-header" }, kr = { class: "onyx-flyout-menu__list-footer" }, nt = /* @__PURE__ */ I({
   __name: "OnyxFlyoutMenu",
   props: {
     alignment: { default: "auto" },
@@ -2164,7 +2161,7 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
       disabled: n.disabled
     }), Me({
       content: E(() => [
-        v("div", _r, [
+        v("div", xr, [
           M(g.$slots, "header")
         ]),
         s.options ? (r(), b(
@@ -2176,7 +2173,7 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
           16
           /* FULL_PROPS */
         )) : $("v-if", !0),
-        v("div", xr, [
+        v("div", kr, [
           M(g.$slots, "footer")
         ])
       ]),
@@ -2246,7 +2243,7 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
       /* FORWARDED */
     }, 8, ["open", "label", "class", "alignment"]));
   }
-}), kr = /* @__PURE__ */ I({
+}), wr = /* @__PURE__ */ I({
   __name: "OnyxFABItem",
   props: {
     density: {},
@@ -2273,7 +2270,7 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
       /* FULL_PROPS */
     ));
   }
-}), oa = Symbol(), wr = () => {
+}), oa = Symbol(), Sr = () => {
   const n = at([]), t = (o) => {
     n.value = n.value.concat(ce(o));
   }, e = (o) => {
@@ -2298,7 +2295,7 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
     }),
     !0
   );
-}, Sr = /* @__PURE__ */ I({
+}, $r = /* @__PURE__ */ I({
   __name: "OnyxGlobalFAB",
   setup(n) {
     const t = na(), { t: e } = Y(), o = m(
@@ -2320,7 +2317,7 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
           q,
           null,
           ie(a(t).items.value, (i) => (r(), k(
-            kr,
+            wr,
             B({
               key: i.value.id
             }, { ref_for: !0 }, { ...i.value, ...i.value.ifOption }),
@@ -2341,12 +2338,12 @@ const gr = ["role", "aria-label"], Mt = /* @__PURE__ */ I({
   for (const [o, l] of t)
     e[o] = l;
   return e;
-}, $r = {}, Cr = {
+}, Cr = {}, Er = {
   class: "onyx-component onyx-circle-spinner",
   viewBox: "0 0 50 50"
 };
-function Er(n, t) {
-  return r(), b("svg", Cr, [...t[0] || (t[0] = [
+function Br(n, t) {
+  return r(), b("svg", Er, [...t[0] || (t[0] = [
     v(
       "circle",
       {
@@ -2361,9 +2358,9 @@ function Er(n, t) {
     )
   ])]);
 }
-const Br = /* @__PURE__ */ oo($r, [["render", Er]]), Or = {}, Mr = { class: "onyx-component onyx-loading-dots" };
-function Ar(n, t) {
-  return r(), b("div", Mr, [...t[0] || (t[0] = [
+const Or = /* @__PURE__ */ oo(Cr, [["render", Br]]), Mr = {}, Ar = { class: "onyx-component onyx-loading-dots" };
+function Tr(n, t) {
+  return r(), b("div", Ar, [...t[0] || (t[0] = [
     v(
       "span",
       { class: "onyx-loading-dots__center" },
@@ -2373,16 +2370,16 @@ function Ar(n, t) {
     )
   ])]);
 }
-const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
+const ko = /* @__PURE__ */ oo(Mr, [["render", Tr]]), Ne = /* @__PURE__ */ I({
   __name: "OnyxLoadingIndicator",
   props: {
     type: { default: "dots" }
   },
   setup(n) {
     const t = n;
-    return (e, o) => t.type === "circle" ? (r(), k(Br, { key: 0 })) : t.type === "dots" ? (r(), k(ko, { key: 1 })) : $("v-if", !0);
+    return (e, o) => t.type === "circle" ? (r(), k(Or, { key: 0 })) : t.type === "dots" ? (r(), k(ko, { key: 1 })) : $("v-if", !0);
   }
-}), Tr = (n) => {
+}), Ir = (n) => {
   const t = P(!1), e = Mo(/* @__PURE__ */ new Map()), o = (u) => {
     const c = n.value?.getBoundingClientRect();
     if (!c) return;
@@ -2413,19 +2410,19 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       mouseup: s
     };
   }), { isPointerDown: t, ripples: e, startRipple: o, hideRipples: s, hideRipple: l, events: i };
-}, Ir = {
+}, Rr = {
   ref: "rippleTriggerRef",
   class: "onyx-component onyx-ripple",
   "aria-hidden": "true"
-}, Rr = ["data-rippleid"], Lr = /* @__PURE__ */ I({
+}, Lr = ["data-rippleid"], Dr = /* @__PURE__ */ I({
   __name: "OnyxRipple",
   setup(n, { expose: t }) {
-    const e = ee("rippleTriggerRef"), { ripples: o, hideRipple: l, events: s } = Tr(e);
+    const e = ee("rippleTriggerRef"), { ripples: o, hideRipple: l, events: s } = Ir(e);
     return t({
       events: s
     }), (i, u) => (r(), b(
       "span",
-      Ir,
+      Rr,
       [
         (r(!0), b(
           q,
@@ -2439,7 +2436,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             }),
             "data-rippleid": c,
             onAnimationend: u[0] || (u[0] = (d) => a(l)(d.target))
-          }, null, 44, Rr))),
+          }, null, 44, Lr))),
           128
           /* KEYED_FRAGMENT */
         ))
@@ -2448,7 +2445,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* NEED_PATCH */
     ));
   }
-}), Dr = { class: "onyx-button__label onyx-truncation-ellipsis" }, gt = /* @__PURE__ */ I({
+}), Vr = { class: "onyx-button__label onyx-truncation-ellipsis" }, gt = /* @__PURE__ */ I({
   __name: "OnyxButton",
   props: {
     density: {},
@@ -2466,7 +2463,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   },
   setup(n) {
     const t = n, e = de(t, je), { densityClass: o } = K(t), { disabled: l } = Ce(t), s = re(t), i = ee("rippleRef"), u = m(() => i.value?.events ?? {});
-    return (c, p) => a(s) ? (r(), k(X, {
+    return (c, p) => a(s) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-button-skeleton", a(o)])
     }, null, 8, ["class"])) : (r(), k(je, B({ key: 1 }, a(e), {
@@ -2482,7 +2479,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     }, qa(u.value)), {
       default: E(() => [
         !a(l) && !t.loading ? (r(), k(
-          Lr,
+          Dr,
           {
             key: 0,
             ref: "rippleRef"
@@ -2502,7 +2499,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         })) : $("v-if", !0),
         v(
           "span",
-          Dr,
+          Vr,
           R(t.label),
           1
           /* TEXT */
@@ -2517,13 +2514,13 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* STABLE */
     }, 16, ["class", "aria-label"]));
   }
-}), Vr = { class: "onyx-info-card__content" }, Nr = {
+}), Nr = { class: "onyx-info-card__content" }, zr = {
   key: 3,
   class: "onyx-info-card__description onyx-text--small"
-}, zr = {
+}, Pr = {
   key: 4,
   class: "onyx-info-card__buttons onyx-density-compact"
-}, Pr = /* @__PURE__ */ I({
+}, Fr = /* @__PURE__ */ I({
   __name: "OnyxInfoCard",
   props: {
     density: {},
@@ -2546,14 +2543,14 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           class: "onyx-info-card__icon",
           icon: e.icon
         }, null, 8, ["icon"])) : $("v-if", !0),
-        v("div", Vr, [
+        v("div", Nr, [
           e.headline ? (r(), k(qe, {
             key: 0,
             is: "h3",
             class: "onyx-info-card__headline onyx-truncation-multiline"
           }, {
             default: E(() => [
-              Z(
+              X(
                 R(e.headline),
                 1
                 /* TEXT */
@@ -2589,10 +2586,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             color: u.value,
             onClick: p[0] || (p[0] = (d) => o("close"))
           }, null, 8, ["icon", "label", "color"])) : $("v-if", !0),
-          l.default ? (r(), b("p", Nr, [
+          l.default ? (r(), b("p", zr, [
             M(c.$slots, "default")
           ])) : $("v-if", !0),
-          l.buttons ? (r(), b("div", zr, [
+          l.buttons ? (r(), b("div", Pr, [
             M(c.$slots, "buttons")
           ])) : $("v-if", !0)
         ])
@@ -2601,7 +2598,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS */
     ));
   }
-}), Fr = /* @__PURE__ */ I({
+}), Ur = /* @__PURE__ */ I({
   __name: "OnyxNotificationMessage",
   props: {
     headline: {},
@@ -2611,7 +2608,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   emits: ["close"],
   setup(n, { emit: t }) {
     const e = n, o = t, l = ue();
-    return (s, i) => (r(), k(Pr, {
+    return (s, i) => (r(), k(Fr, {
       class: D(["onyx-component onyx-notification-message", [
         "onyx-component",
         "onyx-notification-message",
@@ -2643,7 +2640,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       } : void 0
     ]), 1032, ["class", "headline", "icon", "style", "aria-label"]));
   }
-}), aa = Symbol(), Ur = () => {
+}), aa = Symbol(), Hr = () => {
   let n = 1;
   const t = P([]), e = (l) => {
     const s = n++;
@@ -2661,7 +2658,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     show: e,
     remove: o
   };
-}, Hr = () => {
+}, Gr = () => {
   const n = () => Nl?.warn(
     'Trying to use "useNotification()" before the notifications provider has been provided. Make sure to "provide" it first.'
   );
@@ -2675,26 +2672,26 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     }),
     !0
   );
-}, Gr = {
+}, qr = {
   key: 0,
   class: "onyx-component onyx-notifications",
   role: "presentation",
   "aria-live": "polite",
   open: ""
-}, qr = /* @__PURE__ */ I({
+}, Kr = /* @__PURE__ */ I({
   __name: "OnyxNotifications",
   setup(n) {
-    const t = Hr();
-    return (e, o) => a(t).notifications.value.length ? (r(), b("dialog", Gr, [
+    const t = Gr();
+    return (e, o) => a(t).notifications.value.length ? (r(), b("dialog", qr, [
       (r(!0), b(
         q,
         null,
         ie(a(t).notifications.value, ({ id: l, ...s }) => (r(), k(
-          Fr,
+          Ur,
           B({ key: l }, { ref_for: !0 }, s),
           Me({
             default: E(() => [
-              Z(
+              X(
                 R(s.description) + " ",
                 1
                 /* TEXT */
@@ -2733,7 +2730,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       ))
     ])) : $("v-if", !0);
   }
-}), Kr = { class: "onyx-toast-message__wrapper" }, Wr = { class: "onyx-toast-message__content onyx-truncation-ellipsis" }, jr = { class: "onyx-toast-message__headline onyx-text" }, Yr = { class: "onyx-truncation-ellipsis" }, Jr = ["aria-label"], Zr = {
+}), Wr = { class: "onyx-toast-message__wrapper" }, jr = { class: "onyx-toast-message__content onyx-truncation-ellipsis" }, Yr = { class: "onyx-toast-message__headline onyx-text" }, Jr = { class: "onyx-truncation-ellipsis" }, Zr = ["aria-label"], Xr = {
   key: 0,
   class: "onyx-toast-message__description onyx-text--small onyx-truncation-multiline",
   tabindex: "0"
@@ -2765,16 +2762,16 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       "aria-label": e.clickable ? e.headline : void 0
     }, {
       default: E(() => [
-        v("div", Kr, [
+        v("div", Wr, [
           c.value ? (r(), k(G, {
             key: 0,
             icon: c.value
           }, null, 8, ["icon"])) : $("v-if", !0),
-          v("div", Wr, [
-            v("div", jr, [
+          v("div", jr, [
+            v("div", Yr, [
               v(
                 "span",
-                Yr,
+                Jr,
                 R(e.headline),
                 1
                 /* TEXT */
@@ -2787,11 +2784,11 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                 onClick: d[0] || (d[0] = (h) => o("close"))
               }, [
                 O(G, { icon: a(ot) }, null, 8, ["icon"])
-              ], 8, Jr))
+              ], 8, Zr))
             ]),
             e.description ? (r(), b(
               "p",
-              Zr,
+              Xr,
               R(e.description),
               1
               /* TEXT */
@@ -2816,7 +2813,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* STABLE */
     }, 8, ["class", "role", "aria-label"]));
   }
-}), sa = Symbol(), Xr = () => {
+}), sa = Symbol(), Qr = () => {
   let n = 1;
   const t = P([]), e = (l) => {
     const s = n++;
@@ -2834,7 +2831,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     show: e,
     remove: o
   };
-}, Qr = () => {
+}, ei = () => {
   const n = () => {
   };
   return we(
@@ -2847,17 +2844,17 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     }),
     !0
   );
-}, ei = {
+}, ti = {
   key: 0,
   class: "onyx-component onyx-toast",
   role: "presentation",
   "aria-live": "polite",
   open: ""
-}, ti = /* @__PURE__ */ I({
+}, oi = /* @__PURE__ */ I({
   __name: "OnyxToast",
   setup(n) {
-    const t = Qr();
-    return (e, o) => a(t).toasts.value.length ? (r(), b("dialog", ei, [
+    const t = ei();
+    return (e, o) => a(t).toasts.value.length ? (r(), b("dialog", ti, [
       (r(!0), b(
         q,
         null,
@@ -2873,10 +2870,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       ))
     ])) : $("v-if", !0);
   }
-}), oi = {
+}), ni = {
   key: 0,
   class: "onyx-app__nav"
-}, ni = { class: "onyx-app__page" }, Ym = /* @__PURE__ */ I({
+}, ai = { class: "onyx-app__page" }, Jm = /* @__PURE__ */ I({
   __name: "OnyxAppLayout",
   props: {
     navBarAlignment: { default: "top" }
@@ -2889,21 +2886,21 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         class: D(["onyx-component onyx-app", { "onyx-app--horizontal": t.navBarAlignment === "left" }])
       },
       [
-        e.navBar ? (r(), b("div", oi, [
+        e.navBar ? (r(), b("div", ni, [
           M(o.$slots, "navBar")
         ])) : $("v-if", !0),
-        v("div", ni, [
+        v("div", ai, [
           M(o.$slots, "default")
         ]),
-        O(ti),
-        O(Sr),
-        O(qr)
+        O(oi),
+        O($r),
+        O(Kr)
       ],
       2
       /* CLASS */
     ));
   }
-}), ai = ["title", "aria-label"], li = ["src", "alt"], si = {
+}), li = ["title", "aria-label"], si = ["src", "alt"], ri = {
   key: 0,
   class: "onyx-avatar__initials"
 }, Wt = /* @__PURE__ */ I({
@@ -2936,13 +2933,13 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         src: t.src,
         alt: i.value,
         onError: p[0] || (p[0] = (d) => u.value = !0)
-      }, null, 40, li)) : (r(), b(
+      }, null, 40, si)) : (r(), b(
         q,
         { key: 1 },
         [
           s.value ? (r(), b(
             "div",
-            si,
+            ri,
             R(s.value),
             1
             /* TEXT */
@@ -2955,12 +2952,12 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         64
         /* STABLE_FRAGMENT */
       ))
-    ], 10, ai));
+    ], 10, li));
   }
-}), ri = { class: "onyx-component onyx-avatar-stack" }, ii = /* @__PURE__ */ I({
+}), ii = { class: "onyx-component onyx-avatar-stack" }, ci = /* @__PURE__ */ I({
   __name: "OnyxAvatarStack",
   setup(n) {
-    return (t, e) => (r(), b("div", ri, [
+    return (t, e) => (r(), b("div", ii, [
       M(t.$slots, "default")
     ]));
   }
@@ -3004,7 +3001,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS */
     ));
   }
-}), ci = { class: "onyx-bottom-bar__content onyx-grid-container" }, ui = { class: "onyx-bottom-bar__content--left" }, di = { class: "onyx-bottom-bar__content--right" }, pi = /* @__PURE__ */ I({
+}), ui = { class: "onyx-bottom-bar__content onyx-grid-container" }, di = { class: "onyx-bottom-bar__content--left" }, pi = { class: "onyx-bottom-bar__content--right" }, mi = /* @__PURE__ */ I({
   __name: "OnyxBottomBar",
   props: {
     density: {},
@@ -3023,11 +3020,11 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         ])
       },
       [
-        v("div", ci, [
-          v("div", ui, [
+        v("div", ui, [
+          v("div", di, [
             M(o.$slots, "left")
           ]),
-          v("div", di, [
+          v("div", pi, [
             M(o.$slots, "default")
           ])
         ])
@@ -3036,7 +3033,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS */
     ));
   }
-}), mi = (n) => {
+}), yi = (n) => {
   const t = P(), e = P(), { width: o } = tt(n.parentRef), { width: l } = tt(n.moreIndicatorRef), s = Mo(/* @__PURE__ */ new Map());
   return Re(() => {
     ne(
@@ -3152,10 +3149,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS */
     ));
   }
-}), yi = { class: "onyx-truncation-ellipsis" }, fi = {
+}), fi = { class: "onyx-truncation-ellipsis" }, vi = {
   key: 0,
   class: "onyx-menu-item__chevron"
-}, vi = {
+}, bi = {
   key: 0,
   role: "menu",
   class: "onyx-menu-item__children"
@@ -3222,7 +3219,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                 v("span", null, [
                   v(
                     "span",
-                    yi,
+                    fi,
                     R(s.label),
                     1
                     /* TEXT */
@@ -3236,7 +3233,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                   )
                 ])
               ]),
-              f.value ? (r(), b("div", fi, [
+              f.value ? (r(), b("div", vi, [
                 O(G, {
                   icon: a(Xt),
                   size: "24px"
@@ -3250,7 +3247,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           ]),
           f.value ? Se((r(), b(
             "ul",
-            vi,
+            bi,
             [
               O(
                 T,
@@ -3263,7 +3260,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                 {
                   default: E(() => [
                     O(G, { icon: a(Mn) }, null, 8, ["icon"]),
-                    Z(
+                    X(
                       " " + R(a(e)("back")),
                       1
                       /* TEXT */
@@ -3319,7 +3316,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             role: "menuitem"
           }, a(o)),
           [
-            a(i) ? (r(), k(X, {
+            a(i) ? (r(), k(Z, {
               key: 0,
               class: "onyx-breadcrumb-item__link onyx-breadcrumb-item__skeleton"
             })) : (r(), k(je, B({
@@ -3368,7 +3365,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   },
   emits: ["visibilityChange"],
   setup(n, { emit: t }) {
-    const e = n, o = t, l = ee("parentRefEl"), s = P(), i = P(), u = mi({
+    const e = n, o = t, l = ee("parentRefEl"), s = P(), i = P(), u = yi({
       parentRef: l,
       listRef: s,
       moreIndicatorRef: i,
@@ -3418,10 +3415,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* NEED_PATCH */
     ));
   }
-}), bi = ["aria-label", "aria-hidden"], hi = {
+}), hi = ["aria-label", "aria-hidden"], gi = {
   class: "onyx-breadcrumb__list onyx-grid-container",
   role: "menu"
-}, gi = { ref: "moreListRef" }, Jm = /* @__PURE__ */ I({
+}, _i = { ref: "moreListRef" }, Zm = /* @__PURE__ */ I({
   __name: "OnyxBreadcrumb",
   props: {
     density: {},
@@ -3441,7 +3438,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       "aria-label": a(e)("breadcrumb.label"),
       "aria-hidden": t.skeleton
     }, [
-      v("ol", hi, [
+      v("ol", gi, [
         O(an, {
           class: "onyx-breadcrumb__home",
           href: t.home?.link ?? "/",
@@ -3453,7 +3450,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
               q,
               { key: 1 },
               [
-                Z(
+                X(
                   R(t.home.label),
                   1
                   /* TEXT */
@@ -3509,7 +3506,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
               options: E(() => [
                 v(
                   "div",
-                  gi,
+                  _i,
                   null,
                   512
                   /* NEED_PATCH */
@@ -3523,9 +3520,9 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           /* FORWARDED */
         }, 8, ["injection-key"])
       ])
-    ], 10, bi));
+    ], 10, hi));
   }
-}), Zm = ["button", "submit", "reset"], Xm = ["primary", "neutral", "danger"], Qm = ["default", "outline", "plain"], da = /* @__PURE__ */ I({
+}), Xm = ["button", "submit", "reset"], Qm = ["primary", "neutral", "danger"], ey = ["default", "outline", "plain"], da = /* @__PURE__ */ I({
   __name: "OnyxCard",
   props: {
     density: {},
@@ -3546,7 +3543,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* FORWARDED */
     }, 16, ["class"]));
   }
-}), _i = { class: "onyx-tooltip--content" }, Qe = /* @__PURE__ */ I({
+}), xi = { class: "onyx-tooltip--content" }, Qe = /* @__PURE__ */ I({
   __name: "OnyxTooltip",
   props: {
     density: {},
@@ -3658,14 +3655,14 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             style: be.value
           }),
           [
-            v("div", _i, [
+            v("div", xi, [
               e.icon ? (r(), k(G, {
                 key: 0,
                 icon: e.icon,
                 size: "16px"
               }, null, 8, ["icon"])) : $("v-if", !0),
               M(Pe.$slots, "tooltip", {}, () => [
-                Z(
+                X(
                   R(e.text),
                   1
                   /* TEXT */
@@ -3682,13 +3679,13 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS, STYLE */
     ));
   }
-}), xi = { class: "onyx-calendar-cell__header" }, ki = { class: "onyx-calendar-cell__date-container" }, wi = {
+}), ki = { class: "onyx-calendar-cell__header" }, wi = { class: "onyx-calendar-cell__date-container" }, Si = {
   key: 1,
   class: "onyx-calendar-cell__date"
-}, Si = {
+}, $i = {
   key: 0,
   class: "onyx-calendar-cell__main"
-}, $i = /* @__PURE__ */ I({
+}, Ci = /* @__PURE__ */ I({
   __name: "OnyxCalendarCell",
   props: {
     density: {},
@@ -3730,8 +3727,8 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           ]
         }), {
           default: E(() => [
-            v("div", xi, [
-              v("div", ki, [
+            v("div", ki, [
+              v("div", wi, [
                 t.tooltipText ? (r(), k(Qe, {
                   key: 0,
                   text: t.tooltipText,
@@ -3750,14 +3747,14 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                   /* STABLE */
                 }, 8, ["text"])) : (r(), b(
                   "span",
-                  wi,
+                  Si,
                   R(t.date),
                   1
                   /* TEXT */
                 ))
               ])
             ]),
-            e.default ? (r(), b("div", Si, [
+            e.default ? (r(), b("div", $i, [
               M(s.$slots, "default")
             ])) : $("v-if", !0)
           ]),
@@ -3785,7 +3782,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   },
   setup(n) {
     const t = n, { densityClass: e } = K(t), o = re(t), l = de(t, je);
-    return (s, i) => a(o) ? (r(), k(X, {
+    return (s, i) => a(o) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-icon-button-skeleton", a(e)])
     }, null, 8, ["class"])) : (r(), k(je, B({ key: 1 }, a(l), {
@@ -3812,7 +3809,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* FORWARDED */
     }, 16, ["aria-label", "title", "class"]));
   }
-}), Ci = { class: "onyx-text--small onyx-truncation-ellipsis" }, Ei = { class: "onyx-text--small onyx-truncation-ellipsis" }, Ke = /* @__PURE__ */ I({
+}), Ei = { class: "onyx-text--small onyx-truncation-ellipsis" }, Bi = { class: "onyx-text--small onyx-truncation-ellipsis" }, Ke = /* @__PURE__ */ I({
   __name: "OnyxTag",
   props: {
     density: {},
@@ -3830,7 +3827,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       { "onyx-tag--interactive": t.clickable },
       e.value
     ]);
-    return (s, i) => a(o) ? (r(), k(X, {
+    return (s, i) => a(o) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-tag-skeleton", a(e)])
     }, null, 8, ["class"])) : t.clickable ? (r(), k(Qe, {
@@ -3852,7 +3849,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             }, null, 8, ["icon"])) : $("v-if", !0),
             v(
               "span",
-              Ci,
+              Ei,
               R(t.label),
               1
               /* TEXT */
@@ -3883,7 +3880,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         }, null, 8, ["icon"])) : $("v-if", !0),
         v(
           "span",
-          Ei,
+          Bi,
           R(t.label),
           1
           /* TEXT */
@@ -3893,8 +3890,8 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS */
     ));
   }
-}), Bi = { class: "onyx-calendar__header" }, Oi = { class: "control-container time-control-container" }, Mi = { class: "control-container" }, Ai = { class: "onyx-calendar__body" }, Ti = ["abbr"], Ii = {}, ey = /* @__PURE__ */ I({
-  ...Ii,
+}), Oi = { class: "onyx-calendar__header" }, Mi = { class: "control-container time-control-container" }, Ai = { class: "control-container" }, Ti = { class: "onyx-calendar__body" }, Ii = ["abbr"], Ri = {}, ty = /* @__PURE__ */ I({
+  ...Ri,
   __name: "OnyxCalendar",
   props: {
     density: {},
@@ -3973,8 +3970,8 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         class: D(["onyx-component", "onyx-calendar-skeleton", a(u)])
       },
       [
-        O(X, { class: "onyx-calendar-skeleton__header" }),
-        O(X, { class: "onyx-calendar-skeleton__body" })
+        O(Z, { class: "onyx-calendar-skeleton__header" }),
+        O(Z, { class: "onyx-calendar-skeleton__body" })
       ],
       2
       /* CLASS */
@@ -3986,8 +3983,8 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         class: D(["onyx-component", "onyx-calendar", `onyx-calendar--${w.value}`, a(u)])
       },
       [
-        v("div", Bi, [
-          v("div", Oi, [
+        v("div", Oi, [
+          v("div", Mi, [
             O(Be, {
               label: a(p)("calendar.todayButton.label"),
               class: "control-container__today-btn",
@@ -3999,7 +3996,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
               class: "control-container__date-display"
             }, {
               default: E(() => [
-                Z(
+                X(
                   R(a(h)(a(i), { month: "long", year: "numeric" })),
                   1
                   /* TEXT */
@@ -4030,11 +4027,11 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
               onClick: ke[1] || (ke[1] = (Ae) => a(N)(1))
             }, null, 8, ["label", "icon", "disabled"])
           ]),
-          v("div", Mi, [
+          v("div", Ai, [
             M(he.$slots, "actions")
           ])
         ]),
-        v("div", Ai, [
+        v("div", Ti, [
           v(
             "table",
             Ze(rt(a(J))),
@@ -4048,7 +4045,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                       key: Ae,
                       scope: "col",
                       abbr: Ae
-                    }, R(Ae), 9, Ti))),
+                    }, R(Ae), 9, Ii))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -4074,7 +4071,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                     (r(!0), b(
                       q,
                       null,
-                      ie(Ae.days, ($e) => (r(), k($i, B({
+                      ie(Ae.days, ($e) => (r(), k(Ci, B({
                         is: e.selectionMode ? "button" : "div"
                       }, { ref_for: !0 }, { ...a(W)({ date: $e.date }), ...pe($e) }, {
                         key: $e.date.toDateString(),
@@ -4142,15 +4139,15 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     return o;
   const l = n.getHours().toString().padStart(2, "0"), s = n.getMinutes().toString().padStart(2, "0");
   return `${o}T${l}:${s}`;
-}, ma = () => Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n, t]) => t.enumerable).map(([n]) => n), Ri = (n) => ma().reduce(
+}, ma = () => Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n, t]) => t.enumerable).map(([n]) => n), Li = (n) => ma().reduce(
   (t, e) => (t[e] = n[e], t),
   {}
-), Li = (n) => {
+), Di = (n) => {
   if (n.valueMissing) return "valueMissing";
   const t = ma().filter((e) => e !== "valid").sort();
   for (const e of t)
     if (e in n && n[e]) return e;
-}, Di = (n, t) => {
+}, Vi = (n, t) => {
   const e = Object.entries(n).filter(([l, s]) => s !== void 0), o = Object.entries(t).filter(([l, s]) => s !== void 0);
   return e.length !== o.length ? !1 : e.every(([l, s]) => s === t[l]);
 }, sn = (n, t) => n.reduce(
@@ -4165,7 +4162,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     name: o,
     items: l
   }));
-}, Vi = (n) => Reflect.ownKeys(n).map((t) => [t, n[t]]), At = (n, t = !1) => !t && n == null ? [] : Array.isArray(n) ? n : [n], Ni = (n) => {
+}, Ni = (n) => Reflect.ownKeys(n).map((t) => [t, n[t]]), At = (n, t = !1) => !t && n == null ? [] : Array.isArray(n) ? n : [n], zi = (n) => {
   const t = P();
   return {
     /**
@@ -4179,8 +4176,8 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           [() => H(n.error), () => H(n.props)],
           () => {
             o.setCustomValidity(H(n.error) ?? "");
-            const l = Ri(o.validity);
-            !t.value && l.valid || t.value && Di(l, t.value) || (t.value = l);
+            const l = Li(o.validity);
+            !t.value && l.valid || t.value && Vi(l, t.value) || (t.value = l);
           },
           // We use "post" flush timing, to ensure the DOM is up-to-date and the elements validity state is in sync.
           { immediate: !0, deep: !0, flush: "post" }
@@ -4192,7 +4189,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
      */
     validityState: t
   };
-}, zi = Object.keys(
+}, Pi = Object.keys(
   ho.validations.typeMismatch
 ), Te = (n) => {
   if (n)
@@ -4206,7 +4203,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   const { shortMessage: t, longMessage: e } = n;
   return `${t}: ${e}`;
 }, ze = (n) => {
-  const { t, locale: e } = Y(), o = P(!1), { vCustomValidity: l, validityState: s } = Ni({
+  const { t, locale: e } = Y(), o = P(!1), { vCustomValidity: l, validityState: s } = zi({
     error: m(() => ya(n.props.error || H(n.error))),
     props: n.props
   });
@@ -4223,7 +4220,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   );
   const i = m(() => {
     if (!s.value || s.value.valid) return;
-    const u = Li(s.value), c = Te(n.props.error || H(n.error));
+    const u = Di(s.value), c = Te(n.props.error || H(n.error));
     if (c || u === "customError")
       return c || void 0;
     if (!u) return;
@@ -4237,7 +4234,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       step: n.props.validStepSize
     };
     if (u === "typeMismatch") {
-      const h = zi.includes(n.props.type) ? n.props.type : "generic";
+      const h = Pi.includes(n.props.type) ? n.props.type : "generic";
       return {
         longMessage: t.value(`validations.typeMismatch.${h}.fullError`, d),
         shortMessage: t.value(`validations.typeMismatch.${h}.preview`, d)
@@ -4269,7 +4266,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     ...t === "datetime-local" ? { hour: "2-digit", minute: "2-digit" } : void 0
   };
   return o.toLocaleString(n, l);
-}, Pi = { class: "onyx-component" }, Fi = {
+}, Fi = { class: "onyx-component" }, Ui = {
   key: 0,
   ref: "targetRef"
 }, Do = /* @__PURE__ */ I({
@@ -4280,10 +4277,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   },
   setup(n) {
     const t = n, e = m(() => ya(t.errorMessages)), o = ee("targetRef");
-    return (l, s) => (r(), b("div", Pi, [
+    return (l, s) => (r(), b("div", Fi, [
       !e.value || t.disabled ? (r(), b(
         "div",
-        Fi,
+        Ui,
         null,
         512
         /* NEED_PATCH */
@@ -4316,7 +4313,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       ], 8, ["to"])) : $("v-if", !0)
     ]));
   }
-}), Ui = ["title"], Hi = { class: "onyx-checkbox__container" }, Gi = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"], $t = /* @__PURE__ */ I({
+}), Hi = ["title"], Gi = { class: "onyx-checkbox__container" }, qi = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"], $t = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxCheckbox",
   props: {
@@ -4351,8 +4348,8 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         class: ["onyx-component", "onyx-checkbox-skeleton", a(d)]
       }, a(s)),
       [
-        O(X, { class: "onyx-checkbox-skeleton__input" }),
-        o.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        O(Z, { class: "onyx-checkbox-skeleton__input" }),
+        o.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-checkbox-skeleton__label"
         }))
@@ -4369,7 +4366,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           class: D(["onyx-component onyx-checkbox", [a(C), a(d)]]),
           title: f.value
         }, [
-          v("div", Hi, [
+          v("div", Gi, [
             o.loading ? (r(), k(Ne, {
               key: 0,
               class: "onyx-checkbox__loading",
@@ -4386,7 +4383,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
               required: o.required,
               value: o.value,
               autofocus: o.autofocus
-            }, a(i)), null, 16, Gi)), [
+            }, a(i)), null, 16, qi)), [
               [Cn, a(u)],
               [a(c)]
             ])
@@ -4422,13 +4419,13 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             64
             /* STABLE_FRAGMENT */
           ))
-        ], 10, Ui)
+        ], 10, Hi)
       ]),
       _: 1
       /* STABLE */
     }, 16, ["disabled", "error-messages"]));
   }
-}), qi = (n, t) => m(() => {
+}), Ki = (n, t) => m(() => {
   const e = t.value.filter(
     (l) => n.value.includes(l)
   ), o = e.length === n.value.length;
@@ -4443,7 +4440,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
    * - indeterminate if at least one but not all options are checked
    * - unchecked if no options are checked
    */
-  state: qi(n, t),
+  state: Ki(n, t),
   /**
    * Provides an update for the checkbox list with
    * - all option values if "select all" was checked
@@ -4456,7 +4453,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     ), s = o ? l.concat(n.value) : l;
     e(s);
   }
-}), Ki = { class: "onyx-component onyx-info-tooltip" }, lo = /* @__PURE__ */ I({
+}), Wi = { class: "onyx-component onyx-info-tooltip" }, lo = /* @__PURE__ */ I({
   __name: "OnyxInfoTooltip",
   props: {
     text: {},
@@ -4477,7 +4474,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       emit: t,
       key: "open"
     }), s = de(e, Qe), i = m(() => typeof e.trigger == "object" ? e.trigger.type : e.trigger);
-    return (u, c) => (r(), b("span", Ki, [
+    return (u, c) => (r(), b("span", Wi, [
       i.value === "click" ? (r(), k(Qe, B({ key: 0 }, a(s), {
         open: a(l),
         "onUpdate:open": c[0] || (c[0] = (p) => Ee(l) ? l.value = p : null)
@@ -4520,7 +4517,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           }, 16, ["open"]),
           O(Ge, null, {
             default: E(() => [
-              Z(
+              X(
                 R(e.text),
                 1
                 /* TEXT */
@@ -4535,7 +4532,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       ))
     ]));
   }
-}), Wi = ["disabled", "aria-label"], ji = {
+}), ji = ["disabled", "aria-label"], Yi = {
   key: 0,
   class: "onyx-checkbox-group__label"
 }, cn = /* @__PURE__ */ I({
@@ -4580,10 +4577,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       disabled: a(d),
       "aria-label": o.label
     }, [
-      o.hideLabel ? $("v-if", !0) : (r(), b("legend", ji, [
+      o.hideLabel ? $("v-if", !0) : (r(), b("legend", Yi, [
         O(qe, { is: "h3" }, {
           default: E(() => [
-            Z(
+            X(
               R(o.label),
               1
               /* TEXT */
@@ -4656,9 +4653,9 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         2
         /* CLASS */
       )
-    ], 10, Wi));
+    ], 10, ji));
   }
-}), va = Symbol(), ba = Symbol(), Yi = ["disabled"], Ji = { class: "onyx-tab__label" }, un = /* @__PURE__ */ I({
+}), va = Symbol(), ba = Symbol(), Ji = ["disabled"], Zi = { class: "onyx-tab__label" }, un = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxTab",
   props: {
@@ -4679,7 +4676,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       q,
       null,
       [
-        a(l) ? (r(), k(X, B({
+        a(l) ? (r(), k(Z, B({
           key: 0,
           class: ["onyx-tab-skeleton", a(e), s.value]
         }, a(_e)(u.value, a(i))), null, 16, ["class"])) : (r(), b("button", B({
@@ -4695,16 +4692,16 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           type: "button",
           disabled: t.disabled
         }), [
-          v("div", Ji, [
+          v("div", Zi, [
             M(c.$slots, "tab", {}, () => [
-              Z(
+              X(
                 R(t.label),
                 1
                 /* TEXT */
               )
             ])
           ])
-        ], 16, Yi)),
+        ], 16, Ji)),
         a(o)?.panel.value ? (r(), k(_t, {
           key: 2,
           to: a(o)?.panel.value,
@@ -4729,14 +4726,14 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* STABLE_FRAGMENT */
     ));
   }
-}), Zi = {
+}), Xi = {
   key: 0,
   class: "onyx-code-tab__skeletons"
-}, Xi = {
+}, Qi = {
   key: 0,
   class: "onyx-code-tab__language onyx-text--small"
-}, Qi = {}, ty = /* @__PURE__ */ I({
-  ...Qi,
+}, ec = {}, oy = /* @__PURE__ */ I({
+  ...ec,
   __name: "OnyxCodeTab",
   props: {
     value: {},
@@ -4771,7 +4768,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             icon: t.icon,
             size: "16px"
           }, null, 8, ["icon"])) : $("v-if", !0),
-          Z(
+          X(
             " " + R(s.value),
             1
             /* TEXT */
@@ -4779,11 +4776,11 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         ])
       ]),
       default: E(() => [
-        a(i) ? (r(), b("div", Zi, [
+        a(i) ? (r(), b("div", Xi, [
           (r(), b(
             q,
             null,
-            ie(3, (d) => O(X, {
+            ie(3, (d) => O(Z, {
               key: d,
               class: "onyx-code-tab__skeleton"
             })),
@@ -4807,7 +4804,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             ]),
             t.language ? (r(), b(
               "span",
-              Xi,
+              Qi,
               R(t.language),
               1
               /* TEXT */
@@ -4821,7 +4818,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* FORWARDED */
     }, 16, ["label", "disabled"]));
   }
-}), ec = { class: "onyx-tabs__header" }, tc = {
+}), tc = { class: "onyx-tabs__header" }, oc = {
   key: 0,
   class: "onyx-tabs__actions"
 }, dn = /* @__PURE__ */ I({
@@ -4861,7 +4858,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         ])
       },
       [
-        v("div", ec, [
+        v("div", tc, [
           v(
             "div",
             B(a(i).elements.tablist.value, { class: "onyx-tabs__tablist" }),
@@ -4871,7 +4868,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             16
             /* FULL_PROPS */
           ),
-          u.actions ? (r(), b("div", tc, [
+          u.actions ? (r(), b("div", oc, [
             M(p.$slots, "actions")
           ])) : $("v-if", !0)
         ])
@@ -4880,8 +4877,8 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS */
     ));
   }
-}), oc = {}, oy = /* @__PURE__ */ I({
-  ...oc,
+}), nc = {}, ny = /* @__PURE__ */ I({
+  ...nc,
   __name: "OnyxCodeTabs",
   props: {
     skeleton: { type: Boolean },
@@ -4941,7 +4938,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
 }), Vo = (n) => {
   const t = typeof n == "symbol" && n.description ? n.description : String(n);
   return globalThis.window && window.CSS ? CSS.escape(t) : t.replace(/\W/g, "-");
-}, nc = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" }, ac = {
+}, ac = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" }, lc = {
   key: 0,
   class: "onyx-empty__buttons"
 }, ha = /* @__PURE__ */ I({
@@ -4963,10 +4960,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             size: "48px"
           }, null, 8, ["icon"])
         ]),
-        v("div", nc, [
+        v("div", ac, [
           M(l.$slots, "default")
         ]),
-        e.buttons ? (r(), b("div", ac, [
+        e.buttons ? (r(), b("div", lc, [
           M(l.$slots, "buttons")
         ])) : $("v-if", !0)
       ],
@@ -4974,13 +4971,13 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* CLASS */
     ));
   }
-}), lc = {
+}), sc = {
   key: 0,
   class: "onyx-table-wrapper__top"
-}, sc = ["id"], rc = { class: "onyx-table-wrapper__actions" }, ic = ["tabindex"], cc = ["aria-labelledby"], uc = ["span"], dc = {
+}, rc = ["id"], ic = { class: "onyx-table-wrapper__actions" }, cc = ["tabindex"], uc = ["aria-labelledby"], dc = ["span"], pc = {
   key: 0,
   class: "onyx-table__header"
-}, pc = { key: 0 }, mc = ["colspan"], yc = { class: "onyx-table__empty" }, fc = { colspan: "99" }, vc = { class: "onyx-table__empty-content" }, bc = {
+}, mc = { key: 0 }, yc = ["colspan"], fc = { class: "onyx-table__empty" }, vc = { colspan: "99" }, bc = { class: "onyx-table__empty-content" }, hc = {
   key: 1,
   class: "onyx-table-wrapper__bottom"
 }, So = /* @__PURE__ */ I({
@@ -5006,11 +5003,11 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
         style: We(p.value)
       },
       [
-        e.headline || e.actions ? (r(), b("div", lc, [
+        e.headline || e.actions ? (r(), b("div", sc, [
           v("div", { id: h.value }, [
             M(g.$slots, "headline")
-          ], 8, sc),
-          v("div", rc, [
+          ], 8, rc),
+          v("div", ic, [
             M(g.$slots, "actions")
           ])
         ])) : $("v-if", !0),
@@ -5040,12 +5037,12 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
               ie(t.columnGroups, (w) => (r(), b("colgroup", {
                 key: w.key,
                 span: w.span
-              }, null, 8, uc))),
+              }, null, 8, dc))),
               128
               /* KEYED_FRAGMENT */
             )),
-            e.head ? (r(), b("thead", dc, [
-              t.columnGroups?.length ? (r(), b("tr", pc, [
+            e.head ? (r(), b("thead", pc, [
+              t.columnGroups?.length ? (r(), b("tr", mc, [
                 (r(!0), b(
                   q,
                   null,
@@ -5054,7 +5051,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                     colspan: w.span,
                     scope: "colgroup",
                     class: "onyx-table__colgroup"
-                  }, R(w.header), 9, mc))),
+                  }, R(w.header), 9, yc))),
                   128
                   /* KEYED_FRAGMENT */
                 ))
@@ -5063,13 +5060,13 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
             ])) : $("v-if", !0),
             v("tbody", null, [
               M(g.$slots, "default", {}, () => [
-                v("tr", yc, [
-                  v("td", fc, [
-                    v("div", vc, [
+                v("tr", fc, [
+                  v("td", vc, [
+                    v("div", bc, [
                       M(g.$slots, "empty", { defaultMessage: s.value }, () => [
                         O(ha, null, {
                           default: E(() => [
-                            Z(
+                            X(
                               R(s.value),
                               1
                               /* TEXT */
@@ -5084,9 +5081,9 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
                 ])
               ])
             ])
-          ], 10, cc)
-        ], 16, ic),
-        e.bottomLeft || e.pagination ? (r(), b("div", bc, [
+          ], 10, uc)
+        ], 16, cc),
+        e.bottomLeft || e.pagination ? (r(), b("div", hc, [
           v("div", null, [
             M(g.$slots, "bottomLeft")
           ]),
@@ -5219,7 +5216,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       }))
     ]), 1040, ["scroll-container-attrs"]));
   }
-}), hc = ["autofocus", "placeholder", "aria-label"], gc = ["aria-label"], ga = /* @__PURE__ */ I({
+}), gc = ["autofocus", "placeholder", "aria-label"], _c = ["aria-label"], ga = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxMiniSearch",
   props: {
@@ -5259,7 +5256,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           size: "1"
         }, a(u), {
           "aria-label": o.label
-        }), null, 16, hc), [
+        }), null, 16, gc), [
           [Zt, a(s)]
         ]),
         v("button", {
@@ -5272,7 +5269,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
           onClick: _[2] || (_[2] = (w) => l("clear"))
         }, [
           O(G, { icon: a(ot) }, null, 8, ["icon"])
-        ], 40, gc),
+        ], 40, _c),
         O(G, {
           class: "onyx-mini-search__icon",
           icon: a(An)
@@ -5282,7 +5279,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
       /* FULL_PROPS */
     ));
   }
-}), _c = (n, t) => n.flatMap((e) => e[t]).filter((e) => e?.func).sort((e, o) => (e?.order ?? 0) - (o?.order ?? 0)), xc = (n, t) => n.reduce((e, o) => o.func(e), t), Yt = Symbol("RowOptions"), kc = { class: "onyx-component onyx-data-grid-header-cell" }, wc = { class: "onyx-data-grid-header-cell__label" }, Sc = {
+}), xc = (n, t) => n.flatMap((e) => e[t]).filter((e) => e?.func).sort((e, o) => (e?.order ?? 0) - (o?.order ?? 0)), kc = (n, t) => n.reduce((e, o) => o.func(e), t), Yt = Symbol("RowOptions"), wc = { class: "onyx-component onyx-data-grid-header-cell" }, Sc = { class: "onyx-data-grid-header-cell__label" }, $c = {
   key: 0,
   class: "onyx-data-grid-header-cell__actions"
 }, mt = /* @__PURE__ */ I({
@@ -5292,15 +5289,15 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   },
   setup(n) {
     const t = n, e = ue();
-    return (o, l) => (r(), b("div", kc, [
+    return (o, l) => (r(), b("div", wc, [
       v(
         "span",
-        wc,
+        Sc,
         R(t.label),
         1
         /* TEXT */
       ),
-      e.actions ? (r(), b("div", Sc, [
+      e.actions ? (r(), b("div", $c, [
         M(o.$slots, "actions")
       ])) : $("v-if", !0)
     ]));
@@ -5352,7 +5349,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   }
 }), Ca = De({
   cell: {
-    component: () => me(X)
+    component: () => me(Z)
   }
 }), Ea = De({
   header: { component: mt },
@@ -5379,7 +5376,7 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
   }
 }), Ba = (n) => {
   const t = [
-    ...n.flatMap(({ typeRenderer: o }) => o && Vi(o)).filter(Boolean)
+    ...n.flatMap(({ typeRenderer: o }) => o && Ni(o)).filter(Boolean)
   ], e = new Map(t);
   return {
     /**
@@ -5390,10 +5387,10 @@ const ko = /* @__PURE__ */ oo(Or, [["render", Ar]]), Ne = /* @__PURE__ */ I({
     // Map returns undefined if `type` is undefined, so it's safe to use the Non-Null assertion.
   };
 };
-function ny(n) {
+function ay(n) {
   return n;
 }
-const $c = (n, t) => {
+const Cc = (n, t) => {
   if (!n?.some((l) => l.columnGroupKey))
     return;
   let e = 0;
@@ -5407,7 +5404,7 @@ const $c = (n, t) => {
     }), e = l);
   }
   return o;
-}, Cc = (n, {
+}, Ec = (n, {
   i18n: t,
   columnConfig: e,
   columnGroups: o,
@@ -5415,7 +5412,7 @@ const $c = (n, t) => {
   skeleton: s
 }) => {
   const i = n.map((f) => f({ async: l, i18n: t, skeleton: s })), u = m(
-    () => _c(
+    () => xc(
       i,
       "modifyColumns"
     )
@@ -5428,8 +5425,8 @@ const $c = (n, t) => {
         type: typeof x.type == "object" ? x.type : { name: x.type ?? "string" }
       };
     });
-    return xc(u.value, f);
-  }), p = m(() => Ba(i)), d = () => $c(c.value, H(o)), h = () => _e(
+    return kc(u.value, f);
+  }), p = m(() => Ba(i)), d = () => Cc(c.value, H(o)), h = () => _e(
     ...i.map(({ scrollContainerAttributes: f }) => f?.())
   ), g = () => {
     const f = i.map((S) => S.header).filter((S) => !!S), y = f.map((S) => S.actions).filter((S) => !!S), x = f.map((S) => S.wrapper).filter((S) => !!S);
@@ -5544,7 +5541,7 @@ const $c = (n, t) => {
      */
     isAsync: o
   };
-}, Ec = Symbol("Filtering"), Fo = 0, Bc = (n) => (t) => {
+}, Bc = Symbol("Filtering"), Fo = 0, Oc = (n) => (t) => {
   const { i18n: e } = t, o = ce(n?.filterState ?? {}), l = m(() => H(n?.columns)), { isEnabled: s, isAsync: i } = kt(t, n), u = (d) => i.value ? d : d.filter(
     (h) => Object.entries(o.value).every(
       ([g, _]) => {
@@ -5587,7 +5584,7 @@ const $c = (n, t) => {
     });
   };
   return {
-    name: Ec,
+    name: Bc,
     watch: [o, l],
     mutation: {
       func: u,
@@ -5635,7 +5632,7 @@ const $c = (n, t) => {
   if (t >= 0) return n.toFixed(t);
   const e = Math.pow(10, t);
   return (Math.round(n * e) / e).toString();
-}, Oc = [
+}, Mc = [
   "Ki",
   "Mi",
   "Gi",
@@ -5649,9 +5646,9 @@ const $c = (n, t) => {
 ], $o = (n) => {
   if (typeof n == "number")
     return n;
-  const t = n.substring(n.length - 3, n.length - 1), e = Oc.indexOf(t) + 1;
+  const t = n.substring(n.length - 3, n.length - 1), e = Mc.indexOf(t) + 1;
   return +n.substring(0, n.length - 3) * 1024 ** e;
-}, Mc = (n, t) => {
+}, Ac = (n, t) => {
   const e = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte", "petabyte"];
   let o = t == 0 ? 0 : Math.floor(Math.log(t) / Math.log(1024));
   o = Math.min(o, e.length - 1);
@@ -5661,7 +5658,7 @@ const $c = (n, t) => {
     unit: s,
     unitDisplay: "narrow"
   }).format(l);
-}, Ac = ["aria-label"], Tc = ["aria-label", "disabled"], Ic = ["aria-label", "disabled", "onClick"], Rc = ["aria-label"], Lc = ["aria-label", "disabled"], Dc = /* @__PURE__ */ I({
+}, Tc = ["aria-label"], Ic = ["aria-label", "disabled"], Rc = ["aria-label", "disabled", "onClick"], Lc = ["aria-label"], Dc = ["aria-label", "disabled"], Vc = /* @__PURE__ */ I({
   __name: "OnyxInlinePagination",
   props: {
     density: {},
@@ -5682,7 +5679,7 @@ const $c = (n, t) => {
         C !== null && f > C + 1 && w.push("morePages"), w.push(f), C = f;
       return w;
     });
-    return (d, h) => a(i) ? (r(), k(X, {
+    return (d, h) => a(i) ? (r(), k(Z, {
       key: 0,
       class: D([
         "onyx-pagination-skeleton",
@@ -5710,7 +5707,7 @@ const $c = (n, t) => {
         onClick: h[0] || (h[0] = (g) => o("update:modelValue", e.modelValue - 1))
       }, [
         O(G, { icon: a(Qt) }, null, 8, ["icon"])
-      ], 8, Tc),
+      ], 8, Ic),
       (r(!0), b(
         q,
         null,
@@ -5728,7 +5725,7 @@ const $c = (n, t) => {
               type: "button",
               disabled: e.disabled,
               onClick: (_) => o("update:modelValue", g)
-            }, R(g), 11, Ic)) : (r(), b("div", {
+            }, R(g), 11, Rc)) : (r(), b("div", {
               key: 1,
               class: D(["onyx-pagination__more-pages"]),
               "aria-label": a(l)("pagination.morePages")
@@ -5742,7 +5739,7 @@ const $c = (n, t) => {
               )),
               O(Ge, null, {
                 default: E(() => [
-                  Z(
+                  X(
                     R(a(l)("pagination.morePages")),
                     1
                     /* TEXT */
@@ -5751,7 +5748,7 @@ const $c = (n, t) => {
                 _: 1
                 /* STABLE */
               })
-            ], 8, Rc))
+            ], 8, Lc))
           ],
           64
           /* STABLE_FRAGMENT */
@@ -5767,10 +5764,10 @@ const $c = (n, t) => {
         onClick: h[1] || (h[1] = (g) => o("update:modelValue", e.modelValue + 1))
       }, [
         O(G, { icon: a(Xt) }, null, 8, ["icon"])
-      ], 8, Lc)
-    ], 10, Ac));
+      ], 8, Dc)
+    ], 10, Tc));
   }
-}), it = (n) => m(() => n.value === !0 ? "onyx-form-element--immediate-invalid" : n.value === !1 ? "onyx-form-element--suppress-invalid" : "onyx-form-element--touched-invalid"), Vc = {
+}), it = (n) => m(() => n.value === !0 ? "onyx-form-element--immediate-invalid" : n.value === !1 ? "onyx-form-element--suppress-invalid" : "onyx-form-element--touched-invalid"), Nc = {
   class: /* @__PURE__ */ D(["onyx-truncation-ellipsis"])
 }, po = /* @__PURE__ */ I({
   __name: "FormMessage",
@@ -5786,7 +5783,7 @@ const $c = (n, t) => {
       default: E(() => [
         v(
           "span",
-          Vc,
+          Nc,
           R(t.messages.shortMessage),
           1
           /* TEXT */
@@ -5804,13 +5801,13 @@ const $c = (n, t) => {
       /* STABLE */
     }, 8, ["class"]));
   }
-}), Nc = {
+}), zc = {
   key: 0,
   class: "onyx-form-element__label onyx-text--small"
-}, zc = ["for"], Pc = {
+}, Pc = ["for"], Fc = {
   key: 1,
   class: "onyx-form-element__footer onyx-text--small"
-}, Fc = { class: "onyx-form-element__footer-messages" }, Ie = /* @__PURE__ */ I({
+}, Uc = { class: "onyx-form-element__footer-messages" }, Ie = /* @__PURE__ */ I({
   __name: "OnyxFormElement",
   props: {
     disabled: { type: [Boolean, Symbol] },
@@ -5878,11 +5875,11 @@ const $c = (n, t) => {
         ])
       },
       [
-        e.hideLabel ? $("v-if", !0) : (r(), b("div", Nc, [
+        e.hideLabel ? $("v-if", !0) : (r(), b("div", zc, [
           v("label", {
             for: e.id,
             class: "onyx-truncation-ellipsis"
-          }, R(e.label), 9, zc),
+          }, R(e.label), 9, Pc),
           e.required ? (r(), b(
             "span",
             {
@@ -5913,8 +5910,8 @@ const $c = (n, t) => {
         M(d.$slots, "default", {
           id: e.id
         }),
-        p.value ? (r(), b("div", Pc, [
-          v("span", Fc, [
+        p.value ? (r(), b("div", Fc, [
+          v("span", Uc, [
             p.value.errorMessages ? (r(), k(po, {
               key: 0,
               class: "onyx-form-element__error-message",
@@ -5953,7 +5950,7 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), Uc = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"], Hc = ["aria-label", "title", "disabled"], Gc = /* @__PURE__ */ I({
+}), Hc = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"], Gc = ["aria-label", "title", "disabled"], qc = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxSelectInput",
   props: {
@@ -6010,11 +6007,11 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-select-input-skeleton", a(A)]
       }, a(o)),
       [
-        s.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        s.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-select-input-skeleton__label"
         })),
-        O(X, { class: "onyx-select-input-skeleton__input" })
+        O(Z, { class: "onyx-select-input-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
@@ -6067,7 +6064,7 @@ const $c = (n, t) => {
                 autofocus: s.autofocus,
                 autocomplete: "off",
                 onKeydown: J
-              }), null, 16, Uc), [
+              }), null, 16, Hc), [
                 [a(c)]
               ]),
               s.textMode === "preview" && y.value > 0 ? (r(), k(Qe, {
@@ -6081,7 +6078,7 @@ const $c = (n, t) => {
                     B({ class: "onyx-select-input__badge" }, V, { color: "neutral" }),
                     {
                       default: E(() => [
-                        Z(
+                        X(
                           R(y.value),
                           1
                           /* TEXT */
@@ -6106,7 +6103,7 @@ const $c = (n, t) => {
                 disabled: a(g) || s.readonly || s.loading
               }, [
                 O(G, { icon: a(nl) }, null, 8, ["icon"])
-              ], 8, Hc),
+              ], 8, Gc),
               !s.hideSuccessIcon && d.value ? (r(), k(G, {
                 key: 2,
                 class: "onyx-select-input__check-icon",
@@ -6123,7 +6120,7 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), qc = ["checked", "aria-labelledby", "disabled", "indeterminate"], yn = /* @__PURE__ */ I({
+}), Kc = ["checked", "aria-labelledby", "disabled", "indeterminate"], yn = /* @__PURE__ */ I({
   __name: "OnyxSelectOption",
   props: {
     active: { type: Boolean, default: !1 },
@@ -6151,7 +6148,7 @@ const $c = (n, t) => {
           tabindex: "-1",
           class: "onyx-select-option__checkbox",
           type: "checkbox"
-        }, null, 8, qc)) : $("v-if", !0),
+        }, null, 8, Kc)) : $("v-if", !0),
         t.icon ? (r(), k(G, {
           key: 1,
           icon: t.icon
@@ -6172,30 +6169,30 @@ const $c = (n, t) => {
       /* FORWARDED */
     }, 16, ["checked", "selected", "disabled"]));
   }
-}), Kc = {
+}), Wc = {
   ref: "selectRef",
   class: "onyx-component onyx-select-wrapper"
-}, Wc = {
+}, jc = {
   class: "onyx-select__wrapper",
   tabindex: "-1"
-}, jc = {
+}, Yc = {
   key: 0,
   role: "group",
   class: "onyx-select__group"
-}, Yc = {
+}, Jc = {
   role: "option",
   "aria-selected": "false"
-}, Jc = {
+}, Zc = {
   key: 0,
   role: "presentation",
   class: "onyx-select__group-name onyx-text--small"
-}, Zc = {
+}, Xc = {
   key: 1,
   class: "onyx-select__slot"
-}, Xc = {
+}, Qc = {
   key: 2,
   class: "onyx-select__slot"
-}, Qc = {
+}, eu = {
   key: 0,
   class: "onyx-select__description onyx-text--small"
 }, Ma = /* @__PURE__ */ I({
@@ -6380,7 +6377,7 @@ const $c = (n, t) => {
       { deep: !0, immediate: !0 }
     ), (oe, fe) => (r(), b(
       "div",
-      Kc,
+      Wc,
       [
         O(Mt, {
           class: D(a(u)),
@@ -6391,7 +6388,7 @@ const $c = (n, t) => {
           open: a(d)
         }, {
           default: E(() => [
-            O(Gc, B({ ref: "selectInputRef" }, Pa.value, {
+            O(qc, B({ ref: "selectInputRef" }, Pa.value, {
               "show-focus": a(d),
               autofocus: o.autofocus,
               onInputClick: F,
@@ -6399,7 +6396,7 @@ const $c = (n, t) => {
             }), null, 16, ["show-focus", "autofocus"])
           ]),
           content: E(() => [
-            Se((r(), b("div", Wc, [
+            Se((r(), b("div", jc, [
               o.withSearch ? (r(), k(ga, B({
                 key: 0,
                 ref: "miniSearchRef",
@@ -6414,14 +6411,14 @@ const $c = (n, t) => {
                 "div",
                 Ze(rt(a(ro))),
                 [
-                  io.value ? (r(), b("ul", jc, [
-                    v("li", Yc, [
+                  io.value ? (r(), b("ul", Yc, [
+                    v("li", Jc, [
                       M(oe.$slots, "empty", { defaultMessage: io.value }, () => [
                         O(ha, {
                           density: o.density
                         }, {
                           default: E(() => [
-                            Z(
+                            X(
                               R(io.value),
                               1
                               /* TEXT */
@@ -6458,7 +6455,7 @@ const $c = (n, t) => {
                             }
                           ), {
                             default: E(() => [
-                              Z(
+                              X(
                                 R(co.value),
                                 1
                                 /* TEXT */
@@ -6483,7 +6480,7 @@ const $c = (n, t) => {
                           [
                             ye.name !== "" ? (r(), b(
                               "li",
-                              Jc,
+                              Zc,
                               R(ye.name),
                               1
                               /* TEXT */
@@ -6512,7 +6509,7 @@ const $c = (n, t) => {
                               ), {
                                 default: E(() => [
                                   M(oe.$slots, "option", B({ ref_for: !0 }, xe), () => [
-                                    Z(
+                                    X(
                                       R(xe.label),
                                       1
                                       /* TEXT */
@@ -6540,10 +6537,10 @@ const $c = (n, t) => {
                 16
                 /* FULL_PROPS */
               ),
-              o.lazyLoading?.loading ? (r(), b("div", Zc, [
+              o.lazyLoading?.loading ? (r(), b("div", Xc, [
                 O(Ne, { class: "onyx-select__loading" })
               ])) : $("v-if", !0),
-              s.optionsEnd ? (r(), b("div", Xc, [
+              s.optionsEnd ? (r(), b("div", Qc, [
                 M(oe.$slots, "optionsEnd")
               ])) : $("v-if", !0)
             ])), [
@@ -6551,7 +6548,7 @@ const $c = (n, t) => {
             ]),
             o.listDescription ? (r(), b(
               "div",
-              Qc,
+              eu,
               R(o.listDescription),
               1
               /* TEXT */
@@ -6565,7 +6562,7 @@ const $c = (n, t) => {
       /* NEED_PATCH */
     ));
   }
-}), eu = ["aria-label"], tu = { class: "onyx-pagination__count" }, ou = ["aria-label", "disabled"], nu = ["aria-label", "disabled"], mo = 100, fn = /* @__PURE__ */ I({
+}), tu = ["aria-label"], ou = { class: "onyx-pagination__count" }, nu = ["aria-label", "disabled"], au = ["aria-label", "disabled"], mo = 100, fn = /* @__PURE__ */ I({
   __name: "OnyxSelectPagination",
   props: {
     density: {},
@@ -6592,7 +6589,7 @@ const $c = (n, t) => {
       const f = c.value.trim().toLowerCase();
       return f && (C = C.filter((y) => jn(y.label, f))), C.slice(0, p.value);
     }), _ = m(() => e.modelValue <= 1), w = m(() => e.modelValue >= e.pages);
-    return (C, f) => a(u) ? (r(), k(X, {
+    return (C, f) => a(u) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-pagination-skeleton", "onyx-text", a(i)])
     }, null, 8, ["class"])) : (r(), b("div", {
@@ -6622,7 +6619,7 @@ const $c = (n, t) => {
       }, null, 8, ["search-term", "label", "list-label", "options", "model-value", "value-label", "disabled"]),
       v(
         "div",
-        tu,
+        ou,
         R(a(l)("pagination.ofPages", { n: e.pages, pages: a(s)(e.pages, "decimal") })),
         1
         /* TEXT */
@@ -6635,7 +6632,7 @@ const $c = (n, t) => {
         onClick: f[2] || (f[2] = (y) => o("update:modelValue", e.modelValue - 1))
       }, [
         O(G, { icon: a(Qt) }, null, 8, ["icon"])
-      ], 8, ou),
+      ], 8, nu),
       v("button", {
         class: "onyx-pagination__button",
         "aria-label": a(l)("pagination.next"),
@@ -6644,8 +6641,8 @@ const $c = (n, t) => {
         onClick: f[3] || (f[3] = (y) => o("update:modelValue", e.modelValue + 1))
       }, [
         O(G, { icon: a(Xt) }, null, 8, ["icon"])
-      ], 8, nu)
-    ], 14, eu));
+      ], 8, au)
+    ], 14, tu));
   }
 }), Aa = /* @__PURE__ */ I({
   __name: "OnyxPagination",
@@ -6661,7 +6658,7 @@ const $c = (n, t) => {
   setup(n, { emit: t }) {
     const e = n, o = t, l = de(e, fn);
     return (s, i) => e.type === "inline" ? (r(), k(
-      Dc,
+      Vc,
       B({ key: 0 }, a(l), {
         "onUpdate:modelValue": i[0] || (i[0] = (u) => o("update:modelValue", u))
       }),
@@ -6678,7 +6675,7 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), au = Symbol("Selection"), Ta = 1e3, lu = (n) => (t) => {
+}), lu = Symbol("Selection"), Ta = 1e3, su = (n) => (t) => {
   const e = `selection-column-${ge()}`, o = ce(
     n?.selectionState ?? {
       selectMode: "include",
@@ -6693,7 +6690,7 @@ const $c = (n, t) => {
     return w === "exclude" ? _.size === 0 : _.size > 0 && _.size === l.value;
   };
   return {
-    name: au,
+    name: lu,
     watch: [o, s, i],
     modifyColumns: {
       func: (_) => i.value() ? [
@@ -6749,7 +6746,7 @@ const $c = (n, t) => {
       })
     }
   };
-}, su = Symbol("Pagination"), ru = Symbol("LazyLoadingRow"), vn = Symbol("LazyLoadingRenderer"), iu = Symbol("ButtonLoadingRow"), bn = Symbol("ButtonLoadingRenderer"), Ia = Math.min(Fo, Ta) - 1, cu = (n = {}) => (t) => {
+}, ru = Symbol("Pagination"), iu = Symbol("LazyLoadingRow"), vn = Symbol("LazyLoadingRenderer"), cu = Symbol("ButtonLoadingRow"), bn = Symbol("ButtonLoadingRenderer"), Ia = Math.min(Fo, Ta) - 1, uu = (n = {}) => (t) => {
   const e = ce(
     n?.paginationState ?? { current: 1, pages: 1, pageSize: n?.pageSize ?? 25 }
   ), { isEnabled: o, isAsync: l } = kt(t, n), s = m(() => n.disabled?.value ?? !1), i = m(
@@ -6763,7 +6760,7 @@ const $c = (n, t) => {
   }), ne(d, () => {
     d.value && h.mounted(d.value);
   }), {
-    name: su,
+    name: ru,
     watch: [e, o, l, s, t.skeleton, g, c],
     mutation: {
       order: Ia,
@@ -6777,12 +6774,12 @@ const $c = (n, t) => {
           p !== "select" && (C = 0), w = w.slice(C, f);
         }
         return p === "lazy" && c.value && w.push({
-          id: ru,
+          id: iu,
           [Yt]: {
             columns: [{ key: "id", type: { name: vn } }]
           }
         }), p === "button" && (!u.value || c.value) && w.push({
-          id: iu,
+          id: cu,
           [Yt]: {
             columns: [{ key: "id", type: { name: bn } }]
           }
@@ -6835,7 +6832,7 @@ const $c = (n, t) => {
       }
     })
   };
-}, uu = Symbol("Base"), du = Math.max(Fo, Ia) + 1, pu = (n) => ({ skeleton: t }) => {
+}, du = Symbol("Base"), pu = Math.max(Fo, Ia) + 1, mu = (n) => ({ skeleton: t }) => {
   const e = P(0), o = m(() => {
     const l = H(n?.headline);
     if (l)
@@ -6845,13 +6842,13 @@ const $c = (n, t) => {
       };
   });
   return {
-    name: uu,
+    name: du,
     watch: [t, o],
     modifyColumns: {
       func: (l) => t.value ? l.map((s) => ({ ...s, type: { name: "skeleton" } })) : [...l]
     },
     mutation: {
-      order: du,
+      order: pu,
       func: (l) => {
         if (e.value = l.length, !t.value) return [...l];
         let s = typeof t.value == "number" ? t.value : 5;
@@ -6885,7 +6882,7 @@ const $c = (n, t) => {
       ] : l()
     }
   };
-}, ay = /* @__PURE__ */ I({
+}, ly = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxDataGrid",
   props: {
@@ -6922,8 +6919,8 @@ const $c = (n, t) => {
     return ne(
       _,
       () => {
-        const x = Cc(
-          [pu({ headline: ce(t, "headline") }), ..._.value],
+        const x = Ec(
+          [mu({ headline: ce(t, "headline") }), ..._.value],
           {
             i18n: e,
             columnConfig: h,
@@ -6959,7 +6956,7 @@ const $c = (n, t) => {
       } : void 0
     ]), 1040, ["column-groups", "columns", "rows", "scroll-container-attrs"]));
   }
-}), mu = Symbol("HideColumnsFeature"), yo = Symbol("HiddenColumn"), yu = (n) => (t) => {
+}), yu = Symbol("HideColumnsFeature"), yo = Symbol("HiddenColumn"), fu = (n) => (t) => {
   const { i18n: e } = t, { isEnabled: o } = kt(t, n), l = P([]), s = ce(n?.state ?? /* @__PURE__ */ new Set()), i = m(
     () => l.value.filter((p) => s.value.has(p.key))
   ), u = () => me(
@@ -6998,7 +6995,7 @@ const $c = (n, t) => {
     ]
   );
   return {
-    name: mu,
+    name: yu,
     watch: [s],
     modifyColumns: [
       {
@@ -7105,7 +7102,7 @@ const $c = (n, t) => {
       [
         O(Ge, null, {
           default: E(() => [
-            Z(
+            X(
               R(a(l)("resizeHandle.label")),
               1
               /* TEXT */
@@ -7119,7 +7116,7 @@ const $c = (n, t) => {
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), fu = Symbol("Resizing"), Ft = Symbol("FILLER_COLUMN"), vu = (n) => (t) => {
+}), vu = Symbol("Resizing"), Ft = Symbol("FILLER_COLUMN"), bu = (n) => (t) => {
   const e = P(), o = 48, l = P(/* @__PURE__ */ new Map()), { isEnabled: s } = kt(t, n), i = ce(n?.resizeState ?? /* @__PURE__ */ new Map()), u = P();
   ne(
     [l, i],
@@ -7172,7 +7169,7 @@ const $c = (n, t) => {
     ];
   };
   return {
-    name: fu,
+    name: vu,
     modifyColumns: {
       func: c
     },
@@ -7203,7 +7200,7 @@ const $c = (n, t) => {
       }
     }
   };
-}, Ho = (n, t, e) => e.compare(String(n), String(t)), ft = (n, t) => Number(n) - Number(t), bu = (n, t) => ft(n ? 1 : 0, t ? 1 : 0), hn = (n) => new Date(
+}, Ho = (n, t, e) => e.compare(String(n), String(t)), ft = (n, t) => Number(n) - Number(t), hu = (n, t) => ft(n ? 1 : 0, t ? 1 : 0), hn = (n) => new Date(
   Date.UTC(
     0,
     0,
@@ -7213,7 +7210,7 @@ const $c = (n, t) => {
     n.getUTCSeconds(),
     n.getUTCMilliseconds()
   )
-), hu = (n, t, e) => {
+), gu = (n, t, e) => {
   if (!(n instanceof Date && t instanceof Date))
     return Ho(n, t, e);
   const o = hn(n), l = hn(t);
@@ -7224,10 +7221,10 @@ const $c = (n, t) => {
   date: ft,
   "datetime-local": ft,
   // As *time* only shows the time part, we only sort by the time part here.
-  time: hu,
+  time: gu,
   timestamp: ft,
   skeleton: () => 0,
-  boolean: bu
+  boolean: hu
 }), _n = /* @__PURE__ */ I({
   __name: "SortAction",
   props: {
@@ -7259,7 +7256,7 @@ const $c = (n, t) => {
     default:
       return "asc";
   }
-}, gu = Symbol("Sorting"), _u = (n) => (t) => {
+}, _u = Symbol("Sorting"), xu = (n) => (t) => {
   const e = ce(
     n?.sortState ?? {
       column: void 0,
@@ -7306,7 +7303,7 @@ const $c = (n, t) => {
     );
   };
   return {
-    name: gu,
+    name: _u,
     watch: [e, u],
     mutation: {
       func: p
@@ -7345,7 +7342,7 @@ const $c = (n, t) => {
       ].filter((C) => C !== null) : []
     }
   };
-}, xu = Symbol("StickyColumns"), ku = (n) => () => {
+}, ku = Symbol("StickyColumns"), wu = (n) => () => {
   const t = m(() => H(n?.columns) ?? []), e = m(() => H(n?.position) ?? "left"), o = P({}), l = P({}), s = ge(), i = P(!1), u = (d) => `--onyx-data-grid-sticky-column-position-${s}-${Vo(d)}`;
   Re(() => {
     if (!("ResizeObserver" in window)) return;
@@ -7371,7 +7368,7 @@ const $c = (n, t) => {
     i.value = e.value === "left" && g > 0 || e.value === "right" && g < h;
   };
   return {
-    name: xu,
+    name: ku,
     watch: [e, t, i],
     modifyColumns: {
       func: (d) => {
@@ -7419,7 +7416,7 @@ const $c = (n, t) => {
       onScrollCapturePassive: (d) => p(d.target)
     })
   };
-}, ly = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, sy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BOOLEAN_RENDERER: Ea,
   DATETIME_RENDERER: wa,
@@ -7435,14 +7432,14 @@ const $c = (n, t) => {
   dateFormatter: Vt,
   numberFormatter: _a,
   stringFormatter: zo,
-  useFiltering: Bc,
-  useHideColumns: yu,
-  usePagination: cu,
-  useResizing: vu,
-  useSelection: lu,
-  useSorting: _u,
-  useStickyColumns: ku
-}, Symbol.toStringTag, { value: "Module" })), wu = { class: "onyx-datepicker__wrapper" }, Su = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"], sy = /* @__PURE__ */ I({
+  useFiltering: Oc,
+  useHideColumns: fu,
+  usePagination: uu,
+  useResizing: bu,
+  useSelection: su,
+  useSorting: xu,
+  useStickyColumns: wu
+}, Symbol.toStringTag, { value: "Module" })), Su = { class: "onyx-datepicker__wrapper" }, $u = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"], ry = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxDatePicker",
   props: {
@@ -7494,11 +7491,11 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-datepicker-skeleton", a(d)]
       }, a(l)),
       [
-        e.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        e.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-datepicker-skeleton__label"
         })),
-        O(X, { class: "onyx-datepicker-skeleton__input" })
+        O(Z, { class: "onyx-datepicker-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
@@ -7515,7 +7512,7 @@ const $c = (n, t) => {
           message: p.value
         }), {
           default: E(({ id: T }) => [
-            v("div", wu, [
+            v("div", Su, [
               e.loading ? (r(), k(Ne, {
                 key: 0,
                 class: "onyx-datepicker__loading",
@@ -7537,7 +7534,7 @@ const $c = (n, t) => {
                 title: e.hideLabel ? e.label : void 0,
                 min: f.value(e.min),
                 max: f.value(e.max)
-              }, a(s)), null, 16, Su)), [
+              }, a(s)), null, 16, $u)), [
                 [En, x.value],
                 [a(i)]
               ])
@@ -7551,10 +7548,10 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), ry = ["left", "center", "right"], $u = { class: "onyx-dialog__header" }, Cu = { class: "onyx-dialog__headline" }, Eu = { class: "onyx-dialog__headline-content" }, Bu = { class: "onyx-dialog__body" }, Ou = {
+}), iy = ["left", "center", "right"], Cu = { class: "onyx-dialog__header" }, Eu = { class: "onyx-dialog__headline" }, Bu = { class: "onyx-dialog__headline-content" }, Ou = { class: "onyx-dialog__body" }, Mu = {
   key: 0,
   class: "onyx-dialog__footer"
-}, iy = /* @__PURE__ */ I({
+}, cy = /* @__PURE__ */ I({
   __name: "OnyxDialog",
   props: {
     density: {},
@@ -7583,15 +7580,15 @@ const $c = (n, t) => {
         M(p.$slots, "trigger", { trigger: h })
       ]),
       content: E(() => [
-        v("div", $u, [
-          v("div", Cu, [
-            v("div", Eu, [
+        v("div", Cu, [
+          v("div", Eu, [
+            v("div", Bu, [
               M(p.$slots, "headline", {
                 label: e.label
               }, () => [
                 O(qe, { is: "h2" }, {
                   default: E(() => [
-                    Z(
+                    X(
                       R(e.label),
                       1
                       /* TEXT */
@@ -7611,10 +7608,10 @@ const $c = (n, t) => {
             }, null, 8, ["label", "icon"]))
           ])
         ]),
-        v("div", Bu, [
+        v("div", Ou, [
           M(p.$slots, "default")
         ]),
-        l.footer ? (r(), b("div", Ou, [
+        l.footer ? (r(), b("div", Mu, [
           M(p.$slots, "footer")
         ])) : $("v-if", !0)
       ]),
@@ -7622,7 +7619,7 @@ const $c = (n, t) => {
       /* FORWARDED */
     }, 16, ["open", "class"]));
   }
-}), cy = /* @__PURE__ */ I({
+}), uy = /* @__PURE__ */ I({
   __name: "OnyxForm",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -7681,7 +7678,7 @@ const $c = (n, t) => {
      */
     maxLength: l
   };
-}, so = Symbol(), xn = Symbol(), La = Symbol(), Da = Symbol(), Mu = ["aria-orientation"], Jt = /* @__PURE__ */ I({
+}, so = Symbol(), xn = Symbol(), La = Symbol(), Da = Symbol(), Au = ["aria-orientation"], Jt = /* @__PURE__ */ I({
   __name: "OnyxSeparator",
   props: {
     orientation: { default: "horizontal" }
@@ -7692,9 +7689,9 @@ const $c = (n, t) => {
       class: D(["onyx-component onyx-separator", { "onyx-separator--vertical": o.value }]),
       role: "separator",
       "aria-orientation": t.orientation
-    }, null, 10, Mu));
+    }, null, 10, Au));
   }
-}), Au = { class: "onyx-input__wrapper" }, Tu = ["id", "placeholder", "type", "required", "autocapitalize", "autocomplete", "autofocus", "name", "pattern", "readonly", "disabled", "maxlength", "minlength", "aria-label", "title"], Iu = ["aria-label", "title"], Va = /* @__PURE__ */ I({
+}), Tu = { class: "onyx-input__wrapper" }, Iu = ["id", "placeholder", "type", "required", "autocapitalize", "autocomplete", "autofocus", "name", "pattern", "readonly", "disabled", "maxlength", "minlength", "aria-label", "title"], Ru = ["aria-label", "title"], Va = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxInput",
   props: {
@@ -7752,11 +7749,11 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-input-skeleton", a(x)]
       }, a(u)),
       [
-        o.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        o.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-input-skeleton__label"
         })),
-        O(X, { class: "onyx-input-skeleton__input" })
+        O(Z, { class: "onyx-input-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
@@ -7773,7 +7770,7 @@ const $c = (n, t) => {
           message: y.value
         }), {
           default: E(({ id: Q }) => [
-            v("div", Au, [
+            v("div", Tu, [
               M(V.$slots, "leading"),
               s.leading ? (r(), k(Jt, {
                 key: 0,
@@ -7804,7 +7801,7 @@ const $c = (n, t) => {
                 minlength: o.minlength,
                 "aria-label": o.hideLabel ? o.label : void 0,
                 title: o.hideLabel ? o.label : void 0
-              }, a(c)), null, 16, Tu), [
+              }, a(c)), null, 16, Iu), [
                 [En, a(i)],
                 [a(w)]
               ]),
@@ -7818,7 +7815,7 @@ const $c = (n, t) => {
                 onClick: U[1] || (U[1] = () => i.value = "")
               }, [
                 O(G, { icon: a(ot) }, null, 8, ["icon"])
-              ], 8, Iu)) : $("v-if", !0),
+              ], 8, Ru)) : $("v-if", !0),
               !o.hideSuccessIcon && f.value ? (r(), k(G, {
                 key: 3,
                 class: "onyx-input__check-icon",
@@ -7850,8 +7847,8 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Go = Symbol(), Ru = { class: "onyx-global-search__footer onyx-text--small" }, Lu = { class: "onyx-global-search__shortcut" }, Du = { class: "onyx-global-search__shortcut-label" }, Vu = { class: "onyx-global-search__shortcut" }, Nu = { class: "onyx-global-search__shortcut-label" }, zu = { class: "onyx-global-search__shortcut" }, Pu = { class: "onyx-global-search__shortcut-label" }, Fu = {}, uy = /* @__PURE__ */ I({
-  ...Fu,
+}), Go = Symbol(), Lu = { class: "onyx-global-search__footer onyx-text--small" }, Du = { class: "onyx-global-search__shortcut" }, Vu = { class: "onyx-global-search__shortcut-label" }, Nu = { class: "onyx-global-search__shortcut" }, zu = { class: "onyx-global-search__shortcut-label" }, Pu = { class: "onyx-global-search__shortcut" }, Fu = { class: "onyx-global-search__shortcut-label" }, Uu = {}, dy = /* @__PURE__ */ I({
+  ...Uu,
   __name: "OnyxGlobalSearch",
   props: {
     density: {},
@@ -7938,9 +7935,9 @@ const $c = (n, t) => {
         ]),
         Se(v(
           "div",
-          Ru,
+          Lu,
           [
-            v("span", Lu, [
+            v("span", Du, [
               y[2] || (y[2] = v(
                 "kbd",
                 null,
@@ -7957,13 +7954,13 @@ const $c = (n, t) => {
               )),
               v(
                 "span",
-                Du,
+                Vu,
                 R(a(s)("globalSearch.shortcuts.move")),
                 1
                 /* TEXT */
               )
             ]),
-            v("span", Vu, [
+            v("span", Nu, [
               y[4] || (y[4] = v(
                 "kbd",
                 null,
@@ -7973,13 +7970,13 @@ const $c = (n, t) => {
               )),
               v(
                 "span",
-                Nu,
+                zu,
                 R(a(s)("globalSearch.shortcuts.select")),
                 1
                 /* TEXT */
               )
             ]),
-            v("span", zu, [
+            v("span", Pu, [
               y[5] || (y[5] = v(
                 "kbd",
                 null,
@@ -7989,7 +7986,7 @@ const $c = (n, t) => {
               )),
               v(
                 "span",
-                Pu,
+                Fu,
                 R(a(s)("cancel")),
                 1
                 /* TEXT */
@@ -8006,11 +8003,11 @@ const $c = (n, t) => {
       /* FORWARDED */
     }, 16, ["label"]));
   }
-}), Uu = { class: "onyx-global-search-option__content" }, Hu = { class: "onyx-truncation-ellipsis" }, Gu = {
+}), Hu = { class: "onyx-global-search-option__content" }, Gu = { class: "onyx-truncation-ellipsis" }, qu = {
   key: 0,
   class: "onyx-global-search-option__trailing"
-}, qu = {}, Ku = /* @__PURE__ */ I({
-  ...qu,
+}, Ku = {}, Wu = /* @__PURE__ */ I({
+  ...Ku,
   __name: "OnyxGlobalSearchOption",
   props: {
     density: {},
@@ -8031,9 +8028,9 @@ const $c = (n, t) => {
         class: D(["onyx-component", "onyx-global-search-option-skeleton", "onyx-text", a(o)])
       },
       [
-        v("div", Uu, [
-          O(X, { class: "onyx-global-search-option-skeleton__icon" }),
-          O(X, { class: "onyx-global-search-option-skeleton__label" })
+        v("div", Hu, [
+          O(Z, { class: "onyx-global-search-option-skeleton__icon" }),
+          O(Z, { class: "onyx-global-search-option-skeleton__label" })
         ])
       ],
       2
@@ -8069,7 +8066,7 @@ const $c = (n, t) => {
               }, null, 8, ["icon"])) : $("v-if", !0),
               v(
                 "span",
-                Hu,
+                Gu,
                 R(t.label),
                 1
                 /* TEXT */
@@ -8079,7 +8076,7 @@ const $c = (n, t) => {
           _: 3
           /* FORWARDED */
         }, 16, ["link", "autofocus"]),
-        e.trailing ? (r(), b("div", Gu, [
+        e.trailing ? (r(), b("div", qu, [
           M(i.$slots, "trailing")
         ])) : $("v-if", !0)
       ],
@@ -8087,8 +8084,8 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), Wu = { "aria-hidden": "true" }, ju = {}, dy = /* @__PURE__ */ I({
-  ...ju,
+}), ju = { "aria-hidden": "true" }, Yu = {}, py = /* @__PURE__ */ I({
+  ...Yu,
   __name: "OnyxGlobalSearchGroup",
   props: {
     density: {},
@@ -8103,13 +8100,13 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-global-search-group", a(e)]
       }, a(o)?.headless.elements.group.value({ label: t.label })),
       [
-        v("li", Wu, [
+        v("li", ju, [
           O(qe, {
             is: "h4",
             class: "onyx-global-search-group__headline"
           }, {
             default: E(() => [
-              Z(
+              X(
                 R(t.label),
                 1
                 /* TEXT */
@@ -8122,7 +8119,7 @@ const $c = (n, t) => {
         l.value <= 0 ? M(s.$slots, "default", { key: 0 }) : (r(!0), b(
           q,
           { key: 1 },
-          ie(l.value, (u) => (r(), k(Ku, {
+          ie(l.value, (u) => (r(), k(Wu, {
             key: `skeleton-${u}`,
             label: `Skeleton ${u}`,
             value: `skeleton-${u}`,
@@ -8136,7 +8133,7 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), py = ["h1", "h2", "h3", "h4", "h5", "h6"], my = ["12px", "16px", "24px", "32px", "48px", "64px", "96px"], Yu = ["src", "alt"], Ju = ["src", "alt"], Zu = { class: "onyx-image__alt onyx-text--small" }, yy = /* @__PURE__ */ I({
+}), my = ["h1", "h2", "h3", "h4", "h5", "h6"], yy = ["12px", "16px", "24px", "32px", "48px", "64px", "96px"], Ju = ["src", "alt"], Zu = ["src", "alt"], Xu = { class: "onyx-image__alt onyx-text--small" }, fy = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxImage",
   props: {
@@ -8169,7 +8166,7 @@ const $c = (n, t) => {
         ]
       }),
       [
-        a(e) ? (r(), k(X, B({
+        a(e) ? (r(), k(Z, B({
           key: 0,
           class: "onyx-image__source",
           style: s.value
@@ -8183,7 +8180,7 @@ const $c = (n, t) => {
               src: l.value.light,
               alt: t.alt,
               onError: p[0] || (p[0] = (d) => o.value = !0)
-            }), null, 16, Yu),
+            }), null, 16, Ju),
             l.value.dark ? (r(), b("img", B({
               key: 0,
               class: "onyx-image__source onyx-image__source--dark"
@@ -8191,7 +8188,7 @@ const $c = (n, t) => {
               src: l.value.dark,
               alt: t.alt,
               onError: p[1] || (p[1] = (d) => o.value = !0)
-            }), null, 16, Ju)) : $("v-if", !0),
+            }), null, 16, Zu)) : $("v-if", !0),
             o.value ? (r(), b(
               "div",
               B({
@@ -8206,7 +8203,7 @@ const $c = (n, t) => {
                 }, null, 8, ["icon"]),
                 v(
                   "div",
-                  Zu,
+                  Xu,
                   R(t.alt),
                   1
                   /* TEXT */
@@ -8224,7 +8221,7 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), fy = ["rounded", "circle", "clip", "clip-inverted"], vy = ["email", "password", "search", "tel", "text", "url"], Xu = /* @__PURE__ */ I({
+}), vy = ["rounded", "circle", "clip", "clip-inverted"], by = ["email", "password", "search", "tel", "text", "url"], Qu = /* @__PURE__ */ I({
   __name: "OnyxLink",
   props: {
     href: {},
@@ -8254,7 +8251,7 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Qu = { class: "onyx-component onyx-mobile-nav-button" }, ed = ["aria-label", "disabled"], td = { class: "onyx-mobile-nav-button__flyout" }, od = { class: "onyx-mobile-nav-button__menu" }, kn = /* @__PURE__ */ I({
+}), ed = { class: "onyx-component onyx-mobile-nav-button" }, td = ["aria-label", "disabled"], od = { class: "onyx-mobile-nav-button__flyout" }, nd = { class: "onyx-mobile-nav-button__menu" }, kn = /* @__PURE__ */ I({
   __name: "OnyxMobileNavButton",
   props: {
     label: {},
@@ -8266,7 +8263,7 @@ const $c = (n, t) => {
   emits: ["update:open"],
   setup(n, { emit: t }) {
     const e = n, o = t, l = m(() => !e.disabled && e.open);
-    return (s, i) => (r(), b("div", Qu, [
+    return (s, i) => (r(), b("div", ed, [
       v("button", {
         type: "button",
         class: D(["onyx-mobile-nav-button__trigger", { "onyx-mobile-nav-button__trigger--active": e.open }]),
@@ -8277,19 +8274,19 @@ const $c = (n, t) => {
         O(G, {
           icon: e.open ? a(Io) : e.icon
         }, null, 8, ["icon"])
-      ], 10, ed),
+      ], 10, td),
       Se(v(
         "div",
-        td,
+        od,
         [
-          v("div", od, [
+          v("div", nd, [
             e.headline ? (r(), k(qe, {
               key: 0,
               is: "h2",
               class: "onyx-mobile-nav-button__headline"
             }, {
               default: E(() => [
-                Z(
+                X(
                   R(e.headline),
                   1
                   /* TEXT */
@@ -8314,7 +8311,7 @@ const $c = (n, t) => {
       })) : $("v-if", !0)
     ]));
   }
-}), nd = { class: "onyx-modal__header" }, ad = { class: "onyx-modal__headline" }, ld = { class: "onyx-modal__headline-content" }, sd = ["id"], rd = { class: "onyx-modal__body" }, id = {
+}), ad = { class: "onyx-modal__header" }, ld = { class: "onyx-modal__headline" }, sd = { class: "onyx-modal__headline-content" }, rd = ["id"], id = { class: "onyx-modal__body" }, cd = {
   key: 0,
   class: "onyx-modal__footer"
 }, Bo = /* @__PURE__ */ I({
@@ -8336,15 +8333,15 @@ const $c = (n, t) => {
       "onUpdate:open": h[1] || (h[1] = (g) => o("update:open", g))
     }), {
       default: E(() => [
-        v("div", nd, [
-          v("div", ad, [
-            v("div", ld, [
+        v("div", ad, [
+          v("div", ld, [
+            v("div", sd, [
               M(d.$slots, "headline", {
                 label: e.label
               }, () => [
                 O(qe, { is: "h2" }, {
                   default: E(() => [
-                    Z(
+                    X(
                       R(e.label),
                       1
                       /* TEXT */
@@ -8369,12 +8366,12 @@ const $c = (n, t) => {
             class: "onyx-modal__description onyx-text--small"
           }, [
             M(d.$slots, "description")
-          ], 8, sd)) : $("v-if", !0)
+          ], 8, rd)) : $("v-if", !0)
         ]),
-        v("div", rd, [
+        v("div", id, [
           M(d.$slots, "default")
         ]),
-        l.footer ? (r(), b("div", id, [
+        l.footer ? (r(), b("div", cd, [
           M(d.$slots, "footer")
         ])) : $("v-if", !0)
       ]),
@@ -8382,10 +8379,10 @@ const $c = (n, t) => {
       /* FORWARDED */
     }, 16, ["class", "aria-describedby"]));
   }
-}), cd = ["src", "alt"], ud = {
+}), ud = ["src", "alt"], dd = {
   key: 1,
   class: "onyx-text-small onyx-truncation-ellipsis"
-}, dd = /* @__PURE__ */ I({
+}, pd = /* @__PURE__ */ I({
   __name: "OnyxNavAppArea",
   props: {
     link: { default: "/" },
@@ -8408,10 +8405,10 @@ const $c = (n, t) => {
             class: "onyx-nav-app-area__logo",
             width: "24",
             height: "24"
-          }, null, 8, cd)) : $("v-if", !0),
+          }, null, 8, ud)) : $("v-if", !0),
           t.appName ? (r(), b(
             "span",
-            ud,
+            dd,
             R(t.appName),
             1
             /* TEXT */
@@ -8422,7 +8419,7 @@ const $c = (n, t) => {
       /* FORWARDED */
     }, 16, ["aria-label"]));
   }
-}), pd = ["id"], md = ["autofocus", "value", "checked", "aria-label"], yd = { class: "onyx-select-dialog__label" }, fd = {
+}), md = ["id"], yd = ["autofocus", "value", "checked", "aria-label"], fd = { class: "onyx-select-dialog__label" }, vd = {
   key: 0,
   class: "onyx-text--small"
 }, Oo = /* @__PURE__ */ I({
@@ -8451,7 +8448,7 @@ const $c = (n, t) => {
       "onUpdate:open": g[1] || (g[1] = (_) => o("update:open", _))
     }), Me({
       footer: E(() => [
-        O(pi, null, {
+        O(mi, null, {
           default: E(() => [
             O(gt, {
               label: a(u)("cancel"),
@@ -8512,7 +8509,7 @@ const $c = (n, t) => {
                                   checked: e.modelValue === _.value,
                                   "aria-label": _.label,
                                   required: ""
-                                }, null, 8, md)
+                                }, null, 8, yd)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -8522,14 +8519,14 @@ const $c = (n, t) => {
                           ),
                           v(
                             "span",
-                            yd,
+                            fd,
                             R(_.label),
                             1
                             /* TEXT */
                           ),
                           _.description ? (r(), b(
                             "p",
-                            fd,
+                            vd,
                             R(_.description),
                             1
                             /* TEXT */
@@ -8550,7 +8547,7 @@ const $c = (n, t) => {
             32
             /* NEED_HYDRATION */
           )
-        ], 40, pd)
+        ], 40, md)
       ]),
       _: 2
       /* DYNAMIC */
@@ -8564,7 +8561,7 @@ const $c = (n, t) => {
       } : void 0
     ]), 1040, ["open", "label"]));
   }
-}), vd = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#auto-a)"><mask id="auto-d" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></mask><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/><g filter="url(#auto-b)"><mask id="auto-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#auto-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-900)" d="M-1 4a5 5 0 0 1 5-5h99v2H4a3 3 0 0 0-3 3zm104 107H4a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3h99zm-99 0a5 5 0 0 1-5-5V4a5 5 0 0 1 5-5v2a3 3 0 0 0-3 3v102a3 3 0 0 0 3 3zM103 0v110z" mask="url(#auto-d)"/><g clip-path="url(#auto-e)"><mask id="auto-f" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></mask><path fill="var(--onyx-color-neutral-steel-100)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-300)" d="M103-1h99a5 5 0 0 1 5 5h-2a3 3 0 0 0-3-3h-99zm104 107a5 5 0 0 1-5 5h-99v-2h99a3 3 0 0 0 3-3zm-104 4V0zM202-1a5 5 0 0 1 5 5v102a5 5 0 0 1-5 5v-2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z" mask="url(#auto-f)"/><defs><clipPath id="auto-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></clipPath><clipPath id="auto-e"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></clipPath><filter id="auto-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22720"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22720" result="shape"/></filter></defs></svg>', bd = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#dark-a)"><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#dark-b)"><mask id="dark-c" fill="#fff"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#dark-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-900)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="dark-a"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="dark-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22757"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22757" result="shape"/></filter></defs></svg>', hd = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#light-a)"><path fill="var(--onyx-color-neutral-steel-100)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#light-b)"><mask id="light-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M46 26h-1v84h2V26z" mask="url(#light-c)"/></g><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-300)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="light-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="light-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22745"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22745" result="shape"/></filter></defs></svg>', gd = /* @__PURE__ */ I({
+}), bd = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#auto-a)"><mask id="auto-d" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></mask><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/><g filter="url(#auto-b)"><mask id="auto-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#auto-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-900)" d="M-1 4a5 5 0 0 1 5-5h99v2H4a3 3 0 0 0-3 3zm104 107H4a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3h99zm-99 0a5 5 0 0 1-5-5V4a5 5 0 0 1 5-5v2a3 3 0 0 0-3 3v102a3 3 0 0 0 3 3zM103 0v110z" mask="url(#auto-d)"/><g clip-path="url(#auto-e)"><mask id="auto-f" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></mask><path fill="var(--onyx-color-neutral-steel-100)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-300)" d="M103-1h99a5 5 0 0 1 5 5h-2a3 3 0 0 0-3-3h-99zm104 107a5 5 0 0 1-5 5h-99v-2h99a3 3 0 0 0 3-3zm-104 4V0zM202-1a5 5 0 0 1 5 5v102a5 5 0 0 1-5 5v-2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z" mask="url(#auto-f)"/><defs><clipPath id="auto-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></clipPath><clipPath id="auto-e"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></clipPath><filter id="auto-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22720"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22720" result="shape"/></filter></defs></svg>', hd = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#dark-a)"><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#dark-b)"><mask id="dark-c" fill="#fff"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#dark-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-900)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="dark-a"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="dark-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22757"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22757" result="shape"/></filter></defs></svg>', gd = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#light-a)"><path fill="var(--onyx-color-neutral-steel-100)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#light-b)"><mask id="light-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M46 26h-1v84h2V26z" mask="url(#light-c)"/></g><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-300)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="light-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="light-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22745"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22745" result="shape"/></filter></defs></svg>', _d = /* @__PURE__ */ I({
   __name: "OnyxColorSchemeDialog",
   props: {
     open: { type: [Boolean, null], default: !1 },
@@ -8576,19 +8573,19 @@ const $c = (n, t) => {
     const e = n, o = t, { t: l } = Y(), s = de(e, Oo), i = m(() => [
       {
         value: "auto",
-        icon: vd,
+        icon: bd,
         label: l.value("colorScheme.auto.label"),
         description: l.value("colorScheme.auto.description")
       },
       {
         value: "light",
-        icon: hd,
+        icon: gd,
         label: l.value("colorScheme.light.label"),
         description: l.value("colorScheme.light.description")
       },
       {
         value: "dark",
-        icon: bd,
+        icon: hd,
         label: l.value("colorScheme.dark.label"),
         description: l.value("colorScheme.dark.description")
       }
@@ -8601,7 +8598,7 @@ const $c = (n, t) => {
       "onUpdate:modelValue": c[1] || (c[1] = (p) => o("update:modelValue", p))
     }), {
       description: E(() => [
-        Z(
+        X(
           R(a(l)("colorScheme.subtitle")),
           1
           /* TEXT */
@@ -8611,7 +8608,7 @@ const $c = (n, t) => {
       /* STABLE */
     }, 16, ["label", "options", "open"]));
   }
-}), _d = { class: "onyx-color-scheme-menu-item__value" }, xd = /* @__PURE__ */ I({
+}), xd = { class: "onyx-color-scheme-menu-item__value" }, kd = /* @__PURE__ */ I({
   __name: "OnyxColorSchemeMenuItem",
   props: {
     modelValue: {}
@@ -8626,21 +8623,21 @@ const $c = (n, t) => {
       default: E(() => [
         O(G, { icon: a(ul) }, null, 8, ["icon"]),
         v("div", null, [
-          Z(
+          X(
             R(a(l)("colorScheme.appearance")) + ": ",
             1
             /* TEXT */
           ),
           v(
             "span",
-            _d,
+            xd,
             R(a(l)(`colorScheme.${e.modelValue}.label`)),
             1
             /* TEXT */
           )
         ]),
         (r(), k(_t, { to: "body" }, [
-          O(gd, {
+          O(_d, {
             open: s.value,
             "onUpdate:open": u[0] || (u[0] = (c) => s.value = c),
             "model-value": e.modelValue,
@@ -8652,7 +8649,7 @@ const $c = (n, t) => {
       /* STABLE */
     }));
   }
-}), kd = { class: "onyx-language-menu-item__value" }, by = /* @__PURE__ */ I({
+}), wd = { class: "onyx-language-menu-item__value" }, hy = /* @__PURE__ */ I({
   __name: "OnyxLanguageMenuItem",
   props: {
     modelValue: {},
@@ -8668,14 +8665,14 @@ const $c = (n, t) => {
       default: E(() => [
         O(G, { icon: a(dl) }, null, 8, ["icon"]),
         v("div", null, [
-          Z(
+          X(
             R(a(l)("languageSelect.label")) + ": ",
             1
             /* TEXT */
           ),
           v(
             "span",
-            kd,
+            wd,
             R(i.value),
             1
             /* TEXT */
@@ -8691,7 +8688,7 @@ const $c = (n, t) => {
             "onUpdate:modelValue": c[1] || (c[1] = (p) => o("update:modelValue", p))
           }, {
             description: E(() => [
-              Z(
+              X(
                 R(a(l)("languageSelect.subtitle")),
                 1
                 /* TEXT */
@@ -8744,7 +8741,7 @@ const $c = (n, t) => {
       } : void 0
     ]), 1040, ["link", "class", "open"]));
   }
-}), wd = { class: "onyx-nav-item-wrapper__controls" }, Sd = {
+}), Sd = { class: "onyx-nav-item-wrapper__controls" }, $d = {
   role: "menu",
   class: "onyx-nav-item-wrapper__mobile-children"
 }, St = /* @__PURE__ */ I({
@@ -8784,7 +8781,7 @@ const $c = (n, t) => {
             }
           }, a(c)),
           [
-            v("div", wd, [
+            v("div", Sd, [
               O(gt, {
                 label: a(s)("back"),
                 mode: "plain",
@@ -8812,7 +8809,7 @@ const $c = (n, t) => {
                 /* STABLE_FRAGMENT */
               )) : $("v-if", !0)
             ]),
-            v("ul", Sd, [
+            v("ul", $d, [
               M(y.$slots, "children")
             ])
           ],
@@ -8923,7 +8920,7 @@ const $c = (n, t) => {
       /* STABLE_FRAGMENT */
     ));
   }
-}), $d = (n) => {
+}), Cd = (n) => {
   const t = P(), e = P(fo(new Date(n.value).getTime())), o = m(() => e.value === 0);
   return ne(
     n,
@@ -8951,17 +8948,17 @@ const $c = (n, t) => {
 }, Na = (n) => {
   const t = Math.floor(n / 6e4 / 60), e = Math.floor(n / 6e4 % 60), o = Math.floor(n % 6e4 / 1e3);
   return { hours: t, minutes: e, seconds: o };
-}, Cd = (n, t) => {
+}, Ed = (n, t) => {
   const { hours: e, minutes: o, seconds: l } = Na(n), s = (c) => c.toString().padStart(2, "0");
   let i = "", u = vo(t.formatToParts(n, "seconds"));
   return o > 0 && (u = vo(t.formatToParts(n, "minutes"))), e > 0 && (u = vo(t.formatToParts(n, "hours")), i = `${s(e)}:`), `${i}${s(o)}:${s(l)} ${u}`;
-}, vo = (n) => n.at(-1)?.value.replace(".", "").trim() ?? "", Ed = (n) => {
+}, vo = (n) => n.at(-1)?.value.replace(".", "").trim() ?? "", Bd = (n) => {
   const { hours: t, minutes: e, seconds: o } = Na(n);
   return `PT${t}H${e}M${o}S`;
-}, Bd = ["aria-label"], Od = {
+}, Od = ["aria-label"], Md = {
   key: 0,
   class: "onyx-timer__label"
-}, Md = ["datetime"], hy = /* @__PURE__ */ I({
+}, Ad = ["datetime"], gy = /* @__PURE__ */ I({
   __name: "OnyxTimer",
   props: {
     endTime: {},
@@ -8970,9 +8967,9 @@ const $c = (n, t) => {
   },
   emits: ["timerEnded"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, l = e, { locale: s } = Y(), { timeLeft: i, isEnded: u } = $d(m(() => o.endTime)), c = m(
+    const o = n, l = e, { locale: s } = Y(), { timeLeft: i, isEnded: u } = Cd(m(() => o.endTime)), c = m(
       () => new Intl.RelativeTimeFormat(s.value, { numeric: "always", style: "short" })
-    ), p = m(() => Cd(i.value, c.value));
+    ), p = m(() => Ed(i.value, c.value));
     return Je(() => u.value && l("timerEnded")), t({
       /**
        * Time (in milliseconds) that the timer has left.
@@ -8985,18 +8982,18 @@ const $c = (n, t) => {
     }, [
       o.hideLabel ? $("v-if", !0) : (r(), b(
         "span",
-        Od,
+        Md,
         R(o.label),
         1
         /* TEXT */
       )),
       v("time", {
-        datetime: a(Ed)(a(i)),
+        datetime: a(Bd)(a(i)),
         class: "onyx-timer__time"
-      }, R(p.value), 9, Md)
-    ], 8, Bd));
+      }, R(p.value), 9, Ad)
+    ], 8, Od));
   }
-}), Ad = { class: "onyx-component" }, Td = { class: "onyx-user-menu__footer onyx-text--small" }, Id = /* @__PURE__ */ I({
+}), Td = { class: "onyx-component" }, Id = { class: "onyx-user-menu__footer onyx-text--small" }, Rd = /* @__PURE__ */ I({
   __name: "UserMenuLayout",
   props: {
     isMobile: { type: Boolean },
@@ -9011,7 +9008,7 @@ const $c = (n, t) => {
       key: "flyoutOpen",
       default: !1
     }), { t: i } = Y();
-    return (u, c) => (r(), b("div", Ad, [
+    return (u, c) => (r(), b("div", Td, [
       e.isMobile ? (r(), b(
         q,
         { key: 0 },
@@ -9055,7 +9052,7 @@ const $c = (n, t) => {
         l.footer ? {
           name: "footer",
           fn: E(() => [
-            v("div", Td, [
+            v("div", Id, [
               M(u.$slots, "footer")
             ])
           ]),
@@ -9064,10 +9061,10 @@ const $c = (n, t) => {
       ]), 1032, ["open", "label", "disabled"]))
     ]));
   }
-}), Rd = { class: "onyx-truncation-ellipsis" }, Ld = { class: "onyx-user-menu__header" }, Dd = { class: "onyx-truncation-ellipsis" }, Vd = { class: "onyx-user-menu__username onyx-text onyx-truncation-ellipsis" }, Nd = {
+}), Ld = { class: "onyx-truncation-ellipsis" }, Dd = { class: "onyx-user-menu__header" }, Vd = { class: "onyx-truncation-ellipsis" }, Nd = { class: "onyx-user-menu__username onyx-text onyx-truncation-ellipsis" }, zd = {
   key: 0,
   class: "onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"
-}, zd = { class: "onyx-user-menu__options" }, Pd = /* @__PURE__ */ I({
+}, Pd = { class: "onyx-user-menu__options" }, Fd = /* @__PURE__ */ I({
   __name: "OnyxUserMenu",
   props: {
     fullName: {},
@@ -9087,7 +9084,7 @@ const $c = (n, t) => {
       so,
       m(() => !1)
     );
-    return (c, p) => (r(), k(Id, {
+    return (c, p) => (r(), k(Rd, {
       "flyout-open": a(s),
       "onUpdate:flyoutOpen": p[0] || (p[0] = (d) => Ee(s) ? s.value = d : null),
       class: D(["onyx-component onyx-user-menu", { "onyx-user-menu--mobile": a(u) }]),
@@ -9111,7 +9108,7 @@ const $c = (n, t) => {
             ),
             v(
               "span",
-              Rd,
+              Ld,
               R(e.fullName),
               1
               /* TEXT */
@@ -9122,7 +9119,7 @@ const $c = (n, t) => {
         )
       ]),
       header: E(() => [
-        v("div", Ld, [
+        v("div", Dd, [
           O(
             Wt,
             B(i.value, { size: "48px" }),
@@ -9130,17 +9127,17 @@ const $c = (n, t) => {
             16
             /* FULL_PROPS */
           ),
-          v("div", Dd, [
+          v("div", Vd, [
             v(
               "div",
-              Vd,
+              Nd,
               R(e.fullName),
               1
               /* TEXT */
             ),
             e.description ? (r(), b(
               "div",
-              Nd,
+              zd,
               R(e.description),
               1
               /* TEXT */
@@ -9149,7 +9146,7 @@ const $c = (n, t) => {
         ])
       ]),
       options: E(() => [
-        v("div", zd, [
+        v("div", Pd, [
           M(c.$slots, "default")
         ])
       ]),
@@ -9165,19 +9162,19 @@ const $c = (n, t) => {
       } : void 0
     ]), 1032, ["flyout-open", "class", "is-mobile", "disabled"]));
   }
-}), Fd = { class: "onyx-nav-bar__content onyx-grid-container" }, Ud = {
+}), Ud = { class: "onyx-nav-bar__content onyx-grid-container" }, Hd = {
   key: 0,
   class: "onyx-nav-bar__mobile-page onyx-truncation-ellipsis"
-}, Hd = { role: "menubar" }, Gd = { ref: "moreListRef" }, qd = {
+}, Gd = { role: "menubar" }, qd = { ref: "moreListRef" }, Kd = {
   key: 0,
   class: "onyx-nav-bar__mobile-context"
-}, Kd = {
+}, Wd = {
   key: 0,
   class: "onyx-nav-bar__mobile-global-context"
-}, Wd = { class: "onyx-nav-bar__mobile-context-content" }, jd = {
+}, jd = { class: "onyx-nav-bar__mobile-context-content" }, Yd = {
   key: 1,
   class: "onyx-nav-bar__context"
-}, Yd = /* @__PURE__ */ I({
+}, Jd = /* @__PURE__ */ I({
   __name: "OnyxNavBar",
   props: {
     appName: {},
@@ -9218,10 +9215,10 @@ const $c = (n, t) => {
         class: D(["onyx-component onyx-nav-bar", { "onyx-nav-bar--mobile": w.value }])
       },
       [
-        v("div", Fd, [
-          w.value && s.mobileActivePage && !h.value && !g.value ? (r(), b("span", Ud, [
+        v("div", Ud, [
+          w.value && s.mobileActivePage && !h.value && !g.value ? (r(), b("span", Hd, [
             M(f.$slots, "mobileActivePage")
-          ])) : o.appName || o.logoUrl || s.appArea ? (r(), k(dd, B({
+          ])) : o.appName || o.logoUrl || s.appArea ? (r(), k(pd, B({
             key: 1,
             class: "onyx-nav-bar__app",
             "app-name": o.appName,
@@ -9262,7 +9259,7 @@ const $c = (n, t) => {
                     "nav",
                     B({ class: "onyx-nav-bar__nav--mobile" }, a(d)),
                     [
-                      v("ul", Hd, [
+                      v("ul", Gd, [
                         M(f.$slots, "default")
                       ])
                     ],
@@ -9308,7 +9305,7 @@ const $c = (n, t) => {
                         options: E(() => [
                           v(
                             "div",
-                            Gd,
+                            qd,
                             null,
                             512
                             /* NEED_PATCH */
@@ -9333,8 +9330,8 @@ const $c = (n, t) => {
             q,
             { key: 4 },
             [
-              w.value ? (r(), b("div", qd, [
-                s.globalContextArea ? (r(), b("div", Kd, [
+              w.value ? (r(), b("div", Kd, [
+                s.globalContextArea ? (r(), b("div", Wd, [
                   M(f.$slots, "globalContextArea")
                 ])) : $("v-if", !0),
                 s.contextArea ? (r(), k(kn, {
@@ -9348,14 +9345,14 @@ const $c = (n, t) => {
                   label: a(c)("navigation.toggleContextMenu")
                 }, {
                   default: E(() => [
-                    v("div", Wd, [
+                    v("div", jd, [
                       M(f.$slots, "contextArea")
                     ])
                   ]),
                   _: 3
                   /* FORWARDED */
                 }, 8, ["open", "icon", "label"])) : $("v-if", !0)
-              ])) : (r(), b("div", jd, [
+              ])) : (r(), b("div", Yd, [
                 s.globalContextArea ? M(f.$slots, "globalContextArea", { key: 0 }) : $("v-if", !0),
                 s.contextArea ? M(f.$slots, "contextArea", { key: 1 }) : $("v-if", !0)
               ]))
@@ -9369,7 +9366,7 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), Jd = (n) => {
+}), Zd = (n) => {
   const { locale: t, t: e } = Y(), o = m(() => new Intl.RelativeTimeFormat(t.value, a(n.options))), l = P(Date.now());
   let s;
   Re(() => {
@@ -9405,16 +9402,16 @@ const $c = (n, t) => {
       return o.value.format(h, c.value);
     })
   };
-}, Zd = {
+}, Xd = {
   key: 0,
   class: "onyx-notification-card-skeleton"
-}, Xd = {
+}, Qd = {
   key: 1,
   class: "onyx-notification-card__content"
-}, Qd = { class: "onyx-notification-card__header" }, ep = { class: "onyx-notification-card__header-container" }, tp = { class: "onyx-notification-card__header-container" }, op = { class: "onyx-notification-card__created-at onyx-text--small" }, np = { class: "onyx-notification-card__description onyx-text onyx-truncation-multiline" }, ap = {
+}, ep = { class: "onyx-notification-card__header" }, tp = { class: "onyx-notification-card__header-container" }, op = { class: "onyx-notification-card__header-container" }, np = { class: "onyx-notification-card__created-at onyx-text--small" }, ap = { class: "onyx-notification-card__description onyx-text onyx-truncation-multiline" }, lp = {
   key: 0,
   class: "onyx-notification-card__actions onyx-density-compact"
-}, gy = /* @__PURE__ */ I({
+}, _y = /* @__PURE__ */ I({
   __name: "OnyxNotificationCard",
   props: {
     density: {},
@@ -9425,7 +9422,7 @@ const $c = (n, t) => {
     skeleton: { type: [Symbol, Boolean, Number], default: ae }
   },
   setup(n) {
-    const t = n, e = ue(), { densityClass: o } = K(t), l = re(t), { d: s, t: i } = Y(), { timeAgo: u } = Jd({
+    const t = n, e = ue(), { densityClass: o } = K(t), l = re(t), { d: s, t: i } = Y(), { timeAgo: u } = Zd({
       time: ce(t, "createdAt"),
       options: { numeric: "auto" }
     });
@@ -9435,22 +9432,22 @@ const $c = (n, t) => {
         class: D(["onyx-component", "onyx-notification-card", a(o)])
       },
       [
-        a(l) ? (r(), b("div", Zd, [
-          O(X, { class: "onyx-notification-card-skeleton__header" }),
+        a(l) ? (r(), b("div", Xd, [
+          O(Z, { class: "onyx-notification-card-skeleton__header" }),
           (r(), b(
             q,
             null,
-            ie(3, (d) => O(X, {
+            ie(3, (d) => O(Z, {
               key: d,
               class: "onyx-notification-card-skeleton__content"
             })),
             64
             /* STABLE_FRAGMENT */
           ))
-        ])) : (r(), b("div", Xd, [
+        ])) : (r(), b("div", Qd, [
           v("div", null, [
-            v("div", Qd, [
-              v("div", ep, [
+            v("div", ep, [
+              v("div", tp, [
                 t.icon ? (r(), k(G, {
                   key: 0,
                   class: "onyx-notification-card__icon",
@@ -9458,7 +9455,7 @@ const $c = (n, t) => {
                 }, null, 8, ["icon"])) : $("v-if", !0),
                 O(qe, { is: "h3" }, {
                   default: E(() => [
-                    Z(
+                    X(
                       R(t.headline),
                       1
                       /* TEXT */
@@ -9468,7 +9465,7 @@ const $c = (n, t) => {
                   /* STABLE */
                 })
               ]),
-              v("div", tp, [
+              v("div", op, [
                 t.unread ? (r(), k(no, {
                   key: 0,
                   dot: ""
@@ -9488,7 +9485,7 @@ const $c = (n, t) => {
                 }, 8, ["label"])) : $("v-if", !0)
               ])
             ]),
-            v("div", op, [
+            v("div", np, [
               v(
                 "span",
                 null,
@@ -9505,10 +9502,10 @@ const $c = (n, t) => {
               )
             ])
           ]),
-          v("p", np, [
+          v("p", ap, [
             M(c.$slots, "default")
           ]),
-          e.actions ? (r(), b("div", ap, [
+          e.actions ? (r(), b("div", lp, [
             M(c.$slots, "actions")
           ])) : $("v-if", !0)
         ]))
@@ -9517,7 +9514,7 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), lp = { class: "onyx-component onyx-notification-dot" }, _y = /* @__PURE__ */ I({
+}), sp = { class: "onyx-component onyx-notification-dot" }, xy = /* @__PURE__ */ I({
   __name: "OnyxNotificationDot",
   props: {
     hidden: { type: Boolean, default: !1 },
@@ -9525,7 +9522,7 @@ const $c = (n, t) => {
   },
   setup(n) {
     const t = n;
-    return (e, o) => (r(), b("div", lp, [
+    return (e, o) => (r(), b("div", sp, [
       M(e.$slots, "default"),
       t.hidden ? $("v-if", !0) : (r(), k(no, {
         key: 0,
@@ -9535,16 +9532,16 @@ const $c = (n, t) => {
       }, null, 8, ["color"]))
     ]));
   }
-}), sp = {
+}), rp = {
   key: 0,
   class: "onyx-page__sidebar"
-}, rp = { class: "onyx-page__main" }, ip = {
+}, ip = { class: "onyx-page__main" }, cp = {
   key: 1,
   class: "onyx-page__sidebar onyx-page__sidebar--right"
-}, cp = {
+}, up = {
   key: 2,
   class: "onyx-page__footer"
-}, xy = /* @__PURE__ */ I({
+}, ky = /* @__PURE__ */ I({
   __name: "OnyxPageLayout",
   props: {
     skeleton: { type: Boolean },
@@ -9563,10 +9560,10 @@ const $c = (n, t) => {
         ]])
       },
       [
-        e.sidebar ? (r(), b("div", sp, [
+        e.sidebar ? (r(), b("div", rp, [
           M(o.$slots, "sidebar")
         ])) : $("v-if", !0),
-        v("main", rp, [
+        v("main", ip, [
           v(
             "div",
             {
@@ -9579,10 +9576,10 @@ const $c = (n, t) => {
             /* CLASS */
           )
         ]),
-        e.sidebarRight ? (r(), b("div", ip, [
+        e.sidebarRight ? (r(), b("div", cp, [
           M(o.$slots, "sidebarRight")
         ])) : $("v-if", !0),
-        e.footer ? (r(), b("div", cp, [
+        e.footer ? (r(), b("div", up, [
           M(o.$slots, "footer")
         ])) : $("v-if", !0)
       ],
@@ -9590,7 +9587,7 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), up = ["disabled"], dp = { class: "onyx-progress-item__indicator" }, pp = { class: "onyx-progress-item__label" }, mp = /* @__PURE__ */ I({
+}), dp = ["disabled"], pp = { class: "onyx-progress-item__indicator" }, mp = { class: "onyx-progress-item__label" }, yp = /* @__PURE__ */ I({
   __name: "OnyxProgressItem",
   props: {
     density: {},
@@ -9603,7 +9600,7 @@ const $c = (n, t) => {
   },
   setup(n) {
     const t = n, { densityClass: e } = K(t), o = re(t), l = m(() => t.status === "completed" || t.status === "visited" ? Dt : t.status === "invalid" ? ml : t.icon);
-    return (s, i) => a(o) ? (r(), k(X, {
+    return (s, i) => a(o) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-progress-item-skeleton", "onyx-text", a(e)])
     }, null, 8, ["class"])) : (r(), b("button", {
@@ -9618,7 +9615,7 @@ const $c = (n, t) => {
       type: "button",
       disabled: t.disabled
     }, [
-      v("span", dp, [
+      v("span", pp, [
         l.value ? (r(), k(G, {
           key: 0,
           icon: l.value
@@ -9626,7 +9623,7 @@ const $c = (n, t) => {
           q,
           { key: 1 },
           [
-            Z(
+            X(
               R(t.value),
               1
               /* TEXT */
@@ -9636,26 +9633,26 @@ const $c = (n, t) => {
           /* STABLE_FRAGMENT */
         ))
       ]),
-      v("div", pp, [
+      v("div", mp, [
         M(s.$slots, "default", {
           label: t.label
         }, () => [
-          Z(
+          X(
             R(t.label),
             1
             /* TEXT */
           )
         ])
       ])
-    ], 10, up));
+    ], 10, dp));
   }
-}), ky = [
+}), wy = [
   "default",
   "active",
   "completed",
   "visited",
   "invalid"
-], yp = { class: "onyx-progress-steps__scroll-container" }, wy = /* @__PURE__ */ I({
+], fp = { class: "onyx-progress-steps__scroll-container" }, Sy = /* @__PURE__ */ I({
   __name: "OnyxProgressSteps",
   props: {
     density: {},
@@ -9705,7 +9702,7 @@ const $c = (n, t) => {
         ])
       },
       [
-        v("div", yp, [
+        v("div", fp, [
           (r(!0), b(
             q,
             null,
@@ -9715,7 +9712,7 @@ const $c = (n, t) => {
                 key: d.value
               },
               [
-                O(mp, B({ ref_for: !0 }, d, {
+                O(yp, B({ ref_for: !0 }, d, {
                   onClick: (h) => o("update:modelValue", d.value)
                 }), {
                   default: E(() => [
@@ -9743,7 +9740,7 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), fp = ["required", "name", "value", "checked", "disabled", "autofocus"], wn = /* @__PURE__ */ I({
+}), vp = ["required", "name", "value", "checked", "disabled", "autofocus"], wn = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxRadioButton",
   props: {
@@ -9771,8 +9768,8 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-radio-button-skeleton", a(p)]
       }, a(s)),
       [
-        O(X, { class: "onyx-radio-button-skeleton__input" }),
-        O(X, { class: "onyx-radio-button-skeleton__label" })
+        O(Z, { class: "onyx-radio-button-skeleton__input" }),
+        O(Z, { class: "onyx-radio-button-skeleton__label" })
       ],
       16
       /* FULL_PROPS */
@@ -9803,7 +9800,7 @@ const $c = (n, t) => {
               checked: o.checked,
               disabled: a(d),
               autofocus: o.autofocus
-            }, a(i)), null, 16, fp)), [
+            }, a(i)), null, 16, vp)), [
               [a(u)]
             ]),
             v(
@@ -9824,10 +9821,10 @@ const $c = (n, t) => {
       /* STABLE */
     }, 16, ["disabled", "error-messages"]));
   }
-}), vp = ["disabled", "aria-label"], bp = {
+}), bp = ["disabled", "aria-label"], hp = {
   key: 0,
   class: "onyx-radio-group__label"
-}, hp = /* @__PURE__ */ I({
+}, gp = /* @__PURE__ */ I({
   __name: "OnyxRadioGroup",
   props: {
     truncation: { default: "ellipsis" },
@@ -9862,13 +9859,13 @@ const $c = (n, t) => {
       role: "radiogroup",
       "aria-label": o.label
     }, [
-      o.hideLabel ? $("v-if", !0) : (r(), b("legend", bp, [
+      o.hideLabel ? $("v-if", !0) : (r(), b("legend", hp, [
         O(qe, {
           is: "h3",
           class: D(a(u))
         }, {
           default: E(() => [
-            Z(
+            X(
               R(o.label),
               1
               /* TEXT */
@@ -9925,12 +9922,12 @@ const $c = (n, t) => {
         2
         /* CLASS */
       )
-    ], 10, vp));
+    ], 10, bp));
   }
-}), Sy = ["_self", "_blank", "_parent", "_top"], gp = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"], _p = ["for"], xp = {
+}), $y = ["_self", "_blank", "_parent", "_top"], _p = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"], xp = ["for"], kp = {
   key: 1,
   class: "onyx-segmented-control-element__text"
-}, kp = /* @__PURE__ */ I({
+}, wp = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxSegmentedControlElement",
   props: {
@@ -9967,7 +9964,7 @@ const $c = (n, t) => {
               "aria-label": t.label,
               autofocus: t.autofocus,
               checked: t.checked
-            }), null, 16, gp)
+            }), null, 16, _p)
           ]),
           _: 1
           /* STABLE */
@@ -9983,18 +9980,18 @@ const $c = (n, t) => {
           }, null, 8, ["icon"])) : $("v-if", !0),
           t.hideLabel ? $("v-if", !0) : (r(), b(
             "p",
-            xp,
+            kp,
             R(t.label),
             1
             /* TEXT */
           ))
-        ], 8, _p)
+        ], 8, xp)
       ],
       16
       /* FULL_PROPS */
     ));
   }
-}), $y = /* @__PURE__ */ I({
+}), Cy = /* @__PURE__ */ I({
   __name: "OnyxSegmentedControl",
   props: {
     density: {},
@@ -10012,7 +10009,7 @@ const $c = (n, t) => {
     }), u = (c) => {
       i.value = c;
     };
-    return (c, p) => a(l) ? (r(), k(X, {
+    return (c, p) => a(l) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-segmented-control-skeleton", a(s)])
     }, null, 8, ["class"])) : (r(), b(
@@ -10025,7 +10022,7 @@ const $c = (n, t) => {
         (r(!0), b(
           q,
           null,
-          ie(n.options, (d) => (r(), k(kp, B({
+          ie(n.options, (d) => (r(), k(wp, B({
             key: d.value.toString()
           }, { ref_for: !0 }, d, {
             name: e.name,
@@ -10040,7 +10037,7 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), Cy = ["full", "left", "right"], Ey = ["summary", "preview"], By = /* @__PURE__ */ I({
+}), Ey = ["full", "left", "right"], By = ["summary", "preview"], Oy = /* @__PURE__ */ I({
   __name: "OnyxSidebarItem",
   props: {
     density: {},
@@ -10077,13 +10074,13 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), wp = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>', Sp = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>', $p = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m15.218 8.558-3.48 3.48 3.48 3.48 1.064-1.058-2.422-2.423 2.422-2.422z"/></svg>', Cp = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m12.27 9.615 2.423 2.422-2.423 2.423 1.058 1.057 3.48-3.48-3.48-3.48z"/></svg>', Ep = ["aria-label"], Bp = {
+}), Sp = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>', $p = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>', Cp = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m15.218 8.558-3.48 3.48 3.48 3.48 1.064-1.058-2.422-2.423 2.422-2.422z"/></svg>', Ep = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m12.27 9.615 2.423 2.422-2.423 2.423 1.058 1.057 3.48-3.48-3.48-3.48z"/></svg>', Bp = ["aria-label"], Op = {
   key: 0,
   class: "onyx-sidebar__header"
-}, Op = { class: "onyx-sidebar__body" }, Mp = {
+}, Mp = { class: "onyx-sidebar__body" }, Ap = {
   key: 1,
   class: "onyx-sidebar__footer"
-}, Ap = { class: "onyx-sidebar__footer" }, Oy = /* @__PURE__ */ I({
+}, Tp = { class: "onyx-sidebar__footer" }, My = /* @__PURE__ */ I({
   __name: "OnyxSidebar",
   props: {
     density: {},
@@ -10126,10 +10123,10 @@ const $c = (n, t) => {
             id: f,
             label: e.label,
             hideLabel: !0,
-            icon: e.alignment === "right" ? $p : Cp,
+            icon: e.alignment === "right" ? Cp : Ep,
             ifOption: {
               hideLabel: !1,
-              icon: e.alignment === "right" ? wp : Sp
+              icon: e.alignment === "right" ? Sp : $p
             },
             alignment: e.alignment,
             onClick: () => {
@@ -10154,20 +10151,20 @@ const $c = (n, t) => {
       "aria-label": e.label,
       style: We(d.value)
     }, [
-      l.header ? (r(), b("header", Bp, [
+      l.header ? (r(), b("header", Op, [
         M(y.$slots, "header")
       ])) : $("v-if", !0),
-      v("div", Op, [
+      v("div", Mp, [
         M(y.$slots, "default")
       ]),
-      l.footer ? (r(), b("footer", Mp, [
+      l.footer ? (r(), b("footer", Ap, [
         M(y.$slots, "footer")
       ])) : $("v-if", !0),
       e.resizable ? (r(), k(Co, B({
         key: 2,
         element: u.value
       }, h.value), null, 16, ["element"])) : $("v-if", !0)
-    ], 14, Ep)) : (r(), k(Bo, B({ key: 1 }, e.temporary, {
+    ], 14, Bp)) : (r(), k(Bo, B({ key: 1 }, e.temporary, {
       ref: "modalRef",
       open: C.value,
       "onUpdate:open": x[0] || (x[0] = (S) => C.value = S),
@@ -10211,7 +10208,7 @@ const $c = (n, t) => {
       l.footer ? {
         name: "footer",
         fn: E(() => [
-          v("div", Ap, [
+          v("div", Tp, [
             M(y.$slots, "footer")
           ])
         ]),
@@ -10219,10 +10216,10 @@ const $c = (n, t) => {
       } : void 0
     ]), 1040, ["open", "class", "label", "density", "style", "alignment"]));
   }
-}), My = ["left", "right"], Tp = { class: "onyx-stepper__wrapper" }, Ip = ["disabled", "aria-label"], Rp = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"], Lp = {
+}), Ay = ["left", "right"], Ip = { class: "onyx-stepper__wrapper" }, Rp = ["disabled", "aria-label"], Lp = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"], Dp = {
   class: "onyx-stepper__display",
   "aria-hidden": "true"
-}, Dp = ["disabled", "aria-label"], Ct = /* @__PURE__ */ I({
+}, Vp = ["disabled", "aria-label"], Ct = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxStepper",
   props: {
@@ -10289,11 +10286,11 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-stepper-skeleton", a(g)]
       }, a(x)),
       [
-        o.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        o.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-stepper-skeleton__label"
         })),
-        O(X, { class: "onyx-stepper-skeleton__input" })
+        O(Z, { class: "onyx-stepper-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
@@ -10310,7 +10307,7 @@ const $c = (n, t) => {
           "error-messages": a(w)
         }), {
           default: E(({ id: pe }) => [
-            v("div", Tp, [
+            v("div", Ip, [
               o.hideButtons ? $("v-if", !0) : (r(), b("button", {
                 key: 0,
                 type: "button",
@@ -10321,7 +10318,7 @@ const $c = (n, t) => {
                 onClick: z[0] || (z[0] = (ve) => N("stepDown"))
               }, [
                 O(G, { icon: a(yl) }, null, 8, ["icon"])
-              ], 8, Ip)),
+              ], 8, Rp)),
               o.loading ? (r(), k(Ne, {
                 key: 1,
                 class: "onyx-stepper__loading",
@@ -10352,13 +10349,13 @@ const $c = (n, t) => {
                   z[3] || (z[3] = Ko(Ue((ve) => N("stepUp"), ["prevent"]), ["up"])),
                   z[4] || (z[4] = Ko(Ue((ve) => N("stepDown"), ["prevent"]), ["down"]))
                 ]
-              }), null, 16, Rp)), [
+              }), null, 16, Lp)), [
                 [Zt, F.value],
                 [a(_)]
               ]),
               v(
                 "p",
-                Lp,
+                Dp,
                 R(J.value),
                 1
                 /* TEXT */
@@ -10373,7 +10370,7 @@ const $c = (n, t) => {
                 onClick: z[5] || (z[5] = (ve) => N("stepUp"))
               }, [
                 O(G, { icon: a(fl) }, null, 8, ["icon"])
-              ], 8, Dp))
+              ], 8, Vp))
             ])
           ]),
           _: 1
@@ -10384,8 +10381,8 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Vp = {}, yt = /* @__PURE__ */ I({
-  ...Vp,
+}), Np = {}, yt = /* @__PURE__ */ I({
+  ...Np,
   __name: "OnyxSliderControl",
   props: {
     density: {},
@@ -10420,7 +10417,7 @@ const $c = (n, t) => {
           q,
           { key: 0 },
           [
-            Z(
+            X(
               R(a(i)),
               1
               /* TEXT */
@@ -10468,8 +10465,8 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), Np = { class: "onyx-slider__container" }, zp = ["id", "tabindex", "disabled", "aria-label", "autofocus"], Pp = {}, Ay = /* @__PURE__ */ I({
-  ...Pp,
+}), zp = { class: "onyx-slider__container" }, Pp = ["id", "tabindex", "disabled", "aria-label", "autofocus"], Fp = {}, Ty = /* @__PURE__ */ I({
+  ...Fp,
   __name: "OnyxSlider",
   props: {
     error: {},
@@ -10524,11 +10521,11 @@ const $c = (n, t) => {
         class: D(["onyx-component", "onyx-slider-skeleton", a(p)])
       },
       [
-        e.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        e.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-slider-skeleton__label"
         })),
-        O(X, { class: "onyx-slider-skeleton__block" })
+        O(Z, { class: "onyx-slider-skeleton__block" })
       ],
       2
       /* CLASS */
@@ -10547,7 +10544,7 @@ const $c = (n, t) => {
           "error-messages": a(i)
         }), {
           default: E(({ id: Q }) => [
-            v("div", Np, [
+            v("div", zp, [
               e.control === "value" ? (r(), k(yt, {
                 key: 0,
                 control: "value",
@@ -10657,7 +10654,7 @@ const $c = (n, t) => {
                                         disabled: a(d),
                                         "aria-label": e.label,
                                         autofocus: e.autofocus && L === 0
-                                      }), null, 16, zp), [
+                                      }), null, 16, Pp), [
                                         [a(s)]
                                       ])
                                     ]),
@@ -10719,7 +10716,7 @@ const $c = (n, t) => {
       /* CLASS */
     ));
   }
-}), Ty = ["single", "range"], Iy = ["icon", "value", "input"], Fp = { class: "onyx-switch-skeleton__click-area" }, Up = ["title"], Hp = ["aria-label", "disabled", "required", "autofocus"], Gp = { class: "onyx-switch__click-area" }, qp = { class: "onyx-switch__container" }, Kp = { class: "onyx-switch__icon" }, Wp = /* @__PURE__ */ I({
+}), Iy = ["single", "range"], Ry = ["icon", "value", "input"], Up = { class: "onyx-switch-skeleton__click-area" }, Hp = ["title"], Gp = ["aria-label", "disabled", "required", "autofocus"], qp = { class: "onyx-switch__click-area" }, Kp = { class: "onyx-switch__container" }, Wp = { class: "onyx-switch__icon" }, jp = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxSwitch",
   props: {
@@ -10754,10 +10751,10 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-switch-skeleton", a(u)]
       }, a(s)),
       [
-        v("span", Fp, [
-          O(X, { class: "onyx-switch-skeleton__input" })
+        v("span", Up, [
+          O(Z, { class: "onyx-switch-skeleton__input" })
         ]),
-        o.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        o.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-switch-skeleton__label"
         }))
@@ -10784,13 +10781,13 @@ const $c = (n, t) => {
             disabled: a(c) || o.loading,
             required: o.required,
             autofocus: o.autofocus
-          }, a(i)), null, 16, Hp), [
+          }, a(i)), null, 16, Gp), [
             [Cn, a(x)],
             [a(_)]
           ]),
-          v("span", Gp, [
-            v("span", qp, [
-              v("span", Kp, [
+          v("span", qp, [
+            v("span", Kp, [
+              v("span", Wp, [
                 o.loading ? (r(), k(Ne, {
                   key: 0,
                   class: "onyx-switch__spinner",
@@ -10833,13 +10830,13 @@ const $c = (n, t) => {
             2
             /* CLASS */
           )) : $("v-if", !0)
-        ], 10, Up)
+        ], 10, Hp)
       ]),
       _: 1
       /* STABLE */
     }, 16, ["disabled", "error-messages"]));
   }
-}), Ry = ["intense", "soft", "medium"], jp = { class: "onyx-datepicker__wrapper" }, Yp = ["id", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "step"], Jp = /* @__PURE__ */ I({
+}), Ly = ["intense", "soft", "medium"], Yp = { class: "onyx-datepicker__wrapper" }, Jp = ["id", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "step"], Zp = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxTimepickerInput",
   props: {
@@ -10885,11 +10882,11 @@ const $c = (n, t) => {
         class: ["onyx-component", "onyx-datepicker-skeleton", a(d)]
       }, a(l)),
       [
-        e.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        e.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-datepicker-skeleton__label"
         })),
-        O(X, { class: "onyx-datepicker-skeleton__input" })
+        O(Z, { class: "onyx-datepicker-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
@@ -10907,7 +10904,7 @@ const $c = (n, t) => {
           message: p.value
         }), {
           default: E(({ id: A }) => [
-            v("div", jp, [
+            v("div", Yp, [
               e.loading ? (r(), k(Ne, {
                 key: 0,
                 class: "onyx-datepicker__loading",
@@ -10928,7 +10925,7 @@ const $c = (n, t) => {
                 "aria-label": e.hideLabel ? e.label : void 0,
                 title: e.hideLabel ? e.label : void 0,
                 step: e.step
-              }, a(s)), null, 16, Yp), [
+              }, a(s)), null, 16, Jp), [
                 [Zt, y.value],
                 [a(i)]
               ]),
@@ -10943,19 +10940,19 @@ const $c = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Zp = {
+}), Xp = {
   ref: "rootTemplateRef",
   class: "onyx-component onyx-timepicker"
-}, Xp = {
+}, Qp = {
   class: "onyx-timepicker__wrapper",
   tabindex: "-1"
-}, Qp = { class: "onyx-timepicker__group" }, em = {
+}, em = { class: "onyx-timepicker__group" }, tm = {
   key: 0,
   class: "onyx-timepicker__divider"
-}, tm = {
+}, om = {
   key: 0,
   class: "onyx-timepicker__info-label"
-}, Ly = /* @__PURE__ */ I({
+}, Dy = /* @__PURE__ */ I({
   __name: "OnyxTimepicker",
   props: {
     disabled: { type: [Boolean, Symbol], default: le },
@@ -11061,7 +11058,7 @@ const $c = (n, t) => {
     });
     return (N, V) => (r(), b(
       "div",
-      Zp,
+      Xp,
       [
         O(Mt, {
           class: "onyx-timepicker__popover",
@@ -11072,7 +11069,7 @@ const $c = (n, t) => {
           "fit-parent": ""
         }, {
           default: E(() => [
-            O(Jp, B({
+            O(Zp, B({
               "model-value": a(s),
               class: "onyx-timepicker__input"
             }, te.value, {
@@ -11093,8 +11090,8 @@ const $c = (n, t) => {
             }, 16, ["model-value", "step"])
           ]),
           content: E(() => [
-            v("div", Xp, [
-              v("div", Qp, [
+            v("div", Qp, [
+              v("div", em, [
                 O(Ct, {
                   ref: "hourInputTemplateRef",
                   modelValue: a(y),
@@ -11132,7 +11129,7 @@ const $c = (n, t) => {
                   onClick: V[6] || (V[6] = (U) => T(c.value)),
                   onKeydown: V[7] || (V[7] = (U) => J("minute", U))
                 }, null, 8, ["modelValue", "label", "placeholder", "disabled", "loading"]),
-                e.showSeconds ? (r(), b("span", em, ":")) : $("v-if", !0),
+                e.showSeconds ? (r(), b("span", tm, ":")) : $("v-if", !0),
                 e.showSeconds ? (r(), k(Ct, {
                   key: 1,
                   ref: "secondInputTemplateRef",
@@ -11150,7 +11147,7 @@ const $c = (n, t) => {
                   onKeydown: V[10] || (V[10] = (U) => J("second", U))
                 }, null, 8, ["modelValue", "label", "placeholder", "disabled", "loading"])) : $("v-if", !0)
               ]),
-              e.infoLabel ? (r(), b("div", tm, [
+              e.infoLabel ? (r(), b("div", om, [
                 e.hideInfoLabelIcon ? $("v-if", !0) : (r(), k(G, {
                   key: 0,
                   icon: a(Bt),
@@ -11174,7 +11171,7 @@ const $c = (n, t) => {
       /* NEED_PATCH */
     ));
   }
-}), om = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>', za = () => {
+}), nm = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>', za = () => {
   const { locale: n } = Y();
   return {
     /**
@@ -11182,10 +11179,10 @@ const $c = (n, t) => {
      */
     formatFileSize: m(() => (e) => {
       const o = typeof e == "number" ? e : $o(e);
-      return Mc(n.value, o);
+      return Ac(n.value, o);
     })
   };
-}, nm = /* @__PURE__ */ I({
+}, am = /* @__PURE__ */ I({
   __name: "OnyxFileTypeIcon",
   props: {
     size: {},
@@ -11210,16 +11207,16 @@ const $c = (n, t) => {
     ].includes(t.type) ? Ml : t.type.startsWith("text/") ? Al : o : o);
     return (s, i) => (r(), k(G, B(a(e), { icon: l.value }), null, 16, ["icon"]));
   }
-}), am = ["aria-label"], lm = { class: "onyx-file-card__content" }, sm = { class: "onyx-file-card__wrapper onyx-truncation-ellipsis" }, rm = {
+}), lm = ["aria-label"], sm = { class: "onyx-file-card__content" }, rm = { class: "onyx-file-card__wrapper onyx-truncation-ellipsis" }, im = {
   class: "onyx-file-card__icon",
   "aria-hidden": "true"
-}, im = { class: "onyx-text--small onyx-truncation-ellipsis" }, cm = { class: "onyx-file-card__name onyx-truncation-ellipsis" }, um = { class: "onyx-file-card__details onyx-truncation-ellipsis" }, dm = { class: "onyx-file-card__size" }, pm = {
+}, cm = { class: "onyx-text--small onyx-truncation-ellipsis" }, um = { class: "onyx-file-card__name onyx-truncation-ellipsis" }, dm = { class: "onyx-file-card__details onyx-truncation-ellipsis" }, pm = { class: "onyx-file-card__size" }, mm = {
   key: 0,
   class: "onyx-file-card__actions"
-}, mm = {
+}, ym = {
   key: 0,
   class: "onyx-file-card__progress"
-}, ym = /* @__PURE__ */ I({
+}, fm = /* @__PURE__ */ I({
   __name: "OnyxFileCard",
   props: {
     density: {},
@@ -11237,7 +11234,7 @@ const $c = (n, t) => {
       if (e.link)
         return pt(e.link);
     });
-    return (h, g) => a(u) ? (r(), k(X, {
+    return (h, g) => a(u) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-file-card-skeleton", a(s)])
     }, null, 8, ["class"])) : (r(), k(da, {
@@ -11249,26 +11246,26 @@ const $c = (n, t) => {
           "aria-label": e.filename,
           tabindex: "-1",
           class: "onyx-file-card__show-error"
-        }, null, 8, am), [
+        }, null, 8, lm), [
           [a(p)]
         ]),
-        v("div", lm, [
-          v("div", sm, [
-            v("div", rm, [
+        v("div", sm, [
+          v("div", rm, [
+            v("div", im, [
               e.icon ? (r(), k(G, {
                 key: 0,
                 icon: e.icon
               }, null, 8, ["icon"])) : e.status?.color === "danger" ? (r(), k(G, {
                 key: 1,
-                icon: a(om)
-              }, null, 8, ["icon"])) : (r(), k(nm, {
+                icon: a(nm)
+              }, null, 8, ["icon"])) : (r(), k(am, {
                 key: 2,
                 type: e.type
               }, null, 8, ["type"]))
             ]),
-            v("div", im, [
-              v("div", cm, [
-                d.value ? (r(), k(Xu, {
+            v("div", cm, [
+              v("div", um, [
+                d.value ? (r(), k(Qu, {
                   key: 0,
                   href: d.value?.href,
                   target: d.value?.target ?? "_blank",
@@ -11276,7 +11273,7 @@ const $c = (n, t) => {
                   class: "onyx-truncation-ellipsis"
                 }, {
                   default: E(() => [
-                    Z(
+                    X(
                       R(e.filename),
                       1
                       /* TEXT */
@@ -11288,7 +11285,7 @@ const $c = (n, t) => {
                   q,
                   { key: 1 },
                   [
-                    Z(
+                    X(
                       R(e.filename),
                       1
                       /* TEXT */
@@ -11298,10 +11295,10 @@ const $c = (n, t) => {
                   /* STABLE_FRAGMENT */
                 ))
               ]),
-              v("div", um, [
+              v("div", dm, [
                 v(
                   "div",
-                  dm,
+                  pm,
                   R(a(i)(e.size)),
                   1
                   /* TEXT */
@@ -11323,11 +11320,11 @@ const $c = (n, t) => {
               ])
             ])
           ]),
-          l.actions ? (r(), b("div", pm, [
+          l.actions ? (r(), b("div", mm, [
             M(h.$slots, "actions")
           ])) : $("v-if", !0)
         ]),
-        e.status?.progress ? (r(), b("div", mm, [
+        e.status?.progress ? (r(), b("div", ym, [
           v(
             "div",
             {
@@ -11347,7 +11344,7 @@ const $c = (n, t) => {
       /* FORWARDED */
     }, 8, ["class"]));
   }
-}), Dy = [
+}), Vy = [
   "application/octet-stream",
   "application/pdf",
   "text/csv",
@@ -11368,7 +11365,7 @@ const $c = (n, t) => {
   "application/x-tar",
   "application/gzip",
   "application/x-bzip2"
-], fm = ({ name: n, type: t }, e) => {
+], vm = ({ name: n, type: t }, e) => {
   if (!e || e.length === 0 || e.some((s) => s.trim() === "*/*"))
     return !0;
   const o = n.trim().toLowerCase(), l = t.trim().toLowerCase();
@@ -11379,23 +11376,23 @@ const $c = (n, t) => {
     const [u, c] = i.split("/");
     return c === "*" ? l.startsWith(`${u}/`) : i === l;
   });
-}, vm = {}, bm = {
+}, bm = {}, hm = {
   class: "onyx-component onyx-error-svg",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1119.60911 699",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true"
 };
-function hm(n, t) {
-  return r(), b("svg", bm, [...t[0] || (t[0] = [
+function gm(n, t) {
+  return r(), b("svg", hm, [...t[0] || (t[0] = [
     Wa('<circle cx="292.60911" cy="213" r="213" fill="var(--onyx-error-svg-background-color-circle)"></circle><path d="M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><ellipse cx="198.60911" cy="424.5" rx="187" ry="25.43993" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="198.60911" cy="424.5" rx="157" ry="21.35866" opacity="0.1"></ellipse><ellipse cx="836.60911" cy="660.5" rx="283" ry="38.5" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="310.60911" cy="645.5" rx="170" ry="23.12721" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><path d="M494,726.5c90,23,263-30,282-90" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M341,359.5s130-36,138,80-107,149-17,172" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><rect x="578.43291" y="212.68859" width="513.25314" height="357.51989" rx="18.04568" fill="var(--onyx-error-svg-background-color)"></rect><rect x="595.70294" y="231.77652" width="478.71308" height="267.83694" fill="var(--onyx-error-svg-background-color-accent)"></rect><circle cx="835.05948" cy="223.29299" r="3.02983" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><path d="M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466" fill="var(--onyx-error-svg-background-color)"></polygon><path d="M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><ellipse cx="1066.53846" cy="654.13477" rx="7.87756" ry="2.42386" fill="var(--onyx-error-svg-background-color-device-controls)"></ellipse><circle cx="835.05948" cy="545.66686" r="11.51335" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466" opacity="0.1"></polygon><rect x="108.60911" y="159" width="208" height="242" fill="var(--onyx-error-svg-background-color)"></rect><rect x="87.60911" y="135" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="237" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="339" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="271.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><circle cx="316.60911" cy="538" r="79" fill="var(--onyx-error-svg-background-color)"></circle><rect x="280.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><rect x="328.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><ellipse cx="300.60911" cy="643.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="348.60911" cy="642.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><circle cx="318.60911" cy="518" r="27" fill="var(--onyx-error-svg-background-color-face)"></circle><circle cx="318.60911" cy="518" r="9" fill="var(--onyx-error-svg-background-color-accent)"></circle><path d="M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><ellipse cx="417.21511" cy="611.34365" rx="39.5" ry="12.40027" transform="translate(-238.28665 112.98044) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="269.21511" cy="664.34365" rx="39.5" ry="12.40027" transform="translate(-271.07969 59.02084) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><path d="M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-face)"></path>', 48)
   ])]);
 }
-const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
+const Ny = /* @__PURE__ */ oo(bm, [["render", gm]]), _m = {
   key: 0,
   fill: "var(--onyx-file-upload-svg-color-bubble)",
   d: "M28.05 45.1v9.45a.675.675 0 0 0 .675.675h6.75v1.35h-6.75A2.025 2.025 0 0 1 26.7 54.55V44.155l4.89-5.13h8.61V49.15h-1.35v-8.775h-6.075V45.1zm3.375-3.945-2.474 2.595h2.474z M37.5 47.125h-8.1v1.35h8.1zm-4.05 2.7v1.35H29.4v-1.35zm8.973.873.954.954-2.223 2.223 2.223 2.223-.954.954-2.223-2.223-2.223 2.223-.954-.954 2.223-2.223-2.223-2.223.954-.954 2.223 2.223z"
-}, _m = {
+}, xm = {
   key: 1,
   d: "M39.2005 42.2123H39.1668C38.5307 41.0817 37.5611 40.175 36.3905 39.616C35.2198 39.0571 33.9051 38.8731 32.626 39.0893C31.3469 39.3056 30.1657 39.9114 29.2438 40.824C28.3218 41.7367 27.7041 42.9117 27.475 44.1886C26.316 44.3486 25.2615 44.9441 24.5258 45.8538C23.7901 46.7636 23.4284 47.9194 23.5144 49.0862C23.6004 50.2531 24.1275 51.3434 24.9886 52.1355C25.8496 52.9276 26.9801 53.3621 28.15 53.3506H33.25V57.0001H34.75V53.3506H39.2005C40.6409 53.3123 42.0073 52.7047 43.0006 51.6609C43.9939 50.6172 44.5331 49.2223 44.5 47.7818C44.525 47.0663 44.4071 46.353 44.153 45.6837C43.8989 45.0143 43.5138 44.4024 43.0203 43.8838C42.5268 43.3651 41.9347 42.9501 41.2788 42.6631C40.6229 42.3761 39.9164 42.2229 39.2005 42.2123ZM39.2005 51.8506H34.75V47.4631L36.7405 49.3006L37.7583 48.1988L34 44.7293L30.241 48.1988L31.2588 49.3006L33.25 47.4631V51.8506H28.15C27.7382 51.857 27.3291 51.7814 26.9468 51.6282C26.5644 51.475 26.2163 51.2473 25.9228 50.9583C25.6293 50.6693 25.3962 50.3248 25.2371 49.9449C25.0779 49.5649 24.996 49.1571 24.996 48.7452C24.996 48.3333 25.0779 47.9255 25.2371 47.5455C25.3962 47.1656 25.6293 46.8211 25.9228 46.5321C26.2163 46.2431 26.5644 46.0154 26.9468 45.8622C27.3291 45.709 27.7382 45.6334 28.15 45.6398H28.8573L28.8985 44.9341C28.9785 43.8759 29.4074 42.8742 30.118 42.086C30.8286 41.2978 31.7807 40.7678 32.825 40.5791C33.8693 40.3903 34.9467 40.5535 35.8882 41.0431C36.8298 41.5326 37.5822 42.3208 38.0275 43.2841L38.2353 43.7386L38.7348 43.7221C38.7865 43.7221 39.1465 43.7138 39.1998 43.7138C39.7178 43.7266 40.2281 43.8425 40.7008 44.0547C41.1735 44.2669 41.5992 44.5712 41.953 44.9498C42.3068 45.3284 42.5817 45.7737 42.7614 46.2597C42.9412 46.7457 43.0223 47.2626 43 47.7803C43.0338 48.8234 42.653 49.8373 41.9409 50.6002C41.2288 51.363 40.2434 51.8126 39.2005 51.8506Z",
   fill: "var(--onyx-file-upload-svg-color-bubble)"
@@ -11455,34 +11452,34 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
           -1
           /* CACHED */
         )),
-        t.error ? (r(), b("path", gm)) : (r(), b("path", _m))
+        t.error ? (r(), b("path", _m)) : (r(), b("path", xm))
       ],
       2
       /* CLASS */
     ));
   }
-}), xm = ["disabled"], km = {
+}), km = ["disabled"], wm = {
   key: 2,
   class: "onyx-file-upload__icon"
-}, wm = {
+}, Sm = {
   key: 3,
   class: "onyx-file-upload__content"
-}, Sm = {
+}, $m = {
   key: 0,
   class: "onyx-file-upload__label onyx-text"
-}, $m = {
+}, Cm = {
   key: 1,
   class: "onyx-file-upload__text onyx-text--small"
-}, Cm = {
+}, Em = {
   key: 2,
   class: "onyx-file-upload__text onyx-text--small"
-}, Em = {
+}, Bm = {
   key: 3,
   class: "onyx-file-upload__text onyx-text--small"
-}, Bm = {
+}, Om = {
   key: 4,
   class: "onyx-file-upload__required_error onyx-text--small"
-}, Om = ["accept", "multiple", "disabled", "name"], Ny = /* @__PURE__ */ I({
+}, Mm = ["accept", "multiple", "disabled", "name"], zy = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxFileUpload",
   props: {
@@ -11516,7 +11513,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
       emit: o,
       error: f
     }), S = P(!1), A = m(() => C.value.map((L, z) => {
-      if (e.accept && !fm(L, e.accept))
+      if (e.accept && !vm(L, e.accept))
         return {
           text: c.value("fileUpload.status.fileTypeError", {
             extension: L.name.split(".").at(-1)
@@ -11578,7 +11575,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
         return;
       }
     }, j = m(() => e.listType === "hidden" || !C.value.length ? !1 : e.listType === "button" ? !S.value : !0);
-    return (L, z) => a(l) ? (r(), k(X, {
+    return (L, z) => a(l) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-file-upload-skeleton", `onyx-file-upload-skeleton--${e.size}`, a(p)])
     }, null, 8, ["class"])) : (r(), b(
@@ -11622,7 +11619,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                 error: "",
                 disabled: a(s),
                 active: N.value
-              }, null, 8, ["disabled", "active"])) : (r(), b("div", km, [
+              }, null, 8, ["disabled", "active"])) : (r(), b("div", wm, [
                 O(G, { icon: a(Tl) }, null, 8, ["icon"]),
                 v(
                   "span",
@@ -11632,8 +11629,8 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                   /* TEXT */
                 )
               ])),
-              te.value ? (r(), b("div", wm, [
-                e.size === "large" ? (r(), b("p", Sm, [
+              te.value ? (r(), b("div", Sm, [
+                e.size === "large" ? (r(), b("p", $m, [
                   v(
                     "u",
                     null,
@@ -11641,14 +11638,14 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                     1
                     /* TEXT */
                   ),
-                  Z(
+                  X(
                     " " + R(a(c)("fileUpload.orDragAndDrop")) + ". ",
                     1
                     /* TEXT */
                   )
                 ])) : $("v-if", !0),
-                e.maxSize || e.maxTotalSize ? (r(), b("p", $m, [
-                  Z(
+                e.maxSize || e.maxTotalSize ? (r(), b("p", Cm, [
+                  X(
                     R(a(c)("fileUpload.maxFileSize")) + ": ",
                     1
                     /* TEXT */
@@ -11657,7 +11654,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                     q,
                     { key: 0 },
                     [
-                      Z(
+                      X(
                         R(a(g)(e.maxSize)) + " (" + R(a(g)(e.maxTotalSize)) + " " + R(a(c)("fileUpload.inTotal")) + ") ",
                         1
                         /* TEXT */
@@ -11669,7 +11666,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                     q,
                     { key: 1 },
                     [
-                      Z(
+                      X(
                         R(a(g)(e.maxSize)),
                         1
                         /* TEXT */
@@ -11681,7 +11678,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                     q,
                     { key: 2 },
                     [
-                      Z(
+                      X(
                         R(a(g)(e.maxTotalSize)) + " " + R(a(c)("fileUpload.inTotal")),
                         1
                         /* TEXT */
@@ -11693,20 +11690,20 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                 ])) : $("v-if", !0),
                 e.multiple && e.maxCount ? (r(), b(
                   "p",
-                  Cm,
+                  Em,
                   R(a(c)("fileUpload.maxFileCount", { n: e.maxCount })),
                   1
                   /* TEXT */
                 )) : $("v-if", !0),
                 e.accept?.length ? (r(), b(
                   "p",
-                  Em,
+                  Bm,
                   R(a(c)("fileUpload.allowedFileTypes", { types: e.accept.join(", ") })),
                   1
                   /* TEXT */
                 )) : $("v-if", !0),
-                a(x)?.longMessage ? (r(), b("p", Bm, [
-                  Z(
+                a(x)?.longMessage ? (r(), b("p", Om, [
+                  X(
                     R(a(x)?.longMessage) + " ",
                     1
                     /* TEXT */
@@ -11717,7 +11714,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                   }, null, 8, ["icon"])
                 ])) : $("v-if", !0)
               ])) : $("v-if", !0)
-            ], 16, xm)
+            ], 16, km)
           ]),
           _: 1
           /* STABLE */
@@ -11734,7 +11731,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
               multiple: e.multiple,
               disabled: a(s),
               name: e.name
-            }, a(d), { onChange: W }), null, 16, Om), [
+            }, a(d), { onChange: W }), null, 16, Mm), [
               [a(y)]
             ])
           ]),
@@ -11766,7 +11763,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                 props: pe.props
               }, () => [
                 O(
-                  ym,
+                  fm,
                   B({ ref_for: !0 }, pe.props),
                   {
                     actions: E(() => [
@@ -11797,7 +11794,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
       /* FULL_PROPS */
     ));
   }
-}), zy = /* @__PURE__ */ I({
+}), Py = /* @__PURE__ */ I({
   __name: "OnyxFilterTag",
   props: {
     density: {},
@@ -11823,7 +11820,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
       onClick: d[0] || (d[0] = (h) => i.value = !a(i))
     }), null, 16, ["clickable", "skeleton"]));
   }
-}), Mm = ["data-autosize-value"], Am = ["id", "placeholder", "required", "autocapitalize", "autofocus", "name", "readonly", "disabled", "minlength", "maxlength", "aria-label", "title"], Tm = /* @__PURE__ */ I({
+}), Am = ["data-autosize-value"], Tm = ["id", "placeholder", "required", "autocapitalize", "autofocus", "name", "readonly", "disabled", "minlength", "maxlength", "aria-label", "title"], Im = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "OnyxTextarea",
   props: {
@@ -11876,11 +11873,11 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
         style: y.value
       }, a(i)),
       [
-        o.hideLabel ? $("v-if", !0) : (r(), k(X, {
+        o.hideLabel ? $("v-if", !0) : (r(), k(Z, {
           key: 0,
           class: "onyx-textarea-skeleton__label"
         })),
-        O(X, { class: "onyx-textarea-skeleton__input" })
+        O(Z, { class: "onyx-textarea-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
@@ -11918,11 +11915,11 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                 maxlength: a(p),
                 "aria-label": o.hideLabel ? o.label : void 0,
                 title: o.hideLabel ? o.label : void 0
-              }, a(u), { onInput: x }), null, 16, Am), [
+              }, a(u), { onInput: x }), null, 16, Tm), [
                 [Zt, a(s)],
                 [a(g)]
               ])
-            ], 8, Mm)
+            ], 8, Am)
           ]),
           _: 1
           /* STABLE */
@@ -11932,7 +11929,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
       /* FULL_PROPS */
     ));
   }
-}), Im = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%20viewBox='0%200%20821%20922'%3e%3cpath%20d='M48.16%2024.48c-1.44-8.17-3.21-14.28-7.18-17.56-3.54-2.93-8.5-3.5-17.09-1.98C7.91%207.75%204.61%2013.23%207.84%2031.58c2.62%2014.87%206.4%2020.29%2016.3%2020.29%202.28%200%204.89-.29%207.89-.82%2016.05-2.83%2019.36-8.3%2016.14-26.58zm-27.8-2.67c0-.12.02-.28.03-.42.68-4.95%202.64-5.5%207.57-5.5%206.58%200%207.88.97%207.88%2012.14%200%203.14-.11%205.45-.41%207.18h-.01v.11c-.77%204.27-2.77%204.78-7.45%204.78-6.58%200-7.88-.97-7.88-12.06%200-2.59.07-4.61.26-6.22h.02z'%20style='fill:%2300adba;fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M48.12%2024.46c-1.44-8.15-3.2-14.25-7.17-17.52-3.53-2.92-8.48-3.51-17.05-2-.18.03-.78.14-.95.17l-2.37%2015.21c.81-3.96%202.83-4.43%207.37-4.43%206.57%200%207.86.97%207.86%2012.11%200%202.78-.09%204.91-.31%206.55l12.62-10.1z'%20style='fill:url(%23a);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M7.84%2031.5c1.44%208.15%203.13%2014.27%207.09%2017.54%203.53%202.92%208.48%203.51%2017.05%202%20.18-.03.78-.14.95-.17l2.37-15.21c-.81%203.96-2.83%204.43-7.37%204.43-6.57%200-7.86-.97-7.86-12.11%200-2.78.09-4.91.31-6.55L7.84%2031.51z'%20style='fill:url(%23b);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(20%20-28.968%2063.083)scale(30.27)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(-160%2021.757%2017.96)scale(30.2)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Rm = { class: "parent" }, Lm = { class: "showcase__flex grid--row1" }, Dm = { class: "showcase__flex grid--tags" }, Vm = { class: "showcase__flex grid--row2" }, Nm = { class: "showcase__flex grid--row3" }, zm = { class: "showcase__flex grid--row4" }, Pm = /* @__PURE__ */ I({
+}), Rm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%20viewBox='0%200%20821%20922'%3e%3cpath%20d='M48.16%2024.48c-1.44-8.17-3.21-14.28-7.18-17.56-3.54-2.93-8.5-3.5-17.09-1.98C7.91%207.75%204.61%2013.23%207.84%2031.58c2.62%2014.87%206.4%2020.29%2016.3%2020.29%202.28%200%204.89-.29%207.89-.82%2016.05-2.83%2019.36-8.3%2016.14-26.58zm-27.8-2.67c0-.12.02-.28.03-.42.68-4.95%202.64-5.5%207.57-5.5%206.58%200%207.88.97%207.88%2012.14%200%203.14-.11%205.45-.41%207.18h-.01v.11c-.77%204.27-2.77%204.78-7.45%204.78-6.58%200-7.88-.97-7.88-12.06%200-2.59.07-4.61.26-6.22h.02z'%20style='fill:%2300adba;fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M48.12%2024.46c-1.44-8.15-3.2-14.25-7.17-17.52-3.53-2.92-8.48-3.51-17.05-2-.18.03-.78.14-.95.17l-2.37%2015.21c.81-3.96%202.83-4.43%207.37-4.43%206.57%200%207.86.97%207.86%2012.11%200%202.78-.09%204.91-.31%206.55l12.62-10.1z'%20style='fill:url(%23a);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M7.84%2031.5c1.44%208.15%203.13%2014.27%207.09%2017.54%203.53%202.92%208.48%203.51%2017.05%202%20.18-.03.78-.14.95-.17l2.37-15.21c-.81%203.96-2.83%204.43-7.37%204.43-6.57%200-7.86-.97-7.86-12.11%200-2.78.09-4.91.31-6.55L7.84%2031.51z'%20style='fill:url(%23b);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(20%20-28.968%2063.083)scale(30.27)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(-160%2021.757%2017.96)scale(30.2)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Lm = { class: "parent" }, Dm = { class: "showcase__flex grid--row1" }, Vm = { class: "showcase__flex grid--tags" }, Nm = { class: "showcase__flex grid--row2" }, zm = { class: "showcase__flex grid--row3" }, Pm = { class: "showcase__flex grid--row4" }, Fm = /* @__PURE__ */ I({
   __name: "ComponentShowcase",
   props: {
     dark: { type: Boolean },
@@ -11962,14 +11959,14 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
       { avatar: "https://www.github.com/MajaZarkova.png", name: "Maja Zarkova" },
       { avatar: "https://www.github.com/ChristianBusshoff.png", name: "Christian Bußhoff" }
     ];
-    return (u, c) => (r(), b("div", Rm, [
+    return (u, c) => (r(), b("div", Lm, [
       v(
         "div",
         {
           class: D(["showcase onyx-text", { dark: t.value }])
         },
         [
-          v("div", Lm, [
+          v("div", Dm, [
             O(Aa, {
               modelValue: s.value.pagination,
               "onUpdate:modelValue": c[0] || (c[0] = (p) => s.value.pagination = p),
@@ -11987,7 +11984,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
               "with-search": "",
               "hide-label": ""
             }, null, 8, ["modelValue", "options"]),
-            O(Wp, {
+            O(jp, {
               modelValue: t.value,
               "onUpdate:modelValue": c[2] || (c[2] = (p) => t.value = p),
               label: "Dark mode"
@@ -12100,7 +12097,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
             _: 1
             /* STABLE */
           }),
-          O(Tm, {
+          O(Im, {
             modelValue: s.value.textarea,
             "onUpdate:modelValue": c[3] || (c[3] = (p) => s.value.textarea = p),
             class: "grid--textarea",
@@ -12115,10 +12112,10 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
             description: "Description",
             duration: 0
           }),
-          v("div", Dm, [
+          v("div", Vm, [
             O(no, null, {
               default: E(() => [...c[15] || (c[15] = [
-                Z(
+                X(
                   "Badge",
                   -1
                   /* CACHED */
@@ -12154,8 +12151,8 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
             options: a(o),
             "with-check-all": ""
           }, null, 8, ["modelValue", "options"]),
-          v("div", Vm, [
-            O(ii, null, {
+          v("div", Nm, [
+            O(ci, null, {
               default: E(() => [
                 (r(), b(
                   q,
@@ -12178,7 +12175,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
               _: 1
               /* STABLE */
             }),
-            O(hp, {
+            O(gp, {
               modelValue: s.value.radioGroup,
               "onUpdate:modelValue": c[5] || (c[5] = (p) => s.value.radioGroup = p),
               label: "Radio group",
@@ -12187,7 +12184,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
               orientation: "horizontal"
             }, null, 8, ["modelValue", "options"])
           ]),
-          v("div", Nm, [
+          v("div", zm, [
             O(Va, {
               label: "Input",
               placeholder: "Example input",
@@ -12214,7 +12211,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
               placeholder: "0"
             }, null, 8, ["modelValue"])
           ]),
-          v("div", zm, [
+          v("div", Pm, [
             c[16] || (c[16] = v(
               "div",
               null,
@@ -12230,18 +12227,18 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
               options: []
             })
           ]),
-          O(Yd, {
+          O(Jd, {
             class: "grid--nav",
             "app-name": "Nav bar",
-            "logo-url": a(Im)
+            "logo-url": a(Rm)
           }, {
             contextArea: E(() => [
-              O(Pd, {
+              O(Fd, {
                 description: "Company Name",
                 "full-name": "Jane Doe"
               }, {
                 footer: E(() => [...c[19] || (c[19] = [
-                  Z(
+                  X(
                     " App version ",
                     -1
                     /* CACHED */
@@ -12258,7 +12255,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                   O(Ye, null, {
                     default: E(() => [
                       O(G, { icon: a(Dl) }, null, 8, ["icon"]),
-                      c[17] || (c[17] = Z(
+                      c[17] || (c[17] = X(
                         " Settings ",
                         -1
                         /* CACHED */
@@ -12267,14 +12264,14 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
                     _: 1
                     /* STABLE */
                   }),
-                  O(xd, {
+                  O(kd, {
                     "model-value": t.value ? "dark" : "light",
                     "onUpdate:modelValue": c[7] || (c[7] = (p) => t.value = p === "dark")
                   }, null, 8, ["model-value"]),
                   O(Ye, { color: "danger" }, {
                     default: E(() => [
                       O(G, { icon: a(Vl) }, null, 8, ["icon"]),
-                      c[18] || (c[18] = Z(
+                      c[18] || (c[18] = X(
                         " Logout ",
                         -1
                         /* CACHED */
@@ -12315,7 +12312,7 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
       )
     ]));
   }
-}), Py = /* @__PURE__ */ oo(Pm, [["__scopeId", "data-v-c46b11f7"]]), Fy = (n) => {
+}), Fy = /* @__PURE__ */ oo(Fm, [["__scopeId", "data-v-c46b11f7"]]), Uy = (n) => {
   Re(() => {
     ne([n], () => {
       const t = document.documentElement, e = "onyx-transition-active", o = () => {
@@ -12324,97 +12321,97 @@ const Vy = /* @__PURE__ */ oo(vm, [["render", hm]]), gm = {
       t.addEventListener("transitionend", o, { once: !0 }), t.classList.add(e);
     });
   });
-}, Uy = ["primary", "neutral", "danger", "warning", "success", "info"], Hy = ["small", "default", "large"], Gy = ["ellipsis", "multiline"], qy = ["horizontal", "vertical"], Ky = (n = {}) => ({
+}, Hy = ["primary", "neutral", "danger", "warning", "success", "info"], Gy = ["small", "default", "large"], qy = ["ellipsis", "multiline"], Ky = ["horizontal", "vertical"], Wy = (n = {}) => ({
   install: (t) => {
     Rs(t, n.i18n);
     const e = t.runWithContext(() => Y());
-    t.provide(sa, Xr()), t.provide(oa, wr()), t.provide(aa, Ur()), n.router && t.provide(Jn, n.router), t.mixin({
+    t.provide(sa, Qr()), t.provide(oa, Sr()), t.provide(aa, Hr()), n.router && t.provide(Jn, n.router), t.mixin({
       beforeMount: () => {
         Je(() => {
-          Fm(e.t.value("optional"));
+          Um(e.t.value("optional"));
         });
       }
     });
   }
-}), Fm = (n) => {
+}), Um = (n) => {
   globalThis.document?.body.style.setProperty("--onyx-global-optional-text", `"${n}"`);
 };
 export {
   Vn as ACCORDION_INJECTION_KEY,
-  qm as ACCORDION_TYPES,
+  Km as ACCORDION_TYPES,
   ia as BREADCRUMB_MORE_LIST_INJECTION_KEY,
   ca as BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY,
-  Xm as BUTTON_COLORS,
-  Qm as BUTTON_MODES,
-  Zm as BUTTON_TYPES,
+  Qm as BUTTON_COLORS,
+  ey as BUTTON_MODES,
+  Xm as BUTTON_TYPES,
   va as CODE_TABS_INJECTION_KEY,
-  Gm as DENSITIES,
-  ry as DIALOG_ALIGNMENTS,
-  ly as DataGridFeatures,
+  qm as DENSITIES,
+  iy as DIALOG_ALIGNMENTS,
+  sy as DataGridFeatures,
   Yt as DataGridRowOptionsSymbol,
   oa as GLOBAL_FAB_PROVIDER_INJECTION_KEY,
   Go as GLOBAL_SEARCH_INJECTION_KEY,
-  py as HEADLINE_TYPES,
-  my as ICON_SIZES,
-  fy as IMAGE_SHAPES,
-  vy as INPUT_TYPES,
-  Sy as LINK_TARGETS,
+  my as HEADLINE_TYPES,
+  yy as ICON_SIZES,
+  vy as IMAGE_SHAPES,
+  by as INPUT_TYPES,
+  $y as LINK_TARGETS,
   so as MOBILE_NAV_BAR_INJECTION_KEY,
-  Ey as MULTISELECT_TEXT_MODE,
+  By as MULTISELECT_TEXT_MODE,
   xn as NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY,
   La as NAV_BAR_MORE_LIST_INJECTION_KEY,
   Da as NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY,
   aa as NOTIFICATIONS_PROVIDER_INJECTION_KEY,
   Ot as ONYX_BREAKPOINTS,
-  Uy as ONYX_COLORS,
-  qy as ORIENTATIONS,
-  Km as OnyxAccordion,
-  Wm as OnyxAccordionItem,
-  jm as OnyxAlertModal,
-  Ym as OnyxAppLayout,
+  Hy as ONYX_COLORS,
+  Ky as ORIENTATIONS,
+  Wm as OnyxAccordion,
+  jm as OnyxAccordionItem,
+  Ym as OnyxAlertModal,
+  Jm as OnyxAppLayout,
   Wt as OnyxAvatar,
-  ii as OnyxAvatarStack,
+  ci as OnyxAvatarStack,
   no as OnyxBadge,
   ht as OnyxBasicDialog,
   Mt as OnyxBasicPopover,
-  pi as OnyxBottomBar,
-  Jm as OnyxBreadcrumb,
+  mi as OnyxBottomBar,
+  Zm as OnyxBreadcrumb,
   an as OnyxBreadcrumbItem,
   gt as OnyxButton,
   da as OnyxCard,
   $t as OnyxCheckbox,
   cn as OnyxCheckboxGroup,
-  gd as OnyxColorSchemeDialog,
-  xd as OnyxColorSchemeMenuItem,
-  Py as OnyxComponentShowcase,
-  ay as OnyxDataGrid,
+  _d as OnyxColorSchemeDialog,
+  kd as OnyxColorSchemeMenuItem,
+  Fy as OnyxComponentShowcase,
+  ly as OnyxDataGrid,
   pn as OnyxDataGridRenderer,
-  sy as OnyxDatePicker,
-  iy as OnyxDialog,
+  ry as OnyxDatePicker,
+  cy as OnyxDialog,
   ha as OnyxEmpty,
-  Vy as OnyxErrorSVG,
+  Ny as OnyxErrorSVG,
   wo as OnyxExternalLinkIcon,
   on as OnyxFAB,
   Ut as OnyxFABButton,
-  kr as OnyxFABItem,
-  ym as OnyxFileCard,
-  nm as OnyxFileTypeIcon,
-  Ny as OnyxFileUpload,
+  wr as OnyxFABItem,
+  fm as OnyxFileCard,
+  am as OnyxFileTypeIcon,
+  zy as OnyxFileUpload,
   Sn as OnyxFileUploadSVG,
-  zy as OnyxFilterTag,
+  Py as OnyxFilterTag,
   nt as OnyxFlyoutMenu,
-  cy as OnyxForm,
+  uy as OnyxForm,
   Ie as OnyxFormElement,
-  Sr as OnyxGlobalFAB,
+  $r as OnyxGlobalFAB,
   qe as OnyxHeadline,
   G as OnyxIcon,
   st as OnyxIconButton,
-  yy as OnyxImage,
-  Pr as OnyxInfoCard,
+  fy as OnyxImage,
+  Fr as OnyxInfoCard,
   lo as OnyxInfoTooltip,
   Va as OnyxInput,
-  by as OnyxLanguageMenuItem,
-  Xu as OnyxLink,
+  hy as OnyxLanguageMenuItem,
+  Qu as OnyxLink,
   jt as OnyxListItem,
   Ne as OnyxLoadingIndicator,
   Ye as OnyxMenuItem,
@@ -12422,89 +12419,89 @@ export {
   kn as OnyxMobileNavButton,
   Bo as OnyxModal,
   ua as OnyxMoreList,
-  dd as OnyxNavAppArea,
-  Yd as OnyxNavBar,
+  pd as OnyxNavAppArea,
+  Jd as OnyxNavBar,
   St as OnyxNavItem,
   ut as OnyxNavItemFacade,
-  gy as OnyxNotificationCard,
-  _y as OnyxNotificationDot,
-  Fr as OnyxNotificationMessage,
-  qr as OnyxNotifications,
-  xy as OnyxPageLayout,
+  _y as OnyxNotificationCard,
+  xy as OnyxNotificationDot,
+  Ur as OnyxNotificationMessage,
+  Kr as OnyxNotifications,
+  ky as OnyxPageLayout,
   Aa as OnyxPagination,
-  mp as OnyxProgressItem,
-  wy as OnyxProgressSteps,
+  yp as OnyxProgressItem,
+  Sy as OnyxProgressSteps,
   wn as OnyxRadioButton,
-  hp as OnyxRadioGroup,
+  gp as OnyxRadioGroup,
   dt as OnyxRouterLink,
-  $y as OnyxSegmentedControl,
-  kp as OnyxSegmentedControlElement,
+  Cy as OnyxSegmentedControl,
+  wp as OnyxSegmentedControlElement,
   Ma as OnyxSelect,
   Oo as OnyxSelectDialog,
-  Gc as OnyxSelectInput,
+  qc as OnyxSelectInput,
   yn as OnyxSelectOption,
   Jt as OnyxSeparator,
-  Oy as OnyxSidebar,
-  By as OnyxSidebarItem,
-  X as OnyxSkeleton,
+  My as OnyxSidebar,
+  Oy as OnyxSidebarItem,
+  Z as OnyxSkeleton,
   Ct as OnyxStepper,
-  Wp as OnyxSwitch,
+  jp as OnyxSwitch,
   Be as OnyxSystemButton,
   un as OnyxTab,
   So as OnyxTable,
   dn as OnyxTabs,
   Ke as OnyxTag,
-  Tm as OnyxTextarea,
-  hy as OnyxTimer,
-  ti as OnyxToast,
+  Im as OnyxTextarea,
+  gy as OnyxTimer,
+  oi as OnyxToast,
   la as OnyxToastMessage,
   Qe as OnyxTooltip,
-  ey as OnyxUnstableCalendar,
-  ty as OnyxUnstableCodeTab,
-  oy as OnyxUnstableCodeTabs,
-  uy as OnyxUnstableGlobalSearch,
-  dy as OnyxUnstableGlobalSearchGroup,
-  Ku as OnyxUnstableGlobalSearchOption,
-  Ay as OnyxUnstableSlider,
+  ty as OnyxUnstableCalendar,
+  oy as OnyxUnstableCodeTab,
+  ny as OnyxUnstableCodeTabs,
+  dy as OnyxUnstableGlobalSearch,
+  py as OnyxUnstableGlobalSearchGroup,
+  Wu as OnyxUnstableGlobalSearchOption,
+  Ty as OnyxUnstableSlider,
   yt as OnyxUnstableSliderControl,
-  Ly as OnyxUnstableTimepicker,
-  Pd as OnyxUserMenu,
+  Dy as OnyxUnstableTimepicker,
+  Fd as OnyxUserMenu,
   Ge as OnyxVisuallyHidden,
-  ky as PROGRESS_ITEM_STATUS,
+  wy as PROGRESS_ITEM_STATUS,
   Jn as ROUTER_INJECTION_KEY,
-  Cy as SELECT_ALIGNMENTS,
-  My as SIDEBAR_ALIGNMENT,
+  Ey as SELECT_ALIGNMENTS,
+  Ay as SIDEBAR_ALIGNMENT,
   ae as SKELETON_INJECTED_SYMBOL,
-  Iy as SLIDER_CONTROLS,
-  Ty as SLIDER_MODES,
-  Dy as SUPPORTED_FILE_TYPE_ICON_MEDIA_TYPES,
-  Ry as SYSTEM_BUTTON_COLORS,
+  Ry as SLIDER_CONTROLS,
+  Iy as SLIDER_MODES,
+  Vy as SUPPORTED_FILE_TYPE_ICON_MEDIA_TYPES,
+  Ly as SYSTEM_BUTTON_COLORS,
   ba as TABS_INJECTION_KEY,
-  Hy as TEXT_SIZES,
+  Gy as TEXT_SIZES,
   sa as TOAST_PROVIDER_INJECTION_KEY,
-  Gy as TRUNCATION_TYPES,
-  ny as createFeature,
-  wr as createGlobalFABProvider,
-  Ur as createNotificationsProvider,
-  Ky as createOnyx,
-  $c as createTableColumnGroups,
-  Xr as createToastProvider,
+  qy as TRUNCATION_TYPES,
+  ay as createFeature,
+  Sr as createGlobalFABProvider,
+  Hr as createNotificationsProvider,
+  Wy as createOnyx,
+  Cc as createTableColumnGroups,
+  Qr as createToastProvider,
   pt as extractLinkProps,
   Yn as isInternalLink,
   _e as mergeVueProps,
   jn as normalizedIncludes,
   Rs as provideI18n,
   eo as provideSkeletonContext,
-  Cc as useDataGridFeatures,
+  Ec as useDataGridFeatures,
   K as useDensity,
   kt as useFeatureContext,
   za as useFileSize,
   na as useGlobalFAB,
   xt as useLink,
-  Hr as useNotification,
+  Gr as useNotification,
   Oe as useRootAttrs,
   Oa as useScrollEnd,
   re as useSkeletonContext,
-  Fy as useThemeTransition,
-  Qr as useToast
+  Uy as useThemeTransition,
+  ei as useToast
 };