@lumx/vue 4.15.0-alpha.0 → 4.15.0-next.0

package/index.js

@@ -1,9 +1,9 @@
 import { ColorVariant as Ku, Size as Ke, VISUALLY_HIDDEN as Yu, DIALOG_TRANSITION_DURATION as Ul, AspectRatio as Gl, IS_BROWSER as qr, ColorPalette as Xu } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as f, mergeProps as S, Fragment as te, isVNode as G, useAttrs as M, computed as C, toValue as _e, getCurrentScope as Kl, onScopeDispose as rr, toRef as ae, readonly as Zu, customRef as Ju, ref as B, shallowRef as Ie, watch as K, getCurrentInstance as Yl, onMounted as Kt, inject as Fe, defineComponent as L, toRefs as Qu, reactive as Xl, provide as qe, watchEffect as tt, isRef as Ze, onUnmounted as St, watchPostEffect as ed, onBeforeUnmount as Yt, Comment as sr, unref as bt, useSlots as nt, useTemplateRef as td, toRaw as je, Text as Zl, nextTick as nd, shallowReadonly as Ue, h as jr, cloneVNode as ad, onWatcherCleanup as od, createTextVNode as rd, withDirectives as sd, resolveDirective as id } from "vue";
+import { createVNode as f, mergeProps as S, Fragment as ne, isVNode as G, useAttrs as M, computed as C, toValue as _e, getCurrentScope as Kl, onScopeDispose as rr, toRef as ae, readonly as Zu, customRef as Ju, ref as B, shallowRef as Ie, watch as K, getCurrentInstance as Yl, onMounted as Gt, inject as Fe, defineComponent as L, toRefs as Qu, reactive as Xl, provide as qe, watchEffect as tt, isRef as Ze, onUnmounted as St, watchPostEffect as ed, onBeforeUnmount as Kt, Comment as sr, unref as bt, useSlots as nt, useTemplateRef as td, toRaw as je, Text as Zl, nextTick as nd, shallowReadonly as Ue, h as jr, cloneVNode as ad, onWatcherCleanup as od, createTextVNode as rd, withDirectives as sd, resolveDirective as id } from "vue";
 import { classNames as ce } from "@lumx/core/js/utils";
-import { k as E, u as V, T as ir, P as Xt, C as lr, I as Jl } from "./_internal/CO3BhTbu.js";
+import { k as E, u as V, T as ir, P as Yt, C as lr, I as Jl } from "./_internal/CO3BhTbu.js";
 import { getDisabledState as ld } from "@lumx/core/js/utils/disabledState";
 import { mdiAlertCircle as gt } from "@lumx/icons/esm/alert-circle.js";
 import { mdiChevronUp as Ql } from "@lumx/icons/esm/chevron-up.js";
@@ -73,7 +73,7 @@ const zr = {
   square: "square",
   /** Ratio constrained by the parent. */
   free: "free"
-}, ne = {
+}, te = {
   info: "info",
   success: "success",
   warning: "warning",
@@ -89,7 +89,7 @@ const zr = {
 }, Vr = {
   N: "N"
 }, yd = typeof window < "u" && !window.navigator.userAgent.includes("jsdom");
-var Et = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var Lt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function xe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -164,7 +164,7 @@ function Pd(e, t, n) {
   return `lumx-color-${e}-${a}-${o}`;
 }
 const rc = (e, t) => Pd("font", e, t);
-function Zt(e) {
+function Xt(e) {
   return `lumx-typography-${e}`;
 }
 const xd = /* @__PURE__ */ new Set([Ke.tiny, Ke.regular, Ke.medium, Ke.big, Ke.huge]);
@@ -179,7 +179,7 @@ function Ur(e, t, n) {
 function Cd(e, t) {
   return sc(e) || e === null ? Ur("padding", e) : Ur("padding", e, t);
 }
-const wt = () => Yu;
+const Zt = () => Yu;
 function Od(e, t, n, a) {
   return fr(`${e}__${t}`, n, a);
 }
@@ -220,19 +220,19 @@ function xn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
 const Id = {
-  [ne.error]: {
+  [te.error]: {
     color: W.red,
     icon: tc
   },
-  [ne.info]: {
+  [te.info]: {
     color: W.blue,
     icon: nc
   },
-  [ne.success]: {
+  [te.success]: {
     color: W.green,
     icon: cr
   },
-  [ne.warning]: {
+  [te.warning]: {
     color: W.yellow,
     icon: gt
   }
@@ -240,7 +240,7 @@ const Id = {
   block: $d
 } = F(Ed), Gr = {
   size: H.tiny,
-  kind: ne.info
+  kind: te.info
 }, Rd = (e) => {
   const {
     id: t,
@@ -307,7 +307,7 @@ const Id = {
       default: () => [u]
     }), f("footer", null, [f(g, {
       className: "lumx-spacing-margin-horizontal",
-      after: f(te, null, [o && f(b, S(D, {
+      after: f(ne, null, [o && f(b, S(D, {
         ref: h,
         emphasis: he.medium,
         onClick: R
@@ -347,14 +347,14 @@ function Jt(e, t) {
 }
 const Md = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const lc = (e) => e != null, Ft = () => {
+const lc = (e) => e != null, Bt = () => {
 };
 function Dd(...e) {
   if (e.length !== 1) return ae(...e);
   const t = e[0];
   return typeof t == "function" ? Zu(Ju(() => ({
     get: t,
-    set: Ft
+    set: Bt
   }))) : B(t);
 }
 function cc(e) {
@@ -369,7 +369,7 @@ function Ye(e) {
 // @__NO_SIDE_EFFECTS__
 function Bd() {
   const e = Ie(!1), t = Yl();
-  return t && Kt(() => {
+  return t && Gt(() => {
     e.value = !0;
   }, t), e;
 }
@@ -426,7 +426,7 @@ function qd(e, t, n = {}) {
 }
 function Yr(e, t, n = {}) {
   const { root: a, rootMargin: o = "0px", threshold: r = 0, window: s = hr, immediate: i = !0 } = n, l = /* @__PURE__ */ pr(() => s && "IntersectionObserver" in s), c = C(() => cc(_e(e)).map(Ye).filter(lc));
-  let u = Ft;
+  let u = Bt;
   const d = Ie(i), h = l.value ? K(() => [
     c.value,
     Ye(a),
@@ -439,12 +439,12 @@ function Yr(e, t, n = {}) {
       threshold: r
     });
     v.forEach((b) => b && g.observe(b)), u = () => {
-      g.disconnect(), u = Ft;
+      g.disconnect(), u = Bt;
     };
   }, {
     immediate: i,
     flush: "post"
-  }) : Ft, m = () => {
+  }) : Bt, m = () => {
     u(), h(), d.value = !1;
   };
   return Jt(m), {
@@ -617,7 +617,7 @@ const zd = "lumx-dialog", {
   props: E()("level")
 }), Kd = "lumx-progress-circular", {
   block: Yd,
-  element: jt
+  element: qt
 } = F(Kd), Zr = {
   size: H.m,
   display: "block"
@@ -642,9 +642,9 @@ const zd = "lumx-dialog", {
     }))
   }), {
     default: () => [f(c, {
-      className: jt("double-bounce1")
+      className: qt("double-bounce1")
     }, null), f(c, {
-      className: jt("double-bounce2")
+      className: qt("double-bounce2")
     }, null), f("svg", S(i, {
       viewBox: "25 25 50 50"
     }), [f("circle", S(s, {
@@ -660,11 +660,11 @@ const zd = "lumx-dialog", {
     className: a.value,
     theme: e.theme || n.value,
     circleProps: {
-      class: jt("path"),
+      class: qt("path"),
       "stroke-width": "5"
     },
     svgProps: {
-      class: jt("svg")
+      class: qt("svg")
     }
   }), null);
 }, {
@@ -744,7 +744,7 @@ var En, os;
 function pc() {
   if (os) return En;
   os = 1;
-  var e = typeof Et == "object" && Et && Et.Object === Object && Et;
+  var e = typeof Lt == "object" && Lt && Lt.Object === Object && Lt;
   return En = e, En;
 }
 var $n, rs;
@@ -789,7 +789,7 @@ function af() {
   return Dn = n, Dn;
 }
 var Bn, cs;
-function Pt() {
+function wt() {
   if (cs) return Bn;
   cs = 1;
   var e = Qt(), t = nf(), n = af(), a = "[object Null]", o = "[object Undefined]", r = e ? e.toStringTag : void 0;
@@ -812,7 +812,7 @@ var qn, ds;
 function vc() {
   if (ds) return qn;
   ds = 1;
-  var e = Pt(), t = en(), n = "[object AsyncFunction]", a = "[object Function]", o = "[object GeneratorFunction]", r = "[object Proxy]";
+  var e = wt(), t = en(), n = "[object AsyncFunction]", a = "[object Function]", o = "[object GeneratorFunction]", r = "[object Proxy]";
   function s(i) {
     if (!t(i))
       return !1;
@@ -1197,7 +1197,7 @@ function gr(e, t, n, a, o) {
       i && !s && r();
     },
     { flush: "sync" }
-  ), Yt(() => {
+  ), Kt(() => {
     r();
   });
 }
@@ -1221,7 +1221,7 @@ function wc(e, t, n) {
   let r = a.value;
   return K(a, (s) => {
     s !== r && (r = s, n?.value?.(s));
-  }), Yt(() => {
+  }), Kt(() => {
     clearTimeout(o);
   }), C(() => e.value || a.value);
 }
@@ -1266,7 +1266,7 @@ const kf = {
       ...a,
       ClickAwayProvider: lr,
       HeadingLevelProvider: vr,
-      Portal: Xt,
+      Portal: Yt,
       ThemeProvider: ir,
       ProgressCircular: Zd,
       className: o.value,
@@ -1387,7 +1387,7 @@ var ya, Vs;
 function Df() {
   if (Vs) return ya;
   Vs = 1;
-  var e = Ef(), t = Cc(), n = $f(), a = Rf(), o = Mf(), r = Pt(), s = bc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", h = "[object DataView]", m = s(e), v = s(t), p = s(n), g = s(a), b = s(o), y = r;
+  var e = Ef(), t = Cc(), n = $f(), a = Rf(), o = Mf(), r = wt(), s = bc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", h = "[object DataView]", m = s(e), v = s(t), p = s(n), g = s(a), b = s(o), y = r;
   return (e && y(new e(new ArrayBuffer(1))) != h || t && y(new t()) != i || n && y(n.resolve()) != c || a && y(new a()) != u || o && y(new o()) != d) && (y = function(A) {
     var x = r(A), O = x == l ? A.constructor : void 0, N = O ? s(O) : "";
     if (N)
@@ -1419,7 +1419,7 @@ var Na, Us;
 function Bf() {
   if (Us) return Na;
   Us = 1;
-  var e = Pt(), t = nn(), n = "[object Arguments]";
+  var e = wt(), t = nn(), n = "[object Arguments]";
   function a(o) {
     return t(o) && e(o) == n;
   }
@@ -1484,7 +1484,7 @@ var Oa, Qs;
 function zf() {
   if (Qs) return Oa;
   Qs = 1;
-  var e = Pt(), t = Ar(), n = nn(), a = "[object Arguments]", o = "[object Array]", r = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", h = "[object RegExp]", m = "[object Set]", v = "[object String]", p = "[object WeakMap]", g = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", A = "[object Float64Array]", x = "[object Int8Array]", O = "[object Int16Array]", N = "[object Int32Array]", w = "[object Uint8Array]", T = "[object Uint8ClampedArray]", k = "[object Uint16Array]", _ = "[object Uint32Array]", P = {};
+  var e = wt(), t = Ar(), n = nn(), a = "[object Arguments]", o = "[object Array]", r = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", h = "[object RegExp]", m = "[object Set]", v = "[object String]", p = "[object WeakMap]", g = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", A = "[object Float64Array]", x = "[object Int8Array]", O = "[object Int16Array]", N = "[object Int32Array]", w = "[object Uint8Array]", T = "[object Uint8ClampedArray]", k = "[object Uint16Array]", _ = "[object Uint32Array]", P = {};
   P[y] = P[A] = P[x] = P[O] = P[N] = P[w] = P[T] = P[k] = P[_] = !0, P[a] = P[o] = P[g] = P[r] = P[b] = P[s] = P[i] = P[l] = P[c] = P[u] = P[d] = P[h] = P[m] = P[v] = P[p] = !1;
   function R(D) {
     return n(D) && t(D.length) && !!P[e(D)];
@@ -1536,7 +1536,7 @@ function Wf() {
   return Ta = h, Ta;
 }
 var Uf = Wf();
-const zt = /* @__PURE__ */ xe(Uf);
+const jt = /* @__PURE__ */ xe(Uf);
 function Gf(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
@@ -1591,8 +1591,8 @@ const ot = (e) => {
   };
   return f("div", {
     className: s
-  }, [xt(i)]);
-}, xt = (e) => {
+  }, [Pt(i)]);
+}, Pt = (e) => {
   const {
     "aria-label": t,
     "aria-disabled": n,
@@ -1643,8 +1643,8 @@ const ot = (e) => {
     children: a
   });
 };
-xt.displayName = Kf;
-xt.defaultProps = {};
+Pt.displayName = Kf;
+Pt.defaultProps = {};
 const em = "Button", Oc = "lumx-button", {
   modifier: tm
 } = F(Oc), Go = {
@@ -1662,7 +1662,7 @@ const em = "Button", Oc = "lumx-button", {
     "has-left-icon": !!a,
     "has-right-icon": !!o
   }));
-  return xt({
+  return Pt({
     emphasis: n,
     size: r,
     ...s,
@@ -1787,7 +1787,7 @@ const Qe = /* @__PURE__ */ L((e) => {
       "is-truncated": d && !u,
       "is-truncated-multiline": u,
       "no-wrap": o
-    }), r && Zt(r), n && rc(n, a)),
+    }), r && Xt(r), n && rc(n, a)),
     style: {
       ...c,
       ...h,
@@ -1835,7 +1835,7 @@ function Ko(e) {
       t.push(" "), t.push(n), t.push(" ");
       continue;
     }
-    if (n.type === te && Array.isArray(n.children)) {
+    if (n.type === ne && Array.isArray(n.children)) {
       const a = Ko(n.children);
       a && t.push(...a);
       continue;
@@ -1906,11 +1906,11 @@ const ve = /* @__PURE__ */ L((e, {
     return h?.length ? h.length === 1 && h[0].type === ve ? h[0] : f("span", null, [h]) : null;
   };
   return () => {
-    const d = f(te, null, [e.leftIcon && !zt(e.leftIcon) && f(ai, null, {
+    const d = f(ne, null, [e.leftIcon && !jt(e.leftIcon) && f(ai, null, {
       default: () => [f(Qe, {
         icon: e.leftIcon
       }, null)]
-    }), u(), e.rightIcon && !zt(e.rightIcon) && f(ai, null, {
+    }), u(), e.rightIcon && !jt(e.rightIcon) && f(ai, null, {
       default: () => [f(Qe, {
         icon: e.rightIcon
       }, null)]
@@ -2158,7 +2158,7 @@ const Cm = "lumx-thumbnail", {
   X && (Object.assign(me, {
     as: k || (T?.href ? "a" : "button")
   }, A), z ? Object.assign(me, T) : me["aria-label"] = R["aria-label"] || n);
-  const Lt = ce.join(T?.className, r, Om({
+  const It = ce.join(T?.className, r, Om({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
     [`size-${x}`]: !!x,
@@ -2174,7 +2174,7 @@ const Cm = "lumx-thumbnail", {
     "fill-height": u
   })), it = D && b?.current?.complete && b?.current || void 0, Gu = it ? {
     backgroundImage: `url(${it.src})`
-  } : void 0, Fr = f(te, null, [f("span", {
+  } : void 0, Fr = f(ne, null, [f("span", {
     className: pt("background")
   }, [f("img", S({
     width: it?.naturalWidth,
@@ -2207,14 +2207,14 @@ const Cm = "lumx-thumbnail", {
   return X ? ot({
     ref: i,
     ...me,
-    className: Lt,
+    className: It,
     children: Fr,
     handleClick: _,
     handleKeyPress: P
   }) : f("div", S({
     ref: i
   }, me, {
-    className: Lt
+    className: It
   }), [Fr]);
 }, ee = (e) => Yl()?.vnode.props?.[e] !== void 0;
 function Tm(e, t) {
@@ -2235,7 +2235,7 @@ function Tm(e, t) {
       r && (r.removeEventListener("load", a), r.removeEventListener("error", a)), o && (o.addEventListener("load", a), o.addEventListener("error", a));
     },
     { immediate: !0 }
-  ), Yt(() => {
+  ), Kt(() => {
     t.value && (t.value.removeEventListener("load", a), t.value.removeEventListener("error", a));
   }), n;
 }
@@ -2420,7 +2420,7 @@ const $m = "lumx-combobox-button", Rm = (e, {
     children: p
   };
   return f(n, {
-    className: g ? wt() : void 0,
+    className: g ? Zt() : void 0,
     label: o,
     closeMode: "hide",
     ariaLinkMode: "aria-labelledby"
@@ -3236,7 +3236,7 @@ function Hm(e, t) {
 const Vm = "IconButton", Wm = "lumx-icon-button", Xo = {
   emphasis: he.high,
   size: H.m
-}, Ct = (e) => {
+}, xt = (e) => {
   const {
     emphasis: t = Xo.emphasis,
     image: n,
@@ -3250,20 +3250,19 @@ const Vm = "IconButton", Wm = "lumx-icon-button", Xo = {
   }, null) : Z({
     icon: a
   });
-  return xt({
+  return Pt({
     emphasis: t,
     size: r,
     ...s,
+    "aria-label": o,
     variant: "icon",
-    children: f(te, null, [i, f("span", {
-      className: wt()
-    }, [o])])
+    children: i
   });
 };
-Ct.displayName = Vm;
-Ct.className = Wm;
-Ct.defaultProps = Xo;
-const Um = ["top", "right", "bottom", "left"], di = ["start", "end"], fi = /* @__PURE__ */ Um.reduce((e, t) => e.concat(t, t + "-" + di[0], t + "-" + di[1]), []), Le = Math.min, oe = Math.max, Ht = Math.round, $t = Math.floor, pe = (e) => ({
+xt.displayName = Vm;
+xt.className = Wm;
+xt.defaultProps = Xo;
+const Um = ["top", "right", "bottom", "left"], di = ["start", "end"], fi = /* @__PURE__ */ Um.reduce((e, t) => e.concat(t, t + "-" + di[0], t + "-" + di[1]), []), Le = Math.min, oe = Math.max, zt = Math.round, Et = Math.floor, pe = (e) => ({
   x: e,
   y: e
 }), Gm = {
@@ -3304,13 +3303,13 @@ function Fc(e, t, n) {
   n === void 0 && (n = !1);
   const a = le(e), o = wr(e), r = Sr(o);
   let s = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (s = Wt(s)), [s, Wt(s)];
+  return t.reference[r] > t.floating[r] && (s = Vt(s)), [s, Vt(s)];
 }
 function Xm(e) {
-  const t = Wt(e);
-  return [Vt(e), t, Vt(t)];
+  const t = Vt(e);
+  return [Ht(e), t, Ht(t)];
 }
-function Vt(e) {
+function Ht(e) {
   return e.replace(/start|end/g, (t) => Km[t]);
 }
 const mi = ["left", "right"], hi = ["right", "left"], Zm = ["top", "bottom"], Jm = ["bottom", "top"];
@@ -3329,9 +3328,9 @@ function Qm(e, t, n) {
 function eh(e, t, n, a) {
   const o = le(e);
   let r = Qm(be(e), n === "start", a);
-  return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(Vt)))), r;
+  return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(Ht)))), r;
 }
-function Wt(e) {
+function Vt(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Gm[t]);
 }
 function th(e) {
@@ -3351,7 +3350,7 @@ function qc(e) {
     left: e
   };
 }
-function Ut(e) {
+function Wt(e) {
   const {
     x: t,
     y: n,
@@ -3433,7 +3432,7 @@ async function nh(e, t) {
     elementContext: d = "floating",
     altBoundary: h = !1,
     padding: m = 0
-  } = Ve(t, e), v = qc(m), g = i[h ? d === "floating" ? "reference" : "floating" : d], b = Ut(await r.getClippingRect({
+  } = Ve(t, e), v = qc(m), g = i[h ? d === "floating" ? "reference" : "floating" : d], b = Wt(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(g))) == null || n ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: c,
     rootBoundary: u,
@@ -3449,7 +3448,7 @@ async function nh(e, t) {
   } : {
     x: 1,
     y: 1
-  }, O = Ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, O = Wt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: y,
     offsetParent: A,
@@ -3565,7 +3564,7 @@ const ah = async (e, t, n) => {
   }
 });
 function rh(e, t, n) {
-  return (e ? [...n.filter((o) => le(o) === e), ...n.filter((o) => le(o) !== e)] : n.filter((o) => be(o) === o)).filter((o) => e ? le(o) === e || (t ? Vt(o) !== o : !1) : !0);
+  return (e ? [...n.filter((o) => le(o) === e), ...n.filter((o) => le(o) !== e)] : n.filter((o) => be(o) === o)).filter((o) => e ? le(o) === e || (t ? Ht(o) !== o : !1) : !0);
 }
 const sh = function(e) {
   return e === void 0 && (e = {}), {
@@ -3659,7 +3658,7 @@ const sh = function(e) {
       } = Ve(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const b = be(o), y = we(i), A = be(i) === i, x = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), O = h || (A || !p ? [Wt(i)] : Xm(i)), N = v !== "none";
+      const b = be(o), y = we(i), A = be(i) === i, x = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), O = h || (A || !p ? [Vt(i)] : Xm(i)), N = v !== "none";
       !h && N && O.push(...eh(i, p, v, x));
       const w = [i, ...O], T = await l.detectOverflow(t, g), k = [];
       let _ = ((a = r.flip) == null ? void 0 : a.overflows) || [];
@@ -3891,7 +3890,7 @@ function vi(e) {
   return !sn() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof re(e).ShadowRoot;
 }
 const mh = /* @__PURE__ */ new Set(["inline", "contents"]);
-function Ot(e) {
+function Ct(e) {
   const {
     overflow: t,
     overflowX: n,
@@ -3963,7 +3962,7 @@ function Ee(e) {
 }
 function jc(e) {
   const t = Ee(e);
-  return et(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ge(t) && Ot(t) ? t : jc(t);
+  return et(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ge(t) && Ct(t) ? t : jc(t);
 }
 function yt(e, t, n) {
   var a;
@@ -3971,7 +3970,7 @@ function yt(e, t, n) {
   const o = jc(e), r = o === ((a = e.ownerDocument) == null ? void 0 : a.body), s = re(o);
   if (r) {
     const i = Jo(s);
-    return t.concat(s, s.visualViewport || [], Ot(o) ? o : [], i && n ? yt(i) : []);
+    return t.concat(s, s.visualViewport || [], Ct(o) ? o : [], i && n ? yt(i) : []);
   }
   return t.concat(o, yt(o, [], n));
 }
@@ -3981,7 +3980,7 @@ function Jo(e) {
 function zc(e) {
   const t = fe(e);
   let n = parseFloat(t.width) || 0, a = parseFloat(t.height) || 0;
-  const o = ge(e), r = o ? e.offsetWidth : n, s = o ? e.offsetHeight : a, i = Ht(n) !== r || Ht(a) !== s;
+  const o = ge(e), r = o ? e.offsetWidth : n, s = o ? e.offsetHeight : a, i = zt(n) !== r || zt(a) !== s;
   return i && (n = r, a = s), {
     width: n,
     height: a,
@@ -4000,7 +3999,7 @@ function Xe(e) {
     height: o,
     $: r
   } = zc(t);
-  let s = (r ? Ht(n.width) : n.width) / a, i = (r ? Ht(n.height) : n.height) / o;
+  let s = (r ? zt(n.width) : n.width) / a, i = (r ? zt(n.height) : n.height) / o;
   return (!s || !Number.isFinite(s)) && (s = 1), (!i || !Number.isFinite(i)) && (i = 1), {
     x: s,
     y: i
@@ -4032,7 +4031,7 @@ function Be(e, t, n, a) {
       l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += A, c += x, v = re(p), p = Jo(v);
     }
   }
-  return Ut({
+  return Wt({
     width: u,
     height: d,
     x: l,
@@ -4065,7 +4064,7 @@ function Ph(e) {
     scrollTop: 0
   }, c = pe(1);
   const u = pe(0), d = ge(a);
-  if ((d || !d && !r) && ((We(a) !== "body" || Ot(s)) && (l = cn(a)), ge(a))) {
+  if ((d || !d && !r) && ((We(a) !== "body" || Ct(s)) && (l = cn(a)), ge(a))) {
     const m = Be(a);
     c = Xe(a), u.x = m.x + a.clientLeft, u.y = m.y + a.clientTop;
   }
@@ -4139,7 +4138,7 @@ function gi(e, t, n) {
       height: t.height
     };
   }
-  return Ut(a);
+  return Wt(a);
 }
 function Wc(e, t) {
   const n = Ee(e);
@@ -4154,7 +4153,7 @@ function _h(e, t) {
   let s = r ? Ee(e) : e;
   for (; de(s) && !et(s); ) {
     const i = fe(s), l = xr(s);
-    !l && i.position === "fixed" && (o = null), (r ? !l && !o : !l && i.position === "static" && !!o && kh.has(o.position) || Ot(s) && !l && Wc(e, s)) ? a = a.filter((u) => u !== s) : o = i, s = Ee(s);
+    !l && i.position === "fixed" && (o = null), (r ? !l && !o : !l && i.position === "static" && !!o && kh.has(o.position) || Ct(s) && !l && Wc(e, s)) ? a = a.filter((u) => u !== s) : o = i, s = Ee(s);
   }
   return t.set(e, a), a;
 }
@@ -4197,7 +4196,7 @@ function Eh(e, t, n) {
     l.x = un(o);
   }
   if (a || !a && !r)
-    if ((We(t) !== "body" || Ot(o)) && (i = cn(t)), a) {
+    if ((We(t) !== "body" || Ct(o)) && (i = cn(t)), a) {
       const m = Be(t, !0, r, t);
       l.x = m.x + t.clientLeft, l.y = m.y + t.clientTop;
     } else o && c();
@@ -4286,7 +4285,7 @@ function Dh(e, t) {
     } = c;
     if (i || t(), !h || !m)
       return;
-    const v = $t(d), p = $t(o.clientWidth - (u + h)), g = $t(o.clientHeight - (d + m)), b = $t(u), A = {
+    const v = Et(d), p = Et(o.clientWidth - (u + h)), g = Et(o.clientHeight - (d + m)), b = Et(u), A = {
       rootMargin: -v + "px " + -p + "px " + -g + "px " + -b + "px",
       threshold: oe(0, Le(1, l)) || 1
     };
@@ -4465,7 +4464,7 @@ function Zc(e, t, n) {
     update: A
   };
 }
-const Wh = 8, Jc = 1e4, Rt = {
+const Wh = 8, Jc = 1e4, $t = {
   placement: "bottom",
   closeMode: "unmount",
   ariaLinkMode: "aria-describedby",
@@ -4493,7 +4492,7 @@ const Wh = 8, Jc = 1e4, Rt = {
     role: "tooltip",
     className: I(i, Gh({
       [`position-${a}`]: !!a
-    }), o && wt()),
+    }), o && Zt()),
     style: {
       ...o ? void 0 : r,
       zIndex: s
@@ -4582,7 +4581,7 @@ function Zh(e, t) {
   }, manager: a };
 }
 function eu(e) {
-  return e.flatMap((t) => t.type === te ? eu(t.children) : [t]);
+  return e.flatMap((t) => t.type === ne ? eu(t.children) : [t]);
 }
 function Jh(e) {
   const t = e.props || {};
@@ -4591,7 +4590,7 @@ function Jh(e) {
 function Qh(e) {
   const { slotContent: t, setAnchorElement: n, isMounted: a, id: o, label: r, ariaLinkMode: s } = e;
   if (!t || !r)
-    return jr(te, t);
+    return jr(ne, t);
   const i = eu(t), l = i.find((d) => d.type !== sr), c = a ? o : void 0;
   if (l && i.length === 1 && l.type !== Zl && !Jh(l)) {
     const d = { ref: n };
@@ -4613,7 +4612,7 @@ function ep(e) {
 const dn = /* @__PURE__ */ L((e, {
   slots: t
 }) => {
-  const n = se(), a = $(() => e.class), o = B(null), r = B(null), s = C(() => e.placement || Rt.placement), i = C(() => e.closeMode || Rt.closeMode), l = C(() => e.ariaLinkMode || Rt.ariaLinkMode), c = C(() => e.zIndex || Rt.zIndex), {
+  const n = se(), a = $(() => e.class), o = B(null), r = B(null), s = C(() => e.placement || $t.placement), i = C(() => e.closeMode || $t.closeMode), l = C(() => e.ariaLinkMode || $t.ariaLinkMode), c = C(() => e.zIndex || $t.zIndex), {
     floatingStyles: u,
     placement: d
   } = Zc(o, r, {
@@ -4637,7 +4636,7 @@ const dn = /* @__PURE__ */ L((e, {
       label: e.label,
       ariaLinkMode: l.value
     });
-    return f(te, null, [x, g.value && f(Xt, null, ep(y = kr({
+    return f(ne, null, [x, g.value && f(Yt, null, ep(y = kr({
       ref: (O) => {
         const N = O?.$el || O;
         r.value = N, m(N);
@@ -4659,7 +4658,7 @@ const dn = /* @__PURE__ */ L((e, {
   props: E()("label", "placement", "delay", "forceOpen", "closeMode", "ariaLinkMode", "zIndex", "class")
 }), tp = {
   click: (e) => e instanceof MouseEvent
-}, kt = /* @__PURE__ */ L((e, {
+}, Ot = /* @__PURE__ */ L((e, {
   emit: t,
   expose: n
 }) => {
@@ -4689,7 +4688,7 @@ const dn = /* @__PURE__ */ L((e, {
     return f(dn, S({
       label: p ? "" : e.label
     }, v), {
-      default: () => [f(Ct, S(g, {
+      default: () => [f(xt, S(g, {
         ref: h,
         linkAs: je(m)
       }, l.value, {
@@ -4764,7 +4763,7 @@ function rt(e, t, n = { immediate: !0 }) {
     r(), o();
   };
 }
-function Tt(e, t) {
+function kt(e, t) {
   const { handle: n } = Ae(), a = B(t);
   return rt(n, (o) => {
     if (o)
@@ -4775,7 +4774,7 @@ function Tt(e, t) {
 }
 function Tr() {
   const { handle: e } = Ae();
-  return { isOpen: Tt("open", !1), setIsOpen: (a) => e.value?.setIsOpen(a) };
+  return { isOpen: kt("open", !1), setIsOpen: (a) => e.value?.setIsOpen(a) };
 }
 const rp = /* @__PURE__ */ L((e, {
   emit: t
@@ -5097,7 +5096,7 @@ function Re(e) {
       "is-required": o,
       [`theme-${r}`]: !!r,
       "has-custom-typography": !!i
-    }), i && Zt(i))
+    }), i && Xt(i))
   }), yp(t) ? t : {
     default: () => [t]
   });
@@ -5106,13 +5105,13 @@ Re.displayName = Ap;
 Re.className = su;
 Re.defaultProps = wp;
 const Pp = {
-  [ne.error]: { color: "red" },
-  [ne.success]: { color: "green" },
-  [ne.warning]: { color: "yellow" }
+  [te.error]: { color: "red" },
+  [te.success]: { color: "green" },
+  [te.warning]: { color: "yellow" }
 }, xp = "InputHelper", Cp = "lumx-input-helper", iu = Cp, {
   block: Op
 } = F(iu), lu = {
-  kind: ne.info
+  kind: te.info
 };
 function Pe(e) {
   const {
@@ -5244,7 +5243,7 @@ const _p = (e) => {
   }, [T])]), s && o && Pe({
     children: o,
     className: ie("helper"),
-    kind: ne.error,
+    kind: te.error,
     theme: N,
     id: x
   }), i && Pe({
@@ -5326,7 +5325,7 @@ const _p = (e) => {
       onInput: v,
       onFocus: p,
       onBlur: g
-    }, Lt = e.multiline ? f(gp, S({
+    }, It = e.multiline ? f(gp, S({
       ref: d
     }, me, {
       rows: e.minimumRows
@@ -5359,9 +5358,9 @@ const _p = (e) => {
       labelId: N,
       errorId: x,
       isFocus: l.value,
-      input: Lt,
+      input: It,
       textFieldRef: e.textFieldRef,
-      IconButton: kt,
+      IconButton: Ot,
       clearButtonProps: e.clearButtonProps ? {
         ...e.clearButtonProps,
         onClick: b
@@ -5386,7 +5385,7 @@ const _p = (e) => {
     isOpen: l,
     setIsOpen: c
   } = Tr(), u = B(null);
-  Kt(() => {
+  Gt(() => {
     const m = u.value;
     m && s(lp(m, {
       onSelect(v) {
@@ -5398,7 +5397,7 @@ const _p = (e) => {
   }), St(() => {
     i.value?.destroy(), s(null);
   });
-  const d = Tt("optionsChange", void 0), h = () => {
+  const d = kt("optionsChange", void 0), h = () => {
     d.value?.optionsLength !== 0 && (c(!l.value), u.value?.focus());
   };
   return () => {
@@ -5438,7 +5437,7 @@ const _p = (e) => {
       className: a.value
     }, {
       TextField: Lp,
-      IconButton: kt
+      IconButton: Ot
     });
   };
 }, {
@@ -5458,7 +5457,7 @@ const _p = (e) => {
   }
 }), $p = "List", cu = "lumx-list", {
   block: Rp
-} = F(cu), Mp = {}, _t = (e) => {
+} = F(cu), Mp = {}, Tt = (e) => {
   const {
     children: t,
     className: n,
@@ -5473,9 +5472,9 @@ const _p = (e) => {
     ref: o
   }), [t]);
 };
-_t.displayName = $p;
-_t.className = cu;
-_t.defaultProps = Mp;
+Tt.displayName = $p;
+Tt.className = cu;
+Tt.defaultProps = Mp;
 const Dp = "lumx-combobox-list", Bp = (e) => {
   const {
     "aria-label": t,
@@ -5487,7 +5486,7 @@ const Dp = "lumx-combobox-list", Bp = (e) => {
     ref: i,
     ...l
   } = e;
-  return _t({
+  return Tt({
     ...l,
     className: I(o, Dp),
     ref: i,
@@ -5518,7 +5517,7 @@ const zp = /* @__PURE__ */ L((e, {
     if (!(!l || !c))
       return l.registerListbox(c);
   });
-  const i = Tt("loadingChange", !1);
+  const i = kt("loadingChange", !1);
   return () => {
     const l = t.default?.(), c = n["aria-label"] ?? "", u = n["aria-multiselectable"];
     return Bp({
@@ -5541,7 +5540,7 @@ const zp = /* @__PURE__ */ L((e, {
   props: E()("type", "class")
 }), Hp = "ListItem", du = "lumx-list-item", {
   block: Vp,
-  element: Mt
+  element: Rt
 } = F(du), fu = {
   size: H.regular
 }, st = (e) => {
@@ -5573,19 +5572,19 @@ const zp = /* @__PURE__ */ L((e, {
     isDisabled: i,
     "aria-disabled": l,
     ...u,
-    className: Mt(g ? "link" : "wrapper", {
+    className: Rt(g ? "link" : "wrapper", {
       "is-highlighted": r,
       "is-selected": s,
       "is-disabled": i || l === "true"
     }),
     handleClick: h,
     ref: d,
-    children: f(te, null, [n && f("div", {
-      className: Mt("before")
+    children: f(ne, null, [n && f("div", {
+      className: Rt("before")
     }, [n]), f("div", {
-      className: Mt("content")
+      className: Rt("content")
     }, [a]), t && f("div", {
-      className: Mt("after")
+      className: Rt("after")
     }, [t])])
   })]);
 };
@@ -5665,7 +5664,7 @@ const Up = "lumx-combobox-option", {
     before: n,
     after: a,
     role: x,
-    children: f(te, null, [N, s && f("p", S({
+    children: f(ne, null, [N, s && f("p", S({
       id: i
     }, Tc({
       className: wi("description"),
@@ -5811,7 +5810,7 @@ const nv = "lumx-combobox-option-more-info", {
     onMouseLeave: c,
     buttonProps: u
   } = e;
-  return f(te, null, [f(t, S({
+  return f(ne, null, [f(t, S({
     ref: i,
     icon: ud,
     size: "s"
@@ -5860,7 +5859,7 @@ function cv(e) {
 const uv = "lumx-popover", {
   block: dv,
   element: fv
-} = F(uv), qt = {
+} = F(uv), Ft = {
   closeMode: "unmount",
   elevation: 3,
   placement: sv.AUTO,
@@ -5874,8 +5873,8 @@ const uv = "lumx-popover", {
     as: o = "div",
     children: r,
     className: s,
-    closeMode: i = qt.closeMode,
-    elevation: l = qt.elevation,
+    closeMode: i = Ft.closeMode,
+    elevation: l = Ft.elevation,
     hasArrow: c,
     isOpen: u,
     position: d,
@@ -5885,7 +5884,7 @@ const uv = "lumx-popover", {
     // Framework-specific
     ref: p,
     arrowRef: g,
-    usePortal: b = qt.usePortal,
+    usePortal: b = Ft.usePortal,
     clickAwayCallback: y,
     clickAwayRefs: A,
     unmountSentinel: x,
@@ -6020,7 +6019,7 @@ const Nv = {
     hasArrow: ae(e, "hasArrow"),
     fitToAnchorWidth: ae(e, "fitToAnchorWidth"),
     fitWithinViewportHeight: ae(e, "fitWithinViewportHeight"),
-    placement: C(() => e.placement || qt.placement),
+    placement: C(() => e.placement || Ft.placement),
     style: C(() => {
     }),
     zIndex: C(() => e.zIndex ?? lv)
@@ -6054,7 +6053,7 @@ const Nv = {
     clickAwayCallback: e.closeOnClickAway ? h : void 0,
     clickAwayRefs: p
   }, {
-    Portal: Xt,
+    Portal: Yt,
     ClickAwayProvider: lr,
     ThemeProvider: ir
   });
@@ -6072,14 +6071,14 @@ const pu = /* @__PURE__ */ L((e, {
 }) => {
   const n = $(() => e.class), a = B(null), o = C(() => a.value?.$el ?? void 0), r = B(!1), {
     optionId: s
-  } = Xp(), i = Tt("activeDescendantChange", null), l = `${s}-more-info`;
+  } = Xp(), i = kt("activeDescendantChange", null), l = `${s}-more-info`;
   function c(d) {
     const {
       onMouseEnter: h,
       onMouseLeave: m,
       ...v
     } = d;
-    return f(kt, S({
+    return f(Ot, S({
       ref: a
     }, {
       onMouseenter: h,
@@ -6174,7 +6173,7 @@ const pu = /* @__PURE__ */ L((e, {
     role: "none",
     ...s,
     className: I(a, Cv),
-    children: n || f(te, null, [f(Qo, {
+    children: n || f(ne, null, [f(Qo, {
       typography: "body1",
       theme: "light"
     }, null), t && f(Qo, {
@@ -6182,7 +6181,7 @@ const pu = /* @__PURE__ */ L((e, {
       theme: "light"
     }, null)])
   };
-  return f(te, null, [Array.from({
+  return f(ne, null, [Array.from({
     length: r
   }, (l, c) => f(st, S({
     key: c
@@ -6402,7 +6401,7 @@ const jv = "lumx-combobox-section", zv = (e, {
   slots: t
 }) => {
   const n = M(), a = $(() => e.class);
-  return () => f(_t, S(e, n, {
+  return () => f(Tt, S(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
@@ -6618,7 +6617,7 @@ const Qv = "lumx-combobox-state", {
     vAlign: "center"
   }, A = c;
   return f(t, S({
-    className: I(!b && wt(), eb(), Cd("regular")),
+    className: I(!b && Zt(), eb(), Cd("regular")),
     orientation: "vertical"
   }, y, {
     role: "status",
@@ -6643,7 +6642,7 @@ const Qv = "lumx-combobox-state", {
       color: "dark-L2"
     }, ut(g) ? g : {
       default: () => [g]
-    }), A && !!r && f(te, null, [f(n, {
+    }), A && !!r && f(ne, null, [f(n, {
       as: "p",
       typography: "subtitle2"
     }, ut(r) ? r : {
@@ -6758,7 +6757,7 @@ var Da, Oi;
 function pn() {
   if (Oi) return Da;
   Oi = 1;
-  var e = Pt(), t = nn(), n = "[object Symbol]";
+  var e = wt(), t = nn(), n = "[object Symbol]";
   function a(o) {
     return typeof o == "symbol" || t(o) && e(o) == n;
   }
@@ -7336,7 +7335,7 @@ var Gb = Ub();
 const Kb = /* @__PURE__ */ xe(Gb), LN = Kb(H, ["tiny", "regular", "medium", "big", "huge"]), Yb = /* @__PURE__ */ L((e) => {
   const {
     handle: t
-  } = Ae(), n = Tt("optionsChange", void 0), a = B(!1), o = B(!1), r = B(!1);
+  } = Ae(), n = kt("optionsChange", void 0), a = B(!1), o = B(!1), r = B(!1);
   return rt(t, (s) => {
     if (s)
       return ab(s, {
@@ -7787,7 +7786,7 @@ const hg = "lumx-selection-chip-group", {
     default: () => [s]
   });
 }, gg = `.${Nt}:not([aria-disabled="true"])`, Sl = (e) => e?.closest?.(`.${Nt}`) || null, wl = (e) => e?.getAttribute("aria-disabled") === "true";
-function Dt(e, t, n) {
+function Mt(e, t, n) {
   const a = rn(e, gg);
   if (n)
     return a.currentNode = n, (t === "next" ? a.nextNode() : a.previousNode()) || void 0;
@@ -7819,7 +7818,7 @@ function yg(e) {
     if (l == null || !c || wl(i))
       return;
     let u;
-    s.key === "Backspace" ? u = Dt(t, "previous", i) || e.getInput?.() || void 0 : u = Dt(t, "next", i) || Dt(t, "previous", i) || e.getInput?.() || void 0, u && (u.focus(), u.setAttribute("tabindex", "0")), s.preventDefault(), Pl(e, l);
+    s.key === "Backspace" ? u = Mt(t, "previous", i) || e.getInput?.() || void 0 : u = Mt(t, "next", i) || Mt(t, "previous", i) || e.getInput?.() || void 0, u && (u.focus(), u.setAttribute("tabindex", "0")), s.preventDefault(), Pl(e, l);
   };
   t.addEventListener("click", n), t.addEventListener("keydown", a);
   const o = e.getInput?.();
@@ -7827,7 +7826,7 @@ function yg(e) {
   return o && (r = (s) => {
     const i = s.key === "Backspace", l = o.selectionStart === 0 && o.selectionEnd === 0;
     if (!i || !l) return;
-    s.stopPropagation(), s.preventDefault(), Dt(t, "previous")?.focus();
+    s.stopPropagation(), s.preventDefault(), Mt(t, "previous")?.focus();
   }, o.addEventListener("keydown", r)), () => {
     t.removeEventListener("click", n), t.removeEventListener("keydown", a), o && r && o.removeEventListener("keydown", r);
   };
@@ -8019,8 +8018,8 @@ const Tu = (e) => (t) => G(t) && t.type === e, Ag = {
     ...a,
     ClickAwayProvider: lr,
     HeadingLevelProvider: vr,
-    IconButton: kt,
-    Portal: Xt,
+    IconButton: Ot,
+    Portal: Yt,
     ThemeProvider: ir,
     className: o.value,
     clickAwayRefs: d,
@@ -8132,7 +8131,7 @@ const Tu = (e) => (t) => G(t) && t.type === e, Ag = {
     c && P && c(_), l && !P && l(_), u && u(P, _);
   }, T = d === ue.dark ? W.light : W.dark, k = I(t, Eg({
     "has-background": a,
-    "has-header": !zt(m.children),
+    "has-header": !jt(m.children),
     "has-header-divider": r,
     "is-close": !s,
     "is-draggable": !!p,
@@ -8183,7 +8182,7 @@ const Tu = (e) => (t) => G(t) && t.type === e, Ag = {
     immediate: !0
   });
   let c;
-  Kt(() => {
+  Gt(() => {
     if (!qr || !s.value) return;
     const m = () => {
       i.value = l.value || e.closeMode === "hide";
@@ -8224,7 +8223,7 @@ const Tu = (e) => (t) => G(t) && t.type === e, Ag = {
       footer: n.footer?.(),
       wrapperRef: s,
       isChildrenVisible: i.value,
-      IconButton: kt
+      IconButton: Ot
     }), null);
   };
 }, {
@@ -8496,7 +8495,7 @@ const jN = /* @__PURE__ */ L((e, {
       [`color-${d}`]: !!d,
       [`color-variant-${h}`]: !!h,
       "has-typography": !!r
-    }), r && Zt(r))
+    }), r && Xt(r))
   });
 }, ty = {
   click: (e) => e instanceof MouseEvent
@@ -8638,19 +8637,19 @@ const ay = "lumx-link-preview", {
   block: iy,
   element: Fo
 } = F(Ru), ly = {
-  [ne.error]: {
+  [te.error]: {
     color: W.red,
     icon: tc
   },
-  [ne.info]: {
+  [te.info]: {
     color: W.blue,
     icon: nc
   },
-  [ne.success]: {
+  [te.success]: {
     color: W.green,
     icon: cr
   },
-  [ne.warning]: {
+  [te.warning]: {
     color: W.yellow,
     icon: gt
   }
@@ -8684,7 +8683,7 @@ const ay = "lumx-link-preview", {
     color: c
   }), f("div", {
     className: Fo("text")
-  }, [t]), m && Ct({
+  }, [t]), m && xt({
     className: Fo("close-button"),
     icon: ur,
     handleClick: d,
@@ -9255,7 +9254,7 @@ const ZN = /* @__PURE__ */ L((e, {
     }, [a])]), c && f("input", S({
       type: "file",
       id: u,
-      className: I(dt("input"), wt())
+      className: I(dt("input"), Zt())
     }, c, {
       onChange: m
     }), null)]
@@ -9530,7 +9529,7 @@ const Xy = (e) => {
       ref: i,
       className: I(t, Qy({
         wrap: !!s
-      }), n && rc(n, a), o && Zt(o)),
+      }), n && rc(n, a), o && Xt(o)),
       role: "list"
     }), [r.map((c, u) => (
       // We need to item is set as display: contents which removes the semantic.
@@ -9561,9 +9560,9 @@ const oS = /* @__PURE__ */ L((e, {
   name: "LumxInlineList",
   inheritAttrs: !1,
   props: E()("color", "colorVariant", "typography", "wrap", "class")
-}), It = "lumx-table", {
+}), _t = "lumx-table", {
   block: tA
-} = F(It), nA = (e) => {
+} = F(_t), nA = (e) => {
   const {
     children: t,
     className: n,
@@ -9595,7 +9594,7 @@ const oS = /* @__PURE__ */ L((e, {
   name: "LumxTable",
   inheritAttrs: !1,
   props: E()("class", "hasBefore", "hasDividers", "theme")
-}), aA = `${It}__body`, oA = (e) => {
+}), aA = `${_t}__body`, oA = (e) => {
   const {
     children: t,
     className: n,
@@ -9619,13 +9618,13 @@ const oS = /* @__PURE__ */ L((e, {
   name: "LumxTableBody",
   inheritAttrs: !1,
   props: E()("class")
-}), Bt = {
+}), Dt = {
   asc: "asc",
   desc: "desc"
 }, er = {
   body: "body",
   head: "head"
-}, De = `${It}__cell`, {
+}, De = `${_t}__cell`, {
   block: ql
 } = F(De), rA = {
   variant: er.body
@@ -9645,7 +9644,7 @@ const oS = /* @__PURE__ */ L((e, {
     onClick: r
   } : void 0;
   let h;
-  return o && (h = "none", i === Bt.asc && (h = "ascending"), i === Bt.desc && (h = "descending")), f(te, null, [l === er.head && f("th", S({
+  return o && (h = "none", i === Dt.asc && (h = "ascending"), i === Dt.desc && (h = "descending")), f(ne, null, [l === er.head && f("th", S({
     ref: s
   }, c, {
     className: I(n, ql({
@@ -9661,11 +9660,11 @@ const oS = /* @__PURE__ */ L((e, {
       className: `${De}-icon`,
       icon: a,
       size: H.xxs
-    }), o && i === Bt.asc && Z({
+    }), o && i === Dt.asc && Z({
       className: `${De}-icon`,
       icon: bd,
       size: H.xxs
-    }), o && i === Bt.desc && Z({
+    }), o && i === Dt.desc && Z({
       className: `${De}-icon`,
       icon: vd,
       size: H.xxs
@@ -9701,7 +9700,7 @@ const oS = /* @__PURE__ */ L((e, {
   inheritAttrs: !1,
   props: E()("class", "icon", "isSortable", "sortOrder", "variant"),
   emits: iA
-}), lA = `${It}__header`, cA = (e) => {
+}), lA = `${_t}__header`, cA = (e) => {
   const {
     children: t,
     className: n,
@@ -9725,7 +9724,7 @@ const oS = /* @__PURE__ */ L((e, {
   name: "LumxTableHeader",
   inheritAttrs: !1,
   props: E()("class")
-}), uA = `${It}__row`, {
+}), uA = `${_t}__row`, {
   block: dA
 } = F(uA), fA = (e) => {
   const {
@@ -9868,9 +9867,9 @@ const hA = `${qu}__link`, {
     return C(() => {
     });
   const { state: a, dispatch: o } = n, r = se(), s = t || r;
-  return Kt(() => {
+  return Gt(() => {
     o({ type: "register", payload: { type: e, id: s } });
-  }), Yt(() => {
+  }), Kt(() => {
     o({ type: "unregister", payload: { type: e, id: s } });
   }), C(() => {
     const i = a.value.ids[e].indexOf(s);
@@ -10192,7 +10191,7 @@ const $A = {
     t("mouseleave");
   }, c = ee("onClick"), u = ee("onMouseenter"), d = ee("onMouseleave"), h = C(() => {
     const v = e.name || n.name?.();
-    if (zt(v))
+    if (jt(v))
       return null;
     const p = tr({
       linkAs: e.linkAs,
@@ -10826,7 +10825,7 @@ function ar({ hour: e, minute: t }, n) {
   const a = n ? new Date(n) : /* @__PURE__ */ new Date();
   return a.setHours(e, t, 0, 0), a;
 }
-function Gt(e) {
+function Ut(e) {
   return e.getHours() * 60 + e.getMinutes();
 }
 const or = 60, XA = 24 * or;
@@ -10834,7 +10833,7 @@ function ZA(e = {}) {
   const { step: t = 30, minTime: n, maxTime: a, locale: o } = e;
   if (!Number.isInteger(t) || t <= 0)
     return [];
-  const r = n ? Gt(n) : void 0, s = a ? Gt(a) : void 0, i = [];
+  const r = n ? Ut(n) : void 0, s = a ? Ut(a) : void 0, i = [];
   for (let l = 0; l < XA; l += t) {
     const c = Math.floor(l / or), u = l % or, d = r !== void 0 && l < r || s !== void 0 && l > s || void 0, h = o ? nr(ar({ hour: c, minute: u }), o) : void 0;
     i.push({ hour: c, minute: u, name: h, outOfRange: d });
@@ -10859,7 +10858,7 @@ function QA(e) {
 }
 function eN(e, t, n) {
   const a = e.hour * 60 + e.minute;
-  return t && a < Gt(t) ? { hour: t.getHours(), minute: t.getMinutes() } : n && a > Gt(n) ? { hour: n.getHours(), minute: n.getMinutes() } : e;
+  return t && a < Ut(t) ? { hour: t.getHours(), minute: t.getMinutes() } : n && a > Ut(n) ? { hour: n.getHours(), minute: n.getMinutes() } : e;
 }
 function tN(e, t) {
   return e.getHours() === t.hour && e.getMinutes() === t.minute;
@@ -10983,7 +10982,7 @@ export {
   zN as Heading,
   vr as HeadingLevelProvider,
   Qe as Icon,
-  kt as IconButton,
+  Ot as IconButton,
   aS as ImageBlock,
   Gy as ImageBlockCaptionPosition,
   oS as InlineList,
@@ -11036,7 +11035,7 @@ export {
   cS as TableRow,
   ve as Text,
   Lp as TextField,
-  Bt as ThOrder,
+  Dt as ThOrder,
   on as Thumbnail,
   kN as ThumbnailObjectFit,
   ON as ThumbnailVariant,