sit-onyx 1.0.0-beta.310 → 1.0.0-beta.312

package/dist/index.esm-bundler.js

@@ -61,7 +61,7 @@ const useVModel = (options) => {
 };
 const ACCORDION_INJECTION_KEY = Symbol();
 const ACCORDION_TYPES = ["default", "nested-large", "nested-small", "card"];
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "OnyxAccordion",
   props: {
     density: { type: null, required: false },
@@ -131,7 +131,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -149,8 +149,8 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordion/OnyxAccordion.vue"]]);
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+const OnyxAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordion/OnyxAccordion.vue"]]);
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "OnyxIcon",
   props: {
     size: { type: null, required: false },
@@ -166,8 +166,8 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$16 = ["innerHTML"];
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$17 = ["innerHTML"];
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("figure", {
     class: normalizeClass({
       "onyx-component": true,
@@ -178,9 +178,9 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     "aria-hidden": "true",
     innerHTML: $setup.props.icon
-  }, null, 10, _hoisted_1$16);
+  }, null, 10, _hoisted_1$17);
 }
-const OnyxIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIcon/OnyxIcon.vue"]]);
+const OnyxIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIcon/OnyxIcon.vue"]]);
 const isAlreadyTriggered = /* @__PURE__ */ new Set();
 const IDLE_TIMEOUT = 200;
 const onIdleCallback = globalThis.window && "requestIdleCallback" in globalThis.window ? globalThis.window.requestIdleCallback : (cb, _) => setTimeout(cb, 0);
@@ -196,7 +196,7 @@ const requestAnimationSync = (animationName) => {
   isAlreadyTriggered.add(animationName);
   onIdleCallback(() => syncAnimations(animationName), { timeout: IDLE_TIMEOUT });
 };
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "OnyxSkeleton",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -206,15 +206,15 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$15 = {
+const _hoisted_1$16 = {
   "aria-hidden": "true",
   class: "onyx-component onyx-skeleton"
 };
-function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("figure", _hoisted_1$15);
+function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("figure", _hoisted_1$16);
 }
-const OnyxSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSkeleton/OnyxSkeleton.vue"]]);
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+const OnyxSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSkeleton/OnyxSkeleton.vue"]]);
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "OnyxAccordionItem",
   props: {
     density: { type: null, required: false },
@@ -251,11 +251,11 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$14 = ["open"];
-const _hoisted_2$L = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"];
-const _hoisted_3$s = { class: "onyx-accordion-item__header-content" };
+const _hoisted_1$15 = ["open"];
+const _hoisted_2$M = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"];
+const _hoisted_3$t = { class: "onyx-accordion-item__header-content" };
 const _hoisted_4$k = ["id", "aria-labelledby"];
-function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.showSkeleton ? (openBlock(), createBlock(resolveDynamicComponent($setup.type === "card" ? $setup.OnyxSkeleton : "div"), {
     key: 0,
     class: normalizeClass([
@@ -291,14 +291,14 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-disabled": $setup.isDisabled,
       onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $setup.isOpen = !$setup.isOpen, ["prevent"]))
     }, [
-      createElementVNode("div", _hoisted_3$s, [
+      createElementVNode("div", _hoisted_3$t, [
         renderSlot(_ctx.$slots, "header")
       ]),
       createVNode($setup["OnyxIcon"], {
         icon: $setup.iconChevronDownSmall,
         class: "onyx-accordion-item__header-icon"
       }, null, 8, ["icon"])
-    ], 8, _hoisted_2$L),
+    ], 8, _hoisted_2$M),
     createElementVNode("div", {
       id: $setup.panelId,
       class: "onyx-accordion-item__panel",
@@ -307,9 +307,9 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 8, _hoisted_4$k)
-  ], 10, _hoisted_1$14));
+  ], 10, _hoisted_1$15));
 }
-const OnyxAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordionItem/OnyxAccordionItem.vue"]]);
+const OnyxAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordionItem/OnyxAccordionItem.vue"]]);
 const DATETIME_FORMATS = {
   date: { dateStyle: "medium" },
   "datetime-local": { dateStyle: "medium", timeStyle: "short" },
@@ -1226,7 +1226,7 @@ const createTooltip = createBuilder(({ debounce: debounce2, isVisible }) => {
     }
   };
 });
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "OnyxBasicDialog",
   props: {
     density: { type: null, required: false },
@@ -1282,12 +1282,12 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$13 = ["aria-modal", "aria-label", "role"];
-const _hoisted_2$K = {
+const _hoisted_1$14 = ["aria-modal", "aria-label", "role"];
+const _hoisted_2$L = {
   ref: "contentRef",
   class: "onyx-basic-dialog__content"
 };
-function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.props.open ? (openBlock(), createElementBlock("dialog", {
     key: 0,
     ref: "dialogRef",
@@ -1306,16 +1306,16 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode(
       "div",
-      _hoisted_2$K,
+      _hoisted_2$L,
       [
         renderSlot(_ctx.$slots, "default")
       ],
       512
       /* NEED_PATCH */
     )
-  ], 42, _hoisted_1$13)) : createCommentVNode("v-if", true);
+  ], 42, _hoisted_1$14)) : createCommentVNode("v-if", true);
 }
-const OnyxBasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicDialog/OnyxBasicDialog.vue"]]);
+const OnyxBasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicDialog/OnyxBasicDialog.vue"]]);
 const normalizedIncludes = (haystack, needle) => {
   const haystackNormalized = removeDiacritics(haystack.toLowerCase());
   const needleNormalized = removeDiacritics(needle.toLowerCase());
@@ -1397,7 +1397,7 @@ const normalizeHref = (href) => {
   return value.replace(/\/+$/, "");
 };
 const ROUTER_INJECTION_KEY = Symbol();
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "OnyxVisuallyHidden",
   props: {
     is: { type: String, required: false, default: "span" }
@@ -1410,7 +1410,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent($setup.props.is), { class: "onyx-component onyx-visually-hidden" }, {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -1419,8 +1419,8 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   });
 }
-const OnyxVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue"]]);
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const OnyxVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue"]]);
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "OnyxRouterLink",
   props: {
     href: { type: String, required: true },
@@ -1436,8 +1436,8 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$12 = ["href", "target", "rel"];
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$13 = ["href", "target", "rel"];
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("a", {
     class: normalizeClass([
       "onyx-component",
@@ -1461,10 +1461,10 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
       /* STABLE */
     })) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$12);
+  ], 10, _hoisted_1$13);
 }
-const OnyxRouterLink = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRouterLink/OnyxRouterLink.vue"]]);
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const OnyxRouterLink = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRouterLink/OnyxRouterLink.vue"]]);
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "OnyxHeadline",
   props: {
     is: { type: null, required: true },
@@ -1489,7 +1489,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-headline-skeleton", `onyx-headline-skeleton--${$setup.showAs}`])
@@ -1529,7 +1529,7 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["id", "class"]));
 }
-const OnyxHeadline = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxHeadline/OnyxHeadline.vue"]]);
+const OnyxHeadline = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxHeadline/OnyxHeadline.vue"]]);
 const useAutofocus = (inputRef, props) => {
   if (!props.autofocus) {
     return;
@@ -1580,7 +1580,7 @@ const useFormContext = (props) => {
     DEFAULT_FORM_INJECTION_CONTEXT
   )(toRef(props));
 };
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "ButtonOrLinkLayout",
   props: {
     disabled: { type: [Boolean, Symbol], required: false },
@@ -1603,8 +1603,8 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$11 = ["disabled", "type", "autofocus"];
-function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$12 = ["disabled", "type", "autofocus"];
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.linkProps ? (openBlock(), createBlock(
     $setup["OnyxRouterLink"],
     normalizeProps(mergeProps({ key: 0 }, $setup.linkProps)),
@@ -1625,10 +1625,10 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     autofocus: $setup.props.autofocus
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1$11));
+  ], 8, _hoisted_1$12));
 }
-const ButtonOrLinkLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/ButtonOrLinkLayout.vue"]]);
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const ButtonOrLinkLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/ButtonOrLinkLayout.vue"]]);
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "OnyxSystemButton",
   props: {
     disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
@@ -1648,7 +1648,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-system-button-skeleton", $setup.props.icon ? "" : "onyx-system-button-skeleton--text"])
@@ -1680,8 +1680,8 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["class", "aria-label", "title"]));
 }
-const OnyxSystemButton = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSystemButton/OnyxSystemButton.vue"]]);
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const OnyxSystemButton = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSystemButton/OnyxSystemButton.vue"]]);
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "OnyxAlertModal",
   props: {
     density: { type: null, required: false },
@@ -1705,11 +1705,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$10 = { class: "onyx-alert-modal__content" };
-const _hoisted_2$J = { class: "onyx-alert-modal__headline" };
-const _hoisted_3$r = ["id"];
+const _hoisted_1$11 = { class: "onyx-alert-modal__content" };
+const _hoisted_2$K = { class: "onyx-alert-modal__headline" };
+const _hoisted_3$s = ["id"];
 const _hoisted_4$j = { class: "onyx-alert-modal__actions" };
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps({
     class: ["onyx-alert-modal", $setup.densityClass]
   }, $setup.props, {
@@ -1719,7 +1719,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.emit("update:open", $event))
   }), {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$10, [
+      createElementVNode("div", _hoisted_1$11, [
         $setup.props.icon ? (openBlock(), createBlock(
           $setup["OnyxIcon"],
           mergeProps({
@@ -1731,7 +1731,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
           /* FULL_PROPS */
         )) : createCommentVNode("v-if", true),
         createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_2$J, [
+          createElementVNode("div", _hoisted_2$K, [
             renderSlot(_ctx.$slots, "headline", {
               label: $setup.props.label
             }, () => [
@@ -1759,7 +1759,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
             class: "onyx-alert-modal__body onyx-truncation"
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 8, _hoisted_3$r)
+          ], 8, _hoisted_3$s)
         ])
       ]),
       createElementVNode("div", _hoisted_4$j, [
@@ -1770,7 +1770,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class", "aria-describedby"]);
 }
-const OnyxAlertModal = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAlertModal/OnyxAlertModal.vue"]]);
+const OnyxAlertModal = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAlertModal/OnyxAlertModal.vue"]]);
 const useRootAttrs = () => {
   const attrs = useAttrs();
   const rootAttrs = computed(
@@ -1852,7 +1852,7 @@ const mergeVueProps = (...args) => args.reduce((prev, curr) => {
   merged.ref = mergedRef;
   return merged;
 }, {});
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "OnyxFABButton",
   props: {
     density: { type: null, required: false },
@@ -1872,11 +1872,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$$ = {
+const _hoisted_1$10 = {
   key: 1,
   class: "onyx-fab-button__label"
 };
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-fab-button-skeleton", $setup.densityClass])
@@ -1894,7 +1894,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
       !$setup.props.hideLabel ? (openBlock(), createElementBlock(
         "span",
-        _hoisted_1$$,
+        _hoisted_1$10,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -1904,7 +1904,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class", "title", "aria-label", "link"]));
 }
-const OnyxFABButton = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABButton/OnyxFABButton.vue"]]);
+const OnyxFABButton = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABButton/OnyxFABButton.vue"]]);
 const useResizeObserver = (target, options) => {
   const box = "content-box";
   const width = ref(0);
@@ -2140,7 +2140,7 @@ const findParentWithHiddenOverflow = (element) => {
   }
   return element.parentElement ? findParentWithHiddenOverflow(element.parentElement) : void 0;
 };
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "OnyxBasicPopover",
   props: {
     label: { type: String, required: true },
@@ -2283,8 +2283,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$_ = ["role", "aria-label"];
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$$ = ["role", "aria-label"];
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -2303,14 +2303,14 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle($setup.popoverStyles)
       }, [
         renderSlot(_ctx.$slots, "content")
-      ], 14, _hoisted_1$_)
+      ], 14, _hoisted_1$$)
     ],
     4
     /* STYLE */
   );
 }
-const OnyxBasicPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicPopover/OnyxBasicPopover.vue"]]);
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const OnyxBasicPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicPopover/OnyxBasicPopover.vue"]]);
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "OnyxFlyoutMenu",
   props: {
     alignment: { type: String, required: false, default: "auto" },
@@ -2349,9 +2349,9 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Z = { class: "onyx-flyout-menu__list-header" };
-const _hoisted_2$I = { class: "onyx-flyout-menu__list-footer" };
-function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$_ = { class: "onyx-flyout-menu__list-header" };
+const _hoisted_2$J = { class: "onyx-flyout-menu__list-footer" };
+function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicPopover"], mergeProps($setup.mergeVueProps($setup.root, { ref: $setup.popover }), {
     class: "onyx-component onyx-flyout-menu",
     open: $setup.isExpanded,
@@ -2360,7 +2360,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $props.disabled
   }), createSlots({
     content: withCtx(() => [
-      createElementVNode("div", _hoisted_1$Z, [
+      createElementVNode("div", _hoisted_1$_, [
         renderSlot(_ctx.$slots, "header")
       ]),
       $setup.slots.options ? (openBlock(), createElementBlock(
@@ -2372,7 +2372,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
         16
         /* FULL_PROPS */
       )) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_2$I, [
+      createElementVNode("div", _hoisted_2$J, [
         renderSlot(_ctx.$slots, "footer")
       ])
     ]),
@@ -2388,8 +2388,8 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["open", "label", "alignment", "disabled"]);
 }
-const OnyxFlyoutMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue"]]);
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const OnyxFlyoutMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue"]]);
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "OnyxFAB",
   props: {
     density: { type: null, required: false },
@@ -2427,7 +2427,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return !$setup.hasOptions || $setup.skeleton ? (openBlock(), createBlock($setup["OnyxFABButton"], mergeProps({
     key: 0,
     class: ["onyx-fab", `onyx-fab--${$setup.props.alignment}`]
@@ -2457,8 +2457,8 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["open", "label", "class", "alignment"]));
 }
-const OnyxFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFAB/OnyxFAB.vue"]]);
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const OnyxFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFAB/OnyxFAB.vue"]]);
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "OnyxFABItem",
   props: {
     density: { type: null, required: false },
@@ -2481,7 +2481,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "li",
     mergeProps({
@@ -2496,7 +2496,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxFABItem = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABItem/OnyxFABItem.vue"]]);
+const OnyxFABItem = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABItem/OnyxFABItem.vue"]]);
 const GLOBAL_FAB_PROVIDER_INJECTION_KEY = Symbol();
 const createGlobalFABProvider = () => {
   const items = shallowRef([]);
@@ -2533,7 +2533,7 @@ const useGlobalFAB = () => {
   );
   return globalFABProvider;
 };
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "OnyxGlobalFAB",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2547,7 +2547,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.globalFAB.items.value.length === 1 ? (openBlock(), createBlock(
     $setup["OnyxFAB"],
     normalizeProps(mergeProps({ key: 0 }, $setup.globalFAB.items.value[0].value)),
@@ -2582,8 +2582,8 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["label", "alignment"])) : createCommentVNode("v-if", true);
 }
-const OnyxGlobalFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalFAB/OnyxGlobalFAB.vue"]]);
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const OnyxGlobalFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalFAB/OnyxGlobalFAB.vue"]]);
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "OnyxToastMessage",
   props: {
     density: { type: null, required: false },
@@ -2619,9 +2619,9 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Y = { class: "onyx-toast-message__wrapper" };
-const _hoisted_2$H = { class: "onyx-toast-message__content onyx-truncation-ellipsis" };
-const _hoisted_3$q = { class: "onyx-toast-message__headline onyx-text" };
+const _hoisted_1$Z = { class: "onyx-toast-message__wrapper" };
+const _hoisted_2$I = { class: "onyx-toast-message__content onyx-truncation-ellipsis" };
+const _hoisted_3$r = { class: "onyx-toast-message__headline onyx-text" };
 const _hoisted_4$i = { class: "onyx-truncation-ellipsis" };
 const _hoisted_5$d = ["aria-label"];
 const _hoisted_6$a = {
@@ -2629,20 +2629,20 @@ const _hoisted_6$a = {
   class: "onyx-toast-message__description onyx-text--small onyx-truncation-multiline",
   tabindex: "0"
 };
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent($setup.props.clickable ? "button" : "div"), {
     class: normalizeClass(["onyx-component onyx-toast-message", [`onyx-toast-message--${$setup.props.color}`, $setup.densityClass]]),
     role: $setup.props.color === "danger" || $setup.props.color === "warning" ? "alert" : "status",
     "aria-label": $setup.props.clickable ? $setup.props.headline : void 0
   }, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$Y, [
+      createElementVNode("div", _hoisted_1$Z, [
         $setup.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
           key: 0,
           icon: $setup.icon
         }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_2$H, [
-          createElementVNode("div", _hoisted_3$q, [
+        createElementVNode("div", _hoisted_2$I, [
+          createElementVNode("div", _hoisted_3$r, [
             createElementVNode(
               "span",
               _hoisted_4$i,
@@ -2687,7 +2687,7 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class", "role", "aria-label"]);
 }
-const OnyxToastMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue"]]);
+const OnyxToastMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue"]]);
 const TOAST_PROVIDER_INJECTION_KEY = Symbol();
 const createToastProvider = () => {
   let nextId = 1;
@@ -2730,7 +2730,7 @@ const useToast = () => {
   );
   return toastProvider;
 };
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "OnyxToast",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2740,15 +2740,15 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$X = {
+const _hoisted_1$Y = {
   key: 0,
   class: "onyx-component onyx-toast",
   role: "presentation",
   "aria-live": "polite",
   open: ""
 };
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.toastProvider.toasts.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$X, [
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.toastProvider.toasts.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$Y, [
     (openBlock(true), createElementBlock(
       Fragment,
       null,
@@ -2766,8 +2766,8 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ])) : createCommentVNode("v-if", true);
 }
-const OnyxToast = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToast/OnyxToast.vue"]]);
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const OnyxToast = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToast/OnyxToast.vue"]]);
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "OnyxAppLayout",
   props: {
     navBarAlignment: { type: String, required: false, default: "top" }
@@ -2781,22 +2781,22 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$W = {
+const _hoisted_1$X = {
   key: 0,
   class: "onyx-app__nav"
 };
-const _hoisted_2$G = { class: "onyx-app__page" };
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$H = { class: "onyx-app__page" };
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
       class: normalizeClass(["onyx-component onyx-app", { "onyx-app--horizontal": $setup.props.navBarAlignment === "left" }])
     },
     [
-      $setup.slots.navBar ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
+      $setup.slots.navBar ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
         renderSlot(_ctx.$slots, "navBar")
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_2$G, [
+      createElementVNode("div", _hoisted_2$H, [
         renderSlot(_ctx.$slots, "default")
       ]),
       createVNode($setup["OnyxToast"]),
@@ -2806,8 +2806,8 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxAppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAppLayout/OnyxAppLayout.vue"]]);
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const OnyxAppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAppLayout/OnyxAppLayout.vue"]]);
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "OnyxAvatar",
   props: {
     size: { type: null, required: false, default: "48px" },
@@ -2841,13 +2841,13 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$V = ["title", "aria-label"];
-const _hoisted_2$F = ["src", "alt"];
-const _hoisted_3$p = {
+const _hoisted_1$W = ["title", "aria-label"];
+const _hoisted_2$G = ["src", "alt"];
+const _hoisted_3$q = {
   key: 0,
   class: "onyx-avatar__initials"
 };
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("figure", {
     class: normalizeClass([
       "onyx-component",
@@ -2864,13 +2864,13 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
       src: $setup.props.src,
       alt: $setup.ariaLabel,
       onError: _cache[0] || (_cache[0] = ($event) => $setup.hasImageError = true)
-    }, null, 40, _hoisted_2$F)) : (openBlock(), createElementBlock(
+    }, null, 40, _hoisted_2$G)) : (openBlock(), createElementBlock(
       Fragment,
       { key: 1 },
       [
         $setup.initials ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_3$p,
+          _hoisted_3$q,
           toDisplayString($setup.initials),
           1
           /* TEXT */
@@ -2883,10 +2883,10 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
       64
       /* STABLE_FRAGMENT */
     ))
-  ], 10, _hoisted_1$V);
+  ], 10, _hoisted_1$W);
 }
-const OnyxAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatar/OnyxAvatar.vue"]]);
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const OnyxAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatar/OnyxAvatar.vue"]]);
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "OnyxAvatarStack",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2895,14 +2895,14 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$U = { class: "onyx-component onyx-avatar-stack" };
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$U, [
+const _hoisted_1$V = { class: "onyx-component onyx-avatar-stack" };
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$V, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const OnyxAvatarStack = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatarStack/OnyxAvatarStack.vue"]]);
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const OnyxAvatarStack = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatarStack/OnyxAvatarStack.vue"]]);
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "OnyxBadge",
   props: {
     density: { type: null, required: false },
@@ -2919,7 +2919,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -2950,8 +2950,8 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBadge/OnyxBadge.vue"]]);
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const OnyxBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBadge/OnyxBadge.vue"]]);
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "OnyxBottomBar",
   props: {
     density: { type: null, required: false },
@@ -2966,10 +2966,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$T = { class: "onyx-bottom-bar__content onyx-grid-container" };
-const _hoisted_2$E = { class: "onyx-bottom-bar__content--left" };
-const _hoisted_3$o = { class: "onyx-bottom-bar__content--right" };
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$U = { class: "onyx-bottom-bar__content onyx-grid-container" };
+const _hoisted_2$F = { class: "onyx-bottom-bar__content--left" };
+const _hoisted_3$p = { class: "onyx-bottom-bar__content--right" };
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -2981,11 +2981,11 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      createElementVNode("div", _hoisted_1$T, [
-        createElementVNode("div", _hoisted_2$E, [
+      createElementVNode("div", _hoisted_1$U, [
+        createElementVNode("div", _hoisted_2$F, [
           renderSlot(_ctx.$slots, "left")
         ]),
-        createElementVNode("div", _hoisted_3$o, [
+        createElementVNode("div", _hoisted_3$p, [
           renderSlot(_ctx.$slots, "default")
         ])
       ])
@@ -2994,8 +2994,8 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxBottomBar = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBottomBar/OnyxBottomBar.vue"]]);
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const OnyxBottomBar = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBottomBar/OnyxBottomBar.vue"]]);
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "OnyxBreadcrumbItem",
   props: {
     density: { type: null, required: false },
@@ -3018,7 +3018,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "li",
     mergeProps({
@@ -3051,8 +3051,8 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumbItem/OnyxBreadcrumbItem.vue"]]);
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const OnyxBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumbItem/OnyxBreadcrumbItem.vue"]]);
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "OnyxBreadcrumb",
   props: {
     density: { type: null, required: false },
@@ -3073,9 +3073,9 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$S = ["aria-label"];
-const _hoisted_2$D = { class: "onyx-breadcrumb__list onyx-grid-container" };
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$T = ["aria-label"];
+const _hoisted_2$E = { class: "onyx-breadcrumb__list onyx-grid-container" };
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", {
     class: normalizeClass([
       "onyx-component",
@@ -3085,7 +3085,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     "aria-label": $setup.t("breadcrumb.label")
   }, [
-    createElementVNode("ol", _hoisted_2$D, [
+    createElementVNode("ol", _hoisted_2$E, [
       createVNode($setup["OnyxBreadcrumbItem"], {
         class: "onyx-breadcrumb__home",
         href: $setup.props.home?.link ?? "/",
@@ -3116,16 +3116,16 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8, ["href", "aria-label", "skeleton"]),
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10, _hoisted_1$S);
+  ], 10, _hoisted_1$T);
 }
-const OnyxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumb/OnyxBreadcrumb.vue"]]);
-const _sfc_main$1a = {};
-const _hoisted_1$R = {
+const OnyxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumb/OnyxBreadcrumb.vue"]]);
+const _sfc_main$1c = {};
+const _hoisted_1$S = {
   class: "onyx-component onyx-circle-spinner",
   viewBox: "0 0 50 50"
 };
-function _sfc_render$1a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
+function _sfc_render$1c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
     createElementVNode(
       "circle",
       {
@@ -3140,11 +3140,11 @@ function _sfc_render$1a(_ctx, _cache) {
     )
   ])]);
 }
-const OnyxCircleSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue"]]);
-const _sfc_main$19 = {};
-const _hoisted_1$Q = { class: "onyx-component onyx-loading-dots" };
-function _sfc_render$19(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
+const OnyxCircleSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue"]]);
+const _sfc_main$1b = {};
+const _hoisted_1$R = { class: "onyx-component onyx-loading-dots" };
+function _sfc_render$1b(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
     createElementVNode(
       "span",
       { class: "onyx-loading-dots__center" },
@@ -3154,8 +3154,8 @@ function _sfc_render$19(_ctx, _cache) {
     )
   ])]);
 }
-const OnyxLoadingDots = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingDots.vue"]]);
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const OnyxLoadingDots = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingDots.vue"]]);
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "OnyxLoadingIndicator",
   props: {
     type: { type: String, required: false, default: "dots" }
@@ -3168,10 +3168,10 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.props.type === "circle" ? (openBlock(), createBlock($setup["OnyxCircleSpinner"], { key: 0 })) : $setup.props.type === "dots" ? (openBlock(), createBlock($setup["OnyxLoadingDots"], { key: 1 })) : createCommentVNode("v-if", true);
 }
-const OnyxLoadingIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue"]]);
+const OnyxLoadingIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue"]]);
 const useRipple = (container) => {
   const isPointerDown = ref(false);
   const ripples = reactive(/* @__PURE__ */ new Map());
@@ -3218,7 +3218,7 @@ const useRipple = (container) => {
   });
   return { isPointerDown, ripples, startRipple, hideRipples, hideRipple, events };
 };
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "OnyxRipple",
   setup(__props, { expose: __expose }) {
     const rippleTrigger = useTemplateRef("rippleTriggerRef");
@@ -3231,16 +3231,16 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   ref: "rippleTriggerRef",
   class: "onyx-component onyx-ripple",
   "aria-hidden": "true"
 };
-const _hoisted_2$C = ["data-rippleid"];
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$D = ["data-rippleid"];
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "span",
-    _hoisted_1$P,
+    _hoisted_1$Q,
     [
       (openBlock(true), createElementBlock(
         Fragment,
@@ -3255,7 +3255,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             "data-rippleid": key,
             onAnimationend: _cache[0] || (_cache[0] = ($event) => $setup.hideRipple($event.target))
-          }, null, 44, _hoisted_2$C);
+          }, null, 44, _hoisted_2$D);
         }),
         128
         /* KEYED_FRAGMENT */
@@ -3265,8 +3265,8 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-const OnyxRipple = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRipple/OnyxRipple.vue"]]);
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const OnyxRipple = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRipple/OnyxRipple.vue"]]);
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "OnyxButton",
   props: {
     density: { type: null, required: false },
@@ -3298,8 +3298,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$O = { class: "onyx-button__label onyx-truncation-ellipsis" };
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$P = { class: "onyx-button__label onyx-truncation-ellipsis" };
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-button-skeleton", $setup.densityClass])
@@ -3336,7 +3336,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("v-if", true),
       createElementVNode(
         "span",
-        _hoisted_1$O,
+        _hoisted_1$P,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -3351,11 +3351,11 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["class", "aria-label"]));
 }
-const OnyxButton = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue"]]);
+const OnyxButton = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue"]]);
 const BUTTON_TYPES = ["button", "submit", "reset"];
 const BUTTON_COLORS = ["primary", "neutral", "danger"];
 const BUTTON_MODES = ["default", "outline", "plain"];
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "OnyxCard",
   props: {
     density: { type: null, required: false },
@@ -3374,7 +3374,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent($setup.linkProps ? $setup.OnyxRouterLink : $setup.props.clickable ? "button" : "div"), mergeProps($setup.linkProps, {
     class: ["onyx-component", "onyx-card", $setup.densityClass, "onyx-truncation-multiline", "onyx-text"]
   }), {
@@ -3385,7 +3385,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class"]);
 }
-const OnyxCard = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCard/OnyxCard.vue"]]);
+const OnyxCard = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCard/OnyxCard.vue"]]);
 const useRequired = (props, requiredMarker) => ({
   /**
    * Class that configures which type of required marker is used.
@@ -3572,7 +3572,7 @@ const formatMinMax = (locale, type, value) => {
   };
   return date.toLocaleString(locale, format);
 };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "OnyxTooltip",
   props: {
     density: { type: null, required: false },
@@ -3721,8 +3721,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$N = { class: "onyx-tooltip--content" };
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$O = { class: "onyx-tooltip--content" };
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -3738,7 +3738,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
           style: $setup.tooltipStyles
         }),
         [
-          createElementVNode("div", _hoisted_1$N, [
+          createElementVNode("div", _hoisted_1$O, [
             $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 0,
               icon: $setup.props.icon,
@@ -3762,8 +3762,8 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS, STYLE */
   );
 }
-const OnyxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue"]]);
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const OnyxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue"]]);
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "OnyxErrorTooltip",
   props: {
     errorMessages: { type: Object, required: false },
@@ -3779,16 +3779,16 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$M = { class: "onyx-component" };
-const _hoisted_2$B = {
+const _hoisted_1$N = { class: "onyx-component" };
+const _hoisted_2$C = {
   key: 0,
   ref: "targetRef"
 };
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$M, [
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$N, [
     !$setup.tooltipError || $setup.props.disabled ? (openBlock(), createElementBlock(
       "div",
-      _hoisted_2$B,
+      _hoisted_2$C,
       null,
       512
       /* NEED_PATCH */
@@ -3821,8 +3821,8 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["to"])) : createCommentVNode("v-if", true)
   ]);
 }
-const OnyxErrorTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue"]]);
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const OnyxErrorTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue"]]);
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxCheckbox",
   props: {
@@ -3869,10 +3869,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$L = ["title"];
-const _hoisted_2$A = { class: "onyx-checkbox__container" };
-const _hoisted_3$n = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$M = ["title"];
+const _hoisted_2$B = { class: "onyx-checkbox__container" };
+const _hoisted_3$o = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -3898,7 +3898,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["onyx-component onyx-checkbox", [$setup.requiredTypeClass, $setup.densityClass]]),
         title: $setup.title
       }, [
-        createElementVNode("div", _hoisted_2$A, [
+        createElementVNode("div", _hoisted_2$B, [
           $setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
             key: 0,
             class: "onyx-checkbox__loading",
@@ -3915,7 +3915,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
             required: $setup.props.required,
             value: $setup.props.value,
             autofocus: $setup.props.autofocus
-          }, $setup.restAttrs), null, 16, _hoisted_3$n)), [
+          }, $setup.restAttrs), null, 16, _hoisted_3$o)), [
             [vModelCheckbox, $setup.isChecked],
             [$setup["vCustomValidity"]]
           ])
@@ -3951,13 +3951,13 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
           64
           /* STABLE_FRAGMENT */
         )) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$L)
+      ], 10, _hoisted_1$M)
     ]),
     _: 1
     /* STABLE */
   }, 16, ["disabled", "error-messages"]));
 }
-const OnyxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue"]]);
+const OnyxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue"]]);
 const useSelectAllCheckboxState = (enabledOptionValues, modelValue) => computed(() => {
   const currentValues = modelValue.value.filter(
     (value) => enabledOptionValues.value.includes(value)
@@ -3992,7 +3992,7 @@ const useCheckAll = (enabledOptionValues, modelValue, onChangeCallback) => {
     }
   };
 };
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "OnyxInfoTooltip",
   props: {
     text: { type: String, required: true },
@@ -4027,9 +4027,9 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$K = { class: "onyx-component onyx-info-tooltip" };
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$K, [
+const _hoisted_1$L = { class: "onyx-component onyx-info-tooltip" };
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1$L, [
     $setup.triggerType === "click" ? (openBlock(), createBlock($setup["OnyxTooltip"], mergeProps({ key: 0 }, $setup.props, {
       open: $setup.isVisible,
       "onUpdate:open": _cache[0] || (_cache[0] = ($event) => $setup.isVisible = $event)
@@ -4087,8 +4087,8 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ]);
 }
-const OnyxInfoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue"]]);
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const OnyxInfoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue"]]);
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "OnyxCheckboxGroup",
   props: {
     truncation: { type: null, required: false, default: "ellipsis" },
@@ -4146,18 +4146,18 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$J = ["disabled", "aria-label"];
-const _hoisted_2$z = {
+const _hoisted_1$K = ["disabled", "aria-label"];
+const _hoisted_2$A = {
   key: 0,
   class: "onyx-checkbox-group__label"
 };
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("fieldset", {
     class: normalizeClass(["onyx-component", "onyx-checkbox-group", $setup.densityClass]),
     disabled: $setup.disabled,
     "aria-label": $setup.props.label
   }, [
-    !$setup.props.hideLabel ? (openBlock(), createElementBlock("legend", _hoisted_2$z, [
+    !$setup.props.hideLabel ? (openBlock(), createElementBlock("legend", _hoisted_2$A, [
       createVNode($setup["OnyxHeadline"], { is: "h3" }, {
         default: withCtx(() => [
           createTextVNode(
@@ -4237,14 +4237,14 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     )
-  ], 10, _hoisted_1$J);
+  ], 10, _hoisted_1$K);
 }
-const OnyxCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue"]]);
+const OnyxCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue"]]);
 const escapeCSS = (name) => {
   if ("CSS" in window && window.CSS) return CSS.escape(name);
   return name.replace(/\W/g, "-");
 };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "OnyxEmpty",
   props: {
     density: { type: null, required: false }
@@ -4261,12 +4261,12 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$I = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" };
-const _hoisted_2$y = {
+const _hoisted_1$J = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" };
+const _hoisted_2$z = {
   key: 0,
   class: "onyx-empty__buttons"
 };
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -4279,10 +4279,10 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
           size: "48px"
         }, null, 8, ["icon"])
       ]),
-      createElementVNode("div", _hoisted_1$I, [
+      createElementVNode("div", _hoisted_1$J, [
         renderSlot(_ctx.$slots, "default")
       ]),
-      !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
+      !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
         renderSlot(_ctx.$slots, "buttons")
       ])) : createCommentVNode("v-if", true)
     ],
@@ -4290,8 +4290,8 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxEmpty/OnyxEmpty.vue"]]);
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const OnyxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxEmpty/OnyxEmpty.vue"]]);
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "OnyxTable",
   props: {
     density: { type: null, required: false },
@@ -4321,12 +4321,12 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   key: 0,
   class: "onyx-table-wrapper__top"
 };
-const _hoisted_2$x = ["id"];
-const _hoisted_3$m = { class: "onyx-table-wrapper__actions" };
+const _hoisted_2$y = ["id"];
+const _hoisted_3$n = { class: "onyx-table-wrapper__actions" };
 const _hoisted_4$h = ["tabindex"];
 const _hoisted_5$c = ["aria-labelledby"];
 const _hoisted_6$9 = ["span"];
@@ -4343,7 +4343,7 @@ const _hoisted_13 = {
   key: 1,
   class: "onyx-table-wrapper__bottom"
 };
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -4351,11 +4351,11 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle($setup.style)
     },
     [
-      !!$setup.slots.headline || !!$setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
+      !!$setup.slots.headline || !!$setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("div", { id: $setup.headlineId }, [
           renderSlot(_ctx.$slots, "headline")
-        ], 8, _hoisted_2$x),
-        createElementVNode("div", _hoisted_3$m, [
+        ], 8, _hoisted_2$y),
+        createElementVNode("div", _hoisted_3$n, [
           renderSlot(_ctx.$slots, "actions")
         ])
       ])) : createCommentVNode("v-if", true),
@@ -4446,8 +4446,8 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     /* STYLE */
   );
 }
-const OnyxTable = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTable/OnyxTable.vue"]]);
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const OnyxTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTable/OnyxTable.vue"]]);
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "OnyxDataGridRenderer",
   props: {
     density: { type: null, required: false },
@@ -4481,7 +4481,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxTable"], mergeProps({ class: "onyx-data-grid" }, $setup.props, {
     "scroll-container-attrs": $setup.mergeVueProps($setup.props.scrollContainerAttrs, { style: $setup.columnStyle })
   }), createSlots({
@@ -4588,8 +4588,8 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]), 1040, ["scroll-container-attrs"]);
 }
-const OnyxDataGridRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue"]]);
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const OnyxDataGridRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue"]]);
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxMiniSearch",
   props: {
@@ -4629,9 +4629,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$G = ["autofocus", "placeholder", "aria-label"];
-const _hoisted_2$w = ["aria-label"];
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$H = ["autofocus", "placeholder", "aria-label"];
+const _hoisted_2$x = ["aria-label"];
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -4650,7 +4650,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
         size: "1"
       }, $setup.restAttrs, {
         "aria-label": $setup.props.label
-      }), null, 16, _hoisted_1$G), [
+      }), null, 16, _hoisted_1$H), [
         [vModelText, $setup.modelValue]
       ]),
       createElementVNode("button", {
@@ -4663,7 +4663,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[2] || (_cache[2] = ($event) => $setup.emit("clear"))
       }, [
         createVNode($setup["OnyxIcon"], { icon: $setup.iconXSmall }, null, 8, ["icon"])
-      ], 40, _hoisted_2$w),
+      ], 40, _hoisted_2$x),
       createVNode($setup["OnyxIcon"], {
         class: "onyx-mini-search__icon",
         icon: $setup.iconSearch
@@ -4673,11 +4673,11 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxMiniSearch = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMiniSearch/OnyxMiniSearch.vue"]]);
+const OnyxMiniSearch = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMiniSearch/OnyxMiniSearch.vue"]]);
 const prepareMapping = (features, key) => features.flatMap((f) => f[key]).filter((f) => f?.func).sort((a, b) => (a?.order ?? 0) - (b?.order ?? 0));
 const applyMapping = (mapping, input2) => mapping.reduce((output, m) => m.func(output), input2);
 const DataGridRowOptionsSymbol = Symbol("RowOptions");
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "HeaderCell",
   props: {
     label: { type: String, required: true }
@@ -4691,27 +4691,27 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$F = { class: "onyx-component onyx-data-grid-header-cell" };
-const _hoisted_2$v = { class: "onyx-data-grid-header-cell__label" };
-const _hoisted_3$l = {
+const _hoisted_1$G = { class: "onyx-component onyx-data-grid-header-cell" };
+const _hoisted_2$w = { class: "onyx-data-grid-header-cell__label" };
+const _hoisted_3$m = {
   key: 0,
   class: "onyx-data-grid-header-cell__actions"
 };
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$F, [
+function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$G, [
     createElementVNode(
       "span",
-      _hoisted_2$v,
+      _hoisted_2$w,
       toDisplayString($setup.props.label),
       1
       /* TEXT */
     ),
-    $setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
+    $setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
       renderSlot(_ctx.$slots, "actions")
     ])) : createCommentVNode("v-if", true)
   ]);
 }
-const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/HeaderCell.vue"]]);
+const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/HeaderCell.vue"]]);
 const FALLBACK_RENDER_VALUE = "-";
 const fallback = (opts) => opts?.fallback ?? FALLBACK_RENDER_VALUE;
 const createTypeRenderer = (typeRenderer) => Object.freeze(typeRenderer);
@@ -5213,7 +5213,7 @@ const useErrorClass = (showError) => computed(() => {
   }
   return "onyx-form-element--touched-invalid";
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "FormMessage",
   props: {
     messages: { type: Object, required: true },
@@ -5227,17 +5227,17 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   class: /* @__PURE__ */ normalizeClass(["onyx-truncation-ellipsis"])
 };
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent($props.messages.hidden ? $setup.OnyxVisuallyHidden : "span"), {
     class: normalizeClass(["onyx-component", "onyx-form-message", `onyx-form-message__${$setup.props.type}`])
   }, {
     default: withCtx(() => [
       createElementVNode(
         "span",
-        _hoisted_1$E,
+        _hoisted_1$F,
         toDisplayString($setup.props.messages.shortMessage),
         1
         /* TEXT */
@@ -5255,8 +5255,8 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class"]);
 }
-const FormMessage = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/FormMessage.vue"]]);
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const FormMessage = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/FormMessage.vue"]]);
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "OnyxFormElement",
   props: {
     disabled: { type: [Boolean, Symbol], required: false },
@@ -5315,14 +5315,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "onyx-form-element__label onyx-text--small"
 };
-const _hoisted_2$u = ["for"];
-const _hoisted_3$k = { class: "onyx-form-element__footer onyx-text--small" };
+const _hoisted_2$v = ["for"];
+const _hoisted_3$l = { class: "onyx-form-element__footer onyx-text--small" };
 const _hoisted_4$g = { class: "onyx-form-element__footer-messages" };
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -5334,11 +5334,11 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      !$setup.props.hideLabel ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
+      !$setup.props.hideLabel ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
         createElementVNode("label", {
           for: $setup.props.id,
           class: "onyx-truncation-ellipsis"
-        }, toDisplayString($setup.props.label), 9, _hoisted_2$u),
+        }, toDisplayString($setup.props.label), 9, _hoisted_2$v),
         $setup.props.required ? (openBlock(), createElementBlock(
           "span",
           {
@@ -5369,7 +5369,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default", {
         id: $setup.props.id
       }),
-      createElementVNode("div", _hoisted_3$k, [
+      createElementVNode("div", _hoisted_3$l, [
         createElementVNode("span", _hoisted_4$g, [
           $setup.props.errorMessages ? (openBlock(), createBlock($setup["FormMessage"], {
             key: 0,
@@ -5409,8 +5409,8 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/OnyxFormElement.vue"]]);
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const OnyxFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/OnyxFormElement.vue"]]);
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxSelectInput",
   props: {
@@ -5493,9 +5493,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$C = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"];
-const _hoisted_2$t = ["aria-label", "title", "disabled"];
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$D = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"];
+const _hoisted_2$u = ["aria-label", "title", "disabled"];
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -5560,7 +5560,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
               autofocus: $setup.props.autofocus,
               autocomplete: "off",
               onKeydown: $setup.blockTyping
-            }), null, 16, _hoisted_1$C), [
+            }), null, 16, _hoisted_1$D), [
               [$setup["vCustomValidity"]]
             ]),
             $setup.props.textMode === "preview" && $setup.selectionCount > 0 ? (openBlock(), createBlock($setup["OnyxTooltip"], {
@@ -5599,7 +5599,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
               disabled: $setup.disabled || $setup.props.readonly || $setup.props.loading
             }, [
               createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronDownUp }, null, 8, ["icon"])
-            ], 8, _hoisted_2$t),
+            ], 8, _hoisted_2$u),
             !$setup.props.hideSuccessIcon && $setup.successMessages ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 2,
               class: "onyx-select-input__check-icon",
@@ -5616,8 +5616,8 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue"]]);
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const OnyxSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue"]]);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "OnyxListItem",
   props: {
     density: { type: null, required: false },
@@ -5636,7 +5636,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "li",
     {
@@ -5658,8 +5658,8 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxListItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxListItem/OnyxListItem.vue"]]);
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const OnyxListItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxListItem/OnyxListItem.vue"]]);
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectOption",
   props: {
     active: { type: Boolean, required: false, default: false },
@@ -5677,8 +5677,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$B = ["checked", "aria-labelledby", "disabled", "indeterminate"];
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$C = ["checked", "aria-labelledby", "disabled", "indeterminate"];
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxListItem"], mergeProps({ class: "onyx-component onyx-select-option" }, $setup.props, {
     checked: !!_ctx.$attrs["aria-checked"],
     selected: !!_ctx.$attrs["aria-selected"],
@@ -5695,7 +5695,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
         tabindex: "-1",
         class: "onyx-select-option__checkbox",
         type: "checkbox"
-      }, null, 8, _hoisted_1$B)) : createCommentVNode("v-if", true),
+      }, null, 8, _hoisted_1$C)) : createCommentVNode("v-if", true),
       $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
         key: 1,
         icon: $setup.props.icon
@@ -5716,8 +5716,8 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["checked", "selected", "disabled"]);
 }
-const OnyxSelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectOption/OnyxSelectOption.vue"]]);
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const OnyxSelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectOption/OnyxSelectOption.vue"]]);
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelect",
   props: {
     density: { type: null, required: false },
@@ -5988,15 +5988,15 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   ref: "selectRef",
   class: "onyx-component onyx-select-wrapper"
 };
-const _hoisted_2$s = {
+const _hoisted_2$t = {
   class: "onyx-select__wrapper",
   tabindex: "-1"
 };
-const _hoisted_3$j = {
+const _hoisted_3$k = {
   key: 0,
   role: "group",
   class: "onyx-select__group"
@@ -6022,10 +6022,10 @@ const _hoisted_8$4 = {
   key: 0,
   class: "onyx-select__description onyx-text--small"
 };
-function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
-    _hoisted_1$A,
+    _hoisted_1$B,
     [
       createVNode($setup["OnyxBasicPopover"], {
         class: normalizeClass($setup.densityClass),
@@ -6044,7 +6044,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           }), null, 16, ["show-focus", "autofocus"])
         ]),
         content: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_2$s, [
+          withDirectives((openBlock(), createElementBlock("div", _hoisted_2$t, [
             $setup.props.withSearch ? (openBlock(), createBlock($setup["OnyxMiniSearch"], mergeProps({
               key: 0,
               ref: "miniSearchRef",
@@ -6059,7 +6059,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
               "div",
               normalizeProps(guardReactiveProps($setup.listbox)),
               [
-                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$j, [
+                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$k, [
                   createElementVNode("li", _hoisted_4$f, [
                     renderSlot(_ctx.$slots, "empty", { defaultMessage: $setup.isEmptyMessage }, () => [
                       createVNode($setup["OnyxEmpty"], {
@@ -6214,8 +6214,8 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-const OnyxSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue"]]);
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const OnyxSelect = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue"]]);
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectPagination",
   props: {
     density: { type: null, required: false },
@@ -6252,11 +6252,11 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$z = ["aria-label"];
-const _hoisted_2$r = { class: "onyx-pagination__count" };
-const _hoisted_3$i = ["aria-label", "disabled"];
+const _hoisted_1$A = ["aria-label"];
+const _hoisted_2$s = { class: "onyx-pagination__count" };
+const _hoisted_3$j = ["aria-label", "disabled"];
 const _hoisted_4$e = ["aria-label", "disabled"];
-function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-pagination-skeleton", "onyx-text", $setup.densityClass])
@@ -6282,7 +6282,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["label", "list-label", "options", "model-value", "value-label", "disabled"]),
     createElementVNode(
       "div",
-      _hoisted_2$r,
+      _hoisted_2$s,
       toDisplayString($setup.t("pagination.ofPages", { n: $setup.props.pages })),
       1
       /* TEXT */
@@ -6295,7 +6295,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[1] || (_cache[1] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue - 1))
     }, [
       createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronLeftSmall }, null, 8, ["icon"])
-    ], 8, _hoisted_3$i),
+    ], 8, _hoisted_3$j),
     createElementVNode("button", {
       class: "onyx-pagination__button",
       "aria-label": $setup.t("pagination.next"),
@@ -6305,10 +6305,10 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronRightSmall }, null, 8, ["icon"])
     ], 8, _hoisted_4$e)
-  ], 14, _hoisted_1$z));
+  ], 14, _hoisted_1$A));
 }
-const OnyxSelectPagination = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxSelectPagination.vue"]]);
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const OnyxSelectPagination = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxSelectPagination.vue"]]);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "OnyxPagination",
   props: {
     density: { type: null, required: false },
@@ -6327,7 +6327,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(
     $setup["OnyxSelectPagination"],
     mergeProps($setup.props, {
@@ -6338,7 +6338,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxPagination = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxPagination.vue"]]);
+const OnyxPagination = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxPagination.vue"]]);
 const SELECTION_FEATURE = Symbol("Selection");
 const SELECTION_MUTATION_ORDER = 1e3;
 const useSelection = (options) => createFeature((ctx) => {
@@ -6611,7 +6611,7 @@ const BASE_FEATURE = (options) => createFeature(({ skeleton }) => {
     }
   };
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxDataGrid",
   props: {
@@ -6689,7 +6689,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxDataGridRenderer"], mergeProps(
     {
       "column-groups": $setup.rendererColumnGroups,
@@ -6724,8 +6724,8 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["column-groups", "columns", "rows", "scroll-container-attrs"]);
 }
-const OnyxDataGrid = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGrid.vue"]]);
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const OnyxDataGrid = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGrid.vue"]]);
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "OnyxExternalLinkIcon",
   props: {
     href: { type: String, required: false },
@@ -6746,7 +6746,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.isVisible ? (openBlock(), createBlock($setup["OnyxIcon"], {
     key: 0,
     class: "onyx-component onyx-external-link-icon",
@@ -6754,8 +6754,8 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     size: "16px"
   }, null, 8, ["icon"])) : createCommentVNode("v-if", true);
 }
-const OnyxExternalLinkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue"]]);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const OnyxExternalLinkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue"]]);
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxMenuItem",
   props: {
@@ -6834,17 +6834,17 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$y = { class: "onyx-truncation-ellipsis" };
-const _hoisted_2$q = {
+const _hoisted_1$z = { class: "onyx-truncation-ellipsis" };
+const _hoisted_2$r = {
   key: 0,
   class: "onyx-menu-item__chevron"
 };
-const _hoisted_3$h = {
+const _hoisted_3$i = {
   key: 0,
   role: "menu",
   class: "onyx-menu-item__children"
 };
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OnyxMenuItem = resolveComponent("OnyxMenuItem", true);
   return openBlock(), createBlock($setup["OnyxListItem"], mergeProps({
     selected: $setup.isActive,
@@ -6865,7 +6865,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
             createElementVNode("span", null, [
               createElementVNode(
                 "span",
-                _hoisted_1$y,
+                _hoisted_1$z,
                 toDisplayString($setup.props.label),
                 1
                 /* TEXT */
@@ -6879,7 +6879,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
               )
             ])
           ]),
-          $setup.hasChildren ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
+          $setup.hasChildren ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
             createVNode($setup["OnyxIcon"], {
               icon: $setup.iconChevronRightSmall,
               size: "24px"
@@ -6893,7 +6893,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       $setup.hasChildren ? withDirectives((openBlock(), createElementBlock(
         "ul",
-        _hoisted_3$h,
+        _hoisted_3$i,
         [
           createVNode(
             _component_OnyxMenuItem,
@@ -6930,7 +6930,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["selected", "active", "color", "disabled", "class"]);
 }
-const OnyxMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue"]]);
+const OnyxMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue"]]);
 const HIDE_COLUMNS_FEATURE = Symbol("HideColumnsFeature");
 const HIDDEN_COLUMN = Symbol("HiddenColumn");
 const useHideColumns = (options) => createFeature((ctx) => {
@@ -7045,7 +7045,7 @@ const useHideColumns = (options) => createFeature((ctx) => {
     }
   };
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "OnyxResizeHandle",
   props: {
     element: { type: null, required: true },
@@ -7119,7 +7119,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "button",
     {
@@ -7153,7 +7153,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const OnyxResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxResizeHandle/OnyxResizeHandle.vue"]]);
+const OnyxResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxResizeHandle/OnyxResizeHandle.vue"]]);
 const RESIZING_FEATURE = Symbol("Resizing");
 const FILLER_COLUMN = Symbol("FILLER_COLUMN");
 const useResizing = (options) => createFeature((ctx) => {
@@ -7295,7 +7295,7 @@ const DEFAULT_COMPARES = Object.freeze({
   skeleton: () => 0,
   boolean: BOOLEAN_COMPARE
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "SortAction",
   props: {
     columnLabel: { type: String, required: true },
@@ -7319,14 +7319,14 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxSystemButton"], {
     label: $setup.buttonLabel,
     icon: $setup.icon,
     color: "medium"
   }, null, 8, ["label", "icon"]);
 }
-const SortAction = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/sorting/SortAction.vue"]]);
+const SortAction = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/sorting/SortAction.vue"]]);
 const nextSortDirection = (current, skipNone) => {
   switch (current) {
     case "asc":
@@ -7568,7 +7568,7 @@ const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   useSorting,
   useStickyColumns
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxDatePicker",
   props: {
@@ -7640,9 +7640,9 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$x = { class: "onyx-datepicker__wrapper" };
-const _hoisted_2$p = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"];
-function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$y = { class: "onyx-datepicker__wrapper" };
+const _hoisted_2$q = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"];
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -7671,7 +7671,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
         message: $setup.messages
       }), {
         default: withCtx(({ id: inputId }) => [
-          createElementVNode("div", _hoisted_1$x, [
+          createElementVNode("div", _hoisted_1$y, [
             $setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
               key: 0,
               class: "onyx-datepicker__loading",
@@ -7693,7 +7693,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
               title: $setup.props.hideLabel ? $setup.props.label : void 0,
               min: $setup.getNormalizedDate($setup.props.min),
               max: $setup.getNormalizedDate($setup.props.max)
-            }, $setup.restAttrs), null, 16, _hoisted_2$p)), [
+            }, $setup.restAttrs), null, 16, _hoisted_2$q)), [
               [vModelDynamic, $setup.value],
               [$setup["vCustomValidity"]]
             ])
@@ -7707,9 +7707,9 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDatePicker/OnyxDatePicker.vue"]]);
+const OnyxDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDatePicker/OnyxDatePicker.vue"]]);
 const DIALOG_ALIGNMENTS = ["left", "center", "right"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "OnyxForm",
   props: {
     disabled: { type: Boolean, required: false, default: false },
@@ -7729,7 +7729,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "form",
     {
@@ -7746,10 +7746,10 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxForm/OnyxForm.vue"]]);
+const OnyxForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxForm/OnyxForm.vue"]]);
 const HEADLINE_TYPES = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const ICON_SIZES = ["12px", "16px", "24px", "32px", "48px", "64px", "96px"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "OnyxIconButton",
   props: {
     density: { type: null, required: false },
@@ -7773,7 +7773,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-icon-button-skeleton", $setup.densityClass])
@@ -7801,8 +7801,8 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["aria-label", "title", "class"]));
 }
-const OnyxIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue"]]);
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const OnyxIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue"]]);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxImage",
   props: {
@@ -7841,10 +7841,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$w = ["src", "alt"];
-const _hoisted_2$o = ["src", "alt"];
-const _hoisted_3$g = { class: "onyx-image__alt onyx-text--small" };
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$x = ["src", "alt"];
+const _hoisted_2$p = ["src", "alt"];
+const _hoisted_3$h = { class: "onyx-image__alt onyx-text--small" };
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "figure",
     mergeProps($setup.rootAttrs, {
@@ -7869,7 +7869,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
             src: $setup.imageSrc.light,
             alt: $setup.props.alt,
             onError: _cache[0] || (_cache[0] = ($event) => $setup.isError = true)
-          }), null, 16, _hoisted_1$w),
+          }), null, 16, _hoisted_1$x),
           $setup.imageSrc.dark ? (openBlock(), createElementBlock("img", mergeProps({
             key: 0,
             class: "onyx-image__source onyx-image__source--dark"
@@ -7877,7 +7877,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
             src: $setup.imageSrc.dark,
             alt: $setup.props.alt,
             onError: _cache[1] || (_cache[1] = ($event) => $setup.isError = true)
-          }), null, 16, _hoisted_2$o)) : createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_2$p)) : createCommentVNode("v-if", true),
           $setup.isError ? (openBlock(), createElementBlock(
             "div",
             mergeProps({
@@ -7892,7 +7892,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["icon"]),
               createElementVNode(
                 "div",
-                _hoisted_3$g,
+                _hoisted_3$h,
                 toDisplayString($setup.props.alt),
                 1
                 /* TEXT */
@@ -7910,7 +7910,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxImage = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxImage/OnyxImage.vue"]]);
+const OnyxImage = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxImage/OnyxImage.vue"]]);
 const IMAGE_SHAPES = ["rounded", "circle", "clip", "clip-inverted"];
 const useLenientMaxLengthValidation = (options) => {
   const { t } = injectI18n();
@@ -7947,7 +7947,7 @@ const useLenientMaxLengthValidation = (options) => {
     maxLength
   };
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxInput",
   props: {
@@ -8030,18 +8030,18 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$v = { class: "onyx-input__wrapper" };
-const _hoisted_2$n = {
+const _hoisted_1$w = { class: "onyx-input__wrapper" };
+const _hoisted_2$o = {
   key: 0,
   class: "onyx-input__separator onyx-input__separator--leading"
 };
-const _hoisted_3$f = ["id", "placeholder", "type", "required", "autocapitalize", "autocomplete", "autofocus", "name", "pattern", "readonly", "disabled", "maxlength", "minlength", "aria-label", "title"];
+const _hoisted_3$g = ["id", "placeholder", "type", "required", "autocapitalize", "autocomplete", "autofocus", "name", "pattern", "readonly", "disabled", "maxlength", "minlength", "aria-label", "title"];
 const _hoisted_4$d = ["aria-label", "title"];
 const _hoisted_5$a = {
   key: 4,
   class: "onyx-input__separator onyx-input__separator--trailing"
 };
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -8070,9 +8070,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
         message: $setup.messages
       }), {
         default: withCtx(({ id: inputId }) => [
-          createElementVNode("div", _hoisted_1$v, [
+          createElementVNode("div", _hoisted_1$w, [
             renderSlot(_ctx.$slots, "leading"),
-            $setup.slots.leading ? (openBlock(), createElementBlock("hr", _hoisted_2$n)) : createCommentVNode("v-if", true),
+            $setup.slots.leading ? (openBlock(), createElementBlock("hr", _hoisted_2$o)) : createCommentVNode("v-if", true),
             $setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
               key: 1,
               class: "onyx-input__loading",
@@ -8097,7 +8097,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
               minlength: $setup.props.minlength,
               "aria-label": $setup.props.hideLabel ? $setup.props.label : void 0,
               title: $setup.props.hideLabel ? $setup.props.label : void 0
-            }, $setup.restAttrs), null, 16, _hoisted_3$f), [
+            }, $setup.restAttrs), null, 16, _hoisted_3$g), [
               [vModelDynamic, $setup.modelValue],
               [$setup["vCustomValidity"]]
             ]),
@@ -8139,9 +8139,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue"]]);
+const OnyxInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue"]]);
 const INPUT_TYPES = ["email", "password", "search", "tel", "text", "url"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "OnyxLink",
   props: {
     href: { type: String, required: false },
@@ -8156,7 +8156,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(
     $setup["OnyxRouterLink"],
     mergeProps({ class: "onyx-component onyx-link" }, $setup.props),
@@ -8178,8 +8178,8 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxLink = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue"]]);
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const OnyxLink = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue"]]);
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "OnyxMobileNavButton",
   props: {
     label: { type: String, required: true },
@@ -8201,12 +8201,12 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$u = { class: "onyx-component onyx-mobile-nav-button" };
-const _hoisted_2$m = ["aria-label", "disabled"];
-const _hoisted_3$e = { class: "onyx-mobile-nav-button__flyout" };
+const _hoisted_1$v = { class: "onyx-component onyx-mobile-nav-button" };
+const _hoisted_2$n = ["aria-label", "disabled"];
+const _hoisted_3$f = { class: "onyx-mobile-nav-button__flyout" };
 const _hoisted_4$c = { class: "onyx-mobile-nav-button__menu" };
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$u, [
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$v, [
     createElementVNode("button", {
       type: "button",
       class: normalizeClass(["onyx-mobile-nav-button__trigger", { "onyx-mobile-nav-button__trigger--active": $setup.props.open }]),
@@ -8217,10 +8217,10 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode($setup["OnyxIcon"], {
         icon: $setup.props.open ? $setup.iconX : $setup.props.icon
       }, null, 8, ["icon"])
-    ], 10, _hoisted_2$m),
+    ], 10, _hoisted_2$n),
     withDirectives(createElementVNode(
       "div",
-      _hoisted_3$e,
+      _hoisted_3$f,
       [
         createElementVNode("div", _hoisted_4$c, [
           $setup.props.headline ? (openBlock(), createBlock($setup["OnyxHeadline"], {
@@ -8254,8 +8254,8 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ]);
 }
-const OnyxMobileNavButton = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMobileNavButton/OnyxMobileNavButton.vue"]]);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const OnyxMobileNavButton = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMobileNavButton/OnyxMobileNavButton.vue"]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "OnyxModal",
   props: {
     density: { type: null, required: false },
@@ -8281,16 +8281,16 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$t = { class: "onyx-modal__header" };
-const _hoisted_2$l = { class: "onyx-modal__headline" };
-const _hoisted_3$d = { class: "onyx-modal__headline-content" };
+const _hoisted_1$u = { class: "onyx-modal__header" };
+const _hoisted_2$m = { class: "onyx-modal__headline" };
+const _hoisted_3$e = { class: "onyx-modal__headline-content" };
 const _hoisted_4$b = ["id"];
 const _hoisted_5$9 = { class: "onyx-modal__body" };
 const _hoisted_6$7 = {
   key: 0,
   class: "onyx-modal__footer"
 };
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps($setup.props, {
     modal: "",
     class: ["onyx-modal", $setup.densityClass],
@@ -8298,9 +8298,9 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.emit("update:open", $event))
   }), {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$t, [
-        createElementVNode("div", _hoisted_2$l, [
-          createElementVNode("div", _hoisted_3$d, [
+      createElementVNode("div", _hoisted_1$u, [
+        createElementVNode("div", _hoisted_2$m, [
+          createElementVNode("div", _hoisted_3$e, [
             renderSlot(_ctx.$slots, "headline", {
               label: $setup.props.label
             }, () => [
@@ -8344,7 +8344,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class", "aria-describedby"]);
 }
-const OnyxModal = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxModal/OnyxModal.vue"]]);
+const OnyxModal = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxModal/OnyxModal.vue"]]);
 const useMoreList = (options) => {
   const visibleElements = ref();
   const hiddenElements = ref();
@@ -8426,7 +8426,7 @@ const useMoreListChild = (injectionKey) => {
     isVisible
   };
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "OnyxMoreList",
   props: {
     injectionKey: { type: [Symbol, Object], required: true },
@@ -8453,7 +8453,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(
     resolveDynamicComponent($setup.props.is),
     {
@@ -8485,8 +8485,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-const OnyxMoreList = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMoreList/OnyxMoreList.vue"]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const OnyxMoreList = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMoreList/OnyxMoreList.vue"]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "OnyxNavAppArea",
   props: {
     link: { type: null, required: false, default: "/" },
@@ -8505,12 +8505,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$s = ["src", "alt"];
-const _hoisted_2$k = {
+const _hoisted_1$t = ["src", "alt"];
+const _hoisted_2$l = {
   key: 1,
   class: "onyx-text-small onyx-truncation-ellipsis"
 };
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxRouterLink"], mergeProps($setup.linkProps, {
     class: "onyx-component onyx-nav-app-area",
     "aria-label": $setup.buttonLabel
@@ -8524,10 +8524,10 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
           class: "onyx-nav-app-area__logo",
           width: "24",
           height: "24"
-        }, null, 8, _hoisted_1$s)) : createCommentVNode("v-if", true),
+        }, null, 8, _hoisted_1$t)) : createCommentVNode("v-if", true),
         $setup.props.appName ? (openBlock(), createElementBlock(
           "span",
-          _hoisted_2$k,
+          _hoisted_2$l,
           toDisplayString($setup.props.appName),
           1
           /* TEXT */
@@ -8538,8 +8538,8 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["aria-label"]);
 }
-const OnyxNavAppArea = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue"]]);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const OnyxNavAppArea = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue"]]);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectDialog",
   props: {
     open: { type: [Boolean, null], required: false, skipCheck: true, default: false },
@@ -8572,14 +8572,14 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$r = ["id"];
-const _hoisted_2$j = ["autofocus", "value", "checked", "aria-label"];
-const _hoisted_3$c = { class: "onyx-select-dialog__label" };
+const _hoisted_1$s = ["id"];
+const _hoisted_2$k = ["autofocus", "value", "checked", "aria-label"];
+const _hoisted_3$d = { class: "onyx-select-dialog__label" };
 const _hoisted_4$a = {
   key: 0,
   class: "onyx-text--small"
 };
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxModal"], mergeProps($setup.props, {
     open: $setup.props.open,
     class: "onyx-select-dialog",
@@ -8649,7 +8649,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
                                   checked: $setup.props.modelValue === option.value,
                                   "aria-label": option.label,
                                   required: ""
-                                }, null, 8, _hoisted_2$j)
+                                }, null, 8, _hoisted_2$k)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -8659,7 +8659,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
                           ),
                           createElementVNode(
                             "span",
-                            _hoisted_3$c,
+                            _hoisted_3$d,
                             toDisplayString(option.label),
                             1
                             /* TEXT */
@@ -8688,7 +8688,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
           32
           /* NEED_HYDRATION */
         )
-      ], 40, _hoisted_1$r)
+      ], 40, _hoisted_1$s)
     ]),
     _: 2
     /* DYNAMIC */
@@ -8702,11 +8702,11 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["open", "label"]);
 }
-const OnyxSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectDialog/OnyxSelectDialog.vue"]]);
+const OnyxSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectDialog/OnyxSelectDialog.vue"]]);
 const autoImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#auto-a)"><mask id="auto-d" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></mask><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/><g filter="url(#auto-b)"><mask id="auto-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#auto-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-900)" d="M-1 4a5 5 0 0 1 5-5h99v2H4a3 3 0 0 0-3 3zm104 107H4a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3h99zm-99 0a5 5 0 0 1-5-5V4a5 5 0 0 1 5-5v2a3 3 0 0 0-3 3v102a3 3 0 0 0 3 3zM103 0v110z" mask="url(#auto-d)"/><g clip-path="url(#auto-e)"><mask id="auto-f" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></mask><path fill="var(--onyx-color-neutral-steel-100)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-300)" d="M103-1h99a5 5 0 0 1 5 5h-2a3 3 0 0 0-3-3h-99zm104 107a5 5 0 0 1-5 5h-99v-2h99a3 3 0 0 0 3-3zm-104 4V0zM202-1a5 5 0 0 1 5 5v102a5 5 0 0 1-5 5v-2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z" mask="url(#auto-f)"/><defs><clipPath id="auto-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></clipPath><clipPath id="auto-e"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></clipPath><filter id="auto-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22720"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22720" result="shape"/></filter></defs></svg>';
 const darkImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#dark-a)"><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#dark-b)"><mask id="dark-c" fill="#fff"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#dark-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-900)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="dark-a"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="dark-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22757"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22757" result="shape"/></filter></defs></svg>';
 const lightImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#light-a)"><path fill="var(--onyx-color-neutral-steel-100)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#light-b)"><mask id="light-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M46 26h-1v84h2V26z" mask="url(#light-c)"/></g><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-300)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="light-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="light-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22745"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22745" result="shape"/></filter></defs></svg>';
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "OnyxColorSchemeDialog",
   props: {
     open: { type: [Boolean, null], required: false, skipCheck: true, default: false },
@@ -8746,7 +8746,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxSelectDialog"], mergeProps({ class: "onyx-color-scheme-dialog" }, $setup.props, {
     label: $setup.t("colorScheme.headline"),
     options: $setup.options,
@@ -8765,8 +8765,8 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["label", "options", "open"]);
 }
-const OnyxColorSchemeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.vue"]]);
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const OnyxColorSchemeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.vue"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "OnyxColorSchemeMenuItem",
   props: {
     modelValue: { type: String, required: true }
@@ -8785,8 +8785,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$q = { class: "onyx-color-scheme-menu-item__value" };
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$r = { class: "onyx-color-scheme-menu-item__value" };
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxMenuItem"], {
     class: "onyx-component onyx-color-scheme-menu-item",
     onClick: _cache[2] || (_cache[2] = ($event) => $setup.isOpen = true)
@@ -8801,7 +8801,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
         ),
         createElementVNode(
           "span",
-          _hoisted_1$q,
+          _hoisted_1$r,
           toDisplayString($setup.t(`colorScheme.${$setup.props.modelValue}.label`)),
           1
           /* TEXT */
@@ -8820,8 +8820,8 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   });
 }
-const OnyxColorSchemeMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/OnyxColorSchemeMenuItem.vue"]]);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const OnyxColorSchemeMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/OnyxColorSchemeMenuItem.vue"]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "OnyxLanguageMenuItem",
   props: {
     modelValue: { type: null, required: true },
@@ -8846,8 +8846,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$p = { class: "onyx-language-menu-item__value" };
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$q = { class: "onyx-language-menu-item__value" };
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxMenuItem"], {
     class: "onyx-component onyx-language-menu-item",
     onClick: _cache[2] || (_cache[2] = ($event) => $setup.isOpen = true)
@@ -8862,7 +8862,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         ),
         createElementVNode(
           "span",
-          _hoisted_1$p,
+          _hoisted_1$q,
           toDisplayString($setup.currentValueLabel),
           1
           /* TEXT */
@@ -8893,12 +8893,12 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   });
 }
-const OnyxLanguageMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxLanguageMenuItem/OnyxLanguageMenuItem.vue"]]);
+const OnyxLanguageMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxLanguageMenuItem/OnyxLanguageMenuItem.vue"]]);
 const MOBILE_NAV_BAR_INJECTION_KEY = Symbol();
 const NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY = Symbol();
 const NAV_BAR_MORE_LIST_INJECTION_KEY = Symbol();
 const NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY = Symbol();
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "OnyxSeparator",
   props: {
     orientation: { type: null, required: false, default: "horizontal" }
@@ -8915,16 +8915,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$o = ["aria-orientation"];
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$p = ["aria-orientation"];
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["onyx-component onyx-separator", { "onyx-separator--vertical": $setup.isVertical }]),
     role: "separator",
     "aria-orientation": $setup.props.orientation
-  }, null, 10, _hoisted_1$o);
+  }, null, 10, _hoisted_1$p);
 }
-const OnyxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSeparator/OnyxSeparator.vue"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const OnyxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSeparator/OnyxSeparator.vue"]]);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "OnyxNavItemFacade",
   props: {
     link: { type: null, required: false },
@@ -8945,7 +8945,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxMenuItem"], mergeProps($setup.props, {
     link: $setup.hasChildren && $setup.props.context !== "navbar" ? void 0 : $setup.props.link,
     class: {
@@ -8971,8 +8971,8 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["link", "class", "open"]);
 }
-const OnyxNavItemFacade = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItemFacade/OnyxNavItemFacade.vue"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const OnyxNavItemFacade = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItemFacade/OnyxNavItemFacade.vue"]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxNavItem",
   props: {
@@ -9018,12 +9018,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$n = { class: "onyx-nav-item-wrapper__controls" };
-const _hoisted_2$i = {
+const _hoisted_1$o = { class: "onyx-nav-item-wrapper__controls" };
+const _hoisted_2$j = {
   role: "menu",
   class: "onyx-nav-item-wrapper__mobile-children"
 };
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.isMobile && $setup.open ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -9035,7 +9035,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
       }
     }, $setup.rootAttrs),
     [
-      createElementVNode("div", _hoisted_1$n, [
+      createElementVNode("div", _hoisted_1$o, [
         createVNode($setup["OnyxButton"], {
           label: $setup.t("back"),
           mode: "plain",
@@ -9063,7 +9063,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
           /* STABLE_FRAGMENT */
         )) : createCommentVNode("v-if", true)
       ]),
-      createElementVNode("ul", _hoisted_2$i, [
+      createElementVNode("ul", _hoisted_2$j, [
         renderSlot(_ctx.$slots, "children")
       ])
     ],
@@ -9160,7 +9160,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, 16, ["active"])
   ], 8, ["disabled", "to"]));
 }
-const OnyxNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue"]]);
+const OnyxNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue"]]);
 const useTimer = (endTime) => {
   const intervalId = ref();
   const timeLeft = ref(calculateTimeLeft(new Date(endTime.value).getTime()));
@@ -9221,7 +9221,7 @@ const timeToDurationString = (timeLeft) => {
   const { hours, minutes, seconds } = getTimeFragments(timeLeft);
   return `PT${hours}H${minutes}M${seconds}S`;
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "OnyxTimer",
   props: {
     endTime: { type: null, required: true },
@@ -9252,13 +9252,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$m = ["aria-label"];
-const _hoisted_2$h = {
+const _hoisted_1$n = ["aria-label"];
+const _hoisted_2$i = {
   key: 0,
   class: "onyx-timer__label"
 };
-const _hoisted_3$b = ["datetime"];
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$c = ["datetime"];
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",
     role: "timer",
@@ -9266,7 +9266,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     !$setup.props.hideLabel ? (openBlock(), createElementBlock(
       "span",
-      _hoisted_2$h,
+      _hoisted_2$i,
       toDisplayString($setup.props.label),
       1
       /* TEXT */
@@ -9274,11 +9274,11 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("time", {
       datetime: $setup.timeToDurationString($setup.timeLeft),
       class: "onyx-timer__time"
-    }, toDisplayString($setup.formattedTime), 9, _hoisted_3$b)
-  ], 8, _hoisted_1$m);
+    }, toDisplayString($setup.formattedTime), 9, _hoisted_3$c)
+  ], 8, _hoisted_1$n);
 }
-const OnyxTimer = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue"]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const OnyxTimer = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "UserMenuLayout",
   props: {
     isMobile: { type: Boolean, required: true },
@@ -9303,10 +9303,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$l = { class: "onyx-component" };
-const _hoisted_2$g = { class: "onyx-user-menu__footer onyx-text--small" };
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$l, [
+const _hoisted_1$m = { class: "onyx-component" };
+const _hoisted_2$h = { class: "onyx-user-menu__footer onyx-text--small" };
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [
     $setup.props.isMobile ? (openBlock(), createElementBlock(
       Fragment,
       { key: 0 },
@@ -9350,7 +9350,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       !!$setup.slots.footer ? {
         name: "footer",
         fn: withCtx(() => [
-          createElementVNode("div", _hoisted_2$g, [
+          createElementVNode("div", _hoisted_2$h, [
             renderSlot(_ctx.$slots, "footer")
           ])
         ]),
@@ -9359,8 +9359,8 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     ]), 1032, ["open", "label", "disabled"]))
   ]);
 }
-const UserMenuLayout = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue"]]);
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const UserMenuLayout = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue"]]);
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "OnyxUserMenu",
   props: {
     fullName: { type: String, required: true },
@@ -9394,16 +9394,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$k = { class: "onyx-truncation-ellipsis" };
-const _hoisted_2$f = { class: "onyx-user-menu__header" };
-const _hoisted_3$a = { class: "onyx-truncation-ellipsis" };
+const _hoisted_1$l = { class: "onyx-truncation-ellipsis" };
+const _hoisted_2$g = { class: "onyx-user-menu__header" };
+const _hoisted_3$b = { class: "onyx-truncation-ellipsis" };
 const _hoisted_4$9 = { class: "onyx-user-menu__username onyx-text onyx-truncation-ellipsis" };
 const _hoisted_5$8 = {
   key: 0,
   class: "onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"
 };
 const _hoisted_6$6 = { class: "onyx-user-menu__options" };
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["UserMenuLayout"], {
     "flyout-open": $setup.flyoutOpen,
     "onUpdate:flyoutOpen": _cache[0] || (_cache[0] = ($event) => $setup.flyoutOpen = $event),
@@ -9428,7 +9428,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           ),
           createElementVNode(
             "span",
-            _hoisted_1$k,
+            _hoisted_1$l,
             toDisplayString($setup.props.fullName),
             1
             /* TEXT */
@@ -9439,7 +9439,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
       )
     ]),
     header: withCtx(() => [
-      createElementVNode("div", _hoisted_2$f, [
+      createElementVNode("div", _hoisted_2$g, [
         createVNode(
           $setup["OnyxAvatar"],
           mergeProps($setup.avatar, { size: "48px" }),
@@ -9447,7 +9447,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           16
           /* FULL_PROPS */
         ),
-        createElementVNode("div", _hoisted_3$a, [
+        createElementVNode("div", _hoisted_3$b, [
           createElementVNode(
             "div",
             _hoisted_4$9,
@@ -9482,8 +9482,8 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["flyout-open", "class", "is-mobile", "disabled"]);
 }
-const OnyxUserMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue"]]);
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const OnyxUserMenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue"]]);
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "OnyxNavBar",
   props: {
     appName: { type: String, required: false },
@@ -9554,12 +9554,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$j = { class: "onyx-nav-bar__content onyx-grid-container" };
-const _hoisted_2$e = {
+const _hoisted_1$k = { class: "onyx-nav-bar__content onyx-grid-container" };
+const _hoisted_2$f = {
   key: 0,
   class: "onyx-nav-bar__mobile-page onyx-truncation-ellipsis"
 };
-const _hoisted_3$9 = { role: "menubar" };
+const _hoisted_3$a = { role: "menubar" };
 const _hoisted_4$8 = { ref: "moreListRef" };
 const _hoisted_5$7 = {
   key: 0,
@@ -9574,7 +9574,7 @@ const _hoisted_8$3 = {
   key: 1,
   class: "onyx-nav-bar__context"
 };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "header",
     {
@@ -9582,8 +9582,8 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["onyx-component onyx-nav-bar", { "onyx-nav-bar--mobile": $setup.actualIsMobile }])
     },
     [
-      createElementVNode("div", _hoisted_1$j, [
-        $setup.actualIsMobile && $setup.slots.mobileActivePage && !$setup.isBurgerOpen && !$setup.isContextOpen ? (openBlock(), createElementBlock("span", _hoisted_2$e, [
+      createElementVNode("div", _hoisted_1$k, [
+        $setup.actualIsMobile && $setup.slots.mobileActivePage && !$setup.isBurgerOpen && !$setup.isContextOpen ? (openBlock(), createElementBlock("span", _hoisted_2$f, [
           renderSlot(_ctx.$slots, "mobileActivePage")
         ])) : $setup.props.appName || $setup.props.logoUrl || $setup.slots.appArea ? (openBlock(), createBlock($setup["OnyxNavAppArea"], mergeProps({
           key: 1,
@@ -9626,7 +9626,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
                   "nav",
                   mergeProps({ class: "onyx-nav-bar__nav--mobile" }, $setup.nav),
                   [
-                    createElementVNode("ul", _hoisted_3$9, [
+                    createElementVNode("ul", _hoisted_3$a, [
                       renderSlot(_ctx.$slots, "default")
                     ])
                   ],
@@ -9733,7 +9733,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue"]]);
+const OnyxNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue"]]);
 const useRelativeTimeFormat = (options) => {
   const { locale, t } = injectI18n();
   const format = computed(() => new Intl.RelativeTimeFormat(locale.value, unref(options.options)));
@@ -9781,7 +9781,7 @@ const useRelativeTimeFormat = (options) => {
     timeAgo
   };
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotificationCard",
   props: {
     density: { type: null, required: false },
@@ -9809,15 +9809,15 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "onyx-notification-card-skeleton"
 };
-const _hoisted_2$d = {
+const _hoisted_2$e = {
   key: 1,
   class: "onyx-notification-card__content"
 };
-const _hoisted_3$8 = { class: "onyx-notification-card__header" };
+const _hoisted_3$9 = { class: "onyx-notification-card__header" };
 const _hoisted_4$7 = { class: "onyx-notification-card__header-container" };
 const _hoisted_5$6 = { class: "onyx-notification-card__header-container" };
 const _hoisted_6$4 = { class: "onyx-notification-card__created-at onyx-text--small" };
@@ -9826,14 +9826,14 @@ const _hoisted_8$2 = {
   key: 0,
   class: "onyx-notification-card__actions onyx-density-compact"
 };
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
       class: normalizeClass(["onyx-component", "onyx-notification-card", $setup.densityClass])
     },
     [
-      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
         createVNode($setup["OnyxSkeleton"], { class: "onyx-notification-card-skeleton__header" }),
         (openBlock(), createElementBlock(
           Fragment,
@@ -9847,9 +9847,9 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
           64
           /* STABLE_FRAGMENT */
         ))
-      ])) : (openBlock(), createElementBlock("div", _hoisted_2$d, [
+      ])) : (openBlock(), createElementBlock("div", _hoisted_2$e, [
         createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_3$8, [
+          createElementVNode("div", _hoisted_3$9, [
             createElementVNode("div", _hoisted_4$7, [
               $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
                 key: 0,
@@ -9923,8 +9923,8 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxNotificationCard = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationCard/OnyxNotificationCard.vue"]]);
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const OnyxNotificationCard = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationCard/OnyxNotificationCard.vue"]]);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotificationDot",
   props: {
     hidden: { type: Boolean, required: false, default: false },
@@ -9938,9 +9938,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$h = { class: "onyx-component onyx-notification-dot" };
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$h, [
+const _hoisted_1$i = { class: "onyx-component onyx-notification-dot" };
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
     renderSlot(_ctx.$slots, "default"),
     !$setup.props.hidden ? (openBlock(), createBlock($setup["OnyxBadge"], {
       key: 0,
@@ -9950,8 +9950,8 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["color"])) : createCommentVNode("v-if", true)
   ]);
 }
-const OnyxNotificationDot = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationDot/OnyxNotificationDot.vue"]]);
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const OnyxNotificationDot = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationDot/OnyxNotificationDot.vue"]]);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "OnyxInfoCard",
   props: {
     density: { type: null, required: false },
@@ -9975,16 +9975,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$g = { class: "onyx-info-card__content" };
-const _hoisted_2$c = {
+const _hoisted_1$h = { class: "onyx-info-card__content" };
+const _hoisted_2$d = {
   key: 2,
   class: "onyx-info-card__description onyx-text--small"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$8 = {
   key: 3,
   class: "onyx-info-card__buttons onyx-density-compact"
 };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -9996,7 +9996,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
         class: "onyx-info-card__icon",
         icon: $setup.props.icon
       }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_1$g, [
+      createElementVNode("div", _hoisted_1$h, [
         $setup.props.headline ? (openBlock(), createBlock($setup["OnyxHeadline"], {
           key: 0,
           is: "h3",
@@ -10020,10 +10020,10 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
           color: $setup.props.color === "neutral" ? "soft" : "medium",
           onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("close"))
         }, null, 8, ["icon", "label", "color"])) : createCommentVNode("v-if", true),
-        !!$setup.slots.default ? (openBlock(), createElementBlock("p", _hoisted_2$c, [
+        !!$setup.slots.default ? (openBlock(), createElementBlock("p", _hoisted_2$d, [
           renderSlot(_ctx.$slots, "default")
         ])) : createCommentVNode("v-if", true),
-        !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+        !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
           renderSlot(_ctx.$slots, "buttons")
         ])) : createCommentVNode("v-if", true)
       ])
@@ -10032,8 +10032,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoCard/OnyxInfoCard.vue"]]);
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const OnyxInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoCard/OnyxInfoCard.vue"]]);
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotificationMessage",
   props: {
     headline: { type: String, required: true },
@@ -10051,7 +10051,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxInfoCard"], {
     class: normalizeClass(["onyx-component onyx-notification-message", [
       "onyx-component",
@@ -10084,7 +10084,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["class", "headline", "icon", "style", "aria-label"]);
 }
-const OnyxNotificationMessage = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationMessage/OnyxNotificationMessage.vue"]]);
+const OnyxNotificationMessage = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationMessage/OnyxNotificationMessage.vue"]]);
 const NOTIFICATIONS_PROVIDER_INJECTION_KEY = Symbol();
 const createNotificationsProvider = () => {
   let nextId = 1;
@@ -10125,7 +10125,7 @@ const useNotification = () => {
   );
   return notificationsProvider;
 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotifications",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -10135,15 +10135,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   key: 0,
   class: "onyx-component onyx-notifications",
   role: "presentation",
   "aria-live": "polite",
   open: ""
 };
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.notificationProvider.notifications.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$f, [
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.notificationProvider.notifications.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$g, [
     (openBlock(true), createElementBlock(
       Fragment,
       null,
@@ -10195,8 +10195,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ])) : createCommentVNode("v-if", true);
 }
-const OnyxNotifications = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotifications/OnyxNotifications.vue"]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const OnyxNotifications = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotifications/OnyxNotifications.vue"]]);
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "OnyxPageLayout",
   props: {
     skeleton: { type: Boolean, required: false },
@@ -10213,12 +10213,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$f = {
   key: 0,
   class: "onyx-page__sidebar"
 };
-const _hoisted_2$b = { class: "onyx-page__main" };
-const _hoisted_3$6 = {
+const _hoisted_2$c = { class: "onyx-page__main" };
+const _hoisted_3$7 = {
   key: 1,
   class: "onyx-page__sidebar onyx-page__sidebar--right"
 };
@@ -10226,7 +10226,7 @@ const _hoisted_4$6 = {
   key: 2,
   class: "onyx-page__footer"
 };
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -10237,10 +10237,10 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       ]])
     },
     [
-      $setup.slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+      $setup.slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
         renderSlot(_ctx.$slots, "sidebar")
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("main", _hoisted_2$b, [
+      createElementVNode("main", _hoisted_2$c, [
         createElementVNode(
           "div",
           {
@@ -10253,7 +10253,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
           /* CLASS */
         )
       ]),
-      $setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
+      $setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
         renderSlot(_ctx.$slots, "sidebarRight")
       ])) : createCommentVNode("v-if", true),
       $setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
@@ -10264,8 +10264,8 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxPageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPageLayout/OnyxPageLayout.vue"]]);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const OnyxPageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPageLayout/OnyxPageLayout.vue"]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "OnyxProgressItem",
   props: {
     density: { type: null, required: false },
@@ -10291,9 +10291,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$d = ["disabled"];
-const _hoisted_2$a = { class: "onyx-progress-item__indicator" };
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$e = ["disabled"];
+const _hoisted_2$b = { class: "onyx-progress-item__indicator" };
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-progress-item-skeleton", "onyx-text", $setup.densityClass])
@@ -10309,7 +10309,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     type: "button",
     disabled: $setup.props.disabled
   }, [
-    createElementVNode("span", _hoisted_2$a, [
+    createElementVNode("span", _hoisted_2$b, [
       $setup.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
         key: 0,
         icon: $setup.icon
@@ -10334,9 +10334,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       1
       /* TEXT */
     )
-  ], 10, _hoisted_1$d));
+  ], 10, _hoisted_1$e));
 }
-const OnyxProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressItem/OnyxProgressItem.vue"]]);
+const OnyxProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressItem/OnyxProgressItem.vue"]]);
 const PROGRESS_ITEM_STATUS = [
   "default",
   "active",
@@ -10344,7 +10344,7 @@ const PROGRESS_ITEM_STATUS = [
   "visited",
   "invalid"
 ];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "OnyxProgressSteps",
   props: {
     density: { type: null, required: false },
@@ -10399,8 +10399,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$c = { class: "onyx-progress-steps__scroll-container" };
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$d = { class: "onyx-progress-steps__scroll-container" };
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -10412,7 +10412,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      createElementVNode("div", _hoisted_1$c, [
+      createElementVNode("div", _hoisted_1$d, [
         (openBlock(true), createElementBlock(
           Fragment,
           null,
@@ -10446,8 +10446,8 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxProgressSteps = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressSteps/OnyxProgressSteps.vue"]]);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const OnyxProgressSteps = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressSteps/OnyxProgressSteps.vue"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxRadioButton",
   props: {
@@ -10482,8 +10482,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$b = ["required", "name", "value", "checked", "disabled", "autofocus"];
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$c = ["required", "name", "value", "checked", "disabled", "autofocus"];
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -10523,7 +10523,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
             checked: $setup.props.checked,
             disabled: $setup.disabled,
             autofocus: $setup.props.autofocus
-          }, $setup.restAttrs), null, 16, _hoisted_1$b)), [
+          }, $setup.restAttrs), null, 16, _hoisted_1$c)), [
             [$setup["vCustomValidity"]]
           ]),
           createElementVNode(
@@ -10544,8 +10544,8 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["disabled", "error-messages"]));
 }
-const OnyxRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue"]]);
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const OnyxRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue"]]);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "OnyxRadioGroup",
   props: {
     truncation: { type: null, required: false, default: "ellipsis" },
@@ -10592,19 +10592,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$a = ["disabled", "aria-label"];
-const _hoisted_2$9 = {
+const _hoisted_1$b = ["disabled", "aria-label"];
+const _hoisted_2$a = {
   key: 0,
   class: "onyx-radio-group__label"
 };
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("fieldset", {
     class: normalizeClass(["onyx-component", "onyx-radio-group", $setup.densityClass, $setup.requiredTypeClass]),
     disabled: $setup.disabled,
     role: "radiogroup",
     "aria-label": $setup.props.label
   }, [
-    !$setup.props.hideLabel ? (openBlock(), createElementBlock("legend", _hoisted_2$9, [
+    !$setup.props.hideLabel ? (openBlock(), createElementBlock("legend", _hoisted_2$a, [
       createVNode($setup["OnyxHeadline"], {
         is: "h3",
         class: normalizeClass($setup.requiredMarkerClass)
@@ -10671,10 +10671,152 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     )
-  ], 10, _hoisted_1$a);
+  ], 10, _hoisted_1$b);
 }
-const OnyxRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioGroup/OnyxRadioGroup.vue"]]);
+const OnyxRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioGroup/OnyxRadioGroup.vue"]]);
 const LINK_TARGETS = ["_self", "_blank", "_parent", "_top"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "OnyxSegmentedControlElement",
+  props: {
+    value: { type: null, required: true },
+    label: { type: String, required: true },
+    hideLabel: { type: Boolean, required: false },
+    autofocus: { type: Boolean, required: false },
+    disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
+    icon: { type: String, required: false },
+    name: { type: String, required: false },
+    density: { type: null, required: false },
+    checked: { type: Boolean, required: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { densityClass } = useDensity(props);
+    const { disabled } = useFormContext(props);
+    const input2 = useTemplateRef("inputRef");
+    useAutofocus(input2, props);
+    const { rootAttrs, restAttrs } = useRootAttrs();
+    const __returned__ = { props, densityClass, disabled, input: input2, rootAttrs, restAttrs, OnyxIcon, OnyxVisuallyHidden };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1$a = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"];
+const _hoisted_2$9 = ["for"];
+const _hoisted_3$6 = {
+  key: 1,
+  class: "onyx-segmented-control-element__text"
+};
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    mergeProps($setup.rootAttrs, {
+      class: ["onyx-component", "onyx-segmented-control-element", $setup.densityClass]
+    }),
+    [
+      createVNode($setup["OnyxVisuallyHidden"], null, {
+        default: withCtx(() => [
+          createElementVNode("input", mergeProps($setup.restAttrs, {
+            id: $setup.props.value.toString(),
+            ref: "inputRef",
+            name: $setup.props.name,
+            type: "radio",
+            value: $setup.props.value,
+            disabled: $setup.disabled,
+            class: "onyx-segmented-control-element__input",
+            "aria-label": $setup.props.label,
+            autofocus: $setup.props.autofocus,
+            checked: $setup.props.checked
+          }), null, 16, _hoisted_1$a)
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      createElementVNode("label", {
+        for: $setup.props.value.toString(),
+        class: "onyx-segmented-control-element__label"
+      }, [
+        $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
+          key: 0,
+          icon: $setup.props.icon,
+          class: "onyx-segmented-control-element__icon"
+        }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
+        !$setup.props.hideLabel ? (openBlock(), createElementBlock(
+          "p",
+          _hoisted_3$6,
+          toDisplayString($setup.props.label),
+          1
+          /* TEXT */
+        )) : createCommentVNode("v-if", true)
+      ], 8, _hoisted_2$9)
+    ],
+    16
+    /* FULL_PROPS */
+  );
+}
+const OnyxSegmentedControlElement = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControlElement/OnyxSegmentedControlElement.vue"]]);
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "OnyxSegmentedControl",
+  props: {
+    density: { type: null, required: false },
+    modelValue: { type: null, required: true },
+    skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
+    options: { type: Array, required: true },
+    name: { type: String, required: false, default: () => useId() }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const skeleton = useSkeletonContext(props);
+    const { densityClass } = useDensity(props);
+    const modelValue = useVModel({
+      props,
+      emit,
+      key: "modelValue"
+    });
+    const handleChange = (value) => {
+      modelValue.value = value;
+    };
+    const __returned__ = { props, emit, skeleton, densityClass, modelValue, handleChange, OnyxSegmentedControlElement, OnyxSkeleton };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
+    key: 0,
+    class: normalizeClass(["onyx-segmented-control-skeleton", $setup.densityClass])
+  }, null, 8, ["class"])) : (openBlock(), createElementBlock(
+    "div",
+    {
+      key: 1,
+      class: normalizeClass(["onyx-component", "onyx-segmented-control", $setup.densityClass])
+    },
+    [
+      (openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList($props.options, (option) => {
+          return openBlock(), createBlock($setup["OnyxSegmentedControlElement"], mergeProps({
+            key: option.value.toString()
+          }, { ref_for: true }, option, {
+            name: $setup.props.name,
+            checked: option.value === $setup.modelValue,
+            onChange: ($event) => $setup.handleChange(option.value)
+          }), null, 16, ["name", "checked", "onChange"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  ));
+}
+const OnyxSegmentedControl = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControl/OnyxSegmentedControl.vue"]]);
 const SELECT_ALIGNMENTS = ["full", "left", "right"];
 const MULTISELECT_TEXT_MODE = ["summary", "preview"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
@@ -12964,6 +13106,8 @@ export {
   OnyxRadioButton,
   OnyxRadioGroup,
   OnyxRouterLink,
+  OnyxSegmentedControl,
+  OnyxSegmentedControlElement,
   OnyxSelect,
   OnyxSelectDialog,
   OnyxSelectInput,