sit-onyx 1.1.0-dev-20250930114848 → 1.1.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { computed as m, provide as Fe, inject as ge, toRef as ue, ref as N, watch as X, defineComponent as A, watchEffect as De, toRefs as Lt, createElementBlock as v, openBlock as i, normalizeClass as R, unref as l, renderSlot as E, onMounted as $e, createBlock as _, resolveDynamicComponent as Me, withCtx as $, createVNode as O, createElementVNode as y, withModifiers as Re, readonly as Ot, reactive as po, onBeforeMount as Mt, onBeforeUnmount as _t, useId as me, toValue as U, nextTick as Pe, shallowRef as We, useTemplateRef as oe, createCommentVNode as w, createTextVNode as Z, toDisplayString as I, normalizeProps as Ne, mergeProps as B, Fragment as K, isProxy as Sa, toRaw as $a, useAttrs as Ca, customRef as Ea, onUnmounted as Dt, normalizeStyle as Le, useSlots as ye, createSlots as ke, isRef as Ae, renderList as ce, toHandlers as Ba, resolveComponent as Oa, withDirectives as we, guardReactiveProps as Je, vShow as Xt, Teleport as rt, vModelCheckbox as an, vModelText as mo, h as ie, vModelDynamic as ln, withKeys as Io, createStaticVNode as Ma, useModel as Aa } from "vue";
+import { computed as m, provide as Fe, inject as ge, toRef as ce, ref as N, watch as X, defineComponent as A, watchEffect as De, toRefs as Lt, createElementBlock as v, openBlock as i, normalizeClass as R, unref as l, renderSlot as E, onMounted as $e, createBlock as _, resolveDynamicComponent as Me, withCtx as $, createVNode as O, createElementVNode as y, withModifiers as Re, readonly as Ot, reactive as po, onBeforeMount as Mt, onBeforeUnmount as _t, useId as me, toValue as U, nextTick as Pe, shallowRef as We, useTemplateRef as oe, createCommentVNode as w, createTextVNode as Z, toDisplayString as I, normalizeProps as Ne, mergeProps as B, Fragment as K, isProxy as Sa, toRaw as $a, useAttrs as Ca, customRef as Ea, onUnmounted as Dt, normalizeStyle as Le, useSlots as ye, createSlots as ke, isRef as Ae, renderList as ue, toHandlers as Ba, resolveComponent as Oa, withDirectives as we, guardReactiveProps as Je, vShow as Xt, Teleport as rt, vModelCheckbox as an, vModelText as mo, h as ie, vModelDynamic as ln, withKeys as Io, createStaticVNode as Ma, useModel as Aa } from "vue";
 import { iconChevronDownSmall as Ta, iconCircleAttention as yo, iconXSmall as qe, iconX as fo, iconMoreHorizontalSmall as sn, iconCircleCheck as Ia, iconCircleX as rn, iconCircleInformation as Qt, iconUser as Ra, iconArrowSmallUpRight as La, iconChevronRightSmall as vo, iconArrowSmallLeft as cn, iconHome as Da, iconMoreHorizontal as Ro, iconChevronLeftSmall as ho, iconSearch as Na, iconCheck as Va, iconSearchX as za, iconChevronDownUp as Fa, iconCheckSmall as xt, iconPlusSmall as Pa, iconEyeDisabled as Ua, iconListArrowUp as un, iconListArrowDown as dn, iconArrowsSort as Ha, iconCircleBlock as Ga, iconFileDisabled as qa, iconEyeClosed as Ka, iconEye as ja, iconCircleContrast as Wa, iconTranslate as Ya, iconMenu as Ja, iconMoreVertical as pn, iconNotificationFlag as Za, iconMinus as Xa, iconPlus as Qa, iconFile as el, iconFilePdf as tl, iconFileCsv as ol, iconAudio as nl, iconVideocam as al, iconPicture as ll, iconFileRtf as sl, iconFilePpt as rl, iconFileXls as il, iconFileXlsx as cl, iconFileDoc as ul, iconFileGlobe as dl, iconFileArchive as pl, iconFileText as ml, iconCloudArrowUp as yl, iconTrash as fl, iconShareIos as vl, iconArrowSmallRight as hl, iconSettings as bl, iconLogout as gl } from "@sit-onyx/icons";
 const Ip = ["compact", "default", "cozy"], q = (o) => ({
   densityClass: m(() => ({ [`onyx-density-${o.density}`]: !!o.density }))
@@ -7,7 +7,7 @@ const Ip = ["compact", "default", "cozy"], q = (o) => ({
   /** Default */
   xl
 )(o), re = (o) => {
-  const t = ue(o.props, o.key), e = () => typeof o.default == "function" ? o.default() : o.default, n = N(e());
+  const t = ce(o.props, o.key), e = () => typeof o.default == "function" ? o.default() : o.default, n = N(e());
   X(t, (s) => n.value = s);
   const a = m({
     get: () => t.value ?? n.value ?? e(),
@@ -58,8 +58,8 @@ const Ip = ["compact", "default", "cozy"], q = (o) => ({
       },
       { immediate: !0 }
     ), Fe(fn, {
-      openItems: ue(() => s.value),
-      type: ue(() => e.type),
+      openItems: ce(() => s.value),
+      type: ce(() => e.type),
       updateOpen: p,
       disabled: r,
       skeleton: c
@@ -245,7 +245,7 @@ const kl = ["innerHTML"], H = /* @__PURE__ */ A({
 }, ds = {
   decimal: { style: "decimal" }
 }, vn = Symbol(), hn = (o = {}) => {
-  const t = Ot(ue(o?.locale ?? "en-US")), e = m(() => o.messages?.[t.value] ?? to), n = m(() => (r, u = {}) => {
+  const t = Ot(ce(o?.locale ?? "en-US")), e = m(() => o.messages?.[t.value] ?? to), n = m(() => (r, u = {}) => {
     let c = Lo(r, e.value) ?? Lo(r, to) ?? "";
     return c = ms(c, u.n), ys(c, u);
   }), a = m(() => (r, u) => new Intl.DateTimeFormat(
@@ -257,7 +257,7 @@ const kl = ["innerHTML"], H = /* @__PURE__ */ A({
   ).format(r));
   return {
     // If the user provided a custom `t` function, it is used instead of the default.
-    t: o.t ? Ot(ue(o.t)) : n,
+    t: o.t ? Ot(ce(o.t)) : n,
     locale: t,
     d: a,
     n: s
@@ -953,7 +953,7 @@ const oo = (o) => ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Satu
   disabled: m(() => !o.value)
 }), Bs = Ke(
   ({ toggleLabel: o, isVisible: t }) => {
-    const e = me(), n = ue(t ?? !1);
+    const e = me(), n = ce(t ?? !1);
     Sn({ isExpanded: n });
     const a = () => n.value = !n.value;
     return {
@@ -988,7 +988,7 @@ const oo = (o) => ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Satu
     };
   }
 ), Os = Ke(({ debounce: o, isVisible: t }) => {
-  const e = me(), n = ue(t ?? !1);
+  const e = me(), n = ce(t ?? !1);
   let a;
   const s = m({
     get: () => n.value,
@@ -1251,11 +1251,11 @@ const oo = (o) => ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Satu
   disabled: Kt(o, t, "disabled", !1),
   showError: Kt(o, t, "showError", "touched"),
   requiredMarker: Kt(o, t, "requiredMarker", "required")
-}), Ns = (o) => Fe(On, Mn(o && ue(o))), Vs = Mn(), _e = (o) => ge(
+}), Ns = (o) => Fe(On, Mn(o && ce(o))), Vs = Mn(), _e = (o) => ge(
   On,
   /** Default */
   Vs
-)(ue(o)), zs = ["disabled", "type", "autofocus"], ut = /* @__PURE__ */ A({
+)(ce(o)), zs = ["disabled", "type", "autofocus"], ut = /* @__PURE__ */ A({
   __name: "ButtonOrLinkLayout",
   props: {
     disabled: { type: [Boolean, Symbol] },
@@ -1604,7 +1604,54 @@ const oo = (o) => ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Satu
     updateAnchorPositionPolyfill: p,
     useragentSupportsAnchorApi: f
   };
-};
+}, Tn = (o, t, e = "center") => {
+  const a = N(e);
+  return {
+    /**
+     * Direction in which the popover should open to.
+     */
+    openAlignment: a,
+    /**
+     * Detects in which direction a popover should be opened, depending on the available space in each direction.
+     * Should only be called onBeforeMount or later to support server side rendering.
+     */
+    updateOpenAlignment: () => {
+      const r = l(o), u = l(t);
+      if (!r || !u) {
+        a.value = e;
+        return;
+      }
+      const c = r.getBoundingClientRect(), d = u.getBoundingClientRect();
+      if (d.width < c.width) {
+        a.value = e;
+        return;
+      }
+      const p = (d.width - c.width + 32) / 2, f = d.width - c.width + 16, h = window.innerWidth, b = c.left, g = h - c.right, C = b >= p, k = g >= p;
+      e === "right" && b >= f || e === "left" && g >= f || e === "center" && C && k ? a.value = e : b > g ? a.value = "right" : a.value = "left";
+    }
+  };
+}, _o = (o, t = "bottom") => {
+  const e = N(t);
+  return {
+    /**
+     * Direction in which the popover should open to.
+     */
+    openDirection: e,
+    /**
+     * Detects in which direction a popover should be opened, depending on the available space in each direction.
+     * Should only be called onBeforeMount or later to support server side rendering.
+     */
+    updateOpenDirection: () => {
+      const a = l(o);
+      if (!a) {
+        e.value = t;
+        return;
+      }
+      const s = In(a)?.getBoundingClientRect(), r = a.getBoundingClientRect(), u = s?.top ?? window.visualViewport?.pageTop ?? 0, d = (s?.bottom ?? window.visualViewport?.height ?? 0) - r.bottom, p = r.top - u;
+      e.value = p > d ? "top" : "bottom";
+    }
+  };
+}, In = (o) => o ? getComputedStyle(o).overflow.includes("hidden") ? o : o.parentElement ? In(o.parentElement) : void 0 : void 0;
 function js(o) {
   const t = N(), e = N(), n = N(!1), a = () => {
     if (!(!o.popoverRef.value || !o.popoverWrapperRef.value || !o.isVisible.value))
@@ -1642,7 +1689,7 @@ function js(o) {
         const c = o.popoverRef.value.getBoundingClientRect(), d = c.top < 16, p = c.bottom > window.innerHeight - 16;
         (d || p) && (n.value = !0, d ? (e.value = "top", t.value = { left: c.left + "px", top: "var(--onyx-density-md)" }) : p && (e.value = "bottom", t.value = { left: c.left + "px", bottom: "var(--onyx-density-md)" }));
       }
-  }, s = m(() => !o.clipping.value || !o.isVisible.value);
+  }, s = m(() => !o.sticky.value || !o.isVisible.value);
   return Ue({
     type: "scroll",
     listener: () => a(),
@@ -1653,56 +1700,9 @@ function js(o) {
     disabled: s
   }), $e(async () => {
     await Pe(), s.value || a();
-  }), { clippingStyles: t, scrolledOut: e, isClipping: n, checkVisibilityOnScroll: a };
+  }), { stickyStyles: t, scrolledOut: e, isSticky: n, checkVisibilityOnScroll: a };
 }
-const Tn = (o, t, e = "center") => {
-  const a = N(e);
-  return {
-    /**
-     * Direction in which the popover should open to.
-     */
-    openAlignment: a,
-    /**
-     * Detects in which direction a popover should be opened, depending on the available space in each direction.
-     * Should only be called onBeforeMount or later to support server side rendering.
-     */
-    updateOpenAlignment: () => {
-      const r = l(o), u = l(t);
-      if (!r || !u) {
-        a.value = e;
-        return;
-      }
-      const c = r.getBoundingClientRect(), d = u.getBoundingClientRect();
-      if (d.width < c.width) {
-        a.value = e;
-        return;
-      }
-      const p = (d.width - c.width + 32) / 2, f = d.width - c.width + 16, h = window.innerWidth, b = c.left, g = h - c.right, C = b >= p, k = g >= p;
-      e === "right" && b >= f || e === "left" && g >= f || e === "center" && C && k ? a.value = e : b > g ? a.value = "right" : a.value = "left";
-    }
-  };
-}, _o = (o, t = "bottom") => {
-  const e = N(t);
-  return {
-    /**
-     * Direction in which the popover should open to.
-     */
-    openDirection: e,
-    /**
-     * Detects in which direction a popover should be opened, depending on the available space in each direction.
-     * Should only be called onBeforeMount or later to support server side rendering.
-     */
-    updateOpenDirection: () => {
-      const a = l(o);
-      if (!a) {
-        e.value = t;
-        return;
-      }
-      const s = In(a)?.getBoundingClientRect(), r = a.getBoundingClientRect(), u = s?.top ?? window.visualViewport?.pageTop ?? 0, d = (s?.bottom ?? window.visualViewport?.height ?? 0) - r.bottom, p = r.top - u;
-      e.value = p > d ? "top" : "bottom";
-    }
-  };
-}, In = (o) => o ? getComputedStyle(o).overflow.includes("hidden") ? o : o.parentElement ? In(o.parentElement) : void 0 : void 0, Ws = ["role", "aria-label"], xo = /* @__PURE__ */ A({
+const Ws = ["role", "aria-label"], xo = /* @__PURE__ */ A({
   __name: "OnyxBasicPopover",
   props: {
     label: {},
@@ -1712,7 +1712,7 @@ const Tn = (o, t, e = "center") => {
     fitParent: { type: Boolean },
     disabled: { type: Boolean },
     role: { default: "dialog" },
-    clipping: { type: Boolean, default: !1 }
+    sticky: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
   setup(o, { expose: t, emit: e }) {
@@ -1758,12 +1758,12 @@ const Tn = (o, t, e = "center") => {
       Y ? f.value?.showPopover?.() : f.value?.hidePopover?.();
     }, z = () => {
       g(), k();
-    }, { clippingStyles: j, isClipping: Q } = js({
+    }, { stickyStyles: j, isSticky: Q } = js({
       popoverRef: f,
       popoverWrapperRef: h,
       popoverPosition: u,
       isVisible: r,
-      clipping: m(() => n.clipping)
+      sticky: ce(() => n.sticky)
     });
     Ue({
       type: "resize",
@@ -1786,7 +1786,7 @@ const Tn = (o, t, e = "center") => {
       [`onyx-basic-popover__dialog--alignment-${c.value}`]: !0,
       "onyx-basic-popover__dialog--fitparent": n.fitParent,
       "onyx-basic-popover__dialog--disabled": d.value,
-      "onyx-basic-popover__dialog--clipping": Q.value,
+      "onyx-basic-popover__dialog--sticky": Q.value,
       "onyx-basic-popover__dialog--dont-support-anchor": !T.value
     }));
     X(d, () => {
@@ -1969,7 +1969,7 @@ const Tn = (o, t, e = "center") => {
   }
 }), Rn = Symbol(), Xs = () => {
   const o = We([]), t = (n) => {
-    o.value = o.value.concat(ue(n));
+    o.value = o.value.concat(ce(n));
   }, e = (n) => {
     o.value = o.value.filter((a) => a.value.id !== n);
   };
@@ -2013,7 +2013,7 @@ const Tn = (o, t, e = "center") => {
         (i(!0), v(
           K,
           null,
-          ce(l(t).items.value, (r) => (i(), _(
+          ue(l(t).items.value, (r) => (i(), _(
             Zs,
             B({
               key: r.value.id
@@ -2124,7 +2124,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
         (i(!0), v(
           K,
           null,
-          ce(l(n), ([c, d]) => (i(), v("span", {
+          ue(l(n), ([c, d]) => (i(), v("span", {
             key: c,
             class: "onyx-ripple__element",
             style: Le({
@@ -2364,7 +2364,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
       (i(!0), v(
         K,
         null,
-        ce(l(t).notifications.value, ({ id: a, ...s }) => (i(), _(
+        ue(l(t).notifications.value, ({ id: a, ...s }) => (i(), _(
           vr,
           B({ key: a }, { ref_for: !0 }, s),
           ke({
@@ -2384,7 +2384,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
                 (i(!0), v(
                   K,
                   null,
-                  ce(s.buttons, (r) => (i(), _(
+                  ue(s.buttons, (r) => (i(), _(
                     st,
                     B({
                       key: r.label
@@ -2536,7 +2536,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
       (i(!0), v(
         K,
         null,
-        ce(l(t).toasts.value, ({ id: a, ...s }) => (i(), _(
+        ue(l(t).toasts.value, ({ id: a, ...s }) => (i(), _(
           Nn,
           B({ key: a }, { ref_for: !0 }, s),
           null,
@@ -2715,7 +2715,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
   const t = N(), e = N(), { width: n } = He(o.parentRef), { width: a } = He(o.moreIndicatorRef), s = po(/* @__PURE__ */ new Map());
   return $e(() => {
     X(
-      [n, a, s, ue(o.direction)],
+      [n, a, s, ce(o.direction)],
       () => {
         let r = n.value;
         if (r <= 0) return;
@@ -3047,7 +3047,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
       parentRef: a,
       listRef: s,
       moreIndicatorRef: r,
-      direction: ue(() => e.direction)
+      direction: ce(() => e.direction)
     });
     return Fe(e.injectionKey, u), X(
       [() => u.visibleElements.value?.length, () => u.hiddenElements.value?.length],
@@ -3308,7 +3308,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
       return p.value.includes(" ") ? p.value : `${p.value} center`;
     }), b = () => d.value === "hover" ? Os(u.value) : Bs(c.value), g = We(b());
     X(d, () => g.value = b());
-    const C = m(() => g.value?.elements.tooltip), k = m(() => U(g.value?.elements.trigger)), S = ue(() => e.alignsWithEdge), M = ue(() => e.fitParent), x = oe("tooltipWrapperRefEl"), T = oe("tooltipRefEl"), { openDirection: D, updateOpenDirection: L } = _o(x, "top"), { openAlignment: z, updateOpenAlignment: j } = Tn(x, T), { leftPosition: Q, topPosition: P, updateAnchorPositionPolyfill: F, useragentSupportsAnchorApi: ee } = An({
+    const C = m(() => g.value?.elements.tooltip), k = m(() => U(g.value?.elements.trigger)), S = ce(() => e.alignsWithEdge), M = ce(() => e.fitParent), x = oe("tooltipWrapperRefEl"), T = oe("tooltipRefEl"), { openDirection: D, updateOpenDirection: L } = _o(x, "top"), { openAlignment: z, updateOpenAlignment: j } = Tn(x, T), { leftPosition: Q, topPosition: P, updateAnchorPositionPolyfill: F, useragentSupportsAnchorApi: ee } = An({
       positionedRef: T,
       targetRef: x,
       positionArea: p,
@@ -3601,7 +3601,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
                   (i(!0), v(
                     K,
                     null,
-                    ce(l(T), (Y, Be) => (i(), v("th", {
+                    ue(l(T), (Y, Be) => (i(), v("th", {
                       key: Be,
                       scope: "col",
                       abbr: Y,
@@ -3616,11 +3616,11 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
                 (i(!0), v(
                   K,
                   null,
-                  ce(l(x), (Y, Be) => (i(), v("tr", { key: Be }, [
+                  ue(l(x), (Y, Be) => (i(), v("tr", { key: Be }, [
                     (i(!0), v(
                       K,
                       null,
-                      ce(Y, (Se, fe) => (i(), v(
+                      ue(Y, (Se, fe) => (i(), v(
                         "td",
                         B({ key: fe }, { ref_for: !0 }, l(L)(Se)),
                         [
@@ -4149,7 +4149,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
           l(h) ? typeof l(h) == "number" ? (i(!0), v(
             K,
             { key: 1 },
-            ce(l(h), (M) => (i(), _(yt, {
+            ue(l(h), (M) => (i(), _(yt, {
               key: M,
               label: `Skeleton ${M}`,
               value: `skeleton-${M}`,
@@ -4173,7 +4173,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
               (i(!0), v(
                 K,
                 null,
-                ce(n.options, (M) => (i(), _(yt, B({
+                ue(n.options, (M) => (i(), _(yt, B({
                   key: M.value.toString()
                 }, { ref_for: !0 }, M, {
                   ref_for: !0,
@@ -4293,7 +4293,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
             (i(!0), v(
               K,
               null,
-              ce(t.columnGroups, (g) => (i(), v("colgroup", {
+              ue(t.columnGroups, (g) => (i(), v("colgroup", {
                 key: g.key,
                 span: g.span
               }, null, 8, Bi))),
@@ -4305,7 +4305,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
                 (i(!0), v(
                   K,
                   null,
-                  ce(t.columnGroups, (g) => (i(), v("th", {
+                  ue(t.columnGroups, (g) => (i(), v("th", {
                     key: g.key,
                     colspan: g.span,
                     scope: "colgroup",
@@ -4381,7 +4381,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
           (i(!0), v(
             K,
             null,
-            ce(t.columns, (r) => (i(), v(
+            ue(t.columns, (r) => (i(), v(
               "th",
               B({
                 key: r.key
@@ -4410,7 +4410,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
         (i(!0), v(
           K,
           null,
-          ce(t.rows, (r) => (i(), v(
+          ue(t.rows, (r) => (i(), v(
             "tr",
             B({
               key: r.id
@@ -4419,7 +4419,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
               (i(!0), v(
                 K,
                 null,
-                ce(r.columns, (u) => (i(), v(
+                ue(r.columns, (u) => (i(), v(
                   K,
                   {
                     key: u.key
@@ -4461,7 +4461,7 @@ const so = /* @__PURE__ */ Vt(ar, [["render", sr]]), ze = /* @__PURE__ */ A({
       _: 2
       /* DYNAMIC */
     }, [
-      ce(e, (r, u) => ({
+      ue(e, (r, u) => ({
         name: u,
         fn: $((c) => [
           E(a.$slots, r?.name, Ne(Je(c)), () => [
@@ -4797,7 +4797,7 @@ const Gi = (o, t) => {
     isAsync: n
   };
 }, Ki = Symbol("Filtering"), Bo = 0, ji = (o) => (t) => {
-  const { i18n: e } = t, n = ue(o?.filterState ?? {}), a = m(() => U(o?.columns)), { isEnabled: s, isAsync: r } = dt(t, o), u = (p) => r.value ? p : p.filter(
+  const { i18n: e } = t, n = ce(o?.filterState ?? {}), a = m(() => U(o?.columns)), { isEnabled: s, isAsync: r } = dt(t, o), u = (p) => r.value ? p : p.filter(
     (f) => Object.entries(n.value).every(
       ([h, b]) => {
         const g = a.value?.[h], C = { ...o?.filterConfig, ...g?.config };
@@ -5617,7 +5617,7 @@ const Gi = (o, t) => {
                       (i(!0), v(
                         K,
                         null,
-                        ce(pt.value, (de) => (i(), v(
+                        ue(pt.value, (de) => (i(), v(
                           "ul",
                           B({
                             key: de.name,
@@ -5634,7 +5634,7 @@ const Gi = (o, t) => {
                             (i(!0), v(
                               K,
                               null,
-                              ce(de.items, (he) => (i(), _(Yo, B(
+                              ue(de.items, (he) => (i(), _(Yo, B(
                                 {
                                   key: he.value.toString()
                                 },
@@ -5812,12 +5812,12 @@ const Gi = (o, t) => {
     ));
   }
 }), bc = Symbol("Selection"), ca = 1e3, gc = (o) => (t) => {
-  const e = `selection-column-${me()}`, n = ue(
+  const e = `selection-column-${me()}`, n = ce(
     o?.selectionState ?? {
       selectMode: "include",
       contingent: /* @__PURE__ */ new Set()
     }
-  ), a = N(0), s = ue(o?.hover ?? !1), { isEnabled: r } = dt(t, o), u = (b) => n.value.selectMode === "include" ? n.value.contingent.has(b) : !n.value.contingent.has(b), c = (b) => {
+  ), a = N(0), s = ce(o?.hover ?? !1), { isEnabled: r } = dt(t, o), u = (b) => n.value.selectMode === "include" ? n.value.contingent.has(b) : !n.value.contingent.has(b), c = (b) => {
     n.value.selectMode = b ? "exclude" : "include", n.value.contingent.clear();
   }, d = (b, g) => {
     n.value.selectMode === "include" && b === !0 || n.value.selectMode === "exclude" && b === !1 ? n.value.contingent.add(g) : n.value.contingent.delete(g);
@@ -5883,7 +5883,7 @@ const Gi = (o, t) => {
     }
   };
 }, _c = Symbol("Pagination"), xc = Symbol("LazyLoadingRow"), Jo = Symbol("LazyLoadingRenderer"), kc = Symbol("ButtonLoadingRow"), Zo = Symbol("ButtonLoadingRenderer"), ua = Math.min(Bo, ca) - 1, wc = (o = {}) => (t) => {
-  const e = ue(
+  const e = ce(
     o?.paginationState ?? { current: 1, pages: 1, pageSize: o?.pageSize ?? 25 }
   ), { isEnabled: n, isAsync: a } = dt(t, o), s = m(() => o.disabled?.value ?? !1), r = m(
     () => e.value.pages > 1 || e.value.current > e.value.pageSize
@@ -6055,7 +6055,7 @@ const Gi = (o, t) => {
       h,
       () => {
         const S = qi(
-          [Cc({ headline: ue(t, "headline") }), ...h.value],
+          [Cc({ headline: ce(t, "headline") }), ...h.value],
           {
             i18n: e,
             columnConfig: p,
@@ -6084,7 +6084,7 @@ const Gi = (o, t) => {
       _: 2
       /* DYNAMIC */
     }, [
-      ce(d.value, (x, T) => ({
+      ue(d.value, (x, T) => ({
         name: T,
         fn: $(() => [
           (i(), _(Me(x)))
@@ -6100,7 +6100,7 @@ const Gi = (o, t) => {
     ]), 1040, ["column-groups", "columns", "rows", "scroll-container-attrs"]));
   }
 }), Ec = Symbol("HideColumnsFeature"), Yt = Symbol("HiddenColumn"), Bc = (o) => (t) => {
-  const { i18n: e } = t, { isEnabled: n } = dt(t, o), a = N([]), s = ue(o?.state ?? /* @__PURE__ */ new Set()), r = m(
+  const { i18n: e } = t, { isEnabled: n } = dt(t, o), a = N([]), s = ce(o?.state ?? /* @__PURE__ */ new Set()), r = m(
     () => a.value.filter((d) => s.value.has(d.key))
   ), u = () => ie(
     Xe,
@@ -6400,7 +6400,7 @@ const Gi = (o, t) => {
       return "asc";
   }
 }, Ic = Symbol("Sorting"), Rc = (o) => (t) => {
-  const e = ue(
+  const e = ce(
     o?.sortState ?? {
       column: void 0,
       direction: "none"
@@ -6707,7 +6707,7 @@ const Gi = (o, t) => {
     position: {},
     alignment: {},
     disabled: { type: Boolean },
-    clipping: { type: Boolean, default: !0 },
+    sticky: { type: Boolean, default: !0 },
     nonDismissible: { type: Boolean }
   },
   emits: ["update:open"],
@@ -7343,7 +7343,7 @@ const Gi = (o, t) => {
               (i(!0), v(
                 K,
                 null,
-                ce(e.options, (h) => (i(), v("label", {
+                ue(e.options, (h) => (i(), v("label", {
                   key: h.value
                 }, [
                   O(
@@ -7626,7 +7626,7 @@ const Gi = (o, t) => {
       m(() => !1)
     ), b = ge(ma, void 0), g = ge(tn, !0);
     Fe(tn, !1);
-    const { componentRef: C, isVisible: k } = g ? zn(pa) : { isVisible: ue(!0) };
+    const { componentRef: C, isVisible: k } = g ? zn(pa) : { isVisible: ce(!0) };
     return (S, M) => (i(), v(
       K,
       null,
@@ -8048,7 +8048,7 @@ const Gi = (o, t) => {
   setup(o, { expose: t, emit: e }) {
     const n = o, a = e, s = ye(), r = oe("navBarRef"), { width: u } = He(r), { t: c } = W(), { currentRoute: d } = it(), {
       elements: { nav: p }
-    } = Cs({ navigationName: ue(() => n.appName) }), f = N(!1), h = N(!1), b = (k, S) => S !== 0 && S < k, g = m(() => typeof n.mobile == "number" ? b(n.mobile, u.value) : typeof n.mobile == "string" ? b(ft[n.mobile], u.value) : n.mobile);
+    } = Cs({ navigationName: ce(() => n.appName) }), f = N(!1), h = N(!1), b = (k, S) => S !== 0 && S < k, g = m(() => typeof n.mobile == "number" ? b(n.mobile, u.value) : typeof n.mobile == "string" ? b(ft[n.mobile], u.value) : n.mobile);
     Fe(Ut, g), Fe(ma, oe("moreListRef"));
     const C = () => {
       f.value = !1, h.value = !1;
@@ -8284,7 +8284,7 @@ const Gi = (o, t) => {
   },
   setup(o) {
     const t = o, e = ye(), { densityClass: n } = q(t), a = se(t), { d: s, t: r } = W(), { timeAgo: u } = Ju({
-      time: ue(t, "createdAt"),
+      time: ce(t, "createdAt"),
       options: { numeric: "auto" }
     });
     return (c, d) => (i(), v(
@@ -8298,7 +8298,7 @@ const Gi = (o, t) => {
           (i(), v(
             K,
             null,
-            ce(3, (p) => O(te, {
+            ue(3, (p) => O(te, {
               key: p,
               class: "onyx-notification-card-skeleton__content"
             })),
@@ -8573,7 +8573,7 @@ const Gi = (o, t) => {
           (i(!0), v(
             K,
             null,
-            ce(u.value, (p) => (i(), v(
+            ue(u.value, (p) => (i(), v(
               K,
               {
                 key: p.value
@@ -8756,7 +8756,7 @@ const Gi = (o, t) => {
           l(d) ? typeof l(d) == "number" ? (i(!0), v(
             K,
             { key: 1 },
-            ce(l(d), (k) => (i(), _(nn, {
+            ue(l(d), (k) => (i(), _(nn, {
               id: `skeleton-${k}`,
               key: k,
               value: `skeleton-${k}`,
@@ -8769,7 +8769,7 @@ const Gi = (o, t) => {
           )) : w("v-if", !0) : (i(!0), v(
             K,
             { key: 0 },
-            ce(n.options, (k, S) => (i(), _(nn, B({
+            ue(n.options, (k, S) => (i(), _(nn, B({
               key: k.value.toString()
             }, { ref_for: !0 }, k, {
               ref_for: !0,
@@ -8889,7 +8889,7 @@ const Gi = (o, t) => {
         (i(!0), v(
           K,
           null,
-          ce(o.options, (p) => (i(), _(kd, B({
+          ue(o.options, (p) => (i(), _(kd, B({
             key: p.value.toString()
           }, { ref_for: !0 }, p, {
             name: e.name,
@@ -9446,14 +9446,14 @@ const Gi = (o, t) => {
       emit: n,
       key: "modelValue"
     }), r = Es({
-      label: ue(e, "label"),
-      selectedTab: ue(() => s.value),
+      label: ce(e, "label"),
+      selectedTab: ce(() => s.value),
       onSelect: (c) => s.value = c
     }), u = oe("panelRef");
     return Nt(e), Fe(ha, {
       headless: r,
       panel: u,
-      size: ue(e, "size")
+      size: ce(e, "size")
     }), (c, d) => (i(), v(
       "div",
       {
@@ -10015,7 +10015,7 @@ const _m = /* @__PURE__ */ Vt(rp, [["render", cp]]), up = /* @__PURE__ */ A({
             (i(!0), v(
               K,
               null,
-              ce(k.value, (ee) => E(P.$slots, "default", {
+              ue(k.value, (ee) => E(P.$slots, "default", {
                 key: ee.props.filename,
                 file: ee.file,
                 props: ee.props
@@ -10415,7 +10415,7 @@ const _m = /* @__PURE__ */ Vt(rp, [["render", cp]]), up = /* @__PURE__ */ A({
                 (i(), v(
                   K,
                   null,
-                  ce(r, (d) => O(Tt, {
+                  ue(r, (d) => O(Tt, {
                     key: d.name,
                     "full-name": d.name,
                     src: d.avatar,