sit-onyx 1.6.0-dev-20260107065634 → 1.6.0-dev-20260108080003

package/dist/index.js

@@ -1,6 +1,6 @@
-import { computed as m, provide as He, inject as we, toRef as me, ref as P, watch as te, defineComponent as R, watchEffect as Ze, toRefs as It, createElementBlock as b, openBlock as r, normalizeClass as D, unref as l, renderSlot as T, onMounted as Re, createBlock as k, resolveDynamicComponent as Ve, withCtx as M, createVNode as E, createElementVNode as h, withModifiers as De, readonly as qt, reactive as Ao, onBeforeMount as Kt, onBeforeUnmount as Rt, useId as he, toValue as F, nextTick as tt, shallowRef as lt, useTemplateRef as ee, createCommentVNode as S, createTextVNode as X, toDisplayString as V, normalizeProps as Je, mergeProps as B, isProxy as ql, toRaw as Kl, useAttrs as Bn, customRef as Wl, onUnmounted as Vt, normalizeStyle as Ge, useSlots as ye, createSlots as Be, isRef as ke, Fragment as G, renderList as pe, toHandlers as jl, resolveComponent as Yl, withDirectives as Se, guardReactiveProps as rt, vShow as Mt, Teleport as _t, vModelCheckbox as En, createStaticVNode as Tn, vModelText as Qt, h as fe, vModelDynamic as On, withKeys as jo, useModel as Zl } from "vue";
+import { computed as m, provide as He, inject as we, toRef as me, ref as P, watch as te, defineComponent as R, watchEffect as Ze, toRefs as It, createElementBlock as b, openBlock as r, normalizeClass as D, unref as l, renderSlot as T, onMounted as Re, createBlock as k, resolveDynamicComponent as Ve, withCtx as M, createVNode as E, createElementVNode as h, withModifiers as De, readonly as qt, reactive as Ao, onBeforeMount as Kt, onBeforeUnmount as Rt, useId as be, toValue as F, nextTick as tt, shallowRef as lt, useTemplateRef as ee, createCommentVNode as S, createTextVNode as X, toDisplayString as V, normalizeProps as Je, mergeProps as B, isProxy as ql, toRaw as Kl, useAttrs as Bn, customRef as Wl, onUnmounted as Vt, normalizeStyle as Ge, useSlots as ye, createSlots as Be, isRef as ke, Fragment as G, renderList as pe, toHandlers as jl, resolveComponent as Yl, withDirectives as Se, guardReactiveProps as rt, vShow as Mt, Teleport as _t, vModelCheckbox as En, createStaticVNode as Tn, vModelText as Qt, h as fe, vModelDynamic as On, withKeys as jo, useModel as Zl } from "vue";
 import { iconChevronDownSmall as Jl, iconCircleAttention as Lo, iconXSmall as Xe, iconMoreVertical as Io, iconX as Ro, iconMoreHorizontalSmall as An, iconCircleCheck as Xl, iconCircleX as Ql, iconCircleInformation as Bt, iconUser as ea, iconArrowSmallUpRight as ta, iconChevronRightSmall as eo, iconArrowSmallLeft as Ln, iconHome as oa, iconMoreHorizontal as Yo, iconChevronLeftSmall as to, iconFileCopy as na, iconSearch as In, iconCheck as la, iconSearchX as aa, iconChevronDownUp as sa, iconCheckSmall as Dt, iconPlusSmall as Rn, iconEyeDisabled as ra, iconListArrowUp as Vn, iconListArrowDown as Dn, iconArrowsSort as ia, iconCircleBlock as ca, iconEyeClosed as ua, iconEye as da, iconFileDisabled as pa, iconCircleContrast as ma, iconTranslate as ya, iconMenu as fa, iconNotificationFlag as va, iconMinus as ba, iconPlus as ha, iconMinusSmall as ga, iconClock as Nn, iconFile as _a, iconFilePdf as xa, iconFileCsv as ka, iconAudio as Ca, iconVideocam as wa, iconPicture as Sa, iconFileRtf as $a, iconFilePpt as Ma, iconFileXls as Ba, iconFileXlsx as Ea, iconFileDoc as Ta, iconFileGlobe as Oa, iconFileArchive as Aa, iconFileText as La, iconCloudArrowUp as Ia, iconTrash as Ra, iconShareIos as Va, iconArrowSmallRight as Da, iconSettings as Na, iconLogout as za } from "@sit-onyx/icons";
-const lm = ["compact", "default", "cozy"], q = (n) => ({
+const nm = ["compact", "default", "cozy"], q = (n) => ({
   densityClass: m(() => ({ [`onyx-density-${n.density}`]: !!n.density }))
 }), Pa = void 0, zn = /* @__PURE__ */ Symbol(), oe = /* @__PURE__ */ Symbol("SKELETON_INJECTED_SYMBOL"), Pn = (n) => (t) => m(() => typeof t.skeleton != "symbol" ? t.skeleton : t.skeleton === oe && n?.skeleton === !0 ? 3 : !1), oo = (n) => He(zn, Pn(n)), Fa = Pn(), ie = (n) => we(
   zn,
@@ -16,7 +16,7 @@ const lm = ["compact", "default", "cozy"], q = (n) => ({
     }
   });
   return a;
-}, Fn = /* @__PURE__ */ Symbol(), am = ["default", "nested-large", "nested-small", "card"], sm = /* @__PURE__ */ R({
+}, Fn = /* @__PURE__ */ Symbol(), lm = ["default", "nested-large", "nested-small", "card"], am = /* @__PURE__ */ R({
   __name: "OnyxAccordion",
   props: {
     density: {},
@@ -123,7 +123,7 @@ const Ua = ["innerHTML"], U = /* @__PURE__ */ R({
   setup(n) {
     return Re(() => Ka("onyx-skeleton")), (t, e) => (r(), b("figure", Wa));
   }
-}), ja = ["open"], Ya = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"], Za = { class: "onyx-accordion-item__header-content" }, Ja = ["id", "aria-labelledby"], rm = /* @__PURE__ */ R({
+}), ja = ["open"], Ya = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"], Za = { class: "onyx-accordion-item__header-content" }, Ja = ["id", "aria-labelledby"], sm = /* @__PURE__ */ R({
   __name: "OnyxAccordionItem",
   props: {
     density: {},
@@ -595,7 +595,7 @@ const Fs = Qe((n) => {
   };
 }, Ks = Qe(
   (n) => {
-    const t = m(() => l(n.multiple) ?? !1), e = m(() => l(n.isExpanded) ?? !1), o = /* @__PURE__ */ new Map(), a = (d) => (o.has(d) || o.set(d, he()), o.get(d)), s = (d) => Array.from(o.entries()).find(([g, _]) => _ === d)?.[0], i = P(!1);
+    const t = m(() => l(n.multiple) ?? !1), e = m(() => l(n.isExpanded) ?? !1), o = /* @__PURE__ */ new Map(), a = (d) => (o.has(d) || o.set(d, be()), o.get(d)), s = (d) => Array.from(o.entries()).find(([g, _]) => _ === d)?.[0], i = P(!1);
     Ze(async () => {
       if (!e.value || n.activeOption.value == null || !i.value && !n.controlled)
         return;
@@ -705,7 +705,7 @@ const Fs = Qe((n) => {
     onActivatePrevious: C,
     templateRef: $
   }) => {
-    const f = he(), y = m(() => l(n)), x = m(() => l(u)), w = m(() => l(o)), L = (A) => {
+    const f = be(), y = m(() => l(n)), x = m(() => l(u)), w = m(() => l(o)), L = (A) => {
       const O = A.target;
       y.value !== "none" && t?.(O.value);
     }, I = Wn((A) => e?.(A)), z = (A) => {
@@ -802,7 +802,7 @@ const Fs = Qe((n) => {
     };
   }
 ), js = Qe((n) => {
-  const t = he(), e = he(), o = Wt(), a = Wt(), s = he(), i = m(() => F(n.position) ?? "bottom");
+  const t = be(), e = be(), o = Wt(), a = Wt(), s = be(), i = m(() => F(n.position) ?? "bottom");
   qe({
     type: "keydown",
     listener: (g) => g.key === "Escape" && c(!1),
@@ -966,7 +966,7 @@ const Fs = Qe((n) => {
    */
   percentToValue: (n, t, e) => (e - t) * n + t
 }, Ys = Qe(({ navigationName: n }) => {
-  const t = he(), e = () => {
+  const t = be(), e = () => {
     const a = t ? document.getElementById(t) : void 0;
     return a ? Array.from(a.querySelectorAll("button[aria-expanded][aria-controls]")) : [];
   }, o = (a, s) => {
@@ -1181,7 +1181,7 @@ const Fs = Qe((n) => {
     };
   }
 ), tr = Qe((n) => {
-  const t = /* @__PURE__ */ new Map(), e = (a) => (t.has(a) || t.set(a, { tabId: he(), panelId: he() }), t.get(a)), o = (a) => {
+  const t = /* @__PURE__ */ new Map(), e = (a) => (t.has(a) || t.set(a, { tabId: be(), panelId: be() }), t.get(a)), o = (a) => {
     const s = a.target, i = Array.from(
       s.parentElement?.querySelectorAll('[role="tab"]') ?? []
     ).filter((g) => g.ariaDisabled !== "true"), u = i.indexOf(s), c = (g) => {
@@ -1250,7 +1250,7 @@ const Fs = Qe((n) => {
   disabled: m(() => !n.value)
 }), or = Qe(
   ({ toggleLabel: n, isVisible: t }) => {
-    const e = he(), o = me(t ?? !1);
+    const e = be(), o = me(t ?? !1);
     Jn({ isExpanded: o });
     const a = () => o.value = !o.value;
     return {
@@ -1285,7 +1285,7 @@ const Fs = Qe((n) => {
     };
   }
 ), nr = Qe(({ debounce: n, isVisible: t }) => {
-  const e = he(), o = me(t ?? !1);
+  const e = be(), o = me(t ?? !1);
   let a;
   const s = m({
     get: () => o.value,
@@ -1633,7 +1633,7 @@ const Fs = Qe((n) => {
       /* STABLE */
     }, 16, ["class", "aria-label", "title"]));
   }
-}), fr = { class: "onyx-alert-modal__content" }, vr = { class: "onyx-alert-modal__headline" }, br = ["id"], hr = { class: "onyx-alert-modal__actions" }, im = /* @__PURE__ */ R({
+}), fr = { class: "onyx-alert-modal__content" }, vr = { class: "onyx-alert-modal__headline" }, br = ["id"], hr = { class: "onyx-alert-modal__actions" }, rm = /* @__PURE__ */ R({
   __name: "OnyxAlertModal",
   props: {
     density: {},
@@ -1644,7 +1644,7 @@ const Fs = Qe((n) => {
   },
   emits: ["update:open"],
   setup(n, { emit: t }) {
-    const e = n, o = de(e, ht), a = t, { t: s } = W(), { densityClass: i } = q(e), u = he();
+    const e = n, o = de(e, ht), a = t, { t: s } = W(), { densityClass: i } = q(e), u = be();
     return (c, p) => (r(), k(ht, B({
       class: ["onyx-alert-modal", l(i)]
     }, l(o), {
@@ -2080,7 +2080,7 @@ const Cr = ["role", "aria-label"], Tt = /* @__PURE__ */ R({
       "aria-controls": v.value?.id,
       "aria-haspopup": !0,
       disabled: p.value
-    })), ne = he(), le = m(() => `--anchor-${ne}`), J = m(() => ({
+    })), ne = be(), le = m(() => `--anchor-${ne}`), J = m(() => ({
       [`onyx-basic-popover__dialog--position-${u.value.replace(" ", "-")}`]: !0,
       [`onyx-basic-popover__dialog--alignment-${c.value}`]: !0,
       "onyx-basic-popover__dialog--fitparent": o.fitParent,
@@ -2874,7 +2874,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
 }), si = {
   key: 0,
   class: "onyx-app__nav"
-}, ri = { class: "onyx-app__page" }, cm = /* @__PURE__ */ R({
+}, ri = { class: "onyx-app__page" }, im = /* @__PURE__ */ R({
   __name: "OnyxAppLayout",
   props: {
     navBarAlignment: { default: "top" }
@@ -3078,7 +3078,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
   const t = at(n);
   return t && Number.parseFloat(getComputedStyle(t).columnGap) || 0;
 }, dl = (n) => {
-  const t = he(), e = P(), o = we(n, void 0), { width: a } = ot(e, { box: "border-box" });
+  const t = be(), e = P(), o = we(n, void 0), { width: a } = ot(e, { box: "border-box" });
   te(
     a,
     (i) => {
@@ -3419,7 +3419,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
 }), xi = ["aria-label", "aria-hidden"], ki = {
   class: "onyx-breadcrumb__list onyx-grid-container",
   role: "menu"
-}, Ci = { ref: "moreListRef" }, um = /* @__PURE__ */ R({
+}, Ci = { ref: "moreListRef" }, cm = /* @__PURE__ */ R({
   __name: "OnyxBreadcrumb",
   props: {
     density: {},
@@ -3523,7 +3523,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
       ])
     ], 10, xi));
   }
-}), dm = ["button", "submit", "reset"], pm = ["primary", "neutral", "danger"], mm = ["default", "outline", "plain"], fl = /* @__PURE__ */ R({
+}), um = ["button", "submit", "reset"], dm = ["primary", "neutral", "danger"], pm = ["default", "outline", "plain"], fl = /* @__PURE__ */ R({
   __name: "OnyxCard",
   props: {
     density: {},
@@ -3632,7 +3632,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
       },
       { flush: "post" }
     );
-    const ce = `--anchor-${he()}`, ue = m(() => ne.value ? {
+    const ce = `--anchor-${be()}`, ue = m(() => ne.value ? {
       width: N.value,
       "position-anchor": ce,
       "position-area": g.value
@@ -3891,7 +3891,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
       /* CLASS */
     ));
   }
-}), Ai = { class: "onyx-calendar__header" }, Li = { class: "control-container time-control-container" }, Ii = { class: "control-container" }, Ri = { class: "onyx-calendar__body" }, Vi = ["abbr"], Di = {}, ym = /* @__PURE__ */ R({
+}), Ai = { class: "onyx-calendar__header" }, Li = { class: "control-container time-control-container" }, Ii = { class: "control-container" }, Ri = { class: "onyx-calendar__body" }, Vi = ["abbr"], Di = {}, mm = /* @__PURE__ */ R({
   ...Di,
   __name: "OnyxCalendar",
   props: {
@@ -4733,7 +4733,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
 }, oc = {
   key: 0,
   class: "onyx-code-tab__language onyx-text--small"
-}, nc = {}, fm = /* @__PURE__ */ R({
+}, nc = {}, ym = /* @__PURE__ */ R({
   ...nc,
   __name: "OnyxCodeTab",
   props: {
@@ -4878,7 +4878,7 @@ const wo = /* @__PURE__ */ Nt(Lr, [["render", Rr]]), Fe = /* @__PURE__ */ R({
       /* CLASS */
     ));
   }
-}), sc = {}, vm = /* @__PURE__ */ R({
+}), sc = {}, fm = /* @__PURE__ */ R({
   ...sc,
   __name: "OnyxCodeTabs",
   props: {
@@ -5022,7 +5022,7 @@ const uc = /* @__PURE__ */ Nt(rc, [["render", cc]]), dc = { class: "onyx-empty__
     const t = n, e = ye(), { t: o } = W(), { densityClass: a } = q(t), s = m(() => o.value("table.empty")), i = ee("tableRef"), { height: u, width: c } = ot(i), p = m(() => ({
       "--onyx-table-observed-height": `${u.value}px`,
       "--onyx-table-observed-width": `${c.value}px`
-    })), d = he(), v = m(() => e.headline ? d : void 0);
+    })), d = be(), v = m(() => e.headline ? d : void 0);
     return (g, _) => (r(), b(
       "div",
       {
@@ -5414,7 +5414,7 @@ const uc = /* @__PURE__ */ Nt(rc, [["render", cc]]), dc = { class: "onyx-empty__
     // Map returns undefined if `type` is undefined, so it's safe to use the Non-Null assertion.
   };
 };
-function bm(n) {
+function vm(n) {
   return n;
 }
 const Ic = (n, t) => {
@@ -5734,7 +5734,7 @@ const Ic = (n, t) => {
     required: { type: Boolean, default: !1 },
     density: {},
     autofocus: { type: Boolean },
-    id: { default: () => he() },
+    id: { default: () => be() },
     name: {},
     label: {},
     labelTooltip: {},
@@ -6162,8 +6162,8 @@ const Ic = (n, t) => {
       emit: a,
       key: "open",
       default: !1
-    }), v = ee("selectRef"), { openDirection: g, updateOpenDirection: _ } = Do(v), C = P(), $ = m(() => Ot(c.value)), f = m(() => o.valueLabel !== void 0 ? Ot(o.valueLabel) : $.value.reduce((Q, be) => {
-      const ve = o.options.find(({ value: xe }) => xe === be)?.label;
+    }), v = ee("selectRef"), { openDirection: g, updateOpenDirection: _ } = Do(v), C = P(), $ = m(() => Ot(c.value)), f = m(() => o.valueLabel !== void 0 ? Ot(o.valueLabel) : $.value.reduce((Q, he) => {
+      const ve = o.options.find(({ value: xe }) => xe === he)?.label;
       return ve && Q.push(ve), Q;
     }, [])), y = ee("miniSearchRef"), x = ee("selectInputRef"), w = m(() => o.noFilter || !p.value ? o.options : o.options.filter(
       ({ label: Q }) => Xn(Q, p.value)
@@ -6175,15 +6175,15 @@ const Ic = (n, t) => {
       },
       { immediate: !0 }
     );
-    const L = he(), I = m(() => (o.multiple && o.withCheckAll && !p.value ? [L] : []).concat(
+    const L = be(), I = m(() => (o.multiple && o.withCheckAll && !p.value ? [L] : []).concat(
       Wo.value
     )), z = async (Q) => {
-      const be = cn(
+      const he = cn(
         ge(),
         "group"
       );
-      if (o.keepSelectionOrder ? Ce.value = Ut(be) : Ce.value = Ut(
-        be,
+      if (o.keepSelectionOrder ? Ce.value = Ut(he) : Ce.value = Ut(
+        he,
         i.value("selections.selectGroup")
       ), o.readonly) {
         d.value = !1;
@@ -6192,14 +6192,14 @@ const Ic = (n, t) => {
       const ve = d.value;
       d.value = !ve, await tt(), d.value && _(), ve !== d.value && (ve ? (p.value && (p.value = ""), Q || x.value?.input?.focus()) : y.value?.focus());
     }, K = () => C.value = I.value.at(0), H = () => C.value = I.value.at(-1), Y = (Q) => {
-      const be = I.value.findIndex((ve) => ve === Q);
-      be < I.value.length - 1 && (C.value = I.value[be + 1]);
+      const he = I.value.findIndex((ve) => ve === Q);
+      he < I.value.length - 1 && (C.value = I.value[he + 1]);
     }, j = (Q) => {
-      const be = I.value.findIndex((ve) => ve === Q);
-      be > 0 && (C.value = I.value[be - 1]);
+      const he = I.value.findIndex((ve) => ve === Q);
+      he > 0 && (C.value = I.value[he - 1]);
     }, re = (Q) => {
-      const be = w.value.find((ve) => ve.label.toLowerCase().trim().startsWith(Q.toLowerCase()));
-      be && (C.value = be.value);
+      const he = w.value.find((ve) => ve.label.toLowerCase().trim().startsWith(Q.toLowerCase()));
+      he && (C.value = he.value);
     }, ne = (Q) => p.value = Q, le = (Q) => {
       if (Q === L) {
         Pt.value?.handleChange(!Pt.value.state.value.modelValue);
@@ -6237,9 +6237,9 @@ const Ic = (n, t) => {
       if (o.keepSelectionOrder || !c.value || !Array.isArray(c.value) || c.value.length == 0)
         return w.value;
       const Q = new Set(c.value);
-      return w.value.map((be) => ({
-        ...be,
-        group: Q.has(be.value) ? i.value("selections.selectGroup") : be.group
+      return w.value.map((he) => ({
+        ...he,
+        group: Q.has(he.value) ? i.value("selections.selectGroup") : he.group
       }));
     }, Ce = P(), { vScrollEnd: Ae, isScrollEnd: $e } = Ll({
       enabled: m(() => o.lazyLoading?.enabled ?? !1),
@@ -6253,8 +6253,8 @@ const Ic = (n, t) => {
     ), Pt = m(() => {
       if (!(!o.multiple || !o.withCheckAll))
         return gl(Wo, $, (Q) => {
-          const be = Q.map((ve) => o.options.find(({ value: xe }) => xe === ve)?.value).filter((ve) => ve != null);
-          c.value = be;
+          const he = Q.map((ve) => o.options.find(({ value: xe }) => xe === ve)?.value).filter((ve) => ve != null);
+          c.value = he;
         });
     }), uo = m(() => {
       if (!o.multiple)
@@ -6287,7 +6287,7 @@ const Ic = (n, t) => {
         );
       },
       { deep: !0, immediate: !0 }
-    ), (Q, be) => (r(), b(
+    ), (Q, he) => (r(), b(
       "div",
       Yc,
       [
@@ -6304,7 +6304,7 @@ const Ic = (n, t) => {
               "show-focus": l(d),
               autofocus: o.autofocus,
               onInputClick: z,
-              onValidityChange: be[0] || (be[0] = (ve) => a("validityChange", ve))
+              onValidityChange: he[0] || (he[0] = (ve) => a("validityChange", ve))
             }), Be({
               _: 2
               /* DYNAMIC */
@@ -6328,7 +6328,7 @@ const Ic = (n, t) => {
               }, l(ue), {
                 label: l(i)("select.searchInputLabel"),
                 class: "onyx-select__search",
-                onClear: be[1] || (be[1] = (ve) => p.value = "")
+                onClear: he[1] || (he[1] = (ve) => p.value = "")
               }), null, 16, ["model-value", "label"])) : S("v-if", !0),
               h(
                 "div",
@@ -6505,7 +6505,7 @@ const Ic = (n, t) => {
       emit: o
     }), c = m(
       () => e.options.map((d) => ({ label: d.toString(), value: d }))
-    ), p = he();
+    ), p = be();
     return (d, v) => l(i) ? (r(), k(Z, {
       key: 0,
       class: D(["onyx-items-per-page-skeleton", "onyx-text", l(s)])
@@ -6767,7 +6767,7 @@ const Ic = (n, t) => {
     ));
   }
 }), vu = /* @__PURE__ */ Symbol("Selection"), Rl = 1e3, bu = (n) => (t) => {
-  const e = `selection-column-${he()}`, o = me(
+  const e = `selection-column-${be()}`, o = me(
     n?.selectionState ?? {
       selectMode: "include",
       contingent: /* @__PURE__ */ new Set()
@@ -6981,7 +6981,7 @@ const Ic = (n, t) => {
       ] : a()
     }
   };
-}, hm = /* @__PURE__ */ R({
+}, bm = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxDataGrid",
   props: {
@@ -7441,7 +7441,7 @@ const Ic = (n, t) => {
     }
   };
 }, Lu = /* @__PURE__ */ Symbol("StickyColumns"), Iu = (n) => () => {
-  const t = m(() => F(n?.columns) ?? []), e = m(() => F(n?.position) ?? "left"), o = P({}), a = P({}), s = he(), i = P(!1), u = (d) => `--onyx-data-grid-sticky-column-position-${s}-${zo(d)}`;
+  const t = m(() => F(n?.columns) ?? []), e = m(() => F(n?.position) ?? "left"), o = P({}), a = P({}), s = be(), i = P(!1), u = (d) => `--onyx-data-grid-sticky-column-position-${s}-${zo(d)}`;
   Re(() => {
     if (!("ResizeObserver" in window)) return;
     const d = new ResizeObserver(() => {
@@ -7514,7 +7514,7 @@ const Ic = (n, t) => {
       onScrollCapturePassive: (d) => p(d.target)
     })
   };
-}, gm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, hm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BOOLEAN_RENDERER: Ol,
   DATETIME_RENDERER: Ml,
@@ -7537,7 +7537,7 @@ const Ic = (n, t) => {
   useSelection: bu,
   useSorting: Au,
   useStickyColumns: Iu
-}, Symbol.toStringTag, { value: "Module" })), Ru = { class: "onyx-datepicker__wrapper" }, Vu = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"], _m = /* @__PURE__ */ R({
+}, Symbol.toStringTag, { value: "Module" })), Ru = { class: "onyx-datepicker__wrapper" }, Vu = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"], gm = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxDatePicker",
   props: {
@@ -7646,10 +7646,10 @@ const Ic = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), xm = ["left", "center", "right"], Du = { class: "onyx-dialog__header" }, Nu = { class: "onyx-dialog__headline" }, zu = { class: "onyx-dialog__headline-content" }, Pu = { class: "onyx-dialog__body" }, Fu = {
+}), _m = ["left", "center", "right"], Du = { class: "onyx-dialog__header" }, Nu = { class: "onyx-dialog__headline" }, zu = { class: "onyx-dialog__headline-content" }, Pu = { class: "onyx-dialog__body" }, Fu = {
   key: 0,
   class: "onyx-dialog__footer"
-}, km = /* @__PURE__ */ R({
+}, xm = /* @__PURE__ */ R({
   __name: "OnyxDialog",
   props: {
     density: {},
@@ -7717,7 +7717,7 @@ const Ic = (n, t) => {
       /* FORWARDED */
     }, 16, ["open", "class"]));
   }
-}), Cm = /* @__PURE__ */ R({
+}), km = /* @__PURE__ */ R({
   __name: "OnyxForm",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -7945,7 +7945,7 @@ const Ic = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Ko = /* @__PURE__ */ Symbol(), Ku = { class: "onyx-global-search__footer onyx-text--small" }, Wu = { class: "onyx-global-search__shortcut" }, ju = { class: "onyx-global-search__shortcut-label" }, Yu = { class: "onyx-global-search__shortcut" }, Zu = { class: "onyx-global-search__shortcut-label" }, Ju = { class: "onyx-global-search__shortcut" }, Xu = { class: "onyx-global-search__shortcut-label" }, Qu = {}, wm = /* @__PURE__ */ R({
+}), Ko = /* @__PURE__ */ Symbol(), Ku = { class: "onyx-global-search__footer onyx-text--small" }, Wu = { class: "onyx-global-search__shortcut" }, ju = { class: "onyx-global-search__shortcut-label" }, Yu = { class: "onyx-global-search__shortcut" }, Zu = { class: "onyx-global-search__shortcut-label" }, Ju = { class: "onyx-global-search__shortcut" }, Xu = { class: "onyx-global-search__shortcut-label" }, Qu = {}, Cm = /* @__PURE__ */ R({
   ...Qu,
   __name: "OnyxGlobalSearch",
   props: {
@@ -8182,7 +8182,7 @@ const Ic = (n, t) => {
       /* CLASS */
     ));
   }
-}), ad = { "aria-hidden": "true" }, sd = {}, Sm = /* @__PURE__ */ R({
+}), ad = { "aria-hidden": "true" }, sd = {}, wm = /* @__PURE__ */ R({
   ...sd,
   __name: "OnyxGlobalSearchGroup",
   props: {
@@ -8231,7 +8231,7 @@ const Ic = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), $m = ["h1", "h2", "h3", "h4", "h5", "h6"], Mm = ["12px", "16px", "24px", "32px", "48px", "64px", "96px"], rd = ["src", "alt"], id = ["src", "alt"], cd = { class: "onyx-image__alt onyx-text--small" }, Bm = /* @__PURE__ */ R({
+}), Sm = ["h1", "h2", "h3", "h4", "h5", "h6"], $m = ["12px", "16px", "24px", "32px", "48px", "64px", "96px"], rd = ["src", "alt"], id = ["src", "alt"], cd = { class: "onyx-image__alt onyx-text--small" }, Mm = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxImage",
   props: {
@@ -8319,7 +8319,7 @@ const Ic = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Em = ["rounded", "circle", "clip", "clip-inverted"], Tm = ["email", "password", "search", "tel", "text", "url"], ud = /* @__PURE__ */ R({
+}), Bm = ["rounded", "circle", "clip", "clip-inverted"], Em = ["email", "password", "search", "tel", "text", "url"], ud = /* @__PURE__ */ R({
   __name: "OnyxLink",
   props: {
     href: {},
@@ -8423,7 +8423,7 @@ const Ic = (n, t) => {
   },
   emits: ["update:open"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = ye(), { t: s } = W(), { densityClass: i } = q(e), u = de(e, ht), c = he(), p = m(() => !!a.description);
+    const e = n, o = t, a = ye(), { t: s } = W(), { densityClass: i } = q(e), u = de(e, ht), c = be(), p = m(() => !!a.description);
     return (d, v) => (r(), k(ht, B(l(u), {
       modal: "",
       class: ["onyx-modal", l(i)],
@@ -8533,7 +8533,7 @@ const Ic = (n, t) => {
   setup(n, { emit: t }) {
     const e = n, o = t, a = ye(), s = de(e, To), i = P();
     Ze(() => i.value = e.modelValue);
-    const { t: u } = W(), c = he(), p = (v) => {
+    const { t: u } = W(), c = be(), p = (v) => {
       const g = v.target;
       i.value = g.value;
     }, d = () => {
@@ -8747,7 +8747,7 @@ const Ic = (n, t) => {
       /* STABLE */
     }));
   }
-}), Id = { class: "onyx-language-menu-item__value" }, Om = /* @__PURE__ */ R({
+}), Id = { class: "onyx-language-menu-item__value" }, Tm = /* @__PURE__ */ R({
   __name: "OnyxLanguageMenuItem",
   props: {
     modelValue: {},
@@ -9056,7 +9056,7 @@ const Ic = (n, t) => {
 }, Pd = ["aria-label"], Fd = {
   key: 0,
   class: "onyx-timer__label"
-}, Ud = ["datetime"], Am = /* @__PURE__ */ R({
+}, Ud = ["datetime"], Om = /* @__PURE__ */ R({
   __name: "OnyxTimer",
   props: {
     endTime: {},
@@ -9509,7 +9509,7 @@ const Ic = (n, t) => {
 }, dp = { class: "onyx-notification-card__header" }, pp = { class: "onyx-notification-card__header-container" }, mp = { class: "onyx-notification-card__header-container" }, yp = { class: "onyx-notification-card__created-at onyx-text--small" }, fp = { class: "onyx-notification-card__description onyx-text onyx-truncation-multiline" }, vp = {
   key: 0,
   class: "onyx-notification-card__actions onyx-density-compact"
-}, Lm = /* @__PURE__ */ R({
+}, Am = /* @__PURE__ */ R({
   __name: "OnyxNotificationCard",
   props: {
     density: {},
@@ -9612,7 +9612,7 @@ const Ic = (n, t) => {
       /* CLASS */
     ));
   }
-}), bp = { class: "onyx-component onyx-notification-dot" }, Im = /* @__PURE__ */ R({
+}), bp = { class: "onyx-component onyx-notification-dot" }, Lm = /* @__PURE__ */ R({
   __name: "OnyxNotificationDot",
   props: {
     hidden: { type: Boolean, default: !1 },
@@ -9639,7 +9639,7 @@ const Ic = (n, t) => {
 }, xp = {
   key: 2,
   class: "onyx-page__footer"
-}, Rm = /* @__PURE__ */ R({
+}, Im = /* @__PURE__ */ R({
   __name: "OnyxPageLayout",
   props: {
     skeleton: { type: Boolean },
@@ -9744,13 +9744,13 @@ const Ic = (n, t) => {
       ])
     ], 10, kp));
   }
-}), Vm = [
+}), Rm = [
   "default",
   "active",
   "completed",
   "visited",
   "invalid"
-], $p = { class: "onyx-progress-steps__scroll-container" }, Dm = /* @__PURE__ */ R({
+], $p = { class: "onyx-progress-steps__scroll-container" }, Vm = /* @__PURE__ */ R({
   __name: "OnyxProgressSteps",
   props: {
     density: {},
@@ -9930,7 +9930,7 @@ const Ic = (n, t) => {
     label: {},
     labelTooltip: {},
     hideLabel: { type: Boolean },
-    name: { default: () => he() },
+    name: { default: () => be() },
     density: {},
     error: {},
     required: { type: Boolean, default: !1 },
@@ -10022,10 +10022,10 @@ const Ic = (n, t) => {
       )
     ], 10, Bp));
   }
-}), Nm = ["_self", "_blank", "_parent", "_top"], Op = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"], Ap = ["for"], Lp = {
+}), Dm = ["_self", "_blank", "_parent", "_top"], Op = ["for"], Ap = {
   key: 1,
   class: "onyx-segmented-control-element__text"
-}, Ip = /* @__PURE__ */ R({
+}, Lp = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxSegmentedControlElement",
   props: {
@@ -10040,35 +10040,27 @@ const Ic = (n, t) => {
     checked: { type: Boolean }
   },
   setup(n) {
-    const t = n, { densityClass: e } = q(t), { disabled: o } = Me(t), a = ee("inputRef");
-    Pe(a, t);
-    const { rootAttrs: s, restAttrs: i } = Te();
-    return (u, c) => (r(), b(
+    const t = n, { densityClass: e } = q(t), { disabled: o } = Me(t), { rootAttrs: a, restAttrs: s } = Te(), i = be(), u = ee("inputRef");
+    return Pe(u, t), (c, p) => (r(), b(
       "div",
-      B(l(s), {
+      B(l(a), {
         class: ["onyx-component", "onyx-segmented-control-element", l(e)]
       }),
       [
-        E(Ke, null, {
-          default: M(() => [
-            h("input", B(l(i), {
-              id: t.value.toString(),
-              ref: "inputRef",
-              name: t.name,
-              type: "radio",
-              value: t.value,
-              disabled: l(o),
-              class: "onyx-segmented-control-element__input",
-              "aria-label": t.label,
-              autofocus: t.autofocus,
-              checked: t.checked
-            }), null, 16, Op)
-          ]),
-          _: 1
-          /* STABLE */
-        }),
+        E(Ke, B({ is: "input" }, l(s), {
+          id: l(i),
+          ref: "inputRef",
+          name: t.name,
+          type: "radio",
+          value: t.value,
+          disabled: l(o),
+          class: "onyx-segmented-control-element__input",
+          "aria-label": t.label,
+          autofocus: t.autofocus,
+          checked: t.checked
+        }), null, 16, ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"]),
         h("label", {
-          for: t.value.toString(),
+          for: l(i),
           class: "onyx-segmented-control-element__label"
         }, [
           t.icon ? (r(), k(U, {
@@ -10078,25 +10070,25 @@ const Ic = (n, t) => {
           }, null, 8, ["icon"])) : S("v-if", !0),
           t.hideLabel ? S("v-if", !0) : (r(), b(
             "p",
-            Lp,
+            Ap,
             V(t.label),
             1
             /* TEXT */
           ))
-        ], 8, Ap)
+        ], 8, Op)
       ],
       16
       /* FULL_PROPS */
     ));
   }
-}), zm = /* @__PURE__ */ R({
+}), Nm = /* @__PURE__ */ R({
   __name: "OnyxSegmentedControl",
   props: {
     density: {},
     modelValue: {},
     skeleton: { type: [Symbol, Boolean, Number], default: oe },
     options: {},
-    name: { default: () => he() }
+    name: { default: () => be() }
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
@@ -10120,7 +10112,7 @@ const Ic = (n, t) => {
         (r(!0), b(
           G,
           null,
-          pe(n.options, (d) => (r(), k(Ip, B({
+          pe(n.options, (d) => (r(), k(Lp, B({
             key: d.value.toString()
           }, { ref_for: !0 }, d, {
             name: e.name,
@@ -10135,7 +10127,7 @@ const Ic = (n, t) => {
       /* CLASS */
     ));
   }
-}), Pm = ["full", "left", "right"], Fm = ["summary", "preview"], Um = /* @__PURE__ */ R({
+}), zm = ["full", "left", "right"], Pm = ["summary", "preview"], Fm = /* @__PURE__ */ R({
   __name: "OnyxSidebarItem",
   props: {
     density: {},
@@ -10172,13 +10164,13 @@ const Ic = (n, t) => {
       /* CLASS */
     ));
   }
-}), Rp = '<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>', Vp = '<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>', Dp = '<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>', Np = '<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>', zp = ["aria-label"], Pp = {
+}), Ip = '<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>', Rp = '<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>', Vp = '<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>', Dp = '<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>', Np = ["aria-label"], zp = {
   key: 0,
   class: "onyx-sidebar__header"
-}, Fp = { class: "onyx-sidebar__body" }, Up = {
+}, Pp = { class: "onyx-sidebar__body" }, Fp = {
   key: 1,
   class: "onyx-sidebar__footer"
-}, Hp = { class: "onyx-sidebar__footer" }, Hm = /* @__PURE__ */ R({
+}, Up = { class: "onyx-sidebar__footer" }, Um = /* @__PURE__ */ R({
   __name: "OnyxSidebar",
   props: {
     density: {},
@@ -10208,7 +10200,7 @@ const Ic = (n, t) => {
       set: (y) => {
         C.value = y, y || o("close");
       }
-    }), f = he();
+    }), f = be();
     return te(
       [_, () => e.temporary],
       () => {
@@ -10221,10 +10213,10 @@ const Ic = (n, t) => {
             id: f,
             label: e.label,
             hideLabel: !0,
-            icon: e.alignment === "right" ? Dp : Np,
+            icon: e.alignment === "right" ? Vp : Dp,
             ifOption: {
               hideLabel: !1,
-              icon: e.alignment === "right" ? Rp : Vp
+              icon: e.alignment === "right" ? Ip : Rp
             },
             alignment: e.alignment,
             onClick: () => {
@@ -10249,20 +10241,20 @@ const Ic = (n, t) => {
       "aria-label": e.label,
       style: Ge(d.value)
     }, [
-      a.header ? (r(), b("header", Pp, [
+      a.header ? (r(), b("header", zp, [
         T(y.$slots, "header")
       ])) : S("v-if", !0),
-      h("div", Fp, [
+      h("div", Pp, [
         T(y.$slots, "default")
       ]),
-      a.footer ? (r(), b("footer", Up, [
+      a.footer ? (r(), b("footer", Fp, [
         T(y.$slots, "footer")
       ])) : S("v-if", !0),
       e.resizable ? (r(), k(Bo, B({
         key: 2,
         element: u.value
       }, v.value), null, 16, ["element"])) : S("v-if", !0)
-    ], 14, zp)) : (r(), k(To, B({ key: 1 }, e.temporary, {
+    ], 14, Np)) : (r(), k(To, B({ key: 1 }, e.temporary, {
       ref: "modalRef",
       open: $.value,
       "onUpdate:open": x[0] || (x[0] = (w) => $.value = w),
@@ -10306,7 +10298,7 @@ const Ic = (n, t) => {
       a.footer ? {
         name: "footer",
         fn: M(() => [
-          h("div", Hp, [
+          h("div", Up, [
             T(y.$slots, "footer")
           ])
         ]),
@@ -10314,10 +10306,10 @@ const Ic = (n, t) => {
       } : void 0
     ]), 1040, ["open", "class", "label", "density", "style", "alignment"]));
   }
-}), Gm = ["left", "right"], Gp = { class: "onyx-stepper__wrapper" }, qp = ["disabled", "aria-label"], Kp = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"], Wp = {
+}), Hm = ["left", "right"], Hp = { class: "onyx-stepper__wrapper" }, Gp = ["disabled", "aria-label"], qp = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"], Kp = {
   class: "onyx-stepper__display",
   "aria-hidden": "true"
-}, jp = ["disabled", "aria-label"], $t = /* @__PURE__ */ R({
+}, Wp = ["disabled", "aria-label"], $t = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxStepper",
   props: {
@@ -10405,7 +10397,7 @@ const Ic = (n, t) => {
           "error-messages": l(C)
         }), {
           default: M(({ id: N }) => [
-            h("div", Gp, [
+            h("div", Hp, [
               o.hideButtons ? S("v-if", !0) : (r(), b("button", {
                 key: 0,
                 type: "button",
@@ -10416,7 +10408,7 @@ const Ic = (n, t) => {
                 onClick: O[0] || (O[0] = (ce) => j("stepDown"))
               }, [
                 E(U, { icon: l(ba) }, null, 8, ["icon"])
-              ], 8, qp)),
+              ], 8, Gp)),
               o.loading ? (r(), k(Fe, {
                 key: 1,
                 class: "onyx-stepper__loading",
@@ -10447,13 +10439,13 @@ const Ic = (n, t) => {
                   O[3] || (O[3] = jo(De((ce) => j("stepUp"), ["prevent"]), ["up"])),
                   O[4] || (O[4] = jo(De((ce) => j("stepDown"), ["prevent"]), ["down"]))
                 ]
-              }), null, 16, Kp)), [
+              }), null, 16, qp)), [
                 [Qt, z.value],
                 [l(_)]
               ]),
               h(
                 "p",
-                Wp,
+                Kp,
                 V(K.value),
                 1
                 /* TEXT */
@@ -10468,7 +10460,7 @@ const Ic = (n, t) => {
                 onClick: O[5] || (O[5] = (ce) => j("stepUp"))
               }, [
                 E(U, { icon: l(ha) }, null, 8, ["icon"])
-              ], 8, jp))
+              ], 8, Wp))
             ])
           ]),
           _: 1
@@ -10479,8 +10471,8 @@ const Ic = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), Yp = {}, yt = /* @__PURE__ */ R({
-  ...Yp,
+}), jp = {}, yt = /* @__PURE__ */ R({
+  ...jp,
   __name: "OnyxSliderControl",
   props: {
     density: {},
@@ -10563,8 +10555,8 @@ const Ic = (n, t) => {
       /* CLASS */
     ));
   }
-}), Zp = { class: "onyx-slider__container" }, Jp = ["id", "tabindex", "disabled", "aria-label", "autofocus"], Xp = {}, qm = /* @__PURE__ */ R({
-  ...Xp,
+}), Yp = { class: "onyx-slider__container" }, Zp = ["id", "tabindex", "disabled", "aria-label", "autofocus"], Jp = {}, Gm = /* @__PURE__ */ R({
+  ...Jp,
   __name: "OnyxSlider",
   props: {
     error: {},
@@ -10642,7 +10634,7 @@ const Ic = (n, t) => {
           "error-messages": l(i)
         }), {
           default: M(({ id: le }) => [
-            h("div", Zp, [
+            h("div", Yp, [
               e.control === "value" ? (r(), k(yt, {
                 key: 0,
                 control: "value",
@@ -10752,7 +10744,7 @@ const Ic = (n, t) => {
                                         disabled: l(d),
                                         "aria-label": e.label,
                                         autofocus: e.autofocus && A === 0
-                                      }), null, 16, Jp), [
+                                      }), null, 16, Zp), [
                                         [l(s)]
                                       ])
                                     ]),
@@ -10814,7 +10806,7 @@ const Ic = (n, t) => {
       /* CLASS */
     ));
   }
-}), Km = ["single", "range"], Wm = ["icon", "value", "input"], Qp = { class: "onyx-switch-skeleton__click-area" }, e1 = ["title"], t1 = ["aria-label", "disabled", "required", "autofocus"], o1 = { class: "onyx-switch__click-area" }, n1 = { class: "onyx-switch__container" }, l1 = { class: "onyx-switch__icon" }, a1 = /* @__PURE__ */ R({
+}), qm = ["single", "range"], Km = ["icon", "value", "input"], Xp = { class: "onyx-switch-skeleton__click-area" }, Qp = ["title"], e1 = ["aria-label", "disabled", "required", "autofocus"], t1 = { class: "onyx-switch__click-area" }, o1 = { class: "onyx-switch__container" }, n1 = { class: "onyx-switch__icon" }, l1 = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxSwitch",
   props: {
@@ -10849,7 +10841,7 @@ const Ic = (n, t) => {
         class: ["onyx-component", "onyx-switch-skeleton", l(u)]
       }, l(s)),
       [
-        h("span", Qp, [
+        h("span", Xp, [
           E(Z, { class: "onyx-switch-skeleton__input" })
         ]),
         o.hideLabel ? S("v-if", !0) : (r(), k(Z, {
@@ -10879,13 +10871,13 @@ const Ic = (n, t) => {
             disabled: l(c) || o.loading,
             required: o.required,
             autofocus: o.autofocus
-          }, l(i)), null, 16, t1), [
+          }, l(i)), null, 16, e1), [
             [En, l(x)],
             [l(_)]
           ]),
-          h("span", o1, [
-            h("span", n1, [
-              h("span", l1, [
+          h("span", t1, [
+            h("span", o1, [
+              h("span", n1, [
                 o.loading ? (r(), k(Fe, {
                   key: 0,
                   class: "onyx-switch__spinner",
@@ -10928,13 +10920,13 @@ const Ic = (n, t) => {
             2
             /* CLASS */
           )) : S("v-if", !0)
-        ], 10, e1)
+        ], 10, Qp)
       ]),
       _: 1
       /* STABLE */
     }, 16, ["disabled", "error-messages"]));
   }
-}), jm = ["intense", "soft", "medium"], s1 = { class: "onyx-timepicker-input__wrapper" }, r1 = ["id", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "step", "max", "min"], $n = /* @__PURE__ */ R({
+}), Wm = ["intense", "soft", "medium"], a1 = { class: "onyx-timepicker-input__wrapper" }, s1 = ["id", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "step", "max", "min"], $n = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxTimepickerInput",
   props: {
@@ -11006,7 +10998,7 @@ const Ic = (n, t) => {
           message: p.value
         }), {
           default: M(({ id: L }) => [
-            h("div", s1, [
+            h("div", a1, [
               e.loading ? (r(), k(Fe, {
                 key: 0,
                 class: "onyx-timepicker-input__loading",
@@ -11031,7 +11023,7 @@ const Ic = (n, t) => {
               }, l(s), {
                 max: e.max,
                 min: e.min
-              }), null, 16, r1), [
+              }), null, 16, s1), [
                 [Qt, y.value],
                 [l(i)]
               ]),
@@ -11046,16 +11038,16 @@ const Ic = (n, t) => {
       /* FULL_PROPS */
     ));
   }
-}), i1 = {
+}), r1 = {
   ref: "rootTemplateRef",
   class: "onyx-component onyx-timepicker"
-}, c1 = ["aria-label", "title"], u1 = {
+}, i1 = ["aria-label", "title"], c1 = {
   class: "onyx-timepicker__wrapper",
   tabindex: "-1"
-}, d1 = { class: "onyx-timepicker__group" }, p1 = {
+}, u1 = { class: "onyx-timepicker__group" }, d1 = {
   key: 0,
   class: "onyx-timepicker__divider"
-}, m1 = {
+}, p1 = {
   key: 0,
   class: "onyx-timepicker__info-label"
 }, ho = /* @__PURE__ */ R({
@@ -11173,7 +11165,7 @@ const Ic = (n, t) => {
     const J = de(e, $n);
     return (A, O) => (r(), b(
       "div",
-      i1,
+      r1,
       [
         E(Tt, {
           class: "onyx-timepicker__popover",
@@ -11212,15 +11204,15 @@ const Ic = (n, t) => {
                     icon: l(Xe),
                     color: "neutral"
                   }, null, 8, ["icon"])
-                ], 40, c1))
+                ], 40, i1))
               ]),
               _: 1
               /* STABLE */
             }, 16, ["step"])
           ]),
           content: M(() => [
-            h("div", u1, [
-              h("div", d1, [
+            h("div", c1, [
+              h("div", u1, [
                 E($t, {
                   ref: "hourInputTemplateRef",
                   modelValue: l(z),
@@ -11258,7 +11250,7 @@ const Ic = (n, t) => {
                   onClick: O[8] || (O[8] = (N) => j(c.value)),
                   onKeydown: O[9] || (O[9] = (N) => ne("minute", N))
                 }, null, 8, ["modelValue", "label", "placeholder", "disabled", "loading"]),
-                e.showSeconds ? (r(), b("span", p1, ":")) : S("v-if", !0),
+                e.showSeconds ? (r(), b("span", d1, ":")) : S("v-if", !0),
                 e.showSeconds ? (r(), k($t, {
                   key: 1,
                   ref: "secondInputTemplateRef",
@@ -11276,7 +11268,7 @@ const Ic = (n, t) => {
                   onKeydown: O[12] || (O[12] = (N) => ne("second", N))
                 }, null, 8, ["modelValue", "label", "placeholder", "disabled", "loading"])) : S("v-if", !0)
               ]),
-              e.infoLabel ? (r(), b("div", m1, [
+              e.infoLabel ? (r(), b("div", p1, [
                 e.hideInfoLabelIcon ? S("v-if", !0) : (r(), k(U, {
                   key: 0,
                   class: "onyx-timepicker__info-icon",
@@ -11302,7 +11294,7 @@ const Ic = (n, t) => {
       /* NEED_PATCH */
     ));
   }
-}), y1 = /* @__PURE__ */ R({
+}), m1 = /* @__PURE__ */ R({
   __name: "OnyxTimeSelect",
   props: {
     disabled: { type: [Boolean, Symbol] },
@@ -11381,7 +11373,7 @@ const Ic = (n, t) => {
       /* STABLE */
     }, 16, ["modelValue", "label", "list-label", "options", "placeholder"]));
   }
-}), f1 = { class: "onyx-component" }, Ym = /* @__PURE__ */ R({
+}), y1 = { class: "onyx-component" }, jm = /* @__PURE__ */ R({
   __name: "OnyxTimepicker",
   props: {
     disabled: { type: [Boolean, Symbol], default: se },
@@ -11414,17 +11406,17 @@ const Ic = (n, t) => {
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
     const e = n, a = ae({ props: e, emit: t, key: "modelValue" }), s = de(e, ho), i = de(e, ho);
-    return (u, c) => (r(), b("div", f1, [
+    return (u, c) => (r(), b("div", y1, [
       e.type === "default" ? (r(), k(ho, B({ key: 0 }, l(s), {
         modelValue: l(a),
         "onUpdate:modelValue": c[0] || (c[0] = (p) => ke(a) ? a.value = p : null)
-      }), null, 16, ["modelValue"])) : (r(), k(y1, B({ key: 1 }, l(i), {
+      }), null, 16, ["modelValue"])) : (r(), k(m1, B({ key: 1 }, l(i), {
         modelValue: l(a),
         "onUpdate:modelValue": c[1] || (c[1] = (p) => ke(a) ? a.value = p : null)
       }), null, 16, ["modelValue"]))
     ]));
   }
-}), Zm = ["default", "select"], v1 = '<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>', Ul = () => {
+}), Ym = ["default", "select"], f1 = '<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>', Ul = () => {
   const { locale: n } = W();
   return {
     /**
@@ -11435,7 +11427,7 @@ const Ic = (n, t) => {
       return zc(n.value, o);
     })
   };
-}, b1 = /* @__PURE__ */ R({
+}, v1 = /* @__PURE__ */ R({
   __name: "OnyxFileTypeIcon",
   props: {
     size: {},
@@ -11460,16 +11452,16 @@ const Ic = (n, t) => {
     ].includes(t.type) ? Aa : t.type.startsWith("text/") ? La : o : o);
     return (s, i) => (r(), k(U, B(l(e), { icon: a.value }), null, 16, ["icon"]));
   }
-}), h1 = ["aria-label"], g1 = { class: "onyx-file-card__content" }, _1 = { class: "onyx-file-card__wrapper onyx-truncation-ellipsis" }, x1 = {
+}), b1 = ["aria-label"], h1 = { class: "onyx-file-card__content" }, g1 = { class: "onyx-file-card__wrapper onyx-truncation-ellipsis" }, _1 = {
   class: "onyx-file-card__icon",
   "aria-hidden": "true"
-}, k1 = { class: "onyx-text--small onyx-truncation-ellipsis" }, C1 = { class: "onyx-file-card__name onyx-truncation-ellipsis" }, w1 = { class: "onyx-file-card__details onyx-truncation-ellipsis" }, S1 = { class: "onyx-file-card__size" }, $1 = {
+}, x1 = { class: "onyx-text--small onyx-truncation-ellipsis" }, k1 = { class: "onyx-file-card__name onyx-truncation-ellipsis" }, C1 = { class: "onyx-file-card__details onyx-truncation-ellipsis" }, w1 = { class: "onyx-file-card__size" }, S1 = {
   key: 0,
   class: "onyx-file-card__actions"
-}, M1 = {
+}, $1 = {
   key: 0,
   class: "onyx-file-card__progress"
-}, B1 = /* @__PURE__ */ R({
+}, M1 = /* @__PURE__ */ R({
   __name: "OnyxFileCard",
   props: {
     density: {},
@@ -11499,25 +11491,25 @@ const Ic = (n, t) => {
           "aria-label": e.filename,
           tabindex: "-1",
           class: "onyx-file-card__show-error"
-        }, null, 8, h1), [
+        }, null, 8, b1), [
           [l(p)]
         ]),
-        h("div", g1, [
-          h("div", _1, [
-            h("div", x1, [
+        h("div", h1, [
+          h("div", g1, [
+            h("div", _1, [
               e.icon ? (r(), k(U, {
                 key: 0,
                 icon: e.icon
               }, null, 8, ["icon"])) : e.status?.color === "danger" ? (r(), k(U, {
                 key: 1,
-                icon: l(v1)
-              }, null, 8, ["icon"])) : (r(), k(b1, {
+                icon: l(f1)
+              }, null, 8, ["icon"])) : (r(), k(v1, {
                 key: 2,
                 type: e.type
               }, null, 8, ["type"]))
             ]),
-            h("div", k1, [
-              h("div", C1, [
+            h("div", x1, [
+              h("div", k1, [
                 d.value ? (r(), k(ud, {
                   key: 0,
                   href: d.value?.href,
@@ -11548,10 +11540,10 @@ const Ic = (n, t) => {
                   /* STABLE_FRAGMENT */
                 ))
               ]),
-              h("div", w1, [
+              h("div", C1, [
                 h(
                   "div",
-                  S1,
+                  w1,
                   V(l(i)(e.size)),
                   1
                   /* TEXT */
@@ -11573,11 +11565,11 @@ const Ic = (n, t) => {
               ])
             ])
           ]),
-          a.actions ? (r(), b("div", $1, [
+          a.actions ? (r(), b("div", S1, [
             T(v.$slots, "actions")
           ])) : S("v-if", !0)
         ]),
-        e.status?.progress ? (r(), b("div", M1, [
+        e.status?.progress ? (r(), b("div", $1, [
           h(
             "div",
             {
@@ -11597,7 +11589,7 @@ const Ic = (n, t) => {
       /* FORWARDED */
     }, 8, ["class"]));
   }
-}), Jm = [
+}), Zm = [
   "application/octet-stream",
   "application/pdf",
   "text/csv",
@@ -11618,7 +11610,7 @@ const Ic = (n, t) => {
   "application/x-tar",
   "application/gzip",
   "application/x-bzip2"
-], E1 = ({ name: n, type: t }, e) => {
+], B1 = ({ name: n, type: t }, e) => {
   if (!e || e.length === 0 || e.some((s) => s.trim() === "*/*"))
     return !0;
   const o = n.trim().toLowerCase(), a = t.trim().toLowerCase();
@@ -11629,23 +11621,23 @@ const Ic = (n, t) => {
     const [u, c] = i.split("/");
     return c === "*" ? a.startsWith(`${u}/`) : i === a;
   });
-}, T1 = {}, O1 = {
+}, E1 = {}, T1 = {
   class: "onyx-component onyx-error-svg",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1119.60911 699",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true"
 };
-function A1(n, t) {
-  return r(), b("svg", O1, [...t[0] || (t[0] = [
+function O1(n, t) {
+  return r(), b("svg", T1, [...t[0] || (t[0] = [
     Tn('<circle cx="292.60911" cy="213" r="213" fill="var(--onyx-error-svg-background-color-circle)"></circle><path d="M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><ellipse cx="198.60911" cy="424.5" rx="187" ry="25.43993" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="198.60911" cy="424.5" rx="157" ry="21.35866" opacity="0.1"></ellipse><ellipse cx="836.60911" cy="660.5" rx="283" ry="38.5" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="310.60911" cy="645.5" rx="170" ry="23.12721" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><path d="M494,726.5c90,23,263-30,282-90" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M341,359.5s130-36,138,80-107,149-17,172" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><rect x="578.43291" y="212.68859" width="513.25314" height="357.51989" rx="18.04568" fill="var(--onyx-error-svg-background-color)"></rect><rect x="595.70294" y="231.77652" width="478.71308" height="267.83694" fill="var(--onyx-error-svg-background-color-accent)"></rect><circle cx="835.05948" cy="223.29299" r="3.02983" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><path d="M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466" fill="var(--onyx-error-svg-background-color)"></polygon><path d="M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><ellipse cx="1066.53846" cy="654.13477" rx="7.87756" ry="2.42386" fill="var(--onyx-error-svg-background-color-device-controls)"></ellipse><circle cx="835.05948" cy="545.66686" r="11.51335" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466" opacity="0.1"></polygon><rect x="108.60911" y="159" width="208" height="242" fill="var(--onyx-error-svg-background-color)"></rect><rect x="87.60911" y="135" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="237" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="339" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="271.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><circle cx="316.60911" cy="538" r="79" fill="var(--onyx-error-svg-background-color)"></circle><rect x="280.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><rect x="328.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><ellipse cx="300.60911" cy="643.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="348.60911" cy="642.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><circle cx="318.60911" cy="518" r="27" fill="var(--onyx-error-svg-background-color-face)"></circle><circle cx="318.60911" cy="518" r="9" fill="var(--onyx-error-svg-background-color-accent)"></circle><path d="M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><ellipse cx="417.21511" cy="611.34365" rx="39.5" ry="12.40027" transform="translate(-238.28665 112.98044) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="269.21511" cy="664.34365" rx="39.5" ry="12.40027" transform="translate(-271.07969 59.02084) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><path d="M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-face)"></path>', 48)
   ])]);
 }
-const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
+const Jm = /* @__PURE__ */ Nt(E1, [["render", O1]]), A1 = {
   key: 0,
   fill: "var(--onyx-file-upload-svg-color-bubble)",
   d: "M28.05 45.1v9.45a.675.675 0 0 0 .675.675h6.75v1.35h-6.75A2.025 2.025 0 0 1 26.7 54.55V44.155l4.89-5.13h8.61V49.15h-1.35v-8.775h-6.075V45.1zm3.375-3.945-2.474 2.595h2.474z M37.5 47.125h-8.1v1.35h8.1zm-4.05 2.7v1.35H29.4v-1.35zm8.973.873.954.954-2.223 2.223 2.223 2.223-.954.954-2.223-2.223-2.223 2.223-.954-.954 2.223-2.223-2.223-2.223.954-.954 2.223 2.223z"
-}, I1 = {
+}, L1 = {
   key: 1,
   d: "M39.2005 42.2123H39.1668C38.5307 41.0817 37.5611 40.175 36.3905 39.616C35.2198 39.0571 33.9051 38.8731 32.626 39.0893C31.3469 39.3056 30.1657 39.9114 29.2438 40.824C28.3218 41.7367 27.7041 42.9117 27.475 44.1886C26.316 44.3486 25.2615 44.9441 24.5258 45.8538C23.7901 46.7636 23.4284 47.9194 23.5144 49.0862C23.6004 50.2531 24.1275 51.3434 24.9886 52.1355C25.8496 52.9276 26.9801 53.3621 28.15 53.3506H33.25V57.0001H34.75V53.3506H39.2005C40.6409 53.3123 42.0073 52.7047 43.0006 51.6609C43.9939 50.6172 44.5331 49.2223 44.5 47.7818C44.525 47.0663 44.4071 46.353 44.153 45.6837C43.8989 45.0143 43.5138 44.4024 43.0203 43.8838C42.5268 43.3651 41.9347 42.9501 41.2788 42.6631C40.6229 42.3761 39.9164 42.2229 39.2005 42.2123ZM39.2005 51.8506H34.75V47.4631L36.7405 49.3006L37.7583 48.1988L34 44.7293L30.241 48.1988L31.2588 49.3006L33.25 47.4631V51.8506H28.15C27.7382 51.857 27.3291 51.7814 26.9468 51.6282C26.5644 51.475 26.2163 51.2473 25.9228 50.9583C25.6293 50.6693 25.3962 50.3248 25.2371 49.9449C25.0779 49.5649 24.996 49.1571 24.996 48.7452C24.996 48.3333 25.0779 47.9255 25.2371 47.5455C25.3962 47.1656 25.6293 46.8211 25.9228 46.5321C26.2163 46.2431 26.5644 46.0154 26.9468 45.8622C27.3291 45.709 27.7382 45.6334 28.15 45.6398H28.8573L28.8985 44.9341C28.9785 43.8759 29.4074 42.8742 30.118 42.086C30.8286 41.2978 31.7807 40.7678 32.825 40.5791C33.8693 40.3903 34.9467 40.5535 35.8882 41.0431C36.8298 41.5326 37.5822 42.3208 38.0275 43.2841L38.2353 43.7386L38.7348 43.7221C38.7865 43.7221 39.1465 43.7138 39.1998 43.7138C39.7178 43.7266 40.2281 43.8425 40.7008 44.0547C41.1735 44.2669 41.5992 44.5712 41.953 44.9498C42.3068 45.3284 42.5817 45.7737 42.7614 46.2597C42.9412 46.7457 43.0223 47.2626 43 47.7803C43.0338 48.8234 42.653 49.8373 41.9409 50.6002C41.2288 51.363 40.2434 51.8126 39.2005 51.8506Z",
   fill: "var(--onyx-file-upload-svg-color-bubble)"
@@ -11705,34 +11697,34 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
           -1
           /* CACHED */
         )),
-        t.error ? (r(), b("path", L1)) : (r(), b("path", I1))
+        t.error ? (r(), b("path", A1)) : (r(), b("path", L1))
       ],
       2
       /* CLASS */
     ));
   }
-}), R1 = ["disabled"], V1 = {
+}), I1 = ["disabled"], R1 = {
   key: 2,
   class: "onyx-file-upload__icon"
-}, D1 = {
+}, V1 = {
   key: 3,
   class: "onyx-file-upload__content"
-}, N1 = {
+}, D1 = {
   key: 0,
   class: "onyx-file-upload__label onyx-text"
-}, z1 = {
+}, N1 = {
   key: 1,
   class: "onyx-file-upload__text onyx-text--small"
-}, P1 = {
+}, z1 = {
   key: 2,
   class: "onyx-file-upload__text onyx-text--small"
-}, F1 = {
+}, P1 = {
   key: 3,
   class: "onyx-file-upload__text onyx-text--small"
-}, U1 = {
+}, F1 = {
   key: 4,
   class: "onyx-file-upload__required_error onyx-text--small"
-}, H1 = ["accept", "multiple", "disabled", "name"], Qm = /* @__PURE__ */ R({
+}, U1 = ["accept", "multiple", "disabled", "name"], Xm = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxFileUpload",
   props: {
@@ -11766,7 +11758,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
       emit: o,
       error: f
     }), w = P(!1), L = m(() => $.value.map((A, O) => {
-      if (e.accept && !E1(A, e.accept))
+      if (e.accept && !B1(A, e.accept))
         return {
           text: c.value("fileUpload.status.fileTypeError", {
             extension: A.name.split(".").at(-1)
@@ -11872,7 +11864,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
                 error: "",
                 disabled: l(s),
                 active: j.value
-              }, null, 8, ["disabled", "active"])) : (r(), b("div", V1, [
+              }, null, 8, ["disabled", "active"])) : (r(), b("div", R1, [
                 E(U, { icon: l(Ia) }, null, 8, ["icon"]),
                 h(
                   "span",
@@ -11882,8 +11874,8 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
                   /* TEXT */
                 )
               ])),
-              Y.value ? (r(), b("div", D1, [
-                e.size === "large" ? (r(), b("p", N1, [
+              Y.value ? (r(), b("div", V1, [
+                e.size === "large" ? (r(), b("p", D1, [
                   h(
                     "u",
                     null,
@@ -11897,7 +11889,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
                     /* TEXT */
                   )
                 ])) : S("v-if", !0),
-                e.maxSize || e.maxTotalSize ? (r(), b("p", z1, [
+                e.maxSize || e.maxTotalSize ? (r(), b("p", N1, [
                   X(
                     V(l(c)("fileUpload.maxFileSize")) + ": ",
                     1
@@ -11943,19 +11935,19 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
                 ])) : S("v-if", !0),
                 e.multiple && e.maxCount ? (r(), b(
                   "p",
-                  P1,
+                  z1,
                   V(l(c)("fileUpload.maxFileCount", { n: e.maxCount })),
                   1
                   /* TEXT */
                 )) : S("v-if", !0),
                 e.accept?.length ? (r(), b(
                   "p",
-                  F1,
+                  P1,
                   V(l(c)("fileUpload.allowedFileTypes", { types: e.accept.join(", ") })),
                   1
                   /* TEXT */
                 )) : S("v-if", !0),
-                l(x)?.longMessage ? (r(), b("p", U1, [
+                l(x)?.longMessage ? (r(), b("p", F1, [
                   X(
                     V(l(x)?.longMessage) + " ",
                     1
@@ -11967,7 +11959,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
                   }, null, 8, ["icon"])
                 ])) : S("v-if", !0)
               ])) : S("v-if", !0)
-            ], 16, R1)
+            ], 16, I1)
           ]),
           _: 1
           /* STABLE */
@@ -11984,7 +11976,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
               multiple: e.multiple,
               disabled: l(s),
               name: e.name
-            }, l(d), { onChange: H }), null, 16, H1), [
+            }, l(d), { onChange: H }), null, 16, U1), [
               [l(y)]
             ])
           ]),
@@ -12016,7 +12008,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
                 props: N.props
               }, () => [
                 E(
-                  B1,
+                  M1,
                   B({ ref_for: !0 }, N.props),
                   {
                     actions: M(() => [
@@ -12047,7 +12039,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
       /* FULL_PROPS */
     ));
   }
-}), ey = /* @__PURE__ */ R({
+}), Qm = /* @__PURE__ */ R({
   __name: "OnyxFilterTag",
   props: {
     density: {},
@@ -12073,7 +12065,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
       onClick: d[0] || (d[0] = (v) => i.value = !l(i))
     }), null, 16, ["clickable", "skeleton"]));
   }
-}), G1 = ["data-autosize-value"], q1 = ["id", "placeholder", "required", "autocapitalize", "autofocus", "name", "readonly", "disabled", "minlength", "maxlength", "aria-label", "title"], K1 = /* @__PURE__ */ R({
+}), H1 = ["data-autosize-value"], G1 = ["id", "placeholder", "required", "autocapitalize", "autofocus", "name", "readonly", "disabled", "minlength", "maxlength", "aria-label", "title"], q1 = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "OnyxTextarea",
   props: {
@@ -12168,11 +12160,11 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
                 maxlength: l(p),
                 "aria-label": o.hideLabel ? o.label : void 0,
                 title: o.hideLabel ? o.label : void 0
-              }, l(u), { onInput: x }), null, 16, q1), [
+              }, l(u), { onInput: x }), null, 16, G1), [
                 [Qt, l(s)],
                 [l(g)]
               ])
-            ], 8, G1)
+            ], 8, H1)
           ]),
           _: 1
           /* STABLE */
@@ -12182,7 +12174,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
       /* FULL_PROPS */
     ));
   }
-}), W1 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%20viewBox='0%200%20821%20922'%3e%3cpath%20d='M48.16%2024.48c-1.44-8.17-3.21-14.28-7.18-17.56-3.54-2.93-8.5-3.5-17.09-1.98C7.91%207.75%204.61%2013.23%207.84%2031.58c2.62%2014.87%206.4%2020.29%2016.3%2020.29%202.28%200%204.89-.29%207.89-.82%2016.05-2.83%2019.36-8.3%2016.14-26.58zm-27.8-2.67c0-.12.02-.28.03-.42.68-4.95%202.64-5.5%207.57-5.5%206.58%200%207.88.97%207.88%2012.14%200%203.14-.11%205.45-.41%207.18h-.01v.11c-.77%204.27-2.77%204.78-7.45%204.78-6.58%200-7.88-.97-7.88-12.06%200-2.59.07-4.61.26-6.22h.02z'%20style='fill:%2300adba;fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M48.12%2024.46c-1.44-8.15-3.2-14.25-7.17-17.52-3.53-2.92-8.48-3.51-17.05-2-.18.03-.78.14-.95.17l-2.37%2015.21c.81-3.96%202.83-4.43%207.37-4.43%206.57%200%207.86.97%207.86%2012.11%200%202.78-.09%204.91-.31%206.55l12.62-10.1z'%20style='fill:url(%23a);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M7.84%2031.5c1.44%208.15%203.13%2014.27%207.09%2017.54%203.53%202.92%208.48%203.51%2017.05%202%20.18-.03.78-.14.95-.17l2.37-15.21c-.81%203.96-2.83%204.43-7.37%204.43-6.57%200-7.86-.97-7.86-12.11%200-2.78.09-4.91.31-6.55L7.84%2031.51z'%20style='fill:url(%23b);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(20%20-28.968%2063.083)scale(30.27)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(-160%2021.757%2017.96)scale(30.2)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", j1 = { class: "parent" }, Y1 = { class: "showcase__flex grid--row1" }, Z1 = { class: "showcase__flex grid--tags" }, J1 = { class: "showcase__flex grid--row2" }, X1 = { class: "showcase__flex grid--row3" }, Q1 = { class: "showcase__flex grid--row4" }, em = /* @__PURE__ */ R({
+}), K1 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%20viewBox='0%200%20821%20922'%3e%3cpath%20d='M48.16%2024.48c-1.44-8.17-3.21-14.28-7.18-17.56-3.54-2.93-8.5-3.5-17.09-1.98C7.91%207.75%204.61%2013.23%207.84%2031.58c2.62%2014.87%206.4%2020.29%2016.3%2020.29%202.28%200%204.89-.29%207.89-.82%2016.05-2.83%2019.36-8.3%2016.14-26.58zm-27.8-2.67c0-.12.02-.28.03-.42.68-4.95%202.64-5.5%207.57-5.5%206.58%200%207.88.97%207.88%2012.14%200%203.14-.11%205.45-.41%207.18h-.01v.11c-.77%204.27-2.77%204.78-7.45%204.78-6.58%200-7.88-.97-7.88-12.06%200-2.59.07-4.61.26-6.22h.02z'%20style='fill:%2300adba;fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M48.12%2024.46c-1.44-8.15-3.2-14.25-7.17-17.52-3.53-2.92-8.48-3.51-17.05-2-.18.03-.78.14-.95.17l-2.37%2015.21c.81-3.96%202.83-4.43%207.37-4.43%206.57%200%207.86.97%207.86%2012.11%200%202.78-.09%204.91-.31%206.55l12.62-10.1z'%20style='fill:url(%23a);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cpath%20d='M7.84%2031.5c1.44%208.15%203.13%2014.27%207.09%2017.54%203.53%202.92%208.48%203.51%2017.05%202%20.18-.03.78-.14.95-.17l2.37-15.21c-.81%203.96-2.83%204.43-7.37%204.43-6.57%200-7.86-.97-7.86-12.11%200-2.78.09-4.91.31-6.55L7.84%2031.51z'%20style='fill:url(%23b);fill-rule:nonzero'%20transform='translate(-129.658%20-79.541)scale(19.29)'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(20%20-28.968%2063.083)scale(30.27)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20x2='1'%20y1='0'%20y2='0'%20gradientTransform='rotate(-160%2021.757%2017.96)scale(30.2)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.14'%20style='stop-color:%23018da0;stop-opacity:1'/%3e%3cstop%20offset='.77'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:%2300adba;stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", W1 = { class: "parent" }, j1 = { class: "showcase__flex grid--row1" }, Y1 = { class: "showcase__flex grid--tags" }, Z1 = { class: "showcase__flex grid--row2" }, J1 = { class: "showcase__flex grid--row3" }, X1 = { class: "showcase__flex grid--row4" }, Q1 = /* @__PURE__ */ R({
   __name: "ComponentShowcase",
   props: {
     dark: { type: Boolean },
@@ -12212,14 +12204,14 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
       { avatar: "https://www.github.com/MajaZarkova.png", name: "Maja Zarkova" },
       { avatar: "https://www.github.com/ChristianBusshoff.png", name: "Christian Bußhoff" }
     ];
-    return (u, c) => (r(), b("div", j1, [
+    return (u, c) => (r(), b("div", W1, [
       h(
         "div",
         {
           class: D(["showcase onyx-text", { dark: t.value }])
         },
         [
-          h("div", Y1, [
+          h("div", j1, [
             E(Il, {
               modelValue: s.value.pagination,
               "onUpdate:modelValue": c[0] || (c[0] = (p) => s.value.pagination = p),
@@ -12237,7 +12229,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
               "with-search": "",
               "hide-label": ""
             }, null, 8, ["modelValue", "options"]),
-            E(a1, {
+            E(l1, {
               modelValue: t.value,
               "onUpdate:modelValue": c[2] || (c[2] = (p) => t.value = p),
               label: "Dark mode"
@@ -12350,7 +12342,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
             _: 1
             /* STABLE */
           }),
-          E(K1, {
+          E(q1, {
             modelValue: s.value.textarea,
             "onUpdate:modelValue": c[3] || (c[3] = (p) => s.value.textarea = p),
             class: "grid--textarea",
@@ -12365,7 +12357,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
             description: "Description",
             duration: 0
           }),
-          h("div", Z1, [
+          h("div", Y1, [
             E(lo, null, {
               default: M(() => [...c[15] || (c[15] = [
                 X(
@@ -12404,7 +12396,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
             options: l(o),
             "with-check-all": ""
           }, null, 8, ["modelValue", "options"]),
-          h("div", J1, [
+          h("div", Z1, [
             E(pi, null, {
               default: M(() => [
                 (r(), b(
@@ -12437,7 +12429,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
               orientation: "horizontal"
             }, null, 8, ["modelValue", "options"])
           ]),
-          h("div", X1, [
+          h("div", J1, [
             E(Pl, {
               label: "Input",
               placeholder: "Example input",
@@ -12464,7 +12456,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
               placeholder: "0"
             }, null, 8, ["modelValue"])
           ]),
-          h("div", Q1, [
+          h("div", X1, [
             c[16] || (c[16] = h(
               "div",
               null,
@@ -12483,7 +12475,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
           E(rp, {
             class: "grid--nav",
             "app-name": "Nav bar",
-            "logo-url": l(W1)
+            "logo-url": l(K1)
           }, {
             contextArea: M(() => [
               E(Xd, {
@@ -12565,7 +12557,7 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
       )
     ]));
   }
-}), ty = /* @__PURE__ */ Nt(em, [["__scopeId", "data-v-c46b11f7"]]), oy = (n) => {
+}), ey = /* @__PURE__ */ Nt(Q1, [["__scopeId", "data-v-c46b11f7"]]), ty = (n) => {
   Re(() => {
     te([n], () => {
       const t = document.documentElement, e = "onyx-transition-active", o = () => {
@@ -12574,61 +12566,61 @@ const Xm = /* @__PURE__ */ Nt(T1, [["render", A1]]), L1 = {
       t.addEventListener("transitionend", o, { once: !0 }), t.classList.add(e);
     });
   });
-}, ny = ["primary", "neutral", "danger", "warning", "success", "info"], ly = ["small", "default", "large"], ay = ["ellipsis", "multiline"], sy = ["horizontal", "vertical"], ry = (n = {}) => ({
+}, oy = ["primary", "neutral", "danger", "warning", "success", "info"], ny = ["small", "default", "large"], ly = ["ellipsis", "multiline"], ay = ["horizontal", "vertical"], sy = (n = {}) => ({
   install: (t) => {
     Ds(t, n.i18n);
     const e = t.runWithContext(() => W());
     t.provide(ul, oi()), t.provide(sl, Mr()), t.provide(il, Kr()), n.router && t.provide(el, n.router), t.mixin({
       beforeMount: () => {
         Ze(() => {
-          tm(e.t.value("optional"));
+          em(e.t.value("optional"));
         });
       }
     });
   }
-}), tm = (n) => {
+}), em = (n) => {
   globalThis.document?.body.style.setProperty("--onyx-global-optional-text", `"${n}"`);
 };
 export {
   Fn as ACCORDION_INJECTION_KEY,
-  am as ACCORDION_TYPES,
+  lm as ACCORDION_TYPES,
   pl as BREADCRUMB_MORE_LIST_INJECTION_KEY,
   ml as BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY,
-  pm as BUTTON_COLORS,
-  mm as BUTTON_MODES,
-  dm as BUTTON_TYPES,
+  dm as BUTTON_COLORS,
+  pm as BUTTON_MODES,
+  um as BUTTON_TYPES,
   _l as CODE_TABS_INJECTION_KEY,
-  lm as DENSITIES,
-  xm as DIALOG_ALIGNMENTS,
-  gm as DataGridFeatures,
+  nm as DENSITIES,
+  _m as DIALOG_ALIGNMENTS,
+  hm as DataGridFeatures,
   Jt as DataGridRowOptionsSymbol,
   sl as GLOBAL_FAB_PROVIDER_INJECTION_KEY,
   Ko as GLOBAL_SEARCH_INJECTION_KEY,
-  $m as HEADLINE_TYPES,
-  Mm as ICON_SIZES,
-  Em as IMAGE_SHAPES,
-  Tm as INPUT_TYPES,
-  Nm as LINK_TARGETS,
+  Sm as HEADLINE_TYPES,
+  $m as ICON_SIZES,
+  Bm as IMAGE_SHAPES,
+  Em as INPUT_TYPES,
+  Dm as LINK_TARGETS,
   ro as MOBILE_NAV_BAR_INJECTION_KEY,
-  Fm as MULTISELECT_TEXT_MODE,
+  Pm as MULTISELECT_TEXT_MODE,
   Cn as NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY,
   Nl as NAV_BAR_MORE_LIST_INJECTION_KEY,
   zl as NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY,
   il as NOTIFICATIONS_PROVIDER_INJECTION_KEY,
   Et as ONYX_BREAKPOINTS,
-  ny as ONYX_COLORS,
-  sy as ORIENTATIONS,
-  sm as OnyxAccordion,
-  rm as OnyxAccordionItem,
-  im as OnyxAlertModal,
-  cm as OnyxAppLayout,
+  oy as ONYX_COLORS,
+  ay as ORIENTATIONS,
+  am as OnyxAccordion,
+  sm as OnyxAccordionItem,
+  rm as OnyxAlertModal,
+  im as OnyxAppLayout,
   Yt as OnyxAvatar,
   pi as OnyxAvatarStack,
   lo as OnyxBadge,
   ht as OnyxBasicDialog,
   Tt as OnyxBasicPopover,
   vi as OnyxBottomBar,
-  um as OnyxBreadcrumb,
+  cm as OnyxBreadcrumb,
   sn as OnyxBreadcrumbItem,
   gt as OnyxButton,
   fl as OnyxCard,
@@ -12636,34 +12628,34 @@ export {
   dn as OnyxCheckboxGroup,
   Od as OnyxColorSchemeDialog,
   Ld as OnyxColorSchemeMenuItem,
-  ty as OnyxComponentShowcase,
-  hm as OnyxDataGrid,
+  ey as OnyxComponentShowcase,
+  bm as OnyxDataGrid,
   yn as OnyxDataGridRenderer,
-  _m as OnyxDatePicker,
-  km as OnyxDialog,
+  gm as OnyxDatePicker,
+  xm as OnyxDialog,
   kl as OnyxEmpty,
-  Xm as OnyxErrorSVG,
+  Jm as OnyxErrorSVG,
   So as OnyxExternalLinkIcon,
   ln as OnyxFAB,
   Gt as OnyxFABButton,
   $r as OnyxFABItem,
-  B1 as OnyxFileCard,
-  b1 as OnyxFileTypeIcon,
-  Qm as OnyxFileUpload,
+  M1 as OnyxFileCard,
+  v1 as OnyxFileTypeIcon,
+  Xm as OnyxFileUpload,
   Mn as OnyxFileUploadSVG,
-  ey as OnyxFilterTag,
+  Qm as OnyxFilterTag,
   nt as OnyxFlyoutMenu,
-  Cm as OnyxForm,
+  km as OnyxForm,
   Ie as OnyxFormElement,
   Br as OnyxGlobalFAB,
   ze as OnyxHeadline,
   U as OnyxIcon,
   st as OnyxIconButton,
-  Bm as OnyxImage,
+  Mm as OnyxImage,
   Gr as OnyxInfoCard,
   so as OnyxInfoTooltip,
   Pl as OnyxInput,
-  Om as OnyxLanguageMenuItem,
+  Tm as OnyxLanguageMenuItem,
   ud as OnyxLink,
   Zt as OnyxListItem,
   Fe as OnyxLoadingIndicator,
@@ -12676,69 +12668,69 @@ export {
   rp as OnyxNavBar,
   wt as OnyxNavItem,
   ut as OnyxNavItemFacade,
-  Lm as OnyxNotificationCard,
-  Im as OnyxNotificationDot,
+  Am as OnyxNotificationCard,
+  Lm as OnyxNotificationDot,
   qr as OnyxNotificationMessage,
   Yr as OnyxNotifications,
-  Rm as OnyxPageLayout,
+  Im as OnyxPageLayout,
   Il as OnyxPagination,
   Sp as OnyxProgressItem,
-  Dm as OnyxProgressSteps,
+  Vm as OnyxProgressSteps,
   Sn as OnyxRadioButton,
   Tp as OnyxRadioGroup,
   dt as OnyxRouterLink,
-  zm as OnyxSegmentedControl,
-  Ip as OnyxSegmentedControlElement,
+  Nm as OnyxSegmentedControl,
+  Lp as OnyxSegmentedControlElement,
   Lt as OnyxSelect,
   Oo as OnyxSelectDialog,
   Wc as OnyxSelectInput,
   vn as OnyxSelectOption,
   Xt as OnyxSeparator,
-  Hm as OnyxSidebar,
-  Um as OnyxSidebarItem,
+  Um as OnyxSidebar,
+  Fm as OnyxSidebarItem,
   Z as OnyxSkeleton,
   $t as OnyxStepper,
-  a1 as OnyxSwitch,
+  l1 as OnyxSwitch,
   Ee as OnyxSystemButton,
   pn as OnyxTab,
   $o as OnyxTable,
   mn as OnyxTabs,
   We as OnyxTag,
-  K1 as OnyxTextarea,
-  Am as OnyxTimer,
+  q1 as OnyxTextarea,
+  Om as OnyxTimer,
   ai as OnyxToast,
   cl as OnyxToastMessage,
   et as OnyxTooltip,
-  ym as OnyxUnstableCalendar,
-  fm as OnyxUnstableCodeTab,
-  vm as OnyxUnstableCodeTabs,
-  wm as OnyxUnstableGlobalSearch,
-  Sm as OnyxUnstableGlobalSearchGroup,
+  mm as OnyxUnstableCalendar,
+  ym as OnyxUnstableCodeTab,
+  fm as OnyxUnstableCodeTabs,
+  Cm as OnyxUnstableGlobalSearch,
+  wm as OnyxUnstableGlobalSearchGroup,
   ld as OnyxUnstableGlobalSearchOption,
   au as OnyxUnstableItemsPerPage,
-  qm as OnyxUnstableSlider,
+  Gm as OnyxUnstableSlider,
   yt as OnyxUnstableSliderControl,
-  Ym as OnyxUnstableTimepicker,
+  jm as OnyxUnstableTimepicker,
   Xd as OnyxUserMenu,
   Ke as OnyxVisuallyHidden,
-  Vm as PROGRESS_ITEM_STATUS,
+  Rm as PROGRESS_ITEM_STATUS,
   el as ROUTER_INJECTION_KEY,
-  Pm as SELECT_ALIGNMENTS,
-  Gm as SIDEBAR_ALIGNMENT,
+  zm as SELECT_ALIGNMENTS,
+  Hm as SIDEBAR_ALIGNMENT,
   oe as SKELETON_INJECTED_SYMBOL,
-  Wm as SLIDER_CONTROLS,
-  Km as SLIDER_MODES,
-  Jm as SUPPORTED_FILE_TYPE_ICON_MEDIA_TYPES,
-  jm as SYSTEM_BUTTON_COLORS,
+  Km as SLIDER_CONTROLS,
+  qm as SLIDER_MODES,
+  Zm as SUPPORTED_FILE_TYPE_ICON_MEDIA_TYPES,
+  Wm as SYSTEM_BUTTON_COLORS,
   xl as TABS_INJECTION_KEY,
-  ly as TEXT_SIZES,
-  Zm as TIMEPICKER_TYPES,
+  ny as TEXT_SIZES,
+  Ym as TIMEPICKER_TYPES,
   ul as TOAST_PROVIDER_INJECTION_KEY,
-  ay as TRUNCATION_TYPES,
-  bm as createFeature,
+  ly as TRUNCATION_TYPES,
+  vm as createFeature,
   Mr as createGlobalFABProvider,
   Kr as createNotificationsProvider,
-  ry as createOnyx,
+  sy as createOnyx,
   Ic as createTableColumnGroups,
   oi as createToastProvider,
   pt as extractLinkProps,
@@ -12757,6 +12749,6 @@ export {
   Te as useRootAttrs,
   Ll as useScrollEnd,
   ie as useSkeletonContext,
-  oy as useThemeTransition,
+  ty as useThemeTransition,
   ni as useToast
 };