sit-onyx 1.6.0-dev-20260107123212 → 1.6.0-dev-20260108080003

package/dist/index.esm-bundler.js

@@ -253,7 +253,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1m = ["open"];
 const _hoisted_2$Y = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"];
-const _hoisted_3$D = { class: "onyx-accordion-item__header-content" };
+const _hoisted_3$C = { class: "onyx-accordion-item__header-content" };
 const _hoisted_4$p = ["id", "aria-labelledby"];
 function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.showSkeleton ? (openBlock(), createBlock(resolveDynamicComponent($setup.type === "card" ? $setup.OnyxSkeleton : "div"), {
@@ -291,7 +291,7 @@ function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-disabled": $setup.isDisabled,
       onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $setup.isOpen = !$setup.isOpen, ["prevent"]))
     }, [
-      createElementVNode("div", _hoisted_3$D, [
+      createElementVNode("div", _hoisted_3$C, [
         renderSlot(_ctx.$slots, "header")
       ]),
       createVNode($setup["OnyxIcon"], {
@@ -2364,7 +2364,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1h = { class: "onyx-alert-modal__content" };
 const _hoisted_2$W = { class: "onyx-alert-modal__headline" };
-const _hoisted_3$C = ["id"];
+const _hoisted_3$B = ["id"];
 const _hoisted_4$o = { class: "onyx-alert-modal__actions" };
 function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps({
@@ -2416,7 +2416,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
             class: "onyx-alert-modal__body onyx-truncation"
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 8, _hoisted_3$C)
+          ], 8, _hoisted_3$B)
         ])
       ]),
       createElementVNode("div", _hoisted_4$o, [
@@ -3603,7 +3603,7 @@ const _hoisted_2$T = {
   key: 3,
   class: "onyx-info-card__description onyx-text--small"
 };
-const _hoisted_3$B = {
+const _hoisted_3$A = {
   key: 4,
   class: "onyx-info-card__buttons onyx-density-compact"
 };
@@ -3665,7 +3665,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
         !!$setup.slots.default ? (openBlock(), createElementBlock("p", _hoisted_2$T, [
           renderSlot(_ctx.$slots, "default")
         ])) : createCommentVNode("v-if", true),
-        !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$B, [
+        !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
           renderSlot(_ctx.$slots, "buttons")
         ])) : createCommentVNode("v-if", true)
       ])
@@ -3880,7 +3880,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$17 = { class: "onyx-toast-message__wrapper" };
 const _hoisted_2$S = { class: "onyx-toast-message__content onyx-truncation-ellipsis" };
-const _hoisted_3$A = { class: "onyx-toast-message__headline onyx-text" };
+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$c = {
@@ -3901,7 +3901,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
           icon: $setup.icon
         }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
         createElementVNode("div", _hoisted_2$S, [
-          createElementVNode("div", _hoisted_3$A, [
+          createElementVNode("div", _hoisted_3$z, [
             createElementVNode(
               "span",
               _hoisted_4$n,
@@ -4103,7 +4103,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$14 = ["title", "aria-label"];
 const _hoisted_2$Q = ["src", "alt"];
-const _hoisted_3$z = {
+const _hoisted_3$y = {
   key: 0,
   class: "onyx-avatar__initials"
 };
@@ -4130,7 +4130,7 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
       [
         $setup.initials ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_3$z,
+          _hoisted_3$y,
           toDisplayString($setup.initials),
           1
           /* TEXT */
@@ -4228,7 +4228,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$12 = { class: "onyx-bottom-bar__content onyx-grid-container" };
 const _hoisted_2$P = { class: "onyx-bottom-bar__content--left" };
-const _hoisted_3$y = { class: "onyx-bottom-bar__content--right" };
+const _hoisted_3$x = { class: "onyx-bottom-bar__content--right" };
 function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
@@ -4245,7 +4245,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", _hoisted_2$P, [
           renderSlot(_ctx.$slots, "left")
         ]),
-        createElementVNode("div", _hoisted_3$y, [
+        createElementVNode("div", _hoisted_3$x, [
           renderSlot(_ctx.$slots, "default")
         ])
       ])
@@ -4505,7 +4505,7 @@ const _hoisted_2$O = {
   key: 0,
   class: "onyx-menu-item__chevron"
 };
-const _hoisted_3$x = {
+const _hoisted_3$w = {
   key: 0,
   role: "menu",
   class: "onyx-menu-item__children"
@@ -4559,7 +4559,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       $setup.hasChildren ? withDirectives((openBlock(), createElementBlock(
         "ul",
-        _hoisted_3$x,
+        _hoisted_3$w,
         [
           createVNode(
             _component_OnyxMenuItem,
@@ -4789,7 +4789,7 @@ const _hoisted_2$N = {
   class: "onyx-breadcrumb__list onyx-grid-container",
   role: "menu"
 };
-const _hoisted_3$w = { ref: "moreListRef" };
+const _hoisted_3$v = { ref: "moreListRef" };
 function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", {
     class: normalizeClass([
@@ -4869,7 +4869,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
             options: withCtx(() => [
               createElementVNode(
                 "div",
-                _hoisted_3$w,
+                _hoisted_3$v,
                 null,
                 512
                 /* NEED_PATCH */
@@ -5149,7 +5149,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$_ = { class: "onyx-calendar-cell__header" };
 const _hoisted_2$M = { class: "onyx-calendar-cell__date-container" };
-const _hoisted_3$v = {
+const _hoisted_3$u = {
   key: 1,
   class: "onyx-calendar-cell__date"
 };
@@ -5203,7 +5203,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
                 /* STABLE */
               }, 8, ["text"])) : (openBlock(), createElementBlock(
                 "span",
-                _hoisted_3$v,
+                _hoisted_3$u,
                 toDisplayString($setup.props.date),
                 1
                 /* TEXT */
@@ -5489,7 +5489,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$Y = { class: "onyx-calendar__header" };
 const _hoisted_2$K = { class: "control-container time-control-container" };
-const _hoisted_3$u = { class: "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$1c(_ctx, _cache, $props, $setup, $data, $options) {
@@ -5557,7 +5557,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[1] || (_cache[1] = ($event) => $setup.goToMonthByOffset(1))
           }, null, 8, ["label", "icon", "disabled"])
         ]),
-        createElementVNode("div", _hoisted_3$u, [
+        createElementVNode("div", _hoisted_3$t, [
           renderSlot(_ctx.$slots, "actions")
         ])
       ]),
@@ -5977,7 +5977,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$W = ["title"];
 const _hoisted_2$I = { class: "onyx-checkbox__container" };
-const _hoisted_3$t = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
+const _hoisted_3$s = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
 function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
@@ -6021,7 +6021,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
             required: $setup.props.required,
             value: $setup.props.value,
             autofocus: $setup.props.autofocus
-          }, $setup.restAttrs), null, 16, _hoisted_3$t)), [
+          }, $setup.restAttrs), null, 16, _hoisted_3$s)), [
             [vModelCheckbox, $setup.isChecked],
             [$setup["vCustomValidity"]]
           ])
@@ -6750,7 +6750,7 @@ const _hoisted_2$D = {
   key: 0,
   class: "onyx-empty__description onyx-truncation-multiline"
 };
-const _hoisted_3$s = {
+const _hoisted_3$r = {
   key: 0,
   class: "onyx-empty__buttons"
 };
@@ -6779,7 +6779,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "description")
         ])) : createCommentVNode("v-if", true)
       ]),
-      !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
+      !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
         renderSlot(_ctx.$slots, "buttons")
       ])) : createCommentVNode("v-if", true)
     ],
@@ -6824,7 +6824,7 @@ const _hoisted_1$O = {
   class: "onyx-table-wrapper__top"
 };
 const _hoisted_2$C = ["id"];
-const _hoisted_3$r = { class: "onyx-table-wrapper__actions" };
+const _hoisted_3$q = { class: "onyx-table-wrapper__actions" };
 const _hoisted_4$k = ["tabindex"];
 const _hoisted_5$f = ["aria-labelledby"];
 const _hoisted_6$b = ["span"];
@@ -6853,7 +6853,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", { id: $setup.headlineId }, [
           renderSlot(_ctx.$slots, "headline")
         ], 8, _hoisted_2$C),
-        createElementVNode("div", _hoisted_3$r, [
+        createElementVNode("div", _hoisted_3$q, [
           renderSlot(_ctx.$slots, "actions")
         ])
       ])) : createCommentVNode("v-if", true),
@@ -7196,7 +7196,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
 });
 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 = {
+const _hoisted_3$p = {
   key: 0,
   class: "onyx-data-grid-header-cell__actions"
 };
@@ -7209,7 +7209,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
       1
       /* TEXT */
     ),
-    $setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+    $setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$p, [
       renderSlot(_ctx.$slots, "actions")
     ])) : createCommentVNode("v-if", true)
   ]);
@@ -7837,7 +7837,7 @@ const _hoisted_1$K = {
   class: "onyx-form-element__label onyx-text--small"
 };
 const _hoisted_2$z = ["for"];
-const _hoisted_3$p = {
+const _hoisted_3$o = {
   key: 1,
   class: "onyx-form-element__footer onyx-text--small"
 };
@@ -7889,7 +7889,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default", {
         id: $setup.props.id
       }),
-      $setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$p, [
+      $setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$o, [
         createElementVNode("span", _hoisted_4$j, [
           $setup.footer.errorMessages ? (openBlock(), createBlock($setup["FormMessage"], {
             key: 0,
@@ -8476,7 +8476,7 @@ const _hoisted_2$x = {
   class: "onyx-select__wrapper",
   tabindex: "-1"
 };
-const _hoisted_3$o = {
+const _hoisted_3$n = {
   key: 0,
   role: "group",
   class: "onyx-select__group"
@@ -8550,7 +8550,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
               "div",
               normalizeProps(guardReactiveProps($setup.listbox)),
               [
-                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$o, [
+                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$n, [
                   createElementVNode("li", _hoisted_4$i, [
                     renderSlot(_ctx.$slots, "empty", { defaultMessage: $setup.isEmptyMessage }, () => [
                       createVNode($setup["OnyxEmpty"], {
@@ -8836,7 +8836,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$F = ["aria-label"];
 const _hoisted_2$w = ["aria-label", "disabled"];
-const _hoisted_3$n = ["aria-label", "disabled", "onClick"];
+const _hoisted_3$m = ["aria-label", "disabled", "onClick"];
 const _hoisted_4$h = ["aria-label"];
 const _hoisted_5$d = ["aria-label", "disabled"];
 function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
@@ -8887,7 +8887,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
               type: "button",
               disabled: $setup.props.disabled,
               onClick: ($event) => $setup.emit("update:modelValue", pageNumber)
-            }, toDisplayString(pageNumber), 11, _hoisted_3$n)) : (openBlock(), createElementBlock("div", {
+            }, toDisplayString(pageNumber), 11, _hoisted_3$m)) : (openBlock(), createElementBlock("div", {
               key: 1,
               class: normalizeClass(["onyx-pagination__more-pages"]),
               "aria-label": $setup.t("pagination.morePages")
@@ -8986,7 +8986,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$E = ["aria-label"];
 const _hoisted_2$v = { class: "onyx-pagination__count" };
-const _hoisted_3$m = ["aria-label", "disabled"];
+const _hoisted_3$l = ["aria-label", "disabled"];
 const _hoisted_4$g = ["aria-label", "disabled"];
 function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
@@ -9032,7 +9032,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[2] || (_cache[2] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue - 1))
     }, [
       createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronLeftSmall }, null, 8, ["icon"])
-    ], 8, _hoisted_3$m),
+    ], 8, _hoisted_3$l),
     createElementVNode("button", {
       class: "onyx-pagination__button",
       "aria-label": $setup.t("pagination.next"),
@@ -10290,7 +10290,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 });
 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_3$k = { class: "onyx-dialog__headline-content" };
 const _hoisted_4$f = { class: "onyx-dialog__body" };
 const _hoisted_5$c = {
   key: 0,
@@ -10308,7 +10308,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     content: withCtx(() => [
       createElementVNode("div", _hoisted_1$C, [
         createElementVNode("div", _hoisted_2$t, [
-          createElementVNode("div", _hoisted_3$l, [
+          createElementVNode("div", _hoisted_3$k, [
             renderSlot(_ctx.$slots, "headline", {
               label: $setup.props.label
             }, () => [
@@ -10540,7 +10540,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 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"];
+const _hoisted_3$j = ["aria-label", "title"];
 function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
@@ -10615,7 +10615,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[1] || (_cache[1] = () => $setup.modelValue = "")
             }, [
               createVNode($setup["OnyxIcon"], { icon: $setup.iconXSmall }, null, 8, ["icon"])
-            ], 8, _hoisted_3$k)) : createCommentVNode("v-if", true),
+            ], 8, _hoisted_3$j)) : createCommentVNode("v-if", true),
             !$setup.props.hideSuccessIcon && $setup.successMessages ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 3,
               class: "onyx-input__check-icon",
@@ -10726,7 +10726,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
 });
 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_3$i = { 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$9 = { class: "onyx-global-search__shortcut" };
@@ -10793,7 +10793,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
             )),
             createElementVNode(
               "span",
-              _hoisted_3$j,
+              _hoisted_3$i,
               toDisplayString($setup.t("globalSearch.shortcuts.move")),
               1
               /* TEXT */
@@ -10870,7 +10870,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$y = { class: "onyx-global-search-option__content" };
 const _hoisted_2$q = { class: "onyx-truncation-ellipsis" };
-const _hoisted_3$i = {
+const _hoisted_3$h = {
   key: 0,
   class: "onyx-global-search-option__trailing"
 };
@@ -10931,7 +10931,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
         _: 3
         /* FORWARDED */
       }, 16, ["link", "autofocus"]),
-      $setup.slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3$i, [
+      $setup.slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
         renderSlot(_ctx.$slots, "trailing")
       ])) : createCommentVNode("v-if", true)
     ],
@@ -11050,7 +11050,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$w = ["src", "alt"];
 const _hoisted_2$p = ["src", "alt"];
-const _hoisted_3$h = { class: "onyx-image__alt onyx-text--small" };
+const _hoisted_3$g = { class: "onyx-image__alt onyx-text--small" };
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "figure",
@@ -11099,7 +11099,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["icon"]),
               createElementVNode(
                 "div",
-                _hoisted_3$h,
+                _hoisted_3$g,
                 toDisplayString($setup.props.alt),
                 1
                 /* TEXT */
@@ -11184,7 +11184,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 });
 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_3$f = { class: "onyx-mobile-nav-button__flyout" };
 const _hoisted_4$d = { class: "onyx-mobile-nav-button__menu" };
 function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$v, [
@@ -11201,7 +11201,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     ], 10, _hoisted_2$o),
     withDirectives(createElementVNode(
       "div",
-      _hoisted_3$g,
+      _hoisted_3$f,
       [
         createElementVNode("div", _hoisted_4$d, [
           $setup.props.headline ? (openBlock(), createBlock($setup["OnyxHeadline"], {
@@ -11265,7 +11265,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 });
 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_3$e = { class: "onyx-modal__headline-content" };
 const _hoisted_4$c = ["id"];
 const _hoisted_5$a = { class: "onyx-modal__body" };
 const _hoisted_6$8 = {
@@ -11282,7 +11282,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createElementVNode("div", _hoisted_1$u, [
         createElementVNode("div", _hoisted_2$n, [
-          createElementVNode("div", _hoisted_3$f, [
+          createElementVNode("div", _hoisted_3$e, [
             renderSlot(_ctx.$slots, "headline", {
               label: $setup.props.label
             }, () => [
@@ -11416,7 +11416,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 });
 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_3$d = { class: "onyx-select-dialog__label" };
 const _hoisted_4$b = {
   key: 0,
   class: "onyx-text--small"
@@ -11501,7 +11501,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
                           ),
                           createElementVNode(
                             "span",
-                            _hoisted_3$e,
+                            _hoisted_3$d,
                             toDisplayString(option.label),
                             1
                             /* TEXT */
@@ -12085,7 +12085,7 @@ const _hoisted_2$j = {
   key: 0,
   class: "onyx-timer__label"
 };
-const _hoisted_3$d = ["datetime"];
+const _hoisted_3$c = ["datetime"];
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",
@@ -12102,7 +12102,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("time", {
       datetime: $setup.timeToDurationString($setup.timeLeft),
       class: "onyx-timer__time"
-    }, toDisplayString($setup.formattedTime), 9, _hoisted_3$d)
+    }, toDisplayString($setup.formattedTime), 9, _hoisted_3$c)
   ], 8, _hoisted_1$o);
 }
 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"]]);
@@ -12224,7 +12224,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
 });
 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_3$b = { class: "onyx-truncation-ellipsis" };
 const _hoisted_4$a = { class: "onyx-user-menu__username onyx-text onyx-truncation-ellipsis" };
 const _hoisted_5$9 = {
   key: 0,
@@ -12275,7 +12275,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
           16
           /* FULL_PROPS */
         ),
-        createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_3$b, [
           createElementVNode(
             "div",
             _hoisted_4$a,
@@ -12386,7 +12386,7 @@ const _hoisted_2$g = {
   key: 0,
   class: "onyx-nav-bar__mobile-page onyx-truncation-ellipsis"
 };
-const _hoisted_3$b = { role: "menubar" };
+const _hoisted_3$a = { role: "menubar" };
 const _hoisted_4$9 = { ref: "moreListRef" };
 const _hoisted_5$8 = {
   key: 0,
@@ -12453,7 +12453,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                   "nav",
                   mergeProps({ class: "onyx-nav-bar__nav--mobile" }, $setup.nav),
                   [
-                    createElementVNode("ul", _hoisted_3$b, [
+                    createElementVNode("ul", _hoisted_3$a, [
                       renderSlot(_ctx.$slots, "default")
                     ])
                   ],
@@ -12642,7 +12642,7 @@ const _hoisted_2$f = {
   key: 1,
   class: "onyx-notification-card__content"
 };
-const _hoisted_3$a = { class: "onyx-notification-card__header" };
+const _hoisted_3$9 = { 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$5 = { class: "onyx-notification-card__created-at onyx-text--small" };
@@ -12674,7 +12674,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
         ))
       ])) : (openBlock(), createElementBlock("div", _hoisted_2$f, [
         createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_3$a, [
+          createElementVNode("div", _hoisted_3$9, [
             createElementVNode("div", _hoisted_4$8, [
               $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
                 key: 0,
@@ -12792,7 +12792,7 @@ const _hoisted_1$i = {
   class: "onyx-page__sidebar"
 };
 const _hoisted_2$e = { class: "onyx-page__main" };
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   key: 1,
   class: "onyx-page__sidebar onyx-page__sidebar--right"
 };
@@ -12827,7 +12827,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
           /* CLASS */
         )
       ]),
-      $setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+      $setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
         renderSlot(_ctx.$slots, "sidebarRight")
       ])) : createCommentVNode("v-if", true),
       $setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
@@ -12867,7 +12867,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$h = ["disabled"];
 const _hoisted_2$d = { class: "onyx-progress-item__indicator" };
-const _hoisted_3$8 = { class: "onyx-progress-item__label" };
+const _hoisted_3$7 = { class: "onyx-progress-item__label" };
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
@@ -12902,7 +12902,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
         /* STABLE_FRAGMENT */
       ))
     ]),
-    createElementVNode("div", _hoisted_3$8, [
+    createElementVNode("div", _hoisted_3$7, [
       renderSlot(_ctx.$slots, "default", {
         label: $setup.props.label
       }, () => [
@@ -13279,17 +13279,17 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { densityClass } = useDensity(props);
     const { disabled } = useFormContext(props);
+    const { rootAttrs, restAttrs } = useRootAttrs();
+    const id = useId();
     const input2 = useTemplateRef("inputRef");
     useAutofocus(input2, props);
-    const { rootAttrs, restAttrs } = useRootAttrs();
-    const __returned__ = { props, densityClass, disabled, input: input2, rootAttrs, restAttrs, OnyxIcon, OnyxVisuallyHidden };
+    const __returned__ = { props, densityClass, disabled, rootAttrs, restAttrs, id, input: input2, OnyxIcon, OnyxVisuallyHidden };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-const _hoisted_1$d = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"];
-const _hoisted_2$b = ["for"];
-const _hoisted_3$7 = {
+const _hoisted_1$d = ["for"];
+const _hoisted_2$b = {
   key: 1,
   class: "onyx-segmented-control-element__text"
 };
@@ -13300,26 +13300,20 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       class: ["onyx-component", "onyx-segmented-control-element", $setup.densityClass]
     }),
     [
-      createVNode($setup["OnyxVisuallyHidden"], null, {
-        default: withCtx(() => [
-          createElementVNode("input", mergeProps($setup.restAttrs, {
-            id: $setup.props.value.toString(),
-            ref: "inputRef",
-            name: $setup.props.name,
-            type: "radio",
-            value: $setup.props.value,
-            disabled: $setup.disabled,
-            class: "onyx-segmented-control-element__input",
-            "aria-label": $setup.props.label,
-            autofocus: $setup.props.autofocus,
-            checked: $setup.props.checked
-          }), null, 16, _hoisted_1$d)
-        ]),
-        _: 1
-        /* STABLE */
-      }),
+      createVNode($setup["OnyxVisuallyHidden"], mergeProps({ is: "input" }, $setup.restAttrs, {
+        id: $setup.id,
+        ref: "inputRef",
+        name: $setup.props.name,
+        type: "radio",
+        value: $setup.props.value,
+        disabled: $setup.disabled,
+        class: "onyx-segmented-control-element__input",
+        "aria-label": $setup.props.label,
+        autofocus: $setup.props.autofocus,
+        checked: $setup.props.checked
+      }), null, 16, ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"]),
       createElementVNode("label", {
-        for: $setup.props.value.toString(),
+        for: $setup.id,
         class: "onyx-segmented-control-element__label"
       }, [
         $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
@@ -13329,12 +13323,12 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
         !$setup.props.hideLabel ? (openBlock(), createElementBlock(
           "p",
-          _hoisted_3$7,
+          _hoisted_2$b,
           toDisplayString($setup.props.label),
           1
           /* TEXT */
         )) : createCommentVNode("v-if", true)
-      ], 8, _hoisted_2$b)
+      ], 8, _hoisted_1$d)
     ],
     16
     /* FULL_PROPS */