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

sit-onyx 1.6.0-dev-20251216104923 → 1.6.0-dev-20251217080736

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 (15) hide show

package/dist/components/OnyxSelect/OnyxSelect.d.vue.ts +8 -0
package/dist/components/OnyxSelectInput/OnyxSelectInput.d.vue.ts +11 -1
package/dist/components/OnyxTimepicker/OnyxTimeInput.d.vue.ts +129 -0
package/dist/components/OnyxTimepicker/OnyxTimeSelect.d.vue.ts +10 -0
package/dist/components/OnyxTimepicker/OnyxTimepicker.d.vue.ts +6 -123
package/dist/components/OnyxTimepicker/OnyxTimepickerInput.d.vue.ts +2 -2
package/dist/components/OnyxTimepicker/types.d.ts +42 -5
package/dist/i18n/locales/de-DE.json +2 -1
package/dist/i18n/locales/en-US.json +2 -1
package/dist/i18n/locales/en-US.json.d.ts +2 -1
package/dist/index.esm-bundler.js +857 -618
package/dist/index.esm-bundler.js.map +1 -1
package/dist/index.js +3288 -3119
package/dist/style.css +1 -1
package/package.json +2 -2

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

@@ -6,8 +6,8 @@ const useDensity = (props) => ({
 });
 const USER_DEV = process.env.NODE_ENV === "development";
 const userConsole = USER_DEV === true ? globalThis.console : void 0;
-const SKELETON_INJECTION_KEY = Symbol();
-const SKELETON_INJECTED_SYMBOL = Symbol("SKELETON_INJECTED_SYMBOL");
+const SKELETON_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const SKELETON_INJECTED_SYMBOL = /* @__PURE__ */ Symbol("SKELETON_INJECTED_SYMBOL");
 const createSkeletonInjectionContext = (parentElementProps) => (props) => computed(() => {
   if (typeof props.skeleton !== "symbol") {
     return props.skeleton;
@@ -47,9 +47,9 @@ const useVModel = (options) => {
   });
   return value;
 };
-const ACCORDION_INJECTION_KEY = Symbol();
+const ACCORDION_INJECTION_KEY = /* @__PURE__ */ Symbol();
 const ACCORDION_TYPES = ["default", "nested-large", "nested-small", "card"];
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   __name: "OnyxAccordion",
   props: {
     density: { type: null, required: false },
@@ -119,7 +119,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -137,7 +137,7 @@ function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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 OnyxAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1S], ["__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$1P = /* @__PURE__ */ defineComponent({
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   __name: "OnyxIcon",
   props: {
     size: { type: null, required: false },
@@ -166,8 +166,8 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1m = ["innerHTML"];
-function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1n = ["innerHTML"];
+function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("figure", {
     class: normalizeClass({
       "onyx-component": true,
@@ -178,9 +178,9 @@ function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     "aria-hidden": "true",
     innerHTML: $setup.props.icon
-  }, null, 10, _hoisted_1$1m);
+  }, null, 10, _hoisted_1$1n);
 }
-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 OnyxIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1R], ["__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$1O = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   __name: "OnyxSkeleton",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -206,15 +206,15 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1l = {
+const _hoisted_1$1m = {
   "aria-hidden": "true",
   class: "onyx-component onyx-skeleton"
 };
-function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("figure", _hoisted_1$1l);
+function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("figure", _hoisted_1$1m);
 }
-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({
+const OnyxSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1Q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSkeleton/OnyxSkeleton.vue"]]);
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   __name: "OnyxAccordionItem",
   props: {
     density: { type: null, required: false },
@@ -251,11 +251,11 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1k = ["open"];
+const _hoisted_1$1l = ["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$1N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1P(_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$1N(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 8, _hoisted_4$p)
-  ], 10, _hoisted_1$1k));
+  ], 10, _hoisted_1$1l));
 }
-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 OnyxAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1P], ["__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" },
@@ -359,7 +359,7 @@ const flyoutMenu = { "moreActions": "More actions", "toggleActions": { "click":
 const slider = { "decreaseValueBy": "Decrease value by {n}", "increaseValueBy": "Increase value by {n}", "changeValue": "Change value", "changeStartValue": "Change start value", "changeEndValue": "Change end value" };
 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 timepicker = { "placeholder": { "hour": "HH", "minute": "MM", "second": "SS" }, "labels": { "iconButton": "Open Timepicker", "popover": "Timepicker Popover", "hour": "Hour", "minute": "Minute", "second": "Second", "listLabel": "Time options" } };
 const itemsPerPage = { "label": "Items per page", "select": { "listLabel": "Select number of items per page" } };
 const enUS = {
   yes,
@@ -403,7 +403,7 @@ const enUS = {
 const NUMBER_FORMATS = {
   decimal: { style: "decimal" }
 };
-const I18N_INJECTION_KEY = Symbol();
+const I18N_INJECTION_KEY = /* @__PURE__ */ Symbol();
 const createI18n = (options = {}) => {
   const locale = readonly(toRef(options?.locale ?? "en-US"));
   const messages = computed(() => {
@@ -1878,7 +1878,7 @@ const createTooltip = createBuilder(({ debounce: debounce2, isVisible }) => {
     }
   };
 });
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   __name: "OnyxBasicDialog",
   props: {
     density: { type: null, required: false },
@@ -1939,12 +1939,12 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1j = ["aria-modal", "aria-label", "role"];
+const _hoisted_1$1k = ["aria-modal", "aria-label", "role"];
 const _hoisted_2$X = {
   ref: "contentRef",
   class: "onyx-basic-dialog__content"
 };
-function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.props.open ? (openBlock(), createElementBlock("dialog", {
     key: 0,
     ref: "dialogRef",
@@ -1970,9 +1970,9 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
       512
       /* NEED_PATCH */
     )
-  ], 42, _hoisted_1$1j)) : createCommentVNode("v-if", true);
+  ], 42, _hoisted_1$1k)) : createCommentVNode("v-if", true);
 }
-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 OnyxBasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1O], ["__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());
@@ -2053,8 +2053,8 @@ const normalizeHref = (href) => {
   if (value === "/") return value;
   return value.replace(/\/+$/, "");
 };
-const ROUTER_INJECTION_KEY = Symbol();
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+const ROUTER_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   __name: "OnyxVisuallyHidden",
   props: {
     is: { type: String, required: false, default: "span" }
@@ -2067,7 +2067,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent($setup.props.is), { class: "onyx-component onyx-visually-hidden" }, {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -2076,8 +2076,8 @@ function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   });
 }
-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({
+const OnyxVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1N], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue"]]);
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   __name: "OnyxRouterLink",
   props: {
     href: { type: String, required: true },
@@ -2093,8 +2093,8 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1i = ["href", "target", "rel"];
-function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1j = ["href", "target", "rel"];
+function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("a", {
     class: normalizeClass([
       "onyx-component",
@@ -2118,10 +2118,10 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
       /* STABLE */
     })) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$1i);
+  ], 10, _hoisted_1$1j);
 }
-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({
+const OnyxRouterLink = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1M], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRouterLink/OnyxRouterLink.vue"]]);
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "OnyxHeadline",
   props: {
     is: { type: null, required: true },
@@ -2146,7 +2146,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1L(_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}`])
@@ -2186,7 +2186,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["id", "class"]));
 }
-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 OnyxHeadline = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxHeadline/OnyxHeadline.vue"]]);
 const useAutofocus = (inputRef, props) => {
   if (!props.autofocus) {
     return;
@@ -2203,8 +2203,8 @@ const useAutofocus = (inputRef, props) => {
     );
   });
 };
-const FORM_INJECTION_KEY = Symbol();
-const FORM_INJECTED_SYMBOL = Symbol("FORM_INJECTED_SYMBOL");
+const FORM_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const FORM_INJECTED_SYMBOL = /* @__PURE__ */ Symbol("FORM_INJECTED_SYMBOL");
 const createCompute = (formProps, props, key, defaultValue) => computed(() => {
   const prop = props.value[key];
   if (prop != void 0 && typeof prop !== "symbol") {
@@ -2237,7 +2237,7 @@ const useFormContext = (props) => {
     DEFAULT_FORM_INJECTION_CONTEXT
   )(toRef(props));
 };
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   __name: "ButtonOrLinkLayout",
   props: {
     disabled: { type: [Boolean, Symbol], required: false },
@@ -2260,8 +2260,8 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1h = ["disabled", "type", "autofocus"];
-function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1i = ["disabled", "type", "autofocus"];
+function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.linkProps ? (openBlock(), createBlock(
     $setup["OnyxRouterLink"],
     normalizeProps(mergeProps({ key: 0 }, $setup.linkProps)),
@@ -2282,10 +2282,10 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     autofocus: $setup.props.autofocus
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1$1h));
+  ], 8, _hoisted_1$1i));
 }
-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({
+const ButtonOrLinkLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/ButtonOrLinkLayout.vue"]]);
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "OnyxSystemButton",
   props: {
     disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
@@ -2306,11 +2306,11 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1g = {
+const _hoisted_1$1h = {
   key: 1,
   class: "onyx-truncation-ellipsis"
 };
-function _sfc_render$1H(_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-system-button-skeleton", $setup.props.icon ? "" : "onyx-system-button-skeleton--text"])
@@ -2326,7 +2326,7 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
         icon: $setup.props.icon
       }, null, 8, ["icon"])) : (openBlock(), createElementBlock(
         "span",
-        _hoisted_1$1g,
+        _hoisted_1$1h,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -2336,8 +2336,8 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["class", "aria-label", "title"]));
 }
-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({
+const OnyxSystemButton = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSystemButton/OnyxSystemButton.vue"]]);
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "OnyxAlertModal",
   props: {
     density: { type: null, required: false },
@@ -2362,11 +2362,11 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1f = { class: "onyx-alert-modal__content" };
+const _hoisted_1$1g = { 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$1G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps({
     class: ["onyx-alert-modal", $setup.densityClass]
   }, $setup.dialogProps, {
@@ -2376,7 +2376,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.emit("update:open", $event))
   }), {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$1f, [
+      createElementVNode("div", _hoisted_1$1g, [
         $setup.props.icon ? (openBlock(), createBlock(
           $setup["OnyxIcon"],
           mergeProps({
@@ -2427,7 +2427,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class", "aria-describedby"]);
 }
-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 OnyxAlertModal = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAlertModal/OnyxAlertModal.vue"]]);
 const useRootAttrs = () => {
   const attrs = useAttrs();
   const rootAttrs = computed(
@@ -2450,7 +2450,7 @@ const useRootAttrs = () => {
     restAttrs
   };
 };
-const MERGED_REFS_SYMBOL = Symbol("MERGED_REFS");
+const MERGED_REFS_SYMBOL = /* @__PURE__ */ Symbol("MERGED_REFS");
 const createMergedRef = (...toMerge) => {
   let value;
   const _ref = customRef((track, trigger) => {
@@ -2509,7 +2509,7 @@ const mergeVueProps = (...args) => args.reduce((prev, curr) => {
   merged.ref = mergedRef;
   return merged;
 }, {});
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   __name: "OnyxFABButton",
   props: {
     density: { type: null, required: false },
@@ -2529,11 +2529,11 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1e = {
+const _hoisted_1$1f = {
   key: 1,
   class: "onyx-fab-button__label"
 };
-function _sfc_render$1F(_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-fab-button-skeleton", $setup.densityClass])
@@ -2551,7 +2551,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
       !$setup.props.hideLabel ? (openBlock(), createElementBlock(
         "span",
-        _hoisted_1$1e,
+        _hoisted_1$1f,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -2561,7 +2561,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class", "title", "aria-label", "link"]));
 }
-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 OnyxFABButton = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1H], ["__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);
@@ -2873,7 +2873,7 @@ function useSticky(options) {
   });
   return { stickyStyles, scrolledOut, isSticky, checkVisibilityOnScroll };
 }
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "OnyxBasicPopover",
   props: {
     label: { type: String, required: true },
@@ -3031,8 +3031,8 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1d = ["role", "aria-label"];
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1e = ["role", "aria-label"];
+function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -3051,14 +3051,14 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(!$setup.isSticky ? $setup.popoverStyles : $setup.stickyStyles)
       }, [
         renderSlot(_ctx.$slots, "content")
-      ], 14, _hoisted_1$1d)
+      ], 14, _hoisted_1$1e)
     ],
     4
     /* STYLE */
   );
 }
-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({
+const OnyxBasicPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicPopover/OnyxBasicPopover.vue"]]);
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "OnyxFlyoutMenu",
   props: {
     alignment: { type: String, required: false, default: "auto" },
@@ -3100,9 +3100,9 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$1c = { class: "onyx-flyout-menu__list-header" };
+const _hoisted_1$1d = { class: "onyx-flyout-menu__list-header" };
 const _hoisted_2$V = { class: "onyx-flyout-menu__list-footer" };
-function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1F(_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,
@@ -3111,7 +3111,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $props.disabled
   }), createSlots({
     content: withCtx(() => [
-      createElementVNode("div", _hoisted_1$1c, [
+      createElementVNode("div", _hoisted_1$1d, [
         renderSlot(_ctx.$slots, "header")
       ]),
       $setup.slots.options ? (openBlock(), createElementBlock(
@@ -3144,8 +3144,8 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["open", "label", "alignment", "disabled"]);
 }
-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({
+const OnyxFlyoutMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue"]]);
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   __name: "OnyxFAB",
   props: {
     density: { type: null, required: false },
@@ -3184,7 +3184,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   return !$setup.hasOptions || $setup.skeleton ? (openBlock(), createBlock($setup["OnyxFABButton"], mergeProps({
     key: 0,
     class: ["onyx-fab", `onyx-fab--${$setup.props.alignment}`]
@@ -3214,8 +3214,8 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["open", "label", "class", "alignment"]));
 }
-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({
+const OnyxFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFAB/OnyxFAB.vue"]]);
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   __name: "OnyxFABItem",
   props: {
     density: { type: null, required: false },
@@ -3238,7 +3238,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "li",
     mergeProps({
@@ -3253,8 +3253,8 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-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 OnyxFABItem = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABItem/OnyxFABItem.vue"]]);
+const GLOBAL_FAB_PROVIDER_INJECTION_KEY = /* @__PURE__ */ Symbol();
 const createGlobalFABProvider = () => {
   const items = shallowRef([]);
   const add = (item) => {
@@ -3290,7 +3290,7 @@ const useGlobalFAB = () => {
   );
   return globalFABProvider;
 };
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "OnyxGlobalFAB",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3304,7 +3304,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_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)),
@@ -3339,14 +3339,14 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["label", "alignment"])) : createCommentVNode("v-if", true);
 }
-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 = {
+const OnyxGlobalFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalFAB/OnyxGlobalFAB.vue"]]);
+const _sfc_main$1B = {};
+const _hoisted_1$1c = {
   class: "onyx-component onyx-circle-spinner",
   viewBox: "0 0 50 50"
 };
-function _sfc_render$1z(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1b, [..._cache[0] || (_cache[0] = [
+function _sfc_render$1B(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1c, [..._cache[0] || (_cache[0] = [
     createElementVNode(
       "circle",
       {
@@ -3361,11 +3361,11 @@ function _sfc_render$1z(_ctx, _cache) {
     )
   ])]);
 }
-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] = [
+const OnyxCircleSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue"]]);
+const _sfc_main$1A = {};
+const _hoisted_1$1b = { class: "onyx-component onyx-loading-dots" };
+function _sfc_render$1A(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1b, [..._cache[0] || (_cache[0] = [
     createElementVNode(
       "span",
       { class: "onyx-loading-dots__center" },
@@ -3375,8 +3375,8 @@ function _sfc_render$1y(_ctx, _cache) {
     )
   ])]);
 }
-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({
+const OnyxLoadingDots = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingDots.vue"]]);
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "OnyxLoadingIndicator",
   props: {
     type: { type: String, required: false, default: "dots" }
@@ -3389,10 +3389,10 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1z(_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$1x, [["render", _sfc_render$1x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue"]]);
+const OnyxLoadingIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1z], ["__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());
@@ -3439,7 +3439,7 @@ const useRipple = (container) => {
   });
   return { isPointerDown, ripples, startRipple, hideRipples, hideRipple, events };
 };
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "OnyxRipple",
   setup(__props, { expose: __expose }) {
     const rippleTrigger = useTemplateRef("rippleTriggerRef");
@@ -3452,16 +3452,16 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$19 = {
+const _hoisted_1$1a = {
   ref: "rippleTriggerRef",
   class: "onyx-component onyx-ripple",
   "aria-hidden": "true"
 };
 const _hoisted_2$U = ["data-rippleid"];
-function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "span",
-    _hoisted_1$19,
+    _hoisted_1$1a,
     [
       (openBlock(true), createElementBlock(
         Fragment,
@@ -3486,8 +3486,8 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-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({
+const OnyxRipple = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRipple/OnyxRipple.vue"]]);
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "OnyxButton",
   props: {
     density: { type: null, required: false },
@@ -3517,8 +3517,8 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$18 = { class: "onyx-button__label onyx-truncation-ellipsis" };
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$19 = { class: "onyx-button__label onyx-truncation-ellipsis" };
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-button-skeleton", $setup.densityClass])
@@ -3555,7 +3555,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("v-if", true),
       createElementVNode(
         "span",
-        _hoisted_1$18,
+        _hoisted_1$19,
         toDisplayString($setup.props.label),
         1
         /* TEXT */
@@ -3570,8 +3570,8 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["class", "aria-label"]));
 }
-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({
+const OnyxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue"]]);
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "OnyxInfoCard",
   props: {
     density: { type: null, required: false },
@@ -3598,7 +3598,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$17 = { class: "onyx-info-card__content" };
+const _hoisted_1$18 = { class: "onyx-info-card__content" };
 const _hoisted_2$T = {
   key: 3,
   class: "onyx-info-card__description onyx-text--small"
@@ -3607,7 +3607,7 @@ const _hoisted_3$A = {
   key: 4,
   class: "onyx-info-card__buttons onyx-density-compact"
 };
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -3619,7 +3619,7 @@ function _sfc_render$1u(_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$17, [
+      createElementVNode("div", _hoisted_1$18, [
         $setup.props.headline ? (openBlock(), createBlock($setup["OnyxHeadline"], {
           key: 0,
           is: "h3",
@@ -3674,8 +3674,8 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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({
+const OnyxInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoCard/OnyxInfoCard.vue"]]);
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotificationMessage",
   props: {
     headline: { type: String, required: true },
@@ -3693,7 +3693,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxInfoCard"], {
     class: normalizeClass(["onyx-component onyx-notification-message", [
       "onyx-component",
@@ -3726,8 +3726,8 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["class", "headline", "icon", "style", "aria-label"]);
 }
-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 OnyxNotificationMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationMessage/OnyxNotificationMessage.vue"]]);
+const NOTIFICATIONS_PROVIDER_INJECTION_KEY = /* @__PURE__ */ Symbol();
 const createNotificationsProvider = () => {
   let nextId = 1;
   const notifications = ref([]);
@@ -3771,7 +3771,7 @@ const useNotification = () => {
   );
   return notificationsProvider;
 };
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotifications",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3781,15 +3781,15 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$16 = {
+const _hoisted_1$17 = {
   key: 0,
   class: "onyx-component onyx-notifications",
   role: "presentation",
   "aria-live": "polite",
   open: ""
 };
-function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.notificationProvider.notifications.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$16, [
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.notificationProvider.notifications.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$17, [
     (openBlock(true), createElementBlock(
       Fragment,
       null,
@@ -3841,8 +3841,8 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ])) : createCommentVNode("v-if", true);
 }
-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({
+const OnyxNotifications = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotifications/OnyxNotifications.vue"]]);
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "OnyxToastMessage",
   props: {
     density: { type: null, required: false },
@@ -3878,24 +3878,24 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$15 = { class: "onyx-toast-message__wrapper" };
+const _hoisted_1$16 = { 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" };
 const _hoisted_5$h = ["aria-label"];
-const _hoisted_6$b = {
+const _hoisted_6$c = {
   key: 0,
   class: "onyx-toast-message__description onyx-text--small onyx-truncation-multiline",
   tabindex: "0"
 };
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1t(_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$15, [
+      createElementVNode("div", _hoisted_1$16, [
         $setup.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
           key: 0,
           icon: $setup.icon
@@ -3921,7 +3921,7 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           $setup.props.description ? (openBlock(), createElementBlock(
             "p",
-            _hoisted_6$b,
+            _hoisted_6$c,
             toDisplayString($setup.props.description),
             1
             /* TEXT */
@@ -3946,8 +3946,8 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class", "role", "aria-label"]);
 }
-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 OnyxToastMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue"]]);
+const TOAST_PROVIDER_INJECTION_KEY = /* @__PURE__ */ Symbol();
 const createToastProvider = () => {
   let nextId = 1;
   const toasts = ref([]);
@@ -3989,7 +3989,7 @@ const useToast = () => {
   );
   return toastProvider;
 };
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "OnyxToast",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3999,15 +3999,15 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$14 = {
+const _hoisted_1$15 = {
   key: 0,
   class: "onyx-component onyx-toast",
   role: "presentation",
   "aria-live": "polite",
   open: ""
 };
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.toastProvider.toasts.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$14, [
+function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.toastProvider.toasts.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$15, [
     (openBlock(true), createElementBlock(
       Fragment,
       null,
@@ -4025,8 +4025,8 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ])) : createCommentVNode("v-if", true);
 }
-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({
+const OnyxToast = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToast/OnyxToast.vue"]]);
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "OnyxAppLayout",
   props: {
     navBarAlignment: { type: String, required: false, default: "top" }
@@ -4040,19 +4040,19 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$13 = {
+const _hoisted_1$14 = {
   key: 0,
   class: "onyx-app__nav"
 };
 const _hoisted_2$R = { class: "onyx-app__page" };
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_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$13, [
+      $setup.slots.navBar ? (openBlock(), createElementBlock("div", _hoisted_1$14, [
         renderSlot(_ctx.$slots, "navBar")
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_2$R, [
@@ -4066,8 +4066,8 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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({
+const OnyxAppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAppLayout/OnyxAppLayout.vue"]]);
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "OnyxAvatar",
   props: {
     size: { type: null, required: false, default: "48px" },
@@ -4101,13 +4101,13 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$12 = ["title", "aria-label"];
+const _hoisted_1$13 = ["title", "aria-label"];
 const _hoisted_2$Q = ["src", "alt"];
 const _hoisted_3$y = {
   key: 0,
   class: "onyx-avatar__initials"
 };
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("figure", {
     class: normalizeClass([
       "onyx-component",
@@ -4143,10 +4143,10 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
       64
       /* STABLE_FRAGMENT */
     ))
-  ], 10, _hoisted_1$12);
+  ], 10, _hoisted_1$13);
 }
-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({
+const OnyxAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatar/OnyxAvatar.vue"]]);
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "OnyxAvatarStack",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -4155,14 +4155,14 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-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, [
+const _hoisted_1$12 = { class: "onyx-component onyx-avatar-stack" };
+function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$12, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-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({
+const OnyxAvatarStack = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatarStack/OnyxAvatarStack.vue"]]);
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "OnyxBadge",
   props: {
     density: { type: null, required: false },
@@ -4179,7 +4179,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -4210,8 +4210,8 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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({
+const OnyxBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBadge/OnyxBadge.vue"]]);
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "OnyxBottomBar",
   props: {
     density: { type: null, required: false },
@@ -4226,10 +4226,10 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$10 = { class: "onyx-bottom-bar__content onyx-grid-container" };
+const _hoisted_1$11 = { 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$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -4241,7 +4241,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      createElementVNode("div", _hoisted_1$10, [
+      createElementVNode("div", _hoisted_1$11, [
         createElementVNode("div", _hoisted_2$P, [
           renderSlot(_ctx.$slots, "left")
         ]),
@@ -4254,7 +4254,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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 OnyxBottomBar = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBottomBar/OnyxBottomBar.vue"]]);
 const useMoreList = (options) => {
   const visibleElements = ref();
   const hiddenElements = ref();
@@ -4347,9 +4347,9 @@ const useMoreListChild = (injectionKey) => {
     isVisible
   };
 };
-const BREADCRUMB_MORE_LIST_INJECTION_KEY = Symbol();
-const BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY = Symbol();
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const BREADCRUMB_MORE_LIST_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "OnyxExternalLinkIcon",
   props: {
     href: { type: String, required: false },
@@ -4370,7 +4370,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.isVisible ? (openBlock(), createBlock($setup["OnyxIcon"], {
     key: 0,
     class: "onyx-component onyx-external-link-icon",
@@ -4378,8 +4378,8 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     size: "16px"
   }, null, 8, ["icon"])) : createCommentVNode("v-if", true);
 }
-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({
+const OnyxExternalLinkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue"]]);
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "OnyxListItem",
   props: {
     density: { type: null, required: false },
@@ -4398,7 +4398,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "li",
     {
@@ -4420,8 +4420,8 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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({
+const OnyxListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxListItem/OnyxListItem.vue"]]);
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxMenuItem",
   props: {
@@ -4500,7 +4500,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$$ = { class: "onyx-truncation-ellipsis" };
+const _hoisted_1$10 = { class: "onyx-truncation-ellipsis" };
 const _hoisted_2$O = {
   key: 0,
   class: "onyx-menu-item__chevron"
@@ -4510,7 +4510,7 @@ const _hoisted_3$w = {
   role: "menu",
   class: "onyx-menu-item__children"
 };
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OnyxMenuItem = resolveComponent("OnyxMenuItem", true);
   return openBlock(), createBlock($setup["OnyxListItem"], mergeProps({
     selected: $setup.isActive,
@@ -4531,7 +4531,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
             createElementVNode("span", null, [
               createElementVNode(
                 "span",
-                _hoisted_1$$,
+                _hoisted_1$10,
                 toDisplayString($setup.props.label),
                 1
                 /* TEXT */
@@ -4596,8 +4596,8 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["selected", "active", "color", "disabled", "class"]);
 }
-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({
+const OnyxMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue"]]);
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxBreadcrumbItem",
   props: {
@@ -4623,7 +4623,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     Fragment,
     null,
@@ -4683,8 +4683,8 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-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({
+const OnyxBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumbItem/OnyxBreadcrumbItem.vue"]]);
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "OnyxMoreList",
   props: {
     injectionKey: { type: [Symbol, Object], required: true },
@@ -4717,7 +4717,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(
     resolveDynamicComponent($setup.props.is),
     {
@@ -4757,8 +4757,8 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-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({
+const OnyxMoreList = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMoreList/OnyxMoreList.vue"]]);
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "OnyxBreadcrumb",
   props: {
     density: { type: null, required: false },
@@ -4784,13 +4784,13 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$_ = ["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$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", {
     class: normalizeClass([
       "onyx-component",
@@ -4883,13 +4883,13 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
         /* FORWARDED */
       }, 8, ["injection-key"])
     ])
-  ], 10, _hoisted_1$_);
+  ], 10, _hoisted_1$$);
 }
-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 OnyxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__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$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "OnyxCard",
   props: {
     density: { type: null, required: false },
@@ -4908,7 +4908,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), 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"]
   }), {
@@ -4919,8 +4919,8 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class"]);
 }
-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({
+const OnyxCard = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCard/OnyxCard.vue"]]);
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "OnyxTooltip",
   props: {
     density: { type: null, required: false },
@@ -5075,8 +5075,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Z = { class: "onyx-tooltip--content" };
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$_ = { class: "onyx-tooltip--content" };
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -5092,7 +5092,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
           style: $setup.tooltipStyles
         }),
         [
-          createElementVNode("div", _hoisted_1$Z, [
+          createElementVNode("div", _hoisted_1$_, [
             $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 0,
               icon: $setup.props.icon,
@@ -5116,8 +5116,8 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS, STYLE */
   );
 }
-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({
+const OnyxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue"]]);
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "OnyxCalendarCell",
   props: {
     density: { type: null, required: false },
@@ -5147,7 +5147,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Y = { class: "onyx-calendar-cell__header" };
+const _hoisted_1$Z = { class: "onyx-calendar-cell__header" };
 const _hoisted_2$M = { class: "onyx-calendar-cell__date-container" };
 const _hoisted_3$u = {
   key: 1,
@@ -5157,7 +5157,7 @@ const _hoisted_4$m = {
   key: 0,
   class: "onyx-calendar-cell__main"
 };
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "td",
     {
@@ -5183,7 +5183,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
         ]
       }), {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$Y, [
+          createElementVNode("div", _hoisted_1$Z, [
             createElementVNode("div", _hoisted_2$M, [
               $setup.props.tooltipText ? (openBlock(), createBlock($setup["OnyxTooltip"], {
                 key: 0,
@@ -5222,8 +5222,8 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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({
+const OnyxCalendarCell = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCalendarCell/OnyxCalendarCell.vue"]]);
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "OnyxIconButton",
   props: {
     density: { type: null, required: false },
@@ -5248,7 +5248,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-icon-button-skeleton", $setup.densityClass])
@@ -5276,8 +5276,8 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["aria-label", "title", "class"]));
 }
-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({
+const OnyxIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue"]]);
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "OnyxTag",
   props: {
     density: { type: null, required: false },
@@ -5304,9 +5304,9 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$X = { class: "onyx-text--small onyx-truncation-ellipsis" };
+const _hoisted_1$Y = { class: "onyx-text--small onyx-truncation-ellipsis" };
 const _hoisted_2$L = { class: "onyx-text--small onyx-truncation-ellipsis" };
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-tag-skeleton", $setup.densityClass])
@@ -5329,7 +5329,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
           createElementVNode(
             "span",
-            _hoisted_1$X,
+            _hoisted_1$Y,
             toDisplayString($setup.props.label),
             1
             /* TEXT */
@@ -5370,9 +5370,9 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-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 OnyxTag = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTag/OnyxTag.vue"]]);
 const __default__$8 = {};
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   __name: "OnyxCalendar",
   props: {
@@ -5487,12 +5487,12 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$W = { class: "onyx-calendar__header" };
+const _hoisted_1$X = { 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$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     {
@@ -5513,7 +5513,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["onyx-component", "onyx-calendar", `onyx-calendar--${$setup.calendarSize}`, $setup.densityClass])
     },
     [
-      createElementVNode("div", _hoisted_1$W, [
+      createElementVNode("div", _hoisted_1$X, [
         createElementVNode("div", _hoisted_2$K, [
           createVNode($setup["OnyxSystemButton"], {
             label: $setup.t("calendar.todayButton.label"),
@@ -5653,7 +5653,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-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 OnyxCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__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.
@@ -5869,7 +5869,7 @@ const formatMinMax = (locale, type, value) => {
   };
   return date.toLocaleString(locale, format);
 };
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "OnyxErrorTooltip",
   props: {
     errorMessages: { type: Object, required: false },
@@ -5885,13 +5885,13 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$V = { class: "onyx-component" };
+const _hoisted_1$W = { class: "onyx-component" };
 const _hoisted_2$J = {
   key: 0,
   ref: "targetRef"
 };
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$V, [
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$W, [
     !$setup.tooltipError || $setup.props.disabled ? (openBlock(), createElementBlock(
       "div",
       _hoisted_2$J,
@@ -5927,8 +5927,8 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["to"])) : createCommentVNode("v-if", true)
   ]);
 }
-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({
+const OnyxErrorTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue"]]);
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxCheckbox",
   props: {
@@ -5975,10 +5975,10 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$U = ["title"];
+const _hoisted_1$V = ["title"];
 const _hoisted_2$I = { class: "onyx-checkbox__container" };
 const _hoisted_3$s = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -6057,13 +6057,13 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
           64
           /* STABLE_FRAGMENT */
         )) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$U)
+      ], 10, _hoisted_1$V)
     ]),
     _: 1
     /* STABLE */
   }, 16, ["disabled", "error-messages"]));
 }
-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 OnyxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__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)
@@ -6098,7 +6098,7 @@ const useCheckAll = (enabledOptionValues, modelValue, onChangeCallback) => {
     }
   };
 };
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "OnyxInfoTooltip",
   props: {
     text: { type: String, required: true },
@@ -6134,9 +6134,9 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-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, [
+const _hoisted_1$U = { class: "onyx-component onyx-info-tooltip" };
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1$U, [
     $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)
@@ -6194,8 +6194,8 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ]);
 }
-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({
+const OnyxInfoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue"]]);
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "OnyxCheckboxGroup",
   props: {
     truncation: { type: null, required: false, default: "ellipsis" },
@@ -6253,12 +6253,12 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$S = ["disabled", "aria-label"];
+const _hoisted_1$T = ["disabled", "aria-label"];
 const _hoisted_2$H = {
   key: 0,
   class: "onyx-checkbox-group__label"
 };
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("fieldset", {
     class: normalizeClass(["onyx-component", "onyx-checkbox-group", $setup.densityClass]),
     disabled: $setup.disabled,
@@ -6344,12 +6344,12 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     )
-  ], 10, _hoisted_1$S);
+  ], 10, _hoisted_1$T);
 }
-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$14 = /* @__PURE__ */ defineComponent({
+const OnyxCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue"]]);
+const CODE_TABS_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const TABS_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxTab",
   props: {
@@ -6380,9 +6380,9 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$R = ["disabled"];
+const _hoisted_1$S = ["disabled"];
 const _hoisted_2$G = { class: "onyx-tab__label" };
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     Fragment,
     null,
@@ -6412,7 +6412,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
             )
           ])
         ])
-      ], 16, _hoisted_1$R)),
+      ], 16, _hoisted_1$S)),
       $setup.tabsContext?.panel.value ? (openBlock(), createBlock(Teleport, {
         key: 2,
         to: $setup.tabsContext?.panel.value,
@@ -6437,9 +6437,9 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-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 OnyxTab = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTab/OnyxTab.vue"]]);
 const __default__$7 = {};
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   ...__default__$7,
   __name: "OnyxCodeTab",
   props: {
@@ -6481,7 +6481,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$R = {
   key: 0,
   class: "onyx-code-tab__skeletons"
 };
@@ -6489,7 +6489,7 @@ const _hoisted_2$F = {
   key: 0,
   class: "onyx-code-tab__language onyx-text--small"
 };
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxTab"], mergeProps($setup.tabProps, {
     label: $setup.label,
     class: "onyx-code-tab",
@@ -6510,7 +6510,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     default: withCtx(() => [
-      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
         (openBlock(), createElementBlock(
           Fragment,
           null,
@@ -6554,8 +6554,8 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["label", "disabled"]);
 }
-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({
+const OnyxCodeTab = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCodeTab/OnyxCodeTab.vue"]]);
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "OnyxTabs",
   props: {
     density: { type: null, required: false },
@@ -6594,12 +6594,12 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$P = { class: "onyx-tabs__header" };
+const _hoisted_1$Q = { class: "onyx-tabs__header" };
 const _hoisted_2$E = {
   key: 0,
   class: "onyx-tabs__actions"
 };
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -6612,7 +6612,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      createElementVNode("div", _hoisted_1$P, [
+      createElementVNode("div", _hoisted_1$Q, [
         createElementVNode(
           "div",
           mergeProps($setup.headless.elements.tablist.value, { class: "onyx-tabs__tablist" }),
@@ -6631,9 +6631,9 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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 OnyxTabs = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTabs/OnyxTabs.vue"]]);
 const __default__$6 = {};
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   __name: "OnyxCodeTabs",
   props: {
@@ -6675,7 +6675,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_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),
@@ -6708,13 +6708,13 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["modelValue", "label"]);
 }
-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 OnyxCodeTabs = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__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$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "OnyxEmpty",
   props: {
     density: { type: null, required: false }
@@ -6731,12 +6731,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$O = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" };
+const _hoisted_1$P = { class: "onyx-empty__label onyx-text onyx-truncation-multiline" };
 const _hoisted_2$D = {
   key: 0,
   class: "onyx-empty__buttons"
 };
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -6749,7 +6749,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
           size: "48px"
         }, null, 8, ["icon"])
       ]),
-      createElementVNode("div", _hoisted_1$O, [
+      createElementVNode("div", _hoisted_1$P, [
         renderSlot(_ctx.$slots, "default")
       ]),
       !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
@@ -6760,8 +6760,8 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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({
+const OnyxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxEmpty/OnyxEmpty.vue"]]);
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "OnyxTable",
   props: {
     density: { type: null, required: false },
@@ -6792,7 +6792,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$O = {
   key: 0,
   class: "onyx-table-wrapper__top"
 };
@@ -6800,7 +6800,7 @@ const _hoisted_2$C = ["id"];
 const _hoisted_3$r = { class: "onyx-table-wrapper__actions" };
 const _hoisted_4$k = ["tabindex"];
 const _hoisted_5$f = ["aria-labelledby"];
-const _hoisted_6$a = ["span"];
+const _hoisted_6$b = ["span"];
 const _hoisted_7$6 = {
   key: 0,
   class: "onyx-table__header"
@@ -6814,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$11(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -6822,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$N, [
+      !!$setup.slots.headline || !!$setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
         createElementVNode("div", { id: $setup.headlineId }, [
           renderSlot(_ctx.$slots, "headline")
         ], 8, _hoisted_2$C),
@@ -6857,7 +6857,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("colgroup", {
                 key: group.key,
                 span: group.span
-              }, null, 8, _hoisted_6$a);
+              }, null, 8, _hoisted_6$b);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -6919,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$_ = /* @__PURE__ */ defineComponent({
+const OnyxTable = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTable/OnyxTable.vue"]]);
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "OnyxDataGridRenderer",
   props: {
     density: { type: null, required: false },
@@ -6957,7 +6957,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_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({
@@ -7064,8 +7064,8 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]), 1040, ["scroll-container-attrs"]);
 }
-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({
+const OnyxDataGridRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue"]]);
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxMiniSearch",
   props: {
@@ -7105,9 +7105,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$M = ["autofocus", "placeholder", "aria-label"];
+const _hoisted_1$N = ["autofocus", "placeholder", "aria-label"];
 const _hoisted_2$B = ["aria-label"];
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -7126,7 +7126,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
         size: "1"
       }, $setup.restAttrs, {
         "aria-label": $setup.props.label
-      }), null, 16, _hoisted_1$M), [
+      }), null, 16, _hoisted_1$N), [
         [vModelText, $setup.modelValue]
       ]),
       createElementVNode("button", {
@@ -7149,11 +7149,11 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-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 OnyxMiniSearch = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMiniSearch/OnyxMiniSearch.vue"]]);
 const prepareMapping = (features, key) => features.flatMap((f) => f[key]).filter((f) => f?.func).sort((a, b) => (a?.order ?? 0) - (b?.order ?? 0));
 const applyMapping = (mapping, input2) => mapping.reduce((output, m) => m.func(output), input2);
-const DataGridRowOptionsSymbol = Symbol("RowOptions");
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const DataGridRowOptionsSymbol = /* @__PURE__ */ Symbol("RowOptions");
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "HeaderCell",
   props: {
     label: { type: String, required: true }
@@ -7167,14 +7167,14 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$L = { class: "onyx-component onyx-data-grid-header-cell" };
+const _hoisted_1$M = { 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$Y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$L, [
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$M, [
     createElementVNode(
       "span",
       _hoisted_2$A,
@@ -7187,7 +7187,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("v-if", true)
   ]);
 }
-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 HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__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);
@@ -7506,7 +7506,7 @@ const useFeatureContext = (ctx, options) => {
     isAsync
   };
 };
-const FILTERING_FEATURE = Symbol("Filtering");
+const FILTERING_FEATURE = /* @__PURE__ */ Symbol("Filtering");
 const FILTERING_MUTATION_ORDER = 0;
 const useFiltering = (options) => createFeature((ctx) => {
   const { i18n } = ctx;
@@ -7689,7 +7689,7 @@ const useErrorClass = (showError) => computed(() => {
   }
   return "onyx-form-element--touched-invalid";
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "FormMessage",
   props: {
     messages: { type: Object, required: true },
@@ -7703,17 +7703,17 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$L = {
   class: /* @__PURE__ */ normalizeClass(["onyx-truncation-ellipsis"])
 };
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Z(_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$K,
+        _hoisted_1$L,
         toDisplayString($setup.props.messages.shortMessage),
         1
         /* TEXT */
@@ -7731,8 +7731,8 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 8, ["class"]);
 }
-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({
+const FormMessage = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/FormMessage.vue"]]);
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "OnyxFormElement",
   props: {
     disabled: { type: [Boolean, Symbol], required: false },
@@ -7805,7 +7805,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   key: 0,
   class: "onyx-form-element__label onyx-text--small"
 };
@@ -7815,7 +7815,7 @@ const _hoisted_3$p = {
   class: "onyx-form-element__footer onyx-text--small"
 };
 const _hoisted_4$j = { class: "onyx-form-element__footer-messages" };
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -7827,7 +7827,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      !$setup.props.hideLabel ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
+      !$setup.props.hideLabel ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
         createElementVNode("label", {
           for: $setup.props.id,
           class: "onyx-truncation-ellipsis"
@@ -7902,8 +7902,8 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-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({
+const OnyxFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/OnyxFormElement.vue"]]);
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxSelectInput",
   props: {
@@ -7986,9 +7986,9 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$I = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"];
+const _hoisted_1$J = ["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) {
+function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -8053,7 +8053,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
               autofocus: $setup.props.autofocus,
               autocomplete: "off",
               onKeydown: $setup.blockTyping
-            }), null, 16, _hoisted_1$I), [
+            }), null, 16, _hoisted_1$J), [
               [$setup["vCustomValidity"]]
             ]),
             $setup.props.textMode === "preview" && $setup.selectionCount > 0 ? (openBlock(), createBlock($setup["OnyxTooltip"], {
@@ -8091,7 +8091,9 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
               tabindex: "-1",
               disabled: $setup.disabled || $setup.props.readonly || $setup.props.loading
             }, [
-              createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronDownUp }, null, 8, ["icon"])
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronDownUp }, null, 8, ["icon"])
+              ])
             ], 8, _hoisted_2$y),
             !$setup.props.hideSuccessIcon && $setup.successMessages ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 2,
@@ -8101,16 +8103,16 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["icon"])) : createCommentVNode("v-if", true)
           ])
         ]),
-        _: 1
-        /* STABLE */
+        _: 3
+        /* FORWARDED */
       }, 16, ["message", "success-messages", "error-messages"])
     ],
     16
     /* FULL_PROPS */
   ));
 }
-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({
+const OnyxSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue"]]);
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectOption",
   props: {
     active: { type: Boolean, required: false, default: false },
@@ -8129,8 +8131,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$H = ["checked", "aria-labelledby", "disabled", "indeterminate"];
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$I = ["checked", "aria-labelledby", "disabled", "indeterminate"];
+function _sfc_render$W(_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"],
@@ -8147,7 +8149,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
         tabindex: "-1",
         class: "onyx-select-option__checkbox",
         type: "checkbox"
-      }, null, 8, _hoisted_1$H)) : createCommentVNode("v-if", true),
+      }, null, 8, _hoisted_1$I)) : createCommentVNode("v-if", true),
       $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
         key: 1,
         icon: $setup.props.icon
@@ -8168,8 +8170,8 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["checked", "selected", "disabled"]);
 }
-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({
+const OnyxSelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectOption/OnyxSelectOption.vue"]]);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelect",
   props: {
     density: { type: null, required: false },
@@ -8439,7 +8441,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   ref: "selectRef",
   class: "onyx-component onyx-select-wrapper"
 };
@@ -8461,7 +8463,7 @@ const _hoisted_5$e = {
   role: "presentation",
   class: "onyx-select__group-name onyx-text--small"
 };
-const _hoisted_6$9 = {
+const _hoisted_6$a = {
   key: 1,
   class: "onyx-select__slot"
 };
@@ -8473,10 +8475,10 @@ const _hoisted_8$4 = {
   key: 0,
   class: "onyx-select__description onyx-text--small"
 };
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
-    _hoisted_1$G,
+    _hoisted_1$H,
     [
       createVNode($setup["OnyxBasicPopover"], {
         class: normalizeClass($setup.densityClass),
@@ -8492,7 +8494,18 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
             autofocus: $setup.props.autofocus,
             onInputClick: $setup.onToggle,
             onValidityChange: _cache[0] || (_cache[0] = ($event) => $setup.emit("validityChange", $event))
-          }), null, 16, ["show-focus", "autofocus"])
+          }), createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            $setup.slots.toggleIcon ? {
+              name: "icon",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "toggleIcon")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["show-focus", "autofocus"])
         ]),
         content: withCtx(() => [
           withDirectives((openBlock(), createElementBlock("div", _hoisted_2$x, [
@@ -8640,7 +8653,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
               16
               /* FULL_PROPS */
             ),
-            $setup.props.lazyLoading?.loading ? (openBlock(), createElementBlock("div", _hoisted_6$9, [
+            $setup.props.lazyLoading?.loading ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
               createVNode($setup["OnyxLoadingIndicator"], { class: "onyx-select__loading" })
             ])) : createCommentVNode("v-if", true),
             $setup.slots.optionsEnd ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
@@ -8665,9 +8678,9 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-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 OnyxSelect = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue"]]);
 const __default__$5 = {};
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   __name: "OnyxItemsPerPage",
   props: {
@@ -8701,8 +8714,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$F = ["for"];
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$G = ["for"];
+function _sfc_render$U(_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])
@@ -8736,14 +8749,14 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
         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)
+      }, toDisplayString($setup.t("itemsPerPage.label")), 9, _hoisted_1$G)) : 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({
+const OnyxItemsPerPage = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxItemsPerPage/OnyxItemsPerPage.vue"]]);
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "OnyxInlinePagination",
   props: {
     density: { type: null, required: false },
@@ -8795,12 +8808,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$E = ["aria-label"];
+const _hoisted_1$F = ["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) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass([
@@ -8889,11 +8902,11 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronRightSmall }, null, 8, ["icon"])
     ], 8, _hoisted_5$d)
-  ], 10, _hoisted_1$E));
+  ], 10, _hoisted_1$F));
 }
-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 OnyxInlinePagination = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxInlinePagination.vue"]]);
 const pageSize = 100;
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectPagination",
   props: {
     density: { type: null, required: false },
@@ -8945,11 +8958,11 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$D = ["aria-label"];
+const _hoisted_1$E = ["aria-label"];
 const _hoisted_2$v = { class: "onyx-pagination__count" };
 const _hoisted_3$m = ["aria-label", "disabled"];
 const _hoisted_4$g = ["aria-label", "disabled"];
-function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-pagination-skeleton", "onyx-text", $setup.densityClass])
@@ -9003,10 +9016,10 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronRightSmall }, null, 8, ["icon"])
     ], 8, _hoisted_4$g)
-  ], 14, _hoisted_1$D));
+  ], 14, _hoisted_1$E));
 }
-const OnyxSelectPagination = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxSelectPagination.vue"]]);
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const OnyxSelectPagination = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxSelectPagination.vue"]]);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "OnyxPagination",
   props: {
     density: { type: null, required: false },
@@ -9027,7 +9040,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.props.type === "inline" ? (openBlock(), createBlock(
     $setup["OnyxInlinePagination"],
     mergeProps({ key: 0 }, $setup.paginationProps, {
@@ -9046,8 +9059,8 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxPagination = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxPagination.vue"]]);
-const SELECTION_FEATURE = Symbol("Selection");
+const OnyxPagination = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxPagination.vue"]]);
+const SELECTION_FEATURE = /* @__PURE__ */ Symbol("Selection");
 const SELECTION_MUTATION_ORDER = 1e3;
 const useSelection = (options) => createFeature((ctx) => {
   const SELECTION_COLUMN = `selection-column-${useId()}`;
@@ -9145,11 +9158,11 @@ const useSelection = (options) => createFeature((ctx) => {
     }
   };
 });
-const PAGINATION_FEATURE = Symbol("Pagination");
-const LAZY_LOADING_ROW_ID = Symbol("LazyLoadingRow");
-const LAZY_LOADING_TYPE_RENDERER = Symbol("LazyLoadingRenderer");
-const BUTTON_LOADING_ROW_ID = Symbol("ButtonLoadingRow");
-const BUTTON_LOADING_TYPE_RENDERER = Symbol("ButtonLoadingRenderer");
+const PAGINATION_FEATURE = /* @__PURE__ */ Symbol("Pagination");
+const LAZY_LOADING_ROW_ID = /* @__PURE__ */ Symbol("LazyLoadingRow");
+const LAZY_LOADING_TYPE_RENDERER = /* @__PURE__ */ Symbol("LazyLoadingRenderer");
+const BUTTON_LOADING_ROW_ID = /* @__PURE__ */ Symbol("ButtonLoadingRow");
+const BUTTON_LOADING_TYPE_RENDERER = /* @__PURE__ */ Symbol("ButtonLoadingRenderer");
 const PAGINATION_MUTATION_ORDER = Math.min(FILTERING_MUTATION_ORDER, SELECTION_MUTATION_ORDER) - 1;
 const usePagination = (options = {}) => createFeature((ctx) => {
   const state = toRef(
@@ -9278,7 +9291,7 @@ const usePagination = (options = {}) => createFeature((ctx) => {
     })
   };
 });
-const BASE_FEATURE_SYMBOL = Symbol("Base");
+const BASE_FEATURE_SYMBOL = /* @__PURE__ */ Symbol("Base");
 const BASE_MUTATION_ORDER = Math.max(FILTERING_MUTATION_ORDER, PAGINATION_MUTATION_ORDER) + 1;
 const BASE_FEATURE = (options) => createFeature(({ skeleton }) => {
   const rowCount = ref(0);
@@ -9340,7 +9353,7 @@ const BASE_FEATURE = (options) => createFeature(({ skeleton }) => {
     }
   };
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxDataGrid",
   props: {
@@ -9420,7 +9433,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxDataGridRenderer"], mergeProps($setup.mergeVueProps(_ctx.$attrs, $setup.rendererProps), {
     "column-groups": $setup.rendererColumnGroups,
     columns: $setup.renderColumns,
@@ -9447,9 +9460,9 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["column-groups", "columns", "rows", "scroll-container-attrs"]);
 }
-const OnyxDataGrid = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGrid.vue"]]);
-const HIDE_COLUMNS_FEATURE = Symbol("HideColumnsFeature");
-const HIDDEN_COLUMN = Symbol("HiddenColumn");
+const OnyxDataGrid = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGrid.vue"]]);
+const HIDE_COLUMNS_FEATURE = /* @__PURE__ */ Symbol("HideColumnsFeature");
+const HIDDEN_COLUMN = /* @__PURE__ */ Symbol("HiddenColumn");
 const useHideColumns = (options) => createFeature((ctx) => {
   const { i18n } = ctx;
   const { isEnabled } = useFeatureContext(ctx, options);
@@ -9553,7 +9566,7 @@ const useHideColumns = (options) => createFeature((ctx) => {
     }
   };
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "OnyxResizeHandle",
   props: {
     element: { type: null, required: true },
@@ -9628,7 +9641,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "button",
     {
@@ -9662,9 +9675,9 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const OnyxResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxResizeHandle/OnyxResizeHandle.vue"]]);
-const RESIZING_FEATURE = Symbol("Resizing");
-const FILLER_COLUMN = Symbol("FILLER_COLUMN");
+const OnyxResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxResizeHandle/OnyxResizeHandle.vue"]]);
+const RESIZING_FEATURE = /* @__PURE__ */ Symbol("Resizing");
+const FILLER_COLUMN = /* @__PURE__ */ Symbol("FILLER_COLUMN");
 const useResizing = (options) => createFeature((ctx) => {
   const resizingCol = ref();
   const MIN_COLUMN_WIDTH = 3 * 16;
@@ -9804,7 +9817,7 @@ const DEFAULT_COMPARES = Object.freeze({
   skeleton: () => 0,
   boolean: BOOLEAN_COMPARE
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "SortAction",
   props: {
     columnLabel: { type: String, required: true },
@@ -9828,14 +9841,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxSystemButton"], {
     label: $setup.buttonLabel,
     icon: $setup.icon,
     color: "medium"
   }, null, 8, ["label", "icon"]);
 }
-const SortAction = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/sorting/SortAction.vue"]]);
+const SortAction = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/sorting/SortAction.vue"]]);
 const nextSortDirection = (current, skipNone) => {
   switch (current) {
     case "asc":
@@ -9847,7 +9860,7 @@ const nextSortDirection = (current, skipNone) => {
       return "asc";
   }
 };
-const SORTING_FEATURE = Symbol("Sorting");
+const SORTING_FEATURE = /* @__PURE__ */ Symbol("Sorting");
 const useSorting = (options) => createFeature((ctx) => {
   const sortState = toRef(
     options?.sortState ?? {
@@ -9955,7 +9968,7 @@ const useSorting = (options) => createFeature((ctx) => {
     }
   };
 });
-const STICKY_COLUMNS_FEATURE = Symbol("StickyColumns");
+const STICKY_COLUMNS_FEATURE = /* @__PURE__ */ Symbol("StickyColumns");
 const useStickyColumns = (options) => createFeature(() => {
   const stickyColumns = computed(() => toValue(options?.columns) ?? []);
   const position = computed(() => toValue(options?.position) ?? "left");
@@ -10078,7 +10091,7 @@ const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   useSorting,
   useStickyColumns
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxDatePicker",
   props: {
@@ -10145,9 +10158,9 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$C = { class: "onyx-datepicker__wrapper" };
+const _hoisted_1$D = { class: "onyx-datepicker__wrapper" };
 const _hoisted_2$u = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"];
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -10176,7 +10189,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
         message: $setup.messages
       }), {
         default: withCtx(({ id: inputId }) => [
-          createElementVNode("div", _hoisted_1$C, [
+          createElementVNode("div", _hoisted_1$D, [
             $setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
               key: 0,
               class: "onyx-datepicker__loading",
@@ -10212,9 +10225,9 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDatePicker/OnyxDatePicker.vue"]]);
+const OnyxDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDatePicker/OnyxDatePicker.vue"]]);
 const DIALOG_ALIGNMENTS = ["left", "center", "right"];
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "OnyxDialog",
   props: {
     density: { type: null, required: false },
@@ -10248,7 +10261,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$B = { class: "onyx-dialog__header" };
+const _hoisted_1$C = { class: "onyx-dialog__header" };
 const _hoisted_2$t = { class: "onyx-dialog__headline" };
 const _hoisted_3$l = { class: "onyx-dialog__headline-content" };
 const _hoisted_4$f = { class: "onyx-dialog__body" };
@@ -10256,7 +10269,7 @@ const _hoisted_5$c = {
   key: 0,
   class: "onyx-dialog__footer"
 };
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicPopover"], mergeProps($setup.basicPopoverProps, {
     open: $setup.isExpanded,
     "onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.isExpanded = $event),
@@ -10266,7 +10279,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "trigger", { trigger })
     ]),
     content: withCtx(() => [
-      createElementVNode("div", _hoisted_1$B, [
+      createElementVNode("div", _hoisted_1$C, [
         createElementVNode("div", _hoisted_2$t, [
           createElementVNode("div", _hoisted_3$l, [
             renderSlot(_ctx.$slots, "headline", {
@@ -10305,8 +10318,8 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["open", "class"]);
 }
-const OnyxDialog = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDialog/OnyxDialog.vue"]]);
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const OnyxDialog = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDialog/OnyxDialog.vue"]]);
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "OnyxForm",
   props: {
     disabled: { type: Boolean, required: false, default: false },
@@ -10326,7 +10339,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "form",
     {
@@ -10343,7 +10356,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxForm = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxForm/OnyxForm.vue"]]);
+const OnyxForm = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxForm/OnyxForm.vue"]]);
 const useLenientMaxLengthValidation = (options) => {
   const { t } = injectI18n();
   const normalized = computed(() => {
@@ -10379,11 +10392,11 @@ const useLenientMaxLengthValidation = (options) => {
     maxLength
   };
 };
-const MOBILE_NAV_BAR_INJECTION_KEY = Symbol();
-const NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY = Symbol();
-const NAV_BAR_MORE_LIST_INJECTION_KEY = Symbol();
-const NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY = Symbol();
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const MOBILE_NAV_BAR_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const NAV_BAR_MORE_LIST_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY = /* @__PURE__ */ Symbol();
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "OnyxSeparator",
   props: {
     orientation: { type: null, required: false, default: "horizontal" }
@@ -10400,16 +10413,16 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$A = ["aria-orientation"];
-function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$B = ["aria-orientation"];
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["onyx-component onyx-separator", { "onyx-separator--vertical": $setup.isVertical }]),
     role: "separator",
     "aria-orientation": $setup.props.orientation
-  }, null, 10, _hoisted_1$A);
+  }, null, 10, _hoisted_1$B);
 }
-const OnyxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSeparator/OnyxSeparator.vue"]]);
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const OnyxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSeparator/OnyxSeparator.vue"]]);
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxInput",
   props: {
@@ -10498,10 +10511,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$z = { class: "onyx-input__wrapper" };
+const _hoisted_1$A = { class: "onyx-input__wrapper" };
 const _hoisted_2$s = ["id", "placeholder", "type", "required", "autocapitalize", "autocomplete", "autofocus", "name", "pattern", "readonly", "disabled", "maxlength", "minlength", "aria-label", "title"];
 const _hoisted_3$k = ["aria-label", "title"];
-function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -10530,7 +10543,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
         message: $setup.messages
       }), {
         default: withCtx(({ id: inputId }) => [
-          createElementVNode("div", _hoisted_1$z, [
+          createElementVNode("div", _hoisted_1$A, [
             renderSlot(_ctx.$slots, "leading"),
             $setup.slots.leading ? (openBlock(), createBlock($setup["OnyxSeparator"], {
               key: 0,
@@ -10607,10 +10620,10 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue"]]);
-const GLOBAL_SEARCH_INJECTION_KEY = Symbol();
+const OnyxInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue"]]);
+const GLOBAL_SEARCH_INJECTION_KEY = /* @__PURE__ */ Symbol();
 const __default__$4 = {};
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   __name: "OnyxGlobalSearch",
   props: {
@@ -10684,14 +10697,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$y = { class: "onyx-global-search__footer onyx-text--small" };
+const _hoisted_1$z = { class: "onyx-global-search__footer onyx-text--small" };
 const _hoisted_2$r = { class: "onyx-global-search__shortcut" };
 const _hoisted_3$j = { class: "onyx-global-search__shortcut-label" };
 const _hoisted_4$e = { class: "onyx-global-search__shortcut" };
 const _hoisted_5$b = { class: "onyx-global-search__shortcut-label" };
-const _hoisted_6$8 = { class: "onyx-global-search__shortcut" };
+const _hoisted_6$9 = { class: "onyx-global-search__shortcut" };
 const _hoisted_7$4 = { class: "onyx-global-search__shortcut-label" };
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps($setup.basicDialogProps, {
     ref: "dialogRef",
     label: $setup.t("globalSearch.label"),
@@ -10734,7 +10747,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       withDirectives(createElementVNode(
         "div",
-        _hoisted_1$y,
+        _hoisted_1$z,
         [
           createElementVNode("span", _hoisted_2$r, [
             _cache[2] || (_cache[2] = createElementVNode(
@@ -10775,7 +10788,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
               /* TEXT */
             )
           ]),
-          createElementVNode("span", _hoisted_6$8, [
+          createElementVNode("span", _hoisted_6$9, [
             _cache[5] || (_cache[5] = createElementVNode(
               "kbd",
               null,
@@ -10802,9 +10815,9 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["label"]);
 }
-const OnyxGlobalSearch = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalSearch/OnyxGlobalSearch.vue"]]);
+const OnyxGlobalSearch = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalSearch/OnyxGlobalSearch.vue"]]);
 const __default__$3 = {};
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   __name: "OnyxGlobalSearchOption",
   props: {
@@ -10828,13 +10841,13 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$x = { class: "onyx-global-search-option__content" };
+const _hoisted_1$y = { class: "onyx-global-search-option__content" };
 const _hoisted_2$q = { class: "onyx-truncation-ellipsis" };
 const _hoisted_3$i = {
   key: 0,
   class: "onyx-global-search-option__trailing"
 };
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "li",
     {
@@ -10843,7 +10856,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["onyx-component", "onyx-global-search-option-skeleton", "onyx-text", $setup.densityClass])
     },
     [
-      createElementVNode("div", _hoisted_1$x, [
+      createElementVNode("div", _hoisted_1$y, [
         createVNode($setup["OnyxSkeleton"], { class: "onyx-global-search-option-skeleton__icon" }),
         createVNode($setup["OnyxSkeleton"], { class: "onyx-global-search-option-skeleton__label" })
       ])
@@ -10899,9 +10912,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-const OnyxGlobalSearchOption = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalSearchOption/OnyxGlobalSearchOption.vue"]]);
+const OnyxGlobalSearchOption = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalSearchOption/OnyxGlobalSearchOption.vue"]]);
 const __default__$2 = {};
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   __name: "OnyxGlobalSearchGroup",
   props: {
@@ -10923,15 +10936,15 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$w = { "aria-hidden": "true" };
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$x = { "aria-hidden": "true" };
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "ul",
     mergeProps({
       class: ["onyx-component", "onyx-global-search-group", $setup.densityClass]
     }, $setup.context?.headless.elements.group.value({ label: $setup.props.label })),
     [
-      createElementVNode("li", _hoisted_1$w, [
+      createElementVNode("li", _hoisted_1$x, [
         createVNode($setup["OnyxHeadline"], {
           is: "h4",
           class: "onyx-global-search-group__headline"
@@ -10966,10 +10979,10 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxGlobalSearchGroup = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalSearchGroup/OnyxGlobalSearchGroup.vue"]]);
+const OnyxGlobalSearchGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalSearchGroup/OnyxGlobalSearchGroup.vue"]]);
 const HEADLINE_TYPES = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const ICON_SIZES = ["12px", "16px", "24px", "32px", "48px", "64px", "96px"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxImage",
   props: {
@@ -11008,10 +11021,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$v = ["src", "alt"];
+const _hoisted_1$w = ["src", "alt"];
 const _hoisted_2$p = ["src", "alt"];
 const _hoisted_3$h = { class: "onyx-image__alt onyx-text--small" };
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "figure",
     mergeProps($setup.rootAttrs, {
@@ -11036,7 +11049,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
             src: $setup.imageSrc.light,
             alt: $setup.props.alt,
             onError: _cache[0] || (_cache[0] = ($event) => $setup.isError = true)
-          }), null, 16, _hoisted_1$v),
+          }), null, 16, _hoisted_1$w),
           $setup.imageSrc.dark ? (openBlock(), createElementBlock("img", mergeProps({
             key: 0,
             class: "onyx-image__source onyx-image__source--dark"
@@ -11077,10 +11090,10 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxImage = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxImage/OnyxImage.vue"]]);
+const OnyxImage = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxImage/OnyxImage.vue"]]);
 const IMAGE_SHAPES = ["rounded", "circle", "clip", "clip-inverted"];
 const INPUT_TYPES = ["email", "password", "search", "tel", "text", "url"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "OnyxLink",
   props: {
     href: { type: String, required: false },
@@ -11097,7 +11110,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(
     $setup["OnyxRouterLink"],
     mergeProps({ class: "onyx-component onyx-link" }, $setup.routerLinkProps),
@@ -11119,8 +11132,8 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxLink = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue"]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const OnyxLink = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue"]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "OnyxMobileNavButton",
   props: {
     label: { type: String, required: true },
@@ -11142,12 +11155,12 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$u = { class: "onyx-component onyx-mobile-nav-button" };
+const _hoisted_1$v = { class: "onyx-component onyx-mobile-nav-button" };
 const _hoisted_2$o = ["aria-label", "disabled"];
 const _hoisted_3$g = { class: "onyx-mobile-nav-button__flyout" };
 const _hoisted_4$d = { class: "onyx-mobile-nav-button__menu" };
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$u, [
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$v, [
     createElementVNode("button", {
       type: "button",
       class: normalizeClass(["onyx-mobile-nav-button__trigger", { "onyx-mobile-nav-button__trigger--active": $setup.props.open }]),
@@ -11195,8 +11208,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ]);
 }
-const OnyxMobileNavButton = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMobileNavButton/OnyxMobileNavButton.vue"]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const OnyxMobileNavButton = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMobileNavButton/OnyxMobileNavButton.vue"]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "OnyxModal",
   props: {
     density: { type: null, required: false },
@@ -11223,16 +11236,16 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$t = { class: "onyx-modal__header" };
+const _hoisted_1$u = { class: "onyx-modal__header" };
 const _hoisted_2$n = { class: "onyx-modal__headline" };
 const _hoisted_3$f = { class: "onyx-modal__headline-content" };
 const _hoisted_4$c = ["id"];
 const _hoisted_5$a = { class: "onyx-modal__body" };
-const _hoisted_6$7 = {
+const _hoisted_6$8 = {
   key: 0,
   class: "onyx-modal__footer"
 };
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps($setup.basicDialogProps, {
     modal: "",
     class: ["onyx-modal", $setup.densityClass],
@@ -11240,7 +11253,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.emit("update:open", $event))
   }), {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$t, [
+      createElementVNode("div", _hoisted_1$u, [
         createElementVNode("div", _hoisted_2$n, [
           createElementVNode("div", _hoisted_3$f, [
             renderSlot(_ctx.$slots, "headline", {
@@ -11278,7 +11291,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_5$a, [
         renderSlot(_ctx.$slots, "default")
       ]),
-      !!$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
+      !!$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
         renderSlot(_ctx.$slots, "footer")
       ])) : createCommentVNode("v-if", true)
     ]),
@@ -11286,8 +11299,8 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["class", "aria-describedby"]);
 }
-const OnyxModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxModal/OnyxModal.vue"]]);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const OnyxModal = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxModal/OnyxModal.vue"]]);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "OnyxNavAppArea",
   props: {
     link: { type: null, required: false, default: "/" },
@@ -11306,12 +11319,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$s = ["src", "alt"];
+const _hoisted_1$t = ["src", "alt"];
 const _hoisted_2$m = {
   key: 1,
   class: "onyx-text-small onyx-truncation-ellipsis"
 };
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxRouterLink"], mergeProps($setup.linkProps, {
     class: "onyx-component onyx-nav-app-area",
     "aria-label": $setup.buttonLabel
@@ -11325,7 +11338,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
           class: "onyx-nav-app-area__logo",
           width: "24",
           height: "24"
-        }, null, 8, _hoisted_1$s)) : createCommentVNode("v-if", true),
+        }, null, 8, _hoisted_1$t)) : createCommentVNode("v-if", true),
         $setup.props.appName ? (openBlock(), createElementBlock(
           "span",
           _hoisted_2$m,
@@ -11339,8 +11352,8 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["aria-label"]);
 }
-const OnyxNavAppArea = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue"]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const OnyxNavAppArea = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue"]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "OnyxSelectDialog",
   props: {
     open: { type: [Boolean, null], required: false, skipCheck: true, default: false },
@@ -11374,14 +11387,14 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$r = ["id"];
+const _hoisted_1$s = ["id"];
 const _hoisted_2$l = ["autofocus", "value", "checked", "aria-label"];
 const _hoisted_3$e = { class: "onyx-select-dialog__label" };
 const _hoisted_4$b = {
   key: 0,
   class: "onyx-text--small"
 };
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxModal"], mergeProps($setup.modalProps, {
     open: $setup.props.open,
     class: "onyx-select-dialog",
@@ -11490,7 +11503,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
           32
           /* NEED_HYDRATION */
         )
-      ], 40, _hoisted_1$r)
+      ], 40, _hoisted_1$s)
     ]),
     _: 2
     /* DYNAMIC */
@@ -11504,11 +11517,11 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["open", "label"]);
 }
-const OnyxSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectDialog/OnyxSelectDialog.vue"]]);
+const OnyxSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectDialog/OnyxSelectDialog.vue"]]);
 const autoImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#auto-a)"><mask id="auto-d" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></mask><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/><g filter="url(#auto-b)"><mask id="auto-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#auto-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-900)" d="M-1 4a5 5 0 0 1 5-5h99v2H4a3 3 0 0 0-3 3zm104 107H4a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3h99zm-99 0a5 5 0 0 1-5-5V4a5 5 0 0 1 5-5v2a3 3 0 0 0-3 3v102a3 3 0 0 0 3 3zM103 0v110z" mask="url(#auto-d)"/><g clip-path="url(#auto-e)"><mask id="auto-f" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></mask><path fill="var(--onyx-color-neutral-steel-100)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-300)" d="M103-1h99a5 5 0 0 1 5 5h-2a3 3 0 0 0-3-3h-99zm104 107a5 5 0 0 1-5 5h-99v-2h99a3 3 0 0 0 3-3zm-104 4V0zM202-1a5 5 0 0 1 5 5v102a5 5 0 0 1-5 5v-2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z" mask="url(#auto-f)"/><defs><clipPath id="auto-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></clipPath><clipPath id="auto-e"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></clipPath><filter id="auto-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22720"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22720" result="shape"/></filter></defs></svg>';
 const darkImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#dark-a)"><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#dark-b)"><mask id="dark-c" fill="#fff"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#dark-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-900)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="dark-a"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="dark-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22757"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22757" result="shape"/></filter></defs></svg>';
 const lightImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#light-a)"><path fill="var(--onyx-color-neutral-steel-100)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#light-b)"><mask id="light-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M46 26h-1v84h2V26z" mask="url(#light-c)"/></g><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-300)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="light-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="light-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22745"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22745" result="shape"/></filter></defs></svg>';
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "OnyxColorSchemeDialog",
   props: {
     open: { type: [Boolean, null], required: false, skipCheck: true, default: false },
@@ -11549,7 +11562,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxSelectDialog"], mergeProps({ class: "onyx-color-scheme-dialog" }, $setup.selectDialogProps, {
     label: $setup.t("colorScheme.headline"),
     options: $setup.options,
@@ -11568,8 +11581,8 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["label", "options", "open"]);
 }
-const OnyxColorSchemeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.vue"]]);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const OnyxColorSchemeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.vue"]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "OnyxColorSchemeMenuItem",
   props: {
     modelValue: { type: String, required: true }
@@ -11588,8 +11601,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$q = { class: "onyx-color-scheme-menu-item__value" };
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$r = { class: "onyx-color-scheme-menu-item__value" };
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxMenuItem"], {
     class: "onyx-component onyx-color-scheme-menu-item",
     onClick: _cache[2] || (_cache[2] = ($event) => $setup.isOpen = true)
@@ -11604,7 +11617,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         ),
         createElementVNode(
           "span",
-          _hoisted_1$q,
+          _hoisted_1$r,
           toDisplayString($setup.t(`colorScheme.${$setup.props.modelValue}.label`)),
           1
           /* TEXT */
@@ -11623,8 +11636,8 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   });
 }
-const OnyxColorSchemeMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/OnyxColorSchemeMenuItem.vue"]]);
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const OnyxColorSchemeMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/OnyxColorSchemeMenuItem.vue"]]);
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "OnyxLanguageMenuItem",
   props: {
     modelValue: { type: null, required: true },
@@ -11647,8 +11660,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$p = { class: "onyx-language-menu-item__value" };
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$q = { class: "onyx-language-menu-item__value" };
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxMenuItem"], {
     class: "onyx-component onyx-language-menu-item",
     onClick: _cache[2] || (_cache[2] = ($event) => $setup.isOpen = true)
@@ -11663,7 +11676,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
         ),
         createElementVNode(
           "span",
-          _hoisted_1$p,
+          _hoisted_1$q,
           toDisplayString($setup.currentValueLabel),
           1
           /* TEXT */
@@ -11694,8 +11707,8 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   });
 }
-const OnyxLanguageMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxLanguageMenuItem/OnyxLanguageMenuItem.vue"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const OnyxLanguageMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxLanguageMenuItem/OnyxLanguageMenuItem.vue"]]);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "OnyxNavItemFacade",
   props: {
     link: { type: null, required: false },
@@ -11717,7 +11730,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxMenuItem"], mergeProps($setup.menuItemProps, {
     link: $setup.hasChildren && $setup.props.context !== "navbar" ? void 0 : $setup.props.link,
     class: {
@@ -11743,8 +11756,8 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["link", "class", "open"]);
 }
-const OnyxNavItemFacade = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItemFacade/OnyxNavItemFacade.vue"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const OnyxNavItemFacade = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItemFacade/OnyxNavItemFacade.vue"]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxNavItem",
   props: {
@@ -11790,12 +11803,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$o = { class: "onyx-nav-item-wrapper__controls" };
+const _hoisted_1$p = { class: "onyx-nav-item-wrapper__controls" };
 const _hoisted_2$k = {
   role: "menu",
   class: "onyx-nav-item-wrapper__mobile-children"
 };
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     Fragment,
     null,
@@ -11811,7 +11824,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
           }
         }, $setup.rootAttrs),
         [
-          createElementVNode("div", _hoisted_1$o, [
+          createElementVNode("div", _hoisted_1$p, [
             createVNode($setup["OnyxButton"], {
               label: $setup.t("back"),
               mode: "plain",
@@ -11948,7 +11961,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-const OnyxNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue"]]);
+const OnyxNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue"]]);
 const useTimer = (endTime) => {
   const intervalId = ref();
   const timeLeft = ref(calculateTimeLeft(new Date(endTime.value).getTime()));
@@ -12009,7 +12022,7 @@ const timeToDurationString = (timeLeft) => {
   const { hours, minutes, seconds } = getTimeFragments(timeLeft);
   return `PT${hours}H${minutes}M${seconds}S`;
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "OnyxTimer",
   props: {
     endTime: { type: null, required: true },
@@ -12040,13 +12053,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$n = ["aria-label"];
+const _hoisted_1$o = ["aria-label"];
 const _hoisted_2$j = {
   key: 0,
   class: "onyx-timer__label"
 };
 const _hoisted_3$d = ["datetime"];
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",
     role: "timer",
@@ -12063,10 +12076,10 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       datetime: $setup.timeToDurationString($setup.timeLeft),
       class: "onyx-timer__time"
     }, toDisplayString($setup.formattedTime), 9, _hoisted_3$d)
-  ], 8, _hoisted_1$n);
+  ], 8, _hoisted_1$o);
 }
-const OnyxTimer = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue"]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const OnyxTimer = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "UserMenuLayout",
   props: {
     isMobile: { type: Boolean, required: true },
@@ -12091,10 +12104,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$m = { class: "onyx-component" };
+const _hoisted_1$n = { class: "onyx-component" };
 const _hoisted_2$i = { class: "onyx-user-menu__footer onyx-text--small" };
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$n, [
     $setup.props.isMobile ? (openBlock(), createElementBlock(
       Fragment,
       { key: 0 },
@@ -12147,8 +12160,8 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     ]), 1032, ["open", "label", "disabled"]))
   ]);
 }
-const UserMenuLayout = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue"]]);
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const UserMenuLayout = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue"]]);
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "OnyxUserMenu",
   props: {
     fullName: { type: String, required: true },
@@ -12182,7 +12195,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$l = { class: "onyx-truncation-ellipsis" };
+const _hoisted_1$m = { class: "onyx-truncation-ellipsis" };
 const _hoisted_2$h = { class: "onyx-user-menu__header" };
 const _hoisted_3$c = { class: "onyx-truncation-ellipsis" };
 const _hoisted_4$a = { class: "onyx-user-menu__username onyx-text onyx-truncation-ellipsis" };
@@ -12190,8 +12203,8 @@ const _hoisted_5$9 = {
   key: 0,
   class: "onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"
 };
-const _hoisted_6$6 = { class: "onyx-user-menu__options" };
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_6$7 = { class: "onyx-user-menu__options" };
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["UserMenuLayout"], {
     "flyout-open": $setup.flyoutOpen,
     "onUpdate:flyoutOpen": _cache[0] || (_cache[0] = ($event) => $setup.flyoutOpen = $event),
@@ -12216,7 +12229,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           ),
           createElementVNode(
             "span",
-            _hoisted_1$l,
+            _hoisted_1$m,
             toDisplayString($setup.props.fullName),
             1
             /* TEXT */
@@ -12254,7 +12267,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     options: withCtx(() => [
-      createElementVNode("div", _hoisted_6$6, [
+      createElementVNode("div", _hoisted_6$7, [
         renderSlot(_ctx.$slots, "default")
       ])
     ]),
@@ -12270,8 +12283,8 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["flyout-open", "class", "is-mobile", "disabled"]);
 }
-const OnyxUserMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue"]]);
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const OnyxUserMenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue"]]);
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "OnyxNavBar",
   props: {
     appName: { type: String, required: false },
@@ -12341,7 +12354,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$k = { class: "onyx-nav-bar__content onyx-grid-container" };
+const _hoisted_1$l = { class: "onyx-nav-bar__content onyx-grid-container" };
 const _hoisted_2$g = {
   key: 0,
   class: "onyx-nav-bar__mobile-page onyx-truncation-ellipsis"
@@ -12352,7 +12365,7 @@ const _hoisted_5$8 = {
   key: 0,
   class: "onyx-nav-bar__mobile-context"
 };
-const _hoisted_6$5 = {
+const _hoisted_6$6 = {
   key: 0,
   class: "onyx-nav-bar__mobile-global-context"
 };
@@ -12361,7 +12374,7 @@ const _hoisted_8$3 = {
   key: 1,
   class: "onyx-nav-bar__context"
 };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "header",
     {
@@ -12369,7 +12382,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["onyx-component onyx-nav-bar", { "onyx-nav-bar--mobile": $setup.actualIsMobile }])
     },
     [
-      createElementVNode("div", _hoisted_1$k, [
+      createElementVNode("div", _hoisted_1$l, [
         $setup.actualIsMobile && $setup.slots.mobileActivePage && !$setup.isBurgerOpen && !$setup.isContextOpen ? (openBlock(), createElementBlock("span", _hoisted_2$g, [
           renderSlot(_ctx.$slots, "mobileActivePage")
         ])) : $setup.props.appName || $setup.props.logoUrl || $setup.slots.appArea ? (openBlock(), createBlock($setup["OnyxNavAppArea"], mergeProps({
@@ -12485,7 +12498,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
           { key: 4 },
           [
             $setup.actualIsMobile ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
-              $setup.slots.globalContextArea ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
+              $setup.slots.globalContextArea ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
                 renderSlot(_ctx.$slots, "globalContextArea")
               ])) : createCommentVNode("v-if", true),
               $setup.slots.contextArea ? (openBlock(), createBlock($setup["OnyxMobileNavButton"], {
@@ -12520,7 +12533,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue"]]);
+const OnyxNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue"]]);
 const useRelativeTimeFormat = (options) => {
   const { locale, t } = injectI18n();
   const format = computed(() => new Intl.RelativeTimeFormat(locale.value, unref(options.options)));
@@ -12568,7 +12581,7 @@ const useRelativeTimeFormat = (options) => {
     timeAgo
   };
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotificationCard",
   props: {
     density: { type: null, required: false },
@@ -12594,7 +12607,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   key: 0,
   class: "onyx-notification-card-skeleton"
 };
@@ -12605,20 +12618,20 @@ const _hoisted_2$f = {
 const _hoisted_3$a = { class: "onyx-notification-card__header" };
 const _hoisted_4$8 = { class: "onyx-notification-card__header-container" };
 const _hoisted_5$7 = { class: "onyx-notification-card__header-container" };
-const _hoisted_6$4 = { class: "onyx-notification-card__created-at onyx-text--small" };
+const _hoisted_6$5 = { class: "onyx-notification-card__created-at onyx-text--small" };
 const _hoisted_7$2 = { class: "onyx-notification-card__description onyx-text onyx-truncation-multiline" };
 const _hoisted_8$2 = {
   key: 0,
   class: "onyx-notification-card__actions onyx-density-compact"
 };
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
       class: normalizeClass(["onyx-component", "onyx-notification-card", $setup.densityClass])
     },
     [
-      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
+      $setup.skeleton ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
         createVNode($setup["OnyxSkeleton"], { class: "onyx-notification-card-skeleton__header" }),
         (openBlock(), createElementBlock(
           Fragment,
@@ -12673,7 +12686,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
               }, 8, ["label"])) : createCommentVNode("v-if", true)
             ])
           ]),
-          createElementVNode("div", _hoisted_6$4, [
+          createElementVNode("div", _hoisted_6$5, [
             createElementVNode(
               "span",
               null,
@@ -12702,8 +12715,8 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxNotificationCard = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationCard/OnyxNotificationCard.vue"]]);
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const OnyxNotificationCard = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationCard/OnyxNotificationCard.vue"]]);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "OnyxNotificationDot",
   props: {
     hidden: { type: Boolean, required: false, default: false },
@@ -12717,9 +12730,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$i = { class: "onyx-component onyx-notification-dot" };
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+const _hoisted_1$j = { class: "onyx-component onyx-notification-dot" };
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [
     renderSlot(_ctx.$slots, "default"),
     !$setup.props.hidden ? (openBlock(), createBlock($setup["OnyxBadge"], {
       key: 0,
@@ -12729,8 +12742,8 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["color"])) : createCommentVNode("v-if", true)
   ]);
 }
-const OnyxNotificationDot = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationDot/OnyxNotificationDot.vue"]]);
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const OnyxNotificationDot = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationDot/OnyxNotificationDot.vue"]]);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "OnyxPageLayout",
   props: {
     skeleton: { type: Boolean, required: false },
@@ -12747,7 +12760,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "onyx-page__sidebar"
 };
@@ -12760,7 +12773,7 @@ const _hoisted_4$7 = {
   key: 2,
   class: "onyx-page__footer"
 };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -12771,7 +12784,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       ]])
     },
     [
-      $setup.slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+      $setup.slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
         renderSlot(_ctx.$slots, "sidebar")
       ])) : createCommentVNode("v-if", true),
       createElementVNode("main", _hoisted_2$e, [
@@ -12798,8 +12811,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxPageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPageLayout/OnyxPageLayout.vue"]]);
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const OnyxPageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPageLayout/OnyxPageLayout.vue"]]);
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "OnyxProgressItem",
   props: {
     density: { type: null, required: false },
@@ -12825,10 +12838,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$g = ["disabled"];
+const _hoisted_1$h = ["disabled"];
 const _hoisted_2$d = { class: "onyx-progress-item__indicator" };
 const _hoisted_3$8 = { class: "onyx-progress-item__label" };
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-progress-item-skeleton", "onyx-text", $setup.densityClass])
@@ -12873,9 +12886,9 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
         )
       ])
     ])
-  ], 10, _hoisted_1$g));
+  ], 10, _hoisted_1$h));
 }
-const OnyxProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressItem/OnyxProgressItem.vue"]]);
+const OnyxProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressItem/OnyxProgressItem.vue"]]);
 const PROGRESS_ITEM_STATUS = [
   "default",
   "active",
@@ -12883,7 +12896,7 @@ const PROGRESS_ITEM_STATUS = [
   "visited",
   "invalid"
 ];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "OnyxProgressSteps",
   props: {
     density: { type: null, required: false },
@@ -12938,8 +12951,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$f = { class: "onyx-progress-steps__scroll-container" };
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$g = { class: "onyx-progress-steps__scroll-container" };
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -12951,7 +12964,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     },
     [
-      createElementVNode("div", _hoisted_1$f, [
+      createElementVNode("div", _hoisted_1$g, [
         (openBlock(true), createElementBlock(
           Fragment,
           null,
@@ -12991,8 +13004,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxProgressSteps = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressSteps/OnyxProgressSteps.vue"]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const OnyxProgressSteps = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressSteps/OnyxProgressSteps.vue"]]);
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxRadioButton",
   props: {
@@ -13027,8 +13040,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$e = ["required", "name", "value", "checked", "disabled", "autofocus"];
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$f = ["required", "name", "value", "checked", "disabled", "autofocus"];
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -13068,7 +13081,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
             checked: $setup.props.checked,
             disabled: $setup.disabled,
             autofocus: $setup.props.autofocus
-          }, $setup.restAttrs), null, 16, _hoisted_1$e)), [
+          }, $setup.restAttrs), null, 16, _hoisted_1$f)), [
             [$setup["vCustomValidity"]]
           ]),
           createElementVNode(
@@ -13089,8 +13102,8 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["disabled", "error-messages"]));
 }
-const OnyxRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue"]]);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const OnyxRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue"]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "OnyxRadioGroup",
   props: {
     truncation: { type: null, required: false, default: "ellipsis" },
@@ -13137,12 +13150,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$d = ["disabled", "aria-label"];
+const _hoisted_1$e = ["disabled", "aria-label"];
 const _hoisted_2$c = {
   key: 0,
   class: "onyx-radio-group__label"
 };
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("fieldset", {
     class: normalizeClass(["onyx-component", "onyx-radio-group", $setup.densityClass, $setup.requiredTypeClass]),
     disabled: $setup.disabled,
@@ -13216,11 +13229,11 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     )
-  ], 10, _hoisted_1$d);
+  ], 10, _hoisted_1$e);
 }
-const OnyxRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioGroup/OnyxRadioGroup.vue"]]);
+const OnyxRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioGroup/OnyxRadioGroup.vue"]]);
 const LINK_TARGETS = ["_self", "_blank", "_parent", "_top"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxSegmentedControlElement",
   props: {
@@ -13247,13 +13260,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$c = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"];
+const _hoisted_1$d = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"];
 const _hoisted_2$b = ["for"];
 const _hoisted_3$7 = {
   key: 1,
   class: "onyx-segmented-control-element__text"
 };
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     mergeProps($setup.rootAttrs, {
@@ -13273,7 +13286,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
             "aria-label": $setup.props.label,
             autofocus: $setup.props.autofocus,
             checked: $setup.props.checked
-          }), null, 16, _hoisted_1$c)
+          }), null, 16, _hoisted_1$d)
         ]),
         _: 1
         /* STABLE */
@@ -13300,8 +13313,8 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   );
 }
-const OnyxSegmentedControlElement = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControlElement/OnyxSegmentedControlElement.vue"]]);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const OnyxSegmentedControlElement = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControlElement/OnyxSegmentedControlElement.vue"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "OnyxSegmentedControl",
   props: {
     density: { type: null, required: false },
@@ -13330,7 +13343,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
     class: normalizeClass(["onyx-segmented-control-skeleton", $setup.densityClass])
@@ -13361,10 +13374,10 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-const OnyxSegmentedControl = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControl/OnyxSegmentedControl.vue"]]);
+const OnyxSegmentedControl = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControl/OnyxSegmentedControl.vue"]]);
 const SELECT_ALIGNMENTS = ["full", "left", "right"];
 const MULTISELECT_TEXT_MODE = ["summary", "preview"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "OnyxSidebarItem",
   props: {
     density: { type: null, required: false },
@@ -13392,7 +13405,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.link ? (openBlock(), createBlock($setup["OnyxRouterLink"], mergeProps({
     key: 0,
     class: $setup.classes
@@ -13416,12 +13429,12 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-const OnyxSidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSidebar/modules/OnyxSidebarItem/OnyxSidebarItem.vue"]]);
+const OnyxSidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSidebar/modules/OnyxSidebarItem/OnyxSidebarItem.vue"]]);
 const arrowSmallLeft = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>';
 const arrowSmallRight = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>';
 const sidebarArrowLeft = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m15.218 8.558-3.48 3.48 3.48 3.48 1.064-1.058-2.422-2.423 2.422-2.422z"/></svg>';
 const sidebarArrowRight = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m12.27 9.615 2.423 2.422-2.423 2.423 1.058 1.057 3.48-3.48-3.48-3.48z"/></svg>';
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "OnyxSidebar",
   props: {
     density: { type: null, required: false },
@@ -13509,7 +13522,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$b = ["aria-label"];
+const _hoisted_1$c = ["aria-label"];
 const _hoisted_2$a = {
   key: 0,
   class: "onyx-sidebar__header"
@@ -13520,7 +13533,7 @@ const _hoisted_4$6 = {
   class: "onyx-sidebar__footer"
 };
 const _hoisted_5$6 = { class: "onyx-sidebar__footer" };
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return !$setup.props.temporary && !$setup.shouldCollapse ? (openBlock(), createElementBlock("aside", {
     key: 0,
     ref: "sidebarRef",
@@ -13547,7 +13560,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       element: $setup.sidebarElement
     }, $setup.resizeHandleProps), null, 16, ["element"])) : createCommentVNode("v-if", true)
-  ], 14, _hoisted_1$b)) : (openBlock(), createBlock($setup["OnyxModal"], mergeProps({ key: 1 }, $setup.props.temporary, {
+  ], 14, _hoisted_1$c)) : (openBlock(), createBlock($setup["OnyxModal"], mergeProps({ key: 1 }, $setup.props.temporary, {
     ref: "modalRef",
     open: $setup.isModalOpen,
     "onUpdate:open": _cache[0] || (_cache[0] = ($event) => $setup.isModalOpen = $event),
@@ -13599,9 +13612,9 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040, ["open", "class", "label", "density", "style", "alignment"]));
 }
-const OnyxSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSidebar/OnyxSidebar.vue"]]);
+const OnyxSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSidebar/OnyxSidebar.vue"]]);
 const SIDEBAR_ALIGNMENT = ["left", "right"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxStepper",
   props: {
@@ -13724,7 +13737,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$a = { class: "onyx-stepper__wrapper" };
+const _hoisted_1$b = { class: "onyx-stepper__wrapper" };
 const _hoisted_2$9 = ["disabled", "aria-label"];
 const _hoisted_3$5 = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"];
 const _hoisted_4$5 = {
@@ -13732,7 +13745,7 @@ const _hoisted_4$5 = {
   "aria-hidden": "true"
 };
 const _hoisted_5$5 = ["disabled", "aria-label"];
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -13761,7 +13774,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         "error-messages": $setup.errorMessages
       }), {
         default: withCtx(({ id: inputId }) => [
-          createElementVNode("div", _hoisted_1$a, [
+          createElementVNode("div", _hoisted_1$b, [
             !$setup.props.hideButtons ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -13835,9 +13848,9 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxStepper = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue"]]);
+const OnyxStepper = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue"]]);
 const __default__$1 = {};
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   __name: "OnyxSliderControl",
   props: {
@@ -13886,7 +13899,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -13945,9 +13958,9 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   );
 }
-const OnyxSliderControl = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSliderControl/OnyxSliderControl.vue"]]);
+const OnyxSliderControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSliderControl/OnyxSliderControl.vue"]]);
 const __default__ = {};
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "OnyxSlider",
   props: {
@@ -14013,9 +14026,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$9 = { class: "onyx-slider__container" };
+const _hoisted_1$a = { class: "onyx-slider__container" };
 const _hoisted_2$8 = ["id", "tabindex", "disabled", "aria-label", "autofocus"];
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     {
@@ -14046,7 +14059,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         "error-messages": $setup.errorMessages
       }), {
         default: withCtx(({ id: inputId }) => [
-          createElementVNode("div", _hoisted_1$9, [
+          createElementVNode("div", _hoisted_1$a, [
             $setup.props.control === "value" ? (openBlock(), createBlock($setup["OnyxSliderControl"], {
               key: 0,
               control: "value",
@@ -14222,10 +14235,10 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS */
   ));
 }
-const OnyxSlider = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSlider/OnyxSlider.vue"]]);
+const OnyxSlider = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSlider/OnyxSlider.vue"]]);
 const SLIDER_MODES = ["single", "range"];
 const SLIDER_CONTROLS = ["icon", "value", "input"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxSwitch",
   props: {
@@ -14275,13 +14288,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$8 = { class: "onyx-switch-skeleton__click-area" };
+const _hoisted_1$9 = { class: "onyx-switch-skeleton__click-area" };
 const _hoisted_2$7 = ["title"];
 const _hoisted_3$4 = ["aria-label", "disabled", "required", "autofocus"];
 const _hoisted_4$4 = { class: "onyx-switch__click-area" };
 const _hoisted_5$4 = { class: "onyx-switch__container" };
-const _hoisted_6$3 = { class: "onyx-switch__icon" };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_6$4 = { class: "onyx-switch__icon" };
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
@@ -14289,7 +14302,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       class: ["onyx-component", "onyx-switch-skeleton", $setup.densityClass]
     }, $setup.rootAttrs),
     [
-      createElementVNode("span", _hoisted_1$8, [
+      createElementVNode("span", _hoisted_1$9, [
         createVNode($setup["OnyxSkeleton"], { class: "onyx-switch-skeleton__input" })
       ]),
       !$setup.props.hideLabel ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
@@ -14325,7 +14338,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         createElementVNode("span", _hoisted_4$4, [
           createElementVNode("span", _hoisted_5$4, [
-            createElementVNode("span", _hoisted_6$3, [
+            createElementVNode("span", _hoisted_6$4, [
               $setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
                 key: 0,
                 class: "onyx-switch__spinner",
@@ -14374,9 +14387,9 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["disabled", "error-messages"]));
 }
-const OnyxSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSwitch/OnyxSwitch.vue"]]);
+const OnyxSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSwitch/OnyxSwitch.vue"]]);
 const SYSTEM_BUTTON_COLORS = ["intense", "soft", "medium"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "OnyxTimepickerInput",
   props: {
@@ -14397,10 +14410,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
     message: { type: [String, Object], required: false },
     success: { type: [String, Object], required: false },
+    hideClearIcon: { type: Boolean, required: false },
+    options: { type: null, required: false },
+    modelValue: { type: String, required: false },
+    min: { type: null, required: false },
+    max: { type: null, required: false },
     showSeconds: { type: Boolean, required: false },
     infoLabel: { type: String, required: false },
     hideInfoLabelIcon: { type: Boolean, required: false },
-    modelValue: { type: String, required: false },
     step: { type: Number, required: false, default: 0 }
   },
   emits: ["update:modelValue", "validityChange"],
@@ -14436,21 +14453,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-const _hoisted_1$7 = { class: "onyx-datepicker__wrapper" };
-const _hoisted_2$6 = ["id", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "step"];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$8 = { class: "onyx-timepicker-input__wrapper" };
+const _hoisted_2$6 = ["id", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "step", "max", "min"];
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
     mergeProps({
       key: 0,
-      class: ["onyx-component", "onyx-datepicker-skeleton", $setup.densityClass]
+      class: ["onyx-component", "onyx-timepicker-input-skeleton", $setup.densityClass]
     }, $setup.rootAttrs),
     [
       !$setup.props.hideLabel ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
         key: 0,
-        class: "onyx-datepicker-skeleton__label"
+        class: "onyx-timepicker-input-skeleton__label"
       })) : createCommentVNode("v-if", true),
-      createVNode($setup["OnyxSkeleton"], { class: "onyx-datepicker-skeleton__input" })
+      createVNode($setup["OnyxSkeleton"], { class: "onyx-timepicker-input-skeleton__input" })
     ],
     16
     /* FULL_PROPS */
@@ -14458,7 +14475,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     "div",
     mergeProps({
       key: 1,
-      class: ["onyx-component", "onyx-datepicker", $setup.densityClass, $setup.errorClass]
+      class: ["onyx-component", "onyx-timepicker-input", $setup.densityClass, $setup.errorClass]
     }, $setup.rootAttrs),
     [
       createVNode($setup["OnyxFormElement"], mergeProps($setup.formElementProps, {
@@ -14468,19 +14485,20 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         message: $setup.messages
       }), {
         default: withCtx(({ id: inputId }) => [
-          createElementVNode("div", _hoisted_1$7, [
+          createElementVNode("div", _hoisted_1$8, [
             $setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
               key: 0,
-              class: "onyx-datepicker__loading",
+              class: "onyx-timepicker-input__loading",
               type: "circle"
             })) : createCommentVNode("v-if", true),
             withDirectives(createElementVNode("input", mergeProps({
               id: inputId,
-              key: "time",
               ref: "inputRef",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.value = $event),
-              class: ["onyx-datepicker__native", { "onyx-datepicker__native--success": $setup.successMessages }],
               type: "time",
+              class: ["onyx-timepicker-input__native", {
+                "onyx-timepicker-input__native--success": $setup.successMessages
+              }],
               required: $setup.props.required,
               autofocus: $setup.props.autofocus,
               name: $setup.props.name,
@@ -14489,7 +14507,10 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-label": $setup.props.hideLabel ? $setup.props.label : void 0,
               title: $setup.props.hideLabel ? $setup.props.label : void 0,
               step: $setup.props.step
-            }, $setup.restAttrs), null, 16, _hoisted_2$6), [
+            }, $setup.restAttrs, {
+              max: $setup.props.max,
+              min: $setup.props.min
+            }), null, 16, _hoisted_2$6), [
               [vModelText, $setup.value],
               [$setup["vCustomValidity"]]
             ]),
@@ -14504,14 +14525,14 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     /* FULL_PROPS */
   ));
 }
-const OnyxTimepickerInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTimepicker/OnyxTimepickerInput.vue"]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "OnyxTimepicker",
+const OnyxTimepickerInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTimepicker/OnyxTimepickerInput.vue"]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "OnyxTimeInput",
   props: {
-    disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
-    showError: { type: null, required: false, default: FORM_INJECTED_SYMBOL },
-    requiredMarker: { type: null, required: false, default: FORM_INJECTED_SYMBOL },
-    required: { type: Boolean, required: false, default: false },
+    disabled: { type: [Boolean, Symbol], required: false },
+    showError: { type: null, required: false },
+    requiredMarker: { type: null, required: false },
+    required: { type: Boolean, required: false },
     density: { type: null, required: false },
     error: { type: [String, Object], required: false },
     autofocus: { type: Boolean, required: false },
@@ -14520,28 +14541,60 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     label: { type: String, required: true },
     labelTooltip: { type: String, required: false },
     hideLabel: { type: Boolean, required: false },
-    readonly: { type: Boolean, required: false, default: false },
+    readonly: { type: Boolean, required: false },
     loading: { type: Boolean, required: false },
-    skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
+    skeleton: { type: [Symbol, Boolean, Number], required: false },
     message: { type: [String, Object], required: false },
     success: { type: [String, Object], required: false },
-    showSeconds: { type: Boolean, required: false, default: false },
+    hideClearIcon: { type: Boolean, required: false },
+    type: { type: null, required: false, default: "default" },
+    options: { type: null, required: false },
+    modelValue: { type: String, required: false },
+    min: { type: null, required: false },
+    max: { type: null, required: false },
+    showSeconds: { type: Boolean, required: false },
     infoLabel: { type: String, required: false },
-    hideInfoLabelIcon: { type: Boolean, required: false },
-    modelValue: { type: String, required: false }
+    hideInfoLabelIcon: { type: Boolean, required: false }
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
     const emit = __emit;
-    const { t } = injectI18n();
     const modelValue = useVModel({ props, emit, key: "modelValue" });
+    const { t } = injectI18n();
     const open = ref(false);
     const hourInputRef = useTemplateRef("hourInputTemplateRef");
     const minuteInputRef = useTemplateRef("minuteInputTemplateRef");
     const secondInputRef = useTemplateRef("secondInputTemplateRef");
     const rootRef = useTemplateRef("rootTemplateRef");
+    const partsToTotalSeconds = (parts) => {
+      const h2 = parseInt(parts[0] || "0", 10);
+      const m = parseInt(parts[1] || "0", 10);
+      const s = parseInt(parts[2] || "0", 10);
+      return h2 * 3600 + m * 60 + s;
+    };
+    const totalSecondsToParts = (totalSeconds) => {
+      const h2 = Math.floor(totalSeconds / 3600);
+      const m = Math.floor(totalSeconds % 3600 / 60);
+      const s = totalSeconds % 60;
+      return [String(h2).padStart(2, "0"), String(m).padStart(2, "0"), String(s).padStart(2, "0")];
+    };
+    const parseTimeSeconds = (timeString) => {
+      if (!timeString) return null;
+      const parts = timeString.split(":").map((p) => parseInt(p, 10));
+      if (parts.length < 2) return null;
+      return parts[0] * 3600 + parts[1] * 60 + (parts[2] || 0);
+    };
+    const minTimeSeconds = computed(() => parseTimeSeconds(props.min));
+    const maxTimeSeconds = computed(() => parseTimeSeconds(props.max));
+    const clampTime = (newParts) => {
+      const currentTotalSeconds = partsToTotalSeconds(newParts);
+      const min = minTimeSeconds.value ?? 0;
+      const max = maxTimeSeconds.value ?? partsToTotalSeconds(["23", "59", "59"]);
+      const clampedTotalSeconds = Math.min(Math.max(currentTotalSeconds, min), max);
+      return totalSecondsToParts(clampedTotalSeconds);
+    };
     const isSegmentVisible = (segmentName) => {
       if (segmentName === "second") return props.showSeconds;
       return true;
@@ -14556,18 +14609,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return [parts[0] ?? "00", parts[1] ?? "00", parts[2] ?? "00"];
     });
     const updateModelValue = (newParts) => {
-      const partsToKeep = [];
-      partsToKeep.push(newParts[0] ?? "00");
-      partsToKeep.push(newParts[1] ?? "00");
+      const clampedParts = clampTime(newParts);
+      const finalParts = [];
+      finalParts.push(clampedParts[0]);
+      finalParts.push(clampedParts[1]);
       if (props.showSeconds) {
-        partsToKeep.push(newParts[2] ?? "00");
+        finalParts.push(clampedParts[2]);
       }
-      modelValue.value = partsToKeep.join(":");
-    };
-    const clampValue = (value, max) => {
-      if (value > max) return max;
-      if (value < 0) return 0;
-      return value;
+      modelValue.value = finalParts.join(":");
     };
     const createSegmentComputed = (index, segmentName) => computed({
       get: () => {
@@ -14576,9 +14625,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       },
       set: (newValue) => {
         if (!isSegmentVisible(segmentName) || newValue === null) return;
-        const max = segmentName === "hour" ? 23 : 59;
-        const clampedValue = clampValue(newValue, max);
         const parts = [...timeParts.value];
+        const segmentMax = segmentName === "hour" ? 23 : 59;
+        const clampedValue = Math.min(Math.max(newValue, 0), segmentMax);
         parts[index] = String(clampedValue).padStart(2, "0");
         updateModelValue(parts);
       }
@@ -14661,46 +14710,40 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       onOutsideClick: () => open.value = false,
       checkOnTab: true
     });
-    const inputProps = computed(() => {
-      const {
-        modelValue: _,
-        showSeconds: __,
-        infoLabel: ___,
-        hideInfoLabelIcon: ____,
-        ...others
-      } = props;
-      return others;
-    });
-    const __returned__ = { props, emit, t, modelValue, open, hourInputRef, minuteInputRef, secondInputRef, rootRef, isSegmentVisible, availableSegments, timeParts, updateModelValue, clampValue, createSegmentComputed, hour, minute, second, getSegmentRef, handleSegmentFocus, jumpSegment, handleInputChange, handleOpen, inputProps, get iconCircleInformation() {
+    const inputProps = useForwardProps(props, OnyxTimepickerInput);
+    const __returned__ = { props, emit, modelValue, t, open, hourInputRef, minuteInputRef, secondInputRef, rootRef, partsToTotalSeconds, totalSecondsToParts, parseTimeSeconds, minTimeSeconds, maxTimeSeconds, clampTime, isSegmentVisible, availableSegments, timeParts, updateModelValue, createSegmentComputed, hour, minute, second, getSegmentRef, handleSegmentFocus, jumpSegment, handleInputChange, handleOpen, inputProps, get iconCircleInformation() {
       return iconCircleInformation;
     }, get iconClock() {
       return iconClock;
+    }, get iconXSmall() {
+      return iconXSmall;
     }, OnyxBasicPopover, OnyxIcon, OnyxIconButton, OnyxStepper, OnyxTimepickerInput };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   ref: "rootTemplateRef",
   class: "onyx-component onyx-timepicker"
 };
-const _hoisted_2$5 = {
+const _hoisted_2$5 = ["aria-label", "title"];
+const _hoisted_3$3 = {
   class: "onyx-timepicker__wrapper",
   tabindex: "-1"
 };
-const _hoisted_3$3 = { class: "onyx-timepicker__group" };
-const _hoisted_4$3 = {
+const _hoisted_4$3 = { class: "onyx-timepicker__group" };
+const _hoisted_5$3 = {
   key: 0,
   class: "onyx-timepicker__divider"
 };
-const _hoisted_5$3 = {
+const _hoisted_6$3 = {
   key: 0,
   class: "onyx-timepicker__info-label"
 };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
-    _hoisted_1$6,
+    _hoisted_1$7,
     [
       createVNode($setup["OnyxBasicPopover"], {
         class: "onyx-timepicker__popover",
@@ -14711,33 +14754,47 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         "fit-parent": ""
       }, {
         default: withCtx(() => [
-          createVNode($setup["OnyxTimepickerInput"], mergeProps({
-            "model-value": $setup.modelValue,
-            class: "onyx-timepicker__input"
-          }, $setup.inputProps, {
+          createVNode($setup["OnyxTimepickerInput"], mergeProps({ class: "onyx-timepicker__input" }, $setup.inputProps, {
             step: $setup.props.showSeconds ? 1 : 0,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.modelValue = $event),
-            onClick: _cache[1] || (_cache[1] = ($event) => $setup.open = false)
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.modelValue = $event),
+            onClick: _cache[3] || (_cache[3] = ($event) => $setup.open = false)
           }), {
             icon: withCtx(() => [
-              createVNode($setup["OnyxIconButton"], {
+              !$setup.open || !$setup.modelValue || $setup.props.hideClearIcon ? (openBlock(), createBlock($setup["OnyxIconButton"], {
+                key: 0,
                 label: $setup.t("timepicker.labels.iconButton"),
                 icon: $setup.iconClock,
                 color: $setup.open ? "primary" : "neutral",
+                class: "onyx-timepicker__time-icon",
                 onClick: withModifiers($setup.handleOpen, ["stop"])
-              }, null, 8, ["label", "icon", "color"])
+              }, null, 8, ["label", "icon", "color"])) : (openBlock(), createElementBlock("button", {
+                key: 1,
+                class: "onyx-timepicker__clear-button",
+                type: "button",
+                "aria-label": $setup.t("input.clear"),
+                title: $setup.t("input.clear"),
+                tabindex: "-1",
+                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["prevent"])),
+                onClick: _cache[1] || (_cache[1] = ($event) => $setup.modelValue = void 0)
+              }, [
+                createVNode($setup["OnyxIcon"], {
+                  icon: $setup.iconXSmall,
+                  color: "neutral"
+                }, null, 8, ["icon"])
+              ], 40, _hoisted_2$5))
             ]),
             _: 1
             /* STABLE */
-          }, 16, ["model-value", "step"])
+          }, 16, ["step"])
         ]),
         content: withCtx(() => [
-          createElementVNode("div", _hoisted_2$5, [
-            createElementVNode("div", _hoisted_3$3, [
+          createElementVNode("div", _hoisted_3$3, [
+            createElementVNode("div", _hoisted_4$3, [
               createVNode($setup["OnyxStepper"], {
                 ref: "hourInputTemplateRef",
                 modelValue: $setup.hour,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.hour = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.hour = $event),
                 label: $setup.t("timepicker.labels.hour"),
                 placeholder: $setup.t("timepicker.placeholder.hour"),
                 disabled: $setup.props.disabled,
@@ -14746,10 +14803,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                 "hide-clear-icon": "",
                 "hide-success-icon": "",
                 "hide-buttons": "",
-                onClick: _cache[3] || (_cache[3] = ($event) => $setup.handleSegmentFocus($setup.hourInputRef)),
-                onKeydown: _cache[4] || (_cache[4] = (e) => $setup.handleInputChange("hour", e))
+                onClick: _cache[5] || (_cache[5] = ($event) => $setup.handleSegmentFocus($setup.hourInputRef)),
+                onKeydown: _cache[6] || (_cache[6] = (e) => $setup.handleInputChange("hour", e))
               }, null, 8, ["modelValue", "label", "placeholder", "disabled", "loading"]),
-              _cache[11] || (_cache[11] = createElementVNode(
+              _cache[13] || (_cache[13] = createElementVNode(
                 "span",
                 { class: "onyx-timepicker__divider" },
                 ":",
@@ -14759,7 +14816,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode($setup["OnyxStepper"], {
                 ref: "minuteInputTemplateRef",
                 modelValue: $setup.minute,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $setup.minute = $event),
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $setup.minute = $event),
                 label: $setup.t("timepicker.labels.minute"),
                 placeholder: $setup.t("timepicker.placeholder.minute"),
                 disabled: $setup.props.disabled,
@@ -14768,15 +14825,15 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                 "hide-clear-icon": "",
                 "hide-success-icon": "",
                 "hide-buttons": "",
-                onClick: _cache[6] || (_cache[6] = ($event) => $setup.handleSegmentFocus($setup.minuteInputRef)),
-                onKeydown: _cache[7] || (_cache[7] = (e) => $setup.handleInputChange("minute", e))
+                onClick: _cache[8] || (_cache[8] = ($event) => $setup.handleSegmentFocus($setup.minuteInputRef)),
+                onKeydown: _cache[9] || (_cache[9] = (e) => $setup.handleInputChange("minute", e))
               }, null, 8, ["modelValue", "label", "placeholder", "disabled", "loading"]),
-              $setup.props.showSeconds ? (openBlock(), createElementBlock("span", _hoisted_4$3, ":")) : createCommentVNode("v-if", true),
+              $setup.props.showSeconds ? (openBlock(), createElementBlock("span", _hoisted_5$3, ":")) : createCommentVNode("v-if", true),
               $setup.props.showSeconds ? (openBlock(), createBlock($setup["OnyxStepper"], {
                 key: 1,
                 ref: "secondInputTemplateRef",
                 modelValue: $setup.second,
-                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $setup.second = $event),
+                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $setup.second = $event),
                 label: $setup.t("timepicker.labels.second"),
                 placeholder: $setup.t("timepicker.placeholder.second"),
                 disabled: $setup.props.disabled,
@@ -14785,15 +14842,17 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                 "hide-clear-icon": "",
                 "hide-success-icon": "",
                 "hide-buttons": "",
-                onClick: _cache[9] || (_cache[9] = ($event) => $setup.handleSegmentFocus($setup.secondInputRef)),
-                onKeydown: _cache[10] || (_cache[10] = (e) => $setup.handleInputChange("second", e))
+                onClick: _cache[11] || (_cache[11] = ($event) => $setup.handleSegmentFocus($setup.secondInputRef)),
+                onKeydown: _cache[12] || (_cache[12] = (e) => $setup.handleInputChange("second", e))
               }, null, 8, ["modelValue", "label", "placeholder", "disabled", "loading"])) : createCommentVNode("v-if", true)
             ]),
-            $setup.props.infoLabel ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+            $setup.props.infoLabel ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
               !$setup.props.hideInfoLabelIcon ? (openBlock(), createBlock($setup["OnyxIcon"], {
                 key: 0,
+                class: "onyx-timepicker__info-icon",
                 icon: $setup.iconCircleInformation,
-                color: "neutral"
+                color: "neutral",
+                size: "16px"
               }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
               createElementVNode(
                 "p",
@@ -14813,7 +14872,186 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
+const OnyxTimeInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTimepicker/OnyxTimeInput.vue"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "OnyxTimeSelect",
+  props: {
+    disabled: { type: [Boolean, Symbol], required: false },
+    showError: { type: null, required: false },
+    requiredMarker: { type: null, required: false },
+    required: { type: Boolean, required: false },
+    density: { type: null, required: false },
+    error: { type: [String, Object], required: false },
+    autofocus: { type: Boolean, required: false },
+    id: { type: String, required: false },
+    name: { type: String, required: false },
+    label: { type: String, required: true },
+    labelTooltip: { type: String, required: false },
+    hideLabel: { type: Boolean, required: false },
+    readonly: { type: Boolean, required: false },
+    loading: { type: Boolean, required: false },
+    skeleton: { type: [Symbol, Boolean, Number], required: false },
+    message: { type: [String, Object], required: false },
+    success: { type: [String, Object], required: false },
+    hideClearIcon: { type: Boolean, required: false },
+    type: { type: null, required: false, default: "select" },
+    options: { type: null, required: false },
+    modelValue: { type: String, required: false },
+    min: { type: null, required: false },
+    max: { type: null, required: false },
+    showSeconds: { type: Boolean, required: false },
+    infoLabel: { type: String, required: false },
+    hideInfoLabelIcon: { type: Boolean, required: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useVModel({ props, emit, key: "modelValue" });
+    const { t } = injectI18n();
+    const placeholderText = computed(() => {
+      const parts = [];
+      parts.push(t.value("timepicker.placeholder.hour"));
+      parts.push(t.value("timepicker.placeholder.minute"));
+      if (props.showSeconds) {
+        parts.push(t.value("timepicker.placeholder.second"));
+      }
+      return parts.join(":");
+    });
+    const timeOptions = computed(() => {
+      if (props.type !== "select") {
+        return [];
+      }
+      if (props.options?.customTimes) {
+        return props.options.customTimes;
+      }
+      const config = props.options || {};
+      const stepSizeInSeconds = config.stepSize ?? 1800;
+      const defaultTime = props.showSeconds ? "00:00:00" : "00:00";
+      const defaultEndTime = props.showSeconds ? "23:59:59" : "23:59";
+      const startTime = props.min ?? defaultTime;
+      const endTime = props.max ?? defaultEndTime;
+      const startParts = startTime.split(":").map(Number);
+      const endParts = endTime.split(":").map(Number);
+      if (startParts.some(isNaN) || endParts.some(isNaN)) {
+        return [];
+      }
+      const startHour = startParts[0] ?? 0;
+      const startMinute = startParts[1] ?? 0;
+      const startSecond = startParts[2] ?? 0;
+      const endHour = endParts[0] ?? 0;
+      const endMinute = endParts[1] ?? 0;
+      const endSecond = endParts[2] ?? 0;
+      let currentTimeInSeconds = startHour * 3600 + startMinute * 60 + startSecond;
+      const endTimeInSeconds = endHour * 3600 + endMinute * 60 + endSecond;
+      const options = [];
+      while (currentTimeInSeconds <= endTimeInSeconds) {
+        const hours = Math.floor(currentTimeInSeconds / 3600) % 24;
+        const remainingSecondsFromHour = currentTimeInSeconds % 3600;
+        const minutes = Math.floor(remainingSecondsFromHour / 60);
+        const seconds = remainingSecondsFromHour % 60;
+        const formattedHours = String(hours).padStart(2, "0");
+        const formattedMinutes = String(minutes).padStart(2, "0");
+        let timeString = `${formattedHours}:${formattedMinutes}`;
+        if (props.showSeconds) {
+          const formattedSeconds = String(seconds).padStart(2, "0");
+          timeString += `:${formattedSeconds}`;
+        }
+        options.push({
+          value: timeString,
+          label: timeString
+        });
+        currentTimeInSeconds += stepSizeInSeconds;
+      }
+      return options;
+    });
+    const inputProps = useForwardProps(props, OnyxSelect);
+    const __returned__ = { props, emit, modelValue, t, placeholderText, timeOptions, inputProps, get iconClock() {
+      return iconClock;
+    }, OnyxIcon, OnyxSelect };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["OnyxSelect"], mergeProps($setup.inputProps, {
+    modelValue: $setup.modelValue,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.modelValue = $event),
+    label: $setup.props.label,
+    class: "onyx-timepicker",
+    "list-label": $setup.t("timepicker.labels.listLabel"),
+    options: $setup.timeOptions,
+    placeholder: $setup.placeholderText
+  }), {
+    toggleIcon: withCtx(() => [
+      createVNode($setup["OnyxIcon"], {
+        class: normalizeClass(["onyx-timepicker__icon", { filled: $setup.modelValue }]),
+        icon: $setup.iconClock
+      }, null, 8, ["class", "icon"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["modelValue", "label", "list-label", "options", "placeholder"]);
+}
+const OnyxTimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTimepicker/OnyxTimeSelect.vue"]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "OnyxTimepicker",
+  props: {
+    disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
+    showError: { type: null, required: false, default: FORM_INJECTED_SYMBOL },
+    requiredMarker: { type: null, required: false, default: FORM_INJECTED_SYMBOL },
+    required: { type: Boolean, required: false, default: false },
+    density: { type: null, required: false },
+    error: { type: [String, Object], required: false },
+    autofocus: { type: Boolean, required: false },
+    id: { type: String, required: false },
+    name: { type: String, required: false },
+    label: { type: String, required: true },
+    labelTooltip: { type: String, required: false },
+    hideLabel: { type: Boolean, required: false },
+    readonly: { type: Boolean, required: false, default: false },
+    loading: { type: Boolean, required: false },
+    skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
+    message: { type: [String, Object], required: false },
+    success: { type: [String, Object], required: false },
+    hideClearIcon: { type: Boolean, required: false },
+    type: { type: null, required: false, default: "default" },
+    options: { type: null, required: false },
+    modelValue: { type: String, required: false },
+    min: { type: null, required: false },
+    max: { type: null, required: false },
+    showSeconds: { type: Boolean, required: false, default: false },
+    infoLabel: { type: String, required: false },
+    hideInfoLabelIcon: { type: Boolean, required: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useVModel({ props, emit, key: "modelValue" });
+    const input2 = useForwardProps(props, OnyxTimeInput);
+    const select2 = useForwardProps(props, OnyxTimeInput);
+    const __returned__ = { props, emit, modelValue, input: input2, select: select2, OnyxTimeInput, OnyxTimeSelect };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1$6 = { class: "onyx-component" };
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+    $setup.props.type === "default" ? (openBlock(), createBlock($setup["OnyxTimeInput"], mergeProps({ key: 0 }, $setup.input, {
+      modelValue: $setup.modelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.modelValue = $event)
+    }), null, 16, ["modelValue"])) : (openBlock(), createBlock($setup["OnyxTimeSelect"], mergeProps({ key: 1 }, $setup.select, {
+      modelValue: $setup.modelValue,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.modelValue = $event)
+    }), null, 16, ["modelValue"]))
+  ]);
+}
 const OnyxTimepicker = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTimepicker/OnyxTimepicker.vue"]]);
+const TIMEPICKER_TYPES = ["default", "select"];
 const circleAttention = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>';
 const useFileSize = () => {
   const { locale } = injectI18n();
@@ -16392,6 +16630,7 @@ export {
   SYSTEM_BUTTON_COLORS,
   TABS_INJECTION_KEY,
   TEXT_SIZES,
+  TIMEPICKER_TYPES,
   TOAST_PROVIDER_INJECTION_KEY,
   TRUNCATION_TYPES,
   createFeature,