sit-onyx 1.1.0-dev-20250929075001 → 1.1.0-dev-20250929145347

package/dist/index.js

@@ -1,13 +1,13 @@
-import { computed as m, provide as Re, inject as ve, toRef as ie, ref as V, watch as Y, defineComponent as A, watchEffect as Ie, toRefs as ro, createElementBlock as f, openBlock as i, normalizeClass as I, unref as l, renderSlot as C, onMounted as Oe, createBlock as _, resolveDynamicComponent as Ce, withCtx as S, createVNode as B, createElementVNode as y, withModifiers as Me, readonly as Et, reactive as io, onBeforeMount as Bt, onBeforeUnmount as ht, useId as pe, toValue as Q, shallowRef as Ue, nextTick as Ve, useTemplateRef as J, createCommentVNode as k, createTextVNode as W, toDisplayString as T, normalizeProps as ze, mergeProps as E, Fragment as G, isProxy as xa, toRaw as ka, useAttrs as wa, customRef as Sa, onUnmounted as Lt, normalizeStyle as Te, useSlots as ce, createSlots as _e, isRef as Ee, renderList as de, toHandlers as $a, resolveComponent as Ca, withDirectives as xe, guardReactiveProps as Je, vShow as Yt, Teleport as st, vModelCheckbox as en, vModelText as co, h as le, vModelDynamic as tn, withKeys as Ao, createStaticVNode as Ea, useModel as Ba } from "vue";
-import { iconChevronDownSmall as Oa, iconCircleAttention as uo, iconXSmall as De, iconX as po, iconMoreHorizontalSmall as on, iconCircleCheck as Aa, iconCircleX as nn, iconCircleInformation as Jt, iconUser as Ma, iconArrowSmallUpRight as Ta, iconChevronRightSmall as an, iconArrowSmallLeft as ln, iconHome as Ia, iconMoreHorizontal as Mo, iconSearch as La, iconCheck as Ra, iconSearchX as Va, iconChevronDownUp as Na, iconCheckSmall as bt, iconChevronLeftSmall as sn, iconPlusSmall as za, iconEyeDisabled as Da, iconListArrowUp as rn, iconListArrowDown as cn, iconArrowsSort as Fa, iconCircleBlock as Pa, iconFileDisabled as Ua, iconEyeClosed as Ha, iconEye as Ga, iconCircleContrast as qa, iconTranslate as Ka, iconMenu as ja, iconMoreVertical as un, iconNotificationFlag as Wa, iconMinus as Ya, iconPlus as Ja, iconFile as Za, iconFilePdf as Xa, iconFileCsv as Qa, iconAudio as el, iconVideocam as tl, iconPicture as ol, iconFileRtf as nl, iconFilePpt as al, iconFileXls as ll, iconFileXlsx as sl, iconFileDoc as rl, iconFileGlobe as il, iconFileArchive as cl, iconFileText as ul, iconCloudArrowUp as dl, iconTrash as pl, iconShareIos as ml, iconArrowSmallRight as yl, iconSettings as fl, iconLogout as vl } from "@sit-onyx/icons";
+import { computed as m, provide as Re, inject as ve, toRef as se, ref as V, watch as Y, defineComponent as A, watchEffect as Te, toRefs as ro, createElementBlock as f, openBlock as i, normalizeClass as I, unref as l, renderSlot as C, onMounted as Se, createBlock as _, resolveDynamicComponent as Ce, withCtx as S, createVNode as B, createElementVNode as y, withModifiers as Ae, readonly as Ct, reactive as io, onBeforeMount as Et, onBeforeUnmount as ht, useId as pe, toValue as Q, shallowRef as Pe, nextTick as Ye, useTemplateRef as J, createCommentVNode as k, createTextVNode as W, toDisplayString as T, normalizeProps as Ne, mergeProps as E, Fragment as G, isProxy as xa, toRaw as ka, useAttrs as wa, customRef as Sa, onUnmounted as It, normalizeStyle as Me, useSlots as ce, createSlots as _e, isRef as Ee, renderList as de, toHandlers as $a, resolveComponent as Ca, withDirectives as xe, guardReactiveProps as Ze, vShow as Yt, Teleport as st, vModelCheckbox as Qo, vModelText as co, h as le, vModelDynamic as en, withKeys as Oo, createStaticVNode as Ea, useModel as Ba } from "vue";
+import { iconChevronDownSmall as Oa, iconCircleAttention as uo, iconXSmall as ze, iconX as po, iconMoreHorizontalSmall as tn, iconCircleCheck as Aa, iconCircleX as on, iconCircleInformation as Jt, iconUser as Ma, iconArrowSmallUpRight as Ta, iconChevronRightSmall as nn, iconArrowSmallLeft as an, iconHome as Ia, iconMoreHorizontal as Ao, iconSearch as La, iconCheck as Ra, iconSearchX as Va, iconChevronDownUp as Na, iconCheckSmall as bt, iconChevronLeftSmall as ln, iconPlusSmall as za, iconEyeDisabled as Da, iconListArrowUp as sn, iconListArrowDown as rn, iconArrowsSort as Fa, iconCircleBlock as Pa, iconFileDisabled as Ua, iconEyeClosed as Ha, iconEye as Ga, iconCircleContrast as qa, iconTranslate as Ka, iconMenu as ja, iconMoreVertical as cn, iconNotificationFlag as Wa, iconMinus as Ya, iconPlus as Ja, iconFile as Za, iconFilePdf as Xa, iconFileCsv as Qa, iconAudio as el, iconVideocam as tl, iconPicture as ol, iconFileRtf as nl, iconFilePpt as al, iconFileXls as ll, iconFileXlsx as sl, iconFileDoc as rl, iconFileGlobe as il, iconFileArchive as cl, iconFileText as ul, iconCloudArrowUp as dl, iconTrash as pl, iconShareIos as ml, iconArrowSmallRight as yl, iconSettings as fl, iconLogout as vl } from "@sit-onyx/icons";
 const bp = ["compact", "default", "cozy"], F = (n) => ({
   densityClass: m(() => ({ [`onyx-density-${n.density}`]: !!n.density }))
-}), hl = void 0, dn = Symbol(), ee = Symbol("SKELETON_INJECTED_SYMBOL"), pn = (n) => (t) => m(() => typeof t.skeleton != "symbol" ? t.skeleton : t.skeleton === ee && n?.skeleton === !0 ? 3 : !1), Rt = (n) => Re(dn, pn(n)), bl = pn(), ne = (n) => ve(
-  dn,
+}), hl = void 0, un = Symbol(), ee = Symbol("SKELETON_INJECTED_SYMBOL"), dn = (n) => (t) => m(() => typeof t.skeleton != "symbol" ? t.skeleton : t.skeleton === ee && n?.skeleton === !0 ? 3 : !1), Lt = (n) => Re(un, dn(n)), bl = dn(), oe = (n) => ve(
+  un,
   /** Default */
   bl
 )(n), ae = (n) => {
-  const t = ie(n.props, n.key), e = () => typeof n.default == "function" ? n.default() : n.default, o = V(e());
+  const t = se(n.props, n.key), e = () => typeof n.default == "function" ? n.default() : n.default, o = V(e());
   Y(t, (s) => o.value = s);
   const a = m({
     get: () => t.value ?? o.value ?? e(),
@@ -16,7 +16,7 @@ const bp = ["compact", "default", "cozy"], F = (n) => ({
     }
   });
   return a;
-}, mn = Symbol(), gp = ["default", "nested-large", "nested-small", "card"], _p = /* @__PURE__ */ A({
+}, pn = Symbol(), gp = ["default", "nested-large", "nested-small", "card"], _p = /* @__PURE__ */ A({
   __name: "OnyxAccordion",
   props: {
     density: {},
@@ -29,14 +29,14 @@ const bp = ["compact", "default", "cozy"], F = (n) => ({
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
     const e = n, o = t, a = V([]);
-    Ie(() => a.value = e.modelValue ?? []);
+    Te(() => a.value = e.modelValue ?? []);
     const s = ae({
       // if modelValue is set by the user, it should be used instead of the internally managed open items
       props: e,
       emit: o,
       key: "modelValue",
       default: () => []
-    }), { disabled: r, exclusive: u } = ro(e), c = ne(e), { densityClass: d } = F(e), p = (v, b) => {
+    }), { disabled: r, exclusive: u } = ro(e), c = oe(e), { densityClass: d } = F(e), p = (v, b) => {
       if (!b) {
         if (!s.value.includes(v)) return;
         s.value = s.value.filter((h) => h !== v);
@@ -57,9 +57,9 @@ const bp = ["compact", "default", "cozy"], F = (n) => ({
         }
       },
       { immediate: !0 }
-    ), Re(mn, {
-      openItems: ie(() => s.value),
-      type: ie(() => e.type),
+    ), Re(pn, {
+      openItems: se(() => s.value),
+      type: se(() => e.type),
       updateOpen: p,
       disabled: r,
       skeleton: c
@@ -80,7 +80,7 @@ const bp = ["compact", "default", "cozy"], F = (n) => ({
       /* CLASS */
     ));
   }
-}), Ot = {
+}), Bt = {
   "2xs": 320,
   xs: 577,
   sm: 769,
@@ -88,7 +88,7 @@ const bp = ["compact", "default", "cozy"], F = (n) => ({
   lg: 1441,
   xl: 1921
 };
-Ot.lg - 1, Ot.xl - 1;
+Bt.lg - 1, Bt.xl - 1;
 const gl = ["innerHTML"], z = /* @__PURE__ */ A({
   __name: "OnyxIcon",
   props: {
@@ -121,7 +121,7 @@ const gl = ["innerHTML"], z = /* @__PURE__ */ A({
 }, Z = /* @__PURE__ */ A({
   __name: "OnyxSkeleton",
   setup(n) {
-    return Oe(() => wl("onyx-skeleton")), (t, e) => (i(), f("figure", Sl));
+    return Se(() => wl("onyx-skeleton")), (t, e) => (i(), f("figure", Sl));
   }
 }), $l = ["open"], Cl = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"], El = { class: "onyx-accordion-item__header-content" }, Bl = ["id", "aria-labelledby"], xp = /* @__PURE__ */ A({
   __name: "OnyxAccordionItem",
@@ -132,7 +132,7 @@ const gl = ["innerHTML"], z = /* @__PURE__ */ A({
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, e = ve(mn, void 0), o = m({
+    const t = n, e = ve(pn, void 0), o = m({
       get: () => e?.openItems.value.includes(t.value),
       set: (v) => e?.updateOpen(t.value, v)
     });
@@ -142,7 +142,7 @@ const gl = ["innerHTML"], z = /* @__PURE__ */ A({
         e?.updateOpen(v, e?.openItems.value.includes(v)), e?.updateOpen(b, !1);
       }
     );
-    const a = ne(t), { densityClass: s } = F(t), r = m(() => e?.disabled.value || t.disabled), u = m(() => e?.type.value ?? "default"), c = m(() => `header-${t.value.toString()}`), d = m(() => `panel-${t.value.toString()}`), p = m(() => a.value || e?.skeleton.value);
+    const a = oe(t), { densityClass: s } = F(t), r = m(() => e?.disabled.value || t.disabled), u = m(() => e?.type.value ?? "default"), c = m(() => `header-${t.value.toString()}`), d = m(() => `panel-${t.value.toString()}`), p = m(() => a.value || e?.skeleton.value);
     return (v, b) => p.value ? (i(), _(Ce(u.value === "card" ? Z : "div"), {
       key: 0,
       class: I([
@@ -176,7 +176,7 @@ const gl = ["innerHTML"], z = /* @__PURE__ */ A({
         "aria-expanded": o.value,
         "aria-controls": d.value,
         "aria-disabled": r.value,
-        onClick: b[0] || (b[0] = Me((h) => o.value = !o.value, ["prevent"]))
+        onClick: b[0] || (b[0] = Ae((h) => o.value = !o.value, ["prevent"]))
       }, [
         y("div", El, [
           C(v.$slots, "header")
@@ -243,9 +243,9 @@ const gl = ["innerHTML"], z = /* @__PURE__ */ A({
   globalFAB: ss
 }, rs = {
   decimal: { style: "decimal" }
-}, yn = Symbol(), fn = (n = {}) => {
-  const t = Et(ie(n?.locale ?? "en-US")), e = m(() => n.messages?.[t.value] ?? Xt), o = m(() => (r, u = {}) => {
-    let c = To(r, e.value) ?? To(r, Xt) ?? "";
+}, mn = Symbol(), yn = (n = {}) => {
+  const t = Ct(se(n?.locale ?? "en-US")), e = m(() => n.messages?.[t.value] ?? Xt), o = m(() => (r, u = {}) => {
+    let c = Mo(r, e.value) ?? Mo(r, Xt) ?? "";
     return c = cs(c, u.n), us(c, u);
   }), a = m(() => (r, u) => new Intl.DateTimeFormat(
     t.value,
@@ -256,15 +256,15 @@ const gl = ["innerHTML"], z = /* @__PURE__ */ A({
   ).format(r));
   return {
     // If the user provided a custom `t` function, it is used instead of the default.
-    t: n.t ? Et(ie(n.t)) : o,
+    t: n.t ? Ct(se(n.t)) : o,
     locale: t,
     d: a,
     n: s
   };
 }, is = (n, t) => {
-  const e = fn(t);
-  return n.provide(yn, e), e;
-}, q = () => ve(yn, () => fn(), !0), To = (n, t) => {
+  const e = yn(t);
+  return n.provide(mn, e), e;
+}, q = () => ve(mn, () => yn(), !0), Mo = (n, t) => {
   const e = n.split(".").reduce((o, a) => !o || typeof o == "string" ? o : o[a], t);
   return e && typeof e == "string" ? e : void 0;
 }, cs = (n, t) => {
@@ -276,9 +276,9 @@ const gl = ["innerHTML"], z = /* @__PURE__ */ A({
   if (!t) return n;
   let e = Object.entries(t).reduce((o, [a, s]) => s === void 0 ? o : o.replace(new RegExp(`{${a}}`, "gi"), s.toString()), n);
   return e = e.replace(/{'(.*?)'}/g, "$1"), e.replace(/{.*}\s?/gi, "");
-}, qe = (n) => n;
-function Io() {
-  const n = Ue();
+}, Ge = (n) => n;
+function To() {
+  const n = Pe();
   return m({
     set: (t) => {
       n.value = t != null && "$el" in t ? t.$el : t;
@@ -288,7 +288,7 @@ function Io() {
 }
 const ds = (n, t) => Object.entries(n).every(
   ([e, o]) => t[e] === o
-), vn = (n, t) => typeof t == "string" ? n.key === t : ds(
+), fn = (n, t) => typeof t == "string" ? n.key === t : ds(
   { altKey: !1, ctrlKey: !1, metaKey: !1, shiftKey: !1, ...t },
   n
 ), ps = new Intl.Segmenter("en-US"), Qt = (n) => [...ps.segment(n)].length === 1, at = io(/* @__PURE__ */ new Map()), ms = (n, t) => {
@@ -296,26 +296,26 @@ const ds = (n, t) => Object.entries(n).every(
     at.set(n, t);
     return;
   }
-  at.delete(n), document.removeEventListener(n, hn);
-}, Lo = (n, t) => {
+  at.delete(n), document.removeEventListener(n, vn);
+}, Io = (n, t) => {
   const e = at.get(n);
   e?.delete(t), ms(n, e);
 }, ys = (n, t) => {
   const e = at.get(n) ?? /* @__PURE__ */ new Set();
-  e.add(t), at.set(n, e), document.addEventListener(n, hn);
-}, hn = (n) => {
+  e.add(t), at.set(n, e), document.addEventListener(n, vn);
+}, vn = (n) => {
   const t = n.type;
   at.get(t)?.forEach((e) => e(n));
-}, Ye = ({
+}, Je = ({
   type: n,
   listener: t,
   disabled: e
 }) => {
-  Bt(
-    () => Ie(
-      () => e?.value ? Lo(n, t) : ys(n, t)
+  Et(
+    () => Te(
+      () => e?.value ? Io(n, t) : ys(n, t)
     )
-  ), ht(() => Lo(n, t));
+  ), ht(() => Io(n, t));
 }, mo = ({
   inside: n,
   onOutsideClick: t,
@@ -327,33 +327,33 @@ const ds = (n, t) => Object.entries(n).every(
     const u = Q(n);
     return !(Array.isArray(u) ? u : [u]).some((d) => d?.contains(r));
   };
-  Ye({ type: "mousedown", listener: (r) => {
+  Je({ type: "mousedown", listener: (r) => {
     a(r.target) && t(r);
-  }, disabled: e }), o && Ye({ type: "keydown", listener: async (u) => {
+  }, disabled: e }), o && Je({ type: "keydown", listener: async (u) => {
     u.key === "Tab" && (await new Promise((c) => setTimeout(c)), a(document.activeElement) && t(u));
   }, disabled: e });
-}, bn = (n, t) => {
+}, hn = (n, t) => {
   let e;
   const o = (...a) => {
     clearTimeout(e), e = setTimeout(() => n(...a), Q(t));
   };
   return o.abort = () => clearTimeout(e), o;
-}, gn = (n, t = 500) => {
+}, bn = (n, t = 500) => {
   let e = "";
-  const o = bn(() => e = "", t);
+  const o = hn(() => e = "", t);
   return (a) => {
     Qt(a.key) && (o(), e = `${e}${a.key}`, n(e));
   };
-}, fs = qe(
+}, fs = Ge(
   (n) => {
     const t = m(() => l(n.multiple) ?? !1), e = m(() => l(n.isExpanded) ?? !1), o = /* @__PURE__ */ new Map(), a = (d) => (o.has(d) || o.set(d, pe()), o.get(d)), s = V(!1);
-    Ie(async () => {
+    Te(async () => {
       if (!e.value || n.activeOption.value == null || !s.value && !n.controlled)
         return;
       const d = a(n.activeOption.value);
-      await Ve(), document.getElementById(d)?.scrollIntoView({ block: "nearest", inline: "nearest" });
+      await Ye(), document.getElementById(d)?.scrollIntoView({ block: "nearest", inline: "nearest" });
     });
-    const r = gn((d) => n.onTypeAhead?.(d)), u = (d) => {
+    const r = bn((d) => n.onTypeAhead?.(d)), u = (d) => {
       switch (d.key) {
         case " ":
           d.preventDefault(), n.activeOption.value != null && n.onSelect?.(n.activeOption.value);
@@ -428,15 +428,15 @@ const ds = (n, t) => Object.entries(n).every(
       }
     };
   }
-), _n = ["ArrowDown", "ArrowUp", " ", "Enter", "Home", "End"], xn = [
+), gn = ["ArrowDown", "ArrowUp", " ", "Enter", "Home", "End"], _n = [
   "Escape",
   { key: "ArrowUp", altKey: !0 },
   "Enter",
   "Tab"
-], Ro = ["Enter"], vs = (n, t) => {
-  const e = t ? [...Ro, " "] : Ro;
+], Lo = ["Enter"], vs = (n, t) => {
+  const e = t ? [...Lo, " "] : Lo;
   return eo(n, e);
-}, eo = (n, t) => t.some((e) => vn(n, e)), hs = qe(
+}, eo = (n, t) => t.some((e) => fn(n, e)), hs = Ge(
   ({
     autocomplete: n,
     onAutocomplete: t,
@@ -456,9 +456,9 @@ const ds = (n, t) => Object.entries(n).every(
     templateRef: $
   }) => {
     const x = pe(), w = m(() => l(n)), M = m(() => l(u)), O = m(() => l(o)), L = (R) => {
-      const Se = R.target;
-      w.value !== "none" && t?.(Se.value);
-    }, N = gn((R) => e?.(R)), K = (R) => {
+      const we = R.target;
+      w.value !== "none" && t?.(we.value);
+    }, N = bn((R) => e?.(R)), K = (R) => {
       p?.(R), l(O) || d?.();
     }, U = (R) => {
       switch (R.key) {
@@ -480,11 +480,11 @@ const ds = (n, t) => Object.entries(n).every(
           break;
       }
     }, X = (R) => {
-      if (R.key === "Enter" && R.preventDefault(), !M.value && eo(R, _n))
+      if (R.key === "Enter" && R.preventDefault(), !M.value && eo(R, gn))
         return d?.(), R.key === " " && R.preventDefault(), R.key === "End" ? b?.() : v?.();
       if (vs(R, w.value === "none"))
         return K(c.value);
-      if (M.value && eo(R, xn))
+      if (M.value && eo(R, _n))
         return d?.();
       if (w.value === "none" && Qt(R.key))
         return !M.value && d?.(), N(R);
@@ -497,7 +497,7 @@ const ds = (n, t) => Object.entries(n).every(
       "aria-autocomplete": w.value,
       type: "text"
     }), {
-      elements: { option: P, group: D, listbox: te },
+      elements: { option: P, group: D, listbox: ne },
       internals: { getOptionId: H }
     } = fs({
       label: s,
@@ -521,7 +521,7 @@ const ds = (n, t) => Object.entries(n).every(
          * The listbox associated with the combobox.
          */
         listbox: m(() => ({
-          ...te.value,
+          ...ne.value,
           id: x,
           // preventDefault to not lose focus of the combobox
           onMousedown: (R) => R.preventDefault()
@@ -550,14 +550,14 @@ const ds = (n, t) => Object.entries(n).every(
       }
     };
   }
-), bs = qe((n) => {
-  const t = pe(), e = pe(), o = Io(), a = Io(), s = pe(), r = m(() => Q(n.position) ?? "bottom");
-  Ye({
+), bs = Ge((n) => {
+  const t = pe(), e = pe(), o = To(), a = To(), s = pe(), r = m(() => Q(n.position) ?? "bottom");
+  Je({
     type: "keydown",
     listener: (b) => b.key === "Escape" && c(!1),
     disabled: m(() => !n.isExpanded.value)
   });
-  const u = bn(() => n.onToggle(), 200);
+  const u = hn(() => n.onToggle(), 200);
   Y(n.isExpanded, () => u.abort());
   const c = (b, h = !1) => {
     if (!n.disabled?.value) {
@@ -659,7 +659,7 @@ const ds = (n, t) => Object.entries(n).every(
       ...yo().elements
     }
   };
-}), yo = qe((n) => {
+}), yo = Ge((n) => {
   const t = (e) => {
     switch (e.key) {
       case "ArrowRight":
@@ -687,7 +687,7 @@ const ds = (n, t) => Object.entries(n).every(
    * Ensures that a given `number` is or is between a given `min` and `max`.
    */
   clamp: (n, t, e) => Math.max(Math.min(n, e), t)
-}, _s = qe(({ navigationName: n }) => {
+}, _s = Ge(({ navigationName: n }) => {
   const t = pe(), e = () => {
     const a = t ? document.getElementById(t) : void 0;
     return a ? Array.from(a.querySelectorAll("button[aria-expanded][aria-controls]")) : [];
@@ -719,7 +719,7 @@ const ds = (n, t) => Object.entries(n).every(
       }
     }
   };
-}), xs = qe((n) => {
+}), xs = Ge((n) => {
   const t = /* @__PURE__ */ new Map(), e = (a) => (t.has(a) || t.set(a, { tabId: pe(), panelId: pe() }), t.get(a)), o = (a) => {
     const s = a.target, r = Array.from(
       s.parentElement?.querySelectorAll('[role="tab"]') ?? []
@@ -781,16 +781,16 @@ const ds = (n, t) => Object.entries(n).every(
       })
     }
   };
-}), kn = ({ isExpanded: n }) => Ye({
+}), xn = ({ isExpanded: n }) => Je({
   type: "keydown",
   listener: (t) => {
     t.key === "Escape" && (n.value = !1);
   },
   disabled: m(() => !n.value)
-}), ks = qe(
+}), ks = Ge(
   ({ toggleLabel: n, isVisible: t }) => {
-    const e = pe(), o = ie(t ?? !1);
-    kn({ isExpanded: o });
+    const e = pe(), o = se(t ?? !1);
+    xn({ isExpanded: o });
     const a = () => o.value = !o.value;
     return {
       elements: {
@@ -823,8 +823,8 @@ const ds = (n, t) => Object.entries(n).every(
       }
     };
   }
-), ws = qe(({ debounce: n, isVisible: t }) => {
-  const e = pe(), o = ie(t ?? !1);
+), ws = Ge(({ debounce: n, isVisible: t }) => {
+  const e = pe(), o = se(t ?? !1);
   let a;
   const s = m({
     get: () => o.value,
@@ -839,7 +839,7 @@ const ds = (n, t) => Object.entries(n).every(
     onFocusin: () => o.value = !0,
     onFocusout: () => o.value = !1
   };
-  return kn({ isExpanded: o }), {
+  return xn({ isExpanded: o }), {
     elements: {
       /**
        * The element which controls the tooltip visibility on hover.
@@ -867,7 +867,7 @@ const ds = (n, t) => Object.entries(n).every(
 }), Ss = ["aria-modal", "aria-label", "role"], $s = {
   ref: "contentRef",
   class: "onyx-basic-dialog__content"
-}, wn = /* @__PURE__ */ A({
+}, kn = /* @__PURE__ */ A({
   __name: "OnyxBasicDialog",
   props: {
     density: {},
@@ -898,12 +898,12 @@ const ds = (n, t) => Object.entries(n).every(
       // non-modal dialog allows interactions with other elements without closing
       disabled: m(() => !r.value || e.nonDismissible || !e.modal),
       onOutsideClick: () => o("update:open", !1)
-    }), Ye({
+    }), Je({
       type: "keydown",
       // modal dialog has native support for closing via `Escape`
       // non-modal dialog needs custom support for this
       disabled: m(() => !r.value || e.nonDismissible),
-      listener: (d) => vn(d, { key: "Escape" }) && o("update:open", !1)
+      listener: (d) => fn(d, { key: "Escape" }) && o("update:open", !1)
     }), (d, p) => e.open ? (i(), f("dialog", {
       key: 0,
       ref: "dialogRef",
@@ -917,7 +917,7 @@ const ds = (n, t) => Object.entries(n).every(
       "aria-modal": e.modal,
       "aria-label": e.label,
       role: e.alert ? "alertdialog" : void 0,
-      onCancel: p[0] || (p[0] = Me(() => {
+      onCancel: p[0] || (p[0] = Ae(() => {
       }, ["prevent"]))
     }, [
       y(
@@ -931,29 +931,29 @@ const ds = (n, t) => Object.entries(n).every(
       )
     ], 42, Ss)) : k("v-if", !0);
   }
-}), Sn = (n, t) => {
-  const e = At(n.toLowerCase()), o = At(t.toLowerCase());
+}), wn = (n, t) => {
+  const e = Ot(n.toLowerCase()), o = Ot(t.toLowerCase());
   return e.includes(o);
-}, At = (n) => n.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), Cs = (n) => n.trim().toLowerCase().replace(/\W/gi, "-"), Es = (n, t) => {
+}, Ot = (n) => n.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), Cs = (n) => n.trim().toLowerCase().replace(/\W/gi, "-"), Es = (n, t) => {
   if (Bs.test(n))
     return;
   const e = new Intl.Segmenter(t, { granularity: "word" }), o = n.trim().toLocaleUpperCase(t), a = Array.from(e.segment(o)).filter((u) => u.isWordLike);
   if (a.length === 0) return;
   const s = a[0].segment, r = a.length === 1 ? void 0 : a.at(-1)?.segment;
-  return r ? `${St(s, t, 0)}${St(r, t, 0)}` : `${St(s, t, 0)}${St(s, t, 1)}`;
-}, St = (n, t, e) => {
+  return r ? `${wt(s, t, 0)}${wt(r, t, 0)}` : `${wt(s, t, 0)}${wt(s, t, 1)}`;
+}, wt = (n, t, e) => {
   const o = new Intl.Segmenter(t, { granularity: "grapheme" });
   return Array.from(o.segment(n)).map((s) => s.segment).at(e) ?? "";
-}, Bs = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/, Ze = (n) => typeof n == "string" ? { href: n } : n, $n = (n) => !URL.canParse(n), rt = () => {
-  const n = ve(Cn, void 0), t = m(() => {
+}, Bs = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/, Xe = (n) => typeof n == "string" ? { href: n } : n, Sn = (n) => !URL.canParse(n), rt = () => {
+  const n = ve($n, void 0), t = m(() => {
     if (!n) return;
     const a = l(n.currentRoute);
     return typeof a == "string" ? { path: a } : a;
   }), e = (a, s) => {
-    n && $n(s) && Os(a) && (a.preventDefault(), n.push(s));
+    n && Sn(s) && Os(a) && (a.preventDefault(), n.push(s));
   }, o = m(() => (a) => {
     if (!t.value || a == null) return !1;
-    const s = Vo(Ze(a).href), r = Vo(t.value.path), { hash: u } = t.value;
+    const s = Ro(Xe(a).href), r = Ro(t.value.path), { hash: u } = t.value;
     return s === "/" ? r === s : u && u === s ? !0 : r === s;
   });
   return { navigate: e, currentRoute: t, isActive: o };
@@ -965,10 +965,10 @@ const ds = (n, t) => Object.entries(n).every(
     }
     return !0;
   }
-}, Vo = (n) => {
+}, Ro = (n) => {
   const t = n.trim();
   return t === "" ? "/" : t === "/" ? t : t.replace(/\/+$/, "");
-}, Cn = Symbol(), Ke = /* @__PURE__ */ A({
+}, $n = Symbol(), qe = /* @__PURE__ */ A({
   __name: "OnyxVisuallyHidden",
   props: {
     is: { default: "span" }
@@ -1003,7 +1003,7 @@ const ds = (n, t) => Object.entries(n).every(
       onClick: r[0] || (r[0] = (u) => l(o)(u, t.href))
     }, [
       C(s.$slots, "default"),
-      t.target === "_blank" ? (i(), _(Ke, { key: 0 }, {
+      t.target === "_blank" ? (i(), _(qe, { key: 0 }, {
         default: S(() => [
           W(
             T(l(e)("link.opensExternally")),
@@ -1016,7 +1016,7 @@ const ds = (n, t) => Object.entries(n).every(
       })) : k("v-if", !0)
     ], 10, As));
   }
-}), Fe = /* @__PURE__ */ A({
+}), De = /* @__PURE__ */ A({
   __name: "OnyxHeadline",
   props: {
     is: {},
@@ -1025,7 +1025,7 @@ const ds = (n, t) => Object.entries(n).every(
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, { t: e } = q(), o = ne(t), a = m(() => t.hash ? Cs(t.hash) : void 0), s = m(() => t.showAs ?? t.is), r = async (u) => {
+    const t = n, { t: e } = q(), o = oe(t), a = m(() => t.hash ? Cs(t.hash) : void 0), s = m(() => t.showAs ?? t.is), r = async (u) => {
       const { origin: c, pathname: d, search: p } = window.location, v = `${c}${d}${p}#${u}`;
       await navigator.clipboard.writeText(v);
     };
@@ -1047,7 +1047,7 @@ const ds = (n, t) => Object.entries(n).every(
           onClick: c[0] || (c[0] = (d) => r(a.value))
         }, {
           default: S(() => [
-            B(Ke, null, {
+            B(qe, null, {
               default: S(() => [
                 W(
                   T(l(e)("headline.copyLinkTo")),
@@ -1068,8 +1068,8 @@ const ds = (n, t) => Object.entries(n).every(
       /* FORWARDED */
     }, 8, ["id", "class"]));
   }
-}), Ae = (n, t) => {
-  t.autofocus && Oe(() => {
+}), Oe = (n, t) => {
+  t.autofocus && Se(() => {
     if (!t.loading) {
       n.value?.focus();
       return;
@@ -1080,18 +1080,18 @@ const ds = (n, t) => Object.entries(n).every(
       { once: !0 }
     );
   });
-}, En = Symbol(), oe = Symbol("FORM_INJECTED_SYMBOL"), Ht = (n, t, e, o) => m(() => {
+}, Cn = Symbol(), te = Symbol("FORM_INJECTED_SYMBOL"), Ht = (n, t, e, o) => m(() => {
   const a = t.value[e];
-  return a != null && typeof a != "symbol" ? a : a === oe ? n?.value[e] ?? o : o;
-}), Bn = (n) => (t) => ({
+  return a != null && typeof a != "symbol" ? a : a === te ? n?.value[e] ?? o : o;
+}), En = (n) => (t) => ({
   disabled: Ht(n, t, "disabled", !1),
   showError: Ht(n, t, "showError", "touched"),
   requiredMarker: Ht(n, t, "requiredMarker", "required")
-}), Ms = (n) => Re(En, Bn(n && ie(n))), Ts = Bn(), be = (n) => ve(
-  En,
+}), Ms = (n) => Re(Cn, En(n && se(n))), Ts = En(), be = (n) => ve(
+  Cn,
   /** Default */
   Ts
-)(ie(n)), Is = ["disabled", "type", "autofocus"], ct = /* @__PURE__ */ A({
+)(se(n)), Is = ["disabled", "type", "autofocus"], ct = /* @__PURE__ */ A({
   __name: "ButtonOrLinkLayout",
   props: {
     disabled: { type: [Boolean, Symbol] },
@@ -1102,11 +1102,11 @@ const ds = (n, t) => Object.entries(n).every(
   },
   setup(n) {
     const t = n, e = J("buttonRef"), { disabled: o } = be(t), a = m(
-      () => t.link != null ? Ze(t.link) : void 0
+      () => t.link != null ? Xe(t.link) : void 0
     );
-    return Ae(e, t), (s, r) => a.value ? (i(), _(
+    return Oe(e, t), (s, r) => a.value ? (i(), _(
       it,
-      ze(E({ key: 0 }, a.value)),
+      Ne(E({ key: 0 }, a.value)),
       {
         default: S(() => [
           C(s.$slots, "default")
@@ -1126,10 +1126,10 @@ const ds = (n, t) => Object.entries(n).every(
       C(s.$slots, "default")
     ], 8, Is));
   }
-}), we = /* @__PURE__ */ A({
+}), ke = /* @__PURE__ */ A({
   __name: "OnyxSystemButton",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     autofocus: { type: Boolean, default: !1 },
     skeleton: { type: [Symbol, Boolean, Number], default: ee },
     link: {},
@@ -1138,7 +1138,7 @@ const ds = (n, t) => Object.entries(n).every(
     color: { default: "intense" }
   },
   setup(n) {
-    const t = n, e = ne(t);
+    const t = n, e = oe(t);
     return (o, a) => l(e) ? (i(), _(Z, {
       key: 0,
       class: I(["onyx-system-button-skeleton", t.icon ? "" : "onyx-system-button-skeleton--text"])
@@ -1182,7 +1182,7 @@ const ds = (n, t) => Object.entries(n).every(
   emits: ["update:open"],
   setup(n, { emit: t }) {
     const e = n, o = t, { t: a } = q(), { densityClass: s } = F(e), r = pe();
-    return (u, c) => (i(), _(wn, E({
+    return (u, c) => (i(), _(kn, E({
       class: ["onyx-alert-modal", l(s)]
     }, e, {
       "aria-describedby": l(r),
@@ -1207,7 +1207,7 @@ const ds = (n, t) => Object.entries(n).every(
               C(u.$slots, "headline", {
                 label: e.label
               }, () => [
-                B(Fe, { is: "h2" }, {
+                B(De, { is: "h2" }, {
                   default: S(() => [
                     W(
                       T(e.label),
@@ -1219,10 +1219,10 @@ const ds = (n, t) => Object.entries(n).every(
                   /* STABLE */
                 })
               ]),
-              B(we, {
+              B(ke, {
                 class: "onyx-alert-modal__close",
                 label: l(a)("dialog.close"),
-                icon: l(De),
+                icon: l(ze),
                 onClick: c[0] || (c[0] = (d) => o("update:open", !1))
               }, null, 8, ["label", "icon"])
             ]),
@@ -1280,7 +1280,7 @@ const ds = (n, t) => Object.entries(n).every(
     }
   }));
   return e[nt] = n ?? [], e;
-}, No = (n) => !!n && typeof n == "object" && nt in n, fe = (...n) => n.reduce((t, e) => {
+}, Vo = (n) => !!n && typeof n == "object" && nt in n, fe = (...n) => n.reduce((t, e) => {
   e?.ref;
   const o = e && xa(e) && "ref" in e ? ka(e).ref : e?.ref, a = t?.ref, s = E(t ?? {}, e ?? {});
   if (!a && !o)
@@ -1288,7 +1288,7 @@ const ds = (n, t) => Object.entries(n).every(
   if (!a || !o)
     return s.ref = o ?? a, s;
   let r;
-  return No(a) ? (a[nt].push(o), r = a) : No(o) ? (o[nt].push(a), r = o) : r = zs(a, o), s.ref = r, s;
+  return Vo(a) ? (a[nt].push(o), r = a) : Vo(o) ? (o[nt].push(a), r = o) : r = zs(a, o), s.ref = r, s;
 }, {}), Ds = {
   key: 1,
   class: "onyx-fab-button__label"
@@ -1303,7 +1303,7 @@ const ds = (n, t) => Object.entries(n).every(
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, { densityClass: e } = F(t), o = ne(t);
+    const t = n, { densityClass: e } = F(t), o = oe(t);
     return (a, s) => l(o) ? (i(), _(Z, {
       key: 0,
       class: I(["onyx-fab-button-skeleton", l(e)])
@@ -1331,14 +1331,14 @@ const ds = (n, t) => Object.entries(n).every(
       /* STABLE */
     }, 8, ["class", "title", "aria-label", "link"]));
   }
-}), He = (n, t) => {
+}), Ue = (n, t) => {
   const e = t?.box ?? "content-box", o = V(0), a = V(0), s = (r) => {
     const u = r[0];
     if (!u) return;
     const c = e === "content-box" ? u.contentBoxSize : e === "border-box" ? u.borderBoxSize : u.devicePixelContentBoxSize;
     o.value = c.reduce((d, { inlineSize: p }) => d + p, 0), a.value = c.reduce((d, { blockSize: p }) => d + p, 0);
   };
-  return Oe(() => {
+  return Se(() => {
     if (!("ResizeObserver" in window)) return;
     const r = new ResizeObserver(s);
     if (!n) {
@@ -1348,19 +1348,19 @@ const ds = (n, t) => Object.entries(n).every(
     Y(
       n,
       (u, c) => {
-        const d = Ge(u), p = Ge(c);
+        const d = He(u), p = He(c);
         p && r?.unobserve(p), d ? r?.observe(d, { box: e }) : (o.value = 0, a.value = 0);
       },
       { immediate: !0 }
     ), ht(() => r.disconnect());
   }), { width: o, height: a };
-}, Ge = (n) => n instanceof Element ? n : n?.$el, Fs = (n, t) => {
+}, He = (n) => n instanceof Element ? n : n?.$el, Fs = (n, t) => {
   const e = V(!1), o = (a) => {
     a.forEach((s) => {
       e.value = s.isIntersecting;
     });
   };
-  return Oe(() => {
+  return Se(() => {
     if (!("IntersectionObserver" in window)) return;
     const a = new IntersectionObserver(o, {
       root: null,
@@ -1374,13 +1374,13 @@ const ds = (n, t) => Object.entries(n).every(
     Y(
       n,
       (s, r) => {
-        const u = Ge(s), c = Ge(r);
+        const u = He(s), c = He(r);
         c && a.unobserve(c), u && a.observe(u);
       },
       { immediate: !0 }
     ), ht(() => a.disconnect());
   }), { isIntersecting: e };
-}, On = ({
+}, Bn = ({
   positionedRef: n,
   targetRef: t,
   positionArea: e,
@@ -1390,7 +1390,7 @@ const ds = (n, t) => Object.entries(n).every(
   offset: r = 0
 }) => {
   const u = V("-1000px"), c = V("-1000px"), { isIntersecting: d } = Fs(t), p = () => {
-    const b = Ge(n.value), h = Ge(t.value);
+    const b = He(n.value), h = He(t.value);
     if (!b || !h)
       return;
     const g = h.getBoundingClientRect(), $ = b.getBoundingClientRect();
@@ -1424,15 +1424,15 @@ const ds = (n, t) => Object.entries(n).every(
     }
     u.value = `${w}px`, c.value = `${x}px`;
   };
-  Bt(() => {
-    Ie(() => {
+  Et(() => {
+    Te(() => {
       d.value && n.value ? window.addEventListener("scroll", p, !0) : (window.removeEventListener("scroll", p, !0), u.value = "-1000px", c.value = "-1000px");
     });
-  }), Lt(() => {
+  }), It(() => {
     window.removeEventListener("scroll", p, !0);
   });
   const v = V(!0);
-  return Bt(() => {
+  return Et(() => {
     v.value = "CSS" in globalThis && typeof CSS < "u" && CSS.supports("anchor-name: --test") && CSS.supports("position-area: top");
   }), {
     leftPosition: u,
@@ -1440,7 +1440,7 @@ const ds = (n, t) => Object.entries(n).every(
     updateAnchorPositionPolyfill: p,
     useragentSupportsAnchorApi: v
   };
-}, An = (n, t, e = "center") => {
+}, On = (n, t, e = "center") => {
   const a = V(e);
   return {
     /**
@@ -1483,11 +1483,11 @@ const ds = (n, t) => Object.entries(n).every(
         e.value = t;
         return;
       }
-      const s = Mn(a)?.getBoundingClientRect(), r = a.getBoundingClientRect(), u = s?.top ?? window.visualViewport?.pageTop ?? 0, d = (s?.bottom ?? window.visualViewport?.height ?? 0) - r.bottom, p = r.top - u;
+      const s = An(a)?.getBoundingClientRect(), r = a.getBoundingClientRect(), u = s?.top ?? window.visualViewport?.pageTop ?? 0, d = (s?.bottom ?? window.visualViewport?.height ?? 0) - r.bottom, p = r.top - u;
       e.value = p > d ? "top" : "bottom";
     }
   };
-}, Mn = (n) => n ? getComputedStyle(n).overflow.includes("hidden") ? n : n.parentElement ? Mn(n.parentElement) : void 0 : void 0, Ps = ["role", "aria-label"], vo = /* @__PURE__ */ A({
+}, An = (n) => n ? getComputedStyle(n).overflow.includes("hidden") ? n : n.parentElement ? An(n.parentElement) : void 0 : void 0, Ps = ["role", "aria-label"], vo = /* @__PURE__ */ A({
   __name: "OnyxBasicPopover",
   props: {
     label: {},
@@ -1526,11 +1526,11 @@ const ds = (n, t) => Object.entries(n).every(
           return u.value + " span-left";
       }
       return u.value;
-    }), v = J("popover"), b = J("popoverWrapper"), { openDirection: h, updateOpenDirection: g } = fo(b, "bottom"), { openAlignment: $, updateOpenAlignment: x } = An(
+    }), v = J("popover"), b = J("popoverWrapper"), { openDirection: h, updateOpenDirection: g } = fo(b, "bottom"), { openAlignment: $, updateOpenAlignment: x } = On(
       b,
       v,
       "left"
-    ), { leftPosition: w, topPosition: M, updateAnchorPositionPolyfill: O, useragentSupportsAnchorApi: L } = On({
+    ), { leftPosition: w, topPosition: M, updateAnchorPositionPolyfill: O, useragentSupportsAnchorApi: L } = Bn({
       positionedRef: v,
       targetRef: b,
       positionArea: u,
@@ -1538,18 +1538,18 @@ const ds = (n, t) => Object.entries(n).every(
       alignsWithEdge: !0,
       fitParent: !1,
       offset: 8
-    }), { width: N } = He(b), K = (R) => {
+    }), { width: N } = Ue(b), K = (R) => {
       R ? v.value?.showPopover?.() : v.value?.hidePopover?.();
     }, U = () => {
       g(), x();
     };
-    Ye({
+    Je({
       type: "resize",
       listener: () => U()
-    }), Oe(() => {
+    }), Se(() => {
       K(r.value), U(), L.value || O();
     }), Y(r, async (R) => {
-      await Ve(), K(R), U(), L.value || O();
+      await Ye(), K(R), U(), L.value || O();
     });
     const X = () => {
       s.value = !s.value, a("update:open", !r.value);
@@ -1559,7 +1559,7 @@ const ds = (n, t) => Object.entries(n).every(
       "aria-controls": v.value?.id,
       "aria-haspopup": !0,
       disabled: d.value
-    })), P = pe(), D = m(() => `--anchor-${P}`), te = m(() => ({
+    })), P = pe(), D = m(() => `--anchor-${P}`), ne = m(() => ({
       [`onyx-basic-popover__dialog--position-${u.value.replace(" ", "-")}`]: !0,
       [`onyx-basic-popover__dialog--alignment-${c.value}`]: !0,
       "onyx-basic-popover__dialog--fitparent": o.fitParent,
@@ -1569,7 +1569,7 @@ const ds = (n, t) => Object.entries(n).every(
     Y(d, () => {
       d.value && (s.value = !1);
     }), Y([u, c, N], async () => {
-      L.value || (await Ve(), U(), O());
+      L.value || (await Ye(), U(), O());
     });
     const H = m(() => {
       const R = o.fitParent ? `${N.value}px` : void 0;
@@ -1583,12 +1583,12 @@ const ds = (n, t) => Object.entries(n).every(
         top: M.value
       };
     });
-    return (R, Se) => (i(), f(
+    return (R, we) => (i(), f(
       "div",
       {
         ref: "popoverWrapper",
         class: "onyx-component onyx-basic-popover",
-        style: Te(`anchor-name: ${D.value}`)
+        style: Me(`anchor-name: ${D.value}`)
       },
       [
         C(R.$slots, "default", { trigger: ue.value }),
@@ -1597,8 +1597,8 @@ const ds = (n, t) => Object.entries(n).every(
           role: o.role,
           "aria-label": o.label,
           popover: "manual",
-          class: I(["onyx-basic-popover__dialog", te.value]),
-          style: Te(H.value)
+          class: I(["onyx-basic-popover__dialog", ne.value]),
+          style: Me(H.value)
         }, [
           C(R.$slots, "content")
         ], 14, Ps)
@@ -1607,7 +1607,7 @@ const ds = (n, t) => Object.entries(n).every(
       /* STYLE */
     ));
   }
-}), Us = { class: "onyx-flyout-menu__list-header" }, Hs = { class: "onyx-flyout-menu__list-footer" }, je = /* @__PURE__ */ A({
+}), Us = { class: "onyx-flyout-menu__list-header" }, Hs = { class: "onyx-flyout-menu__list-footer" }, Ke = /* @__PURE__ */ A({
   __name: "OnyxFlyoutMenu",
   props: {
     alignment: { default: "auto" },
@@ -1668,7 +1668,7 @@ const ds = (n, t) => Object.entries(n).every(
       } : void 0
     ]), 1040, ["open", "label", "alignment", "disabled"]));
   }
-}), zo = /* @__PURE__ */ A({
+}), No = /* @__PURE__ */ A({
   __name: "OnyxFAB",
   props: {
     density: {},
@@ -1682,19 +1682,19 @@ const ds = (n, t) => Object.entries(n).every(
   },
   emits: ["update:open"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = ce(), { densityClass: s } = F(e), r = ne(e), u = ae({
+    const e = n, o = t, a = ce(), { densityClass: s } = F(e), r = oe(e), u = ae({
       props: e,
       emit: o,
       key: "open",
       default: !1
-    }), c = m(() => !!a.default), d = m(() => c.value ? u.value ? po : on : e.icon);
+    }), c = m(() => !!a.default), d = m(() => c.value ? u.value ? po : tn : e.icon);
     return (p, v) => !c.value || l(r) ? (i(), _(to, E({
       key: 0,
       class: ["onyx-fab", `onyx-fab--${e.alignment}`]
     }, e, {
       icon: d.value,
       skeleton: l(r)
-    }), null, 16, ["class", "icon", "skeleton"])) : (i(), _(je, {
+    }), null, 16, ["class", "icon", "skeleton"])) : (i(), _(Ke, {
       key: 1,
       open: l(u),
       "onUpdate:open": v[0] || (v[0] = (b) => Ee(u) ? u.value = b : null),
@@ -1744,9 +1744,9 @@ const ds = (n, t) => Object.entries(n).every(
       /* FULL_PROPS */
     ));
   }
-}), Tn = Symbol(), qs = () => {
-  const n = Ue([]), t = (o) => {
-    n.value = n.value.concat(ie(o));
+}), Mn = Symbol(), qs = () => {
+  const n = Pe([]), t = (o) => {
+    n.value = n.value.concat(se(o));
   }, e = (o) => {
     n.value = n.value.filter((a) => a.value.id !== o);
   };
@@ -1756,11 +1756,11 @@ const ds = (n, t) => Object.entries(n).every(
     add: t,
     remove: e
   };
-}, In = () => {
+}, Tn = () => {
   const n = () => {
   };
   return ve(
-    Tn,
+    Mn,
     // provide fallback so "useGlobalFAB()" does not return "undefined"
     () => ({
       items: m(() => []),
@@ -1772,16 +1772,16 @@ const ds = (n, t) => Object.entries(n).every(
 }, Ks = /* @__PURE__ */ A({
   __name: "OnyxGlobalFAB",
   setup(n) {
-    const t = In(), { t: e } = q(), o = m(
+    const t = Tn(), { t: e } = q(), o = m(
       () => t.items.value.some((a) => a.value.alignment === "left") ? "left" : "right"
     );
     return (a, s) => l(t).items.value.length === 1 ? (i(), _(
-      zo,
-      ze(E({ key: 0 }, l(t).items.value[0].value)),
+      No,
+      Ne(E({ key: 0 }, l(t).items.value[0].value)),
       null,
       16
       /* FULL_PROPS */
-    )) : l(t).items.value.length > 1 ? (i(), _(zo, {
+    )) : l(t).items.value.length > 1 ? (i(), _(No, {
       key: 1,
       label: l(e)("globalFAB.label"),
       alignment: o.value
@@ -1807,7 +1807,7 @@ const ds = (n, t) => Object.entries(n).every(
       /* STABLE */
     }, 8, ["label", "alignment"])) : k("v-if", !0);
   }
-}), Vt = (n, t) => {
+}), Rt = (n, t) => {
   const e = n.__vccOpts || n;
   for (const [o, a] of t)
     e[o] = a;
@@ -1832,7 +1832,7 @@ function Ys(n, t) {
     )
   ])]);
 }
-const Js = /* @__PURE__ */ Vt(js, [["render", Ys]]), Zs = {}, Xs = { class: "onyx-component onyx-loading-dots" };
+const Js = /* @__PURE__ */ Rt(js, [["render", Ys]]), Zs = {}, Xs = { class: "onyx-component onyx-loading-dots" };
 function Qs(n, t) {
   return i(), f("div", Xs, [...t[0] || (t[0] = [
     y(
@@ -1844,7 +1844,7 @@ function Qs(n, t) {
     )
   ])]);
 }
-const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
+const oo = /* @__PURE__ */ Rt(Zs, [["render", Qs]]), Ie = /* @__PURE__ */ A({
   __name: "OnyxLoadingIndicator",
   props: {
     type: { default: "dots" }
@@ -1873,7 +1873,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       u.animationEnded && e.delete(c);
     });
   }, r = V({});
-  return Bt(() => {
+  return Et(() => {
     window.matchMedia?.("pointer: none").matches ? r.value = {
       touchstart: o,
       touchend: s,
@@ -1904,7 +1904,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           de(l(o), ([c, d]) => (i(), f("span", {
             key: c,
             class: "onyx-ripple__element",
-            style: Te({
+            style: Me({
               "--onyx-ripple-left": d.left,
               "--onyx-ripple-top": d.top
             }),
@@ -1925,7 +1925,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     density: {},
     autofocus: { type: Boolean },
     label: {},
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     loading: { type: Boolean, default: !1 },
     type: { default: "button" },
     color: { default: "primary" },
@@ -1936,7 +1936,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     link: {}
   },
   setup(n) {
-    const t = n, { densityClass: e } = F(t), { disabled: o } = be(t), a = ne(t), s = J("rippleRef"), r = m(() => s.value?.events ?? {});
+    const t = n, { densityClass: e } = F(t), { disabled: o } = be(t), a = oe(t), s = J("rippleRef"), r = m(() => s.value?.events ?? {});
     return (u, c) => l(a) ? (i(), _(Z, {
       key: 0,
       class: I(["onyx-button-skeleton", l(e)])
@@ -1967,7 +1967,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           class: "onyx-button__icon",
           icon: t.icon
         }, null, 8, ["icon"])) : k("v-if", !0),
-        t.loading ? (i(), _(Le, {
+        t.loading ? (i(), _(Ie, {
           key: 2,
           class: "onyx-button__loading"
         })) : k("v-if", !0),
@@ -2018,7 +2018,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           icon: e.icon
         }, null, 8, ["icon"])) : k("v-if", !0),
         y("div", lr, [
-          e.headline ? (i(), _(Fe, {
+          e.headline ? (i(), _(De, {
             key: 0,
             is: "h3",
             class: "onyx-info-card__headline onyx-truncation-multiline"
@@ -2033,10 +2033,10 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
             _: 1
             /* STABLE */
           })) : k("v-if", !0),
-          e.closable ? (i(), _(we, {
+          e.closable ? (i(), _(ke, {
             key: 1,
             class: "onyx-info-card__close",
-            icon: l(De),
+            icon: l(ze),
             label: l(s)("close"),
             color: e.color === "neutral" ? "soft" : "medium",
             onClick: c[0] || (c[0] = (d) => o("close"))
@@ -2074,7 +2074,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       icon: e.icon ?? !1,
       closable: "",
       tabindex: "0",
-      style: Te({ animationDuration: e.duration ? `${e.duration}ms` : void 0 }),
+      style: Me({ animationDuration: e.duration ? `${e.duration}ms` : void 0 }),
       role: "status",
       "aria-label": e.headline,
       onClose: r[0] || (r[0] = (u) => o("close")),
@@ -2095,7 +2095,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       } : void 0
     ]), 1032, ["class", "headline", "icon", "style", "aria-label"]));
   }
-}), Ln = Symbol(), ur = () => {
+}), In = Symbol(), ur = () => {
   let n = 1;
   const t = V([]), e = (a) => {
     const s = n++;
@@ -2118,7 +2118,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     'Trying to use "useNotification()" before the notifications provider has been provided. Make sure to "provide" it first.'
   );
   return ve(
-    Ln,
+    In,
     // provide fallback so "useNotification()" does not return "undefined"
     () => ({
       notifications: m(() => []),
@@ -2189,7 +2189,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   key: 0,
   class: "onyx-toast-message__description onyx-text--small onyx-truncation-multiline",
   tabindex: "0"
-}, Rn = /* @__PURE__ */ A({
+}, Ln = /* @__PURE__ */ A({
   __name: "OnyxToastMessage",
   props: {
     density: {},
@@ -2204,7 +2204,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   setup(n, { emit: t }) {
     const e = n, o = t, { t: a } = q(), { densityClass: s } = F(e), r = m(() => e.duration > 0), u = {
       neutral: Jt,
-      danger: nn,
+      danger: on,
       warning: uo,
       success: Aa
     }, c = m(() => {
@@ -2238,7 +2238,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
                 class: "onyx-toast-message__close",
                 onClick: p[0] || (p[0] = (v) => o("close"))
               }, [
-                B(z, { icon: l(De) }, null, 8, ["icon"])
+                B(z, { icon: l(ze) }, null, 8, ["icon"])
               ], 8, br))
             ]),
             e.description ? (i(), f(
@@ -2256,7 +2256,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
             key: e.duration,
             "aria-hidden": "true",
             class: "onyx-toast-message__progress-bar",
-            style: Te({ animationDuration: `${e.duration}ms` }),
+            style: Me({ animationDuration: `${e.duration}ms` }),
             onAnimationend: p[1] || (p[1] = (v) => o("close"))
           },
           null,
@@ -2268,7 +2268,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       /* STABLE */
     }, 8, ["class", "role", "aria-label"]));
   }
-}), Vn = Symbol(), _r = () => {
+}), Rn = Symbol(), _r = () => {
   let n = 1;
   const t = V([]), e = (a) => {
     const s = n++;
@@ -2290,7 +2290,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   const n = () => {
   };
   return ve(
-    Vn,
+    Rn,
     // provide fallback so "useToast()" does not return "undefined"
     () => ({
       toasts: m(() => []),
@@ -2314,7 +2314,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
         G,
         null,
         de(l(t).toasts.value, ({ id: a, ...s }) => (i(), _(
-          Rn,
+          Ln,
           E({ key: a }, { ref_for: !0 }, s),
           null,
           16
@@ -2358,7 +2358,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
 }), Cr = ["title", "aria-label"], Er = ["src", "alt"], Br = {
   key: 0,
   class: "onyx-avatar__initials"
-}, Mt = /* @__PURE__ */ A({
+}, At = /* @__PURE__ */ A({
   __name: "OnyxAvatar",
   props: {
     size: { default: "48px" },
@@ -2416,7 +2416,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       C(t.$slots, "default")
     ]));
   }
-}), Nt = /* @__PURE__ */ A({
+}), Vt = /* @__PURE__ */ A({
   __name: "OnyxBadge",
   props: {
     density: {},
@@ -2489,14 +2489,14 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     ));
   }
 }), Rr = (n) => {
-  const t = V(), e = V(), { width: o } = He(n.parentRef), { width: a } = He(n.moreIndicatorRef), s = io(/* @__PURE__ */ new Map());
-  return Oe(() => {
+  const t = V(), e = V(), { width: o } = Ue(n.parentRef), { width: a } = Ue(n.moreIndicatorRef), s = io(/* @__PURE__ */ new Map());
+  return Se(() => {
     Y(
-      [o, a, s, ie(n.direction)],
+      [o, a, s, se(n.direction)],
       () => {
         let r = o.value;
         if (r <= 0) return;
-        const u = Do(n.parentRef.value), c = Do(n.listRef.value);
+        const u = zo(n.parentRef.value), c = zo(n.listRef.value);
         a.value > 0 && (r -= a.value + u), t.value = [], e.value = [];
         const d = Array.from(s.entries());
         Q(n.direction) === "ltr" && d.reverse(), d.forEach(([p, v], b, { length: h }) => {
@@ -2528,11 +2528,11 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
      */
     componentMap: s
   };
-}, Do = (n) => {
-  const t = Ge(n);
+}, zo = (n) => {
+  const t = He(n);
   return t && Number.parseFloat(getComputedStyle(t).columnGap) || 0;
-}, Nn = (n) => {
-  const t = pe(), e = V(), o = ve(n, void 0), { width: a } = He(e, { box: "border-box" });
+}, Vn = (n) => {
+  const t = pe(), e = V(), o = ve(n, void 0), { width: a } = Ue(e, { box: "border-box" });
   Y(
     a,
     (r) => {
@@ -2553,7 +2553,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
      */
     isVisible: s
   };
-}, zn = Symbol(), Dn = Symbol(), Fn = /* @__PURE__ */ A({
+}, Nn = Symbol(), zn = Symbol(), Dn = /* @__PURE__ */ A({
   __name: "OnyxExternalLinkIcon",
   props: {
     href: {},
@@ -2562,7 +2562,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   setup(n) {
     const t = n, e = m(() => {
       const o = t.withExternalIcon;
-      return o !== "auto" ? o : !$n(t.href ?? "");
+      return o !== "auto" ? o : !Sn(t.href ?? "");
     });
     return (o, a) => e.value ? (i(), _(z, {
       key: 0,
@@ -2611,7 +2611,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   key: 0,
   role: "menu",
   class: "onyx-menu-item__children"
-}, Ne = /* @__PURE__ */ A({
+}, Ve = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "OnyxMenuItem",
   props: {
@@ -2633,7 +2633,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       elements: { listItem: v, menuItem: b }
     } = yo({
       onOpen: async () => {
-        x.value && (c.value = !0, await Ve(), d.value?.$el.querySelector("button").focus());
+        x.value && (c.value = !0, await Ye(), d.value?.$el.querySelector("button").focus());
       }
     }), { isActive: h } = rt(), g = m(() => s.active !== "auto" ? s.active : h.value(s.link)), $ = m(
       () => b({
@@ -2642,14 +2642,14 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       })
     ), x = m(() => !!u.children), w = m(
       () => x.value ? {
-        onClick: Me(() => c.value = !0, ["stop"])
+        onClick: Ae(() => c.value = !0, ["stop"])
       } : null
     ), M = async (O) => {
       switch (O.key) {
         case "ArrowLeft":
         case " ":
         case "Enter":
-          O.preventDefault(), c.value = !1, await Ve(), p.value?.$el.focus();
+          O.preventDefault(), c.value = !1, await Ye(), p.value?.$el.focus();
           break;
       }
     };
@@ -2680,8 +2680,8 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
                     /* TEXT */
                   ),
                   B(
-                    Fn,
-                    ze(Je(s.link ? l(Ze)(s.link) : void 0)),
+                    Dn,
+                    Ne(Ze(s.link ? l(Xe)(s.link) : void 0)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -2690,7 +2690,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
               ]),
               x.value ? (i(), f("div", Nr, [
                 B(z, {
-                  icon: l(an),
+                  icon: l(nn),
                   size: "24px"
                 }, null, 8, ["icon"])
               ])) : k("v-if", !0)
@@ -2710,11 +2710,11 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
                   ref: "backButtonRef",
                   class: "onyx-menu-item__back",
                   onKeydown: M,
-                  onClick: L[0] || (L[0] = Me((K) => c.value = !1, ["stop"]))
+                  onClick: L[0] || (L[0] = Ae((K) => c.value = !1, ["stop"]))
                 },
                 {
                   default: S(() => [
-                    B(z, { icon: l(ln) }, null, 8, ["icon"]),
+                    B(z, { icon: l(an) }, null, 8, ["icon"]),
                     W(
                       " " + T(l(e)("back")),
                       1
@@ -2740,7 +2740,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       }, 16, ["selected", "active", "color", "disabled", "class"]);
     };
   }
-}), Fo = /* @__PURE__ */ A({
+}), Do = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "OnyxBreadcrumbItem",
   props: {
@@ -2750,7 +2750,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     href: {}
   },
   setup(n) {
-    const t = n, { restAttrs: e, rootAttrs: o } = ge(), { densityClass: a } = F(t), { currentRoute: s } = rt(), r = ne(t), { componentRef: u, isVisible: c } = Nn(zn), d = ve(Dn, void 0), p = m(() => t.href && t.active === "auto" ? t.href === s.value?.path : t.active);
+    const t = n, { restAttrs: e, rootAttrs: o } = ge(), { densityClass: a } = F(t), { currentRoute: s } = rt(), r = oe(t), { componentRef: u, isVisible: c } = Vn(Nn), d = ve(zn, void 0), p = m(() => t.href && t.active === "auto" ? t.href === s.value?.path : t.active);
     return (v, b) => (i(), f(
       G,
       null,
@@ -2794,7 +2794,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           key: 1,
           to: l(d)
         }, [
-          l(c) ? k("v-if", !0) : (i(), _(Ne, E({
+          l(c) ? k("v-if", !0) : (i(), _(Ve, E({
             key: 0,
             link: t.href,
             active: p.value
@@ -2811,7 +2811,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       /* STABLE_FRAGMENT */
     ));
   }
-}), Pn = /* @__PURE__ */ A({
+}), Fn = /* @__PURE__ */ A({
   __name: "OnyxMoreList",
   props: {
     injectionKey: {},
@@ -2824,7 +2824,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       parentRef: a,
       listRef: s,
       moreIndicatorRef: r,
-      direction: ie(() => e.direction)
+      direction: se(() => e.direction)
     });
     return Re(e.injectionKey, u), Y(
       [() => u.visibleElements.value?.length, () => u.hiddenElements.value?.length],
@@ -2883,7 +2883,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   },
   setup(n) {
     const t = n, { t: e } = q(), { densityClass: o } = F(t);
-    return Rt(t), Re(Dn, J("moreListRef")), (a, s) => (i(), f("nav", {
+    return Lt(t), Re(zn, J("moreListRef")), (a, s) => (i(), f("nav", {
       class: I([
         "onyx-component",
         "onyx-breadcrumb",
@@ -2894,7 +2894,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       "aria-hidden": t.skeleton
     }, [
       y("ol", Fr, [
-        B(Fo, {
+        B(Do, {
           class: "onyx-breadcrumb__home",
           href: t.home?.link ?? "/",
           "aria-label": t.home?.label ?? l(e)("breadcrumb.home"),
@@ -2922,14 +2922,14 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           _: 1
           /* STABLE */
         }, 8, ["href", "aria-label", "skeleton"]),
-        B(Pn, {
-          "injection-key": l(zn),
+        B(Fn, {
+          "injection-key": l(Nn),
           direction: "ltr"
         }, {
           default: S(({ attributes: r }) => [
             y(
               "div",
-              ze(Je(r)),
+              Ne(Ze(r)),
               [
                 C(a.$slots, "default")
               ],
@@ -2938,19 +2938,19 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
             )
           ]),
           more: S(({ attributes: r }) => [
-            B(je, E(r, {
+            B(Ke, E(r, {
               label: l(e)("navigation.moreNavItemsLabel"),
               trigger: "click"
             }), {
               button: S(({ trigger: u }) => [
-                B(Fo, E(u, {
+                B(Do, E(u, {
                   "aria-label": l(e)("navigation.showMoreNavItemsLabel"),
                   title: l(e)("navigation.showMoreNavItemsLabel"),
-                  icon: l(Mo)
+                  icon: l(Ao)
                 }), {
                   default: S(() => [
                     B(z, {
-                      icon: l(Mo),
+                      icon: l(Ao),
                       size: "16px"
                     }, null, 8, ["icon"])
                   ]),
@@ -2977,7 +2977,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       ])
     ], 10, Dr));
   }
-}), $p = ["button", "submit", "reset"], Cp = ["primary", "neutral", "danger"], Ep = ["default", "outline", "plain"], Un = /* @__PURE__ */ A({
+}), $p = ["button", "submit", "reset"], Cp = ["primary", "neutral", "danger"], Ep = ["default", "outline", "plain"], Pn = /* @__PURE__ */ A({
   __name: "OnyxCard",
   props: {
     density: {},
@@ -2986,7 +2986,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   },
   setup(n) {
     const t = n, { densityClass: e } = F(t), o = m(
-      () => t.link != null ? Ze(t.link) : void 0
+      () => t.link != null ? Xe(t.link) : void 0
     );
     return (a, s) => (i(), _(Ce(o.value ? it : t.clickable ? "button" : "div"), E(o.value, {
       class: ["onyx-component", "onyx-card", l(e), "onyx-truncation-multiline", "onyx-text"]
@@ -2998,7 +2998,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       /* FORWARDED */
     }, 16, ["class"]));
   }
-}), zt = (n, t) => ({
+}), Nt = (n, t) => ({
   /**
    * Class that configures which type of required marker is used.
    */
@@ -3009,24 +3009,24 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     "onyx-required-marker": n.required,
     "onyx-optional-marker": !n.required
   }))
-}), no = (n) => n instanceof Date && !isNaN(n), Hn = () => Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n, t]) => t.enumerable).map(([n]) => n), Ur = (n) => Hn().reduce(
+}), no = (n) => n instanceof Date && !isNaN(n), Un = () => Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n, t]) => t.enumerable).map(([n]) => n), Ur = (n) => Un().reduce(
   (t, e) => (t[e] = n[e], t),
   {}
 ), Hr = (n) => {
   if (n.valueMissing) return "valueMissing";
-  const t = Hn().filter((e) => e !== "valid").sort();
+  const t = Un().filter((e) => e !== "valid").sort();
   for (const e of t)
     if (e in n && n[e]) return e;
 }, Gr = (n, t) => {
   const e = Object.entries(n).filter(([a, s]) => s !== void 0), o = Object.entries(t).filter(([a, s]) => s !== void 0);
   return e.length !== o.length ? !1 : e.every(([a, s]) => s === t[a]);
-}, Po = (n, t) => n.reduce(
+}, Fo = (n, t) => n.reduce(
   (e, o) => {
     const a = o[t] ?? "";
     return e[a] = e[a] || [], e[a].push(o), e;
   },
   {}
-), $t = (n, t) => {
+), St = (n, t) => {
   const e = Object.entries(n);
   return t && e.sort(([o], [a]) => o === t ? -1 : a === t ? 1 : 0), e.map(([o, a]) => ({
     name: o,
@@ -3064,7 +3064,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
 ), Be = (n) => {
   if (n)
     return typeof n == "string" ? { shortMessage: n, longMessage: n, hidden: !1 } : n;
-}, Gn = (n) => {
+}, Hn = (n) => {
   if (!n) return;
   if (typeof n == "string")
     return n;
@@ -3072,9 +3072,9 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     return n.shortMessage;
   const { shortMessage: t, longMessage: e } = n;
   return `${t}: ${e}`;
-}, Pe = (n) => {
+}, Fe = (n) => {
   const { t, locale: e } = q(), o = V(!1), { vCustomValidity: a, validityState: s } = Kr({
-    error: m(() => Gn(n.props.error || Q(n.error))),
+    error: m(() => Hn(n.props.error || Q(n.error))),
     props: n.props
   });
   Y(
@@ -3099,8 +3099,8 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       n: n.props.modelValue?.toString().length ?? 0,
       minLength: n.props.minlength,
       maxLength: d,
-      min: Uo(e.value, n.props.type, n.props.min),
-      max: Uo(e.value, n.props.type, n.props.max),
+      min: Po(e.value, n.props.type, n.props.min),
+      max: Po(e.value, n.props.type, n.props.max),
       step: n.props.validStepSize
     };
     if (u === "typeMismatch") {
@@ -3125,7 +3125,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
      */
     errorMessages: r
   };
-}, Uo = (n, t, e) => {
+}, Po = (n, t, e) => {
   if (!t || !["date", "datetime-local"].includes(t)) return e?.toString();
   const o = e != null ? new Date(e) : void 0;
   if (!no(o)) return e?.toString();
@@ -3171,11 +3171,16 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     ), v = m(
       () => e.alignment === "auto" ? U.value : e.alignment
     ), b = m(() => {
-      let ke = p.value;
-      return (p.value === "top" || p.value === "bottom") && w.value && (v.value === "left" && (ke = p.value + " x-start"), v.value === "right" && (ke = p.value + " x-end")), ke;
-    }), h = () => d.value === "hover" ? ws(u.value) : ks(c.value), g = Ue(h());
+      if ((p.value === "top" || p.value === "bottom") && e.alignsWithEdge) {
+        if (v.value === "left")
+          return `${p.value} x-start`;
+        if (v.value === "right")
+          return `${p.value} x-end`;
+      }
+      return p.value.includes(" ") ? p.value : `${p.value} center`;
+    }), h = () => d.value === "hover" ? ws(u.value) : ks(c.value), g = Pe(h());
     Y(d, () => g.value = h());
-    const $ = m(() => g.value?.elements.tooltip), x = m(() => Q(g.value?.elements.trigger)), w = m(() => e.alignsWithEdge), M = m(() => e.fitParent), O = J("tooltipWrapperRefEl"), L = J("tooltipRefEl"), { openDirection: N, updateOpenDirection: K } = fo(O, "top"), { openAlignment: U, updateOpenAlignment: X } = An(O, L), { leftPosition: ue, topPosition: P, updateAnchorPositionPolyfill: D, useragentSupportsAnchorApi: te } = On({
+    const $ = m(() => g.value?.elements.tooltip), x = m(() => Q(g.value?.elements.trigger)), w = se(() => e.alignsWithEdge), M = se(() => e.fitParent), O = J("tooltipWrapperRefEl"), L = J("tooltipRefEl"), { openDirection: N, updateOpenDirection: K } = fo(O, "top"), { openAlignment: U, updateOpenAlignment: X } = On(O, L), { leftPosition: ue, topPosition: P, updateAnchorPositionPolyfill: D, useragentSupportsAnchorApi: ne } = Bn({
       positionedRef: L,
       targetRef: O,
       positionArea: p,
@@ -3185,13 +3190,13 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     }), H = () => {
       K(), X();
     };
-    Ye({
+    Je({
       type: "resize",
       listener: () => H()
     });
-    const R = (ke) => {
-      ke ? L.value?.showPopover?.() : L.value?.hidePopover?.();
-    }, Se = m(() => ({
+    const R = (Le) => {
+      Le ? L.value?.showPopover?.() : L.value?.hidePopover?.();
+    }, we = m(() => ({
       "onyx-tooltip--danger": e.color === "danger",
       "onyx-tooltip--success": e.color === "success",
       "onyx-tooltip--fit-parent": e.fitParent,
@@ -3199,40 +3204,48 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       "onyx-tooltip--hidden": !r.value,
       [`onyx-tooltip--position-${p.value.replace(" ", "-")}`]: !0,
       [`onyx-tooltip--alignment-${v.value}`]: !0,
-      "onyx-tooltip--dont-support-anchor": !te.value,
+      "onyx-tooltip--dont-support-anchor": !ne.value,
       "onyx-tooltip--without-wedge": e.withoutWedge
-    })), { width: he } = He(O), Qe = m(
+    })), { width: he } = Ue(O), et = m(
       () => e.fitParent && O.value ? `${he.value}px` : "max-content"
     );
-    Oe(() => {
-      R(r.value), H(), te.value || D();
-    }), Y(r, async (ke) => {
-      await Ve(), R(ke), H(), te.value || D();
-    }), Y([Qe, p, v, w], async () => {
-      te.value || (await Ve(), D());
-    });
-    const et = pe(), me = m(() => `--anchor-${et}`), kt = m(() => te.value ? {
-      width: Qe.value,
-      "position-anchor": me.value,
+    Se(() => {
+      R(r.value), H();
+    }), Se(() => {
+      ne.value || Y(
+        [et, p, v, w, r],
+        () => D(),
+        { flush: "post", immediate: !0 }
+      );
+    }), Y(
+      r,
+      async (Le) => {
+        R(Le), H();
+      },
+      { flush: "post" }
+    );
+    const je = `--anchor-${pe()}`, me = m(() => ne.value ? {
+      width: et.value,
+      "position-anchor": je,
       "position-area": b.value
     } : {
-      width: Qe.value,
+      width: et.value,
       left: ue.value,
       top: P.value
     });
-    return (ke, Eo) => (i(), f(
+    return (Le, Ft) => (i(), f(
       "div",
       {
         ref: "tooltipWrapperRefEl",
         class: I(["onyx-component", "onyx-tooltip-wrapper", l(a)]),
-        style: Te(`anchor-name: ${me.value}`)
+        style: Me(`anchor-name: ${je}`)
       },
       [
         y(
           "div",
           E({ ref: "tooltipRefEl" }, $.value, {
-            class: ["onyx-tooltip", "onyx-text--small", "onyx-truncation-multiline", Se.value],
-            style: kt.value
+            class: ["onyx-tooltip", "onyx-text--small", "onyx-truncation-multiline", we.value],
+            style: me.value
           }),
           [
             y("div", Wr, [
@@ -3241,7 +3254,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
                 icon: e.icon,
                 size: "16px"
               }, null, 8, ["icon"])) : k("v-if", !0),
-              C(ke.$slots, "tooltip", {}, () => [
+              C(Le.$slots, "tooltip", {}, () => [
                 W(
                   T(e.text),
                   1
@@ -3253,7 +3266,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           16
           /* FULL_PROPS */
         ),
-        C(ke.$slots, "default", { trigger: x.value })
+        C(Le.$slots, "default", { trigger: x.value })
       ],
       6
       /* CLASS, STYLE */
@@ -3269,7 +3282,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     disabled: { type: Boolean }
   },
   setup(n) {
-    const t = n, e = m(() => Gn(t.errorMessages)), o = J("targetRef");
+    const t = n, e = m(() => Hn(t.errorMessages)), o = J("targetRef");
     return (a, s) => (i(), f("div", Yr, [
       !e.value || t.disabled ? (i(), f(
         "div",
@@ -3310,9 +3323,9 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "OnyxCheckbox",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     showError: {},
-    requiredMarker: { default: oe },
+    requiredMarker: { default: te },
     autofocus: { type: Boolean },
     required: { type: Boolean, default: !1 },
     density: {},
@@ -3333,8 +3346,8 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       emit: a,
       key: "modelValue",
       default: !1
-    }), { vCustomValidity: c, errorMessages: d } = Pe({ props: o, emit: a }), { densityClass: p } = F(o), { disabled: v, requiredMarker: b } = be(o), h = ne(o), { requiredMarkerClass: g, requiredTypeClass: $ } = zt(o, b), x = m(() => o.hideLabel ? o.label : void 0), w = J("inputRef");
-    return t({ input: w }), Ae(w, o), (M, O) => l(h) ? (i(), f(
+    }), { vCustomValidity: c, errorMessages: d } = Fe({ props: o, emit: a }), { densityClass: p } = F(o), { disabled: v, requiredMarker: b } = be(o), h = oe(o), { requiredMarkerClass: g, requiredTypeClass: $ } = Nt(o, b), x = m(() => o.hideLabel ? o.label : void 0), w = J("inputRef");
+    return t({ input: w }), Oe(w, o), (M, O) => l(h) ? (i(), f(
       "div",
       E({
         key: 0,
@@ -3360,7 +3373,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           title: x.value
         }, [
           y("div", Xr, [
-            o.loading ? (i(), _(Le, {
+            o.loading ? (i(), _(Ie, {
               key: 0,
               class: "onyx-checkbox__loading",
               type: "circle"
@@ -3377,7 +3390,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
               value: o.value,
               autofocus: o.autofocus
             }, l(r)), null, 16, Qr)), [
-              [en, l(u)],
+              [Qo, l(u)],
               [l(c)]
             ])
           ]),
@@ -3426,7 +3439,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     modelValue: o,
     indeterminate: !o && n.value.length && e.length ? !0 : void 0
   };
-}), qn = (n, t, e) => ({
+}), Gn = (n, t, e) => ({
   /**
    * Current "select all" checkbox state.
    * - checked if all options are checked
@@ -3446,7 +3459,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     ), s = o ? a.concat(n.value) : a;
     e(s);
   }
-}), ti = { class: "onyx-component onyx-info-tooltip" }, Dt = /* @__PURE__ */ A({
+}), ti = { class: "onyx-component onyx-info-tooltip" }, zt = /* @__PURE__ */ A({
   __name: "OnyxInfoTooltip",
   props: {
     text: {},
@@ -3473,7 +3486,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
         "onUpdate:open": u[0] || (u[0] = (c) => Ee(a) ? a.value = c : null)
       }), {
         default: S(({ trigger: c }) => [
-          B(we, E({
+          B(ke, E({
             label: (
               // if type is `click` aria-label will always be defined
               c["aria-label"]
@@ -3508,7 +3521,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
             _: 1
             /* STABLE */
           }, 16, ["open"]),
-          B(Ke, null, {
+          B(qe, null, {
             default: S(() => [
               W(
                 T(e.text),
@@ -3528,7 +3541,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
 }), oi = ["disabled", "aria-label"], ni = {
   key: 0,
   class: "onyx-checkbox-group__label"
-}, Ho = /* @__PURE__ */ A({
+}, Uo = /* @__PURE__ */ A({
   __name: "OnyxCheckboxGroup",
   props: {
     truncation: { default: "ellipsis" },
@@ -3537,8 +3550,8 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     hideLabel: { type: Boolean },
     density: {},
     skeleton: { type: [Symbol, Boolean, Number], default: ee },
-    disabled: { type: [Boolean, Symbol], default: oe },
-    requiredMarker: { default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
+    requiredMarker: { default: te },
     options: {},
     modelValue: {},
     orientation: { default: "vertical" },
@@ -3555,7 +3568,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       u.value = w ? [...u.value, x] : u.value.filter((M) => M !== x);
     }, d = m(
       () => o.options.filter((x) => !x.disabled && !x.skeleton).map(({ value: x }) => x)
-    ), { disabled: p, requiredMarker: v } = be(o), b = ne(o), h = qn(
+    ), { disabled: p, requiredMarker: v } = be(o), b = oe(o), h = Gn(
       d,
       m(() => u.value),
       (x) => u.value = x
@@ -3571,7 +3584,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       "aria-label": o.label
     }, [
       o.hideLabel ? k("v-if", !0) : (i(), f("legend", ni, [
-        B(Fe, { is: "h3" }, {
+        B(De, { is: "h3" }, {
           default: S(() => [
             W(
               T(o.label),
@@ -3582,7 +3595,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           _: 1
           /* STABLE */
         }),
-        o.labelTooltip ? (i(), _(Dt, {
+        o.labelTooltip ? (i(), _(zt, {
           key: 0,
           trigger: "hover",
           text: o.labelTooltip
@@ -3654,7 +3667,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
 }, ai = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" }, li = {
   key: 0,
   class: "onyx-empty__buttons"
-}, Kn = /* @__PURE__ */ A({
+}, qn = /* @__PURE__ */ A({
   __name: "OnyxEmpty",
   props: {
     density: {}
@@ -3669,7 +3682,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       [
         C(a.$slots, "icon", {}, () => [
           B(z, {
-            icon: l(nn),
+            icon: l(on),
             size: "48px"
           }, null, 8, ["icon"])
         ]),
@@ -3693,7 +3706,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
 }, mi = { key: 0 }, yi = ["colspan"], fi = { class: "onyx-table__empty" }, vi = { colspan: "99" }, hi = { class: "onyx-table__empty-content" }, bi = {
   key: 1,
   class: "onyx-table-wrapper__bottom"
-}, jn = /* @__PURE__ */ A({
+}, Kn = /* @__PURE__ */ A({
   __name: "OnyxTable",
   props: {
     density: {},
@@ -3704,7 +3717,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
     scrollContainerAttrs: {}
   },
   setup(n) {
-    const t = n, e = ce(), { t: o } = q(), { densityClass: a } = F(t), s = m(() => o.value("table.empty")), r = J("tableRef"), { height: u, width: c } = He(r), d = m(() => ({
+    const t = n, e = ce(), { t: o } = q(), { densityClass: a } = F(t), s = m(() => o.value("table.empty")), r = J("tableRef"), { height: u, width: c } = Ue(r), d = m(() => ({
       "--onyx-table-observed-height": `${u.value}px`,
       "--onyx-table-observed-width": `${c.value}px`
     })), p = pe(), v = m(() => e.headline ? p : void 0);
@@ -3712,7 +3725,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       "div",
       {
         class: "onyx-table-wrapper onyx-component",
-        style: Te(d.value)
+        style: Me(d.value)
       },
       [
         e.headline || e.actions ? (i(), f("div", si, [
@@ -3774,7 +3787,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
                   y("td", vi, [
                     y("div", hi, [
                       C(b.$slots, "empty", { defaultMessage: s.value }, () => [
-                        B(Kn, null, {
+                        B(qn, null, {
                           default: S(() => [
                             W(
                               T(s.value),
@@ -3824,7 +3837,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       "--onyx-data-grid-row-count": Math.max(t.rows.length + 2, 3),
       "--onyx-data-grid-template-columns": t.columns.map(({ key: a, width: s }) => `var(${`--onyx-data-grid-column-${go(a)}`}, ${s ?? "minmax(min-content, 1fr)"})`).join(" ")
     }));
-    return (a, s) => (i(), _(jn, E({ class: "onyx-data-grid" }, t, {
+    return (a, s) => (i(), _(Kn, E({ class: "onyx-data-grid" }, t, {
       "scroll-container-attrs": l(fe)(t.scrollContainerAttrs, { style: o.value })
     }), _e({
       head: S(() => [
@@ -3915,14 +3928,14 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       de(e, (r, u) => ({
         name: u,
         fn: S((c) => [
-          C(a.$slots, r?.name, ze(Je(c)), () => [
+          C(a.$slots, r?.name, Ne(Ze(c)), () => [
             (i(), _(Ce(r)))
           ])
         ])
       }))
     ]), 1040, ["scroll-container-attrs"]));
   }
-}), _i = ["autofocus", "placeholder", "aria-label"], xi = ["aria-label"], Wn = /* @__PURE__ */ A({
+}), _i = ["autofocus", "placeholder", "aria-label"], xi = ["aria-label"], jn = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "OnyxMiniSearch",
   props: {
@@ -3939,7 +3952,7 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       key: "modelValue",
       default: ""
     }), { rootAttrs: r, restAttrs: u } = ge(), { densityClass: c } = F(o), { t: d } = q(), p = J("inputRef"), v = m(() => d.value("select.searchPlaceholder"));
-    return Ae(p, o), t({
+    return Oe(p, o), t({
       /**
        * Focuses the input.
        */
@@ -3970,11 +3983,11 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
           class: "onyx-mini-search__clear",
           "aria-label": l(d)("select.clearSearch"),
           tabindex: "-1",
-          onMousedown: h[1] || (h[1] = Me(() => {
+          onMousedown: h[1] || (h[1] = Ae(() => {
           }, ["prevent"])),
           onClick: h[2] || (h[2] = (g) => a("clear"))
         }, [
-          B(z, { icon: l(De) }, null, 8, ["icon"])
+          B(z, { icon: l(ze) }, null, 8, ["icon"])
         ], 40, xi),
         B(z, {
           class: "onyx-mini-search__icon",
@@ -3985,10 +3998,10 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       /* FULL_PROPS */
     ));
   }
-}), ki = (n, t) => n.flatMap((e) => e[t]).filter((e) => e?.func).sort((e, o) => (e?.order ?? 0) - (o?.order ?? 0)), wi = (n, t) => n.reduce((e, o) => o.func(e), t), Tt = Symbol("RowOptions"), Si = { class: "onyx-component onyx-data-grid-header-cell" }, $i = { class: "onyx-data-grid-header-cell__label" }, Ci = {
+}), ki = (n, t) => n.flatMap((e) => e[t]).filter((e) => e?.func).sort((e, o) => (e?.order ?? 0) - (o?.order ?? 0)), wi = (n, t) => n.reduce((e, o) => o.func(e), t), Mt = Symbol("RowOptions"), Si = { class: "onyx-component onyx-data-grid-header-cell" }, $i = { class: "onyx-data-grid-header-cell__label" }, Ci = {
   key: 0,
   class: "onyx-data-grid-header-cell__actions"
-}, Xe = /* @__PURE__ */ A({
+}, Qe = /* @__PURE__ */ A({
   __name: "HeaderCell",
   props: {
     label: {}
@@ -4008,19 +4021,19 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       ])) : k("v-if", !0)
     ]));
   }
-}), _o = "-", vt = (n) => n?.fallback ?? _o, $e = (n) => Object.freeze(n), Yn = (n, t) => {
+}), _o = "-", vt = (n) => n?.fallback ?? _o, $e = (n) => Object.freeze(n), Wn = (n, t) => {
   if (n == null || n instanceof Date || typeof n == "boolean" || typeof n == "symbol")
     return vt(t);
   const { n: e } = q();
   return e.value(n, t?.format ?? "decimal").replace("NaN", _o);
-}, Jn = $e({
-  header: { component: Xe },
+}, Yn = $e({
+  header: { component: Qe },
   cell: {
-    component: ({ metadata: n, modelValue: t }) => Yn(t, n?.typeOptions),
+    component: ({ metadata: n, modelValue: t }) => Wn(t, n?.typeOptions),
     tdAttributes: { class: "onyx-data-grid-number-cell" }
   }
 }), xo = (n, t) => n == null ? vt(t) : Array.isArray(n) ? n.map((e) => xo(e)).filter((e) => e != vt(t)).join(", ") : n instanceof Date ? n.toString() : typeof n == "object" ? JSON.stringify(n) : String(n), ko = $e({
-  header: { component: Xe },
+  header: { component: Qe },
   cell: {
     component: (n) => xo(n.modelValue, n.metadata?.typeOptions)
   }
@@ -4033,32 +4046,32 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
   } catch {
     return vt(t);
   }
-}, Zn = $e({
-  header: { component: Xe },
+}, Jn = $e({
+  header: { component: Qe },
   cell: {
     component: (n) => gt(n.modelValue, { format: "date", ...n.metadata?.typeOptions })
   }
-}), Xn = $e({
-  header: { component: Xe },
+}), Zn = $e({
+  header: { component: Qe },
   cell: {
     component: (n) => gt(n.modelValue, { format: "datetime-local", ...n.metadata?.typeOptions })
   }
-}), Qn = $e({
-  header: { component: Xe },
+}), Xn = $e({
+  header: { component: Qe },
   cell: {
     component: (n) => gt(n.modelValue, { format: "time", ...n.metadata?.typeOptions })
   }
-}), ea = $e({
-  header: { component: Xe },
+}), Qn = $e({
+  header: { component: Qe },
   cell: {
     component: (n) => gt(n.modelValue, { format: "timestamp", ...n.metadata?.typeOptions })
   }
-}), ta = $e({
+}), ea = $e({
   cell: {
     component: () => le(Z)
   }
-}), oa = $e({
-  header: { component: Xe },
+}), ta = $e({
+  header: { component: Qe },
   cell: {
     tdAttributes: {
       class: "onyx-data-grid-boolean-cell"
@@ -4076,11 +4089,11 @@ const oo = /* @__PURE__ */ Vt(Zs, [["render", Qs]]), Le = /* @__PURE__ */ A({
       return [
         le(z, r),
         // since icons are aria hidden (visual only), we include the value with OnyxVisuallyHidden here for screen readers
-        le(Ke, void 0, () => r.label)
+        le(qe, void 0, () => r.label)
       ];
     }
   }
-}), na = (n) => {
+}), oa = (n) => {
   const t = [
     ...n.flatMap(({ typeRenderer: o }) => o && qr(o)).filter(Boolean)
   ], e = new Map(t);
@@ -4132,38 +4145,38 @@ const Ei = (n, t) => {
       };
     });
     return wi(u.value, x);
-  }), d = m(() => na(r)), p = () => Ei(c.value, Q(o)), v = () => fe(
+  }), d = m(() => oa(r)), p = () => Ei(c.value, Q(o)), v = () => fe(
     ...r.map(({ scrollContainerAttributes: x }) => x?.())
   ), b = () => {
     const x = r.map((O) => O.header).filter((O) => !!O), w = x.map((O) => O.actions).filter((O) => !!O), M = x.map((O) => O.wrapper).filter((O) => !!O);
     return c.value.map((O, L, N) => {
       const K = w.flatMap((H) => H(O, L, N)), U = d.value.getFor("header", O.type.name), X = K.map(({ menuItems: H }) => H).filter((H) => !!H), ue = K.map(({ iconComponent: H }) => H), P = le(
-        je,
+        Ke,
         {
           label: t.t.value("navigation.moreActionsFlyout", { column: O.label }),
           trigger: "click"
         },
         {
-          button: ({ trigger: H }) => le(we, {
+          button: ({ trigger: H }) => le(ke, {
             class: K.length > 1 ? "onyx-system-button--multiple-actions" : "",
             label: t.t.value("navigation.moreActionsTrigger"),
             color: "medium",
-            icon: on,
+            icon: tn,
             ...H
           }),
           options: () => X
         }
       ), D = {
         actions: () => {
-          const R = yt(ue).map((me) => typeof me == "object" && "iconComponent" in me ? me : { iconComponent: me }), Se = R.filter((me) => me?.alwaysShowInHeader).map((me) => me.iconComponent), he = R.find((me) => !me.alwaysShowInHeader)?.iconComponent ?? null, et = K.filter(
+          const R = yt(ue).map((me) => typeof me == "object" && "iconComponent" in me ? me : { iconComponent: me }), we = R.filter((me) => me?.alwaysShowInHeader).map((me) => me.iconComponent), he = R.find((me) => !me.alwaysShowInHeader)?.iconComponent ?? null, je = K.filter(
             (me) => !me.iconComponent?.alwaysShowInHeader
           ).length > 1 || K.some((me) => me.showFlyoutMenu);
           return [
-            ...et ? Se : [],
-            et ? P : he
+            ...je ? we : [],
+            je ? P : he
           ].filter(Boolean);
         }
-      }, te = M.reduce(
+      }, ne = M.reduce(
         (H, R) => le(R(O, L, N), H),
         (H) => le(U.component, { label: O.label, ...H }, D)
       );
@@ -4171,7 +4184,7 @@ const Ei = (n, t) => {
         thAttributes: fe(U.thAttributes, O.thAttributes),
         key: O.key,
         width: O.width,
-        component: () => le(te)
+        component: () => le(ne)
       };
     });
   }, h = (x) => {
@@ -4181,7 +4194,7 @@ const Ei = (n, t) => {
       const L = O(M);
       L && (M = L);
     }), M.map((O) => {
-      const L = O[Tt]?.columns ?? c.value, N = L.reduce(
+      const L = O[Mt]?.columns ?? c.value, N = L.reduce(
         (K, { key: U, type: X, tdAttributes: ue }) => {
           const P = d.value.getFor("cell", X.name);
           return K[U] = {
@@ -4199,7 +4212,7 @@ const Ei = (n, t) => {
       );
       return {
         id: O.id,
-        trAttributes: O[Tt]?.trAttributes,
+        trAttributes: O[Mt]?.trAttributes,
         columns: L,
         cells: N
       };
@@ -4248,7 +4261,7 @@ const Ei = (n, t) => {
     isAsync: o
   };
 }, Oi = Symbol("Filtering"), wo = 0, Ai = (n) => (t) => {
-  const { i18n: e } = t, o = ie(n?.filterState ?? {}), a = m(() => Q(n?.columns)), { isEnabled: s, isAsync: r } = ut(t, n), u = (p) => r.value ? p : p.filter(
+  const { i18n: e } = t, o = se(n?.filterState ?? {}), a = m(() => Q(n?.columns)), { isEnabled: s, isAsync: r } = ut(t, n), u = (p) => r.value ? p : p.filter(
     (v) => Object.entries(o.value).every(
       ([b, h]) => {
         const g = a.value?.[b], $ = { ...n?.filterConfig, ...g?.config };
@@ -4259,7 +4272,7 @@ const Ei = (n, t) => {
           w,
           b,
           v
-        ) : (w = At(w), x = At(x), $.caseSensitive || (w = w.toLowerCase(), x = x.toLowerCase()), $.searchFromStart ? w.startsWith(x) : $.exactMatch ? w === x : w.includes(x));
+        ) : (w = Ot(w), x = Ot(x), $.caseSensitive || (w = w.toLowerCase(), x = x.toLowerCase()), $.searchFromStart ? w.startsWith(x) : $.exactMatch ? w === x : w.includes(x));
       }
     )
   ), c = (p) => {
@@ -4269,7 +4282,7 @@ const Ei = (n, t) => {
     const b = (h) => {
       h.key === "Enter" && (o.value[p] = v);
     };
-    return le(Wn, {
+    return le(jn, {
       label: e.t.value("dataGrid.head.filtering.menu.label", { column: p.toString() }),
       class: "onyx-filter-search",
       placeholder: e.t.value("dataGrid.head.filtering.menu.placeholder"),
@@ -4300,7 +4313,7 @@ const Ei = (n, t) => {
       actions: ({ key: p }) => s.value(p) ? [
         {
           iconComponent: o.value[p] ? {
-            iconComponent: le(we, {
+            iconComponent: le(ke, {
               label: e.t.value("dataGrid.head.filtering.removeLabel", {
                 column: p.toString()
               }),
@@ -4316,7 +4329,7 @@ const Ei = (n, t) => {
       ] : []
     }
   };
-}, aa = (n) => {
+}, na = (n) => {
   const e = V(!1), o = (s) => {
     const r = s.target;
     if (!(r instanceof Element)) return;
@@ -4325,15 +4338,15 @@ const Ei = (n, t) => {
   };
   return { vScrollEnd: {
     mounted: (s) => {
-      Ie(() => {
+      Te(() => {
         (n.enabled?.value ?? !0) && !n.loading.value ? s.addEventListener("scroll", o) : s.removeEventListener("scroll", o);
       });
     }
-  }, isScrollEnd: Et(e) };
+  }, isScrollEnd: Ct(e) };
 }, So = (n, t, e) => {
   const o = t ?? -1 / 0, a = e ?? 1 / 0;
   return Math.min(Math.max(n, o), a);
-}, Go = (n, t) => {
+}, Ho = (n, t) => {
   if (n == null) return "";
   if (t >= 0) return n.toFixed(t);
   const e = Math.pow(10, t);
@@ -4374,7 +4387,7 @@ const Ei = (n, t) => {
   },
   setup(n) {
     const t = n;
-    return (e, o) => (i(), _(Ce(n.messages.hidden ? Ke : "span"), {
+    return (e, o) => (i(), _(Ce(n.messages.hidden ? qe : "span"), {
       class: I(["onyx-component", "onyx-form-message", `onyx-form-message__${t.type}`])
     }, {
       default: S(() => [
@@ -4385,7 +4398,7 @@ const Ei = (n, t) => {
           1
           /* TEXT */
         ),
-        t.messages.longMessage ? (i(), _(Dt, {
+        t.messages.longMessage ? (i(), _(zt, {
           key: 0,
           class: "onyx-form-message__tooltip",
           position: "bottom",
@@ -4409,7 +4422,7 @@ const Ei = (n, t) => {
   props: {
     disabled: { type: [Boolean, Symbol] },
     showError: {},
-    requiredMarker: { default: oe },
+    requiredMarker: { default: te },
     required: { type: Boolean, default: !1 },
     density: {},
     autofocus: { type: Boolean },
@@ -4434,7 +4447,7 @@ const Ei = (n, t) => {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
-    const e = n, o = t, { requiredMarker: a } = be(e), { requiredMarkerClass: s, requiredTypeClass: r } = zt(e, a), u = ae({
+    const e = n, o = t, { requiredMarker: a } = be(e), { requiredMarkerClass: s, requiredTypeClass: r } = Nt(e, a), u = ae({
       props: e,
       emit: o,
       key: "modelValue"
@@ -4487,7 +4500,7 @@ const Ei = (n, t) => {
             2
             /* CLASS */
           )) : k("v-if", !0),
-          e.labelTooltip ? (i(), _(Dt, {
+          e.labelTooltip ? (i(), _(zt, {
             key: 1,
             class: "onyx-form-element__label-tooltip",
             trigger: "hover",
@@ -4551,8 +4564,8 @@ const Ei = (n, t) => {
   inheritAttrs: !1,
   __name: "OnyxSelectInput",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
-    showError: { default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
+    showError: { default: te },
     requiredMarker: {},
     required: { type: Boolean },
     density: {},
@@ -4576,7 +4589,7 @@ const Ei = (n, t) => {
   },
   emits: ["inputClick", "validityChange"],
   setup(n, { expose: t, emit: e }) {
-    const { rootAttrs: o, restAttrs: a } = ge(), s = n, r = e, { t: u } = q(), { vCustomValidity: c, errorMessages: d } = Pe({ props: s, emit: r }), p = m(() => Be(s.success)), v = m(() => Be(s.message)), { disabled: b, showError: h } = be(s), g = ne(s), $ = _t(h), x = m(() => s.modelValue ? s.modelValue.length : 0), w = m(() => {
+    const { rootAttrs: o, restAttrs: a } = ge(), s = n, r = e, { t: u } = q(), { vCustomValidity: c, errorMessages: d } = Fe({ props: s, emit: r }), p = m(() => Be(s.success)), v = m(() => Be(s.message)), { disabled: b, showError: h } = be(s), g = oe(s), $ = _t(h), x = m(() => s.modelValue ? s.modelValue.length : 0), w = m(() => {
       const U = s.modelValue?.length;
       if (!s.modelValue || !U) return "";
       if (U === 1) return s.modelValue[0];
@@ -4594,10 +4607,10 @@ const Ei = (n, t) => {
         M.value || X && U === !1 && (M.value = !0);
       }
     );
-    const N = _n.concat(xn), K = (U) => {
+    const N = gn.concat(_n), K = (U) => {
       N.includes(U.key) || U.preventDefault();
     };
-    return Ae(L, s), (U, X) => l(g) ? (i(), f(
+    return Oe(L, s), (U, X) => l(g) ? (i(), f(
       "div",
       E({
         key: 0,
@@ -4635,7 +4648,7 @@ const Ei = (n, t) => {
               class: "onyx-select-input__wrapper",
               onClick: X[0] || (X[0] = (P) => !l(b) && !s.loading && r("inputClick"))
             }, [
-              s.loading ? (i(), _(Le, {
+              s.loading ? (i(), _(Ie, {
                 key: 0,
                 class: "onyx-select-input__loading",
                 type: "circle"
@@ -4671,7 +4684,7 @@ const Ei = (n, t) => {
               }, {
                 default: S(({ trigger: P }) => [
                   B(
-                    Nt,
+                    Vt,
                     E({ class: "onyx-select-input__badge" }, P, { color: "neutral" }),
                     {
                       default: S(() => [
@@ -4717,7 +4730,7 @@ const Ei = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Pi = ["checked", "aria-labelledby", "disabled", "indeterminate"], qo = /* @__PURE__ */ A({
+}), Pi = ["checked", "aria-labelledby", "disabled", "indeterminate"], Go = /* @__PURE__ */ A({
   __name: "OnyxSelectOption",
   props: {
     active: { type: Boolean, default: !1 },
@@ -4792,12 +4805,12 @@ const Ei = (n, t) => {
 }, Yi = {
   key: 0,
   class: "onyx-select__description onyx-text--small"
-}, la = /* @__PURE__ */ A({
+}, aa = /* @__PURE__ */ A({
   __name: "OnyxSelect",
   props: {
     density: {},
-    showError: { default: oe },
-    requiredMarker: { default: oe },
+    showError: { default: te },
+    requiredMarker: { default: te },
     required: { type: Boolean },
     error: {},
     autofocus: { type: Boolean },
@@ -4819,7 +4832,7 @@ const Ei = (n, t) => {
     withSearch: { type: Boolean },
     multiple: { type: Boolean },
     withCheckAll: { type: [Boolean, Object] },
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     valueLabel: { default: void 0 },
     alignment: { default: "full" },
     listLabel: {},
@@ -4847,11 +4860,11 @@ const Ei = (n, t) => {
       emit: a,
       key: "open",
       default: !1
-    }), v = J("selectRef"), { openDirection: b, updateOpenDirection: h } = fo(v), g = V(), $ = m(() => yt(c.value)), x = m(() => o.valueLabel !== void 0 ? yt(o.valueLabel) : $.value.reduce((j, re) => {
-      const se = o.options.find(({ value: ye }) => ye === re)?.label;
-      return se && j.push(se), j;
+    }), v = J("selectRef"), { openDirection: b, updateOpenDirection: h } = fo(v), g = V(), $ = m(() => yt(c.value)), x = m(() => o.valueLabel !== void 0 ? yt(o.valueLabel) : $.value.reduce((j, ie) => {
+      const re = o.options.find(({ value: ye }) => ye === ie)?.label;
+      return re && j.push(re), j;
     }, [])), w = J("miniSearchRef"), M = J("selectInputRef"), O = m(() => o.noFilter || !d.value ? o.options : o.options.filter(
-      ({ label: j }) => Sn(j, d.value)
+      ({ label: j }) => wn(j, d.value)
     ));
     Y(
       $,
@@ -4861,33 +4874,33 @@ const Ei = (n, t) => {
       { immediate: !0 }
     );
     const L = pe(), N = m(() => (o.multiple && o.withCheckAll && !d.value ? [L] : []).concat(
-      Oo.value
+      Bo.value
     )), K = async (j) => {
-      const re = Po(
-        Bo(),
+      const ie = Fo(
+        Eo(),
         "group"
       );
-      if (o.keepSelectionOrder ? dt.value = $t(re) : dt.value = $t(
-        re,
+      if (o.keepSelectionOrder ? dt.value = St(ie) : dt.value = St(
+        ie,
         r.value("selections.selectGroup")
       ), o.readonly) {
         p.value = !1;
         return;
       }
-      const se = p.value;
-      p.value = !se, await Ve(), p.value && h(), se !== p.value && (se ? (d.value && (d.value = ""), j || M.value?.input?.focus()) : w.value?.focus());
+      const re = p.value;
+      p.value = !re, await Ye(), p.value && h(), re !== p.value && (re ? (d.value && (d.value = ""), j || M.value?.input?.focus()) : w.value?.focus());
     }, U = () => g.value = N.value.at(0), X = () => g.value = N.value.at(-1), ue = (j) => {
-      const re = N.value.findIndex((se) => se === j);
-      re < N.value.length - 1 && (g.value = N.value[re + 1]);
+      const ie = N.value.findIndex((re) => re === j);
+      ie < N.value.length - 1 && (g.value = N.value[ie + 1]);
     }, P = (j) => {
-      const re = N.value.findIndex((se) => se === j);
-      re > 0 && (g.value = N.value[re - 1]);
+      const ie = N.value.findIndex((re) => re === j);
+      ie > 0 && (g.value = N.value[ie - 1]);
     }, D = (j) => {
-      const re = O.value.find((se) => se.label.toLowerCase().trim().startsWith(j.toLowerCase()));
-      re && (g.value = re.value);
-    }, te = (j) => d.value = j, H = (j) => {
+      const ie = O.value.find((re) => re.label.toLowerCase().trim().startsWith(j.toLowerCase()));
+      ie && (g.value = ie.value);
+    }, ne = (j) => d.value = j, H = (j) => {
       if (j === L) {
-        wt.value?.handleChange(!wt.value.state.value.modelValue);
+        kt.value?.handleChange(!kt.value.state.value.modelValue);
         return;
       }
       if (!O.value.find(({ value: ye }) => ye === j))
@@ -4899,14 +4912,14 @@ const Ei = (n, t) => {
       $.value.some((ye) => ye === j) ? c.value = $.value.filter(
         (ye) => ye !== j
       ) : c.value = [...$.value, j];
-    }, R = m(() => o.withSearch ? "list" : "none"), { label: Se, listLabel: he, listDescription: Qe, multiple: et } = ro(o), {
-      elements: { input: me, option: kt, group: ke, listbox: Eo }
+    }, R = m(() => o.withSearch ? "list" : "none"), { label: we, listLabel: he, listDescription: et, multiple: je } = ro(o), {
+      elements: { input: me, option: Le, group: Ft, listbox: va }
     } = hs({
       autocomplete: R,
-      label: Se,
+      label: we,
       listLabel: he,
-      listDescription: Qe,
-      multiple: et,
+      listDescription: et,
+      multiple: je,
       activeOption: m(() => g.value),
       isExpanded: p,
       templateRef: v,
@@ -4916,30 +4929,30 @@ const Ei = (n, t) => {
       onActivateNext: ue,
       onActivatePrevious: P,
       onTypeAhead: D,
-      onAutocomplete: te,
+      onAutocomplete: ne,
       onSelect: H
-    }), Bo = () => {
+    }), Eo = () => {
       if (o.keepSelectionOrder || !c.value || !Array.isArray(c.value) || c.value.length == 0)
         return O.value;
       const j = new Set(c.value);
-      return O.value.map((re) => ({
-        ...re,
-        group: j.has(re.value) ? r.value("selections.selectGroup") : re.group
+      return O.value.map((ie) => ({
+        ...ie,
+        group: j.has(ie.value) ? r.value("selections.selectGroup") : ie.group
       }));
-    }, dt = V(), { vScrollEnd: ha, isScrollEnd: ba } = aa({
+    }, dt = V(), { vScrollEnd: ha, isScrollEnd: ba } = na({
       enabled: m(() => o.lazyLoading?.enabled ?? !1),
       loading: m(() => o.loading),
       offset: m(() => o.lazyLoading?.scrollOffset)
     }), Pt = m(() => {
       if (!O.value.length)
         return o.withSearch && d.value ? r.value("select.noMatch") : r.value("select.empty");
-    }), Oo = m(
+    }), Bo = m(
       () => O.value.filter((j) => !j.disabled).map(({ value: j }) => j)
-    ), wt = m(() => {
+    ), kt = m(() => {
       if (!(!o.multiple || !o.withCheckAll))
-        return qn(Oo, $, (j) => {
-          const re = j.map((se) => o.options.find(({ value: ye }) => ye === se)?.value).filter((se) => se != null);
-          c.value = re;
+        return Gn(Bo, $, (j) => {
+          const ie = j.map((re) => o.options.find(({ value: ye }) => ye === re)?.value).filter((re) => re != null);
+          c.value = ie;
         });
     }), Ut = m(() => {
       if (!o.multiple)
@@ -4947,7 +4960,7 @@ const Ei = (n, t) => {
       const j = r.value("selections.selectAll");
       return typeof o.withCheckAll == "object" ? o.withCheckAll.label ?? j : j;
     });
-    Ie(() => {
+    Te(() => {
       ba.value && a("lazyLoad");
     });
     const ga = m(() => {
@@ -4962,17 +4975,17 @@ const Ei = (n, t) => {
     return t({ input: m(() => M.value?.input) }), Y(
       [O],
       () => {
-        const j = Po(
-          Bo(),
+        const j = Fo(
+          Eo(),
           "group"
         );
-        o.keepSelectionOrder ? dt.value = $t(j) : dt.value = $t(
+        o.keepSelectionOrder ? dt.value = St(j) : dt.value = St(
           j,
           r.value("selections.selectGroup")
         );
       },
       { deep: !0, immediate: !0 }
-    ), (j, re) => (i(), f(
+    ), (j, ie) => (i(), f(
       "div",
       Ui,
       [
@@ -4989,12 +5002,12 @@ const Ei = (n, t) => {
               "show-focus": l(p),
               autofocus: o.autofocus,
               onInputClick: K,
-              onValidityChange: re[0] || (re[0] = (se) => a("validityChange", se))
+              onValidityChange: ie[0] || (ie[0] = (re) => a("validityChange", re))
             }), null, 16, ["show-focus", "autofocus"])
           ]),
           content: S(() => [
             xe((i(), f("div", Hi, [
-              o.withSearch ? (i(), _(Wn, E({
+              o.withSearch ? (i(), _(jn, E({
                 key: 0,
                 ref: "miniSearchRef",
                 autofocus: "",
@@ -5002,16 +5015,16 @@ const Ei = (n, t) => {
               }, l(me), {
                 label: l(r)("select.searchInputLabel"),
                 class: "onyx-select__search",
-                onClear: re[1] || (re[1] = (se) => d.value = "")
+                onClear: ie[1] || (ie[1] = (re) => d.value = "")
               }), null, 16, ["model-value", "label"])) : k("v-if", !0),
               y(
                 "div",
-                ze(Je(l(Eo))),
+                Ne(Ze(l(va))),
                 [
                   Pt.value ? (i(), f("ul", Gi, [
                     y("li", qi, [
                       C(j.$slots, "empty", { defaultMessage: Pt.value }, () => [
-                        B(Kn, {
+                        B(qn, {
                           density: o.density
                         }, {
                           default: S(() => [
@@ -5035,19 +5048,19 @@ const Ei = (n, t) => {
                         E({
                           key: 0,
                           class: "onyx-select__check-all"
-                        }, l(ke)({ label: Ut.value })),
+                        }, l(Ft)({ label: Ut.value })),
                         [
-                          B(qo, E(
-                            l(kt)({
+                          B(Go, E(
+                            l(Le)({
                               value: l(L),
                               label: Ut.value,
                               // TODO: remove type cast once its fixed in Vue / vue-tsc version
-                              selected: wt.value?.state.value.modelValue
+                              selected: kt.value?.state.value.modelValue
                             }),
                             {
                               multiple: "",
                               active: l(L) === g.value,
-                              indeterminate: wt.value?.state.value.indeterminate,
+                              indeterminate: kt.value?.state.value.indeterminate,
                               density: o.density
                             }
                           ), {
@@ -5068,29 +5081,29 @@ const Ei = (n, t) => {
                       (i(!0), f(
                         G,
                         null,
-                        de(dt.value, (se) => (i(), f(
+                        de(dt.value, (re) => (i(), f(
                           "ul",
                           E({
-                            key: se.name,
+                            key: re.name,
                             class: "onyx-select__group"
-                          }, { ref_for: !0 }, l(ke)({ label: se.name })),
+                          }, { ref_for: !0 }, l(Ft)({ label: re.name })),
                           [
-                            se.name !== "" ? (i(), f(
+                            re.name !== "" ? (i(), f(
                               "li",
                               Ki,
-                              T(se.name),
+                              T(re.name),
                               1
                               /* TEXT */
                             )) : k("v-if", !0),
                             (i(!0), f(
                               G,
                               null,
-                              de(se.items, (ye) => (i(), _(qo, E(
+                              de(re.items, (ye) => (i(), _(Go, E(
                                 {
                                   key: ye.value.toString()
                                 },
                                 { ref_for: !0 },
-                                l(kt)({
+                                l(Le)({
                                   value: ye.value,
                                   label: ye.label,
                                   disabled: ye.disabled,
@@ -5135,7 +5148,7 @@ const Ei = (n, t) => {
                 /* FULL_PROPS */
               ),
               o.lazyLoading?.loading ? (i(), f("div", ji, [
-                B(Le, { class: "onyx-select__loading" })
+                B(Ie, { class: "onyx-select__loading" })
               ])) : k("v-if", !0),
               s.optionsEnd ? (i(), f("div", Wi, [
                 C(j.$slots, "optionsEnd")
@@ -5170,7 +5183,7 @@ const Ei = (n, t) => {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
-    const e = n, o = t, { t: a, n: s } = q(), { densityClass: r } = F(e), u = ne(e), c = V(""), d = V(qt);
+    const e = n, o = t, { t: a, n: s } = q(), { densityClass: r } = F(e), u = oe(e), c = V(""), d = V(qt);
     Y(c, () => d.value = qt);
     const p = () => {
       d.value = Math.min(e.pages, d.value + qt);
@@ -5183,7 +5196,7 @@ const Ei = (n, t) => {
     })), b = m(() => {
       let $ = v.value;
       const x = c.value.trim().toLowerCase();
-      return x && ($ = $.filter((w) => Sn(w.label, x))), $.slice(0, d.value);
+      return x && ($ = $.filter((w) => wn(w.label, x))), $.slice(0, d.value);
     }), h = m(() => e.modelValue <= 1), g = m(() => e.modelValue >= e.pages);
     return ($, x) => l(u) ? (i(), _(Z, {
       key: 0,
@@ -5193,9 +5206,9 @@ const Ei = (n, t) => {
       class: I(["onyx-component", "onyx-pagination", "onyx-text", l(r)]),
       role: "group",
       "aria-label": l(a)("pagination.label"),
-      style: Te({ "--onyx-pagination-character-count": e.modelValue.toString().length })
+      style: Me({ "--onyx-pagination-character-count": e.modelValue.toString().length })
     }, [
-      B(la, {
+      B(aa, {
         "search-term": c.value,
         "onUpdate:searchTerm": x[0] || (x[0] = (w) => c.value = w),
         class: "onyx-pagination__select",
@@ -5227,7 +5240,7 @@ const Ei = (n, t) => {
         disabled: e.disabled || h.value,
         onClick: x[2] || (x[2] = (w) => o("update:modelValue", e.modelValue - 1))
       }, [
-        B(z, { icon: l(sn) }, null, 8, ["icon"])
+        B(z, { icon: l(ln) }, null, 8, ["icon"])
       ], 8, Xi),
       y("button", {
         class: "onyx-pagination__button",
@@ -5236,11 +5249,11 @@ const Ei = (n, t) => {
         disabled: e.disabled || g.value,
         onClick: x[3] || (x[3] = (w) => o("update:modelValue", e.modelValue + 1))
       }, [
-        B(z, { icon: l(an) }, null, 8, ["icon"])
+        B(z, { icon: l(nn) }, null, 8, ["icon"])
       ], 8, Qi)
     ], 14, Ji));
   }
-}), sa = /* @__PURE__ */ A({
+}), la = /* @__PURE__ */ A({
   __name: "OnyxPagination",
   props: {
     density: {},
@@ -5262,13 +5275,13 @@ const Ei = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), tc = Symbol("Selection"), ra = 1e3, oc = (n) => (t) => {
-  const e = `selection-column-${pe()}`, o = ie(
+}), tc = Symbol("Selection"), sa = 1e3, oc = (n) => (t) => {
+  const e = `selection-column-${pe()}`, o = se(
     n?.selectionState ?? {
       selectMode: "include",
       contingent: /* @__PURE__ */ new Set()
     }
-  ), a = V(0), s = ie(n?.hover ?? !1), { isEnabled: r } = ut(t, n), u = (h) => o.value.selectMode === "include" ? o.value.contingent.has(h) : !o.value.contingent.has(h), c = (h) => {
+  ), a = V(0), s = se(n?.hover ?? !1), { isEnabled: r } = ut(t, n), u = (h) => o.value.selectMode === "include" ? o.value.contingent.has(h) : !o.value.contingent.has(h), c = (h) => {
     o.value.selectMode = h ? "exclude" : "include", o.value.contingent.clear();
   }, d = (h, g) => {
     o.value.selectMode === "include" && h === !0 || o.value.selectMode === "exclude" && h === !1 ? o.value.contingent.add(g) : o.value.contingent.delete(g);
@@ -5292,7 +5305,7 @@ const Ei = (n, t) => {
     },
     mutation: {
       func: (h) => (a.value = h.length, h),
-      order: ra
+      order: sa
     },
     typeRenderer: {
       [e]: $e({
@@ -5333,12 +5346,12 @@ const Ei = (n, t) => {
       })
     }
   };
-}, nc = Symbol("Pagination"), ac = Symbol("LazyLoadingRow"), Ko = Symbol("LazyLoadingRenderer"), lc = Symbol("ButtonLoadingRow"), jo = Symbol("ButtonLoadingRenderer"), ia = Math.min(wo, ra) - 1, sc = (n = {}) => (t) => {
-  const e = ie(
+}, nc = Symbol("Pagination"), ac = Symbol("LazyLoadingRow"), qo = Symbol("LazyLoadingRenderer"), lc = Symbol("ButtonLoadingRow"), Ko = Symbol("ButtonLoadingRenderer"), ra = Math.min(wo, sa) - 1, sc = (n = {}) => (t) => {
+  const e = se(
     n?.paginationState ?? { current: 1, pages: 1, pageSize: n?.pageSize ?? 25 }
   ), { isEnabled: o, isAsync: a } = ut(t, n), s = m(() => n.disabled?.value ?? !1), r = m(
     () => e.value.pages > 1 || e.value.current > e.value.pageSize
-  ), u = m(() => e.value.current >= e.value.pages), c = m(() => n.loading?.value ?? !1), d = n.type ?? "select", p = V(), { vScrollEnd: v, isScrollEnd: b } = aa({
+  ), u = m(() => e.value.current >= e.value.pages), c = m(() => n.loading?.value ?? !1), d = n.type ?? "select", p = V(), { vScrollEnd: v, isScrollEnd: b } = na({
     enabled: m(() => d === "lazy" && !u.value && !Q(n.disabled)),
     loading: c
   });
@@ -5350,7 +5363,7 @@ const Ei = (n, t) => {
     name: nc,
     watch: [e, o, a, s, t.skeleton, b, c],
     mutation: {
-      order: ia,
+      order: ra,
       func: (h) => {
         if (!o.value()) return h;
         let g = h.slice();
@@ -5362,19 +5375,19 @@ const Ei = (n, t) => {
         }
         return d === "lazy" && c.value && g.push({
           id: ac,
-          [Tt]: {
-            columns: [{ key: "id", type: { name: Ko } }]
+          [Mt]: {
+            columns: [{ key: "id", type: { name: qo } }]
           }
         }), d === "button" && (!u.value || c.value) && g.push({
           id: lc,
-          [Tt]: {
-            columns: [{ key: "id", type: { name: jo } }]
+          [Mt]: {
+            columns: [{ key: "id", type: { name: Ko } }]
           }
         }), g;
       }
     },
     typeRenderer: {
-      [Ko]: $e({
+      [qo]: $e({
         cell: {
           tdAttributes: {
             class: "onyx-data-grid__lazy-pagination",
@@ -5383,13 +5396,13 @@ const Ei = (n, t) => {
           component: () => le(oo)
         }
       }),
-      [jo]: $e({
+      [Ko]: $e({
         cell: {
           tdAttributes: {
             class: "onyx-data-grid__button-pagination",
             colspan: 99
           },
-          component: () => c.value ? le(oo) : le(we, {
+          component: () => c.value ? le(oo) : le(ke, {
             label: t.i18n.t.value("dataGrid.loadMore"),
             color: "medium",
             disabled: Q(n.disabled),
@@ -5403,7 +5416,7 @@ const Ei = (n, t) => {
         if (!o.value() || d !== "select") return [];
         const h = t.skeleton.value && !r.value;
         return !r.value && !h ? [] : [
-          le(sa, {
+          le(la, {
             modelValue: e.value.current,
             pages: e.value.pages,
             disabled: s.value,
@@ -5419,7 +5432,7 @@ const Ei = (n, t) => {
       }
     })
   };
-}, rc = Symbol("Base"), ic = Math.max(wo, ia) + 1, cc = (n) => ({ skeleton: t }) => {
+}, rc = Symbol("Base"), ic = Math.max(wo, ra) + 1, cc = (n) => ({ skeleton: t }) => {
   const e = V(0), o = m(() => {
     const a = Q(n?.headline);
     if (a)
@@ -5446,18 +5459,18 @@ const Ei = (n, t) => {
       class: t.value ? "onyx-data-grid--skeleton" : ""
     }),
     typeRenderer: {
-      number: Jn,
+      number: Yn,
       string: ko,
-      date: Zn,
-      "datetime-local": Xn,
-      time: Qn,
-      timestamp: ea,
-      skeleton: ta,
-      boolean: oa
+      date: Jn,
+      "datetime-local": Zn,
+      time: Xn,
+      timestamp: Qn,
+      skeleton: ea,
+      boolean: ta
     },
     slots: {
       headline: (a) => o.value ? [
-        le(Fe, o.value, () => [
+        le(De, o.value, () => [
           o.value?.text,
           o.value?.rowCount && !t.value ? le(
             "span",
@@ -5486,7 +5499,7 @@ const Ei = (n, t) => {
     withPageScrolling: { type: Boolean }
   },
   setup(n) {
-    const t = n, e = q(), o = ce(), a = ne(t), s = Ue([]), r = Ue([]), u = Ue(), c = Ue(), d = Ue(), { columns: p, data: v, features: b, columnGroups: h, async: g } = ro(t);
+    const t = n, e = q(), o = ce(), a = oe(t), s = Pe([]), r = Pe([]), u = Pe(), c = Pe(), d = Pe(), { columns: p, data: v, features: b, columnGroups: h, async: g } = ro(t);
     let $;
     const x = ({
       createRendererColumns: w,
@@ -5506,7 +5519,7 @@ const Ei = (n, t) => {
       b,
       () => {
         const w = Bi(
-          [cc({ headline: ie(t, "headline") }), ...b.value],
+          [cc({ headline: se(t, "headline") }), ...b.value],
           {
             i18n: e,
             columnConfig: p,
@@ -5544,24 +5557,24 @@ const Ei = (n, t) => {
       o.empty ? {
         name: "empty",
         fn: S((O) => [
-          C(w.$slots, "empty", ze(Je(O)))
+          C(w.$slots, "empty", Ne(Ze(O)))
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["column-groups", "columns", "rows", "scroll-container-attrs"]));
   }
 }), uc = Symbol("HideColumnsFeature"), Kt = Symbol("HiddenColumn"), dc = (n) => (t) => {
-  const { i18n: e } = t, { isEnabled: o } = ut(t, n), a = V([]), s = ie(n?.state ?? /* @__PURE__ */ new Set()), r = m(
+  const { i18n: e } = t, { isEnabled: o } = ut(t, n), a = V([]), s = se(n?.state ?? /* @__PURE__ */ new Set()), r = m(
     () => a.value.filter((d) => s.value.has(d.key))
   ), u = () => le(
-    je,
+    Ke,
     {
       label: e.t.value("dataGrid.head.hideColumns.revealFlyout"),
       trigger: "click",
       alignment: "right"
     },
     {
-      button: ({ trigger: d }) => le(we, {
+      button: ({ trigger: d }) => le(ke, {
         class: "",
         label: e.t.value("dataGrid.head.hideColumns.revealTrigger"),
         color: "medium",
@@ -5570,7 +5583,7 @@ const Ei = (n, t) => {
       }),
       options: () => Array.from(r.value).sort((d, p) => Intl.Collator(e.locale.value).compare(d.label, p.label)).map(
         ({ key: d, label: p }) => le(
-          Ne,
+          Ve,
           {
             onClick: () => s.value.delete(d)
           },
@@ -5579,7 +5592,7 @@ const Ei = (n, t) => {
       )
     }
   ), c = (d) => le(
-    Ne,
+    Ve,
     {
       onClick: () => s.value.add(d)
     },
@@ -5648,7 +5661,7 @@ const Ei = (n, t) => {
   },
   emits: ["updateWidth", "autoSize", "start", "end"],
   setup(n, { emit: t }) {
-    const e = n, o = t, { t: a } = q(), s = V(), r = m(() => Ge(e.element));
+    const e = n, o = t, { t: a } = q(), s = V(), r = m(() => He(e.element));
     let u;
     const c = V(!1), d = () => {
       if (!r.value) return;
@@ -5656,7 +5669,7 @@ const Ei = (n, t) => {
       const g = { signal: u.signal, passive: !0 };
       window.addEventListener("mousemove", v, g), window.addEventListener("mouseup", b, g), window.addEventListener("keydown", h, g), o("start");
     };
-    Oe(() => {
+    Se(() => {
       Y(
         () => e.active,
         (g) => {
@@ -5694,7 +5707,7 @@ const Ei = (n, t) => {
         onDblclick: p
       },
       [
-        B(Ke, null, {
+        B(qe, null, {
           default: S(() => [
             W(
               T(l(a)("resizeHandle.label")),
@@ -5710,7 +5723,7 @@ const Ei = (n, t) => {
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), pc = Symbol("Resizing"), Ct = Symbol("FILLER_COLUMN"), mc = (n) => (t) => {
+}), pc = Symbol("Resizing"), $t = Symbol("FILLER_COLUMN"), mc = (n) => (t) => {
   const e = V(), o = 48, a = V(/* @__PURE__ */ new Map()), { isEnabled: s } = ut(t, n), r = V(/* @__PURE__ */ new Map()), u = V();
   Y(
     [a, r],
@@ -5737,7 +5750,7 @@ const Ei = (n, t) => {
         thAttributes: fe(h, b.thAttributes)
       };
     });
-    return v.push({ key: Ct, type: { name: Ct }, label: "" }), v;
+    return v.push({ key: $t, type: { name: $t }, label: "" }), v;
   }, d = (p, v, b) => {
     const h = p.default?.();
     return !s.value(v.key) || b ? h : [
@@ -5776,7 +5789,7 @@ const Ei = (n, t) => {
       /**
        * The filler column stretches the remaining space in case the column widths are smaller than the table's intended width.
        */
-      [Ct]: {
+      [$t]: {
         header: {
           thAttributes: { class: "onyx-data-grid-filler-column-cell", "aria-hidden": !0 },
           component: () => null
@@ -5789,12 +5802,12 @@ const Ei = (n, t) => {
     },
     header: {
       wrapper: (p, v, { length: b }) => (h, { slots: g }) => {
-        const $ = v === b - 1, x = p.type.name === Ct;
+        const $ = v === b - 1, x = p.type.name === $t;
         return d(g, p, $ || x);
       }
     }
   };
-}, $o = (n, t, e) => e.compare(String(n), String(t)), ot = (n, t) => Number(n) - Number(t), yc = (n, t) => ot(n ? 1 : 0, t ? 1 : 0), Wo = (n) => new Date(
+}, $o = (n, t, e) => e.compare(String(n), String(t)), ot = (n, t) => Number(n) - Number(t), yc = (n, t) => ot(n ? 1 : 0, t ? 1 : 0), jo = (n) => new Date(
   Date.UTC(
     0,
     0,
@@ -5807,9 +5820,9 @@ const Ei = (n, t) => {
 ), fc = (n, t, e) => {
   if (!(n instanceof Date && t instanceof Date))
     return $o(n, t, e);
-  const o = Wo(n), a = Wo(t);
+  const o = jo(n), a = jo(t);
   return ot(o, a);
-}, Yo = Object.freeze({
+}, Wo = Object.freeze({
   string: $o,
   number: ot,
   date: ot,
@@ -5819,7 +5832,7 @@ const Ei = (n, t) => {
   timestamp: ot,
   skeleton: () => 0,
   boolean: yc
-}), Jo = /* @__PURE__ */ A({
+}), Yo = /* @__PURE__ */ A({
   __name: "SortAction",
   props: {
     columnLabel: {},
@@ -5827,14 +5840,14 @@ const Ei = (n, t) => {
   },
   setup(n) {
     const t = n, { t: e } = q(), o = m(
-      () => t.sortDirection === "asc" ? rn : t.sortDirection === "desc" ? cn : Fa
+      () => t.sortDirection === "asc" ? sn : t.sortDirection === "desc" ? rn : Fa
     ), a = m(() => {
       const s = so(t.sortDirection);
       return e.value(`dataGrid.head.sorting.action.${s}`, {
         field: t.columnLabel
       });
     });
-    return (s, r) => (i(), _(we, {
+    return (s, r) => (i(), _(ke, {
       label: a.value,
       icon: o.value,
       color: "medium"
@@ -5851,7 +5864,7 @@ const Ei = (n, t) => {
       return "asc";
   }
 }, vc = Symbol("Sorting"), hc = (n) => (t) => {
-  const e = ie(
+  const e = se(
     n?.sortState ?? {
       column: void 0,
       direction: "none"
@@ -5865,7 +5878,7 @@ const Ei = (n, t) => {
     if ($)
       return $;
     const x = r.find(({ key: w }) => h === w)?.type.name ?? "";
-    return Yo[x] ? Yo[x] : $o;
+    return Wo[x] ? Wo[x] : $o;
   }, d = (h) => {
     const { column: g, direction: $ } = e.value;
     if (s.value || !g || $ === "none")
@@ -5881,11 +5894,11 @@ const Ei = (n, t) => {
   }, v = m(() => (h, g) => e.value.column === h && e.value.direction === g), b = (h, g) => {
     const $ = {
       none: Pa,
-      asc: rn,
-      desc: cn
+      asc: sn,
+      desc: rn
     };
     return le(
-      Ne,
+      Ve,
       {
         active: v.value(h, g),
         onClick: () => e.value = { column: h, direction: g }
@@ -5912,7 +5925,7 @@ const Ei = (n, t) => {
     header: {
       actions: ({ key: h, label: g }) => a.value(h) ? [
         {
-          iconComponent: le(Jo, {
+          iconComponent: le(Yo, {
             columnLabel: g,
             sortDirection: e.value.column === h ? e.value.direction : void 0,
             onClick: () => p(h)
@@ -5925,7 +5938,7 @@ const Ei = (n, t) => {
         },
         e.value.column === h && e.value.direction && e.value.direction !== "none" ? {
           iconComponent: {
-            iconComponent: le(Jo, {
+            iconComponent: le(Yo, {
               columnLabel: g,
               sortDirection: e.value.column === h ? e.value.direction : void 0,
               onClick: () => p(h, !0)
@@ -5938,7 +5951,7 @@ const Ei = (n, t) => {
   };
 }, bc = Symbol("StickyColumns"), gc = (n) => () => {
   const t = m(() => Q(n?.columns) ?? []), e = m(() => Q(n?.position) ?? "left"), o = V({}), a = V({}), s = pe(), r = V(!1), u = (p) => `--onyx-data-grid-sticky-column-position-${s}-${go(p)}`;
-  Oe(() => {
+  Se(() => {
     if (!("ResizeObserver" in window)) return;
     const p = new ResizeObserver(() => {
       Object.entries(a.value).forEach(
@@ -5951,7 +5964,7 @@ const Ei = (n, t) => {
         p.disconnect(), Object.values(a.value).forEach((v) => p.observe(v));
       },
       { deep: !0, immediate: !0 }
-    ), Lt(() => p.disconnect());
+    ), It(() => p.disconnect());
   });
   const c = (p, v) => {
     if (!n) return;
@@ -6005,26 +6018,26 @@ const Ei = (n, t) => {
     },
     scrollContainerAttributes: () => ({
       ref: (p) => {
-        p && Ve(() => d(p));
+        p && Ye(() => d(p));
       },
       onScrollCapturePassive: (p) => d(p.target)
     })
   };
 }, Ap = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BOOLEAN_RENDERER: oa,
-  DATETIME_RENDERER: Xn,
-  DATE_RENDERER: Zn,
+  BOOLEAN_RENDERER: ta,
+  DATETIME_RENDERER: Zn,
+  DATE_RENDERER: Jn,
   FALLBACK_RENDER_VALUE: _o,
-  NUMBER_RENDERER: Jn,
-  SKELETON_RENDERER: ta,
+  NUMBER_RENDERER: Yn,
+  SKELETON_RENDERER: ea,
   STRING_RENDERER: ko,
-  TIMESTAMP_RENDERER: ea,
-  TIME_RENDERER: Qn,
-  createRenderer: na,
+  TIMESTAMP_RENDERER: Qn,
+  TIME_RENDERER: Xn,
+  createRenderer: oa,
   createTypeRenderer: $e,
   dateFormatter: gt,
-  numberFormatter: Yn,
+  numberFormatter: Wn,
   stringFormatter: xo,
   useFiltering: Ai,
   useHideColumns: dc,
@@ -6037,8 +6050,8 @@ const Ei = (n, t) => {
   inheritAttrs: !1,
   __name: "OnyxDatePicker",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
-    showError: { default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
+    showError: { default: te },
     requiredMarker: {},
     required: { type: Boolean, default: !1 },
     density: {},
@@ -6056,6 +6069,7 @@ const Ei = (n, t) => {
     success: {},
     hideSuccessIcon: { type: Boolean },
     hideClearIcon: { type: Boolean },
+    showPassword: { type: Boolean },
     modelValue: {},
     type: { default: "date" },
     min: {},
@@ -6063,7 +6077,7 @@ const Ei = (n, t) => {
   },
   emits: ["update:modelValue", "validityChange"],
   setup(n, { emit: t }) {
-    const e = n, o = t, { rootAttrs: a, restAttrs: s } = ge(), { vCustomValidity: r, errorMessages: u } = Pe({ props: e, emit: o }), c = m(() => Be(e.success)), d = m(() => Be(e.message)), { densityClass: p } = F(e), { disabled: v, showError: b } = be(e), h = ne(e), g = _t(b), $ = m(() => (O) => {
+    const e = n, o = t, { rootAttrs: a, restAttrs: s } = ge(), { vCustomValidity: r, errorMessages: u } = Fe({ props: e, emit: o }), c = m(() => Be(e.success)), d = m(() => Be(e.message)), { densityClass: p } = F(e), { disabled: v, showError: b } = be(e), h = oe(e), g = _t(b), $ = m(() => (O) => {
       const L = O != null && O != null ? new Date(O) : void 0;
       if (!no(L)) return;
       const N = L.toISOString().split("T")[0];
@@ -6081,7 +6095,7 @@ const Ei = (n, t) => {
         x.value = no(L) ? L.toISOString() : "";
       }
     }), M = J("inputRef");
-    return Ae(M, e), (O, L) => l(h) ? (i(), f(
+    return Oe(M, e), (O, L) => l(h) ? (i(), f(
       "div",
       E({
         key: 0,
@@ -6110,7 +6124,7 @@ const Ei = (n, t) => {
         }), {
           default: S(({ id: N }) => [
             y("div", _c, [
-              e.loading ? (i(), _(Le, {
+              e.loading ? (i(), _(Ie, {
                 key: 0,
                 class: "onyx-datepicker__loading",
                 type: "circle"
@@ -6132,7 +6146,7 @@ const Ei = (n, t) => {
                 min: $.value(e.min),
                 max: $.value(e.max)
               }, l(s)), null, 16, xc)), [
-                [tn, w.value],
+                [en, w.value],
                 [l(r)]
               ])
             ])
@@ -6182,7 +6196,7 @@ const Ei = (n, t) => {
               C(c.$slots, "headline", {
                 label: e.label
               }, () => [
-                B(Fe, { is: "h2" }, {
+                B(De, { is: "h2" }, {
                   default: S(() => [
                     W(
                       T(e.label),
@@ -6195,11 +6209,11 @@ const Ei = (n, t) => {
                 })
               ])
             ]),
-            e.nonDismissible ? k("v-if", !0) : (i(), _(we, {
+            e.nonDismissible ? k("v-if", !0) : (i(), _(ke, {
               key: 0,
               class: "onyx-alert-dialog__close",
               label: l(s)("dialog.close"),
-              icon: l(De),
+              icon: l(ze),
               onClick: d[0] || (d[0] = () => u.value = !l(u))
             }, null, 8, ["label", "icon"]))
           ])
@@ -6226,7 +6240,7 @@ const Ei = (n, t) => {
   },
   setup(n) {
     const t = n;
-    Ms(t), Rt(t);
+    Ms(t), Lt(t);
     const { densityClass: e } = F(t);
     return (o, a) => (i(), f(
       "form",
@@ -6251,7 +6265,7 @@ const Ei = (n, t) => {
     autofocus: { type: Boolean },
     link: {},
     label: {},
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     type: { default: "button" },
     color: { default: "primary" },
     loading: { type: Boolean },
@@ -6259,7 +6273,7 @@ const Ei = (n, t) => {
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, { densityClass: e } = F(t), o = ne(t);
+    const t = n, { densityClass: e } = F(t), o = oe(t);
     return (a, s) => l(o) ? (i(), _(Z, {
       key: 0,
       class: I(["onyx-icon-button-skeleton", l(e)])
@@ -6275,7 +6289,7 @@ const Ei = (n, t) => {
       ]
     }), {
       default: S(() => [
-        t.loading ? (i(), _(Le, {
+        t.loading ? (i(), _(Ie, {
           key: 0,
           type: "circle"
         })) : t.icon ? (i(), _(z, {
@@ -6300,7 +6314,7 @@ const Ei = (n, t) => {
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, e = ne(t), o = V(!1);
+    const t = n, e = oe(t), o = V(!1);
     Y(
       () => t.src,
       () => o.value = !1,
@@ -6375,7 +6389,7 @@ const Ei = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), zp = ["rounded", "circle", "clip", "clip-inverted"], ca = (n) => {
+}), zp = ["rounded", "circle", "clip", "clip-inverted"], ia = (n) => {
   const { t } = q(), e = m(() => {
     const s = n.props.maxlength;
     return {
@@ -6405,13 +6419,13 @@ const Ei = (n, t) => {
      */
     maxLength: a
   };
-}, Ft = Symbol(), Zo = Symbol(), ua = Symbol(), da = Symbol(), Ac = ["aria-orientation"], It = /* @__PURE__ */ A({
+}, Dt = Symbol(), Jo = Symbol(), ca = Symbol(), ua = Symbol(), Ac = ["aria-orientation"], Tt = /* @__PURE__ */ A({
   __name: "OnyxSeparator",
   props: {
     orientation: { default: "horizontal" }
   },
   setup(n) {
-    const t = n, e = ve(Ft, void 0), o = m(() => t.orientation === "vertical" && !e?.value);
+    const t = n, e = ve(Dt, void 0), o = m(() => t.orientation === "vertical" && !e?.value);
     return (a, s) => (i(), f("div", {
       class: I(["onyx-component onyx-separator", { "onyx-separator--vertical": o.value }]),
       role: "separator",
@@ -6422,9 +6436,9 @@ const Ei = (n, t) => {
   inheritAttrs: !1,
   __name: "OnyxInput",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
-    showError: { default: oe },
-    requiredMarker: { default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
+    showError: { default: te },
+    requiredMarker: { default: te },
     required: { type: Boolean, default: !1 },
     density: {},
     error: {},
@@ -6449,20 +6463,26 @@ const Ei = (n, t) => {
     type: { default: "text" },
     pattern: {},
     hideSuccessIcon: { type: Boolean, default: !1 },
-    hideClearIcon: { type: Boolean, default: !1 }
+    hideClearIcon: { type: Boolean, default: !1 },
+    showPassword: { type: Boolean, default: void 0 }
   },
-  emits: ["validityChange", "update:modelValue"],
+  emits: ["validityChange", "update:modelValue", "update:showPassword"],
   setup(n, { expose: t, emit: e }) {
     const o = n, a = e, s = ce(), r = ae({
       key: "modelValue",
       props: o,
       emit: a,
       default: ""
-    }), { rootAttrs: u, restAttrs: c } = ge(), { t: d } = q(), { maxLength: p, maxLengthError: v } = ca({ modelValue: r, props: o }), b = m(() => o.error ?? v.value), { vCustomValidity: h, errorMessages: g } = Pe({ props: o, emit: a, error: b }), $ = m(() => Be(o.success)), x = m(() => Be(o.message)), { densityClass: w } = F(o), M = m(() => o.pattern instanceof RegExp ? o.pattern.source : o.pattern), O = J("inputRef");
+    }), { rootAttrs: u, restAttrs: c } = ge(), { t: d } = q(), { maxLength: p, maxLengthError: v } = ia({ modelValue: r, props: o }), b = m(() => o.error ?? v.value), { vCustomValidity: h, errorMessages: g } = Fe({ props: o, emit: a, error: b }), $ = m(() => Be(o.success)), x = m(() => Be(o.message)), { densityClass: w } = F(o), M = m(() => o.pattern instanceof RegExp ? o.pattern.source : o.pattern), O = J("inputRef");
     t({ input: O });
-    const { disabled: L, showError: N } = be(o), K = ne(o), U = _t(N);
-    Ae(O, o);
-    const X = V(!1), ue = m(() => o.type === "password" && X.value ? "text" : o.type);
+    const { disabled: L, showError: N } = be(o), K = oe(o), U = _t(N);
+    Oe(O, o);
+    const X = ae({
+      props: o,
+      emit: a,
+      key: "showPassword",
+      default: !1
+    }), ue = m(() => o.type === "password" && X.value ? "text" : o.type);
     return (P, D) => l(K) ? (i(), f(
       "div",
       E({
@@ -6490,21 +6510,21 @@ const Ei = (n, t) => {
           "success-messages": $.value,
           message: x.value
         }), {
-          default: S(({ id: te }) => [
+          default: S(({ id: ne }) => [
             y("div", Mc, [
               C(P.$slots, "leading"),
-              s.leading ? (i(), _(It, {
+              s.leading ? (i(), _(Tt, {
                 key: 0,
                 orientation: "vertical",
                 class: "onyx-input__separator onyx-input__separator--leading"
               })) : k("v-if", !0),
-              o.loading ? (i(), _(Le, {
+              o.loading ? (i(), _(Ie, {
                 key: 1,
                 class: "onyx-input__loading",
                 type: "circle"
               })) : k("v-if", !0),
               xe(y("input", E({
-                id: te,
+                id: ne,
                 ref: "inputRef",
                 "onUpdate:modelValue": D[0] || (D[0] = (H) => Ee(r) ? r.value = H : null),
                 placeholder: o.placeholder,
@@ -6523,7 +6543,7 @@ const Ei = (n, t) => {
                 "aria-label": o.hideLabel ? o.label : void 0,
                 title: o.hideLabel ? o.label : void 0
               }, l(c)), null, 16, Tc), [
-                [tn, l(r)],
+                [en, l(r)],
                 [l(h)]
               ]),
               !o.hideClearIcon && l(r) !== "" ? (i(), f("button", {
@@ -6535,7 +6555,7 @@ const Ei = (n, t) => {
                 tabindex: "-1",
                 onClick: D[1] || (D[1] = () => r.value = "")
               }, [
-                B(z, { icon: l(De) }, null, 8, ["icon"])
+                B(z, { icon: l(ze) }, null, 8, ["icon"])
               ], 8, Ic)) : k("v-if", !0),
               !o.hideSuccessIcon && $.value ? (i(), _(z, {
                 key: 3,
@@ -6543,19 +6563,19 @@ const Ei = (n, t) => {
                 icon: l(bt),
                 color: "success"
               }, null, 8, ["icon"])) : k("v-if", !0),
-              s.trailing || o.type === "password" ? (i(), _(It, {
+              s.trailing || o.type === "password" ? (i(), _(Tt, {
                 key: 4,
                 orientation: "vertical",
                 class: "onyx-input__separator onyx-input__separator--trailing"
               })) : k("v-if", !0),
               C(P.$slots, "trailing", {}, () => [
-                o.type === "password" ? (i(), _(we, {
+                o.type === "password" ? (i(), _(ke, {
                   key: 0,
-                  icon: X.value ? l(Ha) : l(Ga),
-                  label: X.value ? l(d)("input.hidePassword") : l(d)("input.showPassword"),
+                  icon: l(X) ? l(Ha) : l(Ga),
+                  label: l(X) ? l(d)("input.hidePassword") : l(d)("input.showPassword"),
                   tabindex: "-1",
                   color: "soft",
-                  onClick: D[2] || (D[2] = (H) => X.value = !X.value)
+                  onClick: D[2] || (D[2] = (H) => X.value = !l(X))
                 }, null, 8, ["icon", "label"])) : k("v-if", !0)
               ])
             ])
@@ -6584,8 +6604,8 @@ const Ei = (n, t) => {
         default: S(() => [
           C(e.$slots, "default"),
           B(
-            Fn,
-            ze(Je(t)),
+            Dn,
+            Ne(Ze(t)),
             null,
             16
             /* FULL_PROPS */
@@ -6598,7 +6618,7 @@ const Ei = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Vc = { class: "onyx-component onyx-mobile-nav-button" }, Nc = ["aria-label", "disabled"], zc = { class: "onyx-mobile-nav-button__flyout" }, Dc = { class: "onyx-mobile-nav-button__menu" }, Xo = /* @__PURE__ */ A({
+}), Vc = { class: "onyx-component onyx-mobile-nav-button" }, Nc = ["aria-label", "disabled"], zc = { class: "onyx-mobile-nav-button__flyout" }, Dc = { class: "onyx-mobile-nav-button__menu" }, Zo = /* @__PURE__ */ A({
   __name: "OnyxMobileNavButton",
   props: {
     label: {},
@@ -6627,7 +6647,7 @@ const Ei = (n, t) => {
         zc,
         [
           y("div", Dc, [
-            e.headline ? (i(), _(Fe, {
+            e.headline ? (i(), _(De, {
               key: 0,
               is: "h2",
               class: "onyx-mobile-nav-button__headline"
@@ -6661,7 +6681,7 @@ const Ei = (n, t) => {
 }), Fc = { class: "onyx-modal__header" }, Pc = { class: "onyx-modal__headline" }, Uc = { class: "onyx-modal__headline-content" }, Hc = ["id"], Gc = { class: "onyx-modal__body" }, qc = {
   key: 0,
   class: "onyx-modal__footer"
-}, pa = /* @__PURE__ */ A({
+}, da = /* @__PURE__ */ A({
   __name: "OnyxModal",
   props: {
     density: {},
@@ -6673,7 +6693,7 @@ const Ei = (n, t) => {
   emits: ["update:open"],
   setup(n, { emit: t }) {
     const e = n, o = t, a = ce(), { t: s } = q(), { densityClass: r } = F(e), u = pe(), c = m(() => !!a.description);
-    return (d, p) => (i(), _(wn, E(e, {
+    return (d, p) => (i(), _(kn, E(e, {
       modal: "",
       class: ["onyx-modal", l(r)],
       "aria-describedby": c.value ? l(u) : void 0,
@@ -6686,7 +6706,7 @@ const Ei = (n, t) => {
               C(d.$slots, "headline", {
                 label: e.label
               }, () => [
-                B(Fe, { is: "h2" }, {
+                B(De, { is: "h2" }, {
                   default: S(() => [
                     W(
                       T(e.label),
@@ -6699,11 +6719,11 @@ const Ei = (n, t) => {
                 })
               ])
             ]),
-            e.nonDismissible ? k("v-if", !0) : (i(), _(we, {
+            e.nonDismissible ? k("v-if", !0) : (i(), _(ke, {
               key: 0,
               class: "onyx-alert-dialog__close",
               label: l(s)("dialog.close"),
-              icon: l(De),
+              icon: l(ze),
               onClick: p[0] || (p[0] = (v) => o("update:open", !1))
             }, null, 8, ["label", "icon"]))
           ]),
@@ -6738,7 +6758,7 @@ const Ei = (n, t) => {
     label: {}
   },
   setup(n) {
-    const t = n, { t: e } = q(), o = m(() => t.label ?? e.value("navigation.goToHome")), a = m(() => Ze(t.link));
+    const t = n, { t: e } = q(), o = m(() => t.label ?? e.value("navigation.goToHome")), a = m(() => Xe(t.link));
     return (s, r) => (i(), _(it, E(a.value, {
       class: "onyx-component onyx-nav-app-area",
       "aria-label": o.value
@@ -6769,7 +6789,7 @@ const Ei = (n, t) => {
 }), Yc = ["id"], Jc = ["autofocus", "value", "checked", "aria-label"], Zc = { class: "onyx-select-dialog__label" }, Xc = {
   key: 0,
   class: "onyx-text--small"
-}, ma = /* @__PURE__ */ A({
+}, pa = /* @__PURE__ */ A({
   __name: "OnyxSelectDialog",
   props: {
     open: { type: [Boolean, null], default: !1 },
@@ -6781,14 +6801,14 @@ const Ei = (n, t) => {
   emits: ["update:modelValue", "update:open"],
   setup(n, { emit: t }) {
     const e = n, o = t, a = ce(), s = V();
-    Ie(() => s.value = e.modelValue);
+    Te(() => s.value = e.modelValue);
     const { t: r } = q(), u = pe(), c = (p) => {
       const v = p.target;
       s.value = v.value;
     }, d = () => {
       s.value && (o("update:modelValue", s.value), o("update:open", !1));
     };
-    return (p, v) => (i(), _(pa, E(e, {
+    return (p, v) => (i(), _(da, E(e, {
       open: e.open,
       class: "onyx-select-dialog",
       label: e.label,
@@ -6817,7 +6837,7 @@ const Ei = (n, t) => {
         y("form", {
           id: l(u),
           class: "onyx-select-dialog__form",
-          onSubmit: Me(d, ["prevent"])
+          onSubmit: Ae(d, ["prevent"])
         }, [
           y(
             "fieldset",
@@ -6833,7 +6853,7 @@ const Ei = (n, t) => {
                   key: b.value
                 }, [
                   B(
-                    Un,
+                    Pn,
                     { class: "onyx-select-dialog__option" },
                     {
                       default: S(() => [
@@ -6844,7 +6864,7 @@ const Ei = (n, t) => {
                         }, null, 8, ["icon"])) : k("v-if", !0),
                         y("div", null, [
                           B(
-                            Ke,
+                            qe,
                             { is: "div" },
                             {
                               default: S(() => [
@@ -6937,7 +6957,7 @@ const Ei = (n, t) => {
         description: a.value("colorScheme.dark.description")
       }
     ]);
-    return (r, u) => (i(), _(ma, E({ class: "onyx-color-scheme-dialog" }, e, {
+    return (r, u) => (i(), _(pa, E({ class: "onyx-color-scheme-dialog" }, e, {
       label: l(a)("colorScheme.headline"),
       options: s.value,
       open: e.open,
@@ -6963,7 +6983,7 @@ const Ei = (n, t) => {
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
     const e = n, o = t, { t: a } = q(), s = V(!1);
-    return (r, u) => (i(), _(Ne, {
+    return (r, u) => (i(), _(Ve, {
       class: "onyx-component onyx-color-scheme-menu-item",
       onClick: u[2] || (u[2] = (c) => s.value = !0)
     }, {
@@ -7005,7 +7025,7 @@ const Ei = (n, t) => {
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
     const e = n, o = t, { t: a } = q(), s = V(!1), r = m(() => e.options.find(({ value: u }) => u === e.modelValue)?.label ?? e.modelValue);
-    return (u, c) => (i(), _(Ne, {
+    return (u, c) => (i(), _(Ve, {
       class: "onyx-component onyx-language-menu-item",
       onClick: c[2] || (c[2] = (d) => s.value = !0)
     }, {
@@ -7026,7 +7046,7 @@ const Ei = (n, t) => {
           )
         ]),
         (i(), _(st, { to: "body" }, [
-          B(l(ma), {
+          B(l(pa), {
             open: s.value,
             "onUpdate:open": c[0] || (c[0] = (d) => s.value = d),
             "model-value": e.modelValue,
@@ -7063,7 +7083,7 @@ const Ei = (n, t) => {
   },
   setup(n) {
     const t = n, e = ce(), o = m(() => !!e.children);
-    return (a, s) => (i(), _(Ne, E(t, {
+    return (a, s) => (i(), _(Ve, E(t, {
       link: o.value && t.context !== "navbar" ? void 0 : t.link,
       class: {
         "onyx-nav-item": !0,
@@ -7108,11 +7128,11 @@ const Ei = (n, t) => {
       key: "open",
       default: !1
     }), { restAttrs: u, rootAttrs: c } = ge(), d = m(() => !!a.children), { isActive: p } = rt(), v = m(() => e.active !== "auto" ? e.active : p.value(e.link)), b = ve(
-      Ft,
+      Dt,
       m(() => !1)
-    ), h = ve(da, void 0), g = ve(Zo, !0);
-    Re(Zo, !1);
-    const { componentRef: $, isVisible: x } = g ? Nn(ua) : { isVisible: ie(!0) };
+    ), h = ve(ua, void 0), g = ve(Jo, !0);
+    Re(Jo, !1);
+    const { componentRef: $, isVisible: x } = g ? Vn(ca) : { isVisible: se(!0) };
     return (w, M) => (i(), f(
       G,
       null,
@@ -7133,7 +7153,7 @@ const Ei = (n, t) => {
                 label: l(s)("back"),
                 mode: "plain",
                 color: "neutral",
-                icon: l(ln),
+                icon: l(an),
                 onClick: M[0] || (M[0] = (O) => r.value = !1)
               }, null, 8, ["label", "icon"]),
               e.link ? (i(), f(
@@ -7150,7 +7170,7 @@ const Ei = (n, t) => {
                     _: 3
                     /* FORWARDED */
                   }, 16, ["active"]),
-                  B(It)
+                  B(Tt)
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -7180,7 +7200,7 @@ const Ei = (n, t) => {
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["active"])) : l(g) && d.value && l(x) ? (i(), _(je, E({ key: 2 }, l(c), {
+        ]), 1040, ["active"])) : l(g) && d.value && l(x) ? (i(), _(Ke, E({ key: 2 }, l(c), {
           label: l(s)("navItemOptionsLabel", { label: e.label })
         }), {
           button: S(({ trigger: O }) => [
@@ -7283,7 +7303,7 @@ const Ei = (n, t) => {
     /**
      * Time (in milliseconds) that the timer has left.
      */
-    timeLeft: Et(e),
+    timeLeft: Ct(e),
     /**
      * Whether the timer is ended.
      */
@@ -7292,15 +7312,15 @@ const Ei = (n, t) => {
 }, jt = (n) => {
   const t = n - Date.now();
   return Math.max(t, 0);
-}, ya = (n) => {
+}, ma = (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 };
 }, cu = (n, t) => {
-  const { hours: e, minutes: o, seconds: a } = ya(n), s = (c) => c.toString().padStart(2, "0");
+  const { hours: e, minutes: o, seconds: a } = ma(n), s = (c) => c.toString().padStart(2, "0");
   let r = "", u = Wt(t.formatToParts(n, "seconds"));
   return o > 0 && (u = Wt(t.formatToParts(n, "minutes"))), e > 0 && (u = Wt(t.formatToParts(n, "hours")), r = `${s(e)}:`), `${r}${s(o)}:${s(a)} ${u}`;
 }, Wt = (n) => n.at(-1)?.value.replace(".", "").trim() ?? "", uu = (n) => {
-  const { hours: t, minutes: e, seconds: o } = ya(n);
+  const { hours: t, minutes: e, seconds: o } = ma(n);
   return `PT${t}H${e}M${o}S`;
 }, du = ["aria-label"], pu = {
   key: 0,
@@ -7317,7 +7337,7 @@ const Ei = (n, t) => {
     const o = n, a = e, { locale: s } = q(), { timeLeft: r, isEnded: u } = iu(m(() => o.endTime)), c = m(
       () => new Intl.RelativeTimeFormat(s.value, { numeric: "always", style: "short" })
     ), d = m(() => cu(r.value, c.value));
-    return Ie(() => u.value && a("timerEnded")), t({
+    return Te(() => u.value && a("timerEnded")), t({
       /**
        * Time (in milliseconds) that the timer has left.
        */
@@ -7376,7 +7396,7 @@ const Ei = (n, t) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (i(), _(je, {
+      )) : (i(), _(Ke, {
         key: 1,
         open: l(s),
         "onUpdate:open": c[0] || (c[0] = (d) => Ee(s) ? s.value = d : null),
@@ -7428,7 +7448,7 @@ const Ei = (n, t) => {
       key: "flyoutOpen",
       default: !1
     }), r = m(() => typeof e.avatar == "object" ? e.avatar : { src: e.avatar, fullName: e.fullName }), u = ve(
-      Ft,
+      Dt,
       m(() => !1)
     );
     return (c, d) => (i(), _(vu, {
@@ -7447,7 +7467,7 @@ const Ei = (n, t) => {
           }, p),
           [
             B(
-              Mt,
+              At,
               E(r.value, { size: "24px" }),
               null,
               16
@@ -7468,7 +7488,7 @@ const Ei = (n, t) => {
       header: S(() => [
         y("div", bu, [
           B(
-            Mt,
+            At,
             E(r.value, { size: "48px" }),
             null,
             16
@@ -7532,10 +7552,10 @@ const Ei = (n, t) => {
   },
   emits: ["navigateBack"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, a = e, s = ce(), r = J("navBarRef"), { width: u } = He(r), { t: c } = q(), { currentRoute: d } = rt(), {
+    const o = n, a = e, s = ce(), r = J("navBarRef"), { width: u } = Ue(r), { t: c } = q(), { currentRoute: d } = rt(), {
       elements: { nav: p }
-    } = _s({ navigationName: ie(() => o.appName) }), v = V(!1), b = V(!1), h = (x, w) => w !== 0 && w < x, g = m(() => typeof o.mobile == "number" ? h(o.mobile, u.value) : typeof o.mobile == "string" ? h(Ot[o.mobile], u.value) : o.mobile);
-    Re(Ft, g), Re(da, J("moreListRef"));
+    } = _s({ navigationName: se(() => o.appName) }), v = V(!1), b = V(!1), h = (x, w) => w !== 0 && w < x, g = m(() => typeof o.mobile == "number" ? h(o.mobile, u.value) : typeof o.mobile == "string" ? h(Bt[o.mobile], u.value) : o.mobile);
+    Re(Dt, g), Re(ua, J("moreListRef"));
     const $ = () => {
       v.value = !1, b.value = !1;
     };
@@ -7581,7 +7601,7 @@ const Ei = (n, t) => {
             key: 2,
             class: "onyx-nav-bar__back",
             label: l(c)("navigation.goBack"),
-            icon: l(sn),
+            icon: l(ln),
             color: "neutral",
             onClick: w[0] || (w[0] = (M) => a("navigateBack", M))
           }, null, 8, ["label", "icon"])) : k("v-if", !0),
@@ -7589,7 +7609,7 @@ const Ei = (n, t) => {
             G,
             { key: 3 },
             [
-              g.value ? (i(), _(Xo, {
+              g.value ? (i(), _(Zo, {
                 key: 0,
                 open: v.value,
                 "onUpdate:open": [
@@ -7623,15 +7643,15 @@ const Ei = (n, t) => {
                   class: "onyx-nav-bar__nav"
                 }, l(p)),
                 [
-                  B(Pn, {
+                  B(Fn, {
                     is: "ul",
                     role: "menubar",
-                    "injection-key": l(ua)
+                    "injection-key": l(ca)
                   }, {
                     default: S(({ attributes: M }) => [
                       y(
                         "div",
-                        ze(Je(M)),
+                        Ne(Ze(M)),
                         [
                           C(x.$slots, "default")
                         ],
@@ -7640,7 +7660,7 @@ const Ei = (n, t) => {
                       )
                     ]),
                     more: S(({ attributes: M, hiddenElements: O }) => [
-                      B(je, E({
+                      B(Ke, E({
                         label: l(c)("navigation.showMoreNavItemsLabel")
                       }, M), {
                         button: S(({ trigger: L }) => [
@@ -7681,14 +7701,14 @@ const Ei = (n, t) => {
                 s.globalContextArea ? (i(), f("div", Ou, [
                   C(x.$slots, "globalContextArea")
                 ])) : k("v-if", !0),
-                s.contextArea ? (i(), _(Xo, {
+                s.contextArea ? (i(), _(Zo, {
                   key: 1,
                   open: b.value,
                   "onUpdate:open": [
                     w[3] || (w[3] = (M) => b.value = M),
                     w[4] || (w[4] = (M) => v.value = !1)
                   ],
-                  icon: l(un),
+                  icon: l(cn),
                   label: l(c)("navigation.toggleContextMenu")
                 }, {
                   default: S(() => [
@@ -7716,13 +7736,13 @@ const Ei = (n, t) => {
 }), Iu = (n) => {
   const { locale: t, t: e } = q(), o = m(() => new Intl.RelativeTimeFormat(t.value, l(n.options))), a = V(Date.now());
   let s;
-  Oe(() => {
+  Se(() => {
     s = setInterval(
       () => a.value = Date.now(),
       // run interval only every 10 seconds to not run too many intervals
       1e3 * 10
     );
-  }), Lt(() => clearInterval(s));
+  }), It(() => clearInterval(s));
   const r = m(() => {
     const v = new Date(l(n.time)).getTime() - a.value;
     return Math.floor(v / 1e3);
@@ -7769,8 +7789,8 @@ const Ei = (n, t) => {
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, e = ce(), { densityClass: o } = F(t), a = ne(t), { d: s, t: r } = q(), { timeAgo: u } = Iu({
-      time: ie(t, "createdAt"),
+    const t = n, e = ce(), { densityClass: o } = F(t), a = oe(t), { d: s, t: r } = q(), { timeAgo: u } = Iu({
+      time: se(t, "createdAt"),
       options: { numeric: "auto" }
     });
     return (c, d) => (i(), f(
@@ -7800,7 +7820,7 @@ const Ei = (n, t) => {
                   class: "onyx-notification-card__icon",
                   icon: t.icon
                 }, null, 8, ["icon"])) : k("v-if", !0),
-                B(Fe, { is: "h3" }, {
+                B(De, { is: "h3" }, {
                   default: S(() => [
                     W(
                       T(t.headline),
@@ -7813,11 +7833,11 @@ const Ei = (n, t) => {
                 })
               ]),
               y("div", zu, [
-                t.unread ? (i(), _(Nt, {
+                t.unread ? (i(), _(Vt, {
                   key: 0,
                   dot: ""
                 })) : k("v-if", !0),
-                e.headerActions ? (i(), _(je, {
+                e.headerActions ? (i(), _(Ke, {
                   key: 1,
                   class: "onyx-notification-card__more-actions",
                   label: l(r)("notificationCard.moreActions"),
@@ -7825,9 +7845,9 @@ const Ei = (n, t) => {
                   alignment: "right"
                 }, {
                   button: S(({ trigger: p }) => [
-                    B(we, E(p, {
+                    B(ke, E(p, {
                       label: l(r)("notificationCard.toggleActions"),
-                      icon: l(un)
+                      icon: l(cn)
                     }), null, 16, ["label", "icon"])
                   ]),
                   options: S(() => [
@@ -7877,7 +7897,7 @@ const Ei = (n, t) => {
     const t = n;
     return (e, o) => (i(), f("div", Uu, [
       C(e.$slots, "default"),
-      t.hidden ? k("v-if", !0) : (i(), _(Nt, {
+      t.hidden ? k("v-if", !0) : (i(), _(Vt, {
         key: 0,
         class: "onyx-notification-dot__badge",
         color: t.color,
@@ -7903,7 +7923,7 @@ const Ei = (n, t) => {
   },
   setup(n) {
     const t = n, e = ce();
-    return Rt(t), (o, a) => (i(), f(
+    return Lt(t), (o, a) => (i(), f(
       "div",
       {
         class: I(["onyx-component onyx-page", [
@@ -7952,7 +7972,7 @@ const Ei = (n, t) => {
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, { densityClass: e } = F(t), o = ne(t), a = m(() => t.status === "completed" || t.status === "visited" ? bt : t.status === "invalid" ? Wa : t.icon);
+    const t = n, { densityClass: e } = F(t), o = oe(t), a = m(() => t.status === "completed" || t.status === "visited" ? bt : t.status === "invalid" ? Wa : t.icon);
     return (s, r) => l(o) ? (i(), _(Z, {
       key: 0,
       class: I(["onyx-progress-item-skeleton", "onyx-text", l(e)])
@@ -8017,7 +8037,7 @@ const Ei = (n, t) => {
   },
   emits: ["update:modelValue", "update:highestValue"],
   setup(n, { emit: t }) {
-    const e = n, o = t, { densityClass: a } = F(e), s = ne(e), r = ae({
+    const e = n, o = t, { densityClass: a } = F(e), s = oe(e), r = ae({
       props: e,
       emit: o,
       key: "highestValue",
@@ -8074,7 +8094,7 @@ const Ei = (n, t) => {
                   _: 2
                   /* DYNAMIC */
                 }, 1040, ["onClick"]),
-                p.value < u.value.length ? (i(), _(It, {
+                p.value < u.value.length ? (i(), _(Tt, {
                   key: 0,
                   "aria-hidden": "true",
                   class: "onyx-progress-steps__separator",
@@ -8093,11 +8113,11 @@ const Ei = (n, t) => {
       /* CLASS */
     ));
   }
-}), Xu = ["required", "name", "value", "checked", "disabled", "autofocus"], Qo = /* @__PURE__ */ A({
+}), Xu = ["required", "name", "value", "checked", "disabled", "autofocus"], Xo = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "OnyxRadioButton",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     showError: {},
     autofocus: { type: Boolean },
     required: { type: Boolean, default: !1 },
@@ -8113,8 +8133,8 @@ const Ei = (n, t) => {
   },
   emits: ["validityChange"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, a = e, { rootAttrs: s, restAttrs: r } = ge(), { vCustomValidity: u, errorMessages: c } = Pe({ props: o, emit: a }), { densityClass: d } = F(o), { disabled: p } = be(o), v = ne(o), b = J("inputRef");
-    return t({ input: b }), Ae(b, o), (h, g) => l(v) ? (i(), f(
+    const o = n, a = e, { rootAttrs: s, restAttrs: r } = ge(), { vCustomValidity: u, errorMessages: c } = Fe({ props: o, emit: a }), { densityClass: d } = F(o), { disabled: p } = be(o), v = oe(o), b = J("inputRef");
+    return t({ input: b }), Oe(b, o), (h, g) => l(v) ? (i(), f(
       "div",
       E({
         key: 0,
@@ -8138,7 +8158,7 @@ const Ei = (n, t) => {
             class: I(["onyx-component", "onyx-radio-button", l(d)])
           },
           [
-            o.loading ? (i(), _(Le, {
+            o.loading ? (i(), _(Ie, {
               key: 0,
               class: "onyx-radio-button__loading",
               type: "circle"
@@ -8189,15 +8209,15 @@ const Ei = (n, t) => {
     density: {},
     error: {},
     required: { type: Boolean, default: !1 },
-    requiredMarker: { default: oe },
-    disabled: { type: [Boolean, Symbol], default: oe },
+    requiredMarker: { default: te },
+    disabled: { type: [Boolean, Symbol], default: te },
     options: {},
     modelValue: {},
     orientation: { default: "vertical" }
   },
   emits: ["validityChange", "update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, { densityClass: a } = F(o), { disabled: s, requiredMarker: r } = be(o), { requiredMarkerClass: u, requiredTypeClass: c } = zt(o, r), d = ne(o), p = e, v = ae({
+    const o = n, { densityClass: a } = F(o), { disabled: s, requiredMarker: r } = be(o), { requiredMarkerClass: u, requiredTypeClass: c } = Nt(o, r), d = oe(o), p = e, v = ae({
       props: o,
       emit: p,
       key: "modelValue"
@@ -8213,7 +8233,7 @@ const Ei = (n, t) => {
       "aria-label": o.label
     }, [
       o.hideLabel ? k("v-if", !0) : (i(), f("legend", ed, [
-        B(Fe, {
+        B(De, {
           is: "h3",
           class: I(l(u))
         }, {
@@ -8227,7 +8247,7 @@ const Ei = (n, t) => {
           _: 1
           /* STABLE */
         }, 8, ["class"]),
-        o.labelTooltip ? (i(), _(Dt, {
+        o.labelTooltip ? (i(), _(zt, {
           key: 0,
           trigger: "hover",
           text: o.labelTooltip
@@ -8242,7 +8262,7 @@ const Ei = (n, t) => {
           l(d) ? typeof l(d) == "number" ? (i(!0), f(
             G,
             { key: 1 },
-            de(l(d), (x) => (i(), _(Qo, {
+            de(l(d), (x) => (i(), _(Xo, {
               id: `skeleton-${x}`,
               key: x,
               value: `skeleton-${x}`,
@@ -8255,7 +8275,7 @@ const Ei = (n, t) => {
           )) : k("v-if", !0) : (i(!0), f(
             G,
             { key: 0 },
-            de(o.options, (x, w) => (i(), _(Qo, E({
+            de(o.options, (x, w) => (i(), _(Xo, E({
               key: x.value.toString()
             }, { ref_for: !0 }, x, {
               ref_for: !0,
@@ -8288,7 +8308,7 @@ const Ei = (n, t) => {
     label: {},
     hideLabel: { type: Boolean },
     autofocus: { type: Boolean },
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     icon: {},
     name: {},
     density: {},
@@ -8296,7 +8316,7 @@ const Ei = (n, t) => {
   },
   setup(n) {
     const t = n, { densityClass: e } = F(t), { disabled: o } = be(t), a = J("inputRef");
-    Ae(a, t);
+    Oe(a, t);
     const { rootAttrs: s, restAttrs: r } = ge();
     return (u, c) => (i(), f(
       "div",
@@ -8304,7 +8324,7 @@ const Ei = (n, t) => {
         class: ["onyx-component", "onyx-segmented-control-element", l(e)]
       }),
       [
-        B(Ke, null, {
+        B(qe, null, {
           default: S(() => [
             y("input", E(l(r), {
               id: t.value.toString(),
@@ -8355,7 +8375,7 @@ const Ei = (n, t) => {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = ne(e), { densityClass: s } = F(e), r = ae({
+    const e = n, o = t, a = oe(e), { densityClass: s } = F(e), r = ae({
       props: e,
       emit: o,
       key: "modelValue"
@@ -8398,7 +8418,7 @@ const Ei = (n, t) => {
     active: { type: [Boolean, String], default: "auto" }
   },
   setup(n) {
-    const t = n, { densityClass: e } = F(t), { isActive: o } = rt(), a = m(() => typeof t.active == "boolean" ? t.active : o.value(t.link)), s = m(() => t.link ? Ze(t.link) : void 0), r = m(() => [
+    const t = n, { densityClass: e } = F(t), { isActive: o } = rt(), a = m(() => typeof t.active == "boolean" ? t.active : o.value(t.link)), s = m(() => t.link ? Xe(t.link) : void 0), r = m(() => [
       "onyx-component",
       "onyx-sidebar-item",
       e.value,
@@ -8445,7 +8465,7 @@ const Ei = (n, t) => {
   },
   emits: ["close"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = ce(), { densityClass: s } = F(e), r = In(), u = J("sidebarRef"), c = J("modalRef"), d = V(), p = m(() => {
+    const e = n, o = t, a = ce(), { densityClass: s } = F(e), r = Tn(), u = J("sidebarRef"), c = J("modalRef"), d = V(), p = m(() => {
       if (d.value)
         return { "--onyx-sidebar-width": `${d.value}px` };
     }), v = m(
@@ -8454,9 +8474,9 @@ const Ei = (n, t) => {
         onAutoSize: () => d.value = void 0,
         alignment: e.alignment === "left" ? "right" : "left"
       })
-    ), { width: b } = He(), h = m(() => {
+    ), { width: b } = Ue(), h = m(() => {
       if (!e.collapseSidebar || b.value === 0) return !1;
-      const w = typeof e.collapseSidebar == "number" ? e.collapseSidebar : Ot[e.collapseSidebar];
+      const w = typeof e.collapseSidebar == "number" ? e.collapseSidebar : Bt[e.collapseSidebar];
       return b.value <= w;
     }), g = V(!1), $ = m({
       get: () => typeof e.temporary?.open == "boolean" ? e.temporary.open : g.value,
@@ -8489,7 +8509,7 @@ const Ei = (n, t) => {
         );
       },
       { immediate: !0 }
-    ), Lt(() => {
+    ), It(() => {
       r.remove(x);
     }), (w, M) => !e.temporary && !h.value ? (i(), f("aside", {
       key: 0,
@@ -8502,7 +8522,7 @@ const Ei = (n, t) => {
         { "onyx-sidebar--right": e.alignment === "right" }
       ]),
       "aria-label": e.label,
-      style: Te(p.value)
+      style: Me(p.value)
     }, [
       a.header ? (i(), f("header", dd, [
         C(w.$slots, "header")
@@ -8517,7 +8537,7 @@ const Ei = (n, t) => {
         key: 2,
         element: u.value
       }, v.value), null, 16, ["element"])) : k("v-if", !0)
-    ], 14, ud)) : (i(), _(pa, E({ key: 1 }, e.temporary, {
+    ], 14, ud)) : (i(), _(da, E({ key: 1 }, e.temporary, {
       ref: "modalRef",
       open: $.value,
       "onUpdate:open": M[0] || (M[0] = (O) => $.value = O),
@@ -8576,8 +8596,8 @@ const Ei = (n, t) => {
   inheritAttrs: !1,
   __name: "OnyxStepper",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
-    showError: { default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
+    showError: { default: te },
     requiredMarker: {},
     required: { type: Boolean },
     density: {},
@@ -8606,20 +8626,20 @@ const Ei = (n, t) => {
   },
   emits: ["validityChange", "update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, a = e, { t: s, locale: r } = q(), u = J("inputRef"), { disabled: c, showError: d } = be(o), p = ne(o), v = _t(d), { densityClass: b } = F(o), { vCustomValidity: h, errorMessages: g } = Pe({ props: o, emit: a }), $ = m(() => Be(o.success)), x = m(() => Be(o.message)), { rootAttrs: w, restAttrs: M } = ge(), O = V(!1), L = ae({
+    const o = n, a = e, { t: s, locale: r } = q(), u = J("inputRef"), { disabled: c, showError: d } = be(o), p = oe(o), v = _t(d), { densityClass: b } = F(o), { vCustomValidity: h, errorMessages: g } = Fe({ props: o, emit: a }), $ = m(() => Be(o.success)), x = m(() => Be(o.message)), { rootAttrs: w, restAttrs: M } = ge(), O = V(!1), L = ae({
       props: o,
       emit: a,
       key: "modelValue"
-    }), N = V(), K = m(() => X.value(L.value)), U = m(() => (H) => o.precision !== void 0 && H != null ? Go(H, o.precision) : H?.toString() ?? ""), X = m(() => (H) => H == null || Number.isNaN(H) ? "" : o.formatNumber ? typeof o.formatNumber == "boolean" ? o.precision ? H.toLocaleString(r.value, {
+    }), N = V(), K = m(() => X.value(L.value)), U = m(() => (H) => o.precision !== void 0 && H != null ? Ho(H, o.precision) : H?.toString() ?? ""), X = m(() => (H) => H == null || Number.isNaN(H) ? "" : o.formatNumber ? typeof o.formatNumber == "boolean" ? o.precision ? H.toLocaleString(r.value, {
       minimumFractionDigits: o.precision,
       maximumFractionDigits: o.precision
-    }) : H.toLocaleString(r.value) : o.formatNumber(H) : o.precision ? Go(H, o.precision) : String(H));
-    Ie(() => {
+    }) : H.toLocaleString(r.value) : o.formatNumber(H) : o.precision ? Ho(H, o.precision) : String(H));
+    Te(() => {
       N.value = U.value(L.value);
     });
     const ue = (H) => {
       O.value = !0;
-      const R = L.value || 0, Se = (H === "stepUp" ? 1 : -1) * o.stepSize, he = parseFloat(U.value(R + Se));
+      const R = L.value || 0, we = (H === "stepUp" ? 1 : -1) * o.stepSize, he = parseFloat(U.value(R + we));
       L.value = So(he, o.min, o.max);
     }, P = () => {
       if (O.value = !0, N.value == null) {
@@ -8627,8 +8647,8 @@ const Ei = (n, t) => {
         return;
       }
       N.value = U.value(parseFloat(N.value)), L.value = parseFloat(N.value);
-    }, D = m(() => s.value("stepper.increment", { stepSize: o.stepSize })), te = m(() => s.value("stepper.decrement", { stepSize: o.stepSize }));
-    return t({ input: u }), Ae(u, o), (H, R) => l(p) ? (i(), f(
+    }, D = m(() => s.value("stepper.increment", { stepSize: o.stepSize })), ne = m(() => s.value("stepper.decrement", { stepSize: o.stepSize }));
+    return t({ input: u }), Oe(u, o), (H, R) => l(p) ? (i(), f(
       "div",
       E({
         key: 0,
@@ -8655,26 +8675,26 @@ const Ei = (n, t) => {
           "success-messages": $.value,
           "error-messages": l(g)
         }), {
-          default: S(({ id: Se }) => [
+          default: S(({ id: we }) => [
             y("div", fd, [
               o.hideButtons ? k("v-if", !0) : (i(), f("button", {
                 key: 0,
                 type: "button",
                 class: "onyx-stepper__counter",
                 disabled: l(c) || n.readonly || o.loading || o.min !== void 0 && l(L) !== void 0 && l(L) !== null && l(L) <= o.min,
-                "aria-label": te.value,
+                "aria-label": ne.value,
                 tabindex: "-1",
                 onClick: R[0] || (R[0] = (he) => ue("stepDown"))
               }, [
                 B(z, { icon: l(Ya) }, null, 8, ["icon"])
               ], 8, vd)),
-              o.loading ? (i(), _(Le, {
+              o.loading ? (i(), _(Ie, {
                 key: 1,
                 class: "onyx-stepper__loading",
                 type: "circle"
               })) : xe((i(), f("input", E({
                 key: 2,
-                id: Se,
+                id: we,
                 ref: "inputRef",
                 "onUpdate:modelValue": R[1] || (R[1] = (he) => N.value = he),
                 class: ["onyx-stepper__native", { "onyx-stepper__native--touched": O.value }],
@@ -8694,8 +8714,8 @@ const Ei = (n, t) => {
                 onChange: P,
                 onFocusin: R[2] || (R[2] = (he) => he.target?.select()),
                 onKeydown: [
-                  R[3] || (R[3] = Ao(Me((he) => ue("stepUp"), ["prevent"]), ["up"])),
-                  R[4] || (R[4] = Ao(Me((he) => ue("stepDown"), ["prevent"]), ["down"]))
+                  R[3] || (R[3] = Oo(Ae((he) => ue("stepUp"), ["prevent"]), ["up"])),
+                  R[4] || (R[4] = Oo(Ae((he) => ue("stepDown"), ["prevent"]), ["down"]))
                 ]
               }), null, 16, hd)), [
                 [co, N.value],
@@ -8733,9 +8753,9 @@ const Ei = (n, t) => {
   inheritAttrs: !1,
   __name: "OnyxSwitch",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
-    showError: { default: oe },
-    requiredMarker: { default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
+    showError: { default: te },
+    requiredMarker: { default: te },
     autofocus: { type: Boolean },
     required: { type: Boolean },
     density: {},
@@ -8749,15 +8769,15 @@ const Ei = (n, t) => {
   },
   emits: ["update:modelValue", "validityChange"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, a = e, { rootAttrs: s, restAttrs: r } = ge(), { densityClass: u } = F(o), { disabled: c, showError: d, requiredMarker: p } = be(o), { requiredMarkerClass: v, requiredTypeClass: b } = zt(o, p), { vCustomValidity: h, errorMessages: g } = Pe({ props: o, emit: a }), $ = m(
+    const o = n, a = e, { rootAttrs: s, restAttrs: r } = ge(), { densityClass: u } = F(o), { disabled: c, showError: d, requiredMarker: p } = be(o), { requiredMarkerClass: v, requiredTypeClass: b } = Nt(o, p), { vCustomValidity: h, errorMessages: g } = Fe({ props: o, emit: a }), $ = m(
       () => d.value !== !1 ? g.value : void 0
-    ), x = m(() => o.hideLabel && o.label || void 0), w = ne(o), M = ae({
+    ), x = m(() => o.hideLabel && o.label || void 0), w = oe(o), M = ae({
       props: o,
       emit: a,
       key: "modelValue",
       default: !1
     }), O = J("inputRef");
-    return t({ input: O }), Ae(O, o), (L, N) => l(w) ? (i(), f(
+    return t({ input: O }), Oe(O, o), (L, N) => l(w) ? (i(), f(
       "div",
       E({
         key: 0,
@@ -8795,19 +8815,19 @@ const Ei = (n, t) => {
             required: o.required,
             autofocus: o.autofocus
           }, l(r)), null, 16, wd), [
-            [en, l(M)],
+            [Qo, l(M)],
             [l(h)]
           ]),
           y("span", Sd, [
             y("span", $d, [
               y("span", Cd, [
-                o.loading ? (i(), _(Le, {
+                o.loading ? (i(), _(Ie, {
                   key: 0,
                   class: "onyx-switch__spinner",
                   type: "circle"
                 })) : (i(), _(z, {
                   key: 1,
-                  icon: l(M) ? l(bt) : l(De)
+                  icon: l(M) ? l(bt) : l(ze)
                 }, null, 8, ["icon"]))
               ]),
               N[1] || (N[1] = y(
@@ -8849,7 +8869,7 @@ const Ei = (n, t) => {
       /* STABLE */
     }, 16, ["disabled", "error-messages"]));
   }
-}), em = ["intense", "soft", "medium"], fa = Symbol(), Bd = ["disabled"], Od = { class: "onyx-tab__label" }, tm = /* @__PURE__ */ A({
+}), em = ["intense", "soft", "medium"], ya = Symbol(), Bd = ["disabled"], Od = { class: "onyx-tab__label" }, tm = /* @__PURE__ */ A({
   __name: "OnyxTab",
   props: {
     density: {},
@@ -8859,7 +8879,7 @@ const Ei = (n, t) => {
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, { densityClass: e } = F(t), o = ve(fa, void 0), a = ne(t), s = m(() => `onyx-tab--${o?.size.value}`), r = m(
+    const t = n, { densityClass: e } = F(t), o = ve(ya, void 0), a = oe(t), s = m(() => `onyx-tab--${o?.size.value}`), r = m(
       () => o?.headless.elements.tab.value({
         value: t.value,
         disabled: t.disabled || !!a.value
@@ -8932,14 +8952,14 @@ const Ei = (n, t) => {
       emit: o,
       key: "modelValue"
     }), r = xs({
-      label: ie(e, "label"),
-      selectedTab: ie(() => s.value),
+      label: se(e, "label"),
+      selectedTab: se(() => s.value),
       onSelect: (c) => s.value = c
     }), u = J("panelRef");
-    return Rt(e), Re(fa, {
+    return Lt(e), Re(ya, {
       headless: r,
       panel: u,
-      size: ie(e, "size")
+      size: se(e, "size")
     }), (c, d) => (i(), f(
       "div",
       {
@@ -8977,7 +8997,7 @@ const Ei = (n, t) => {
     skeleton: { type: [Symbol, Boolean, Number], default: ee }
   },
   setup(n) {
-    const t = n, { densityClass: e } = F(t), o = ne(t), a = m(() => [
+    const t = n, { densityClass: e } = F(t), o = oe(t), a = m(() => [
       "onyx-component",
       "onyx-tag",
       `onyx-tag--${t.color}`,
@@ -9047,7 +9067,7 @@ const Ei = (n, t) => {
       /* CLASS */
     ));
   }
-}), Td = '<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>', va = () => {
+}), Td = '<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>', fa = () => {
   const { locale: n } = q();
   return {
     /**
@@ -9106,14 +9126,14 @@ const Ei = (n, t) => {
   },
   emits: ["validityChange"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = ce(), { densityClass: s } = F(e), { formatFileSize: r } = va(), u = ne(e), c = m(() => e.status?.color === "danger" ? e.status.text : void 0), { vCustomValidity: d } = Pe({ props: {}, emit: o, error: c }), p = m(() => {
+    const e = n, o = t, a = ce(), { densityClass: s } = F(e), { formatFileSize: r } = fa(), u = oe(e), c = m(() => e.status?.color === "danger" ? e.status.text : void 0), { vCustomValidity: d } = Fe({ props: {}, emit: o, error: c }), p = m(() => {
       if (e.link)
-        return Ze(e.link);
+        return Xe(e.link);
     });
     return (v, b) => l(u) ? (i(), _(Z, {
       key: 0,
       class: I(["onyx-file-card-skeleton", l(s)])
-    }, null, 8, ["class"])) : (i(), _(Un, {
+    }, null, 8, ["class"])) : (i(), _(Pn, {
       key: 1,
       class: I(["onyx-component", "onyx-file-card", l(s)])
     }, {
@@ -9208,7 +9228,7 @@ const Ei = (n, t) => {
                 "onyx-file-card__progress-bar",
                 `onyx-file-card__progress-bar--${e.status.color}`
               ]),
-              style: Te({ width: l(So)(e.status.progress, 0, 100) + "%" })
+              style: Me({ width: l(So)(e.status.progress, 0, 100) + "%" })
             },
             null,
             6
@@ -9264,7 +9284,7 @@ function Wd(n, t) {
     Ea('<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 am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
+const am = /* @__PURE__ */ Rt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
   __name: "OnyxFileUploadSVG",
   props: {
     disabled: { type: Boolean },
@@ -9364,14 +9384,14 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
     maxTotalSize: {},
     maxCount: {},
     replace: { type: Boolean },
-    disabled: { type: [Boolean, Symbol], default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
     size: { default: "large" },
     skeleton: { type: [Symbol, Boolean, Number], default: ee },
     listType: { default: "list" }
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = ne(e), { disabled: s } = be(e), { t: r } = q(), { densityClass: u } = F(e), { restAttrs: c, rootAttrs: d } = ge(), { formatFileSize: p } = va(), v = ae({
+    const e = n, o = t, a = oe(e), { disabled: s } = be(e), { t: r } = q(), { densityClass: u } = F(e), { restAttrs: c, rootAttrs: d } = ge(), { formatFileSize: p } = fa(), v = ae({
       props: e,
       emit: o,
       key: "modelValue"
@@ -9390,8 +9410,8 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
           }),
           color: "danger"
         };
-      const te = h.value.slice(0, D + 1).reduce((H, R) => H + R.size, 0);
-      if (e.maxTotalSize && te > ao(e.maxTotalSize))
+      const ne = h.value.slice(0, D + 1).reduce((H, R) => H + R.size, 0);
+      if (e.maxTotalSize && ne > ao(e.maxTotalSize))
         return {
           text: r.value("fileUpload.status.maxFileSizeError", {
             size: p.value(e.maxTotalSize)
@@ -9417,13 +9437,13 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
       e.multiple ? e.replace ? D = P.slice() : D = h.value.concat(P) : D = P[0], v.value = D;
     }, M = (P) => {
       if (e.multiple) {
-        const D = h.value.filter((te) => te !== P);
+        const D = h.value.filter((ne) => ne !== P);
         v.value = D;
       } else
         v.value = void 0;
     }, O = (P) => {
-      const D = P.target, te = Array.from(D.files ?? []);
-      w(te), D.value = "";
+      const D = P.target, ne = Array.from(D.files ?? []);
+      w(ne), D.value = "";
     }, L = m(() => e.size === "large" || (e.maxSize || e.maxTotalSize || e.maxCount || e.accept?.length) && e.size !== "small"), N = V(!1), K = (P) => {
       if (s.value) return;
       N.value = !1;
@@ -9457,11 +9477,11 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
           ]),
           disabled: l(s),
           onDragenter: U,
-          onDragleave: D[0] || (D[0] = (te) => N.value = !1),
-          onDragover: D[1] || (D[1] = Me(() => {
+          onDragleave: D[0] || (D[0] = (ne) => N.value = !1),
+          onDragover: D[1] || (D[1] = Ae(() => {
           }, ["prevent"])),
-          onDrop: Me(K, ["prevent"]),
-          onClick: D[2] || (D[2] = (te) => b.value?.click())
+          onDrop: Ae(K, ["prevent"]),
+          onClick: D[2] || (D[2] = (ne) => b.value?.click())
         }, [
           e.size === "large" ? (i(), _(l(Yd), {
             key: 0,
@@ -9563,11 +9583,11 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
           disabled: l(s),
           name: e.name
         }, l(c), { onChange: O }), null, 16, np),
-        e.listType === "button" && h.value.length ? (i(), _(we, {
+        e.listType === "button" && h.value.length ? (i(), _(ke, {
           key: 0,
           class: "onyx-file-upload__list-button",
           label: g.value ? l(r)("fileUpload.revealFilesButton") : l(r)("fileUpload.hideFilesButton"),
-          onClick: D[3] || (D[3] = (te) => g.value = !g.value)
+          onClick: D[3] || (D[3] = (ne) => g.value = !g.value)
         }, null, 8, ["label"])) : k("v-if", !0),
         ue.value ? (i(), f(
           "div",
@@ -9582,14 +9602,14 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
             (i(!0), f(
               G,
               null,
-              de(x.value, (te) => C(P.$slots, "default", {
-                key: te.props.filename,
-                file: te.file,
-                props: te.props
+              de(x.value, (ne) => C(P.$slots, "default", {
+                key: ne.props.filename,
+                file: ne.file,
+                props: ne.props
               }, () => [
                 B(
                   Gd,
-                  E({ ref_for: !0 }, te.props),
+                  E({ ref_for: !0 }, ne.props),
                   {
                     actions: S(() => [
                       B(Co, {
@@ -9597,7 +9617,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
                         icon: l(pl),
                         label: l(r)("fileUpload.removeFile"),
                         disabled: l(s),
-                        onClick: (H) => M(te.file)
+                        onClick: (H) => M(ne.file)
                       }, null, 8, ["icon", "label", "disabled", "onClick"])
                     ]),
                     _: 2
@@ -9637,9 +9657,9 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
       default: !1
     }), r = m(
       () => s.value ? a.value("filterTag.clickToRemove", { label: e.label }) : a.value("filterTag.clickToAdd", { label: e.label })
-    ), u = ne(e);
+    ), u = oe(e);
     return (c, d) => (i(), _(tt, E(e, {
-      clickable: { label: r.value, actionIcon: l(s) ? l(De) : void 0 },
+      clickable: { label: r.value, actionIcon: l(s) ? l(ze) : void 0 },
       class: "onyx-filter-tag",
       skeleton: l(u),
       onClick: d[0] || (d[0] = (p) => s.value = !l(s))
@@ -9649,9 +9669,9 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "OnyxTextarea",
   props: {
-    disabled: { type: [Boolean, Symbol], default: oe },
-    showError: { default: oe },
-    requiredMarker: { default: oe },
+    disabled: { type: [Boolean, Symbol], default: te },
+    showError: { default: te },
+    requiredMarker: { default: te },
     required: { type: Boolean, default: !1 },
     density: {},
     error: {},
@@ -9671,6 +9691,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
     minlength: {},
     autocapitalize: { default: "sentences" },
     modelValue: {},
+    showPassword: { type: Boolean },
     autosize: {},
     disableManualResize: { type: Boolean, default: !1 }
   },
@@ -9681,15 +9702,15 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
       emit: a,
       key: "modelValue",
       default: ""
-    }), { rootAttrs: r, restAttrs: u } = ge(), { maxLength: c, maxLengthError: d } = ca({ props: o, modelValue: s }), p = m(() => o.error ?? d.value), { vCustomValidity: v, errorMessages: b } = Pe({ props: o, emit: a, error: p }), { densityClass: h } = F(o), g = m(() => Be(o.success)), $ = m(() => Be(o.message)), x = m(() => {
+    }), { rootAttrs: r, restAttrs: u } = ge(), { maxLength: c, maxLengthError: d } = ia({ props: o, modelValue: s }), p = m(() => o.error ?? d.value), { vCustomValidity: v, errorMessages: b } = Fe({ props: o, emit: a, error: p }), { densityClass: h } = F(o), g = m(() => Be(o.success)), $ = m(() => Be(o.message)), x = m(() => {
       if (!o.autosize) return;
       const U = o.autosize.min ? Math.max(o.autosize.min, 2) : void 0, X = o.autosize.max;
       return [U ? `--min-autosize-rows: ${U}` : "", `--max-autosize-rows: ${X ?? "unset"}`];
     }), w = (U) => {
       const X = U.target;
       X.parentElement?.setAttribute("data-autosize-value", X.value);
-    }, { disabled: M, showError: O } = be(o), L = ne(o), N = _t(O), K = J("inputRef");
-    return t({ input: K }), Ae(K, o), (U, X) => l(L) ? (i(), f(
+    }, { disabled: M, showError: O } = be(o), L = oe(o), N = _t(O), K = J("inputRef");
+    return t({ input: K }), Oe(K, o), (U, X) => l(L) ? (i(), f(
       "div",
       E({
         key: 0,
@@ -9791,12 +9812,12 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
         },
         [
           y("div", cp, [
-            B(sa, {
+            B(la, {
               modelValue: s.value.pagination,
               "onUpdate:modelValue": c[0] || (c[0] = (d) => s.value.pagination = d),
               pages: 6
             }, null, 8, ["modelValue"]),
-            B(la, {
+            B(aa, {
               modelValue: s.value.select,
               "onUpdate:modelValue": c[1] || (c[1] = (d) => s.value.select = d),
               class: "showcase__select",
@@ -9814,7 +9835,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
               label: "Dark mode"
             }, null, 8, ["modelValue"])
           ]),
-          B(jn, {
+          B(Kn, {
             class: "grid--table",
             striped: ""
           }, {
@@ -9930,14 +9951,14 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
             placeholder: "Enter free text here",
             autosize: { min: 7, max: 14 }
           }, null, 8, ["modelValue"]),
-          B(Rn, {
+          B(Ln, {
             class: "grid--toast",
             headline: "Toast notification",
             description: "Description",
             duration: 0
           }),
           y("div", up, [
-            B(Nt, null, {
+            B(Vt, null, {
               default: S(() => [...c[15] || (c[15] = [
                 W(
                   "Badge",
@@ -9966,7 +9987,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
               color: "success"
             })
           ]),
-          B(Ho, {
+          B(Uo, {
             modelValue: s.value.checkboxGroup,
             "onUpdate:modelValue": c[4] || (c[4] = (d) => s.value.checkboxGroup = d),
             class: "grid--checkboxes",
@@ -9981,7 +10002,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
                 (i(), f(
                   G,
                   null,
-                  de(r, (d) => B(Mt, {
+                  de(r, (d) => B(At, {
                     key: d.name,
                     "full-name": d.name,
                     src: d.avatar,
@@ -9990,7 +10011,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
                   64
                   /* STABLE_FRAGMENT */
                 )),
-                B(Mt, {
+                B(At, {
                   "full-name": "Three others",
                   initials: "+3",
                   size: "32px"
@@ -10043,7 +10064,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
               -1
               /* CACHED */
             )),
-            B(Ho, {
+            B(Uo, {
               label: "Checkbox group (skeleton)",
               "hide-label": "",
               orientation: "horizontal",
@@ -10076,7 +10097,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
                   )
                 ])]),
                 default: S(() => [
-                  B(Ne, null, {
+                  B(Ve, null, {
                     default: S(() => [
                       B(z, { icon: l(fl) }, null, 8, ["icon"]),
                       c[17] || (c[17] = W(
@@ -10092,7 +10113,7 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
                     "model-value": t.value ? "dark" : "light",
                     "onUpdate:modelValue": c[7] || (c[7] = (d) => t.value = d === "dark")
                   }, null, 8, ["model-value"]),
-                  B(Ne, { color: "danger" }, {
+                  B(Ve, { color: "danger" }, {
                     default: S(() => [
                       B(z, { icon: l(vl) }, null, 8, ["icon"]),
                       c[18] || (c[18] = W(
@@ -10136,8 +10157,8 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
       )
     ]));
   }
-}), rm = /* @__PURE__ */ Vt(yp, [["__scopeId", "data-v-c46b11f7"]]), im = (n) => {
-  Oe(() => {
+}), rm = /* @__PURE__ */ Rt(yp, [["__scopeId", "data-v-c46b11f7"]]), im = (n) => {
+  Se(() => {
     Y([n], () => {
       const t = document.documentElement, e = "onyx-transition-active", o = () => {
         t.classList.remove(e);
@@ -10149,9 +10170,9 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
   install: (t) => {
     is(t, n.i18n);
     const e = t.runWithContext(() => q());
-    t.provide(Vn, _r()), t.provide(Tn, qs()), t.provide(Ln, ur()), n.router && t.provide(Cn, n.router), t.mixin({
+    t.provide(Rn, _r()), t.provide(Mn, qs()), t.provide(In, ur()), n.router && t.provide($n, n.router), t.mixin({
       beforeMount: () => {
-        Ie(() => {
+        Te(() => {
           fp(e.t.value("optional"));
         });
       }
@@ -10161,48 +10182,48 @@ const am = /* @__PURE__ */ Vt(Kd, [["render", Wd]]), Yd = /* @__PURE__ */ A({
   globalThis.document?.body.style.setProperty("--onyx-global-optional-text", `"${n}"`);
 };
 export {
-  mn as ACCORDION_INJECTION_KEY,
+  pn as ACCORDION_INJECTION_KEY,
   gp as ACCORDION_TYPES,
-  zn as BREADCRUMB_MORE_LIST_INJECTION_KEY,
-  Dn as BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY,
+  Nn as BREADCRUMB_MORE_LIST_INJECTION_KEY,
+  zn as BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY,
   Cp as BUTTON_COLORS,
   Ep as BUTTON_MODES,
   $p as BUTTON_TYPES,
   bp as DENSITIES,
   Tp as DIALOG_ALIGNMENTS,
   Ap as DataGridFeatures,
-  Tt as DataGridRowOptionsSymbol,
-  Tn as GLOBAL_FAB_PROVIDER_INJECTION_KEY,
+  Mt as DataGridRowOptionsSymbol,
+  Mn as GLOBAL_FAB_PROVIDER_INJECTION_KEY,
   Rp as HEADLINE_TYPES,
   Vp as ICON_SIZES,
   zp as IMAGE_SHAPES,
   Dp as INPUT_TYPES,
   jp as LINK_TARGETS,
-  Ft as MOBILE_NAV_BAR_INJECTION_KEY,
+  Dt as MOBILE_NAV_BAR_INJECTION_KEY,
   Jp as MULTISELECT_TEXT_MODE,
-  Zo as NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY,
-  ua as NAV_BAR_MORE_LIST_INJECTION_KEY,
-  da as NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY,
-  Ln as NOTIFICATIONS_PROVIDER_INJECTION_KEY,
-  Ot as ONYX_BREAKPOINTS,
+  Jo as NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY,
+  ca as NAV_BAR_MORE_LIST_INJECTION_KEY,
+  ua as NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY,
+  In as NOTIFICATIONS_PROVIDER_INJECTION_KEY,
+  Bt as ONYX_BREAKPOINTS,
   cm as ONYX_COLORS,
   pm as ORIENTATIONS,
   _p as OnyxAccordion,
   xp as OnyxAccordionItem,
   kp as OnyxAlertModal,
   wp as OnyxAppLayout,
-  Mt as OnyxAvatar,
+  At as OnyxAvatar,
   Ar as OnyxAvatarStack,
-  Nt as OnyxBadge,
-  wn as OnyxBasicDialog,
+  Vt as OnyxBadge,
+  kn as OnyxBasicDialog,
   vo as OnyxBasicPopover,
   Lr as OnyxBottomBar,
   Sp as OnyxBreadcrumb,
-  Fo as OnyxBreadcrumbItem,
+  Do as OnyxBreadcrumbItem,
   lt as OnyxButton,
-  Un as OnyxCard,
+  Pn as OnyxCard,
   mt as OnyxCheckbox,
-  Ho as OnyxCheckboxGroup,
+  Uo as OnyxCheckboxGroup,
   ou as OnyxColorSchemeDialog,
   au as OnyxColorSchemeMenuItem,
   rm as OnyxComponentShowcase,
@@ -10210,10 +10231,10 @@ export {
   gi as OnyxDataGridRenderer,
   Mp as OnyxDatePicker,
   Ip as OnyxDialog,
-  Kn as OnyxEmpty,
+  qn as OnyxEmpty,
   am as OnyxErrorSVG,
-  Fn as OnyxExternalLinkIcon,
-  zo as OnyxFAB,
+  Dn as OnyxExternalLinkIcon,
+  No as OnyxFAB,
   to as OnyxFABButton,
   Gs as OnyxFABItem,
   Gd as OnyxFileCard,
@@ -10221,26 +10242,26 @@ export {
   lm as OnyxFileUpload,
   Yd as OnyxFileUploadSVG,
   sm as OnyxFilterTag,
-  je as OnyxFlyoutMenu,
+  Ke as OnyxFlyoutMenu,
   Lp as OnyxForm,
   xt as OnyxFormElement,
   Ks as OnyxGlobalFAB,
-  Fe as OnyxHeadline,
+  De as OnyxHeadline,
   z as OnyxIcon,
   Co as OnyxIconButton,
   Np as OnyxImage,
   ir as OnyxInfoCard,
-  Dt as OnyxInfoTooltip,
+  zt as OnyxInfoTooltip,
   Lc as OnyxInput,
   Fp as OnyxLanguageMenuItem,
   Rc as OnyxLink,
   ho as OnyxListItem,
-  Le as OnyxLoadingIndicator,
-  Ne as OnyxMenuItem,
-  Wn as OnyxMiniSearch,
-  Xo as OnyxMobileNavButton,
-  pa as OnyxModal,
-  Pn as OnyxMoreList,
+  Ie as OnyxLoadingIndicator,
+  Ve as OnyxMenuItem,
+  jn as OnyxMiniSearch,
+  Zo as OnyxMobileNavButton,
+  da as OnyxModal,
+  Fn as OnyxMoreList,
   Wc as OnyxNavAppArea,
   Tu as OnyxNavBar,
   pt as OnyxNavItem,
@@ -10250,46 +10271,46 @@ export {
   cr as OnyxNotificationMessage,
   mr as OnyxNotifications,
   Gp as OnyxPageLayout,
-  sa as OnyxPagination,
+  la as OnyxPagination,
   Ju as OnyxProgressItem,
   Kp as OnyxProgressSteps,
-  Qo as OnyxRadioButton,
+  Xo as OnyxRadioButton,
   td as OnyxRadioGroup,
   it as OnyxRouterLink,
   Wp as OnyxSegmentedControl,
   ld as OnyxSegmentedControlElement,
-  la as OnyxSelect,
-  ma as OnyxSelectDialog,
+  aa as OnyxSelect,
+  pa as OnyxSelectDialog,
   Fi as OnyxSelectInput,
-  qo as OnyxSelectOption,
-  It as OnyxSeparator,
+  Go as OnyxSelectOption,
+  Tt as OnyxSeparator,
   Xp as OnyxSidebar,
   Zp as OnyxSidebarItem,
   Z as OnyxSkeleton,
   _d as OnyxStepper,
   Ed as OnyxSwitch,
-  we as OnyxSystemButton,
+  ke as OnyxSystemButton,
   tm as OnyxTab,
-  jn as OnyxTable,
+  Kn as OnyxTable,
   om as OnyxTabs,
   tt as OnyxTag,
   sp as OnyxTextarea,
   Pp as OnyxTimer,
   wr as OnyxToast,
-  Rn as OnyxToastMessage,
+  Ln as OnyxToastMessage,
   ft as OnyxTooltip,
   wu as OnyxUserMenu,
-  Ke as OnyxVisuallyHidden,
+  qe as OnyxVisuallyHidden,
   qp as PROGRESS_ITEM_STATUS,
-  Cn as ROUTER_INJECTION_KEY,
+  $n as ROUTER_INJECTION_KEY,
   Yp as SELECT_ALIGNMENTS,
   Qp as SIDEBAR_ALIGNMENT,
   ee as SKELETON_INJECTED_SYMBOL,
   nm as SUPPORTED_FILE_TYPE_ICON_MEDIA_TYPES,
   em as SYSTEM_BUTTON_COLORS,
-  fa as TABS_INJECTION_KEY,
+  ya as TABS_INJECTION_KEY,
   um as TEXT_SIZES,
-  Vn as TOAST_PROVIDER_INJECTION_KEY,
+  Rn as TOAST_PROVIDER_INJECTION_KEY,
   dm as TRUNCATION_TYPES,
   Bp as createFeature,
   qs as createGlobalFABProvider,
@@ -10297,20 +10318,20 @@ export {
   mm as createOnyx,
   Ei as createTableColumnGroups,
   _r as createToastProvider,
-  Ze as extractLinkProps,
-  $n as isInternalLink,
-  Sn as normalizedIncludes,
+  Xe as extractLinkProps,
+  Sn as isInternalLink,
+  wn as normalizedIncludes,
   is as provideI18n,
-  Rt as provideSkeletonContext,
+  Lt as provideSkeletonContext,
   Bi as useDataGridFeatures,
   F as useDensity,
   ut as useFeatureContext,
-  va as useFileSize,
-  In as useGlobalFAB,
+  fa as useFileSize,
+  Tn as useGlobalFAB,
   rt as useLink,
   dr as useNotification,
-  aa as useScrollEnd,
-  ne as useSkeletonContext,
+  na as useScrollEnd,
+  oe as useSkeletonContext,
   im as useThemeTransition,
   xr as useToast
 };