npm - sit-onyx - Versions diffs - 1.5.0 → 1.6.0-dev-20251216104923 - Mend

sit-onyx 1.5.0 → 1.6.0-dev-20251216104923

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (129) hide show

package/dist/index.esm-bundler.js CHANGED Viewed

@@ -49,7 +49,7 @@ const useVModel = (options) => {
 };
 const ACCORDION_INJECTION_KEY = Symbol();
 const ACCORDION_TYPES = ["default", "nested-large", "nested-small", "card"];
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   __name: "OnyxAccordion",
   props: {
     density: { type: null, required: false },
@@ -119,7 +119,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -137,7 +137,7 @@ function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1P], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordion/OnyxAccordion.vue"]]);
+const OnyxAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1Q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordion/OnyxAccordion.vue"]]);
 const ONYX_BREAKPOINTS = {
   "2xs": 320,
   xs: 577,
@@ -150,7 +150,7 @@ const ONYX_BREAKPOINTS = {
   md: ONYX_BREAKPOINTS.lg - 1,
   lg: ONYX_BREAKPOINTS.xl - 1
 });
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   __name: "OnyxIcon",
   props: {
     size: { type: null, required: false },
@@ -166,8 +166,8 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1l = ["innerHTML"];
-function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1m = ["innerHTML"];
+function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("figure", {
     class: normalizeClass({
       "onyx-component": true,
@@ -178,9 +178,9 @@ function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     "aria-hidden": "true",
     innerHTML: $setup.props.icon
-  }, null, 10, _hoisted_1$1l);
+  }, null, 10, _hoisted_1$1m);
 }
-const OnyxIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1O], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIcon/OnyxIcon.vue"]]);
+const OnyxIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1P], ["__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$1N = /* @__PURE__ */ defineComponent({
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   __name: "OnyxSkeleton",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -206,15 +206,15 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1k = {
+const _hoisted_1$1l = {
   "aria-hidden": "true",
   class: "onyx-component onyx-skeleton"
 };
-function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("figure", _hoisted_1$1k);
+function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("figure", _hoisted_1$1l);
 }
-const OnyxSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1N], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSkeleton/OnyxSkeleton.vue"]]);
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+const OnyxSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1O], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSkeleton/OnyxSkeleton.vue"]]);
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   __name: "OnyxAccordionItem",
   props: {
     density: { type: null, required: false },
@@ -251,11 +251,11 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1j = ["open"];
+const _hoisted_1$1k = ["open"];
 const _hoisted_2$Y = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"];
 const _hoisted_3$C = { class: "onyx-accordion-item__header-content" };
 const _hoisted_4$p = ["id", "aria-labelledby"];
-function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.showSkeleton ? (openBlock(), createBlock(resolveDynamicComponent($setup.type === "card" ? $setup.OnyxSkeleton : "div"), {
     key: 0,
     class: normalizeClass([
@@ -307,9 +307,9 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 8, _hoisted_4$p)
-  ], 10, _hoisted_1$1j));
+  ], 10, _hoisted_1$1k));
 }
-const OnyxAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1M], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordionItem/OnyxAccordionItem.vue"]]);
+const OnyxAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1N], ["__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" },
@@ -360,6 +360,7 @@ const slider = { "decreaseValueBy": "Decrease value by {n}", "increaseValueBy":
 const codeTabs = { "label": "Code snippets", "copySnippet": "Copy code", "copied": "Copied!", "failed": "Failed!", "tabLabel": "Code" };
 const globalSearch = { "label": "Global search", "searchResults": "Search results", "input": { "label": "Search for content", "placeholder": "Search..." }, "shortcuts": { "move": "Navigate", "select": "Select" }, "system": "System" };
 const timepicker = { "placeholder": { "hour": "HH", "minute": "MM", "second": "SS" }, "labels": { "iconButton": "Open Timepicker", "popover": "Timepicker Popover", "hour": "Hour", "minute": "Minute", "second": "Second" } };
+const itemsPerPage = { "label": "Items per page", "select": { "listLabel": "Select number of items per page" } };
 const enUS = {
   yes,
   no,
@@ -396,7 +397,8 @@ const enUS = {
   slider,
   codeTabs,
   globalSearch,
-  timepicker
+  timepicker,
+  itemsPerPage
 };
 const NUMBER_FORMATS = {
   decimal: { style: "decimal" }
@@ -1876,7 +1878,7 @@ const createTooltip = createBuilder(({ debounce: debounce2, isVisible }) => {
     }
   };
 });
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   __name: "OnyxBasicDialog",
   props: {
     density: { type: null, required: false },
@@ -1937,12 +1939,12 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1i = ["aria-modal", "aria-label", "role"];
+const _hoisted_1$1j = ["aria-modal", "aria-label", "role"];
 const _hoisted_2$X = {
   ref: "contentRef",
   class: "onyx-basic-dialog__content"
 };
-function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.props.open ? (openBlock(), createElementBlock("dialog", {
     key: 0,
     ref: "dialogRef",
@@ -1968,9 +1970,9 @@ function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
       512
       /* NEED_PATCH */
     )
-  ], 42, _hoisted_1$1i)) : createCommentVNode("v-if", true);
+  ], 42, _hoisted_1$1j)) : createCommentVNode("v-if", true);
 }
-const OnyxBasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicDialog/OnyxBasicDialog.vue"]]);
+const OnyxBasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1M], ["__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());
@@ -2052,7 +2054,7 @@ const normalizeHref = (href) => {
   return value.replace(/\/+$/, "");
 };
 const ROUTER_INJECTION_KEY = Symbol();
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "OnyxVisuallyHidden",
   props: {
     is: { type: String, required: false, default: "span" }
@@ -2065,7 +2067,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1L(_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")
@@ -2074,8 +2076,8 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   });
 }
-const OnyxVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue"]]);
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+const OnyxVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue"]]);
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   __name: "OnyxRouterLink",
   props: {
     href: { type: String, required: true },
@@ -2091,8 +2093,8 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1h = ["href", "target", "rel"];
-function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1i = ["href", "target", "rel"];
+function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("a", {
     class: normalizeClass([
       "onyx-component",
@@ -2116,10 +2118,10 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
       /* STABLE */
     })) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$1h);
+  ], 10, _hoisted_1$1i);
 }
-const OnyxRouterLink = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRouterLink/OnyxRouterLink.vue"]]);
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+const OnyxRouterLink = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRouterLink/OnyxRouterLink.vue"]]);
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "OnyxHeadline",
   props: {
     is: { type: null, required: true },
@@ -2144,7 +2146,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1J(_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}`])
@@ -2184,7 +2186,7 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["id", "class"]));
 }
-const OnyxHeadline = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxHeadline/OnyxHeadline.vue"]]);
+const OnyxHeadline = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxHeadline/OnyxHeadline.vue"]]);
 const useAutofocus = (inputRef, props) => {
   if (!props.autofocus) {
     return;
@@ -2235,7 +2237,7 @@ const useFormContext = (props) => {
     DEFAULT_FORM_INJECTION_CONTEXT
   )(toRef(props));
 };
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "ButtonOrLinkLayout",
   props: {
     disabled: { type: [Boolean, Symbol], required: false },
@@ -2258,8 +2260,8 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1g = ["disabled", "type", "autofocus"];
-function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1h = ["disabled", "type", "autofocus"];
+function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.linkProps ? (openBlock(), createBlock(
     $setup["OnyxRouterLink"],
     normalizeProps(mergeProps({ key: 0 }, $setup.linkProps)),
@@ -2280,10 +2282,10 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     autofocus: $setup.props.autofocus
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1$1g));
+  ], 8, _hoisted_1$1h));
 }
-const ButtonOrLinkLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/ButtonOrLinkLayout.vue"]]);
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+const ButtonOrLinkLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/ButtonOrLinkLayout.vue"]]);
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   __name: "OnyxSystemButton",
   props: {
     disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
@@ -2304,11 +2306,11 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1f = {
+const _hoisted_1$1g = {
   key: 1,
   class: "onyx-truncation-ellipsis"
 };
-function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1H(_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"])
@@ -2324,7 +2326,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
         icon: $setup.props.icon
       }, null, 8, ["icon"])) : (openBlock(), createElementBlock(
         "span",
-        _hoisted_1$1f,
+        _hoisted_1$1g,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -2334,8 +2336,8 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["class", "aria-label", "title"]));
 }
-const OnyxSystemButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSystemButton/OnyxSystemButton.vue"]]);
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+const OnyxSystemButton = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSystemButton/OnyxSystemButton.vue"]]);
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "OnyxAlertModal",
   props: {
     density: { type: null, required: false },
@@ -2360,11 +2362,11 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1e = { class: "onyx-alert-modal__content" };
+const _hoisted_1$1f = { class: "onyx-alert-modal__content" };
 const _hoisted_2$W = { class: "onyx-alert-modal__headline" };
 const _hoisted_3$B = ["id"];
 const _hoisted_4$o = { class: "onyx-alert-modal__actions" };
-function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps({
     class: ["onyx-alert-modal", $setup.densityClass]
   }, $setup.dialogProps, {
@@ -2374,7 +2376,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.emit("update:open", $event))
   }), {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$1e, [
+      createElementVNode("div", _hoisted_1$1f, [
         $setup.props.icon ? (openBlock(), createBlock(
           $setup["OnyxIcon"],
           mergeProps({
@@ -2425,7 +2427,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class", "aria-describedby"]);
 }
-const OnyxAlertModal = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAlertModal/OnyxAlertModal.vue"]]);
+const OnyxAlertModal = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAlertModal/OnyxAlertModal.vue"]]);
 const useRootAttrs = () => {
   const attrs = useAttrs();
   const rootAttrs = computed(
@@ -2507,7 +2509,7 @@ const mergeVueProps = (...args) => args.reduce((prev, curr) => {
   merged.ref = mergedRef;
   return merged;
 }, {});
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "OnyxFABButton",
   props: {
     density: { type: null, required: false },
@@ -2527,11 +2529,11 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1e = {
   key: 1,
   class: "onyx-fab-button__label"
 };
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-fab-button-skeleton", $setup.densityClass])
@@ -2549,7 +2551,7 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
       !$setup.props.hideLabel ? (openBlock(), createElementBlock(
         "span",
-        _hoisted_1$1d,
+        _hoisted_1$1e,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -2559,7 +2561,7 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class", "title", "aria-label", "link"]));
 }
-const OnyxFABButton = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABButton/OnyxFABButton.vue"]]);
+const OnyxFABButton = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABButton/OnyxFABButton.vue"]]);
 const useResizeObserver = (target, options) => {
   const box = options?.box ?? "content-box";
   const width = ref(0);
@@ -2769,7 +2771,7 @@ const useOpenDirection = (element, defaultDirection = "bottom") => {
     }
     const overflowParentRect = findParentWithHiddenOverflow(el)?.getBoundingClientRect();
     const elementRect = el.getBoundingClientRect();
-    const parentTop = overflowParentRect?.top ?? window.visualViewport?.pageTop ?? 0;
+    const parentTop = overflowParentRect?.top ?? 0;
     const parentBottom = overflowParentRect?.bottom ?? window.visualViewport?.height ?? 0;
     const freeSpaceBelow = parentBottom - elementRect.bottom;
     const freeSpaceAbove = elementRect.top - parentTop;
@@ -2871,7 +2873,7 @@ function useSticky(options) {
   });
   return { stickyStyles, scrolledOut, isSticky, checkVisibilityOnScroll };
 }
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   __name: "OnyxBasicPopover",
   props: {
     label: { type: String, required: true },
@@ -3029,8 +3031,8 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1c = ["role", "aria-label"];
-function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1d = ["role", "aria-label"];
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -3049,14 +3051,14 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(!$setup.isSticky ? $setup.popoverStyles : $setup.stickyStyles)
       }, [
         renderSlot(_ctx.$slots, "content")
-      ], 14, _hoisted_1$1c)
+      ], 14, _hoisted_1$1d)
     ],
     4
     /* STYLE */
   );
 }
-const OnyxBasicPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicPopover/OnyxBasicPopover.vue"]]);
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+const OnyxBasicPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicPopover/OnyxBasicPopover.vue"]]);
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   __name: "OnyxFlyoutMenu",
   props: {
     alignment: { type: String, required: false, default: "auto" },
@@ -3098,9 +3100,9 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1b = { class: "onyx-flyout-menu__list-header" };
+const _hoisted_1$1c = { class: "onyx-flyout-menu__list-header" };
 const _hoisted_2$V = { class: "onyx-flyout-menu__list-footer" };
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_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,
@@ -3109,7 +3111,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $props.disabled
   }), createSlots({
     content: withCtx(() => [
-      createElementVNode("div", _hoisted_1$1b, [
+      createElementVNode("div", _hoisted_1$1c, [
         renderSlot(_ctx.$slots, "header")
       ]),
       $setup.slots.options ? (openBlock(), createElementBlock(
@@ -3142,8 +3144,8 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["open", "label", "alignment", "disabled"]);
 }
-const OnyxFlyoutMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue"]]);
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+const OnyxFlyoutMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue"]]);
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "OnyxFAB",
   props: {
     density: { type: null, required: false },
@@ -3182,7 +3184,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_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}`]
@@ -3212,8 +3214,8 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["open", "label", "class", "alignment"]));
 }
-const OnyxFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFAB/OnyxFAB.vue"]]);
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+const OnyxFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFAB/OnyxFAB.vue"]]);
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "OnyxFABItem",
   props: {
     density: { type: null, required: false },
@@ -3236,7 +3238,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "li",
     mergeProps({
@@ -3251,7 +3253,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxFABItem = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABItem/OnyxFABItem.vue"]]);
+const OnyxFABItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1B], ["__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([]);
@@ -3288,7 +3290,7 @@ const useGlobalFAB = () => {
   );
   return globalFABProvider;
 };
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "OnyxGlobalFAB",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3302,7 +3304,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1A(_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)),
@@ -3337,14 +3339,14 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["label", "alignment"])) : createCommentVNode("v-if", true);
 }
-const OnyxGlobalFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalFAB/OnyxGlobalFAB.vue"]]);
-const _sfc_main$1y = {};
-const _hoisted_1$1a = {
+const OnyxGlobalFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalFAB/OnyxGlobalFAB.vue"]]);
+const _sfc_main$1z = {};
+const _hoisted_1$1b = {
   class: "onyx-component onyx-circle-spinner",
   viewBox: "0 0 50 50"
 };
-function _sfc_render$1y(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1a, [..._cache[0] || (_cache[0] = [
+function _sfc_render$1z(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1b, [..._cache[0] || (_cache[0] = [
     createElementVNode(
       "circle",
       {
@@ -3359,11 +3361,11 @@ function _sfc_render$1y(_ctx, _cache) {
     )
   ])]);
 }
-const OnyxCircleSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue"]]);
-const _sfc_main$1x = {};
-const _hoisted_1$19 = { class: "onyx-component onyx-loading-dots" };
-function _sfc_render$1x(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$19, [..._cache[0] || (_cache[0] = [
+const OnyxCircleSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue"]]);
+const _sfc_main$1y = {};
+const _hoisted_1$1a = { class: "onyx-component onyx-loading-dots" };
+function _sfc_render$1y(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1a, [..._cache[0] || (_cache[0] = [
     createElementVNode(
       "span",
       { class: "onyx-loading-dots__center" },
@@ -3373,8 +3375,8 @@ function _sfc_render$1x(_ctx, _cache) {
     )
   ])]);
 }
-const OnyxLoadingDots = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingDots.vue"]]);
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const OnyxLoadingDots = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingDots.vue"]]);
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "OnyxLoadingIndicator",
   props: {
     type: { type: String, required: false, default: "dots" }
@@ -3387,10 +3389,10 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_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$1w, [["render", _sfc_render$1w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue"]]);
+const OnyxLoadingIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1x], ["__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());
@@ -3437,7 +3439,7 @@ const useRipple = (container) => {
   });
   return { isPointerDown, ripples, startRipple, hideRipples, hideRipple, events };
 };
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "OnyxRipple",
   setup(__props, { expose: __expose }) {
     const rippleTrigger = useTemplateRef("rippleTriggerRef");
@@ -3450,16 +3452,16 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$18 = {
+const _hoisted_1$19 = {
   ref: "rippleTriggerRef",
   class: "onyx-component onyx-ripple",
   "aria-hidden": "true"
 };
 const _hoisted_2$U = ["data-rippleid"];
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "span",
-    _hoisted_1$18,
+    _hoisted_1$19,
     [
       (openBlock(true), createElementBlock(
         Fragment,
@@ -3484,8 +3486,8 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-const OnyxRipple = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRipple/OnyxRipple.vue"]]);
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const OnyxRipple = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRipple/OnyxRipple.vue"]]);
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "OnyxButton",
   props: {
     density: { type: null, required: false },
@@ -3515,8 +3517,8 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$17 = { class: "onyx-button__label onyx-truncation-ellipsis" };
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$18 = { class: "onyx-button__label onyx-truncation-ellipsis" };
+function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-button-skeleton", $setup.densityClass])
@@ -3553,7 +3555,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("v-if", true),
       createElementVNode(
         "span",
-        _hoisted_1$17,
+        _hoisted_1$18,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -3568,8 +3570,8 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["class", "aria-label"]));
 }
-const OnyxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue"]]);
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const OnyxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue"]]);
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "OnyxInfoCard",
   props: {
     density: { type: null, required: false },
@@ -3596,7 +3598,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$16 = { class: "onyx-info-card__content" };
+const _hoisted_1$17 = { class: "onyx-info-card__content" };
 const _hoisted_2$T = {
   key: 3,
   class: "onyx-info-card__description onyx-text--small"
@@ -3605,7 +3607,7 @@ const _hoisted_3$A = {
   key: 4,
   class: "onyx-info-card__buttons onyx-density-compact"
 };
-function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -3617,7 +3619,7 @@ function _sfc_render$1t(_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$16, [
+      createElementVNode("div", _hoisted_1$17, [
         $setup.props.headline ? (openBlock(), createBlock($setup["OnyxHeadline"], {
           key: 0,
           is: "h3",
@@ -3672,8 +3674,8 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoCard/OnyxInfoCard.vue"]]);
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const OnyxInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoCard/OnyxInfoCard.vue"]]);
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotificationMessage",
   props: {
     headline: { type: String, required: true },
@@ -3691,7 +3693,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxInfoCard"], {
     class: normalizeClass(["onyx-component onyx-notification-message", [
       "onyx-component",
@@ -3724,7 +3726,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["class", "headline", "icon", "style", "aria-label"]);
 }
-const OnyxNotificationMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationMessage/OnyxNotificationMessage.vue"]]);
+const OnyxNotificationMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1t], ["__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;
@@ -3769,7 +3771,7 @@ const useNotification = () => {
   );
   return notificationsProvider;
 };
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotifications",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3779,15 +3781,15 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$15 = {
+const _hoisted_1$16 = {
   key: 0,
   class: "onyx-component onyx-notifications",
   role: "presentation",
   "aria-live": "polite",
   open: ""
 };
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.notificationProvider.notifications.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$15, [
+function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.notificationProvider.notifications.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$16, [
     (openBlock(true), createElementBlock(
       Fragment,
       null,
@@ -3839,8 +3841,8 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ])) : createCommentVNode("v-if", true);
 }
-const OnyxNotifications = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotifications/OnyxNotifications.vue"]]);
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const OnyxNotifications = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotifications/OnyxNotifications.vue"]]);
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "OnyxToastMessage",
   props: {
     density: { type: null, required: false },
@@ -3876,7 +3878,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$14 = { class: "onyx-toast-message__wrapper" };
+const _hoisted_1$15 = { class: "onyx-toast-message__wrapper" };
 const _hoisted_2$S = { class: "onyx-toast-message__content onyx-truncation-ellipsis" };
 const _hoisted_3$z = { class: "onyx-toast-message__headline onyx-text" };
 const _hoisted_4$n = { class: "onyx-truncation-ellipsis" };
@@ -3886,14 +3888,14 @@ const _hoisted_6$b = {
   class: "onyx-toast-message__description onyx-text--small onyx-truncation-multiline",
   tabindex: "0"
 };
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_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$14, [
+      createElementVNode("div", _hoisted_1$15, [
         $setup.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
           key: 0,
           icon: $setup.icon
@@ -3944,7 +3946,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class", "role", "aria-label"]);
 }
-const OnyxToastMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue"]]);
+const OnyxToastMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__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;
@@ -3987,7 +3989,7 @@ const useToast = () => {
   );
   return toastProvider;
 };
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "OnyxToast",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3997,15 +3999,15 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$13 = {
+const _hoisted_1$14 = {
   key: 0,
   class: "onyx-component onyx-toast",
   role: "presentation",
   "aria-live": "polite",
   open: ""
 };
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.toastProvider.toasts.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$13, [
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.toastProvider.toasts.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$14, [
     (openBlock(true), createElementBlock(
       Fragment,
       null,
@@ -4023,8 +4025,8 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ])) : createCommentVNode("v-if", true);
 }
-const OnyxToast = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToast/OnyxToast.vue"]]);
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const OnyxToast = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToast/OnyxToast.vue"]]);
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "OnyxAppLayout",
   props: {
     navBarAlignment: { type: String, required: false, default: "top" }
@@ -4038,19 +4040,19 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$12 = {
+const _hoisted_1$13 = {
   key: 0,
   class: "onyx-app__nav"
 };
 const _hoisted_2$R = { class: "onyx-app__page" };
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1p(_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$12, [
+      $setup.slots.navBar ? (openBlock(), createElementBlock("div", _hoisted_1$13, [
         renderSlot(_ctx.$slots, "navBar")
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_2$R, [
@@ -4064,8 +4066,8 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxAppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAppLayout/OnyxAppLayout.vue"]]);
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const OnyxAppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAppLayout/OnyxAppLayout.vue"]]);
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "OnyxAvatar",
   props: {
     size: { type: null, required: false, default: "48px" },
@@ -4099,13 +4101,13 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$11 = ["title", "aria-label"];
+const _hoisted_1$12 = ["title", "aria-label"];
 const _hoisted_2$Q = ["src", "alt"];
 const _hoisted_3$y = {
   key: 0,
   class: "onyx-avatar__initials"
 };
-function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("figure", {
     class: normalizeClass([
       "onyx-component",
@@ -4141,10 +4143,10 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
       64
       /* STABLE_FRAGMENT */
     ))
-  ], 10, _hoisted_1$11);
+  ], 10, _hoisted_1$12);
 }
-const OnyxAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatar/OnyxAvatar.vue"]]);
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const OnyxAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatar/OnyxAvatar.vue"]]);
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "OnyxAvatarStack",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -4153,14 +4155,14 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$10 = { class: "onyx-component onyx-avatar-stack" };
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$10, [
+const _hoisted_1$11 = { class: "onyx-component onyx-avatar-stack" };
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$11, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const OnyxAvatarStack = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatarStack/OnyxAvatarStack.vue"]]);
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const OnyxAvatarStack = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatarStack/OnyxAvatarStack.vue"]]);
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "OnyxBadge",
   props: {
     density: { type: null, required: false },
@@ -4177,7 +4179,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -4208,8 +4210,8 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBadge/OnyxBadge.vue"]]);
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const OnyxBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBadge/OnyxBadge.vue"]]);
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "OnyxBottomBar",
   props: {
     density: { type: null, required: false },
@@ -4224,10 +4226,10 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$$ = { class: "onyx-bottom-bar__content onyx-grid-container" };
+const _hoisted_1$10 = { class: "onyx-bottom-bar__content onyx-grid-container" };
 const _hoisted_2$P = { class: "onyx-bottom-bar__content--left" };
 const _hoisted_3$x = { class: "onyx-bottom-bar__content--right" };
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -4239,7 +4241,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      createElementVNode("div", _hoisted_1$$, [
+      createElementVNode("div", _hoisted_1$10, [
         createElementVNode("div", _hoisted_2$P, [
           renderSlot(_ctx.$slots, "left")
         ]),
@@ -4252,7 +4254,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxBottomBar = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBottomBar/OnyxBottomBar.vue"]]);
+const OnyxBottomBar = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBottomBar/OnyxBottomBar.vue"]]);
 const useMoreList = (options) => {
   const visibleElements = ref();
   const hiddenElements = ref();
@@ -4347,7 +4349,7 @@ const useMoreListChild = (injectionKey) => {
 };
 const BREADCRUMB_MORE_LIST_INJECTION_KEY = Symbol();
 const BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY = Symbol();
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "OnyxExternalLinkIcon",
   props: {
     href: { type: String, required: false },
@@ -4368,7 +4370,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.isVisible ? (openBlock(), createBlock($setup["OnyxIcon"], {
     key: 0,
     class: "onyx-component onyx-external-link-icon",
@@ -4376,8 +4378,8 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     size: "16px"
   }, null, 8, ["icon"])) : createCommentVNode("v-if", true);
 }
-const OnyxExternalLinkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue"]]);
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const OnyxExternalLinkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue"]]);
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "OnyxListItem",
   props: {
     density: { type: null, required: false },
@@ -4396,7 +4398,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "li",
     {
@@ -4418,8 +4420,8 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxListItem/OnyxListItem.vue"]]);
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const OnyxListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxListItem/OnyxListItem.vue"]]);
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxMenuItem",
   props: {
@@ -4498,7 +4500,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$_ = { class: "onyx-truncation-ellipsis" };
+const _hoisted_1$$ = { class: "onyx-truncation-ellipsis" };
 const _hoisted_2$O = {
   key: 0,
   class: "onyx-menu-item__chevron"
@@ -4508,7 +4510,7 @@ const _hoisted_3$w = {
   role: "menu",
   class: "onyx-menu-item__children"
 };
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OnyxMenuItem = resolveComponent("OnyxMenuItem", true);
   return openBlock(), createBlock($setup["OnyxListItem"], mergeProps({
     selected: $setup.isActive,
@@ -4529,7 +4531,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
             createElementVNode("span", null, [
               createElementVNode(
                 "span",
-                _hoisted_1$_,
+                _hoisted_1$$,
                 toDisplayString($setup.props.label),
                 1
                 /* TEXT */
@@ -4594,8 +4596,8 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["selected", "active", "color", "disabled", "class"]);
 }
-const OnyxMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue"]]);
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const OnyxMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue"]]);
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxBreadcrumbItem",
   props: {
@@ -4621,7 +4623,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     Fragment,
     null,
@@ -4681,8 +4683,8 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-const OnyxBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumbItem/OnyxBreadcrumbItem.vue"]]);
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const OnyxBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumbItem/OnyxBreadcrumbItem.vue"]]);
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "OnyxMoreList",
   props: {
     injectionKey: { type: [Symbol, Object], required: true },
@@ -4715,7 +4717,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(
     resolveDynamicComponent($setup.props.is),
     {
@@ -4755,8 +4757,8 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-const OnyxMoreList = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMoreList/OnyxMoreList.vue"]]);
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const OnyxMoreList = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMoreList/OnyxMoreList.vue"]]);
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "OnyxBreadcrumb",
   props: {
     density: { type: null, required: false },
@@ -4782,13 +4784,13 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Z = ["aria-label", "aria-hidden"];
+const _hoisted_1$_ = ["aria-label", "aria-hidden"];
 const _hoisted_2$N = {
   class: "onyx-breadcrumb__list onyx-grid-container",
   role: "menu"
 };
 const _hoisted_3$v = { ref: "moreListRef" };
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", {
     class: normalizeClass([
       "onyx-component",
@@ -4881,13 +4883,13 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
         /* FORWARDED */
       }, 8, ["injection-key"])
     ])
-  ], 10, _hoisted_1$Z);
+  ], 10, _hoisted_1$_);
 }
-const OnyxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumb/OnyxBreadcrumb.vue"]]);
+const OnyxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumb/OnyxBreadcrumb.vue"]]);
 const BUTTON_TYPES = ["button", "submit", "reset"];
 const BUTTON_COLORS = ["primary", "neutral", "danger"];
 const BUTTON_MODES = ["default", "outline", "plain"];
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "OnyxCard",
   props: {
     density: { type: null, required: false },
@@ -4906,7 +4908,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_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"]
   }), {
@@ -4917,8 +4919,8 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class"]);
 }
-const OnyxCard = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCard/OnyxCard.vue"]]);
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const OnyxCard = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCard/OnyxCard.vue"]]);
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "OnyxTooltip",
   props: {
     density: { type: null, required: false },
@@ -5073,8 +5075,8 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Y = { class: "onyx-tooltip--content" };
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$Z = { class: "onyx-tooltip--content" };
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -5090,7 +5092,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
           style: $setup.tooltipStyles
         }),
         [
-          createElementVNode("div", _hoisted_1$Y, [
+          createElementVNode("div", _hoisted_1$Z, [
             $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 0,
               icon: $setup.props.icon,
@@ -5114,8 +5116,8 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS, STYLE */
   );
 }
-const OnyxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue"]]);
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const OnyxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue"]]);
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "OnyxCalendarCell",
   props: {
     density: { type: null, required: false },
@@ -5145,7 +5147,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$X = { class: "onyx-calendar-cell__header" };
+const _hoisted_1$Y = { class: "onyx-calendar-cell__header" };
 const _hoisted_2$M = { class: "onyx-calendar-cell__date-container" };
 const _hoisted_3$u = {
   key: 1,
@@ -5155,7 +5157,7 @@ const _hoisted_4$m = {
   key: 0,
   class: "onyx-calendar-cell__main"
 };
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "td",
     {
@@ -5181,7 +5183,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
         ]
       }), {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$X, [
+          createElementVNode("div", _hoisted_1$Y, [
             createElementVNode("div", _hoisted_2$M, [
               $setup.props.tooltipText ? (openBlock(), createBlock($setup["OnyxTooltip"], {
                 key: 0,
@@ -5220,8 +5222,8 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxCalendarCell = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCalendarCell/OnyxCalendarCell.vue"]]);
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const OnyxCalendarCell = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCalendarCell/OnyxCalendarCell.vue"]]);
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "OnyxIconButton",
   props: {
     density: { type: null, required: false },
@@ -5246,7 +5248,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-icon-button-skeleton", $setup.densityClass])
@@ -5274,8 +5276,8 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["aria-label", "title", "class"]));
 }
-const OnyxIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue"]]);
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const OnyxIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue"]]);
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "OnyxTag",
   props: {
     density: { type: null, required: false },
@@ -5302,9 +5304,9 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$W = { class: "onyx-text--small onyx-truncation-ellipsis" };
+const _hoisted_1$X = { class: "onyx-text--small onyx-truncation-ellipsis" };
 const _hoisted_2$L = { class: "onyx-text--small onyx-truncation-ellipsis" };
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-tag-skeleton", $setup.densityClass])
@@ -5327,7 +5329,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
           createElementVNode(
             "span",
-            _hoisted_1$W,
+            _hoisted_1$X,
             toDisplayString($setup.props.label),
             1
             /* TEXT */
@@ -5368,10 +5370,10 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-const OnyxTag = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTag/OnyxTag.vue"]]);
-const __default__$7 = {};
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const OnyxTag = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTag/OnyxTag.vue"]]);
+const __default__$8 = {};
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   __name: "OnyxCalendar",
   props: {
     density: { type: null, required: false },
@@ -5485,12 +5487,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$V = { class: "onyx-calendar__header" };
+const _hoisted_1$W = { class: "onyx-calendar__header" };
 const _hoisted_2$K = { class: "control-container time-control-container" };
 const _hoisted_3$t = { class: "control-container" };
 const _hoisted_4$l = { class: "onyx-calendar__body" };
 const _hoisted_5$g = ["abbr"];
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     {
@@ -5511,7 +5513,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["onyx-component", "onyx-calendar", `onyx-calendar--${$setup.calendarSize}`, $setup.densityClass])
     },
     [
-      createElementVNode("div", _hoisted_1$V, [
+      createElementVNode("div", _hoisted_1$W, [
         createElementVNode("div", _hoisted_2$K, [
           createVNode($setup["OnyxSystemButton"], {
             label: $setup.t("calendar.todayButton.label"),
@@ -5651,7 +5653,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-const OnyxCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCalendar/OnyxCalendar.vue"]]);
+const OnyxCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCalendar/OnyxCalendar.vue"]]);
 const useRequired = (props, requiredMarker) => ({
   /**
    * Class that configures which type of required marker is used.
@@ -5867,7 +5869,7 @@ const formatMinMax = (locale, type, value) => {
   };
   return date.toLocaleString(locale, format);
 };
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "OnyxErrorTooltip",
   props: {
     errorMessages: { type: Object, required: false },
@@ -5883,13 +5885,13 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$U = { class: "onyx-component" };
+const _hoisted_1$V = { class: "onyx-component" };
 const _hoisted_2$J = {
   key: 0,
   ref: "targetRef"
 };
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$U, [
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$V, [
     !$setup.tooltipError || $setup.props.disabled ? (openBlock(), createElementBlock(
       "div",
       _hoisted_2$J,
@@ -5925,8 +5927,8 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["to"])) : createCommentVNode("v-if", true)
   ]);
 }
-const OnyxErrorTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue"]]);
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const OnyxErrorTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue"]]);
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxCheckbox",
   props: {
@@ -5973,10 +5975,10 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$T = ["title"];
+const _hoisted_1$U = ["title"];
 const _hoisted_2$I = { class: "onyx-checkbox__container" };
 const _hoisted_3$s = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -6055,13 +6057,13 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
           64
           /* STABLE_FRAGMENT */
         )) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$T)
+      ], 10, _hoisted_1$U)
     ]),
     _: 1
     /* STABLE */
   }, 16, ["disabled", "error-messages"]));
 }
-const OnyxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue"]]);
+const OnyxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__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)
@@ -6096,7 +6098,7 @@ const useCheckAll = (enabledOptionValues, modelValue, onChangeCallback) => {
     }
   };
 };
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "OnyxInfoTooltip",
   props: {
     text: { type: String, required: true },
@@ -6132,9 +6134,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$S = { class: "onyx-component onyx-info-tooltip" };
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$S, [
+const _hoisted_1$T = { class: "onyx-component onyx-info-tooltip" };
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1$T, [
     $setup.triggerType === "click" ? (openBlock(), createBlock($setup["OnyxTooltip"], mergeProps({ key: 0 }, $setup.tooltipProps, {
       open: $setup.isVisible,
       "onUpdate:open": _cache[0] || (_cache[0] = ($event) => $setup.isVisible = $event)
@@ -6192,8 +6194,8 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ]);
 }
-const OnyxInfoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue"]]);
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const OnyxInfoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue"]]);
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "OnyxCheckboxGroup",
   props: {
     truncation: { type: null, required: false, default: "ellipsis" },
@@ -6251,12 +6253,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$R = ["disabled", "aria-label"];
+const _hoisted_1$S = ["disabled", "aria-label"];
 const _hoisted_2$H = {
   key: 0,
   class: "onyx-checkbox-group__label"
 };
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("fieldset", {
     class: normalizeClass(["onyx-component", "onyx-checkbox-group", $setup.densityClass]),
     disabled: $setup.disabled,
@@ -6342,12 +6344,12 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     )
-  ], 10, _hoisted_1$R);
+  ], 10, _hoisted_1$S);
 }
-const OnyxCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue"]]);
+const OnyxCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue"]]);
 const CODE_TABS_INJECTION_KEY = Symbol();
 const TABS_INJECTION_KEY = Symbol();
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxTab",
   props: {
@@ -6378,9 +6380,9 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Q = ["disabled"];
+const _hoisted_1$R = ["disabled"];
 const _hoisted_2$G = { class: "onyx-tab__label" };
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     Fragment,
     null,
@@ -6410,7 +6412,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
             )
           ])
         ])
-      ], 16, _hoisted_1$Q)),
+      ], 16, _hoisted_1$R)),
       $setup.tabsContext?.panel.value ? (openBlock(), createBlock(Teleport, {
         key: 2,
         to: $setup.tabsContext?.panel.value,
@@ -6435,10 +6437,10 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-const OnyxTab = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTab/OnyxTab.vue"]]);
-const __default__$6 = {};
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const OnyxTab = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTab/OnyxTab.vue"]]);
+const __default__$7 = {};
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   __name: "OnyxCodeTab",
   props: {
     value: { type: null, required: true },
@@ -6479,7 +6481,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   key: 0,
   class: "onyx-code-tab__skeletons"
 };
@@ -6487,7 +6489,7 @@ const _hoisted_2$F = {
   key: 0,
   class: "onyx-code-tab__language onyx-text--small"
 };
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxTab"], mergeProps($setup.tabProps, {
     label: $setup.label,
     class: "onyx-code-tab",
@@ -6508,7 +6510,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     default: withCtx(() => [
-      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
+      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
         (openBlock(), createElementBlock(
           Fragment,
           null,
@@ -6552,8 +6554,8 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["label", "disabled"]);
 }
-const OnyxCodeTab = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCodeTab/OnyxCodeTab.vue"]]);
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const OnyxCodeTab = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCodeTab/OnyxCodeTab.vue"]]);
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "OnyxTabs",
   props: {
     density: { type: null, required: false },
@@ -6592,12 +6594,12 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$O = { class: "onyx-tabs__header" };
+const _hoisted_1$P = { class: "onyx-tabs__header" };
 const _hoisted_2$E = {
   key: 0,
   class: "onyx-tabs__actions"
 };
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -6610,7 +6612,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      createElementVNode("div", _hoisted_1$O, [
+      createElementVNode("div", _hoisted_1$P, [
         createElementVNode(
           "div",
           mergeProps($setup.headless.elements.tablist.value, { class: "onyx-tabs__tablist" }),
@@ -6629,10 +6631,10 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxTabs = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTabs/OnyxTabs.vue"]]);
-const __default__$5 = {};
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const OnyxTabs = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTabs/OnyxTabs.vue"]]);
+const __default__$6 = {};
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   __name: "OnyxCodeTabs",
   props: {
     skeleton: { type: Boolean, required: false },
@@ -6673,7 +6675,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxTabs"], mergeProps($setup.tabsProps, {
     modelValue: $setup.modelValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.modelValue = $event),
@@ -6706,13 +6708,13 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["modelValue", "label"]);
 }
-const OnyxCodeTabs = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCodeTabs/OnyxCodeTabs.vue"]]);
+const OnyxCodeTabs = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCodeTabs/OnyxCodeTabs.vue"]]);
 const escapeCSS = (key) => {
   const name = typeof key === "symbol" && key.description ? key.description : String(key);
   if (globalThis.window && window.CSS) return CSS.escape(name);
   return name.replace(/\W/g, "-");
 };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "OnyxEmpty",
   props: {
     density: { type: null, required: false }
@@ -6729,12 +6731,12 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$N = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" };
+const _hoisted_1$O = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" };
 const _hoisted_2$D = {
   key: 0,
   class: "onyx-empty__buttons"
 };
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -6747,7 +6749,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
           size: "48px"
         }, null, 8, ["icon"])
       ]),
-      createElementVNode("div", _hoisted_1$N, [
+      createElementVNode("div", _hoisted_1$O, [
         renderSlot(_ctx.$slots, "default")
       ]),
       !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
@@ -6758,8 +6760,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$10, [["render", _sfc_render$10], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxEmpty/OnyxEmpty.vue"]]);
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "OnyxTable",
   props: {
     density: { type: null, required: false },
@@ -6790,7 +6792,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$M = {
+const _hoisted_1$N = {
   key: 0,
   class: "onyx-table-wrapper__top"
 };
@@ -6812,7 +6814,7 @@ const _hoisted_13 = {
   key: 1,
   class: "onyx-table-wrapper__bottom"
 };
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -6820,7 +6822,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle($setup.style)
     },
     [
-      !!$setup.slots.headline || !!$setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$M, [
+      !!$setup.slots.headline || !!$setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
         createElementVNode("div", { id: $setup.headlineId }, [
           renderSlot(_ctx.$slots, "headline")
         ], 8, _hoisted_2$C),
@@ -6917,8 +6919,8 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS, 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$$, [["render", _sfc_render$$], ["__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 },
@@ -6955,7 +6957,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.tableProps, {
     "scroll-container-attrs": $setup.mergeVueProps($setup.props.scrollContainerAttrs, { style: $setup.columnStyle })
   }), createSlots({
@@ -7062,8 +7064,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$Z = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxMiniSearch",
   props: {
@@ -7103,9 +7105,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$L = ["autofocus", "placeholder", "aria-label"];
+const _hoisted_1$M = ["autofocus", "placeholder", "aria-label"];
 const _hoisted_2$B = ["aria-label"];
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -7124,7 +7126,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
         size: "1"
       }, $setup.restAttrs, {
         "aria-label": $setup.props.label
-      }), null, 16, _hoisted_1$L), [
+      }), null, 16, _hoisted_1$M), [
         [vModelText, $setup.modelValue]
       ]),
       createElementVNode("button", {
@@ -7147,11 +7149,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$Z, [["render", _sfc_render$Z], ["__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$Y = /* @__PURE__ */ defineComponent({
   __name: "HeaderCell",
   props: {
     label: { type: String, required: true }
@@ -7165,14 +7167,14 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$K = { class: "onyx-component onyx-data-grid-header-cell" };
+const _hoisted_1$L = { class: "onyx-component onyx-data-grid-header-cell" };
 const _hoisted_2$A = { class: "onyx-data-grid-header-cell__label" };
 const _hoisted_3$q = {
   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$K, [
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$L, [
     createElementVNode(
       "span",
       _hoisted_2$A,
@@ -7185,7 +7187,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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$Y, [["render", _sfc_render$Y], ["__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);
@@ -7678,169 +7680,20 @@ const formatBytesToString = (locale, bytes) => {
     unitDisplay: "narrow"
   }).format(value);
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
-  __name: "OnyxInlinePagination",
+const useErrorClass = (showError) => computed(() => {
+  if (showError.value === true) {
+    return "onyx-form-element--immediate-invalid";
+  }
+  if (showError.value === false) {
+    return "onyx-form-element--suppress-invalid";
+  }
+  return "onyx-form-element--touched-invalid";
+});
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  __name: "FormMessage",
   props: {
-    density: { type: null, required: false },
-    modelValue: { type: Number, required: true },
-    pages: { type: Number, required: true },
-    disabled: { type: Boolean, required: false },
-    skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
-    type: { type: String, required: false }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const { t } = injectI18n();
-    const { densityClass } = useDensity(props);
-    const skeleton = useSkeletonContext(props);
-    const hasReachedMin = computed(() => props.modelValue <= 1);
-    const hasReachedMax = computed(() => props.modelValue >= props.pages);
-    const displayPagesNumbers = computed(() => {
-      const currentPage = props.modelValue;
-      const totalPages = props.pages;
-      const pagesToShow = /* @__PURE__ */ new Set();
-      pagesToShow.add(1);
-      pagesToShow.add(totalPages);
-      pagesToShow.add(currentPage);
-      pagesToShow.add(currentPage - 1);
-      pagesToShow.add(currentPage + 1);
-      if (currentPage === 1) pagesToShow.add(3);
-      if (currentPage === totalPages) pagesToShow.add(totalPages - 2);
-      const uniqueSortedPages = Array.from(pagesToShow).filter((page) => page >= 1 && page <= totalPages).sort((a, b) => a - b);
-      const finalPages = [];
-      let lastPageAdded = null;
-      for (const page of uniqueSortedPages) {
-        if (lastPageAdded !== null && page > lastPageAdded + 1) {
-          finalPages.push("morePages");
-        }
-        finalPages.push(page);
-        lastPageAdded = page;
-      }
-      return finalPages;
-    });
-    const __returned__ = { props, emit, t, densityClass, skeleton, hasReachedMin, hasReachedMax, displayPagesNumbers, get iconChevronLeftSmall() {
-      return iconChevronLeftSmall;
-    }, get iconChevronRightSmall() {
-      return iconChevronRightSmall;
-    }, OnyxIcon, OnyxSkeleton, OnyxVisuallyHidden };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-const _hoisted_1$J = ["aria-label"];
-const _hoisted_2$z = ["aria-label", "disabled"];
-const _hoisted_3$p = ["aria-label", "disabled", "onClick"];
-const _hoisted_4$j = ["aria-label"];
-const _hoisted_5$e = ["aria-label", "disabled"];
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
-    key: 0,
-    class: normalizeClass([
-      "onyx-pagination-skeleton",
-      "onyx-pagination-skeleton--inline",
-      "onyx-text",
-      $setup.densityClass
-    ])
-  }, null, 8, ["class"])) : (openBlock(), createElementBlock("div", {
-    key: 1,
-    class: normalizeClass([
-      "onyx-component",
-      "onyx-pagination",
-      "onyx-pagination--inline",
-      "onyx-text",
-      $setup.densityClass
-    ]),
-    role: "group",
-    "aria-label": $setup.t("pagination.label")
-  }, [
-    createElementVNode("button", {
-      class: "onyx-pagination__navigate-button",
-      "aria-label": $setup.t("pagination.previous"),
-      type: "button",
-      disabled: $setup.props.disabled || $setup.hasReachedMin,
-      onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue - 1))
-    }, [
-      createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronLeftSmall }, null, 8, ["icon"])
-    ], 8, _hoisted_2$z),
-    (openBlock(true), createElementBlock(
-      Fragment,
-      null,
-      renderList($setup.displayPagesNumbers, (pageNumber) => {
-        return openBlock(), createElementBlock(
-          Fragment,
-          { key: pageNumber },
-          [
-            typeof pageNumber === "number" ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              class: normalizeClass([
-                "onyx-pagination__page-button",
-                { "onyx-pagination__page-button--active": pageNumber === $setup.props.modelValue }
-              ]),
-              "aria-label": $setup.t("pagination.buttonLabel", { page: pageNumber }),
-              type: "button",
-              disabled: $setup.props.disabled,
-              onClick: ($event) => $setup.emit("update:modelValue", pageNumber)
-            }, toDisplayString(pageNumber), 11, _hoisted_3$p)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(["onyx-pagination__more-pages"]),
-              "aria-label": $setup.t("pagination.morePages")
-            }, [
-              _cache[2] || (_cache[2] = createElementVNode(
-                "span",
-                { "aria-hidden": "true" },
-                "...",
-                -1
-                /* CACHED */
-              )),
-              createVNode($setup["OnyxVisuallyHidden"], null, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString($setup.t("pagination.morePages")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ], 8, _hoisted_4$j))
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        );
-      }),
-      128
-      /* KEYED_FRAGMENT */
-    )),
-    createElementVNode("button", {
-      class: "onyx-pagination__navigate-button",
-      "aria-label": $setup.t("pagination.next"),
-      type: "button",
-      disabled: $setup.props.disabled || $setup.hasReachedMax,
-      onClick: _cache[1] || (_cache[1] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue + 1))
-    }, [
-      createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronRightSmall }, null, 8, ["icon"])
-    ], 8, _hoisted_5$e)
-  ], 10, _hoisted_1$J));
-}
-const OnyxInlinePagination = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxInlinePagination.vue"]]);
-const useErrorClass = (showError) => computed(() => {
-  if (showError.value === true) {
-    return "onyx-form-element--immediate-invalid";
-  }
-  if (showError.value === false) {
-    return "onyx-form-element--suppress-invalid";
-  }
-  return "onyx-form-element--touched-invalid";
-});
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
-  __name: "FormMessage",
-  props: {
-    messages: { type: Object, required: true },
-    type: { type: String, required: true }
+    messages: { type: Object, required: true },
+    type: { type: String, required: true }
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -7850,17 +7703,17 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$I = {
+const _hoisted_1$K = {
   class: /* @__PURE__ */ normalizeClass(["onyx-truncation-ellipsis"])
 };
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$X(_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$I,
+        _hoisted_1$K,
         toDisplayString($setup.props.messages.shortMessage),
         1
         /* TEXT */
@@ -7878,8 +7731,8 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class"]);
 }
-const FormMessage = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/FormMessage.vue"]]);
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const FormMessage = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/FormMessage.vue"]]);
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "OnyxFormElement",
   props: {
     disabled: { type: [Boolean, Symbol], required: false },
@@ -7952,17 +7805,17 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$J = {
   key: 0,
   class: "onyx-form-element__label onyx-text--small"
 };
-const _hoisted_2$y = ["for"];
-const _hoisted_3$o = {
+const _hoisted_2$z = ["for"];
+const _hoisted_3$p = {
   key: 1,
   class: "onyx-form-element__footer onyx-text--small"
 };
-const _hoisted_4$i = { class: "onyx-form-element__footer-messages" };
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_4$j = { class: "onyx-form-element__footer-messages" };
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -7974,11 +7827,11 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      !$setup.props.hideLabel ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
+      !$setup.props.hideLabel ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
         createElementVNode("label", {
           for: $setup.props.id,
           class: "onyx-truncation-ellipsis"
-        }, toDisplayString($setup.props.label), 9, _hoisted_2$y),
+        }, toDisplayString($setup.props.label), 9, _hoisted_2$z),
         $setup.props.required ? (openBlock(), createElementBlock(
           "span",
           {
@@ -8009,8 +7862,8 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default", {
         id: $setup.props.id
       }),
-      $setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$o, [
-        createElementVNode("span", _hoisted_4$i, [
+      $setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$p, [
+        createElementVNode("span", _hoisted_4$j, [
           $setup.footer.errorMessages ? (openBlock(), createBlock($setup["FormMessage"], {
             key: 0,
             class: "onyx-form-element__error-message",
@@ -8049,8 +7902,8 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/OnyxFormElement.vue"]]);
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const OnyxFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/OnyxFormElement.vue"]]);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxSelectInput",
   props: {
@@ -8133,9 +7986,9 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$G = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"];
-const _hoisted_2$x = ["aria-label", "title", "disabled"];
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$I = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"];
+const _hoisted_2$y = ["aria-label", "title", "disabled"];
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -8200,7 +8053,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
               autofocus: $setup.props.autofocus,
               autocomplete: "off",
               onKeydown: $setup.blockTyping
-            }), null, 16, _hoisted_1$G), [
+            }), null, 16, _hoisted_1$I), [
               [$setup["vCustomValidity"]]
             ]),
             $setup.props.textMode === "preview" && $setup.selectionCount > 0 ? (openBlock(), createBlock($setup["OnyxTooltip"], {
@@ -8239,7 +8092,7 @@ function _sfc_render$T(_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$x),
+            ], 8, _hoisted_2$y),
             !$setup.props.hideSuccessIcon && $setup.successMessages ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 2,
               class: "onyx-select-input__check-icon",
@@ -8256,8 +8109,8 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue"]]);
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const OnyxSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue"]]);
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectOption",
   props: {
     active: { type: Boolean, required: false, default: false },
@@ -8276,8 +8129,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$F = ["checked", "aria-labelledby", "disabled", "indeterminate"];
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$H = ["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.listItemProps, {
     checked: !!_ctx.$attrs["aria-checked"],
     selected: !!_ctx.$attrs["aria-selected"],
@@ -8294,7 +8147,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
         tabindex: "-1",
         class: "onyx-select-option__checkbox",
         type: "checkbox"
-      }, null, 8, _hoisted_1$F)) : createCommentVNode("v-if", true),
+      }, null, 8, _hoisted_1$H)) : createCommentVNode("v-if", true),
       $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
         key: 1,
         icon: $setup.props.icon
@@ -8315,8 +8168,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 },
@@ -8586,24 +8439,24 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$G = {
   ref: "selectRef",
   class: "onyx-component onyx-select-wrapper"
 };
-const _hoisted_2$w = {
+const _hoisted_2$x = {
   class: "onyx-select__wrapper",
   tabindex: "-1"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 0,
   role: "group",
   class: "onyx-select__group"
 };
-const _hoisted_4$h = {
+const _hoisted_4$i = {
   role: "option",
   "aria-selected": "false"
 };
-const _hoisted_5$d = {
+const _hoisted_5$e = {
   key: 0,
   role: "presentation",
   class: "onyx-select__group-name onyx-text--small"
@@ -8620,10 +8473,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$E,
+    _hoisted_1$G,
     [
       createVNode($setup["OnyxBasicPopover"], {
         class: normalizeClass($setup.densityClass),
@@ -8642,7 +8495,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           }), null, 16, ["show-focus", "autofocus"])
         ]),
         content: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_2$w, [
+          withDirectives((openBlock(), createElementBlock("div", _hoisted_2$x, [
             $setup.props.withSearch ? (openBlock(), createBlock($setup["OnyxMiniSearch"], mergeProps({
               key: 0,
               ref: "miniSearchRef",
@@ -8657,8 +8510,8 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
               "div",
               normalizeProps(guardReactiveProps($setup.listbox)),
               [
-                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$n, [
-                  createElementVNode("li", _hoisted_4$h, [
+                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$o, [
+                  createElementVNode("li", _hoisted_4$i, [
                     renderSlot(_ctx.$slots, "empty", { defaultMessage: $setup.isEmptyMessage }, () => [
                       createVNode($setup["OnyxEmpty"], {
                         density: $setup.props.density
@@ -8727,7 +8580,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
                           [
                             group.name !== "" ? (openBlock(), createElementBlock(
                               "li",
-                              _hoisted_5$d,
+                              _hoisted_5$e,
                               toDisplayString(group.name),
                               1
                               /* TEXT */
@@ -8812,7 +8665,233 @@ 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 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 __default__$5 = {};
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
+  __name: "OnyxItemsPerPage",
+  props: {
+    density: { type: null, required: false },
+    modelValue: { type: Number, required: true },
+    options: { type: Array, required: true },
+    disabled: { type: Boolean, required: false },
+    labelAlignment: { type: String, required: false, default: "right" },
+    skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
+    hideLabel: { type: Boolean, required: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const { t } = injectI18n();
+    const { densityClass } = useDensity(props);
+    const skeleton = useSkeletonContext(props);
+    const modelValue = useVModel({
+      key: "modelValue",
+      props,
+      emit
+    });
+    const selectOptions = computed(
+      () => props.options.map((option) => ({ label: option.toString(), value: option }))
+    );
+    const id = useId();
+    const __returned__ = { props, emit, t, densityClass, skeleton, modelValue, selectOptions, id, OnyxSelect, OnyxSkeleton };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1$F = ["for"];
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
+    key: 0,
+    class: normalizeClass(["onyx-items-per-page-skeleton", "onyx-text", $setup.densityClass])
+  }, null, 8, ["class"])) : (openBlock(), createElementBlock(
+    "div",
+    {
+      key: 1,
+      class: normalizeClass([
+        "onyx-component",
+        "onyx-items-per-page",
+        { "onyx-items-per-page--reverse": $setup.props.labelAlignment === "left" },
+        $setup.densityClass
+      ]),
+      style: normalizeStyle({ "--onyx-items-per-page-character-count": $setup.modelValue.toString().length })
+    },
+    [
+      createVNode($setup["OnyxSelect"], {
+        id: $setup.id,
+        modelValue: $setup.modelValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.modelValue = $event),
+        options: $setup.selectOptions,
+        disabled: $setup.props.disabled,
+        "hide-label": "",
+        "with-search": "",
+        label: $setup.t("itemsPerPage.label"),
+        "list-label": $setup.t("itemsPerPage.select.listLabel"),
+        class: "onyx-items-per-page__select",
+        alignment: $setup.props.labelAlignment === "right" || $setup.props.hideLabel ? "left" : "right"
+      }, null, 8, ["id", "modelValue", "options", "disabled", "label", "list-label", "alignment"]),
+      !$setup.props.hideLabel ? (openBlock(), createElementBlock("label", {
+        key: 0,
+        for: $setup.id,
+        class: normalizeClass(["onyx-items-per-page__label", "onyx-truncation-ellipsis"])
+      }, toDisplayString($setup.t("itemsPerPage.label")), 9, _hoisted_1$F)) : createCommentVNode("v-if", true)
+    ],
+    6
+    /* CLASS, STYLE */
+  ));
+}
+const OnyxItemsPerPage = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxItemsPerPage/OnyxItemsPerPage.vue"]]);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  __name: "OnyxInlinePagination",
+  props: {
+    density: { type: null, required: false },
+    modelValue: { type: Number, required: true },
+    pages: { type: Number, required: true },
+    disabled: { type: Boolean, required: false },
+    skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
+    type: { type: String, required: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const { t } = injectI18n();
+    const { densityClass } = useDensity(props);
+    const skeleton = useSkeletonContext(props);
+    const hasReachedMin = computed(() => props.modelValue <= 1);
+    const hasReachedMax = computed(() => props.modelValue >= props.pages);
+    const displayPagesNumbers = computed(() => {
+      const currentPage = props.modelValue;
+      const totalPages = props.pages;
+      const pagesToShow = /* @__PURE__ */ new Set();
+      pagesToShow.add(1);
+      pagesToShow.add(totalPages);
+      pagesToShow.add(currentPage);
+      pagesToShow.add(currentPage - 1);
+      pagesToShow.add(currentPage + 1);
+      if (currentPage === 1) pagesToShow.add(3);
+      if (currentPage === totalPages) pagesToShow.add(totalPages - 2);
+      const uniqueSortedPages = Array.from(pagesToShow).filter((page) => page >= 1 && page <= totalPages).sort((a, b) => a - b);
+      const finalPages = [];
+      let lastPageAdded = null;
+      for (const page of uniqueSortedPages) {
+        if (lastPageAdded !== null && page > lastPageAdded + 1) {
+          finalPages.push("morePages");
+        }
+        finalPages.push(page);
+        lastPageAdded = page;
+      }
+      return finalPages;
+    });
+    const __returned__ = { props, emit, t, densityClass, skeleton, hasReachedMin, hasReachedMax, displayPagesNumbers, get iconChevronLeftSmall() {
+      return iconChevronLeftSmall;
+    }, get iconChevronRightSmall() {
+      return iconChevronRightSmall;
+    }, OnyxIcon, OnyxSkeleton, OnyxVisuallyHidden };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1$E = ["aria-label"];
+const _hoisted_2$w = ["aria-label", "disabled"];
+const _hoisted_3$n = ["aria-label", "disabled", "onClick"];
+const _hoisted_4$h = ["aria-label"];
+const _hoisted_5$d = ["aria-label", "disabled"];
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
+    key: 0,
+    class: normalizeClass([
+      "onyx-pagination-skeleton",
+      "onyx-pagination-skeleton--inline",
+      "onyx-text",
+      $setup.densityClass
+    ])
+  }, null, 8, ["class"])) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass([
+      "onyx-component",
+      "onyx-pagination",
+      "onyx-pagination--inline",
+      "onyx-text",
+      $setup.densityClass
+    ]),
+    role: "group",
+    "aria-label": $setup.t("pagination.label")
+  }, [
+    createElementVNode("button", {
+      class: "onyx-pagination__navigate-button",
+      "aria-label": $setup.t("pagination.previous"),
+      type: "button",
+      disabled: $setup.props.disabled || $setup.hasReachedMin,
+      onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue - 1))
+    }, [
+      createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronLeftSmall }, null, 8, ["icon"])
+    ], 8, _hoisted_2$w),
+    (openBlock(true), createElementBlock(
+      Fragment,
+      null,
+      renderList($setup.displayPagesNumbers, (pageNumber) => {
+        return openBlock(), createElementBlock(
+          Fragment,
+          { key: pageNumber },
+          [
+            typeof pageNumber === "number" ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              class: normalizeClass([
+                "onyx-pagination__page-button",
+                { "onyx-pagination__page-button--active": pageNumber === $setup.props.modelValue }
+              ]),
+              "aria-label": $setup.t("pagination.buttonLabel", { page: pageNumber }),
+              type: "button",
+              disabled: $setup.props.disabled,
+              onClick: ($event) => $setup.emit("update:modelValue", pageNumber)
+            }, toDisplayString(pageNumber), 11, _hoisted_3$n)) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(["onyx-pagination__more-pages"]),
+              "aria-label": $setup.t("pagination.morePages")
+            }, [
+              _cache[2] || (_cache[2] = createElementVNode(
+                "span",
+                { "aria-hidden": "true" },
+                "...",
+                -1
+                /* CACHED */
+              )),
+              createVNode($setup["OnyxVisuallyHidden"], null, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString($setup.t("pagination.morePages")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ], 8, _hoisted_4$h))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        );
+      }),
+      128
+      /* KEYED_FRAGMENT */
+    )),
+    createElementVNode("button", {
+      class: "onyx-pagination__navigate-button",
+      "aria-label": $setup.t("pagination.next"),
+      type: "button",
+      disabled: $setup.props.disabled || $setup.hasReachedMax,
+      onClick: _cache[1] || (_cache[1] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue + 1))
+    }, [
+      createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronRightSmall }, null, 8, ["icon"])
+    ], 8, _hoisted_5$d)
+  ], 10, _hoisted_1$E));
+}
+const OnyxInlinePagination = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxInlinePagination.vue"]]);
 const pageSize = 100;
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectPagination",
@@ -9083,6 +9162,7 @@ const usePagination = (options = {}) => createFeature((ctx) => {
   );
   const isLastPage = computed(() => state.value.current >= state.value.pages);
   const loading = computed(() => options.loading?.value ?? false);
+  const skeleton = computed(() => ctx.skeleton.value && !shouldShowPagination.value);
   const type = options.type ?? "select";
   const scrollContainer = ref();
   const { vScrollEnd, isScrollEnd } = useScrollEnd({
@@ -9163,17 +9243,32 @@ const usePagination = (options = {}) => createFeature((ctx) => {
     slots: {
       pagination: () => {
         if (!isEnabled.value() || type !== "select") return [];
-        const skeleton = ctx.skeleton.value && !shouldShowPagination.value;
-        if (!shouldShowPagination.value && !skeleton) return [];
+        if (!shouldShowPagination.value && !skeleton.value) return [];
         return [
           h(OnyxPagination, {
             modelValue: state.value.current,
             pages: state.value.pages,
             disabled: isDisabled.value,
-            skeleton,
+            skeleton: skeleton.value,
             "onUpdate:modelValue": (newPage) => state.value.current = newPage
           })
         ];
+      },
+      bottomLeft: () => {
+        if (!isEnabled.value() || !options.itemsPerPage?.length) return [];
+        if (!shouldShowPagination.value && !skeleton.value) return [];
+        return [
+          h(OnyxItemsPerPage, {
+            modelValue: state.value.pageSize,
+            options: options.itemsPerPage,
+            disabled: isDisabled.value,
+            skeleton: skeleton.value,
+            "onUpdate:modelValue": (newPageSize) => {
+              state.value.pageSize = newPageSize;
+              state.value.current = 1;
+            }
+          })
+        ];
       }
     },
     scrollContainerAttributes: () => ({
@@ -16280,6 +16375,7 @@ export {
   OnyxGlobalSearch as OnyxUnstableGlobalSearch,
   OnyxGlobalSearchGroup as OnyxUnstableGlobalSearchGroup,
   OnyxGlobalSearchOption as OnyxUnstableGlobalSearchOption,
+  OnyxItemsPerPage as OnyxUnstableItemsPerPage,
   OnyxSlider as OnyxUnstableSlider,
   OnyxSliderControl as OnyxUnstableSliderControl,
   OnyxTimepicker as OnyxUnstableTimepicker,