sit-onyx 1.2.0-dev-20251015054546 → 1.2.0-dev-20251015133522

package/dist/index.js

@@ -1,5 +1,5 @@
-import { computed as m, provide as Ue, inject as be, toRef as ie, ref as D, watch as J, defineComponent as T, watchEffect as Le, toRefs as Nt, createElementBlock as f, openBlock as i, normalizeClass as R, unref as a, renderSlot as E, onMounted as Ce, createBlock as w, resolveDynamicComponent as Be, withCtx as $, createVNode as A, createElementVNode as y, withModifiers as Re, readonly as Mt, reactive as yo, onBeforeMount as Tt, onBeforeUnmount as kt, useId as me, toValue as F, nextTick as He, shallowRef as Ze, useTemplateRef as Q, createCommentVNode as S, createTextVNode as Y, toDisplayString as I, normalizeProps as Ne, mergeProps as O, Fragment as K, isProxy as $a, toRaw as Ca, useAttrs as Ea, customRef as Ba, onUnmounted as Vt, normalizeStyle as De, useSlots as ue, createSlots as xe, isRef as Me, renderList as ce, toHandlers as Oa, resolveComponent as Aa, withDirectives as Se, guardReactiveProps as Qe, vShow as Qt, Teleport as ut, vModelCheckbox as rn, vModelText as fo, h as re, vModelDynamic as cn, withKeys as Do, createStaticVNode as Ma, useModel as Ta } from "vue";
-import { iconChevronDownSmall as Ia, iconCircleAttention as vo, iconXSmall as We, iconX as ho, iconMoreHorizontalSmall as un, iconMoreVertical as bo, iconCircleCheck as Ra, iconCircleX as dn, iconCircleInformation as eo, iconUser as Da, iconArrowSmallUpRight as La, iconChevronRightSmall as go, iconArrowSmallLeft as pn, iconHome as Na, iconMoreHorizontal as Lo, iconChevronLeftSmall as _o, iconSearch as Va, iconCheck as za, iconSearchX as Fa, iconChevronDownUp as Pa, iconCheckSmall as wt, iconPlusSmall as Ua, iconEyeDisabled as Ha, iconListArrowUp as mn, iconListArrowDown as yn, iconArrowsSort as Ga, iconCircleBlock as qa, iconFileDisabled as Ka, iconEyeClosed as Wa, iconEye as ja, iconCircleContrast as Ya, iconTranslate as Ja, iconMenu as Za, iconNotificationFlag as Xa, iconMinus as Qa, iconPlus as el, iconFile as tl, iconFilePdf as ol, iconFileCsv as nl, iconAudio as al, iconVideocam as ll, iconPicture as sl, iconFileRtf as rl, iconFilePpt as il, iconFileXls as cl, iconFileXlsx as ul, iconFileDoc as dl, iconFileGlobe as pl, iconFileArchive as ml, iconFileText as yl, iconCloudArrowUp as fl, iconTrash as vl, iconShareIos as hl, iconArrowSmallRight as bl, iconSettings as gl, iconLogout as _l } from "@sit-onyx/icons";
+import { computed as m, provide as Ue, inject as be, toRef as ie, ref as D, watch as J, defineComponent as T, watchEffect as Le, toRefs as Nt, createElementBlock as f, openBlock as i, normalizeClass as R, unref as a, renderSlot as E, onMounted as Ce, createBlock as w, resolveDynamicComponent as Be, withCtx as $, createVNode as O, createElementVNode as y, withModifiers as Re, readonly as At, reactive as yo, onBeforeMount as Tt, onBeforeUnmount as kt, useId as me, toValue as F, nextTick as He, shallowRef as Ze, useTemplateRef as Q, createCommentVNode as S, createTextVNode as Y, toDisplayString as I, normalizeProps as Ne, mergeProps as M, Fragment as K, isProxy as $a, toRaw as Ca, useAttrs as Ea, customRef as Ba, onUnmounted as Vt, normalizeStyle as De, useSlots as ue, createSlots as xe, isRef as Ae, renderList as ce, toHandlers as Ma, resolveComponent as Oa, withDirectives as Se, guardReactiveProps as Qe, vShow as Qt, Teleport as ut, vModelCheckbox as rn, vModelText as fo, h as re, vModelDynamic as cn, withKeys as Do, createStaticVNode as Aa, useModel as Ta } from "vue";
+import { iconChevronDownSmall as Ia, iconCircleAttention as vo, iconXSmall as We, iconMoreVertical as ho, iconX as bo, iconMoreHorizontalSmall as un, iconCircleCheck as Ra, iconCircleX as dn, iconCircleInformation as eo, iconUser as Da, iconArrowSmallUpRight as La, iconChevronRightSmall as go, iconArrowSmallLeft as pn, iconHome as Na, iconMoreHorizontal as Lo, iconChevronLeftSmall as _o, iconSearch as Va, iconCheck as za, iconSearchX as Fa, iconChevronDownUp as Pa, iconCheckSmall as wt, iconPlusSmall as Ua, iconEyeDisabled as Ha, iconListArrowUp as mn, iconListArrowDown as yn, iconArrowsSort as Ga, iconCircleBlock as qa, iconFileDisabled as Ka, iconEyeClosed as Wa, iconEye as ja, iconCircleContrast as Ya, iconTranslate as Ja, iconMenu as Za, iconNotificationFlag as Xa, iconMinus as Qa, iconPlus as el, iconFile as tl, iconFilePdf as ol, iconFileCsv as nl, iconAudio as al, iconVideocam as ll, iconPicture as sl, iconFileRtf as rl, iconFilePpt as il, iconFileXls as cl, iconFileXlsx as ul, iconFileDoc as dl, iconFileGlobe as pl, iconFileArchive as ml, iconFileText as yl, iconCloudArrowUp as fl, iconTrash as vl, iconShareIos as hl, iconArrowSmallRight as bl, iconSettings as gl, iconLogout as _l } from "@sit-onyx/icons";
 const Vp = ["compact", "default", "cozy"], U = (n) => ({
   densityClass: m(() => ({ [`onyx-density-${n.density}`]: !!n.density }))
 }), xl = void 0, fn = Symbol(), ee = Symbol("SKELETON_INJECTED_SYMBOL"), vn = (n) => (t) => m(() => typeof t.skeleton != "symbol" ? t.skeleton : t.skeleton === ee && n?.skeleton === !0 ? 3 : !1), zt = (n) => Ue(fn, vn(n)), kl = vn(), ae = (n) => be(
@@ -36,10 +36,10 @@ const Vp = ["compact", "default", "cozy"], U = (n) => ({
       emit: o,
       key: "modelValue",
       default: () => []
-    }), { disabled: r, exclusive: u } = Nt(e), c = ae(e), { densityClass: d } = U(e), p = (v, _) => {
-      if (!_) {
+    }), { disabled: r, exclusive: u } = Nt(e), c = ae(e), { densityClass: d } = U(e), p = (v, b) => {
+      if (!b) {
         if (!s.value.includes(v)) return;
-        s.value = s.value.filter((b) => b !== v);
+        s.value = s.value.filter((g) => g !== v);
         return;
       }
       if (u.value) {
@@ -52,8 +52,8 @@ const Vp = ["compact", "default", "cozy"], U = (n) => ({
       u,
       (v) => {
         if (v && s.value.length > 1) {
-          const _ = s.value.at(-1);
-          s.value = _ != null ? [_] : [];
+          const b = s.value.at(-1);
+          s.value = b != null ? [b] : [];
         }
       },
       { immediate: !0 }
@@ -63,7 +63,7 @@ const Vp = ["compact", "default", "cozy"], U = (n) => ({
       updateOpen: p,
       disabled: r,
       skeleton: c
-    }), (v, _) => (i(), f(
+    }), (v, b) => (i(), f(
       "div",
       {
         class: R([
@@ -123,7 +123,7 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
   setup(n) {
     return Ce(() => El("onyx-skeleton")), (t, e) => (i(), f("figure", Bl));
   }
-}), Ol = ["open"], Al = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"], Ml = { class: "onyx-accordion-item__header-content" }, Tl = ["id", "aria-labelledby"], Pp = /* @__PURE__ */ T({
+}), Ml = ["open"], Ol = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"], Al = { class: "onyx-accordion-item__header-content" }, Tl = ["id", "aria-labelledby"], Pp = /* @__PURE__ */ T({
   __name: "OnyxAccordionItem",
   props: {
     density: {},
@@ -138,12 +138,12 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
     });
     J(
       () => t.value,
-      (v, _) => {
-        e?.updateOpen(v, e?.openItems.value.includes(v)), e?.updateOpen(_, !1);
+      (v, b) => {
+        e?.updateOpen(v, e?.openItems.value.includes(v)), e?.updateOpen(b, !1);
       }
     );
     const l = ae(t), { densityClass: s } = U(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(() => l.value || e?.skeleton.value);
-    return (v, _) => p.value ? (i(), w(Be(u.value === "card" ? X : "div"), {
+    return (v, b) => p.value ? (i(), w(Be(u.value === "card" ? X : "div"), {
       key: 0,
       class: R([
         "onyx-component",
@@ -153,8 +153,8 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
       ])
     }, {
       default: $(() => [
-        A(X, { class: "onyx-accordion-item-skeleton__main" }),
-        A(X, { class: "onyx-accordion-item-skeleton__icon" })
+        O(X, { class: "onyx-accordion-item-skeleton__main" }),
+        O(X, { class: "onyx-accordion-item-skeleton__icon" })
       ]),
       _: 1
       /* STABLE */
@@ -176,16 +176,16 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
         "aria-expanded": o.value,
         "aria-controls": d.value,
         "aria-disabled": r.value,
-        onClick: _[0] || (_[0] = Re((b) => o.value = !o.value, ["prevent"]))
+        onClick: b[0] || (b[0] = Re((g) => o.value = !o.value, ["prevent"]))
       }, [
-        y("div", Ml, [
+        y("div", Al, [
           E(v.$slots, "header")
         ]),
-        A(z, {
+        O(z, {
           icon: a(Ia),
           class: "onyx-accordion-item__header-icon"
         }, null, 8, ["icon"])
-      ], 8, Al),
+      ], 8, Ol),
       y("div", {
         id: d.value,
         class: "onyx-accordion-item__panel",
@@ -194,7 +194,7 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
       }, [
         E(v.$slots, "default")
       ], 8, Tl)
-    ], 10, Ol));
+    ], 10, Ml));
   }
 }), Il = {
   date: { dateStyle: "medium" },
@@ -209,7 +209,7 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
     second: "2-digit",
     timeZoneName: "shortOffset"
   }
-}, Rl = "Yes", Dl = "No", Ll = "(optional)", Nl = "Cancel", Vl = "Apply", zl = "Back", Fl = "Close", Pl = "Now", Ul = { label: "Breadcrumb navigation", home: "Home" }, Hl = { head: { selection: { selectAll: "Select all rows", deselectAll: "Deselect all rows", select: "Add row with ID '{id}' to the selection.", deselect: "Remove row with ID '{id}' from the selection." }, sorting: { action: { asc: "Sort the table ascending by the {field} column.", desc: "Sort the table descending by the {field} column.", none: "Reset sorting." }, menu: { asc: "Sort ascending", desc: "Sort descending", none: "No sorting" } }, filtering: { removeLabel: "Remove search term for column {column}", menu: { label: "Search column {column}", placeholder: "Search column" } }, hideColumns: { revealFlyout: "List of hidden columns", revealTrigger: "Show hidden columns", menu: { hideButton: "Hide column" } } }, loadMore: "Load more" }, Gl = { tooShort: { preview: "Too short, minimum {minLength} characters required", fullError: "Make the input at least {minLength} characters long. It is currently {n} characters long. Special characters might use more than one character." }, tooLong: { preview: "Too long, maximum {maxLength} characters allowed", fullError: "Shorten the input to {maxLength} characters or less. It is currently {n} characters long. Special characters might use more than one character." }, rangeUnderflow: { preview: "Too low", fullError: "Input value must be greater than or equal to {min}." }, rangeOverflow: { preview: "Too high", fullError: "Input value must be less than or equal to {max}." }, patternMismatch: { preview: "Invalid format", fullError: "Please match the format requested." }, valueMissing: { preview: "Required", fullError: "The field is empty, it is mandatory and must be filled in." }, stepMismatch: { preview: "Invalid number", fullError: "Please enter a valid number, that is a multiple of {step}." }, badInput: { preview: "Invalid input", fullError: '"{value}" does not match the expected type.' }, typeMismatch: { generic: { preview: "Invalid input type", fullError: '"{value}" does not match the expected type.' }, email: { preview: "Invalid mail", fullError: `"{value}" is not a valid email address. It should be similar to "johndoe{'@'}example.com" (Must contain one {'@'} symbol and a period).` }, number: { preview: "Invalid number", fullError: '"{value}" is not a valid number. Make sure it contains only digits, and optionally a single decimal point.' }, tel: { preview: "Invalid phone number", fullError: '"{value}" is not a valid phone number.' }, url: { preview: "Invalid URL", fullError: '"{value}" is not a valid URL. A URL usually points to a website and should be similar to "https://www.example.com".' } } }, ql = { toggleDropDown: "Toggle selection popover", empty: "No data available", noMatch: "No item matches your search", searchInputLabel: "Filter the list items", clearSearch: "Clear search filter", searchPlaceholder: "Search" }, Kl = { selectAll: "Select all", selectGroup: "Selected", currentSelection: "{n} selected" }, Wl = { decrement: "Decrement by {stepSize}", increment: "Increment by {stepSize}" }, jl = { empty: "This table is empty." }, Yl = { opensExternally: "(opens in a new tab)" }, Jl = "Subpages of {label}", Zl = { appLogo: "App logo of {appName}", goToHome: "Go to home page", goBack: "Go back", moreNavItems: "+{n} More", moreNavItemsLabel: "More Items", showMoreNavItemsLabel: "Show more items", userMenuLabel: "User options", toggleBurgerMenu: "Toggle burger menu", toggleContextMenu: "Toggle context menu", navigationHeadline: "Navigation", moreActionsFlyout: 'Choose an action for the column "{column}"', moreActionsTrigger: "Toggle column actions" }, Xl = { neutral: "Toggle info tooltip", danger: "Toggle error tooltip", success: "Toggle success tooltip" }, Ql = { headline: "Change appearance", subtitle: "Select the appearance of the application:", appearance: "Appearance", auto: { label: "Auto", description: "The application automatically adapts its appearance to your system settings." }, light: { label: "Light", description: "Light mode provides optimal contrast for bright environments." }, dark: { label: "Dark", description: "This color mode is optimized for darker environments." } }, es = { label: "Pagination", ofPages: "of {pages} page | of {pages} pages", previous: "previous page", next: "next page", select: { label: "Page selection", listLabel: "Available pages" } }, ts = { clear: "Clear input", showPassword: "Show Password", hidePassword: "Hide Password" }, os = { close: "Close dialog" }, ns = { copyLink: "Copy link to this headline", copyLinkTo: "Copy link to headline:" }, as = { ariaLabel: "Avatar of {fullName}" }, ls = { clickToAdd: "Add {label} filter", clickToRemove: "Remove {label} filter" }, ss = { label: "Language", headline: "Change language", subtitle: "Select the language of the application:" }, rs = { moreActions: "More actions", toggleActions: "Toggle actions" }, is = { label: "Drag to change width" }, cs = { select: "Select", clickToUpload: "Click to select", orDragAndDrop: "or drag and drop file", maxFileSize: "Maximum file size", inTotal: "in total", maxFileCount: "Maximum {n} files to select in total", allowedFileTypes: "Allowed file types: {types}", hideFilesButton: "Hide all files", revealFilesButton: "Show all files", removeFile: "Remove file", status: { fileTypeError: "File with extension '.{extension}' is invalid", fileSizeError: "File exceeds maximum allowed size of {size}", maxFileSizeError: "Total size of all files exceeds maximum allowed of {size}", maxCountError: "Number of files exceeds maximum allowed of {count}" } }, us = { label: "Global actions" }, ds = { todayButton: { label: "Today", tooltip: "Jump to today" }, calenderWeek: "CW", previousMonthButton: "Previous month", nextMonthButton: "Next month" }, oo = {
+}, Rl = "Yes", Dl = "No", Ll = "(optional)", Nl = "Cancel", Vl = "Apply", zl = "Back", Fl = "Close", Pl = "Now", Ul = { label: "Breadcrumb navigation", home: "Home" }, Hl = { head: { selection: { selectAll: "Select all rows", deselectAll: "Deselect all rows", select: "Add row with ID '{id}' to the selection.", deselect: "Remove row with ID '{id}' from the selection." }, sorting: { action: { asc: "Sort the table ascending by the {field} column.", desc: "Sort the table descending by the {field} column.", none: "Reset sorting." }, menu: { asc: "Sort ascending", desc: "Sort descending", none: "No sorting" } }, filtering: { removeLabel: "Remove search term for column {column}", menu: { label: "Search column {column}", placeholder: "Search column" } }, hideColumns: { revealFlyout: "List of hidden columns", revealTrigger: "Show hidden columns", menu: { hideButton: "Hide column" } } }, loadMore: "Load more" }, Gl = { tooShort: { preview: "Too short, minimum {minLength} characters required", fullError: "Make the input at least {minLength} characters long. It is currently {n} characters long. Special characters might use more than one character." }, tooLong: { preview: "Too long, maximum {maxLength} characters allowed", fullError: "Shorten the input to {maxLength} characters or less. It is currently {n} characters long. Special characters might use more than one character." }, rangeUnderflow: { preview: "Too low", fullError: "Input value must be greater than or equal to {min}." }, rangeOverflow: { preview: "Too high", fullError: "Input value must be less than or equal to {max}." }, patternMismatch: { preview: "Invalid format", fullError: "Please match the format requested." }, valueMissing: { preview: "Required", fullError: "The field is empty, it is mandatory and must be filled in." }, stepMismatch: { preview: "Invalid number", fullError: "Please enter a valid number, that is a multiple of {step}." }, badInput: { preview: "Invalid input", fullError: '"{value}" does not match the expected type.' }, typeMismatch: { generic: { preview: "Invalid input type", fullError: '"{value}" does not match the expected type.' }, email: { preview: "Invalid mail", fullError: `"{value}" is not a valid email address. It should be similar to "johndoe{'@'}example.com" (Must contain one {'@'} symbol and a period).` }, number: { preview: "Invalid number", fullError: '"{value}" is not a valid number. Make sure it contains only digits, and optionally a single decimal point.' }, tel: { preview: "Invalid phone number", fullError: '"{value}" is not a valid phone number.' }, url: { preview: "Invalid URL", fullError: '"{value}" is not a valid URL. A URL usually points to a website and should be similar to "https://www.example.com".' } } }, ql = { toggleDropDown: "Toggle selection popover", empty: "No data available", noMatch: "No item matches your search", searchInputLabel: "Filter the list items", clearSearch: "Clear search filter", searchPlaceholder: "Search" }, Kl = { selectAll: "Select all", selectGroup: "Selected", currentSelection: "{n} selected" }, Wl = { decrement: "Decrement by {stepSize}", increment: "Increment by {stepSize}" }, jl = { empty: "This table is empty." }, Yl = { opensExternally: "(opens in a new tab)" }, Jl = "Subpages of {label}", Zl = { appLogo: "App logo of {appName}", goToHome: "Go to home page", goBack: "Go back", moreNavItems: "+{n} More", moreNavItemsLabel: "More Items", showMoreNavItemsLabel: "Show more items", userMenuLabel: "User options", toggleBurgerMenu: "Toggle burger menu", toggleContextMenu: "Toggle context menu", navigationHeadline: "Navigation", moreActionsFlyout: 'Choose an action for the column "{column}"', moreActionsTrigger: "Toggle column actions" }, Xl = { neutral: "Toggle info tooltip", danger: "Toggle error tooltip", success: "Toggle success tooltip" }, Ql = { headline: "Change appearance", subtitle: "Select the appearance of the application:", appearance: "Appearance", auto: { label: "Auto", description: "The application automatically adapts its appearance to your system settings." }, light: { label: "Light", description: "Light mode provides optimal contrast for bright environments." }, dark: { label: "Dark", description: "This color mode is optimized for darker environments." } }, es = { label: "Pagination", ofPages: "of {pages} page | of {pages} pages", previous: "previous page", next: "next page", select: { label: "Page selection", listLabel: "Available pages" } }, ts = { clear: "Clear input", showPassword: "Show Password", hidePassword: "Hide Password" }, os = { close: "Close dialog" }, ns = { copyLink: "Copy link to this headline", copyLinkTo: "Copy link to headline:" }, as = { ariaLabel: "Avatar of {fullName}" }, ls = { clickToAdd: "Add {label} filter", clickToRemove: "Remove {label} filter" }, ss = { label: "Language", headline: "Change language", subtitle: "Select the language of the application:" }, rs = { label: "Drag to change width" }, is = { select: "Select", clickToUpload: "Click to select", orDragAndDrop: "or drag and drop file", maxFileSize: "Maximum file size", inTotal: "in total", maxFileCount: "Maximum {n} files to select in total", allowedFileTypes: "Allowed file types: {types}", hideFilesButton: "Hide all files", revealFilesButton: "Show all files", removeFile: "Remove file", status: { fileTypeError: "File with extension '.{extension}' is invalid", fileSizeError: "File exceeds maximum allowed size of {size}", maxFileSizeError: "Total size of all files exceeds maximum allowed of {size}", maxCountError: "Number of files exceeds maximum allowed of {count}" } }, cs = { label: "Global actions" }, us = { todayButton: { label: "Today", tooltip: "Jump to today" }, calenderWeek: "CW", previousMonthButton: "Previous month", nextMonthButton: "Next month" }, ds = { moreActions: "More actions", toggleActions: { click: "Click to toggle action visibility", hover: "Hover/Focus to toggle action visibility" } }, oo = {
   yes: Rl,
   no: Dl,
   optional: Ll,
@@ -237,15 +237,15 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
   avatar: as,
   filterTag: ls,
   languageSelect: ss,
-  notificationCard: rs,
-  resizeHandle: is,
-  fileUpload: cs,
-  globalFAB: us,
-  calendar: ds
+  resizeHandle: rs,
+  fileUpload: is,
+  globalFAB: cs,
+  calendar: us,
+  flyoutMenu: ds
 }, ps = {
   decimal: { style: "decimal" }
 }, bn = Symbol(), gn = (n = {}) => {
-  const t = Mt(ie(n?.locale ?? "en-US")), e = m(() => n.messages?.[t.value] ?? oo), o = m(() => (r, u = {}) => {
+  const t = At(ie(n?.locale ?? "en-US")), e = m(() => n.messages?.[t.value] ?? oo), o = m(() => (r, u = {}) => {
     let c = No(r, e.value) ?? No(r, oo) ?? "";
     return c = ys(c, u.n), fs(c, u);
   }), l = m(() => (r, u) => new Intl.DateTimeFormat(
@@ -257,7 +257,7 @@ const wl = ["innerHTML"], z = /* @__PURE__ */ T({
   ).format(r));
   return {
     // If the user provided a custom `t` function, it is used instead of the default.
-    t: n.t ? Mt(ie(n.t)) : o,
+    t: n.t ? At(ie(n.t)) : o,
     locale: t,
     d: l,
     n: s
@@ -318,48 +318,48 @@ function Fo(n) {
 const hs = je((n) => {
   const t = m({
     get: () => {
-      const g = F(n.viewMonth);
-      return g ? new Date(g) : /* @__PURE__ */ new Date();
+      const _ = F(n.viewMonth);
+      return _ ? new Date(_) : /* @__PURE__ */ new Date();
     },
-    set: (g) => n.onUpdateViewMonth?.(new Date(g))
+    set: (_) => n.onUpdateViewMonth?.(new Date(_))
   }), e = m(() => {
-    const g = new Intl.DateTimeFormat(F(n.locale), {
+    const _ = new Intl.DateTimeFormat(F(n.locale), {
       weekday: F(n.calendarSize) === "big" ? "long" : "short"
-    }), h = Array.from({ length: 7 }, (C, M) => new Date(2024, 0, 1 + M)).map(
-      (C) => g.format(C)
+    }), h = Array.from({ length: 7 }, (C, A) => new Date(2024, 0, 1 + A)).map(
+      (C) => _.format(C)
     ), k = F(n.weekStartDay), B = ao.indexOf(k);
     return h.slice(B).concat(h.slice(0, B));
   }), o = D(/* @__PURE__ */ new Date());
   J(
     () => F(n.modelValue),
-    (g) => {
-      if (!g) return;
+    (_) => {
+      if (!_) return;
       let h;
-      Array.isArray(g) ? h = g.length ? new Date(g[0]) : void 0 : typeof g == "object" && !(g instanceof Date) ? h = new Date(g.start) : h = new Date(g), h && (o.value = h);
+      Array.isArray(_) ? h = _.length ? new Date(_[0]) : void 0 : typeof _ == "object" && !(_ instanceof Date) ? h = new Date(_.start) : h = new Date(_), h && (o.value = h);
     }
   );
-  const l = (g) => g.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), s = m(() => (g) => {
+  const l = (_) => _.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), s = m(() => (_) => {
     const h = F(n.modelValue);
     if (!h) return !1;
     if (Array.isArray(h))
-      return h.map((B) => new Date(B)).some((B) => B.toDateString() === g.toDateString());
+      return h.map((B) => new Date(B)).some((B) => B.toDateString() === _.toDateString());
     if (typeof h == "object" && !(h instanceof Date)) {
       const k = new Date(h.start), B = h.end ? new Date(h.end) : void 0;
-      return k.toDateString() === g.toDateString() || B?.toDateString() === g.toDateString();
+      return k.toDateString() === _.toDateString() || B?.toDateString() === _.toDateString();
     }
-    return new Date(h).toDateString() === g.toDateString();
-  }), r = m(() => (g) => o.value?.toDateString() === g.toDateString()), u = m(() => (g) => {
+    return new Date(h).toDateString() === _.toDateString();
+  }), r = m(() => (_) => o.value?.toDateString() === _.toDateString()), u = m(() => (_) => {
     if (F(n.disabled)) return !0;
     const h = F(n.min), k = h ? new Date(h) : void 0;
     k?.setHours(0, 0, 0, 0);
     const B = F(n.max), C = B ? new Date(B) : void 0;
-    return C?.setHours(23, 59, 59, 999), k && C ? !Vo(g, k, C) : k ? g.getTime() < k.getTime() : C ? g.getTime() > C.getTime() : !1;
+    return C?.setHours(23, 59, 59, 999), k && C ? !Vo(_, k, C) : k ? _.getTime() < k.getTime() : C ? _.getTime() > C.getTime() : !1;
   }), c = m(() => {
-    const g = F(n.weekStartDay), h = new Date(
+    const _ = F(n.weekStartDay), h = new Date(
       t.value.getFullYear(),
       t.value.getMonth(),
       1
-    ), B = ((h.getDay() + 6) % 7 - ao.indexOf(g) + 7) % 7, C = 6, M = [];
+    ), B = ((h.getDay() + 6) % 7 - ao.indexOf(_) + 7) % 7, C = 6, A = [];
     for (let L = 0; L < C; L++) {
       const P = new Date(h);
       P.setDate(P.getDate() - B + L * 7);
@@ -370,43 +370,43 @@ const hs = je((n) => {
           isCurrentMonth: V.getMonth() === t.value.getMonth()
         };
       });
-      M.push({
+      A.push({
         weekNumber: vs(P),
         days: H
       });
     }
-    return M;
-  }), d = (g, h) => {
-    o.value = new Date(g), (o.value.getFullYear() !== t.value.getFullYear() || o.value.getMonth() !== t.value.getMonth()) && (t.value = new Date(o.value));
+    return A;
+  }), d = (_, h) => {
+    o.value = new Date(_), (o.value.getFullYear() !== t.value.getFullYear() || o.value.getMonth() !== t.value.getMonth()) && (t.value = new Date(o.value));
     const k = F(n.selectionMode);
     if (!k || h) return;
     const B = F(n.modelValue);
     switch (k) {
       case "single":
-        n.onUpdateModelValue?.(new Date(g));
+        n.onUpdateModelValue?.(new Date(_));
         break;
       case "multiple": {
-        let C = Array.isArray(B) ? B.map((M) => new Date(M)) : [];
-        s.value(g) ? C = C.filter((M) => M.toDateString() !== g.toDateString()) : C.push(new Date(g)), n.onUpdateModelValue?.(C);
+        let C = Array.isArray(B) ? B.map((A) => new Date(A)) : [];
+        s.value(_) ? C = C.filter((A) => A.toDateString() !== _.toDateString()) : C.push(new Date(_)), n.onUpdateModelValue?.(C);
         break;
       }
       case "range": {
         const C = typeof B == "object" && !(B instanceof Date) && !Array.isArray(B) ? B : void 0;
-        let M;
-        C?.start && C.end ? M = { start: new Date(g) } : M = {
-          start: C?.start ? new Date(C.start) : new Date(g),
-          end: C?.start ? new Date(g) : void 0
-        }, M = Fo(M), n.onUpdateModelValue?.(M);
+        let A;
+        C?.start && C.end ? A = { start: new Date(_) } : A = {
+          start: C?.start ? new Date(C.start) : new Date(_),
+          end: C?.start ? new Date(_) : void 0
+        }, A = Fo(A), n.onUpdateModelValue?.(A);
         break;
       }
     }
-  }, p = async (g) => {
+  }, p = async (_) => {
     let h;
     const k = (B, C = "days") => {
-      const M = new Date(o.value);
-      return C === "month" ? M.setMonth(M.getMonth() + B) : M.setDate(M.getDate() + B), M;
+      const A = new Date(o.value);
+      return C === "month" ? A.setMonth(A.getMonth() + B) : A.setDate(A.getDate() + B), A;
     };
-    switch (g.key) {
+    switch (_.key) {
       case "ArrowUp":
         h = k(-7);
         break;
@@ -430,27 +430,27 @@ const hs = je((n) => {
         break;
       }
       case "PageUp":
-        h = k(-(g.shiftKey ? 12 : 1), "month");
+        h = k(-(_.shiftKey ? 12 : 1), "month");
         break;
       case "PageDown":
-        h = k(g.shiftKey ? 12 : 1, "month");
+        h = k(_.shiftKey ? 12 : 1, "month");
         break;
     }
-    !h || u.value(h) || (g.preventDefault(), d(h, !0), await He(), x.value?.querySelector(`[data-date="${o.value.toDateString()}"]`)?.focus());
-  }, v = m(() => (g, h) => {
+    !h || u.value(h) || (_.preventDefault(), d(h, !0), await He(), x.value?.querySelector(`[data-date="${o.value.toDateString()}"]`)?.focus());
+  }, v = m(() => (_, h) => {
     const k = h ?? F(n.modelValue);
     if (!k || typeof k != "object" || Array.isArray(k) || k instanceof Date)
       return;
     const B = Fo(k), C = new Date(B.start);
     C.setHours(0, 0, 0, 0);
-    const M = B.end ? new Date(B.end) : void 0;
-    if (M?.setHours(23, 59, 59, 999), g.toDateString() === C.toDateString()) return "start";
-    if (g.toDateString() === M?.toDateString()) return "end";
-    if (M && Vo(g, C, M)) return "middle";
-  }), _ = (g) => {
+    const A = B.end ? new Date(B.end) : void 0;
+    if (A?.setHours(23, 59, 59, 999), _.toDateString() === C.toDateString()) return "start";
+    if (_.toDateString() === A?.toDateString()) return "end";
+    if (A && Vo(_, C, A)) return "middle";
+  }), b = (_) => {
     const h = new Date(t.value);
-    h.setMonth(h.getMonth() + g, 1), t.value = h;
-  }, b = () => {
+    h.setMonth(h.getMonth() + _, 1), t.value = h;
+  }, g = () => {
     t.value = /* @__PURE__ */ new Date();
   }, x = no();
   return {
@@ -466,29 +466,29 @@ const hs = je((n) => {
         onKeydown: p,
         ref: x
       },
-      cell: m(() => (g) => ({
+      cell: m(() => (_) => ({
         role: "gridcell",
-        "aria-selected": s.value(g.date),
-        "aria-disabled": u.value(g.date)
+        "aria-selected": s.value(_.date),
+        "aria-disabled": u.value(_.date)
       })),
-      button: m(() => (g) => {
+      button: m(() => (_) => {
         const k = {
-          "aria-label": new Intl.DateTimeFormat(F(n.locale), { dateStyle: "full" }).format(g.date),
-          "data-date": g.date.toDateString()
+          "aria-label": new Intl.DateTimeFormat(F(n.locale), { dateStyle: "full" }).format(_.date),
+          "data-date": _.date.toDateString()
         };
         if (!F(n.selectionMode)) return k;
-        const C = u.value(g.date);
+        const C = u.value(_.date);
         return {
           ...k,
-          tabindex: r.value(g.date) && !C ? "0" : "-1",
+          tabindex: r.value(_.date) && !C ? "0" : "-1",
           disabled: C,
-          onClick: C ? void 0 : () => d(g.date)
+          onClick: C ? void 0 : () => d(_.date)
         };
       })
     },
     internals: {
-      goToMonthByOffset: _,
-      goToToday: b,
+      goToMonthByOffset: b,
+      goToToday: g,
       isSelected: s,
       isToday: l,
       getRangeType: v,
@@ -661,12 +661,12 @@ const hs = je((n) => {
     onToggle: d,
     onSelect: p,
     onActivateFirst: v,
-    onActivateLast: _,
-    onActivateNext: b,
+    onActivateLast: b,
+    onActivateNext: g,
     onActivatePrevious: x,
-    templateRef: g
+    templateRef: _
   }) => {
-    const h = me(), k = m(() => a(n)), B = m(() => a(u)), C = m(() => a(o)), M = (N) => {
+    const h = me(), k = m(() => a(n)), B = m(() => a(u)), C = m(() => a(o)), A = (N) => {
       const ge = N.target;
       k.value !== "none" && t?.(ge.value);
     }, L = wn((N) => e?.(N)), P = (N) => {
@@ -675,24 +675,24 @@ const hs = je((n) => {
       switch (N.key) {
         case "ArrowUp":
           if (N.preventDefault(), c.value == null)
-            return _?.();
+            return b?.();
           x?.(c.value);
           break;
         case "ArrowDown":
           if (N.preventDefault(), c.value == null)
             return v?.();
-          b?.(c.value);
+          g?.(c.value);
           break;
         case "Home":
           N.preventDefault(), v?.();
           break;
         case "End":
-          N.preventDefault(), _?.();
+          N.preventDefault(), b?.();
           break;
       }
     }, Z = (N) => {
       if (N.key === "Enter" && N.preventDefault(), !B.value && so(N, Sn))
-        return d?.(), N.key === " " && N.preventDefault(), N.key === "End" ? _?.() : v?.();
+        return d?.(), N.key === " " && N.preventDefault(), N.key === "End" ? b?.() : v?.();
       if (ws(N, k.value === "none"))
         return P(c.value);
       if (B.value && so(N, $n))
@@ -720,7 +720,7 @@ const hs = je((n) => {
       onSelect: P
     });
     return xo({
-      inside: g,
+      inside: _,
       onOutsideClick() {
         B.value && d?.(!0);
       }
@@ -747,7 +747,7 @@ const hs = je((n) => {
           "aria-controls": h,
           "aria-label": a(l),
           "aria-activedescendant": c.value != null ? q(c.value) : void 0,
-          onInput: M,
+          onInput: A,
           onKeydown: Z,
           ...se.value
         })),
@@ -765,32 +765,32 @@ const hs = je((n) => {
   const t = me(), e = me(), o = no(), l = no(), s = me(), r = m(() => F(n.position) ?? "bottom");
   Ge({
     type: "keydown",
-    listener: (_) => _.key === "Escape" && c(!1),
+    listener: (b) => b.key === "Escape" && c(!1),
     disabled: m(() => !n.isExpanded.value)
   });
   const u = kn(() => n.onToggle(), 200);
   J(n.isExpanded, () => u.abort());
-  const c = (_, b = !1) => {
+  const c = (b, g = !1) => {
     if (!n.disabled?.value) {
-      if (_ === n.isExpanded.value) {
+      if (b === n.isExpanded.value) {
         u.abort();
         return;
       }
-      if (b) {
+      if (g) {
         u();
         return;
       }
       n.onToggle();
     }
-  }, d = (_) => {
-    const b = document.activeElement, x = b?.closest('[role="menu"]') || l.value;
+  }, d = (b) => {
+    const g = document.activeElement, x = g?.closest('[role="menu"]') || l.value;
     if (!x) return;
-    const g = Array.from(x.querySelectorAll('[role="menuitem"]')).filter((B) => B.closest('[role="menu"]') === x);
-    r.value === "top" && g.reverse();
+    const _ = Array.from(x.querySelectorAll('[role="menuitem"]')).filter((B) => B.closest('[role="menu"]') === x);
+    r.value === "top" && _.reverse();
     let h = 0;
-    if (b) {
-      const B = g.indexOf(b);
-      switch (_) {
+    if (g) {
+      const B = _.indexOf(g);
+      switch (b) {
         case "next":
           h = B + 1;
           break;
@@ -801,32 +801,32 @@ const hs = je((n) => {
           h = 0;
           break;
         case "last":
-          h = g.length - 1;
+          h = _.length - 1;
           break;
       }
     }
-    g[h]?.focus();
-  }, p = (_) => {
-    switch (_.key) {
+    _[h]?.focus();
+  }, p = (b) => {
+    switch (b.key) {
       case "ArrowDown":
-        _.preventDefault(), d(r.value === "bottom" ? "next" : "prev");
+        b.preventDefault(), d(r.value === "bottom" ? "next" : "prev");
         break;
       case "ArrowUp":
-        _.preventDefault(), d(r.value === "bottom" ? "prev" : "next");
+        b.preventDefault(), d(r.value === "bottom" ? "prev" : "next");
         break;
       case "Home":
-        _.preventDefault(), d("first");
+        b.preventDefault(), d("first");
         break;
       case "End":
-        _.preventDefault(), d("last");
+        b.preventDefault(), d("last");
         break;
       case " ":
       case "Enter":
-        if (_.target instanceof HTMLInputElement) break;
-        _.preventDefault(), _.target.click();
+        if (b.target instanceof HTMLInputElement) break;
+        b.preventDefault(), b.target.click();
         break;
       case "Escape":
-        _.preventDefault(), c(!1);
+        b.preventDefault(), c(!1);
         break;
     }
   }, v = m(() => {
@@ -934,12 +934,12 @@ const hs = je((n) => {
   const t = /* @__PURE__ */ new Map(), e = (l) => (t.has(l) || t.set(l, { tabId: me(), panelId: me() }), t.get(l)), o = (l) => {
     const s = l.target, r = Array.from(
       s.parentElement?.querySelectorAll('[role="tab"]') ?? []
-    ).filter((_) => _.ariaDisabled !== "true"), u = r.indexOf(s), c = (_) => {
-      _ instanceof HTMLElement && _.focus();
-    }, d = () => c(r.at(0)), p = () => c(r.at(-1)), v = (_) => {
+    ).filter((b) => b.ariaDisabled !== "true"), u = r.indexOf(s), c = (b) => {
+      b instanceof HTMLElement && b.focus();
+    }, d = () => c(r.at(0)), p = () => c(r.at(-1)), v = (b) => {
       if (u === -1) return;
-      const b = _ === "next" ? u + 1 : u - 1;
-      return b < 0 ? p() : b >= r.length ? d() : c(r.at(b));
+      const g = b === "next" ? u + 1 : u - 1;
+      return g < 0 ? p() : g >= r.length ? d() : c(r.at(g));
     };
     switch (l.key) {
       case "ArrowRight":
@@ -957,8 +957,8 @@ const hs = je((n) => {
       case "Enter":
       case " ":
         {
-          const _ = Array.from(t.entries()).find(([, { tabId: b }]) => b === s.id);
-          _ && n.onSelect?.(_[0]);
+          const b = Array.from(t.entries()).find(([, { tabId: g }]) => g === s.id);
+          b && n.onSelect?.(b[0]);
         }
         break;
     }
@@ -998,7 +998,7 @@ const hs = je((n) => {
     t.key === "Escape" && (n.value = !1);
   },
   disabled: m(() => !n.value)
-}), Os = je(
+}), Ms = je(
   ({ toggleLabel: n, isVisible: t }) => {
     const e = me(), o = ie(t ?? !1);
     Cn({ isExpanded: o });
@@ -1034,7 +1034,7 @@ const hs = je((n) => {
       }
     };
   }
-), As = je(({ debounce: n, isVisible: t }) => {
+), Os = je(({ debounce: n, isVisible: t }) => {
   const e = me(), o = ie(t ?? !1);
   let l;
   const s = m({
@@ -1075,7 +1075,7 @@ const hs = je((n) => {
       isVisible: o
     }
   };
-}), Ms = ["aria-modal", "aria-label", "role"], Ts = {
+}), As = ["aria-modal", "aria-label", "role"], Ts = {
   ref: "contentRef",
   class: "onyx-basic-dialog__content"
 }, En = /* @__PURE__ */ T({
@@ -1140,7 +1140,7 @@ const hs = je((n) => {
         512
         /* NEED_PATCH */
       )
-    ], 42, Ms)) : S("v-if", !0);
+    ], 42, As)) : S("v-if", !0);
   }
 }), Bn = (n, t) => {
   const e = It(n.toLowerCase()), o = It(t.toLowerCase());
@@ -1155,13 +1155,13 @@ const hs = je((n) => {
 }, Bt = (n, t, e) => {
   const o = new Intl.Segmenter(t, { granularity: "grapheme" });
   return Array.from(o.segment(n)).map((s) => s.segment).at(e) ?? "";
-}, Ds = /[\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]/, nt = (n) => typeof n == "string" ? { href: n } : n, On = (n) => !URL.canParse(n), dt = () => {
-  const n = be(An, void 0), t = m(() => {
+}, Ds = /[\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]/, nt = (n) => typeof n == "string" ? { href: n } : n, Mn = (n) => !URL.canParse(n), dt = () => {
+  const n = be(On, void 0), t = m(() => {
     if (!n) return;
     const l = a(n.currentRoute);
     return typeof l == "string" ? { path: l } : l;
   }), e = (l, s) => {
-    n && On(s) && Ls(l) && (l.preventDefault(), n.push(s));
+    n && Mn(s) && Ls(l) && (l.preventDefault(), n.push(s));
   }, o = m(() => (l) => {
     if (!t.value || l == null) return !1;
     const s = Ho(nt(l).href), r = Ho(t.value.path), { hash: u } = t.value;
@@ -1179,7 +1179,7 @@ const hs = je((n) => {
 }, Ho = (n) => {
   const t = n.trim();
   return t === "" ? "/" : t === "/" ? t : t.replace(/\/+$/, "");
-}, An = Symbol(), et = /* @__PURE__ */ T({
+}, On = Symbol(), et = /* @__PURE__ */ T({
   __name: "OnyxVisuallyHidden",
   props: {
     is: { default: "span" }
@@ -1258,7 +1258,7 @@ const hs = je((n) => {
           onClick: c[0] || (c[0] = (d) => r(l.value))
         }, {
           default: $(() => [
-            A(et, null, {
+            O(et, null, {
               default: $(() => [
                 Y(
                   I(a(e)("headline.copyLinkTo")),
@@ -1291,15 +1291,15 @@ const hs = je((n) => {
       { once: !0 }
     );
   });
-}, Mn = Symbol(), ne = Symbol("FORM_INJECTED_SYMBOL"), Wt = (n, t, e, o) => m(() => {
+}, An = Symbol(), ne = Symbol("FORM_INJECTED_SYMBOL"), Wt = (n, t, e, o) => m(() => {
   const l = t.value[e];
   return l != null && typeof l != "symbol" ? l : l === ne ? n?.value[e] ?? o : o;
 }), Tn = (n) => (t) => ({
   disabled: Wt(n, t, "disabled", !1),
   showError: Wt(n, t, "showError", "touched"),
   requiredMarker: Wt(n, t, "requiredMarker", "required")
-}), Vs = (n) => Ue(Mn, Tn(n && ie(n))), zs = Tn(), ke = (n) => be(
-  Mn,
+}), Vs = (n) => Ue(An, Tn(n && ie(n))), zs = Tn(), ke = (n) => be(
+  An,
   /** Default */
   zs
 )(ie(n)), Fs = ["disabled", "type", "autofocus"], mt = /* @__PURE__ */ T({
@@ -1317,7 +1317,7 @@ const hs = je((n) => {
     );
     return Ie(e, t), (s, r) => l.value ? (i(), w(
       pt,
-      Ne(O({ key: 0 }, l.value)),
+      Ne(M({ key: 0 }, l.value)),
       {
         default: $(() => [
           E(s.$slots, "default")
@@ -1353,7 +1353,7 @@ const hs = je((n) => {
     return (o, l) => a(e) ? (i(), w(X, {
       key: 0,
       class: R(["onyx-system-button-skeleton", t.icon ? "" : "onyx-system-button-skeleton--text"])
-    }, null, 8, ["class"])) : (i(), w(mt, O({ key: 1 }, t, {
+    }, null, 8, ["class"])) : (i(), w(mt, M({ key: 1 }, t, {
       type: "button",
       class: ["onyx-system-button", "onyx-text--small", `onyx-system-button--${t.color}`],
       "aria-label": t.label,
@@ -1393,7 +1393,7 @@ const hs = je((n) => {
   emits: ["update:open"],
   setup(n, { emit: t }) {
     const e = n, o = t, { t: l } = W(), { densityClass: s } = U(e), r = me();
-    return (u, c) => (i(), w(En, O({
+    return (u, c) => (i(), w(En, M({
       class: ["onyx-alert-modal", a(s)]
     }, e, {
       "aria-describedby": a(r),
@@ -1405,7 +1405,7 @@ const hs = je((n) => {
         y("div", Ps, [
           e.icon ? (i(), w(
             z,
-            O({
+            M({
               key: 0,
               class: "onyx-alert-modal__icon"
             }, e.icon, { size: "64px" }),
@@ -1418,7 +1418,7 @@ const hs = je((n) => {
               E(u.$slots, "headline", {
                 label: e.label
               }, () => [
-                A(Ve, { is: "h2" }, {
+                O(Ve, { is: "h2" }, {
                   default: $(() => [
                     Y(
                       I(e.label),
@@ -1430,7 +1430,7 @@ const hs = je((n) => {
                   /* STABLE */
                 })
               ]),
-              A($e, {
+              O($e, {
                 class: "onyx-alert-modal__close",
                 label: a(l)("dialog.close"),
                 icon: a(We),
@@ -1493,7 +1493,7 @@ const hs = je((n) => {
   return e[rt] = n ?? [], e;
 }, Go = (n) => !!n && typeof n == "object" && rt in n, he = (...n) => n.reduce((t, e) => {
   e?.ref;
-  const o = e && $a(e) && "ref" in e ? Ca(e).ref : e?.ref, l = t?.ref, s = O(t ?? {}, e ?? {});
+  const o = e && $a(e) && "ref" in e ? Ca(e).ref : e?.ref, l = t?.ref, s = M(t ?? {}, e ?? {});
   if (!l && !o)
     return s;
   if (!l || !o)
@@ -1601,24 +1601,24 @@ const hs = je((n) => {
   offset: r = 0
 }) => {
   const u = D("-1000px"), c = D("-1000px"), { isIntersecting: d } = Ws(t), p = () => {
-    const _ = Xe(n.value), b = Xe(t.value);
-    if (!_ || !b)
+    const b = Xe(n.value), g = Xe(t.value);
+    if (!b || !g)
       return;
-    const x = b.getBoundingClientRect(), g = _.getBoundingClientRect();
+    const x = g.getBoundingClientRect(), _ = b.getBoundingClientRect();
     let h = 0, k = 0;
-    const B = F(l) && F(o) !== "center" && (F(e) === "top" || F(e) === "bottom") ? F(o) === "left" || F(s) ? x.left : x.right - g.width : x.left + x.width / 2 - g.width / 2;
+    const B = F(l) && F(o) !== "center" && (F(e) === "top" || F(e) === "bottom") ? F(o) === "left" || F(s) ? x.left : x.right - _.width : x.left + x.width / 2 - _.width / 2;
     switch (F(e)) {
       case "top":
-        h = x.top - g.height - r, k = B;
+        h = x.top - _.height - r, k = B;
         break;
       case "top right":
-        h = x.top - g.height - r, k = x.right + r;
+        h = x.top - _.height - r, k = x.right + r;
         break;
       case "top left":
-        h = x.top - g.height - r, k = x.left - g.width - r;
+        h = x.top - _.height - r, k = x.left - _.width - r;
         break;
       case "right":
-        h = x.top + x.height / 2 - g.height / 2, k = x.right + r;
+        h = x.top + x.height / 2 - _.height / 2, k = x.right + r;
         break;
       case "bottom":
         h = x.bottom + r, k = B;
@@ -1627,10 +1627,10 @@ const hs = je((n) => {
         h = x.bottom + r, k = x.right + r;
         break;
       case "bottom left":
-        h = x.bottom + r, k = x.left - g.width - r;
+        h = x.bottom + r, k = x.left - _.width - r;
         break;
       case "left":
-        h = x.top + x.height / 2 - g.height / 2, k = x.left - g.width - r;
+        h = x.top + x.height / 2 - _.height / 2, k = x.left - _.width - r;
         break;
     }
     u.value = `${k}px`, c.value = `${h}px`;
@@ -1673,8 +1673,8 @@ const hs = je((n) => {
         l.value = e;
         return;
       }
-      const p = (d.width - c.width + 32) / 2, v = d.width - c.width + 16, _ = window.innerWidth, b = c.left, x = _ - c.right, g = b >= p, h = x >= p;
-      e === "right" && b >= v || e === "left" && x >= v || e === "center" && g && h ? l.value = e : b > x ? l.value = "right" : l.value = "left";
+      const p = (d.width - c.width + 32) / 2, v = d.width - c.width + 16, b = window.innerWidth, g = c.left, x = b - c.right, _ = g >= p, h = x >= p;
+      e === "right" && g >= v || e === "left" && x >= v || e === "center" && _ && h ? l.value = e : g > x ? l.value = "right" : l.value = "left";
     }
   };
 }, wo = (n, t = "bottom") => {
@@ -1767,9 +1767,9 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
       set: (le) => s.value = le,
       get: () => typeof o.open == "boolean" && !o.disabled ? o.open : s.value
     }), u = m(
-      () => o.position === "auto" ? b.value : o.position
+      () => o.position === "auto" ? g.value : o.position
     ), c = m(
-      () => o.alignment === "auto" ? g.value : o.alignment
+      () => o.alignment === "auto" ? _.value : o.alignment
     );
     t({
       /**
@@ -1789,25 +1789,25 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
           return `${u.value} span-left`;
       }
       return u.value.includes(" ") ? u.value : `${u.value} center`;
-    }), v = Q("popover"), _ = Q("popoverWrapper"), { openDirection: b, updateOpenDirection: x } = wo(_, "bottom"), { openAlignment: g, updateOpenAlignment: h } = Rn(
-      _,
+    }), v = Q("popover"), b = Q("popoverWrapper"), { openDirection: g, updateOpenDirection: x } = wo(b, "bottom"), { openAlignment: _, updateOpenAlignment: h } = Rn(
+      b,
       v,
       "left"
-    ), { leftPosition: k, topPosition: B, updateAnchorPositionPolyfill: C, useragentSupportsAnchorApi: M } = In({
+    ), { leftPosition: k, topPosition: B, updateAnchorPositionPolyfill: C, useragentSupportsAnchorApi: A } = In({
       positionedRef: v,
-      targetRef: _,
+      targetRef: b,
       positionArea: u,
       alignment: c,
       alignsWithEdge: !0,
       fitParent: !1,
       offset: 8
-    }), { width: L } = qe(_), P = (le) => {
+    }), { width: L } = qe(b), P = (le) => {
       le ? v.value?.showPopover?.() : v.value?.hidePopover?.();
     }, H = () => {
       x(), h();
     }, { stickyStyles: Z, isSticky: se } = js({
       popoverRef: v,
-      popoverWrapperRef: _,
+      popoverWrapperRef: b,
       popoverPosition: u,
       isVisible: r,
       sticky: ie(() => o.sticky)
@@ -1816,9 +1816,9 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
       type: "resize",
       listener: () => H()
     }), Ce(() => {
-      P(r.value), H(), M.value || C();
+      P(r.value), H(), A.value || C();
     }), J(r, async (le) => {
-      await He(), P(le), H(), M.value || C();
+      await He(), P(le), H(), A.value || C();
     });
     const V = () => {
       s.value = !s.value, l("update:open", !r.value);
@@ -1834,16 +1834,16 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
       "onyx-basic-popover__dialog--fitparent": o.fitParent,
       "onyx-basic-popover__dialog--disabled": d.value,
       "onyx-basic-popover__dialog--sticky": se.value,
-      "onyx-basic-popover__dialog--dont-support-anchor": !M.value
+      "onyx-basic-popover__dialog--dont-support-anchor": !A.value
     }));
     J(d, () => {
       d.value && (s.value = !1);
     }), J([u, c, L], async () => {
-      M.value || (await He(), H(), C());
+      A.value || (await He(), H(), C());
     });
     const ge = m(() => {
       const le = o.fitParent ? `${L.value}px` : void 0;
-      return M.value ? {
+      return A.value ? {
         width: le,
         "position-anchor": q.value,
         "position-area": p.value
@@ -1893,8 +1893,8 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
       emit: t,
       key: "open",
       default: !1
-    }), s = ue(), r = D(), u = m(() => r.value?.popoverPosition), {
-      elements: { root: c, button: d, menu: p }
+    }), s = ue(), r = D(), u = m(() => r.value?.popoverPosition), { t: c } = W(), {
+      elements: { root: d, button: p, menu: v }
     } = $s({
       isExpanded: m(() => !!l.value),
       onToggle: () => l.value = !l.value,
@@ -1902,7 +1902,7 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
       disabled: m(() => e.disabled),
       position: m(() => u.value?.includes("top") ? "top" : "bottom")
     });
-    return (v, _) => (i(), w(So, O(a(he)(a(c), { ref: r.value }), {
+    return (b, g) => (i(), w(So, M(a(he)(a(d), { ref: r.value }), {
       class: "onyx-component onyx-flyout-menu",
       open: a(l),
       label: e.label,
@@ -1911,19 +1911,19 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
     }), xe({
       content: $(() => [
         y("div", Js, [
-          E(v.$slots, "header")
+          E(b.$slots, "header")
         ]),
         s.options ? (i(), f(
           "ul",
-          O({ key: 0 }, a(p), { class: "onyx-flyout-menu__wrapper onyx-flyout-menu__group" }),
+          M({ key: 0 }, a(v), { class: "onyx-flyout-menu__wrapper onyx-flyout-menu__group" }),
           [
-            E(v.$slots, "options")
+            E(b.$slots, "options")
           ],
           16
           /* FULL_PROPS */
         )) : S("v-if", !0),
         y("div", Zs, [
-          E(v.$slots, "footer")
+          E(b.$slots, "footer")
         ])
       ]),
       _: 2
@@ -1932,7 +1932,12 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
       s.options || s.header || s.footer ? {
         name: "default",
         fn: $(() => [
-          E(v.$slots, "button", { trigger: a(d) })
+          E(b.$slots, "button", { trigger: a(p) }, () => [
+            O($e, M(a(p), {
+              icon: a(ho),
+              label: a(c)(`flyoutMenu.toggleActions.${e.trigger}`)
+            }), null, 16, ["icon", "label"])
+          ])
         ]),
         key: "0"
       } : void 0
@@ -1957,8 +1962,8 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
       emit: o,
       key: "open",
       default: !1
-    }), c = m(() => !!l.default), d = m(() => c.value ? u.value ? ho : un : e.icon);
-    return (p, v) => !c.value || a(r) ? (i(), w(ro, O({
+    }), c = m(() => !!l.default), d = m(() => c.value ? u.value ? bo : un : e.icon);
+    return (p, v) => !c.value || a(r) ? (i(), w(ro, M({
       key: 0,
       class: ["onyx-fab", `onyx-fab--${e.alignment}`]
     }, e, {
@@ -1967,14 +1972,14 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
     }), null, 16, ["class", "icon", "skeleton"])) : (i(), w(Ye, {
       key: 1,
       open: a(u),
-      "onUpdate:open": v[0] || (v[0] = (_) => Me(u) ? u.value = _ : null),
+      "onUpdate:open": v[0] || (v[0] = (b) => Ae(u) ? u.value = b : null),
       label: e.label,
       trigger: "click",
       class: R(["onyx-fab", `onyx-fab--${e.alignment}`, a(s)]),
       alignment: e.alignment
     }, {
-      button: $(({ trigger: _ }) => [
-        A(ro, O(a(he)(e, _), {
+      button: $(({ trigger: b }) => [
+        O(ro, M(a(he)(e, b), {
           label: e.label,
           "hide-label": "",
           icon: d.value
@@ -2002,11 +2007,11 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
     } = ko();
     return (s, r) => (i(), f(
       "li",
-      O({
+      M({
         class: ["onyx-component", "onyx-fab-item", a(e)]
       }, a(o)),
       [
-        A(ro, O(a(he)(a(l)({}), t), {
+        O(ro, M(a(he)(a(l)({}), t), {
           label: t.label
         }), null, 16, ["label"])
       ],
@@ -2047,7 +2052,7 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
     );
     return (l, s) => a(t).items.value.length === 1 ? (i(), w(
       qo,
-      Ne(O({ key: 0 }, a(t).items.value[0].value)),
+      Ne(M({ key: 0 }, a(t).items.value[0].value)),
       null,
       16
       /* FULL_PROPS */
@@ -2062,7 +2067,7 @@ const Ys = ["role", "aria-label"], So = /* @__PURE__ */ T({
           null,
           ce(a(t).items.value, (r) => (i(), w(
             Xs,
-            O({
+            M({
               key: r.value.id
             }, { ref_for: !0 }, { ...r.value, ...r.value.ifOption }),
             null,
@@ -2210,7 +2215,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
     return (u, c) => a(l) ? (i(), w(X, {
       key: 0,
       class: R(["onyx-button-skeleton", a(e)])
-    }, null, 8, ["class"])) : (i(), w(mt, O({ key: 1 }, t, {
+    }, null, 8, ["class"])) : (i(), w(mt, M({ key: 1 }, t, {
       class: [
         "onyx-component",
         "onyx-button",
@@ -2220,7 +2225,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         a(e)
       ],
       "aria-label": t.loading ? t.label : void 0
-    }, Oa(r.value)), {
+    }, Ma(r.value)), {
       default: $(() => [
         !a(o) && !t.loading ? (i(), w(
           dr,
@@ -2306,14 +2311,14 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           l.headerActions ? (i(), w(Ye, {
             key: 1,
             class: "onyx-info-card__action",
-            label: a(s)("notificationCard.moreActions"),
+            label: a(s)("flyoutMenu.moreActions"),
             trigger: "click",
             alignment: "right"
           }, {
             button: $(({ trigger: p }) => [
-              A($e, O(p, {
-                label: a(s)("notificationCard.toggleActions"),
-                icon: a(bo),
+              O($e, M(p, {
+                label: a(s)("flyoutMenu.toggleActions.click"),
+                icon: a(ho),
                 color: u.value
               }), null, 16, ["label", "icon", "color"])
             ]),
@@ -2432,7 +2437,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         null,
         ce(a(t).notifications.value, ({ id: l, ...s }) => (i(), w(
           hr,
-          O({ key: l }, { ref_for: !0 }, s),
+          M({ key: l }, { ref_for: !0 }, s),
           xe({
             default: $(() => [
               Y(
@@ -2452,7 +2457,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                   null,
                   ce(s.buttons, (r) => (i(), w(
                     ct,
-                    O({
+                    M({
                       key: r.label
                     }, { ref_for: !0 }, r),
                     null,
@@ -2527,7 +2532,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                 class: "onyx-toast-message__close",
                 onClick: p[0] || (p[0] = (v) => o("close"))
               }, [
-                A(z, { icon: a(We) }, null, 8, ["icon"])
+                O(z, { icon: a(We) }, null, 8, ["icon"])
               ], 8, Cr))
             ]),
             e.description ? (i(), f(
@@ -2575,7 +2580,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
     show: e,
     remove: o
   };
-}, Or = () => {
+}, Mr = () => {
   const n = () => {
   };
   return be(
@@ -2588,23 +2593,23 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
     }),
     !0
   );
-}, Ar = {
+}, Or = {
   key: 0,
   class: "onyx-component onyx-toast",
   role: "presentation",
   "aria-live": "polite",
   open: ""
-}, Mr = /* @__PURE__ */ T({
+}, Ar = /* @__PURE__ */ T({
   __name: "OnyxToast",
   setup(n) {
-    const t = Or();
-    return (e, o) => a(t).toasts.value.length ? (i(), f("dialog", Ar, [
+    const t = Mr();
+    return (e, o) => a(t).toasts.value.length ? (i(), f("dialog", Or, [
       (i(!0), f(
         K,
         null,
         ce(a(t).toasts.value, ({ id: l, ...s }) => (i(), w(
           zn,
-          O({ key: l }, { ref_for: !0 }, s),
+          M({ key: l }, { ref_for: !0 }, s),
           null,
           16
           /* FULL_PROPS */
@@ -2636,9 +2641,9 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         y("div", Ir, [
           E(o.$slots, "default")
         ]),
-        A(Mr),
-        A(er),
-        A(xr)
+        O(Ar),
+        O(er),
+        O(xr)
       ],
       2
       /* CLASS */
@@ -2788,9 +2793,9 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         const u = Ko(n.parentRef.value), c = Ko(n.listRef.value);
         l.value > 0 && (r -= l.value + u), t.value = [], e.value = [];
         const d = Array.from(s.entries());
-        F(n.direction) === "ltr" && d.reverse(), d.forEach(([p, v], _, { length: b }) => {
-          r -= v + (_ > 0 ? c : 0), r >= 0 || // check if last element fits if more indicator would be hidden
-          _ === b - 1 && r + l.value >= 0 ? t.value.push(p) : e.value.push(p);
+        F(n.direction) === "ltr" && d.reverse(), d.forEach(([p, v], b, { length: g }) => {
+          r -= v + (b > 0 ? c : 0), r >= 0 || // check if last element fits if more indicator would be hidden
+          b === g - 1 && r + l.value >= 0 ? t.value.push(p) : e.value.push(p);
         });
       },
       {
@@ -2851,7 +2856,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
   setup(n) {
     const t = n, e = m(() => {
       const o = t.withExternalIcon;
-      return o !== "auto" ? o : !On(t.href ?? "");
+      return o !== "auto" ? o : !Mn(t.href ?? "");
     });
     return (o, l) => e.value ? (i(), w(z, {
       key: 0,
@@ -2919,13 +2924,13 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       key: "open",
       default: !1
     }), d = Q("backButtonRef"), p = Q("menuItemRef"), {
-      elements: { listItem: v, menuItem: _ }
+      elements: { listItem: v, menuItem: b }
     } = ko({
       onOpen: async () => {
         h.value && (c.value = !0, await He(), d.value?.$el.querySelector("button").focus());
       }
-    }), { isActive: b } = dt(), x = m(() => s.active !== "auto" ? s.active : b.value(s.link)), g = m(
-      () => _({
+    }), { isActive: g } = dt(), x = m(() => s.active !== "auto" ? s.active : g.value(s.link)), _ = m(
+      () => b({
         active: x.value,
         disabled: s.disabled
       })
@@ -2942,9 +2947,9 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           break;
       }
     };
-    return (C, M) => {
-      const L = Aa("OnyxMenuItem", !0);
-      return i(), w($o, O({
+    return (C, A) => {
+      const L = Oa("OnyxMenuItem", !0);
+      return i(), w($o, M({
         selected: x.value,
         active: x.value,
         color: s.color,
@@ -2952,12 +2957,12 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         class: ["onyx-menu-item", { "onyx-menu-item--open": a(c) }]
       }, a(he)(a(v), a(o))), {
         default: $(() => [
-          Se(A(mt, O({
+          Se(O(mt, M({
             ref: "menuItemRef",
             class: "onyx-menu-item__trigger",
             disabled: s.disabled,
             link: s.link
-          }, a(he)(g.value, a(l), k.value)), {
+          }, a(he)(_.value, a(l), k.value)), {
             default: $(() => [
               E(C.$slots, "default", {}, () => [
                 y("span", null, [
@@ -2968,7 +2973,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                     1
                     /* TEXT */
                   ),
-                  A(
+                  O(
                     Gn,
                     Ne(Qe(s.link ? a(nt)(s.link) : void 0)),
                     null,
@@ -2978,7 +2983,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                 ])
               ]),
               h.value ? (i(), f("div", qr, [
-                A(z, {
+                O(z, {
                   icon: a(go),
                   size: "24px"
                 }, null, 8, ["icon"])
@@ -2993,17 +2998,17 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
             "ul",
             Kr,
             [
-              A(
+              O(
                 L,
                 {
                   ref: "backButtonRef",
                   class: "onyx-menu-item__back",
                   onKeydown: B,
-                  onClick: M[0] || (M[0] = Re((P) => c.value = !1, ["stop"]))
+                  onClick: A[0] || (A[0] = Re((P) => c.value = !1, ["stop"]))
                 },
                 {
                   default: $(() => [
-                    A(z, { icon: a(pn) }, null, 8, ["icon"]),
+                    O(z, { icon: a(pn) }, null, 8, ["icon"]),
                     Y(
                       " " + I(a(e)("back")),
                       1
@@ -3040,13 +3045,13 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
   },
   setup(n) {
     const t = n, { restAttrs: e, rootAttrs: o } = we(), { densityClass: l } = U(t), { currentRoute: s } = dt(), r = ae(t), { componentRef: u, isVisible: c } = Pn(Un), d = be(Hn, void 0), p = m(() => t.href && t.active === "auto" ? t.href === s.value?.path : t.active);
-    return (v, _) => (i(), f(
+    return (v, b) => (i(), f(
       K,
       null,
       [
         a(c) || p.value ? (i(), f(
           "li",
-          O({
+          M({
             key: 0,
             ref_key: "componentRef",
             ref: u,
@@ -3063,7 +3068,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
             a(r) ? (i(), w(X, {
               key: 0,
               class: "onyx-breadcrumb-item__link onyx-breadcrumb-item__skeleton"
-            })) : (i(), w(mt, O({
+            })) : (i(), w(mt, M({
               key: 1,
               class: "onyx-breadcrumb-item__link",
               link: t.href,
@@ -3083,7 +3088,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           key: 1,
           to: a(d)
         }, [
-          a(c) ? S("v-if", !0) : (i(), w(Ke, O({
+          a(c) ? S("v-if", !0) : (i(), w(Ke, M({
             key: 0,
             link: t.href,
             active: p.value
@@ -3183,7 +3188,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       "aria-hidden": t.skeleton
     }, [
       y("ol", jr, [
-        A(Wo, {
+        O(Wo, {
           class: "onyx-breadcrumb__home",
           href: t.home?.link ?? "/",
           "aria-label": t.home?.label ?? a(e)("breadcrumb.home"),
@@ -3211,7 +3216,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           _: 1
           /* STABLE */
         }, 8, ["href", "aria-label", "skeleton"]),
-        A(qn, {
+        O(qn, {
           "injection-key": a(Un),
           direction: "ltr"
         }, {
@@ -3227,18 +3232,18 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
             )
           ]),
           more: $(({ attributes: r }) => [
-            A(Ye, O(r, {
+            O(Ye, M(r, {
               label: a(e)("navigation.moreNavItemsLabel"),
               trigger: "click"
             }), {
               button: $(({ trigger: u }) => [
-                A(Wo, O(u, {
+                O(Wo, M(u, {
                   "aria-label": a(e)("navigation.showMoreNavItemsLabel"),
                   title: a(e)("navigation.showMoreNavItemsLabel"),
                   icon: a(Lo)
                 }), {
                   default: $(() => [
-                    A(z, {
+                    O(z, {
                       icon: a(Lo),
                       size: "16px"
                     }, null, 8, ["icon"])
@@ -3277,7 +3282,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
     const t = n, { densityClass: e } = U(t), o = m(
       () => t.link != null ? nt(t.link) : void 0
     );
-    return (l, s) => (i(), w(Be(o.value ? pt : t.clickable ? "button" : "div"), O(o.value, {
+    return (l, s) => (i(), w(Be(o.value ? pt : t.clickable ? "button" : "div"), M(o.value, {
       class: ["onyx-component", "onyx-card", a(e), "onyx-truncation-multiline", "onyx-text"]
     }), {
       default: $(() => [
@@ -3325,7 +3330,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         onFocusin: c[1] || (c[1] = (d) => o("hovered"))
       },
       [
-        (i(), w(Be(e.is), O(a(he)(r.value, e.buttonAttributes), {
+        (i(), w(Be(e.is), M(a(he)(r.value, e.buttonAttributes), {
           class: [
             "onyx-calendar-cell__content",
             {
@@ -3376,7 +3381,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
     return (l, s) => a(o) ? (i(), w(X, {
       key: 0,
       class: R(["onyx-icon-button-skeleton", a(e)])
-    }, null, 8, ["class"])) : (i(), w(mt, O({ key: 1 }, t, {
+    }, null, 8, ["class"])) : (i(), w(mt, M({ key: 1 }, t, {
       "aria-label": t.label,
       title: t.label,
       class: [
@@ -3434,7 +3439,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       () => e.position === "auto" ? L.value : e.position
     ), v = m(
       () => e.alignment === "auto" ? H.value : e.alignment
-    ), _ = m(() => {
+    ), b = m(() => {
       if ((p.value === "top" || p.value === "bottom") && e.alignsWithEdge) {
         if (v.value === "left")
           return `${p.value} x-start`;
@@ -3442,10 +3447,10 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           return `${p.value} x-end`;
       }
       return p.value.includes(" ") ? p.value : `${p.value} center`;
-    }), b = () => d.value === "hover" ? As(u.value) : Os(c.value), x = Ze(b());
-    J(d, () => x.value = b());
-    const g = m(() => x.value?.elements.tooltip), h = m(() => F(x.value?.elements.trigger)), k = ie(() => e.alignsWithEdge), B = ie(() => e.fitParent), C = Q("tooltipWrapperRefEl"), M = Q("tooltipRefEl"), { openDirection: L, updateOpenDirection: P } = wo(C, "top"), { openAlignment: H, updateOpenAlignment: Z } = Rn(C, M), { leftPosition: se, topPosition: V, updateAnchorPositionPolyfill: G, useragentSupportsAnchorApi: te } = In({
-      positionedRef: M,
+    }), g = () => d.value === "hover" ? Os(u.value) : Ms(c.value), x = Ze(g());
+    J(d, () => x.value = g());
+    const _ = m(() => x.value?.elements.tooltip), h = m(() => F(x.value?.elements.trigger)), k = ie(() => e.alignsWithEdge), B = ie(() => e.fitParent), C = Q("tooltipWrapperRefEl"), A = Q("tooltipRefEl"), { openDirection: L, updateOpenDirection: P } = wo(C, "top"), { openAlignment: H, updateOpenAlignment: Z } = Rn(C, A), { leftPosition: se, topPosition: V, updateAnchorPositionPolyfill: G, useragentSupportsAnchorApi: te } = In({
+      positionedRef: A,
       targetRef: C,
       positionArea: p,
       alignment: v,
@@ -3459,7 +3464,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       listener: () => q()
     });
     const N = (fe) => {
-      fe ? M.value?.showPopover?.() : M.value?.hidePopover?.();
+      fe ? A.value?.showPopover?.() : A.value?.hidePopover?.();
     }, ge = m(() => ({
       "onyx-tooltip--danger": e.color === "danger",
       "onyx-tooltip--success": e.color === "success",
@@ -3491,7 +3496,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
     const Pe = `--anchor-${me()}`, ye = m(() => te.value ? {
       width: Fe.value,
       "position-anchor": Pe,
-      "position-area": _.value
+      "position-area": b.value
     } : {
       width: Fe.value,
       left: se.value,
@@ -3507,7 +3512,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       [
         y(
           "div",
-          O({ ref: "tooltipRefEl" }, g.value, {
+          M({ ref: "tooltipRefEl" }, _.value, {
             class: ["onyx-tooltip", "onyx-text--small", "onyx-truncation-multiline", ge.value],
             style: ye.value
           }),
@@ -3564,7 +3569,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       default: $(({ trigger: u }) => [
         y(
           "button",
-          O(u, {
+          M(u, {
             class: l.value,
             type: "button"
           }),
@@ -3647,14 +3652,14 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       props: e,
       emit: o,
       default: () => /* @__PURE__ */ new Date()
-    }), { densityClass: u } = U(e), c = ae(e), { t: d, locale: p, d: v } = W(), _ = Q("calendar"), { width: b } = qe(_), x = m(
-      () => e.size !== "auto" ? e.size : b.value < ht.xs ? "small" : "big"
-    ), { disabled: g, min: h, max: k, weekStartDay: B, showCalendarWeeks: C, selectionMode: M } = Nt(e), {
+    }), { densityClass: u } = U(e), c = ae(e), { t: d, locale: p, d: v } = W(), b = Q("calendar"), { width: g } = qe(b), x = m(
+      () => e.size !== "auto" ? e.size : g.value < ht.xs ? "small" : "big"
+    ), { disabled: _, min: h, max: k, weekStartDay: B, showCalendarWeeks: C, selectionMode: A } = Nt(e), {
       state: { weeksToRender: L, weekdayNames: P },
       elements: { table: H, cell: Z, button: se },
       internals: { goToMonthByOffset: V, goToToday: G, isSelected: te, isToday: q, getRangeType: N, isDisabled: ge }
     } = hs({
-      disabled: g,
+      disabled: _,
       min: h,
       max: k,
       locale: p,
@@ -3663,11 +3668,11 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       showCalendarWeeks: C,
       viewMonth: r,
       modelValue: s,
-      selectionMode: M,
+      selectionMode: A,
       onUpdateViewMonth: (fe) => r.value = fe,
       onUpdateModelValue: (fe) => s.value = fe
     }), le = D(), Fe = (fe) => {
-      M.value === "range" && (le.value = fe.date);
+      A.value === "range" && (le.value = fe.date);
     }, Pe = m(() => e.showCalendarWeeks ? [d.value("calendar.calenderWeek"), ...P.value] : P.value), ye = m(() => (fe) => {
       const Ee = e.selectionMode === "range" ? s.value : void 0;
       return !Ee || Ee.end || !le.value ? N.value(fe) : N.value(fe, {
@@ -3682,8 +3687,8 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         class: R(["onyx-component", "onyx-calendar-skeleton", a(u)])
       },
       [
-        A(X, { class: "onyx-calendar-skeleton__header" }),
-        A(X, { class: "onyx-calendar-skeleton__body" })
+        O(X, { class: "onyx-calendar-skeleton__header" }),
+        O(X, { class: "onyx-calendar-skeleton__body" })
       ],
       2
       /* CLASS */
@@ -3701,18 +3706,18 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
               key: 0,
               label: a(d)("calendar.todayButton.label"),
               class: "control-container__today-btn",
-              disabled: a(g),
+              disabled: a(_),
               clickable: a(d)("calendar.todayButton.tooltip"),
               onClick: a(G)
             }, null, 8, ["label", "disabled", "clickable", "onClick"])) : S("v-if", !0),
-            A(bt, {
+            O(bt, {
               label: a(d)("calendar.previousMonthButton"),
               color: "neutral",
               icon: a(_o),
-              disabled: a(g),
-              onClick: Ee[0] || (Ee[0] = (Ae) => a(V)(-1))
+              disabled: a(_),
+              onClick: Ee[0] || (Ee[0] = (Oe) => a(V)(-1))
             }, null, 8, ["label", "icon", "disabled"]),
-            A(Ve, {
+            O(Ve, {
               is: "h2",
               class: "control-container__date-display"
             }, {
@@ -3726,12 +3731,12 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
               _: 1
               /* STABLE */
             }),
-            A(bt, {
+            O(bt, {
               label: a(d)("calendar.nextMonthButton"),
               color: "neutral",
               icon: a(go),
-              disabled: a(g),
-              onClick: Ee[1] || (Ee[1] = (Ae) => a(V)(1))
+              disabled: a(_),
+              onClick: Ee[1] || (Ee[1] = (Oe) => a(V)(1))
             }, null, 8, ["label", "icon", "disabled"])
           ]),
           y("div", si, [
@@ -3748,11 +3753,11 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                   (i(!0), f(
                     K,
                     null,
-                    ce(Pe.value, (Ae) => (i(), f("th", {
-                      key: Ae,
+                    ce(Pe.value, (Oe) => (i(), f("th", {
+                      key: Oe,
                       scope: "col",
-                      abbr: Ae
-                    }, I(Ae), 9, ii))),
+                      abbr: Oe
+                    }, I(Oe), 9, ii))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -3762,20 +3767,20 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                 (i(!0), f(
                   K,
                   null,
-                  ce(a(L), (Ae) => (i(), f("tr", {
-                    key: Ae.weekNumber
+                  ce(a(L), (Oe) => (i(), f("tr", {
+                    key: Oe.weekNumber
                   }, [
                     a(C) ? (i(), f(
                       "th",
                       ci,
-                      I(Ae.weekNumber),
+                      I(Oe.weekNumber),
                       1
                       /* TEXT */
                     )) : S("v-if", !0),
                     (i(!0), f(
                       K,
                       null,
-                      ce(Ae.days, (_e) => (i(), w(ei, O({
+                      ce(Oe.days, (_e) => (i(), w(ei, M({
                         is: e.selectionMode ? "button" : "div"
                       }, { ref_for: !0 }, a(Z)({ date: _e.date }), {
                         key: _e.date.toDateString(),
@@ -3849,7 +3854,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
     return e[l] = e[l] || [], e[l].push(o), e;
   },
   {}
-), Ot = (n, t) => {
+), Mt = (n, t) => {
   const e = Object.entries(n);
   return t && e.sort(([o], [l]) => o === t ? -1 : l === t ? 1 : 0), e.map(([o, l]) => ({
     name: o,
@@ -3988,7 +3993,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         default: $(({ trigger: r }) => [
           y(
             "div",
-            O({ ref: "targetRef" }, r),
+            M({ ref: "targetRef" }, r),
             null,
             16
             /* FULL_PROPS */
@@ -4033,15 +4038,15 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       emit: l,
       key: "modelValue",
       default: !1
-    }), { vCustomValidity: c, errorMessages: d } = Je({ props: o, emit: l }), { densityClass: p } = U(o), { disabled: v, requiredMarker: _ } = ke(o), b = ae(o), { requiredMarkerClass: x, requiredTypeClass: g } = Ut(o, _), h = m(() => o.hideLabel ? o.label : void 0), k = Q("inputRef");
-    return t({ input: k }), Ie(k, o), (B, C) => a(b) ? (i(), f(
+    }), { vCustomValidity: c, errorMessages: d } = Je({ props: o, emit: l }), { densityClass: p } = U(o), { disabled: v, requiredMarker: b } = ke(o), g = ae(o), { requiredMarkerClass: x, requiredTypeClass: _ } = Ut(o, b), h = m(() => o.hideLabel ? o.label : void 0), k = Q("inputRef");
+    return t({ input: k }), Ie(k, o), (B, C) => a(g) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
         class: ["onyx-component", "onyx-checkbox-skeleton", a(p)]
       }, a(s)),
       [
-        A(X, { class: "onyx-checkbox-skeleton__input" }),
+        O(X, { class: "onyx-checkbox-skeleton__input" }),
         o.hideLabel ? S("v-if", !0) : (i(), w(X, {
           key: 0,
           class: "onyx-checkbox-skeleton__label"
@@ -4049,14 +4054,14 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       ],
       16
       /* FULL_PROPS */
-    )) : (i(), w(Co, O({
+    )) : (i(), w(Co, M({
       key: 1,
       disabled: a(v),
       "error-messages": a(d)
     }, a(s)), {
       default: $(() => [
         y("label", {
-          class: R(["onyx-component onyx-checkbox", [a(g), a(p)]]),
+          class: R(["onyx-component onyx-checkbox", [a(_), a(p)]]),
           title: h.value
         }, [
           y("div", _i, [
@@ -4064,10 +4069,10 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
               key: 0,
               class: "onyx-checkbox__loading",
               type: "circle"
-            })) : Se((i(), f("input", O({
+            })) : Se((i(), f("input", M({
               key: 1,
               ref: "inputRef",
-              "onUpdate:modelValue": C[0] || (C[0] = (M) => Me(u) ? u.value = M : null),
+              "onUpdate:modelValue": C[0] || (C[0] = (A) => Ae(u) ? u.value = A : null),
               "aria-label": o.hideLabel ? o.label : void 0,
               class: "onyx-checkbox__input",
               type: "checkbox",
@@ -4168,12 +4173,12 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       key: "open"
     }), s = m(() => typeof e.trigger == "object" ? e.trigger.type : e.trigger);
     return (r, u) => (i(), f("span", wi, [
-      s.value === "click" ? (i(), w(gt, O({ key: 0 }, e, {
+      s.value === "click" ? (i(), w(gt, M({ key: 0 }, e, {
         open: a(l),
-        "onUpdate:open": u[0] || (u[0] = (c) => Me(l) ? l.value = c : null)
+        "onUpdate:open": u[0] || (u[0] = (c) => Ae(l) ? l.value = c : null)
       }), {
         default: $(({ trigger: c }) => [
-          A($e, O({
+          O($e, M({
             label: (
               // if type is `click` aria-label will always be defined
               c["aria-label"]
@@ -4189,17 +4194,17 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         K,
         { key: 1 },
         [
-          A(gt, O(e, {
+          O(gt, M(e, {
             open: a(l),
-            "onUpdate:open": u[1] || (u[1] = (c) => Me(l) ? l.value = c : null),
+            "onUpdate:open": u[1] || (u[1] = (c) => Ae(l) ? l.value = c : null),
             "aria-hidden": "true"
           }), {
             default: $(({ trigger: c }) => [
               y(
                 "span",
-                O({ class: "onyx-info-tooltip__trigger" }, c),
+                M({ class: "onyx-info-tooltip__trigger" }, c),
                 [
-                  A(z, { icon: a(eo) }, null, 8, ["icon"])
+                  O(z, { icon: a(eo) }, null, 8, ["icon"])
                 ],
                 16
                 /* FULL_PROPS */
@@ -4208,7 +4213,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
             _: 1
             /* STABLE */
           }, 16, ["open"]),
-          A(et, null, {
+          O(et, null, {
             default: $(() => [
               Y(
                 I(e.text),
@@ -4255,23 +4260,23 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       u.value = k ? [...u.value, h] : u.value.filter((B) => B !== h);
     }, d = m(
       () => o.options.filter((h) => !h.disabled && !h.skeleton).map(({ value: h }) => h)
-    ), { disabled: p, requiredMarker: v } = ke(o), _ = ae(o), b = Yn(
+    ), { disabled: p, requiredMarker: v } = ke(o), b = ae(o), g = Yn(
       d,
       m(() => u.value),
       (h) => u.value = h
     ), x = m(() => {
       const h = r.value("selections.selectAll");
       return typeof o.withCheckAll == "boolean" ? h : o.withCheckAll?.label ?? h;
-    }), g = Q("checkboxesRef");
+    }), _ = Q("checkboxesRef");
     return t({
-      inputs: m(() => (Array.isArray(g.value) ? g.value : [g.value]).flatMap((k) => k?.input).filter((k) => !!k))
+      inputs: m(() => (Array.isArray(_.value) ? _.value : [_.value]).flatMap((k) => k?.input).filter((k) => !!k))
     }), (h, k) => (i(), f("fieldset", {
       class: R(["onyx-component", "onyx-checkbox-group", a(l)]),
       disabled: a(p),
       "aria-label": o.label
     }, [
       o.hideLabel ? S("v-if", !0) : (i(), f("legend", $i, [
-        A(Ve, { is: "h3" }, {
+        O(Ve, { is: "h3" }, {
           default: $(() => [
             Y(
               I(o.label),
@@ -4297,10 +4302,10 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           }])
         },
         [
-          a(_) ? typeof a(_) == "number" ? (i(!0), f(
+          a(b) ? typeof a(b) == "number" ? (i(!0), f(
             K,
             { key: 1 },
-            ce(a(_), (B) => (i(), w(vt, {
+            ce(a(b), (B) => (i(), w(vt, {
               key: B,
               label: `Skeleton ${B}`,
               value: `skeleton-${B}`,
@@ -4312,19 +4317,19 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
             K,
             { key: 0 },
             [
-              o.withCheckAll ? (i(), w(vt, O({
+              o.withCheckAll ? (i(), w(vt, M({
                 key: 0,
                 "required-marker": a(v)
-              }, a(b).state.value, {
+              }, a(g).state.value, {
                 label: x.value,
                 value: "all",
                 class: "onyx-checkbox-group__option onyx-checkbox-group__check-all",
-                "onUpdate:modelValue": a(b).handleChange
+                "onUpdate:modelValue": a(g).handleChange
               }), null, 16, ["required-marker", "label", "onUpdate:modelValue"])) : S("v-if", !0),
               (i(!0), f(
                 K,
                 null,
-                ce(o.options, (B) => (i(), w(vt, O({
+                ce(o.options, (B) => (i(), w(vt, M({
                   key: B.value.toString()
                 }, { ref_for: !0 }, B, {
                   ref_for: !0,
@@ -4368,7 +4373,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       },
       [
         E(l.$slots, "icon", {}, () => [
-          A(z, {
+          O(z, {
             icon: a(dn),
             size: "48px"
           }, null, 8, ["icon"])
@@ -4387,7 +4392,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
 }), Bi = {
   key: 0,
   class: "onyx-table-wrapper__top"
-}, Oi = ["id"], Ai = { class: "onyx-table-wrapper__actions" }, Mi = ["tabindex"], Ti = ["aria-labelledby"], Ii = ["span"], Ri = {
+}, Mi = ["id"], Oi = { class: "onyx-table-wrapper__actions" }, Ai = ["tabindex"], Ti = ["aria-labelledby"], Ii = ["span"], Ri = {
   key: 0,
   class: "onyx-table__header"
 }, Di = { key: 0 }, Li = ["colspan"], Ni = { class: "onyx-table__empty" }, Vi = { colspan: "99" }, zi = { class: "onyx-table__empty-content" }, Fi = {
@@ -4408,7 +4413,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       "--onyx-table-observed-height": `${u.value}px`,
       "--onyx-table-observed-width": `${c.value}px`
     })), p = me(), v = m(() => e.headline ? p : void 0);
-    return (_, b) => (i(), f(
+    return (b, g) => (i(), f(
       "div",
       {
         class: "onyx-table-wrapper onyx-component",
@@ -4417,13 +4422,13 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       [
         e.headline || e.actions ? (i(), f("div", Bi, [
           y("div", { id: v.value }, [
-            E(_.$slots, "headline")
-          ], 8, Oi),
-          y("div", Ai, [
-            E(_.$slots, "actions")
+            E(b.$slots, "headline")
+          ], 8, Mi),
+          y("div", Oi, [
+            E(b.$slots, "actions")
           ])
         ])) : S("v-if", !0),
-        y("div", O({
+        y("div", M({
           class: [
             "onyx-table-wrapper__container",
             { "onyx-table-wrapper__container--no-scroll": t.withPageScrolling }
@@ -4466,15 +4471,15 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                   /* KEYED_FRAGMENT */
                 ))
               ])) : S("v-if", !0),
-              E(_.$slots, "head")
+              E(b.$slots, "head")
             ])) : S("v-if", !0),
             y("tbody", null, [
-              E(_.$slots, "default", {}, () => [
+              E(b.$slots, "default", {}, () => [
                 y("tr", Ni, [
                   y("td", Vi, [
                     y("div", zi, [
-                      E(_.$slots, "empty", { defaultMessage: s.value }, () => [
-                        A(Jn, null, {
+                      E(b.$slots, "empty", { defaultMessage: s.value }, () => [
+                        O(Jn, null, {
                           default: $(() => [
                             Y(
                               I(s.value),
@@ -4492,13 +4497,13 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
               ])
             ])
           ], 10, Ti)
-        ], 16, Mi),
+        ], 16, Ai),
         e.bottomLeft || e.pagination ? (i(), f("div", Fi, [
           y("div", null, [
-            E(_.$slots, "bottomLeft")
+            E(b.$slots, "bottomLeft")
           ]),
           y("div", null, [
-            E(_.$slots, "pagination")
+            E(b.$slots, "pagination")
           ])
         ])) : S("v-if", !0)
       ],
@@ -4524,7 +4529,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       "--onyx-data-grid-row-count": Math.max(t.rows.length + 2, 3),
       "--onyx-data-grid-template-columns": t.columns.map(({ key: l, width: s }) => `var(${`--onyx-data-grid-column-${Eo(l)}`}, ${s ?? "minmax(min-content, 1fr)"})`).join(" ")
     }));
-    return (l, s) => (i(), w(Zn, O({ class: "onyx-data-grid" }, t, {
+    return (l, s) => (i(), w(Zn, M({ class: "onyx-data-grid" }, t, {
       "scroll-container-attrs": a(he)(t.scrollContainerAttrs, { style: o.value })
     }), xe({
       head: $(() => [
@@ -4534,7 +4539,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
             null,
             ce(t.columns, (r) => (i(), f(
               "th",
-              O({
+              M({
                 key: r.key
               }, { ref_for: !0 }, r.thAttributes, {
                 ref_for: !1,
@@ -4543,7 +4548,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
               [
                 (i(), w(
                   Be(r.component),
-                  O({ ref_for: !0 }, r.props),
+                  M({ ref_for: !0 }, r.props),
                   null,
                   16
                   /* FULL_PROPS */
@@ -4563,7 +4568,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           null,
           ce(t.rows, (r) => (i(), f(
             "tr",
-            O({
+            M({
               key: r.id
             }, { ref_for: !0 }, r.trAttributes),
             [
@@ -4578,14 +4583,14 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
                   [
                     r.cells[u.key] ? (i(), f(
                       "td",
-                      O({
+                      M({
                         key: 0,
                         ref_for: !0
                       }, r.cells[u.key].tdAttributes),
                       [
                         (i(), w(
                           Be(r.cells[u.key].component),
-                          O({ ref_for: !0 }, r.cells[u.key].props),
+                          M({ ref_for: !0 }, r.cells[u.key].props),
                           null,
                           16
                           /* FULL_PROPS */
@@ -4644,17 +4649,17 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
        * Focuses the input.
        */
       focus: () => p.value?.focus()
-    }), (_, b) => (i(), f(
+    }), (b, g) => (i(), f(
       "div",
-      O({
+      M({
         class: ["onyx-component", "onyx-mini-search", a(c)]
       }, a(r), {
         style: { "--onyx-placeholder-character-count": v.value.length }
       }),
       [
-        Se(y("input", O({
+        Se(y("input", M({
           ref: "inputRef",
-          "onUpdate:modelValue": b[0] || (b[0] = (x) => Me(s) ? s.value = x : null),
+          "onUpdate:modelValue": g[0] || (g[0] = (x) => Ae(s) ? s.value = x : null),
           autofocus: o.autofocus,
           class: "onyx-mini-search__input onyx-text",
           placeholder: v.value,
@@ -4670,13 +4675,13 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
           class: "onyx-mini-search__clear",
           "aria-label": a(d)("select.clearSearch"),
           tabindex: "-1",
-          onMousedown: b[1] || (b[1] = Re(() => {
+          onMousedown: g[1] || (g[1] = Re(() => {
           }, ["prevent"])),
-          onClick: b[2] || (b[2] = (x) => l("clear"))
+          onClick: g[2] || (g[2] = (x) => l("clear"))
         }, [
-          A(z, { icon: a(We) }, null, 8, ["icon"])
+          O(z, { icon: a(We) }, null, 8, ["icon"])
         ], 40, Hi),
-        A(z, {
+        O(z, {
           class: "onyx-mini-search__icon",
           icon: a(Va)
         }, null, 8, ["icon"])
@@ -4708,21 +4713,21 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
       ])) : S("v-if", !0)
     ]));
   }
-}), Bo = "-", xt = (n) => n?.fallback ?? Bo, Oe = (n) => Object.freeze(n), Qn = (n, t) => {
+}), Bo = "-", xt = (n) => n?.fallback ?? Bo, Me = (n) => Object.freeze(n), Qn = (n, t) => {
   if (n == null || n instanceof Date || typeof n == "boolean" || typeof n == "symbol")
     return xt(t);
   const { n: e } = W();
   return e.value(n, t?.format ?? "decimal").replace("NaN", Bo);
-}, ea = Oe({
+}, ea = Me({
   header: { component: at },
   cell: {
     component: ({ metadata: n, modelValue: t }) => Qn(t, n?.typeOptions),
     tdAttributes: { class: "onyx-data-grid-number-cell" }
   }
-}), Oo = (n, t) => n == null ? xt(t) : Array.isArray(n) ? n.map((e) => Oo(e)).filter((e) => e != xt(t)).join(", ") : n instanceof Date ? n.toString() : typeof n == "object" ? JSON.stringify(n) : String(n), Ao = Oe({
+}), Mo = (n, t) => n == null ? xt(t) : Array.isArray(n) ? n.map((e) => Mo(e)).filter((e) => e != xt(t)).join(", ") : n instanceof Date ? n.toString() : typeof n == "object" ? JSON.stringify(n) : String(n), Oo = Me({
   header: { component: at },
   cell: {
-    component: (n) => Oo(n.modelValue, n.metadata?.typeOptions)
+    component: (n) => Mo(n.modelValue, n.metadata?.typeOptions)
   }
 }), St = (n, t) => {
   if (n == null || typeof n == "boolean") return xt(t);
@@ -4733,31 +4738,31 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
   } catch {
     return xt(t);
   }
-}, ta = Oe({
+}, ta = Me({
   header: { component: at },
   cell: {
     component: (n) => St(n.modelValue, { format: "date", ...n.metadata?.typeOptions })
   }
-}), oa = Oe({
+}), oa = Me({
   header: { component: at },
   cell: {
     component: (n) => St(n.modelValue, { format: "datetime-local", ...n.metadata?.typeOptions })
   }
-}), na = Oe({
+}), na = Me({
   header: { component: at },
   cell: {
     component: (n) => St(n.modelValue, { format: "time", ...n.metadata?.typeOptions })
   }
-}), aa = Oe({
+}), aa = Me({
   header: { component: at },
   cell: {
     component: (n) => St(n.modelValue, { format: "timestamp", ...n.metadata?.typeOptions })
   }
-}), la = Oe({
+}), la = Me({
   cell: {
     component: () => re(X)
   }
-}), sa = Oe({
+}), sa = Me({
   header: { component: at },
   cell: {
     tdAttributes: {
@@ -4769,7 +4774,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
         label: o.value("yes"),
         ...t?.typeOptions?.truthy
       }, s = {
-        icon: ho,
+        icon: bo,
         label: o.value("no"),
         ...t?.typeOptions?.falsy
       }, r = e ? l : s;
@@ -4789,7 +4794,7 @@ const io = /* @__PURE__ */ Ft(lr, [["render", rr]]), ze = /* @__PURE__ */ T({
      * Returns a renderer for any given component and type.
      * Uses the fallbackRenderer if necessary.
      */
-    getFor: (o, l) => e.get(l)?.[o] ?? Ao[o]
+    getFor: (o, l) => e.get(l)?.[o] ?? Oo[o]
     // Map returns undefined if `type` is undefined, so it's safe to use the Non-Null assertion.
   };
 };
@@ -4834,10 +4839,10 @@ const Yi = (n, t) => {
     return qi(u.value, h);
   }), d = m(() => ra(r)), p = () => Yi(c.value, F(o)), v = () => he(
     ...r.map(({ scrollContainerAttributes: h }) => h?.())
-  ), _ = () => {
+  ), b = () => {
     const h = r.map((C) => C.header).filter((C) => !!C), k = h.map((C) => C.actions).filter((C) => !!C), B = h.map((C) => C.wrapper).filter((C) => !!C);
-    return c.value.map((C, M, L) => {
-      const P = k.flatMap((q) => q(C, M, L)), H = d.value.getFor("header", C.type.name), Z = P.map(({ menuItems: q }) => q).filter((q) => !!q), se = P.map(({ iconComponent: q }) => q), V = re(
+    return c.value.map((C, A, L) => {
+      const P = k.flatMap((q) => q(C, A, L)), H = d.value.getFor("header", C.type.name), Z = P.map(({ menuItems: q }) => q).filter((q) => !!q), se = P.map(({ iconComponent: q }) => q), V = re(
         Ye,
         {
           label: t.t.value("navigation.moreActionsFlyout", { column: C.label }),
@@ -4864,7 +4869,7 @@ const Yi = (n, t) => {
           ].filter(Boolean);
         }
       }, te = B.reduce(
-        (q, N) => re(N(C, M, L), q),
+        (q, N) => re(N(C, A, L), q),
         (q) => re(H.component, { label: C.label, ...q }, G)
       );
       return {
@@ -4874,14 +4879,14 @@ const Yi = (n, t) => {
         component: () => re(te)
       };
     });
-  }, b = (h) => {
-    const k = r.map((C) => C.mutation).filter((C) => !!C).sort((C, M) => (M.order ?? 0) - (C.order ?? 0));
+  }, g = (h) => {
+    const k = r.map((C) => C.mutation).filter((C) => !!C).sort((C, A) => (A.order ?? 0) - (C.order ?? 0));
     let B = [...h];
     return k.forEach(({ func: C }) => {
-      const M = C(B);
-      M && (B = M);
+      const A = C(B);
+      A && (B = A);
     }), B.map((C) => {
-      const M = C[Dt]?.columns ?? c.value, L = M.reduce(
+      const A = C[Dt]?.columns ?? c.value, L = A.reduce(
         (P, { key: H, type: Z, tdAttributes: se }) => {
           const V = d.value.getFor("cell", Z.name);
           return P[H] = {
@@ -4900,7 +4905,7 @@ const Yi = (n, t) => {
       return {
         id: C.id,
         trAttributes: C[Dt]?.trAttributes,
-        columns: M,
+        columns: A,
         cells: L
       };
     });
@@ -4908,11 +4913,11 @@ const Yi = (n, t) => {
     const h = {};
     return r.forEach((k) => {
       k.slots && Object.entries(k.slots).forEach(([B, C]) => {
-        const M = B, L = h[M] ?? (() => []), P = C(L).filter((H) => H != null);
-        P.length && (h[M] = () => P);
+        const A = B, L = h[A] ?? (() => []), P = C(L).filter((H) => H != null);
+        P.length && (h[A] = () => P);
       });
     }), h;
-  }, g = r.flatMap((h) => h.watch ?? []);
+  }, _ = r.flatMap((h) => h.watch ?? []);
   return {
     /**
      * Takes the table attributes and maps all
@@ -4921,13 +4926,13 @@ const Yi = (n, t) => {
     /** Uses the column definition and available column group config to generate the column groups for the underlying OnyxTable */
     createRendererColumnGroups: p,
     /** Takes the column definition and maps all, calls mutation func and maps at the end to RendererCell */
-    createRendererRows: b,
+    createRendererRows: g,
     /** Takes the column definition and creates a RenderHeader for each, adds actions from features */
-    createRendererColumns: _,
+    createRendererColumns: b,
     /** Uses all features and generates the content of the additional table slots (headline, pagination etc.) for the underlying OnyxTable */
     createSlots: x,
     // the combined `watch` for all features
-    watchSources: g
+    watchSources: _
   };
 }, yt = (n, t) => {
   const e = m(() => (l) => {
@@ -4947,27 +4952,27 @@ const Yi = (n, t) => {
      */
     isAsync: o
   };
-}, Zi = Symbol("Filtering"), Mo = 0, Xi = (n) => (t) => {
+}, Zi = Symbol("Filtering"), Ao = 0, Xi = (n) => (t) => {
   const { i18n: e } = t, o = ie(n?.filterState ?? {}), l = m(() => F(n?.columns)), { isEnabled: s, isAsync: r } = yt(t, n), u = (p) => r.value ? p : p.filter(
     (v) => Object.entries(o.value).every(
-      ([_, b]) => {
-        const x = l.value?.[_], g = { ...n?.filterConfig, ...x?.config };
-        if (b == null || b === "") return !0;
-        let h = b.toString(), k = v[_]?.toString() ?? "";
-        return g?.filterFunc ? g.filterFunc(
+      ([b, g]) => {
+        const x = l.value?.[b], _ = { ...n?.filterConfig, ...x?.config };
+        if (g == null || g === "") return !0;
+        let h = g.toString(), k = v[b]?.toString() ?? "";
+        return _?.filterFunc ? _.filterFunc(
           h,
           k,
-          _,
+          b,
           v
-        ) : (k = It(k), h = It(h), g.caseSensitive || (k = k.toLowerCase(), h = h.toLowerCase()), g.searchFromStart ? k.startsWith(h) : g.exactMatch ? k === h : k.includes(h));
+        ) : (k = It(k), h = It(h), _.caseSensitive || (k = k.toLowerCase(), h = h.toLowerCase()), _.searchFromStart ? k.startsWith(h) : _.exactMatch ? k === h : k.includes(h));
       }
     )
   ), c = (p) => {
     o.value[p] = "";
   }, d = (p) => {
     let v = o.value[p] || "";
-    const _ = (b) => {
-      b.key === "Enter" && (o.value[p] = v);
+    const b = (g) => {
+      g.key === "Enter" && (o.value[p] = v);
     };
     return re(Xn, {
       label: e.t.value("dataGrid.head.filtering.menu.label", { column: p.toString() }),
@@ -4976,16 +4981,16 @@ const Yi = (n, t) => {
       modelValue: v,
       // TODO: check after https://github.com/SchwarzIT/onyx/issues/2982 is closed -- `autofocus` doesn't have an effect currently
       autofocus: !0,
-      "onUpdate:modelValue": (b) => {
-        v = b || "";
+      "onUpdate:modelValue": (g) => {
+        v = g || "";
       },
       onClear: () => {
         o.value[p] = "", v = "";
       },
       onChange: () => o.value[p] = v,
-      onKeydown: _,
-      onClick: (b) => {
-        b.preventDefault(), b.stopPropagation();
+      onKeydown: b,
+      onClick: (g) => {
+        g.preventDefault(), g.stopPropagation();
       }
     });
   };
@@ -4994,7 +4999,7 @@ const Yi = (n, t) => {
     watch: [o, l],
     mutation: {
       func: u,
-      order: Mo
+      order: Ao
     },
     header: {
       actions: ({ key: p }) => s.value(p) ? [
@@ -5029,7 +5034,7 @@ const Yi = (n, t) => {
         (n.enabled?.value ?? !0) && !n.loading.value ? s.addEventListener("scroll", o) : s.removeEventListener("scroll", o);
       });
     }
-  }, isScrollEnd: Mt(e) };
+  }, isScrollEnd: At(e) };
 }, To = (n, t, e) => {
   const o = t ?? -1 / 0, l = e ?? 1 / 0;
   return Math.min(Math.max(n, o), l);
@@ -5140,26 +5145,26 @@ const Yi = (n, t) => {
       key: "modelValue"
     }), c = m(() => {
       if (e.withCounter && e.maxlength) {
-        const p = (u.value?.toString() ?? "").length, v = typeof e.maxlength == "object" ? e.maxlength.max : e.maxlength, _ = p > v;
+        const p = (u.value?.toString() ?? "").length, v = typeof e.maxlength == "object" ? e.maxlength.max : e.maxlength, b = p > v;
         return {
           length: p,
           maxLength: v,
-          violated: _
+          violated: b
         };
       }
     }), d = m(() => {
-      const { errorMessages: p, successMessages: v, message: _ } = e, b = {
+      const { errorMessages: p, successMessages: v, message: b } = e, g = {
         counter: c.value,
         errorMessages: p,
         successMessages: v,
-        message: _
+        message: b
       };
-      for (const x in b) {
-        const g = x;
-        b[g] == null && delete b[g];
+      for (const x in g) {
+        const _ = x;
+        g[_] == null && delete g[_];
       }
-      if (Object.keys(b).length !== 0)
-        return b;
+      if (Object.keys(g).length !== 0)
+        return g;
     });
     return (p, v) => (i(), f(
       "div",
@@ -5276,7 +5281,7 @@ const Yi = (n, t) => {
   },
   emits: ["inputClick", "validityChange"],
   setup(n, { expose: t, emit: e }) {
-    const { rootAttrs: o, restAttrs: l } = we(), s = n, r = e, { t: u } = W(), { vCustomValidity: c, errorMessages: d } = Je({ props: s, emit: r }), p = m(() => Te(s.success)), v = m(() => Te(s.message)), { disabled: _, showError: b } = ke(s), x = ae(s), g = $t(b), h = m(() => s.modelValue ? s.modelValue.length : 0), k = m(() => {
+    const { rootAttrs: o, restAttrs: l } = we(), s = n, r = e, { t: u } = W(), { vCustomValidity: c, errorMessages: d } = Je({ props: s, emit: r }), p = m(() => Te(s.success)), v = m(() => Te(s.message)), { disabled: b, showError: g } = ke(s), x = ae(s), _ = $t(g), h = m(() => s.modelValue ? s.modelValue.length : 0), k = m(() => {
       const H = s.modelValue?.length;
       if (!s.modelValue || !H) return "";
       if (H === 1) return s.modelValue[0];
@@ -5287,8 +5292,8 @@ const Yi = (n, t) => {
         default:
           return u.value("selections.currentSelection", { n: H });
       }
-    }), B = D(!1), { densityClass: C } = U(s), M = Q("inputRef");
-    t({ input: M }), J(
+    }), B = D(!1), { densityClass: C } = U(s), A = Q("inputRef");
+    t({ input: A }), J(
       () => s.showFocus,
       (H, Z) => {
         B.value || Z && H === !1 && (B.value = !0);
@@ -5297,9 +5302,9 @@ const Yi = (n, t) => {
     const L = Sn.concat($n), P = (H) => {
       L.includes(H.key) || H.preventDefault();
     };
-    return Ie(M, s), (H, Z) => a(x) ? (i(), f(
+    return Ie(A, s), (H, Z) => a(x) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
         class: ["onyx-component", "onyx-select-input-skeleton", a(C)]
       }, a(o)),
@@ -5308,24 +5313,24 @@ const Yi = (n, t) => {
           key: 0,
           class: "onyx-select-input-skeleton__label"
         })),
-        A(X, { class: "onyx-select-input-skeleton__input" })
+        O(X, { class: "onyx-select-input-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
     )) : (i(), f(
       "div",
-      O({
+      M({
         key: 1,
         class: [
           "onyx-component",
           "onyx-select-input",
           a(C),
-          a(g),
+          a(_),
           s.readonly ? "onyx-select-input--readonly" : "onyx-select-input--editable"
         ]
       }, a(o)),
       [
-        A(Ct, O(s, {
+        O(Ct, M(s, {
           message: v.value,
           "success-messages": p.value,
           "error-messages": a(d)
@@ -5333,14 +5338,14 @@ const Yi = (n, t) => {
           default: $(({ id: se }) => [
             y("div", {
               class: "onyx-select-input__wrapper",
-              onClick: Z[0] || (Z[0] = (V) => !a(_) && !s.loading && r("inputClick"))
+              onClick: Z[0] || (Z[0] = (V) => !a(b) && !s.loading && r("inputClick"))
             }, [
               s.loading ? (i(), w(ze, {
                 key: 0,
                 class: "onyx-select-input__loading",
                 type: "circle"
               })) : S("v-if", !0),
-              Se(y("input", O({
+              Se(y("input", M({
                 id: se,
                 ref: "inputRef",
                 class: {
@@ -5354,7 +5359,7 @@ const Yi = (n, t) => {
                 readonly: s.readonly,
                 placeholder: s.placeholder,
                 required: s.required,
-                disabled: a(_) || s.loading,
+                disabled: a(b) || s.loading,
                 "aria-label": s.hideLabel ? s.label : void 0,
                 title: s.hideLabel ? s.label : void 0,
                 value: k.value,
@@ -5370,9 +5375,9 @@ const Yi = (n, t) => {
                 position: "bottom"
               }, {
                 default: $(({ trigger: V }) => [
-                  A(
+                  O(
                     Pt,
-                    O({ class: "onyx-select-input__badge" }, V, { color: "neutral" }),
+                    M({ class: "onyx-select-input__badge" }, V, { color: "neutral" }),
                     {
                       default: $(() => [
                         Y(
@@ -5397,9 +5402,9 @@ const Yi = (n, t) => {
                 "aria-label": a(u)("select.toggleDropDown"),
                 title: a(u)("select.toggleDropDown"),
                 tabindex: "-1",
-                disabled: a(_) || s.readonly || s.loading
+                disabled: a(b) || s.readonly || s.loading
               }, [
-                A(z, { icon: a(Pa) }, null, 8, ["icon"])
+                O(z, { icon: a(Pa) }, null, 8, ["icon"])
               ], 8, rc),
               !s.hideSuccessIcon && p.value ? (i(), w(z, {
                 key: 2,
@@ -5429,7 +5434,7 @@ const Yi = (n, t) => {
   },
   setup(n) {
     const t = n;
-    return (e, o) => (i(), w($o, O({ class: "onyx-component onyx-select-option" }, t, {
+    return (e, o) => (i(), w($o, M({ class: "onyx-component onyx-select-option" }, t, {
       checked: !!e.$attrs["aria-checked"],
       selected: !!e.$attrs["aria-selected"],
       disabled: !!e.$attrs["aria-disabled"]
@@ -5547,27 +5552,27 @@ const Yi = (n, t) => {
       emit: l,
       key: "open",
       default: !1
-    }), v = Q("selectRef"), { openDirection: _, updateOpenDirection: b } = wo(v), x = D(), g = m(() => _t(c.value)), h = m(() => o.valueLabel !== void 0 ? _t(o.valueLabel) : g.value.reduce((j, pe) => {
+    }), v = Q("selectRef"), { openDirection: b, updateOpenDirection: g } = wo(v), x = D(), _ = m(() => _t(c.value)), h = m(() => o.valueLabel !== void 0 ? _t(o.valueLabel) : _.value.reduce((j, pe) => {
       const de = o.options.find(({ value: ve }) => ve === pe)?.label;
       return de && j.push(de), j;
     }, [])), k = Q("miniSearchRef"), B = Q("selectInputRef"), C = m(() => o.noFilter || !d.value ? o.options : o.options.filter(
       ({ label: j }) => Bn(j, d.value)
     ));
     J(
-      g,
+      _,
       () => {
-        o.multiple || (x.value = g.value.at(0));
+        o.multiple || (x.value = _.value.at(0));
       },
       { immediate: !0 }
     );
-    const M = me(), L = m(() => (o.multiple && o.withCheckAll && !d.value ? [M] : []).concat(
+    const A = me(), L = m(() => (o.multiple && o.withCheckAll && !d.value ? [A] : []).concat(
       Ro.value
     )), P = async (j) => {
       const pe = jo(
         _e(),
         "group"
       );
-      if (o.keepSelectionOrder ? lt.value = Ot(pe) : lt.value = Ot(
+      if (o.keepSelectionOrder ? lt.value = Mt(pe) : lt.value = Mt(
         pe,
         r.value("selections.selectGroup")
       ), o.readonly) {
@@ -5575,7 +5580,7 @@ const Yi = (n, t) => {
         return;
       }
       const de = p.value;
-      p.value = !de, await He(), p.value && b(), de !== p.value && (de ? (d.value && (d.value = ""), j || B.value?.input?.focus()) : k.value?.focus());
+      p.value = !de, await He(), p.value && g(), de !== p.value && (de ? (d.value && (d.value = ""), j || B.value?.input?.focus()) : k.value?.focus());
     }, H = () => x.value = L.value.at(0), Z = () => x.value = L.value.at(-1), se = (j) => {
       const pe = L.value.findIndex((de) => de === j);
       pe < L.value.length - 1 && (x.value = L.value[pe + 1]);
@@ -5586,7 +5591,7 @@ const Yi = (n, t) => {
       const pe = C.value.find((de) => de.label.toLowerCase().trim().startsWith(j.toLowerCase()));
       pe && (x.value = pe.value);
     }, te = (j) => d.value = j, q = (j) => {
-      if (j === M) {
+      if (j === A) {
         Et.value?.handleChange(!Et.value.state.value.modelValue);
         return;
       }
@@ -5596,11 +5601,11 @@ const Yi = (n, t) => {
         c.value = j;
         return;
       }
-      g.value.some((ve) => ve === j) ? c.value = g.value.filter(
+      _.value.some((ve) => ve === j) ? c.value = _.value.filter(
         (ve) => ve !== j
-      ) : c.value = [...g.value, j];
+      ) : c.value = [..._.value, j];
     }, N = m(() => o.withSearch ? "list" : "none"), { label: ge, listLabel: le, listDescription: Fe, multiple: Pe } = Nt(o), {
-      elements: { input: ye, option: fe, group: Ee, listbox: Ae }
+      elements: { input: ye, option: fe, group: Ee, listbox: Oe }
     } = Ss({
       autocomplete: N,
       label: ge,
@@ -5637,7 +5642,7 @@ const Yi = (n, t) => {
       () => C.value.filter((j) => !j.disabled).map(({ value: j }) => j)
     ), Et = m(() => {
       if (!(!o.multiple || !o.withCheckAll))
-        return Yn(Ro, g, (j) => {
+        return Yn(Ro, _, (j) => {
           const pe = j.map((de) => o.options.find(({ value: ve }) => ve === de)?.value).filter((de) => de != null);
           c.value = pe;
         });
@@ -5666,7 +5671,7 @@ const Yi = (n, t) => {
           _e(),
           "group"
         );
-        o.keepSelectionOrder ? lt.value = Ot(j) : lt.value = Ot(
+        o.keepSelectionOrder ? lt.value = Mt(j) : lt.value = Mt(
           j,
           r.value("selections.selectGroup")
         );
@@ -5676,16 +5681,16 @@ const Yi = (n, t) => {
       "div",
       uc,
       [
-        A(So, {
+        O(So, {
           class: R(a(u)),
           label: o.listLabel,
-          position: a(_),
+          position: a(b),
           alignment: o.alignment === "full" ? "center" : o.alignment,
           "fit-parent": o.alignment === "full",
           open: a(p)
         }, {
           default: $(() => [
-            A(ic, O({ ref: "selectInputRef" }, wa.value, {
+            O(ic, M({ ref: "selectInputRef" }, wa.value, {
               "show-focus": a(p),
               autofocus: o.autofocus,
               onInputClick: P,
@@ -5694,7 +5699,7 @@ const Yi = (n, t) => {
           ]),
           content: $(() => [
             Se((i(), f("div", dc, [
-              o.withSearch ? (i(), w(Xn, O({
+              o.withSearch ? (i(), w(Xn, M({
                 key: 0,
                 ref: "miniSearchRef",
                 autofocus: "",
@@ -5706,12 +5711,12 @@ const Yi = (n, t) => {
               }), null, 16, ["model-value", "label"])) : S("v-if", !0),
               y(
                 "div",
-                Ne(Qe(a(Ae))),
+                Ne(Qe(a(Oe))),
                 [
                   qt.value ? (i(), f("ul", pc, [
                     y("li", mc, [
                       E(j.$slots, "empty", { defaultMessage: qt.value }, () => [
-                        A(Jn, {
+                        O(Jn, {
                           density: o.density
                         }, {
                           default: $(() => [
@@ -5732,21 +5737,21 @@ const Yi = (n, t) => {
                     [
                       o.multiple && o.withCheckAll && !a(d) ? (i(), f(
                         "ul",
-                        O({
+                        M({
                           key: 0,
                           class: "onyx-select__check-all"
                         }, a(Ee)({ label: Kt.value })),
                         [
-                          A(Xo, O(
+                          O(Xo, M(
                             a(fe)({
-                              value: a(M),
+                              value: a(A),
                               label: Kt.value,
                               // TODO: remove type cast once its fixed in Vue / vue-tsc version
                               selected: Et.value?.state.value.modelValue
                             }),
                             {
                               multiple: "",
-                              active: a(M) === x.value,
+                              active: a(A) === x.value,
                               indeterminate: Et.value?.state.value.indeterminate,
                               density: o.density
                             }
@@ -5770,7 +5775,7 @@ const Yi = (n, t) => {
                         null,
                         ce(lt.value, (de) => (i(), f(
                           "ul",
-                          O({
+                          M({
                             key: de.name,
                             class: "onyx-select__group"
                           }, { ref_for: !0 }, a(Ee)({ label: de.name })),
@@ -5785,7 +5790,7 @@ const Yi = (n, t) => {
                             (i(!0), f(
                               K,
                               null,
-                              ce(de.items, (ve) => (i(), w(Xo, O(
+                              ce(de.items, (ve) => (i(), w(Xo, M(
                                 {
                                   key: ve.value.toString()
                                 },
@@ -5794,7 +5799,7 @@ const Yi = (n, t) => {
                                   value: ve.value,
                                   label: ve.label,
                                   disabled: ve.disabled,
-                                  selected: g.value.some((Sa) => Sa === ve.value)
+                                  selected: _.value.some((Sa) => Sa === ve.value)
                                 }),
                                 {
                                   multiple: o.multiple,
@@ -5805,7 +5810,7 @@ const Yi = (n, t) => {
                                 }
                               ), {
                                 default: $(() => [
-                                  E(j.$slots, "option", O({ ref_for: !0 }, ve), () => [
+                                  E(j.$slots, "option", M({ ref_for: !0 }, ve), () => [
                                     Y(
                                       I(ve.label),
                                       1
@@ -5835,7 +5840,7 @@ const Yi = (n, t) => {
                 /* FULL_PROPS */
               ),
               o.lazyLoading?.loading ? (i(), f("div", fc, [
-                A(ze, { class: "onyx-select__loading" })
+                O(ze, { class: "onyx-select__loading" })
               ])) : S("v-if", !0),
               s.optionsEnd ? (i(), f("div", vc, [
                 E(j.$slots, "optionsEnd")
@@ -5874,18 +5879,18 @@ const Yi = (n, t) => {
     J(c, () => d.value = Yt);
     const p = () => {
       d.value = Math.min(e.pages, d.value + Yt);
-    }, v = m(() => Array.from({ length: e.pages }, (g, h) => {
+    }, v = m(() => Array.from({ length: e.pages }, (_, h) => {
       const k = h + 1;
       return {
         label: k.toString(),
         value: k
       };
-    })), _ = m(() => {
-      let g = v.value;
+    })), b = m(() => {
+      let _ = v.value;
       const h = c.value.trim().toLowerCase();
-      return h && (g = g.filter((k) => Bn(k.label, h))), g.slice(0, d.value);
-    }), b = m(() => e.modelValue <= 1), x = m(() => e.modelValue >= e.pages);
-    return (g, h) => a(u) ? (i(), w(X, {
+      return h && (_ = _.filter((k) => Bn(k.label, h))), _.slice(0, d.value);
+    }), g = m(() => e.modelValue <= 1), x = m(() => e.modelValue >= e.pages);
+    return (_, h) => a(u) ? (i(), w(X, {
       key: 0,
       class: R(["onyx-pagination-skeleton", "onyx-text", a(r)])
     }, null, 8, ["class"])) : (i(), f("div", {
@@ -5895,13 +5900,13 @@ const Yi = (n, t) => {
       "aria-label": a(l)("pagination.label"),
       style: De({ "--onyx-pagination-character-count": e.modelValue.toString().length })
     }, [
-      A(ca, {
+      O(ca, {
         "search-term": c.value,
         "onUpdate:searchTerm": h[0] || (h[0] = (k) => c.value = k),
         class: "onyx-pagination__select",
         label: a(l)("pagination.select.label"),
         "list-label": a(l)("pagination.select.listLabel"),
-        options: _.value,
+        options: b.value,
         "model-value": e.modelValue,
         "value-label": e.modelValue.toString(),
         "hide-label": "",
@@ -5924,10 +5929,10 @@ const Yi = (n, t) => {
         class: "onyx-pagination__button",
         "aria-label": a(l)("pagination.previous"),
         type: "button",
-        disabled: e.disabled || b.value,
+        disabled: e.disabled || g.value,
         onClick: h[2] || (h[2] = (k) => o("update:modelValue", e.modelValue - 1))
       }, [
-        A(z, { icon: a(_o) }, null, 8, ["icon"])
+        O(z, { icon: a(_o) }, null, 8, ["icon"])
       ], 8, _c),
       y("button", {
         class: "onyx-pagination__button",
@@ -5936,7 +5941,7 @@ const Yi = (n, t) => {
         disabled: e.disabled || x.value,
         onClick: h[3] || (h[3] = (k) => o("update:modelValue", e.modelValue + 1))
       }, [
-        A(z, { icon: a(go) }, null, 8, ["icon"])
+        O(z, { icon: a(go) }, null, 8, ["icon"])
       ], 8, xc)
     ], 14, bc));
   }
@@ -5954,7 +5959,7 @@ const Yi = (n, t) => {
     const e = n, o = t;
     return (l, s) => (i(), w(
       kc,
-      O(e, {
+      M(e, {
         "onUpdate:modelValue": s[0] || (s[0] = (r) => o("update:modelValue", r))
       }),
       null,
@@ -5968,34 +5973,34 @@ const Yi = (n, t) => {
       selectMode: "include",
       contingent: /* @__PURE__ */ new Set()
     }
-  ), l = D(0), s = ie(n?.hover ?? !1), { isEnabled: r } = yt(t, n), u = (b) => o.value.selectMode === "include" ? o.value.contingent.has(b) : !o.value.contingent.has(b), c = (b) => {
-    o.value.selectMode = b ? "exclude" : "include", o.value.contingent.clear();
-  }, d = (b, x) => {
-    o.value.selectMode === "include" && b === !0 || o.value.selectMode === "exclude" && b === !1 ? o.value.contingent.add(x) : o.value.contingent.delete(x);
+  ), l = D(0), s = ie(n?.hover ?? !1), { isEnabled: r } = yt(t, n), u = (g) => o.value.selectMode === "include" ? o.value.contingent.has(g) : !o.value.contingent.has(g), c = (g) => {
+    o.value.selectMode = g ? "exclude" : "include", o.value.contingent.clear();
+  }, d = (g, x) => {
+    o.value.selectMode === "include" && g === !0 || o.value.selectMode === "exclude" && g === !1 ? o.value.contingent.add(x) : o.value.contingent.delete(x);
   }, p = () => o.value.contingent.size !== 0 && o.value.contingent.size !== l.value, v = () => {
-    const { contingent: b, selectMode: x } = o.value;
-    return x === "exclude" ? b.size === 0 : b.size > 0 && b.size === l.value;
+    const { contingent: g, selectMode: x } = o.value;
+    return x === "exclude" ? g.size === 0 : g.size > 0 && g.size === l.value;
   };
   return {
     name: wc,
     watch: [o, s, r],
     modifyColumns: {
-      func: (b) => r.value() ? [
+      func: (g) => r.value() ? [
         {
           key: e,
           type: { name: e },
           label: "",
           width: "2.5rem"
         },
-        ...b
-      ] : [...b]
+        ...g
+      ] : [...g]
     },
     mutation: {
-      func: (b) => (l.value = b.length, b),
+      func: (g) => (l.value = g.length, g),
       order: da
     },
     typeRenderer: {
-      [e]: Oe({
+      [e]: Me({
         header: {
           thAttributes: { class: "onyx-data-grid-selection-cell" },
           component: () => re(vt, {
@@ -6004,7 +6009,7 @@ const Yi = (n, t) => {
             hideLabel: !0,
             indeterminate: p(),
             disabled: l.value === 0,
-            "onUpdate:modelValue": (b) => c(b),
+            "onUpdate:modelValue": (g) => c(g),
             modelValue: v()
           })
         },
@@ -6014,17 +6019,17 @@ const Yi = (n, t) => {
               "onyx-data-grid-selection-cell": !0
             }
           },
-          component: ({ row: b }) => {
-            const x = u(b.id), g = String(b.id), h = o.value.selectMode === "include" ? t.i18n.t.value("dataGrid.head.selection.select", { id: g }) : t.i18n.t.value("dataGrid.head.selection.deselect", { id: g });
+          component: ({ row: g }) => {
+            const x = u(g.id), _ = String(g.id), h = o.value.selectMode === "include" ? t.i18n.t.value("dataGrid.head.selection.select", { id: _ }) : t.i18n.t.value("dataGrid.head.selection.deselect", { id: _ });
             return re(vt, {
               class: {
                 "onyx-data-grid-selection-cell__checkbox": !0,
                 "onyx-data-grid-selection-cell__checkbox--hover": s.value,
                 "onyx-data-grid-selection-cell__checkbox--checked": x
               },
-              value: `selection-${g}`,
+              value: `selection-${_}`,
               hideLabel: !0,
-              "onUpdate:modelValue": (k) => d(k, b.id),
+              "onUpdate:modelValue": (k) => d(k, g.id),
               label: h,
               modelValue: x
             });
@@ -6033,32 +6038,32 @@ const Yi = (n, t) => {
       })
     }
   };
-}, $c = Symbol("Pagination"), Cc = Symbol("LazyLoadingRow"), Qo = Symbol("LazyLoadingRenderer"), Ec = Symbol("ButtonLoadingRow"), en = Symbol("ButtonLoadingRenderer"), pa = Math.min(Mo, da) - 1, Bc = (n = {}) => (t) => {
+}, $c = Symbol("Pagination"), Cc = Symbol("LazyLoadingRow"), Qo = Symbol("LazyLoadingRenderer"), Ec = Symbol("ButtonLoadingRow"), en = Symbol("ButtonLoadingRenderer"), pa = Math.min(Ao, da) - 1, Bc = (n = {}) => (t) => {
   const e = ie(
     n?.paginationState ?? { current: 1, pages: 1, pageSize: n?.pageSize ?? 25 }
   ), { isEnabled: o, isAsync: l } = yt(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 = D(), { vScrollEnd: v, isScrollEnd: _ } = ia({
+  ), u = m(() => e.value.current >= e.value.pages), c = m(() => n.loading?.value ?? !1), d = n.type ?? "select", p = D(), { vScrollEnd: v, isScrollEnd: b } = ia({
     enabled: m(() => d === "lazy" && !u.value && !F(n.disabled)),
     loading: c
   });
-  return J(_, (b) => {
-    b && e.value.current++;
+  return J(b, (g) => {
+    g && e.value.current++;
   }), J(p, () => {
     p.value && v.mounted(p.value);
   }), {
     name: $c,
-    watch: [e, o, l, s, t.skeleton, _, c],
+    watch: [e, o, l, s, t.skeleton, b, c],
     mutation: {
       order: pa,
-      func: (b) => {
-        if (!o.value()) return b;
-        let x = b.slice();
+      func: (g) => {
+        if (!o.value()) return g;
+        let x = g.slice();
         if (!l.value) {
           e.value.pages = Math.ceil(x.length / e.value.pageSize), e.value.current = To(e.value.current, 1, e.value.pages);
-          let g = (e.value.current - 1) * e.value.pageSize;
-          const h = g + e.value.pageSize;
-          d !== "select" && (g = 0), x = x.slice(g, h);
+          let _ = (e.value.current - 1) * e.value.pageSize;
+          const h = _ + e.value.pageSize;
+          d !== "select" && (_ = 0), x = x.slice(_, h);
         }
         return d === "lazy" && c.value && x.push({
           id: Cc,
@@ -6074,7 +6079,7 @@ const Yi = (n, t) => {
       }
     },
     typeRenderer: {
-      [Qo]: Oe({
+      [Qo]: Me({
         cell: {
           tdAttributes: {
             class: "onyx-data-grid__lazy-pagination",
@@ -6083,7 +6088,7 @@ const Yi = (n, t) => {
           component: () => re(io)
         }
       }),
-      [en]: Oe({
+      [en]: Me({
         cell: {
           tdAttributes: {
             class: "onyx-data-grid__button-pagination",
@@ -6101,25 +6106,25 @@ const Yi = (n, t) => {
     slots: {
       pagination: () => {
         if (!o.value() || d !== "select") return [];
-        const b = t.skeleton.value && !r.value;
-        return !r.value && !b ? [] : [
+        const g = t.skeleton.value && !r.value;
+        return !r.value && !g ? [] : [
           re(ua, {
             modelValue: e.value.current,
             pages: e.value.pages,
             disabled: s.value,
-            skeleton: b,
+            skeleton: g,
             "onUpdate:modelValue": (x) => e.value.current = x
           })
         ];
       }
     },
     scrollContainerAttributes: () => ({
-      ref: (b) => {
-        p.value = b;
+      ref: (g) => {
+        p.value = g;
       }
     })
   };
-}, Oc = Symbol("Base"), Ac = Math.max(Mo, pa) + 1, Mc = (n) => ({ skeleton: t }) => {
+}, Mc = Symbol("Base"), Oc = Math.max(Ao, pa) + 1, Ac = (n) => ({ skeleton: t }) => {
   const e = D(0), o = m(() => {
     const l = F(n?.headline);
     if (l)
@@ -6129,13 +6134,13 @@ const Yi = (n, t) => {
       };
   });
   return {
-    name: Oc,
+    name: Mc,
     watch: [t, o],
     modifyColumns: {
       func: (l) => t.value ? l.map((s) => ({ ...s, type: { name: "skeleton" } })) : [...l]
     },
     mutation: {
-      order: Ac,
+      order: Oc,
       func: (l) => {
         if (e.value = l.length, !t.value) return [...l];
         let s = typeof t.value == "number" ? t.value : 5;
@@ -6147,7 +6152,7 @@ const Yi = (n, t) => {
     }),
     typeRenderer: {
       number: ea,
-      string: Ao,
+      string: Oo,
       date: ta,
       "datetime-local": oa,
       time: na,
@@ -6186,39 +6191,39 @@ const Yi = (n, t) => {
     withPageScrolling: { type: Boolean }
   },
   setup(n) {
-    const t = n, e = W(), o = ue(), l = ae(t), s = Ze([]), r = Ze([]), u = Ze(), c = Ze(), d = Ze(), { columns: p, data: v, features: _, columnGroups: b, async: x } = Nt(t);
-    let g;
+    const t = n, e = W(), o = ue(), l = ae(t), s = Ze([]), r = Ze([]), u = Ze(), c = Ze(), d = Ze(), { columns: p, data: v, features: b, columnGroups: g, async: x } = Nt(t);
+    let _;
     const h = ({
       createRendererColumns: k,
       createRendererRows: B,
       watchSources: C,
-      createRendererColumnGroups: M,
+      createRendererColumnGroups: A,
       createScrollContainerAttributes: L,
       createSlots: P
     }) => J(
-      [v, l, p, b, e.locale, e.t, ...C],
+      [v, l, p, g, e.locale, e.t, ...C],
       () => {
-        s.value = k(), r.value = B(v.value), u.value = M(), c.value = L(), d.value = P();
+        s.value = k(), r.value = B(v.value), u.value = A(), c.value = L(), d.value = P();
       },
       { immediate: !0, deep: !0 }
     );
     return J(
-      _,
+      b,
       () => {
         const k = Ji(
-          [Mc({ headline: ie(t, "headline") }), ..._.value],
+          [Ac({ headline: ie(t, "headline") }), ...b.value],
           {
             i18n: e,
             columnConfig: p,
-            columnGroups: b,
+            columnGroups: g,
             async: x,
             skeleton: l
           }
         );
-        g?.(), g = h(k);
+        _?.(), _ = h(k);
       },
       { immediate: !0 }
-    ), (k, B) => (i(), w(Pi, O(
+    ), (k, B) => (i(), w(Pi, M(
       {
         "column-groups": u.value,
         columns: s.value,
@@ -6235,8 +6240,8 @@ const Yi = (n, t) => {
       _: 2
       /* DYNAMIC */
     }, [
-      ce(d.value, (C, M) => ({
-        name: M,
+      ce(d.value, (C, A) => ({
+        name: A,
         fn: $(() => [
           (i(), w(Be(C)))
         ])
@@ -6354,13 +6359,13 @@ const Yi = (n, t) => {
       if (!r.value) return;
       s.value = r.value.getBoundingClientRect().width, c.value = !0, u = new AbortController();
       const x = { signal: u.signal, passive: !0 };
-      window.addEventListener("mousemove", v, x), window.addEventListener("mouseup", _, x), window.addEventListener("keydown", b, x), o("start");
+      window.addEventListener("mousemove", v, x), window.addEventListener("mouseup", b, x), window.addEventListener("keydown", g, x), o("start");
     };
     Ce(() => {
       J(
         () => e.active,
         (x) => {
-          x != null && (x && !c.value ? d() : !x && c.value && _());
+          x != null && (x && !c.value ? d() : !x && c.value && b());
         },
         { immediate: !0 }
       );
@@ -6369,15 +6374,15 @@ const Yi = (n, t) => {
       o("autoSize");
     }, v = (x) => {
       if (!r.value || !c.value) return;
-      const g = r.value.getBoundingClientRect();
+      const _ = r.value.getBoundingClientRect();
       let h;
-      e.alignment === "right" ? h = x.clientX - g.left : h = g.right - x.clientX, o("updateWidth", Math.max(e.min, h));
-    }, _ = () => {
+      e.alignment === "right" ? h = x.clientX - _.left : h = _.right - x.clientX, o("updateWidth", Math.max(e.min, h));
+    }, b = () => {
       u?.abort(), s.value = void 0, c.value = !1, o("end");
-    }, b = (x) => {
-      x.key === "Escape" && (s.value && o("updateWidth", s.value), _());
+    }, g = (x) => {
+      x.key === "Escape" && (s.value && o("updateWidth", s.value), b());
     };
-    return (x, g) => (i(), f(
+    return (x, _) => (i(), f(
       "button",
       {
         tabindex: "-1",
@@ -6394,7 +6399,7 @@ const Yi = (n, t) => {
         onDblclick: p
       },
       [
-        A(et, null, {
+        O(et, null, {
           default: $(() => [
             Y(
               I(a(l)("resizeHandle.label")),
@@ -6410,44 +6415,44 @@ const Yi = (n, t) => {
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), Rc = Symbol("Resizing"), At = Symbol("FILLER_COLUMN"), Dc = (n) => (t) => {
+}), Rc = Symbol("Resizing"), Ot = Symbol("FILLER_COLUMN"), Dc = (n) => (t) => {
   const e = D(), o = 48, l = D(/* @__PURE__ */ new Map()), { isEnabled: s } = yt(t, n), r = D(/* @__PURE__ */ new Map()), u = D();
   J(
     [l, r],
     () => {
       l.value.forEach((p, v) => {
-        const _ = `--onyx-data-grid-column-${Eo(v)}`, b = p.closest(".onyx-table-wrapper__container"), x = r.value.get(v);
-        x ? b?.style.setProperty(_, x) : b?.style.removeProperty(_);
+        const b = `--onyx-data-grid-column-${Eo(v)}`, g = p.closest(".onyx-table-wrapper__container"), x = r.value.get(v);
+        x ? g?.style.setProperty(b, x) : g?.style.removeProperty(b);
       });
     },
     { flush: "post", deep: !0 }
   );
   const c = (p) => {
-    const v = p.map((_) => {
-      if (!s.value(_.key)) return _;
-      const b = {
+    const v = p.map((b) => {
+      if (!s.value(b.key)) return b;
+      const g = {
         class: "onyx-data-grid-resize-cell",
-        ref: (g) => {
-          g ? l.value.set(_.key, g) : l.value.delete(_.key);
+        ref: (_) => {
+          _ ? l.value.set(b.key, _) : l.value.delete(b.key);
         }
-      }, x = r.value.get(_.key);
+      }, x = r.value.get(b.key);
       return {
-        ..._,
-        width: x || _.width,
-        thAttributes: he(b, _.thAttributes)
+        ...b,
+        width: x || b.width,
+        thAttributes: he(g, b.thAttributes)
       };
     });
-    return v.push({ key: At, type: { name: At }, label: "" }), v;
-  }, d = (p, v, _) => {
-    const b = p.default?.();
-    return !s.value(v.key) || _ ? b : [
+    return v.push({ key: Ot, type: { name: Ot }, label: "" }), v;
+  }, d = (p, v, b) => {
+    const g = p.default?.();
+    return !s.value(v.key) || b ? g : [
       re(po, {
         min: o,
         element: l.value.get(v.key),
         active: e.value?.key === v.key,
         onStart: () => {
-          e.value = v, Array.from(l.value.entries()).forEach(([x, g]) => {
-            const { width: h } = g.getBoundingClientRect();
+          e.value = v, Array.from(l.value.entries()).forEach(([x, _]) => {
+            const { width: h } = _.getBoundingClientRect();
             r.value.set(x, `${Math.max(o, h)}px`);
           });
         },
@@ -6459,7 +6464,7 @@ const Yi = (n, t) => {
         },
         onAutoSize: () => r.value.set(v.key, "max-content")
       }),
-      b
+      g
     ];
   };
   return {
@@ -6476,7 +6481,7 @@ const Yi = (n, t) => {
       /**
        * The filler column stretches the remaining space in case the column widths are smaller than the table's intended width.
        */
-      [At]: {
+      [Ot]: {
         header: {
           thAttributes: { class: "onyx-data-grid-filler-column-cell", "aria-hidden": !0 },
           component: () => null
@@ -6488,9 +6493,9 @@ const Yi = (n, t) => {
       }
     },
     header: {
-      wrapper: (p, v, { length: _ }) => (b, { slots: x }) => {
-        const g = v === _ - 1, h = p.type.name === At;
-        return d(x, p, g || h);
+      wrapper: (p, v, { length: b }) => (g, { slots: x }) => {
+        const _ = v === b - 1, h = p.type.name === Ot;
+        return d(x, p, _ || h);
       }
     }
   };
@@ -6560,26 +6565,26 @@ const Yi = (n, t) => {
   let r = [];
   const u = m(
     () => F(n?.collator) ?? new Intl.Collator(o.locale.value, { numeric: !0 })
-  ), c = (b) => {
-    const g = F(n?.columns)?.[b]?.sortFunc;
-    if (g)
-      return g;
-    const h = r.find(({ key: k }) => b === k)?.type.name ?? "";
+  ), c = (g) => {
+    const _ = F(n?.columns)?.[g]?.sortFunc;
+    if (_)
+      return _;
+    const h = r.find(({ key: k }) => g === k)?.type.name ?? "";
     return on[h] ? on[h] : Io;
-  }, d = (b) => {
-    const { column: x, direction: g } = e.value;
-    if (s.value || !x || g === "none")
-      return b;
-    const h = g === "asc" ? 1 : -1, k = c(x);
-    return b.sort((B, C) => k(B[x], C[x], u.value) * h), b;
-  }, p = (b, x = !1) => {
-    const g = e.value.column === b ? mo(e.value.direction, x) : mo(void 0, x), h = g !== "none" ? b : void 0;
+  }, d = (g) => {
+    const { column: x, direction: _ } = e.value;
+    if (s.value || !x || _ === "none")
+      return g;
+    const h = _ === "asc" ? 1 : -1, k = c(x);
+    return g.sort((B, C) => k(B[x], C[x], u.value) * h), g;
+  }, p = (g, x = !1) => {
+    const _ = e.value.column === g ? mo(e.value.direction, x) : mo(void 0, x), h = _ !== "none" ? g : void 0;
     e.value = {
-      direction: g,
+      direction: _,
       column: h
     };
-  }, v = m(() => (b, x) => e.value.column === b && e.value.direction === x), _ = (b, x) => {
-    const g = {
+  }, v = m(() => (g, x) => e.value.column === g && e.value.direction === x), b = (g, x) => {
+    const _ = {
       none: qa,
       asc: mn,
       desc: yn
@@ -6587,11 +6592,11 @@ const Yi = (n, t) => {
     return re(
       Ke,
       {
-        active: v.value(b, x),
-        onClick: () => e.value = { column: b, direction: x }
+        active: v.value(g, x),
+        onClick: () => e.value = { column: g, direction: x }
       },
       () => [
-        re(z, { icon: g[x] }),
+        re(z, { icon: _[x] }),
         o.t.value(`dataGrid.head.sorting.menu.${x}`)
       ]
     );
@@ -6605,35 +6610,35 @@ const Yi = (n, t) => {
     modifyColumns: [
       {
         // save final column config
-        func: (b) => r = b,
+        func: (g) => r = g,
         order: -1 / 0
       }
     ],
     header: {
-      actions: ({ key: b, label: x }) => l.value(b) ? [
+      actions: ({ key: g, label: x }) => l.value(g) ? [
         {
           iconComponent: re(nn, {
             columnLabel: x,
-            sortDirection: e.value.column === b ? e.value.direction : void 0,
-            onClick: () => p(b)
+            sortDirection: e.value.column === g ? e.value.direction : void 0,
+            onClick: () => p(g)
           }),
           menuItems: [
-            _(b, "none"),
-            _(b, "asc"),
-            _(b, "desc")
+            b(g, "none"),
+            b(g, "asc"),
+            b(g, "desc")
           ]
         },
-        e.value.column === b && e.value.direction && e.value.direction !== "none" ? {
+        e.value.column === g && e.value.direction && e.value.direction !== "none" ? {
           iconComponent: {
             iconComponent: re(nn, {
               columnLabel: x,
-              sortDirection: e.value.column === b ? e.value.direction : void 0,
-              onClick: () => p(b, !0)
+              sortDirection: e.value.column === g ? e.value.direction : void 0,
+              onClick: () => p(g, !0)
             }),
             alwaysShowInHeader: !0
           }
         } : null
-      ].filter((g) => g !== null) : []
+      ].filter((_) => _ !== null) : []
     }
   };
 }, Fc = Symbol("StickyColumns"), Pc = (n) => () => {
@@ -6642,8 +6647,8 @@ const Yi = (n, t) => {
     if (!("ResizeObserver" in window)) return;
     const p = new ResizeObserver(() => {
       Object.entries(l.value).forEach(
-        ([v, _]) => o.value[v] = _.getBoundingClientRect().width
-      ), t.value.forEach((v, _) => c(v, _));
+        ([v, b]) => o.value[v] = b.getBoundingClientRect().width
+      ), t.value.forEach((v, b) => c(v, b));
     });
     J(
       l,
@@ -6655,27 +6660,27 @@ const Yi = (n, t) => {
   });
   const c = (p, v) => {
     if (!n) return;
-    const _ = t.value.map((b) => o.value[b]).reduce((b, x, g) => g < v ? b + x : b, 0);
-    document.body.style.setProperty(u(p), `${_}px`);
+    const b = t.value.map((g) => o.value[g]).reduce((g, x, _) => _ < v ? g + x : g, 0);
+    document.body.style.setProperty(u(p), `${b}px`);
   }, d = (p) => {
-    const v = p.scrollWidth - p.clientWidth, _ = Math.round(p.scrollLeft);
-    r.value = e.value === "left" && _ > 0 || e.value === "right" && _ < v;
+    const v = p.scrollWidth - p.clientWidth, b = Math.round(p.scrollLeft);
+    r.value = e.value === "left" && b > 0 || e.value === "right" && b < v;
   };
   return {
     name: Fc,
     watch: [e, t, r],
     modifyColumns: {
       func: (p) => {
-        const v = p.filter((b) => t.value.includes(b.key)).map((b) => {
+        const v = p.filter((g) => t.value.includes(g.key)).map((g) => {
           const x = e.value === "left" ? {
             right: "auto",
-            left: `var(${u(b.key)})`
+            left: `var(${u(g.key)})`
           } : {
             left: "auto",
-            right: `var(${u(b.key)})`
+            right: `var(${u(g.key)})`
           };
           return {
-            ...b,
+            ...g,
             thAttributes: he(
               {
                 style: x,
@@ -6684,11 +6689,11 @@ const Yi = (n, t) => {
                   [e.value]: !0,
                   isScrolled: r.value
                 },
-                ref: (g) => {
-                  g ? l.value[b.key] = g : delete l.value[b.key];
+                ref: (_) => {
+                  _ ? l.value[g.key] = _ : delete l.value[g.key];
                 }
               },
-              b.thAttributes
+              g.thAttributes
             ),
             tdAttributes: {
               style: x,
@@ -6699,8 +6704,8 @@ const Yi = (n, t) => {
               }
             }
           };
-        }), _ = p.filter((b) => !t.value.includes(b.key));
-        return e.value === "left" ? [...v, ..._] : [..._, ...v.slice().reverse()];
+        }), b = p.filter((g) => !t.value.includes(g.key));
+        return e.value === "left" ? [...v, ...b] : [...b, ...v.slice().reverse()];
       }
     },
     scrollContainerAttributes: () => ({
@@ -6718,14 +6723,14 @@ const Yi = (n, t) => {
   FALLBACK_RENDER_VALUE: Bo,
   NUMBER_RENDERER: ea,
   SKELETON_RENDERER: la,
-  STRING_RENDERER: Ao,
+  STRING_RENDERER: Oo,
   TIMESTAMP_RENDERER: aa,
   TIME_RENDERER: na,
   createRenderer: ra,
-  createTypeRenderer: Oe,
+  createTypeRenderer: Me,
   dateFormatter: St,
   numberFormatter: Qn,
-  stringFormatter: Oo,
+  stringFormatter: Mo,
   useFiltering: Xi,
   useHideColumns: Ic,
   usePagination: Bc,
@@ -6764,27 +6769,27 @@ const Yi = (n, t) => {
   },
   emits: ["update:modelValue", "validityChange"],
   setup(n, { emit: t }) {
-    const e = n, o = t, { rootAttrs: l, restAttrs: s } = we(), { vCustomValidity: r, errorMessages: u } = Je({ props: e, emit: o }), c = m(() => Te(e.success)), d = m(() => Te(e.message)), { densityClass: p } = U(e), { disabled: v, showError: _ } = ke(e), b = ae(e), x = $t(_), g = m(() => (C) => {
-      const M = C != null && C != null ? new Date(C) : void 0;
-      if (!co(M)) return;
-      const L = M.toISOString().split("T")[0];
+    const e = n, o = t, { rootAttrs: l, restAttrs: s } = we(), { vCustomValidity: r, errorMessages: u } = Je({ props: e, emit: o }), c = m(() => Te(e.success)), d = m(() => Te(e.message)), { densityClass: p } = U(e), { disabled: v, showError: b } = ke(e), g = ae(e), x = $t(b), _ = m(() => (C) => {
+      const A = C != null && C != null ? new Date(C) : void 0;
+      if (!co(A)) return;
+      const L = A.toISOString().split("T")[0];
       if (e.type === "date") return L;
-      const P = M.getHours().toString().padStart(2, "0"), H = M.getMinutes().toString().padStart(2, "0");
+      const P = A.getHours().toString().padStart(2, "0"), H = A.getMinutes().toString().padStart(2, "0");
       return `${L}T${P}:${H}`;
     }), h = oe({
       props: e,
       emit: o,
       key: "modelValue"
     }), k = m({
-      get: () => g.value(h.value),
+      get: () => _.value(h.value),
       set: (C) => {
-        const M = new Date(C ?? "");
-        h.value = co(M) ? M.toISOString() : void 0;
+        const A = new Date(C ?? "");
+        h.value = co(A) ? A.toISOString() : void 0;
       }
     }), B = Q("inputRef");
-    return Ie(B, e), (C, M) => a(b) ? (i(), f(
+    return Ie(B, e), (C, A) => a(g) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
         class: ["onyx-component", "onyx-datepicker-skeleton", a(p)]
       }, a(l)),
@@ -6793,18 +6798,18 @@ const Yi = (n, t) => {
           key: 0,
           class: "onyx-datepicker-skeleton__label"
         })),
-        A(X, { class: "onyx-datepicker-skeleton__input" })
+        O(X, { class: "onyx-datepicker-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
     )) : (i(), f(
       "div",
-      O({
+      M({
         key: 1,
         class: ["onyx-component", "onyx-datepicker", a(p), a(x)]
       }, a(l)),
       [
-        A(Ct, O(e, {
+        O(Ct, M(e, {
           "error-messages": a(u),
           "success-messages": c.value,
           message: d.value
@@ -6816,11 +6821,11 @@ const Yi = (n, t) => {
                 class: "onyx-datepicker__loading",
                 type: "circle"
               })) : S("v-if", !0),
-              Se((i(), f("input", O({
+              Se((i(), f("input", M({
                 id: L,
                 key: e.type,
                 ref: "inputRef",
-                "onUpdate:modelValue": M[0] || (M[0] = (P) => k.value = P),
+                "onUpdate:modelValue": A[0] || (A[0] = (P) => k.value = P),
                 class: ["onyx-datepicker__native", { "onyx-datepicker__native--success": c.value }],
                 type: e.type,
                 required: e.required,
@@ -6830,8 +6835,8 @@ const Yi = (n, t) => {
                 disabled: a(v) || e.loading,
                 "aria-label": e.hideLabel ? e.label : void 0,
                 title: e.hideLabel ? e.label : void 0,
-                min: g.value(e.min),
-                max: g.value(e.max)
+                min: _.value(e.min),
+                max: _.value(e.max)
               }, a(s)), null, 16, Hc)), [
                 [cn, k.value],
                 [a(r)]
@@ -6869,9 +6874,9 @@ const Yi = (n, t) => {
       key: "open",
       default: !1
     });
-    return (c, d) => (i(), w(So, O(e, {
+    return (c, d) => (i(), w(So, M(e, {
       open: a(u),
-      "onUpdate:open": d[1] || (d[1] = (p) => Me(u) ? u.value = p : null),
+      "onUpdate:open": d[1] || (d[1] = (p) => Ae(u) ? u.value = p : null),
       class: ["onyx-dialog", a(r)]
     }), {
       default: $(({ trigger: p }) => [
@@ -6884,7 +6889,7 @@ const Yi = (n, t) => {
               E(c.$slots, "headline", {
                 label: e.label
               }, () => [
-                A(Ve, { is: "h2" }, {
+                O(Ve, { is: "h2" }, {
                   default: $(() => [
                     Y(
                       I(e.label),
@@ -6971,7 +6976,7 @@ const Yi = (n, t) => {
     }), { restAttrs: r, rootAttrs: u } = we();
     return (c, d) => (i(), f(
       "figure",
-      O(a(u), {
+      M(a(u), {
         class: [
           "onyx-component",
           "onyx-image",
@@ -6979,7 +6984,7 @@ const Yi = (n, t) => {
         ]
       }),
       [
-        a(e) ? (i(), w(X, O({
+        a(e) ? (i(), w(X, M({
           key: 0,
           class: "onyx-image__source",
           style: s.value
@@ -6987,14 +6992,14 @@ const Yi = (n, t) => {
           K,
           { key: 1 },
           [
-            y("img", O({
+            y("img", M({
               class: ["onyx-image__source", { "onyx-image__source--light": l.value.dark }]
             }, { ...a(r), ...t }, {
               src: l.value.light,
               alt: t.alt,
               onError: d[0] || (d[0] = (p) => o.value = !0)
             }), null, 16, Yc),
-            l.value.dark ? (i(), f("img", O({
+            l.value.dark ? (i(), f("img", M({
               key: 0,
               class: "onyx-image__source onyx-image__source--dark"
             }, { ...a(r), ...t }, {
@@ -7004,13 +7009,13 @@ const Yi = (n, t) => {
             }), null, 16, Jc)) : S("v-if", !0),
             o.value ? (i(), f(
               "div",
-              O({
+              M({
                 key: 1,
                 class: "onyx-image__error",
                 style: s.value
               }, a(r)),
               [
-                A(z, {
+                O(z, {
                   icon: a(Ka),
                   size: "32px"
                 }, null, 8, ["icon"]),
@@ -7118,9 +7123,9 @@ const Yi = (n, t) => {
       props: o,
       emit: l,
       default: ""
-    }), { rootAttrs: u, restAttrs: c } = we(), { t: d } = W(), { maxLength: p, maxLengthError: v } = ma({ modelValue: r, props: o }), _ = m(() => o.error ?? v.value), { vCustomValidity: b, errorMessages: x } = Je({ props: o, emit: l, error: _ }), g = m(() => Te(o.success)), h = m(() => Te(o.message)), { densityClass: k } = U(o), B = m(() => o.pattern instanceof RegExp ? o.pattern.source : o.pattern), C = Q("inputRef");
+    }), { rootAttrs: u, restAttrs: c } = we(), { t: d } = W(), { maxLength: p, maxLengthError: v } = ma({ modelValue: r, props: o }), b = m(() => o.error ?? v.value), { vCustomValidity: g, errorMessages: x } = Je({ props: o, emit: l, error: b }), _ = m(() => Te(o.success)), h = m(() => Te(o.message)), { densityClass: k } = U(o), B = m(() => o.pattern instanceof RegExp ? o.pattern.source : o.pattern), C = Q("inputRef");
     t({ input: C });
-    const { disabled: M, showError: L } = ke(o), P = ae(o), H = $t(L);
+    const { disabled: A, showError: L } = ke(o), P = ae(o), H = $t(L);
     Ie(C, o);
     const Z = oe({
       props: o,
@@ -7130,7 +7135,7 @@ const Yi = (n, t) => {
     }), se = m(() => o.type === "password" && Z.value ? "text" : o.type);
     return (V, G) => a(P) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
         class: ["onyx-component", "onyx-input-skeleton", a(k)]
       }, a(u)),
@@ -7139,20 +7144,20 @@ const Yi = (n, t) => {
           key: 0,
           class: "onyx-input-skeleton__label"
         })),
-        A(X, { class: "onyx-input-skeleton__input" })
+        O(X, { class: "onyx-input-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
     )) : (i(), f(
       "div",
-      O({
+      M({
         key: 1,
         class: ["onyx-component", "onyx-input", a(k), a(H)]
       }, a(u)),
       [
-        A(Ct, O(o, {
+        O(Ct, M(o, {
           "error-messages": a(x),
-          "success-messages": g.value,
+          "success-messages": _.value,
           message: h.value
         }), {
           default: $(({ id: te }) => [
@@ -7168,10 +7173,10 @@ const Yi = (n, t) => {
                 class: "onyx-input__loading",
                 type: "circle"
               })) : S("v-if", !0),
-              Se(y("input", O({
+              Se(y("input", M({
                 id: te,
                 ref: "inputRef",
-                "onUpdate:modelValue": G[0] || (G[0] = (q) => Me(r) ? r.value = q : null),
+                "onUpdate:modelValue": G[0] || (G[0] = (q) => Ae(r) ? r.value = q : null),
                 placeholder: o.placeholder,
                 class: "onyx-input__native",
                 type: se.value,
@@ -7182,14 +7187,14 @@ const Yi = (n, t) => {
                 name: o.name,
                 pattern: B.value,
                 readonly: o.readonly,
-                disabled: a(M) || o.loading,
+                disabled: a(A) || o.loading,
                 maxlength: a(p),
                 minlength: o.minlength,
                 "aria-label": o.hideLabel ? o.label : void 0,
                 title: o.hideLabel ? o.label : void 0
               }, a(c)), null, 16, eu), [
                 [cn, a(r)],
-                [a(b)]
+                [a(g)]
               ]),
               !o.hideClearIcon && a(r) !== "" ? (i(), f("button", {
                 key: 2,
@@ -7200,9 +7205,9 @@ const Yi = (n, t) => {
                 tabindex: "-1",
                 onClick: G[1] || (G[1] = () => r.value = "")
               }, [
-                A(z, { icon: a(We) }, null, 8, ["icon"])
+                O(z, { icon: a(We) }, null, 8, ["icon"])
               ], 8, tu)) : S("v-if", !0),
-              !o.hideSuccessIcon && g.value ? (i(), w(z, {
+              !o.hideSuccessIcon && _.value ? (i(), w(z, {
                 key: 3,
                 class: "onyx-input__check-icon",
                 icon: a(wt),
@@ -7244,11 +7249,11 @@ const Yi = (n, t) => {
     const t = n;
     return (e, o) => (i(), w(
       pt,
-      O({ class: "onyx-component onyx-link" }, t),
+      M({ class: "onyx-component onyx-link" }, t),
       {
         default: $(() => [
           E(e.$slots, "default"),
-          A(
+          O(
             Gn,
             Ne(Qe(t)),
             null,
@@ -7283,8 +7288,8 @@ const Yi = (n, t) => {
         disabled: e.disabled,
         onClick: r[0] || (r[0] = (u) => o("update:open", !e.open))
       }, [
-        A(z, {
-          icon: e.open ? a(ho) : e.icon
+        O(z, {
+          icon: e.open ? a(bo) : e.icon
         }, null, 8, ["icon"])
       ], 10, lu),
       Se(y(
@@ -7338,7 +7343,7 @@ const Yi = (n, t) => {
   emits: ["update:open"],
   setup(n, { emit: t }) {
     const e = n, o = t, l = ue(), { t: s } = W(), { densityClass: r } = U(e), u = me(), c = m(() => !!l.description);
-    return (d, p) => (i(), w(En, O(e, {
+    return (d, p) => (i(), w(En, M(e, {
       modal: "",
       class: ["onyx-modal", a(r)],
       "aria-describedby": c.value ? a(u) : void 0,
@@ -7351,7 +7356,7 @@ const Yi = (n, t) => {
               E(d.$slots, "headline", {
                 label: e.label
               }, () => [
-                A(Ve, { is: "h2" }, {
+                O(Ve, { is: "h2" }, {
                   default: $(() => [
                     Y(
                       I(e.label),
@@ -7404,7 +7409,7 @@ const Yi = (n, t) => {
   },
   setup(n) {
     const t = n, { t: e } = W(), o = m(() => t.label ?? e.value("navigation.goToHome")), l = m(() => nt(t.link));
-    return (s, r) => (i(), w(pt, O(l.value, {
+    return (s, r) => (i(), w(pt, M(l.value, {
       class: "onyx-component onyx-nav-app-area",
       "aria-label": o.value
     }), {
@@ -7453,22 +7458,22 @@ const Yi = (n, t) => {
     }, d = () => {
       s.value && (o("update:modelValue", s.value), o("update:open", !1));
     };
-    return (p, v) => (i(), w(va, O(e, {
+    return (p, v) => (i(), w(va, M(e, {
       open: e.open,
       class: "onyx-select-dialog",
       label: e.label,
-      "onUpdate:open": v[1] || (v[1] = (_) => o("update:open", _))
+      "onUpdate:open": v[1] || (v[1] = (b) => o("update:open", b))
     }), xe({
       footer: $(() => [
-        A(Ur, null, {
+        O(Ur, null, {
           default: $(() => [
-            A(ct, {
+            O(ct, {
               label: a(r)("cancel"),
               mode: "plain",
               color: "neutral",
-              onClick: v[0] || (v[0] = (_) => o("update:open", !1))
+              onClick: v[0] || (v[0] = (b) => o("update:open", !1))
             }, null, 8, ["label"]),
-            A(ct, {
+            O(ct, {
               label: a(r)("apply"),
               type: "submit",
               form: a(u)
@@ -7494,21 +7499,21 @@ const Yi = (n, t) => {
               (i(!0), f(
                 K,
                 null,
-                ce(e.options, (_) => (i(), f("label", {
-                  key: _.value
+                ce(e.options, (b) => (i(), f("label", {
+                  key: b.value
                 }, [
-                  A(
+                  O(
                     Kn,
                     { class: "onyx-select-dialog__option" },
                     {
                       default: $(() => [
-                        _.icon ? (i(), w(z, {
+                        b.icon ? (i(), w(z, {
                           key: 0,
-                          icon: _.icon,
+                          icon: b.icon,
                           class: "onyx-select-dialog__icon"
                         }, null, 8, ["icon"])) : S("v-if", !0),
                         y("div", null, [
-                          A(
+                          O(
                             et,
                             { is: "div" },
                             {
@@ -7516,10 +7521,10 @@ const Yi = (n, t) => {
                                 y("input", {
                                   type: "radio",
                                   name: "color-scheme",
-                                  autofocus: e.modelValue === _.value,
-                                  value: _.value,
-                                  checked: e.modelValue === _.value,
-                                  "aria-label": _.label,
+                                  autofocus: e.modelValue === b.value,
+                                  value: b.value,
+                                  checked: e.modelValue === b.value,
+                                  "aria-label": b.label,
                                   required: ""
                                 }, null, 8, bu)
                               ]),
@@ -7532,14 +7537,14 @@ const Yi = (n, t) => {
                           y(
                             "span",
                             gu,
-                            I(_.label),
+                            I(b.label),
                             1
                             /* TEXT */
                           ),
-                          _.description ? (i(), f(
+                          b.description ? (i(), f(
                             "p",
                             _u,
-                            I(_.description),
+                            I(b.description),
                             1
                             /* TEXT */
                           )) : S("v-if", !0)
@@ -7602,7 +7607,7 @@ const Yi = (n, t) => {
         description: l.value("colorScheme.dark.description")
       }
     ]);
-    return (r, u) => (i(), w(ha, O({ class: "onyx-color-scheme-dialog" }, e, {
+    return (r, u) => (i(), w(ha, M({ class: "onyx-color-scheme-dialog" }, e, {
       label: a(l)("colorScheme.headline"),
       options: s.value,
       open: e.open,
@@ -7633,7 +7638,7 @@ const Yi = (n, t) => {
       onClick: u[2] || (u[2] = (c) => s.value = !0)
     }, {
       default: $(() => [
-        A(z, { icon: a(Ya) }, null, 8, ["icon"]),
+        O(z, { icon: a(Ya) }, null, 8, ["icon"]),
         y("div", null, [
           Y(
             I(a(l)("colorScheme.appearance")) + ": ",
@@ -7649,7 +7654,7 @@ const Yi = (n, t) => {
           )
         ]),
         (i(), w(ut, { to: "body" }, [
-          A(Su, {
+          O(Su, {
             open: s.value,
             "onUpdate:open": u[0] || (u[0] = (c) => s.value = c),
             "model-value": e.modelValue,
@@ -7675,7 +7680,7 @@ const Yi = (n, t) => {
       onClick: c[2] || (c[2] = (d) => s.value = !0)
     }, {
       default: $(() => [
-        A(z, { icon: a(Ja) }, null, 8, ["icon"]),
+        O(z, { icon: a(Ja) }, null, 8, ["icon"]),
         y("div", null, [
           Y(
             I(a(l)("languageSelect.label")) + ": ",
@@ -7691,7 +7696,7 @@ const Yi = (n, t) => {
           )
         ]),
         (i(), w(ut, { to: "body" }, [
-          A(a(ha), {
+          O(a(ha), {
             open: s.value,
             "onUpdate:open": c[0] || (c[0] = (d) => s.value = d),
             "model-value": e.modelValue,
@@ -7728,7 +7733,7 @@ const Yi = (n, t) => {
   },
   setup(n) {
     const t = n, e = ue(), o = m(() => !!e.children);
-    return (l, s) => (i(), w(Ke, O(t, {
+    return (l, s) => (i(), w(Ke, M(t, {
       link: o.value && t.context !== "navbar" ? void 0 : t.link,
       class: {
         "onyx-nav-item": !0,
@@ -7753,7 +7758,7 @@ const Yi = (n, t) => {
       } : void 0
     ]), 1040, ["link", "class", "open"]));
   }
-}), Bu = { class: "onyx-nav-item-wrapper__controls" }, Ou = {
+}), Bu = { class: "onyx-nav-item-wrapper__controls" }, Mu = {
   role: "menu",
   class: "onyx-nav-item-wrapper__mobile-children"
 }, ft = /* @__PURE__ */ T({
@@ -7772,19 +7777,19 @@ const Yi = (n, t) => {
       emit: o,
       key: "open",
       default: !1
-    }), { restAttrs: u, rootAttrs: c } = we(), d = m(() => !!l.children), { isActive: p } = dt(), v = m(() => e.active !== "auto" ? e.active : p.value(e.link)), _ = be(
+    }), { restAttrs: u, rootAttrs: c } = we(), d = m(() => !!l.children), { isActive: p } = dt(), v = m(() => e.active !== "auto" ? e.active : p.value(e.link)), b = be(
       Gt,
       m(() => !1)
-    ), b = be(fa, void 0), x = be(an, !0);
+    ), g = be(fa, void 0), x = be(an, !0);
     Ue(an, !1);
-    const { componentRef: g, isVisible: h } = x ? Pn(ya) : { isVisible: ie(!0) };
+    const { componentRef: _, isVisible: h } = x ? Pn(ya) : { isVisible: ie(!0) };
     return (k, B) => (i(), f(
       K,
       null,
       [
-        a(_) && a(r) ? (i(), f(
+        a(b) && a(r) ? (i(), f(
           "div",
-          O({
+          M({
             key: 0,
             class: {
               "onyx-component": !0,
@@ -7794,7 +7799,7 @@ const Yi = (n, t) => {
           }, a(c)),
           [
             y("div", Bu, [
-              A(ct, {
+              O(ct, {
                 label: a(s)("back"),
                 mode: "plain",
                 color: "neutral",
@@ -7805,7 +7810,7 @@ const Yi = (n, t) => {
                 K,
                 { key: 0 },
                 [
-                  A(tt, O(a(he)(e, a(u)), {
+                  O(tt, M(a(he)(e, a(u)), {
                     active: v.value,
                     context: "mobile"
                   }), {
@@ -7815,19 +7820,19 @@ const Yi = (n, t) => {
                     _: 3
                     /* FORWARDED */
                   }, 16, ["active"]),
-                  A(Lt)
+                  O(Lt)
                 ],
                 64
                 /* STABLE_FRAGMENT */
               )) : S("v-if", !0)
             ]),
-            y("ul", Ou, [
+            y("ul", Mu, [
               E(k.$slots, "children")
             ])
           ],
           16
           /* FULL_PROPS */
-        )) : a(_) ? (i(), w(tt, O({ key: 1 }, a(he)(e, k.$attrs), {
+        )) : a(b) ? (i(), w(tt, M({ key: 1 }, a(he)(e, k.$attrs), {
           active: v.value,
           context: "mobile",
           onClick: B[1] || (B[1] = (C) => d.value && (r.value = !0))
@@ -7845,13 +7850,13 @@ const Yi = (n, t) => {
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["active"])) : a(x) && d.value && a(h) ? (i(), w(Ye, O({ key: 2 }, a(c), {
+        ]), 1040, ["active"])) : a(x) && d.value && a(h) ? (i(), w(Ye, M({ key: 2 }, a(c), {
           label: a(s)("navItemOptionsLabel", { label: e.label })
         }), {
           button: $(({ trigger: C }) => [
-            A(tt, O(a(he)(a(u), e, C), {
+            O(tt, M(a(he)(a(u), e, C), {
               ref_key: "componentRef",
-              ref: g,
+              ref: _,
               active: v.value,
               context: "navbar"
             }), xe({
@@ -7875,9 +7880,9 @@ const Yi = (n, t) => {
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["label"])) : a(x) && a(h) ? (i(), w(tt, O({ key: 3 }, a(he)(e, k.$attrs), {
+        }, 16, ["label"])) : a(x) && a(h) ? (i(), w(tt, M({ key: 3 }, a(he)(e, k.$attrs), {
           ref_key: "componentRef",
-          ref: g,
+          ref: _,
           active: v.value,
           context: "navbar"
         }), {
@@ -7886,7 +7891,7 @@ const Yi = (n, t) => {
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["active"])) : a(h) ? (i(), w(tt, O({ key: 4 }, a(he)(e, k.$attrs), {
+        }, 16, ["active"])) : a(h) ? (i(), w(tt, M({ key: 4 }, a(he)(e, k.$attrs), {
           active: v.value,
           context: "list"
         }), xe({
@@ -7904,11 +7909,11 @@ const Yi = (n, t) => {
             key: "0"
           } : void 0
         ]), 1040, ["active"])) : S("v-if", !0),
-        a(x) && !a(_) && a(b) ? (i(), w(ut, {
+        a(x) && !a(b) && a(g) ? (i(), w(ut, {
           key: 5,
-          to: a(b)
+          to: a(g)
         }, [
-          a(h) ? S("v-if", !0) : (i(), w(tt, O({ key: 0 }, a(he)(e, k.$attrs), {
+          a(h) ? S("v-if", !0) : (i(), w(tt, M({ key: 0 }, a(he)(e, k.$attrs), {
             active: v.value,
             context: "list"
           }), xe({
@@ -7932,7 +7937,7 @@ const Yi = (n, t) => {
       /* STABLE_FRAGMENT */
     ));
   }
-}), Au = (n) => {
+}), Ou = (n) => {
   const t = D(), e = D(Zt(new Date(n.value).getTime())), o = m(() => e.value === 0);
   return J(
     n,
@@ -7948,7 +7953,7 @@ const Yi = (n, t) => {
     /**
      * Time (in milliseconds) that the timer has left.
      */
-    timeLeft: Mt(e),
+    timeLeft: At(e),
     /**
      * Whether the timer is ended.
      */
@@ -7960,7 +7965,7 @@ const Yi = (n, t) => {
 }, ba = (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 };
-}, Mu = (n, t) => {
+}, Au = (n, t) => {
   const { hours: e, minutes: o, seconds: l } = ba(n), s = (c) => c.toString().padStart(2, "0");
   let r = "", u = Xt(t.formatToParts(n, "seconds"));
   return o > 0 && (u = Xt(t.formatToParts(n, "minutes"))), e > 0 && (u = Xt(t.formatToParts(n, "hours")), r = `${s(e)}:`), `${r}${s(o)}:${s(l)} ${u}`;
@@ -7979,9 +7984,9 @@ const Yi = (n, t) => {
   },
   emits: ["timerEnded"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, l = e, { locale: s } = W(), { timeLeft: r, isEnded: u } = Au(m(() => o.endTime)), c = m(
+    const o = n, l = e, { locale: s } = W(), { timeLeft: r, isEnded: u } = Ou(m(() => o.endTime)), c = m(
       () => new Intl.RelativeTimeFormat(s.value, { numeric: "always", style: "short" })
-    ), d = m(() => Mu(r.value, c.value));
+    ), d = m(() => Au(r.value, c.value));
     return Le(() => u.value && l("timerEnded")), t({
       /**
        * Time (in milliseconds) that the timer has left.
@@ -8044,7 +8049,7 @@ const Yi = (n, t) => {
       )) : (i(), w(Ye, {
         key: 1,
         open: a(s),
-        "onUpdate:open": c[0] || (c[0] = (d) => Me(s) ? s.value = d : null),
+        "onUpdate:open": c[0] || (c[0] = (d) => Ae(s) ? s.value = d : null),
         label: a(r)("navigation.userMenuLabel"),
         alignment: "right",
         disabled: n.disabled
@@ -8098,7 +8103,7 @@ const Yi = (n, t) => {
     );
     return (c, d) => (i(), w(Vu, {
       "flyout-open": a(s),
-      "onUpdate:flyoutOpen": d[0] || (d[0] = (p) => Me(s) ? s.value = p : null),
+      "onUpdate:flyoutOpen": d[0] || (d[0] = (p) => Ae(s) ? s.value = p : null),
       class: R(["onyx-component onyx-user-menu", { "onyx-user-menu--mobile": a(u) }]),
       "is-mobile": a(u),
       disabled: n.disabled
@@ -8106,14 +8111,14 @@ const Yi = (n, t) => {
       button: $(({ trigger: p }) => [
         y(
           "button",
-          O({
+          M({
             class: "onyx-user-menu__trigger onyx-text",
             type: "button"
           }, p),
           [
-            A(
+            O(
               Rt,
-              O(r.value, { size: "24px" }),
+              M(r.value, { size: "24px" }),
               null,
               16
               /* FULL_PROPS */
@@ -8132,9 +8137,9 @@ const Yi = (n, t) => {
       ]),
       header: $(() => [
         y("div", Fu, [
-          A(
+          O(
             Rt,
-            O(r.value, { size: "48px" }),
+            M(r.value, { size: "48px" }),
             null,
             16
             /* FULL_PROPS */
@@ -8199,12 +8204,12 @@ const Yi = (n, t) => {
   setup(n, { expose: t, emit: e }) {
     const o = n, l = e, s = ue(), r = Q("navBarRef"), { width: u } = qe(r), { t: c } = W(), { currentRoute: d } = dt(), {
       elements: { nav: p }
-    } = Es({ navigationName: ie(() => o.appName) }), v = D(!1), _ = D(!1), b = (h, k) => k !== 0 && k < h, x = m(() => typeof o.mobile == "number" ? b(o.mobile, u.value) : typeof o.mobile == "string" ? b(ht[o.mobile], u.value) : o.mobile);
+    } = Es({ navigationName: ie(() => o.appName) }), v = D(!1), b = D(!1), g = (h, k) => k !== 0 && k < h, x = m(() => typeof o.mobile == "number" ? g(o.mobile, u.value) : typeof o.mobile == "string" ? g(ht[o.mobile], u.value) : o.mobile);
     Ue(Gt, x), Ue(fa, Q("moreListRef"));
-    const g = () => {
-      v.value = !1, _.value = !1;
+    const _ = () => {
+      v.value = !1, b.value = !1;
     };
-    return J(d, () => g(), { deep: !0 }), t({
+    return J(d, () => _(), { deep: !0 }), t({
       /**
        * Closes the mobile burger and context menu.
        * Useful if you want to e.g. close them when a nav item is clicked.
@@ -8219,7 +8224,7 @@ const Yi = (n, t) => {
        * watch(() => route.path, () => navBar.value?.closeMobileMenus());
        * ```
        */
-      closeMobileMenus: g
+      closeMobileMenus: _
     }), (h, k) => (i(), f(
       "header",
       {
@@ -8228,9 +8233,9 @@ const Yi = (n, t) => {
       },
       [
         y("div", Ku, [
-          x.value && s.mobileActivePage && !v.value && !_.value ? (i(), f("span", Wu, [
+          x.value && s.mobileActivePage && !v.value && !b.value ? (i(), f("span", Wu, [
             E(h.$slots, "mobileActivePage")
-          ])) : o.appName || o.logoUrl || s.appArea ? (i(), w(vu, O({
+          ])) : o.appName || o.logoUrl || s.appArea ? (i(), w(vu, M({
             key: 1,
             class: "onyx-nav-bar__app",
             "app-name": o.appName,
@@ -8259,7 +8264,7 @@ const Yi = (n, t) => {
                 open: v.value,
                 "onUpdate:open": [
                   k[1] || (k[1] = (B) => v.value = B),
-                  k[2] || (k[2] = (B) => _.value = !1)
+                  k[2] || (k[2] = (B) => b.value = !1)
                 ],
                 class: "onyx-nav-bar__burger",
                 icon: a(Za),
@@ -8269,7 +8274,7 @@ const Yi = (n, t) => {
                 default: $(() => [
                   y(
                     "nav",
-                    O({ class: "onyx-nav-bar__nav--mobile" }, a(p)),
+                    M({ class: "onyx-nav-bar__nav--mobile" }, a(p)),
                     [
                       y("ul", ju, [
                         E(h.$slots, "default")
@@ -8283,12 +8288,12 @@ const Yi = (n, t) => {
                 /* FORWARDED */
               }, 8, ["open", "icon", "label", "headline"])) : (i(), f(
                 "nav",
-                O({
+                M({
                   key: 1,
                   class: "onyx-nav-bar__nav"
                 }, a(p)),
                 [
-                  A(qn, {
+                  O(qn, {
                     is: "ul",
                     role: "menubar",
                     "injection-key": a(ya)
@@ -8305,11 +8310,11 @@ const Yi = (n, t) => {
                       )
                     ]),
                     more: $(({ attributes: B, hiddenElements: C }) => [
-                      A(Ye, O({
+                      O(Ye, M({
                         label: a(c)("navigation.showMoreNavItemsLabel")
                       }, B), {
-                        button: $(({ trigger: M }) => [
-                          A(tt, O(M, {
+                        button: $(({ trigger: A }) => [
+                          O(tt, M(A, {
                             label: a(c)("navigation.moreNavItems", { n: C }),
                             context: "navbar"
                           }), null, 16, ["label"])
@@ -8348,12 +8353,12 @@ const Yi = (n, t) => {
                 ])) : S("v-if", !0),
                 s.contextArea ? (i(), w(ln, {
                   key: 1,
-                  open: _.value,
+                  open: b.value,
                   "onUpdate:open": [
-                    k[3] || (k[3] = (B) => _.value = B),
+                    k[3] || (k[3] = (B) => b.value = B),
                     k[4] || (k[4] = (B) => v.value = !1)
                   ],
-                  icon: a(bo),
+                  icon: a(ho),
                   label: a(c)("navigation.toggleContextMenu")
                 }, {
                   default: $(() => [
@@ -8445,11 +8450,11 @@ const Yi = (n, t) => {
       },
       [
         a(l) ? (i(), f("div", od, [
-          A(X, { class: "onyx-notification-card-skeleton__header" }),
+          O(X, { class: "onyx-notification-card-skeleton__header" }),
           (i(), f(
             K,
             null,
-            ce(3, (p) => A(X, {
+            ce(3, (p) => O(X, {
               key: p,
               class: "onyx-notification-card-skeleton__content"
             })),
@@ -8465,7 +8470,7 @@ const Yi = (n, t) => {
                   class: "onyx-notification-card__icon",
                   icon: t.icon
                 }, null, 8, ["icon"])) : S("v-if", !0),
-                A(Ve, { is: "h3" }, {
+                O(Ve, { is: "h3" }, {
                   default: $(() => [
                     Y(
                       I(t.headline),
@@ -8485,16 +8490,10 @@ const Yi = (n, t) => {
                 e.headerActions ? (i(), w(Ye, {
                   key: 1,
                   class: "onyx-notification-card__more-actions",
-                  label: a(r)("notificationCard.moreActions"),
+                  label: a(r)("flyoutMenu.moreActions"),
                   trigger: "click",
                   alignment: "right"
                 }, {
-                  button: $(({ trigger: p }) => [
-                    A($e, O(p, {
-                      label: a(r)("notificationCard.toggleActions"),
-                      icon: a(bo)
-                    }), null, 16, ["label", "icon"])
-                  ]),
                   options: $(() => [
                     E(c.$slots, "headerActions")
                   ]),
@@ -8699,10 +8698,10 @@ const Yi = (n, t) => {
       const p = d + 1;
       let v = "default";
       p === e.modelValue ? v = "active" : p < e.modelValue ? v = "completed" : p <= r.value - 1 && (v = "visited");
-      const _ = v === "default" && p !== r.value;
+      const b = v === "default" && p !== r.value;
       return {
         value: p,
-        disabled: _,
+        disabled: b,
         status: v,
         skeleton: s.value,
         // allow user to override step properties so he has full control, therefore we add "...step" at the very end
@@ -8730,7 +8729,7 @@ const Yi = (n, t) => {
                 key: p.value
               },
               [
-                A(bd, O({ ref_for: !0 }, p, {
+                O(bd, M({ ref_for: !0 }, p, {
                   onClick: (v) => o("update:modelValue", p.value)
                 }), {
                   default: $(() => [
@@ -8778,20 +8777,20 @@ const Yi = (n, t) => {
   },
   emits: ["validityChange"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, l = e, { rootAttrs: s, restAttrs: r } = we(), { vCustomValidity: u, errorMessages: c } = Je({ props: o, emit: l }), { densityClass: d } = U(o), { disabled: p } = ke(o), v = ae(o), _ = Q("inputRef");
-    return t({ input: _ }), Ie(_, o), (b, x) => a(v) ? (i(), f(
+    const o = n, l = e, { rootAttrs: s, restAttrs: r } = we(), { vCustomValidity: u, errorMessages: c } = Je({ props: o, emit: l }), { densityClass: d } = U(o), { disabled: p } = ke(o), v = ae(o), b = Q("inputRef");
+    return t({ input: b }), Ie(b, o), (g, x) => a(v) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
         class: ["onyx-component", "onyx-radio-button-skeleton", a(d)]
       }, a(s)),
       [
-        A(X, { class: "onyx-radio-button-skeleton__input" }),
-        A(X, { class: "onyx-radio-button-skeleton__label" })
+        O(X, { class: "onyx-radio-button-skeleton__input" }),
+        O(X, { class: "onyx-radio-button-skeleton__label" })
       ],
       16
       /* FULL_PROPS */
-    )) : (i(), w(Co, O({
+    )) : (i(), w(Co, M({
       key: 1,
       disabled: a(p),
       "error-messages": a(c)
@@ -8807,7 +8806,7 @@ const Yi = (n, t) => {
               key: 0,
               class: "onyx-radio-button__loading",
               type: "circle"
-            })) : Se((i(), f("input", O({
+            })) : Se((i(), f("input", M({
               key: 1,
               ref: "inputRef",
               class: "onyx-radio-button__selector",
@@ -8866,19 +8865,19 @@ const Yi = (n, t) => {
       props: o,
       emit: p,
       key: "modelValue"
-    }), _ = (x, g) => {
-      x && (v.value = g);
-    }, b = Q("radiobuttonsRef");
+    }), b = (x, _) => {
+      x && (v.value = _);
+    }, g = Q("radiobuttonsRef");
     return t({
-      inputs: m(() => _t(b.value).flatMap((g) => g?.input).filter((g) => !!g))
-    }), (x, g) => (i(), f("fieldset", {
+      inputs: m(() => _t(g.value).flatMap((_) => _?.input).filter((_) => !!_))
+    }), (x, _) => (i(), f("fieldset", {
       class: R(["onyx-component", "onyx-radio-group", a(l), a(c)]),
       disabled: a(s),
       role: "radiogroup",
       "aria-label": o.label
     }, [
       o.hideLabel ? S("v-if", !0) : (i(), f("legend", kd, [
-        A(Ve, {
+        O(Ve, {
           is: "h3",
           class: R(a(u))
         }, {
@@ -8920,7 +8919,7 @@ const Yi = (n, t) => {
           )) : S("v-if", !0) : (i(!0), f(
             K,
             { key: 0 },
-            ce(o.options, (h, k) => (i(), w(sn, O({
+            ce(o.options, (h, k) => (i(), w(sn, M({
               key: h.value.toString()
             }, { ref_for: !0 }, h, {
               ref_for: !0,
@@ -8931,7 +8930,7 @@ const Yi = (n, t) => {
               required: o.required,
               truncation: h.truncation ?? o.truncation,
               onValidityChange: (B) => k === 0 && p("validityChange", B),
-              onChange: (B) => _(B, h.value)
+              onChange: (B) => b(B, h.value)
             }), null, 16, ["name", "error", "checked", "required", "truncation", "onValidityChange", "onChange"]))),
             128
             /* KEYED_FRAGMENT */
@@ -8965,13 +8964,13 @@ const Yi = (n, t) => {
     const { rootAttrs: s, restAttrs: r } = we();
     return (u, c) => (i(), f(
       "div",
-      O(a(s), {
+      M(a(s), {
         class: ["onyx-component", "onyx-segmented-control-element", a(e)]
       }),
       [
-        A(et, null, {
+        O(et, null, {
           default: $(() => [
-            y("input", O(a(r), {
+            y("input", M(a(r), {
               id: t.value.toString(),
               ref: "inputRef",
               name: t.name,
@@ -9040,7 +9039,7 @@ const Yi = (n, t) => {
         (i(!0), f(
           K,
           null,
-          ce(n.options, (p) => (i(), w(Ed, O({
+          ce(n.options, (p) => (i(), w(Ed, M({
             key: p.value.toString()
           }, { ref_for: !0 }, p, {
             name: e.name,
@@ -9069,7 +9068,7 @@ const Yi = (n, t) => {
       e.value,
       l.value ? "onyx-sidebar-item--active" : ""
     ]);
-    return (u, c) => s.value ? (i(), w(pt, O({
+    return (u, c) => s.value ? (i(), w(pt, M({
       key: 0,
       class: r.value
     }, s.value), {
@@ -9092,7 +9091,7 @@ const Yi = (n, t) => {
       /* CLASS */
     ));
   }
-}), Bd = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>', Od = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>', Ad = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m15.218 8.558-3.48 3.48 3.48 3.48 1.064-1.058-2.422-2.423 2.422-2.422z"/></svg>', Md = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m12.27 9.615 2.423 2.422-2.423 2.423 1.058 1.057 3.48-3.48-3.48-3.48z"/></svg>', Td = ["aria-label"], Id = {
+}), Bd = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>', Md = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>', Od = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m15.218 8.558-3.48 3.48 3.48 3.48 1.064-1.058-2.422-2.423 2.422-2.422z"/></svg>', Ad = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m12.27 9.615 2.423 2.422-2.423 2.423 1.058 1.057 3.48-3.48-3.48-3.48z"/></svg>', Td = ["aria-label"], Id = {
   key: 0,
   class: "onyx-sidebar__header"
 }, Rd = { class: "onyx-sidebar__body" }, Dd = {
@@ -9119,20 +9118,20 @@ const Yi = (n, t) => {
         onAutoSize: () => d.value = void 0,
         alignment: e.alignment === "left" ? "right" : "left"
       })
-    ), { width: _ } = qe(), b = m(() => {
-      if (!e.collapseSidebar || _.value === 0) return !1;
+    ), { width: b } = qe(), g = m(() => {
+      if (!e.collapseSidebar || b.value === 0) return !1;
       const k = typeof e.collapseSidebar == "number" ? e.collapseSidebar : ht[e.collapseSidebar];
-      return _.value <= k;
-    }), x = D(!1), g = m({
+      return b.value <= k;
+    }), x = D(!1), _ = m({
       get: () => typeof e.temporary?.open == "boolean" ? e.temporary.open : x.value,
       set: (k) => {
         x.value = k, k || o("close");
       }
     }), h = me();
     return J(
-      [b, () => e.temporary],
+      [g, () => e.temporary],
       () => {
-        if (!b.value || e.temporary) {
+        if (!g.value || e.temporary) {
           r.remove(h);
           return;
         }
@@ -9141,14 +9140,14 @@ const Yi = (n, t) => {
             id: h,
             label: e.label,
             hideLabel: !0,
-            icon: e.alignment === "right" ? Ad : Md,
+            icon: e.alignment === "right" ? Od : Ad,
             ifOption: {
               hideLabel: !1,
-              icon: e.alignment === "right" ? Bd : Od
+              icon: e.alignment === "right" ? Bd : Md
             },
             alignment: e.alignment,
             onClick: () => {
-              g.value = !g.value;
+              _.value = !_.value;
             }
           }))
         );
@@ -9156,7 +9155,7 @@ const Yi = (n, t) => {
       { immediate: !0 }
     ), Vt(() => {
       r.remove(h);
-    }), (k, B) => !e.temporary && !b.value ? (i(), f("aside", {
+    }), (k, B) => !e.temporary && !g.value ? (i(), f("aside", {
       key: 0,
       ref: "sidebarRef",
       class: R([
@@ -9178,14 +9177,14 @@ const Yi = (n, t) => {
       l.footer ? (i(), f("footer", Dd, [
         E(k.$slots, "footer")
       ])) : S("v-if", !0),
-      e.resizable ? (i(), w(po, O({
+      e.resizable ? (i(), w(po, M({
         key: 2,
         element: u.value
       }, v.value), null, 16, ["element"])) : S("v-if", !0)
-    ], 14, Td)) : (i(), w(va, O({ key: 1 }, e.temporary, {
+    ], 14, Td)) : (i(), w(va, M({ key: 1 }, e.temporary, {
       ref: "modalRef",
-      open: g.value,
-      "onUpdate:open": B[0] || (B[0] = (C) => g.value = C),
+      open: _.value,
+      "onUpdate:open": B[0] || (B[0] = (C) => _.value = C),
       class: [
         "onyx-sidebar",
         "onyx-sidebar--temporary",
@@ -9201,7 +9200,7 @@ const Yi = (n, t) => {
     }), xe({
       default: $(() => [
         E(k.$slots, "default"),
-        e.resizable ? (i(), w(po, O({
+        e.resizable ? (i(), w(po, M({
           key: 0,
           element: c.value
         }, v.value), null, 16, ["element"])) : S("v-if", !0)
@@ -9271,53 +9270,53 @@ const Yi = (n, t) => {
   },
   emits: ["validityChange", "update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, l = e, { t: s, locale: r } = W(), u = Q("inputRef"), { disabled: c, showError: d } = ke(o), p = ae(o), v = $t(d), { densityClass: _ } = U(o), { vCustomValidity: b, errorMessages: x } = Je({ props: o, emit: l }), g = m(() => Te(o.success)), h = m(() => Te(o.message)), { rootAttrs: k, restAttrs: B } = we(), C = D(!1), M = oe({
+    const o = n, l = e, { t: s, locale: r } = W(), u = Q("inputRef"), { disabled: c, showError: d } = ke(o), p = ae(o), v = $t(d), { densityClass: b } = U(o), { vCustomValidity: g, errorMessages: x } = Je({ props: o, emit: l }), _ = m(() => Te(o.success)), h = m(() => Te(o.message)), { rootAttrs: k, restAttrs: B } = we(), C = D(!1), A = oe({
       props: o,
       emit: l,
       key: "modelValue"
-    }), L = D(), P = m(() => Z.value(M.value)), H = m(() => (q) => o.precision !== void 0 && q != null ? Zo(q, o.precision) : q?.toString() ?? ""), Z = m(() => (q) => q == null || Number.isNaN(q) ? "" : o.formatNumber ? typeof o.formatNumber == "boolean" ? o.precision ? q.toLocaleString(r.value, {
+    }), L = D(), P = m(() => Z.value(A.value)), H = m(() => (q) => o.precision !== void 0 && q != null ? Zo(q, o.precision) : q?.toString() ?? ""), Z = m(() => (q) => q == null || Number.isNaN(q) ? "" : o.formatNumber ? typeof o.formatNumber == "boolean" ? o.precision ? q.toLocaleString(r.value, {
       minimumFractionDigits: o.precision,
       maximumFractionDigits: o.precision
     }) : q.toLocaleString(r.value) : o.formatNumber(q) : o.precision ? Zo(q, o.precision) : String(q));
     Le(() => {
-      L.value = H.value(M.value);
+      L.value = H.value(A.value);
     });
     const se = (q) => {
       C.value = !0;
-      const N = M.value || 0, ge = (q === "stepUp" ? 1 : -1) * o.stepSize, le = parseFloat(H.value(N + ge));
-      M.value = To(le, o.min, o.max);
+      const N = A.value || 0, ge = (q === "stepUp" ? 1 : -1) * o.stepSize, le = parseFloat(H.value(N + ge));
+      A.value = To(le, o.min, o.max);
     }, V = () => {
       if (C.value = !0, L.value == null) {
-        M.value = void 0;
+        A.value = void 0;
         return;
       }
-      L.value = H.value(parseFloat(L.value)), M.value = parseFloat(L.value);
+      L.value = H.value(parseFloat(L.value)), A.value = parseFloat(L.value);
     }, G = m(() => s.value("stepper.increment", { stepSize: o.stepSize })), te = m(() => s.value("stepper.decrement", { stepSize: o.stepSize }));
     return t({ input: u }), Ie(u, o), (q, N) => a(p) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
-        class: ["onyx-component", "onyx-stepper-skeleton", a(_)]
+        class: ["onyx-component", "onyx-stepper-skeleton", a(b)]
       }, a(k)),
       [
         o.hideLabel ? S("v-if", !0) : (i(), w(X, {
           key: 0,
           class: "onyx-stepper-skeleton__label"
         })),
-        A(X, { class: "onyx-stepper-skeleton__input" })
+        O(X, { class: "onyx-stepper-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
     )) : (i(), f(
       "div",
-      O({
+      M({
         key: 1,
-        class: ["onyx-component", "onyx-stepper", a(_), a(v)]
+        class: ["onyx-component", "onyx-stepper", a(b), a(v)]
       }, a(k)),
       [
-        A(Ct, O(o, {
+        O(Ct, M(o, {
           message: h.value,
-          "success-messages": g.value,
+          "success-messages": _.value,
           "error-messages": a(x)
         }), {
           default: $(({ id: ge }) => [
@@ -9326,18 +9325,18 @@ const Yi = (n, t) => {
                 key: 0,
                 type: "button",
                 class: "onyx-stepper__counter",
-                disabled: a(c) || n.readonly || o.loading || o.min !== void 0 && a(M) !== void 0 && a(M) !== null && a(M) <= o.min,
+                disabled: a(c) || n.readonly || o.loading || o.min !== void 0 && a(A) !== void 0 && a(A) !== null && a(A) <= o.min,
                 "aria-label": te.value,
                 tabindex: "-1",
                 onClick: N[0] || (N[0] = (le) => se("stepDown"))
               }, [
-                A(z, { icon: a(Qa) }, null, 8, ["icon"])
+                O(z, { icon: a(Qa) }, null, 8, ["icon"])
               ], 8, Vd)),
               o.loading ? (i(), w(ze, {
                 key: 1,
                 class: "onyx-stepper__loading",
                 type: "circle"
-              })) : Se((i(), f("input", O({
+              })) : Se((i(), f("input", M({
                 key: 2,
                 id: ge,
                 ref: "inputRef",
@@ -9364,7 +9363,7 @@ const Yi = (n, t) => {
                 ]
               }), null, 16, zd)), [
                 [fo, L.value],
-                [a(b)]
+                [a(g)]
               ]),
               y(
                 "p",
@@ -9377,12 +9376,12 @@ const Yi = (n, t) => {
                 key: 3,
                 type: "button",
                 class: "onyx-stepper__counter",
-                disabled: a(c) || n.readonly || o.loading || o.max !== void 0 && a(M) !== void 0 && a(M) !== null && a(M) >= o.max,
+                disabled: a(c) || n.readonly || o.loading || o.max !== void 0 && a(A) !== void 0 && a(A) !== null && a(A) >= o.max,
                 "aria-label": G.value,
                 tabindex: "-1",
                 onClick: N[5] || (N[5] = (le) => se("stepUp"))
               }, [
-                A(z, { icon: a(el) }, null, 8, ["icon"])
+                O(z, { icon: a(el) }, null, 8, ["icon"])
               ], 8, Pd))
             ])
           ]),
@@ -9414,7 +9413,7 @@ const Yi = (n, t) => {
   },
   emits: ["update:modelValue", "validityChange"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, l = e, { rootAttrs: s, restAttrs: r } = we(), { densityClass: u } = U(o), { disabled: c, showError: d, requiredMarker: p } = ke(o), { requiredMarkerClass: v, requiredTypeClass: _ } = Ut(o, p), { vCustomValidity: b, errorMessages: x } = Je({ props: o, emit: l }), g = m(
+    const o = n, l = e, { rootAttrs: s, restAttrs: r } = we(), { densityClass: u } = U(o), { disabled: c, showError: d, requiredMarker: p } = ke(o), { requiredMarkerClass: v, requiredTypeClass: b } = Ut(o, p), { vCustomValidity: g, errorMessages: x } = Je({ props: o, emit: l }), _ = m(
       () => d.value !== !1 ? x.value : void 0
     ), h = m(() => o.hideLabel && o.label || void 0), k = ae(o), B = oe({
       props: o,
@@ -9422,15 +9421,15 @@ const Yi = (n, t) => {
       key: "modelValue",
       default: !1
     }), C = Q("inputRef");
-    return t({ input: C }), Ie(C, o), (M, L) => a(k) ? (i(), f(
+    return t({ input: C }), Ie(C, o), (A, L) => a(k) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
         class: ["onyx-component", "onyx-switch-skeleton", a(u)]
       }, a(s)),
       [
         y("span", Hd, [
-          A(X, { class: "onyx-switch-skeleton__input" })
+          O(X, { class: "onyx-switch-skeleton__input" })
         ]),
         o.hideLabel ? S("v-if", !0) : (i(), w(X, {
           key: 0,
@@ -9439,19 +9438,19 @@ const Yi = (n, t) => {
       ],
       16
       /* FULL_PROPS */
-    )) : (i(), w(Co, O({
+    )) : (i(), w(Co, M({
       key: 1,
       disabled: a(c),
-      "error-messages": g.value
+      "error-messages": _.value
     }, a(s)), {
       default: $(() => [
         y("label", {
-          class: R(["onyx-component onyx-switch", [a(_), a(u)]]),
+          class: R(["onyx-component onyx-switch", [a(b), a(u)]]),
           title: h.value
         }, [
-          Se(y("input", O({
+          Se(y("input", M({
             ref: "inputRef",
-            "onUpdate:modelValue": L[0] || (L[0] = (P) => Me(B) ? B.value = P : null),
+            "onUpdate:modelValue": L[0] || (L[0] = (P) => Ae(B) ? B.value = P : null),
             type: "checkbox",
             role: "switch",
             class: { "onyx-switch__input": !0, "onyx-switch__loading": o.loading },
@@ -9461,7 +9460,7 @@ const Yi = (n, t) => {
             autofocus: o.autofocus
           }, a(r)), null, 16, qd), [
             [rn, a(B)],
-            [a(b)]
+            [a(g)]
           ]),
           y("span", Kd, [
             y("span", Wd, [
@@ -9534,10 +9533,10 @@ const Yi = (n, t) => {
       K,
       null,
       [
-        a(l) ? (i(), w(X, O({
+        a(l) ? (i(), w(X, M({
           key: 0,
           class: ["onyx-tab-skeleton", a(e), s.value]
-        }, r.value), null, 16, ["class"])) : (i(), f("button", O({
+        }, r.value), null, 16, ["class"])) : (i(), f("button", M({
           key: 1,
           class: [
             "onyx-component",
@@ -9567,7 +9566,7 @@ const Yi = (n, t) => {
         }, [
           r.value?.["aria-selected"] ? (i(), f(
             "div",
-            O({ key: 0 }, a(o)?.headless.elements.tabpanel.value({ value: t.value }), { class: "onyx-tab__panel" }),
+            M({ key: 0 }, a(o)?.headless.elements.tabpanel.value({ value: t.value }), { class: "onyx-tab__panel" }),
             [
               E(u.$slots, "default")
             ],
@@ -9619,7 +9618,7 @@ const Yi = (n, t) => {
       [
         y(
           "div",
-          O(a(r).elements.tablist.value, { class: "onyx-tabs__tablist" }),
+          M(a(r).elements.tablist.value, { class: "onyx-tabs__tablist" }),
           [
             E(c.$slots, "default")
           ],
@@ -9665,7 +9664,7 @@ const Yi = (n, t) => {
       "application/gzip",
       "application/x-bzip2"
     ].includes(t.type) ? ml : t.type.startsWith("text/") ? yl : e : e);
-    return (l, s) => (i(), w(z, O(t, { icon: o.value }), null, 16, ["icon"]));
+    return (l, s) => (i(), w(z, M(t, { icon: o.value }), null, 16, ["icon"]));
   }
 }), ep = ["aria-label"], tp = { class: "onyx-file-card__content" }, op = { class: "onyx-file-card__wrapper onyx-truncation-ellipsis" }, np = {
   class: "onyx-file-card__icon",
@@ -9694,7 +9693,7 @@ const Yi = (n, t) => {
       if (e.link)
         return nt(e.link);
     });
-    return (v, _) => a(u) ? (i(), w(X, {
+    return (v, b) => a(u) ? (i(), w(X, {
       key: 0,
       class: R(["onyx-file-card-skeleton", a(s)])
     }, null, 8, ["class"])) : (i(), w(Kn, {
@@ -9845,7 +9844,7 @@ const Yi = (n, t) => {
 };
 function yp(n, t) {
   return i(), f("svg", mp, [...t[0] || (t[0] = [
-    Ma('<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)
+    Aa('<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 $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
@@ -9959,7 +9958,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
       props: e,
       emit: o,
       key: "modelValue"
-    }), _ = Q("inputRef"), b = m(() => _t(v.value ?? []).filter((G) => G != null)), x = D(!1), g = m(() => b.value.map((V, G) => {
+    }), b = Q("inputRef"), g = m(() => _t(v.value ?? []).filter((G) => G != null)), x = D(!1), _ = m(() => g.value.map((V, G) => {
       if (e.accept && !dp(V, e.accept))
         return {
           text: r.value("fileUpload.status.fileTypeError", {
@@ -9974,7 +9973,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
           }),
           color: "danger"
         };
-      const te = b.value.slice(0, G + 1).reduce((q, N) => q + N.size, 0);
+      const te = g.value.slice(0, G + 1).reduce((q, N) => q + N.size, 0);
       if (e.maxTotalSize && te > uo(e.maxTotalSize))
         return {
           text: r.value("fileUpload.status.maxFileSizeError", {
@@ -9987,28 +9986,28 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
           text: r.value("fileUpload.status.maxCountError", { count: e.maxCount }),
           color: "danger"
         };
-    })), h = m(() => b.value.map((V, G) => ({
+    })), h = m(() => g.value.map((V, G) => ({
       file: V,
       props: {
         filename: V.name,
         size: V.size,
         type: V.type,
         link: Z(V),
-        status: g.value[G]
+        status: _.value[G]
       }
     }))), k = (V) => {
       let G;
-      e.multiple ? e.replace ? G = V.slice() : G = b.value.concat(V) : G = V[0], v.value = G;
+      e.multiple ? e.replace ? G = V.slice() : G = g.value.concat(V) : G = V[0], v.value = G;
     }, B = (V) => {
       if (e.multiple) {
-        const G = b.value.filter((te) => te !== V);
+        const G = g.value.filter((te) => te !== V);
         v.value = G;
       } else
         v.value = void 0;
     }, C = (V) => {
       const G = V.target, te = Array.from(G.files ?? []);
       k(te), G.value = "";
-    }, M = m(() => e.size === "large" || (e.maxSize || e.maxTotalSize || e.maxCount || e.accept?.length) && e.size !== "small"), L = D(!1), P = (V) => {
+    }, A = m(() => e.size === "large" || (e.maxSize || e.maxTotalSize || e.maxCount || e.accept?.length) && e.size !== "small"), L = D(!1), P = (V) => {
       if (s.value) return;
       L.value = !1;
       const G = Array.from(V.dataTransfer?.files ?? []);
@@ -10021,13 +10020,13 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
       } catch {
         return;
       }
-    }, se = m(() => e.listType === "hidden" || !b.value.length ? !1 : e.listType === "button" ? !x.value : !0);
+    }, se = m(() => e.listType === "hidden" || !g.value.length ? !1 : e.listType === "button" ? !x.value : !0);
     return (V, G) => a(l) ? (i(), w(X, {
       key: 0,
       class: R(["onyx-file-upload-skeleton", `onyx-file-upload-skeleton--${e.size}`, a(u)])
     }, null, 8, ["class"])) : (i(), f(
       "div",
-      O({
+      M({
         key: 1,
         class: ["onyx-component", "onyx-file-upload-wrapper", a(u)]
       }, a(d)),
@@ -10045,14 +10044,14 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
           onDragover: G[1] || (G[1] = Re(() => {
           }, ["prevent"])),
           onDrop: Re(P, ["prevent"]),
-          onClick: G[2] || (G[2] = (te) => _.value?.click())
+          onClick: G[2] || (G[2] = (te) => b.value?.click())
         }, [
           e.size === "large" ? (i(), w(a(fp), {
             key: 0,
             disabled: a(s),
             active: L.value
           }, null, 8, ["disabled", "active"])) : (i(), f("div", hp, [
-            A(z, { icon: a(fl) }, null, 8, ["icon"]),
+            O(z, { icon: a(fl) }, null, 8, ["icon"]),
             y(
               "span",
               null,
@@ -10061,7 +10060,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
               /* TEXT */
             )
           ])),
-          M.value ? (i(), f("div", bp, [
+          A.value ? (i(), f("div", bp, [
             e.size === "large" ? (i(), f("p", gp, [
               y(
                 "u",
@@ -10136,7 +10135,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
             )) : S("v-if", !0)
           ])) : S("v-if", !0)
         ], 42, vp),
-        y("input", O({
+        y("input", M({
           ref: "inputRef",
           "aria-hidden": "true",
           tabindex: "-1",
@@ -10147,7 +10146,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
           disabled: a(s),
           name: e.name
         }, a(c), { onChange: C }), null, 16, wp),
-        e.listType === "button" && b.value.length ? (i(), w($e, {
+        e.listType === "button" && g.value.length ? (i(), w($e, {
           key: 0,
           class: "onyx-file-upload__list-button",
           label: x.value ? a(r)("fileUpload.revealFilesButton") : a(r)("fileUpload.hideFilesButton"),
@@ -10171,12 +10170,12 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
                 file: te.file,
                 props: te.props
               }, () => [
-                A(
+                O(
                   up,
-                  O({ ref_for: !0 }, te.props),
+                  M({ ref_for: !0 }, te.props),
                   {
                     actions: $(() => [
-                      A(bt, {
+                      O(bt, {
                         color: "danger",
                         icon: a(vl),
                         label: a(r)("fileUpload.removeFile"),
@@ -10222,7 +10221,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
     }), r = m(
       () => s.value ? l.value("filterTag.clickToRemove", { label: e.label }) : l.value("filterTag.clickToAdd", { label: e.label })
     ), u = ae(e);
-    return (c, d) => (i(), w(ot, O(e, {
+    return (c, d) => (i(), w(ot, M(e, {
       clickable: { label: r.value, actionIcon: a(s) ? a(We) : void 0 },
       class: "onyx-filter-tag",
       skeleton: a(u),
@@ -10266,19 +10265,19 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
       emit: l,
       key: "modelValue",
       default: ""
-    }), { rootAttrs: r, restAttrs: u } = we(), { maxLength: c, maxLengthError: d } = ma({ props: o, modelValue: s }), p = m(() => o.error ?? d.value), { vCustomValidity: v, errorMessages: _ } = Je({ props: o, emit: l, error: p }), { densityClass: b } = U(o), x = m(() => Te(o.success)), g = m(() => Te(o.message)), h = m(() => {
+    }), { rootAttrs: r, restAttrs: u } = we(), { maxLength: c, maxLengthError: d } = ma({ props: o, modelValue: s }), p = m(() => o.error ?? d.value), { vCustomValidity: v, errorMessages: b } = Je({ props: o, emit: l, error: p }), { densityClass: g } = U(o), x = m(() => Te(o.success)), _ = m(() => Te(o.message)), h = m(() => {
       if (!o.autosize) return;
       const H = o.autosize.min ? Math.max(o.autosize.min, 2) : void 0, Z = o.autosize.max;
       return [H ? `--min-autosize-rows: ${H}` : "", `--max-autosize-rows: ${Z ?? "unset"}`];
     }), k = (H) => {
       const Z = H.target;
       Z.parentElement?.setAttribute("data-autosize-value", Z.value);
-    }, { disabled: B, showError: C } = ke(o), M = ae(o), L = $t(C), P = Q("inputRef");
-    return t({ input: P }), Ie(P, o), (H, Z) => a(M) ? (i(), f(
+    }, { disabled: B, showError: C } = ke(o), A = ae(o), L = $t(C), P = Q("inputRef");
+    return t({ input: P }), Ie(P, o), (H, Z) => a(A) ? (i(), f(
       "div",
-      O({
+      M({
         key: 0,
-        class: ["onyx-component", "onyx-textarea-skeleton", a(b)],
+        class: ["onyx-component", "onyx-textarea-skeleton", a(g)],
         style: h.value
       }, a(r)),
       [
@@ -10286,32 +10285,32 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
           key: 0,
           class: "onyx-textarea-skeleton__label"
         })),
-        A(X, { class: "onyx-textarea-skeleton__input" })
+        O(X, { class: "onyx-textarea-skeleton__input" })
       ],
       16
       /* FULL_PROPS */
     )) : (i(), f(
       "div",
-      O({
+      M({
         key: 1,
-        class: ["onyx-component", "onyx-textarea", a(L), a(b)],
+        class: ["onyx-component", "onyx-textarea", a(L), a(g)],
         style: h.value
       }, a(r)),
       [
-        A(Ct, O(o, {
-          message: g.value,
+        O(Ct, M(o, {
+          message: _.value,
           "success-messages": x.value,
-          "error-messages": a(_)
+          "error-messages": a(b)
         }), {
           default: $(({ id: se }) => [
             y("div", {
               class: "onyx-textarea__wrapper",
               "data-autosize-value": a(s)
             }, [
-              Se(y("textarea", O({
+              Se(y("textarea", M({
                 id: se,
                 ref: "inputRef",
-                "onUpdate:modelValue": Z[0] || (Z[0] = (V) => Me(s) ? s.value = V : null),
+                "onUpdate:modelValue": Z[0] || (Z[0] = (V) => Ae(s) ? s.value = V : null),
                 class: ["onyx-textarea__native", { "onyx-textarea__native--no-resize": o.disableManualResize }],
                 placeholder: o.placeholder,
                 required: o.required,
@@ -10338,7 +10337,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
       /* FULL_PROPS */
     ));
   }
-}), Ep = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%20viewBox='0%200%20821%20922'%3e%3cpath%20d='M48.16%2024.48c-1.44-8.17-3.21-14.28-7.18-17.56-3.54-2.93-8.5-3.5-17.09-1.98C7.91%207.75%204.61%2013.23%207.84%2031.58c2.62%2014.87%206.4%2020.29%2016.3%2020.29%202.28%200%204.89-.29%207.89-.82%2016.05-2.83%2019.36-8.3%2016.14-26.58zm-27.8-2.67c0-.12.02-.28.03-.42.68-4.95%202.64-5.5%207.57-5.5%206.58%200%207.88.97%207.88%2012.14%200%203.14-.11%205.45-.41%207.18h-.01v.11c-.77%204.27-2.77%204.78-7.45%204.78-6.58%200-7.88-.97-7.88-12.06%200-2.59.07-4.61.26-6.22h.02z'%20style='fill:%2300adba;fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M48.12%2024.46c-1.44-8.15-3.2-14.25-7.17-17.52-3.53-2.92-8.48-3.51-17.05-2-.18.03-.78.14-.95.17l-2.37%2015.21c.81-3.96%202.83-4.43%207.37-4.43%206.57%200%207.86.97%207.86%2012.11%200%202.78-.09%204.91-.31%206.55l12.62-10.1z'%20style='fill:url(%23a);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M7.84%2031.5c1.44%208.15%203.13%2014.27%207.09%2017.54%203.53%202.92%208.48%203.51%2017.05%202%20.18-.03.78-.14.95-.17l2.37-15.21c-.81%203.96-2.83%204.43-7.37%204.43-6.57%200-7.86-.97-7.86-12.11%200-2.78.09-4.91.31-6.55L7.84%2031.51z'%20style='fill:url(%23b);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(20%20-28.968%2063.083)scale(30.27)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(-160%2021.757%2017.96)scale(30.2)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Bp = { class: "parent" }, Op = { class: "showcase__flex grid--row1" }, Ap = { class: "showcase__flex grid--tags" }, Mp = { class: "showcase__flex grid--row2" }, Tp = { class: "showcase__flex grid--row3" }, Ip = { class: "showcase__flex grid--row4" }, Rp = /* @__PURE__ */ T({
+}), Ep = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%20viewBox='0%200%20821%20922'%3e%3cpath%20d='M48.16%2024.48c-1.44-8.17-3.21-14.28-7.18-17.56-3.54-2.93-8.5-3.5-17.09-1.98C7.91%207.75%204.61%2013.23%207.84%2031.58c2.62%2014.87%206.4%2020.29%2016.3%2020.29%202.28%200%204.89-.29%207.89-.82%2016.05-2.83%2019.36-8.3%2016.14-26.58zm-27.8-2.67c0-.12.02-.28.03-.42.68-4.95%202.64-5.5%207.57-5.5%206.58%200%207.88.97%207.88%2012.14%200%203.14-.11%205.45-.41%207.18h-.01v.11c-.77%204.27-2.77%204.78-7.45%204.78-6.58%200-7.88-.97-7.88-12.06%200-2.59.07-4.61.26-6.22h.02z'%20style='fill:%2300adba;fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M48.12%2024.46c-1.44-8.15-3.2-14.25-7.17-17.52-3.53-2.92-8.48-3.51-17.05-2-.18.03-.78.14-.95.17l-2.37%2015.21c.81-3.96%202.83-4.43%207.37-4.43%206.57%200%207.86.97%207.86%2012.11%200%202.78-.09%204.91-.31%206.55l12.62-10.1z'%20style='fill:url(%23a);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M7.84%2031.5c1.44%208.15%203.13%2014.27%207.09%2017.54%203.53%202.92%208.48%203.51%2017.05%202%20.18-.03.78-.14.95-.17l2.37-15.21c-.81%203.96-2.83%204.43-7.37%204.43-6.57%200-7.86-.97-7.86-12.11%200-2.78.09-4.91.31-6.55L7.84%2031.51z'%20style='fill:url(%23b);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(20%20-28.968%2063.083)scale(30.27)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(-160%2021.757%2017.96)scale(30.2)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Bp = { class: "parent" }, Mp = { class: "showcase__flex grid--row1" }, Op = { class: "showcase__flex grid--tags" }, Ap = { class: "showcase__flex grid--row2" }, Tp = { class: "showcase__flex grid--row3" }, Ip = { class: "showcase__flex grid--row4" }, Rp = /* @__PURE__ */ T({
   __name: "ComponentShowcase",
   props: {
     dark: { type: Boolean },
@@ -10375,13 +10374,13 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
           class: R(["showcase onyx-text", { dark: t.value }])
         },
         [
-          y("div", Op, [
-            A(ua, {
+          y("div", Mp, [
+            O(ua, {
               modelValue: s.value.pagination,
               "onUpdate:modelValue": c[0] || (c[0] = (d) => s.value.pagination = d),
               pages: 6
             }, null, 8, ["modelValue"]),
-            A(ca, {
+            O(ca, {
               modelValue: s.value.select,
               "onUpdate:modelValue": c[1] || (c[1] = (d) => s.value.select = d),
               class: "showcase__select",
@@ -10393,13 +10392,13 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
               "with-search": "",
               "hide-label": ""
             }, null, 8, ["modelValue", "options"]),
-            A(Yd, {
+            O(Yd, {
               modelValue: t.value,
               "onUpdate:modelValue": c[2] || (c[2] = (d) => t.value = d),
               label: "Dark mode"
             }, null, 8, ["modelValue"])
           ]),
-          A(Zn, {
+          O(Zn, {
             class: "grid--table",
             striped: ""
           }, {
@@ -10506,7 +10505,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
             _: 1
             /* STABLE */
           }),
-          A(Cp, {
+          O(Cp, {
             modelValue: s.value.textarea,
             "onUpdate:modelValue": c[3] || (c[3] = (d) => s.value.textarea = d),
             class: "grid--textarea",
@@ -10515,14 +10514,14 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
             placeholder: "Enter free text here",
             autosize: { min: 7, max: 14 }
           }, null, 8, ["modelValue"]),
-          A(zn, {
+          O(zn, {
             class: "grid--toast",
             headline: "Toast notification",
             description: "Description",
             duration: 0
           }),
-          y("div", Ap, [
-            A(Pt, null, {
+          y("div", Op, [
+            O(Pt, null, {
               default: $(() => [...c[15] || (c[15] = [
                 Y(
                   "Badge",
@@ -10533,25 +10532,25 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
               _: 1
               /* STABLE */
             }),
-            A(ot, { label: "Tag" }),
-            A(ot, {
+            O(ot, { label: "Tag" }),
+            O(ot, {
               label: "Tag",
               color: "primary"
             }),
-            A(ot, {
+            O(ot, {
               label: "Tag",
               color: "danger"
             }),
-            A(ot, {
+            O(ot, {
               label: "Tag",
               color: "warning"
             }),
-            A(ot, {
+            O(ot, {
               label: "Tag",
               color: "success"
             })
           ]),
-          A(Jo, {
+          O(Jo, {
             modelValue: s.value.checkboxGroup,
             "onUpdate:modelValue": c[4] || (c[4] = (d) => s.value.checkboxGroup = d),
             class: "grid--checkboxes",
@@ -10560,13 +10559,13 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
             options: a(o),
             "with-check-all": ""
           }, null, 8, ["modelValue", "options"]),
-          y("div", Mp, [
-            A(Vr, null, {
+          y("div", Ap, [
+            O(Vr, null, {
               default: $(() => [
                 (i(), f(
                   K,
                   null,
-                  ce(r, (d) => A(Rt, {
+                  ce(r, (d) => O(Rt, {
                     key: d.name,
                     "full-name": d.name,
                     src: d.avatar,
@@ -10575,7 +10574,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
                   64
                   /* STABLE_FRAGMENT */
                 )),
-                A(Rt, {
+                O(Rt, {
                   "full-name": "Three others",
                   initials: "+3",
                   size: "32px"
@@ -10584,7 +10583,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
               _: 1
               /* STABLE */
             }),
-            A(wd, {
+            O(wd, {
               modelValue: s.value.radioGroup,
               "onUpdate:modelValue": c[5] || (c[5] = (d) => s.value.radioGroup = d),
               label: "Radio group",
@@ -10594,25 +10593,25 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
             }, null, 8, ["modelValue", "options"])
           ]),
           y("div", Tp, [
-            A(ou, {
+            O(ou, {
               label: "Input",
               placeholder: "Example input",
               "hide-label": ""
             }),
-            A(bt, {
+            O(bt, {
               icon: a(hl),
               label: "Icon button"
             }, null, 8, ["icon"]),
-            A(ct, {
+            O(ct, {
               icon: a(bl),
               label: "Button",
               color: "neutral"
             }, null, 8, ["icon"]),
-            A(ct, {
+            O(ct, {
               icon: a(wt),
               label: "Button"
             }, null, 8, ["icon"]),
-            A(Ud, {
+            O(Ud, {
               modelValue: s.value.stepper,
               "onUpdate:modelValue": c[6] || (c[6] = (d) => s.value.stepper = d),
               label: "Stepper",
@@ -10628,7 +10627,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
               -1
               /* CACHED */
             )),
-            A(Jo, {
+            O(Jo, {
               label: "Checkbox group (skeleton)",
               "hide-label": "",
               orientation: "horizontal",
@@ -10636,13 +10635,13 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
               options: []
             })
           ]),
-          A(ed, {
+          O(ed, {
             class: "grid--nav",
             "app-name": "Nav bar",
             "logo-url": a(Ep)
           }, {
             contextArea: $(() => [
-              A(qu, {
+              O(qu, {
                 description: "Company Name",
                 "full-name": "Jane Doe"
               }, {
@@ -10661,9 +10660,9 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
                   )
                 ])]),
                 default: $(() => [
-                  A(Ke, null, {
+                  O(Ke, null, {
                     default: $(() => [
-                      A(z, { icon: a(gl) }, null, 8, ["icon"]),
+                      O(z, { icon: a(gl) }, null, 8, ["icon"]),
                       c[17] || (c[17] = Y(
                         " Settings ",
                         -1
@@ -10673,13 +10672,13 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
                     _: 1
                     /* STABLE */
                   }),
-                  A(Cu, {
+                  O(Cu, {
                     "model-value": t.value ? "dark" : "light",
                     "onUpdate:modelValue": c[7] || (c[7] = (d) => t.value = d === "dark")
                   }, null, 8, ["model-value"]),
-                  A(Ke, { color: "danger" }, {
+                  O(Ke, { color: "danger" }, {
                     default: $(() => [
-                      A(z, { icon: a(_l) }, null, 8, ["icon"]),
+                      O(z, { icon: a(_l) }, null, 8, ["icon"]),
                       c[18] || (c[18] = Y(
                         " Logout ",
                         -1
@@ -10695,19 +10694,19 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
               })
             ]),
             default: $(() => [
-              A(ft, {
+              O(ft, {
                 label: "Page 1",
                 active: ""
               }),
-              A(ft, { label: "Page 2" }, {
+              O(ft, { label: "Page 2" }, {
                 children: $(() => [
-                  A(ft, { label: "Subpage 1" }),
-                  A(ft, { label: "Subpage 2" })
+                  O(ft, { label: "Subpage 1" }),
+                  O(ft, { label: "Subpage 2" })
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              A(ft, {
+              O(ft, {
                 label: "Page 3",
                 link: { href: "https://onyx.schwarz", target: "_blank" }
               })
@@ -10721,7 +10720,7 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
       )
     ]));
   }
-}), Bm = /* @__PURE__ */ Ft(Rp, [["__scopeId", "data-v-c46b11f7"]]), Om = (n) => {
+}), Bm = /* @__PURE__ */ Ft(Rp, [["__scopeId", "data-v-c46b11f7"]]), Mm = (n) => {
   Ce(() => {
     J([n], () => {
       const t = document.documentElement, e = "onyx-transition-active", o = () => {
@@ -10730,11 +10729,11 @@ const $m = /* @__PURE__ */ Ft(pp, [["render", yp]]), fp = /* @__PURE__ */ T({
       t.addEventListener("transitionend", o, { once: !0 }), t.classList.add(e);
     });
   });
-}, Am = ["primary", "neutral", "danger", "warning", "success", "info"], Mm = ["small", "default", "large"], Tm = ["ellipsis", "multiline"], Im = ["horizontal", "vertical"], Rm = (n = {}) => ({
+}, Om = ["primary", "neutral", "danger", "warning", "success", "info"], Am = ["small", "default", "large"], Tm = ["ellipsis", "multiline"], Im = ["horizontal", "vertical"], Rm = (n = {}) => ({
   install: (t) => {
     ms(t, n.i18n);
     const e = t.runWithContext(() => W());
-    t.provide(Fn, Br()), t.provide(Ln, Qs()), t.provide(Vn, br()), n.router && t.provide(An, n.router), t.mixin({
+    t.provide(Fn, Br()), t.provide(Ln, Qs()), t.provide(Vn, br()), n.router && t.provide(On, n.router), t.mixin({
       beforeMount: () => {
         Le(() => {
           Dp(e.t.value("optional"));
@@ -10770,7 +10769,7 @@ export {
   fa as NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY,
   Vn as NOTIFICATIONS_PROVIDER_INJECTION_KEY,
   ht as ONYX_BREAKPOINTS,
-  Am as ONYX_COLORS,
+  Om as ONYX_COLORS,
   Im as ORIENTATIONS,
   Fp as OnyxAccordion,
   Pp as OnyxAccordionItem,
@@ -10860,21 +10859,21 @@ export {
   ot as OnyxTag,
   Cp as OnyxTextarea,
   im as OnyxTimer,
-  Mr as OnyxToast,
+  Ar as OnyxToast,
   zn as OnyxToastMessage,
   gt as OnyxTooltip,
   jp as OnyxUnstableCalendar,
   qu as OnyxUserMenu,
   et as OnyxVisuallyHidden,
   pm as PROGRESS_ITEM_STATUS,
-  An as ROUTER_INJECTION_KEY,
+  On as ROUTER_INJECTION_KEY,
   vm as SELECT_ALIGNMENTS,
   _m as SIDEBAR_ALIGNMENT,
   ee as SKELETON_INJECTED_SYMBOL,
   Sm as SUPPORTED_FILE_TYPE_ICON_MEDIA_TYPES,
   xm as SYSTEM_BUTTON_COLORS,
   ga as TABS_INJECTION_KEY,
-  Mm as TEXT_SIZES,
+  Am as TEXT_SIZES,
   Fn as TOAST_PROVIDER_INJECTION_KEY,
   Tm as TRUNCATION_TYPES,
   Yp as createFeature,
@@ -10884,7 +10883,7 @@ export {
   Yi as createTableColumnGroups,
   Br as createToastProvider,
   nt as extractLinkProps,
-  On as isInternalLink,
+  Mn as isInternalLink,
   Bn as normalizedIncludes,
   ms as provideI18n,
   zt as provideSkeletonContext,
@@ -10897,6 +10896,6 @@ export {
   gr as useNotification,
   ia as useScrollEnd,
   ae as useSkeletonContext,
-  Om as useThemeTransition,
-  Or as useToast
+  Mm as useThemeTransition,
+  Mr as useToast
 };