tcce-design-system 0.3.16 → 0.3.18

package/dist/tcce-design-system-components.js

@@ -179,11 +179,11 @@ const ys = {
     ${({ size: e = 24 }) => ys[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
-`, Gv = x.h2`
+`, Uv = x.h2`
     ${({ size: e = 24 }) => yc[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
-`, We = x.span`
+`, it = x.span`
     ${({ size: e = 16 }) => A[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
@@ -395,7 +395,7 @@ function Fs(e, t) {
       s[sn[T]].cancel(w);
   }, state: r, steps: s };
 }
-const { schedule: J, cancel: Xe, state: de, steps: _n } = /* @__PURE__ */ Fs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Te, !0);
+const { schedule: J, cancel: qe, state: de, steps: _n } = /* @__PURE__ */ Fs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Te, !0);
 let mn;
 function Mc() {
   mn = void 0;
@@ -436,7 +436,7 @@ const Fc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, Ic = (e) => Le(0, 255, e), Nn = {
   ...Tt,
   transform: (e) => Math.round(Ic(e))
-}, rt = {
+}, ot = {
   test: /* @__PURE__ */ er("rgb", "red"),
   parse: /* @__PURE__ */ _s("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: o = 1 }) => "rgba(" + Nn.transform(e) + ", " + Nn.transform(t) + ", " + Nn.transform(n) + ", " + Lt(Ht.transform(o)) + ")"
@@ -453,7 +453,7 @@ function Lc(e) {
 const uo = {
   test: /* @__PURE__ */ er("#"),
   parse: Lc,
-  transform: rt.transform
+  transform: ot.transform
 }, Xt = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
@@ -467,9 +467,9 @@ const uo = {
   parse: /* @__PURE__ */ _s("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: o = 1 }) => "hsla(" + Math.round(e) + ", " + Ie.transform(Lt(t)) + ", " + Ie.transform(Lt(n)) + ", " + Lt(Ht.transform(o)) + ")"
 }, re = {
-  test: (e) => rt.test(e) || uo.test(e) || yt.test(e),
-  parse: (e) => rt.test(e) ? rt.parse(e) : yt.test(e) ? yt.parse(e) : uo.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? rt.transform(e) : yt.transform(e),
+  test: (e) => ot.test(e) || uo.test(e) || yt.test(e),
+  parse: (e) => ot.test(e) ? ot.parse(e) : yt.test(e) ? yt.parse(e) : uo.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? ot.transform(e) : yt.transform(e),
   getAnimatableNone: (e) => {
     const t = re.parse(e);
     return t.alpha = 0, re.transform(t);
@@ -509,7 +509,7 @@ function Uc(e) {
   const t = zs(e);
   return Os(e)(t.map(Gc));
 }
-const Ze = {
+const Xe = {
   test: zc,
   parse: zs,
   createTransformer: Os,
@@ -540,7 +540,7 @@ function wn(e, t) {
 const ne = (e, t, n) => e + (t - e) * n, zn = (e, t, n) => {
   const o = e * e, r = n * (t * t - o) + o;
   return r < 0 ? 0 : Math.sqrt(r);
-}, Wc = [uo, rt, yt], Yc = (e) => Wc.find((t) => t.test(e));
+}, Wc = [uo, ot, yt], Yc = (e) => Wc.find((t) => t.test(e));
 function Kr(e) {
   const t = Yc(e);
   if ($t(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
@@ -553,7 +553,7 @@ const Wr = (e, t) => {
   if (!n || !o)
     return wn(e, t);
   const r = { ...n };
-  return (i) => (r.red = zn(n.red, o.red, i), r.green = zn(n.green, o.green, i), r.blue = zn(n.blue, o.blue, i), r.alpha = ne(n.alpha, o.alpha, i), rt.transform(r));
+  return (i) => (r.red = zn(n.red, o.red, i), r.green = zn(n.green, o.green, i), r.blue = zn(n.blue, o.blue, i), r.alpha = ne(n.alpha, o.alpha, i), ot.transform(r));
 }, fo = /* @__PURE__ */ new Set(["none", "hidden"]);
 function qc(e, t) {
   return fo.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
@@ -591,7 +591,7 @@ function Jc(e, t) {
   return n;
 }
 const Qc = (e, t) => {
-  const n = Ze.createTransformer(t), o = jt(e), r = jt(t);
+  const n = Xe.createTransformer(t), o = jt(e), r = jt(t);
   return o.indexes.var.length === r.indexes.var.length && o.indexes.color.length === r.indexes.color.length && o.indexes.number.length >= r.indexes.number.length ? fo.has(e) && !r.values.length || fo.has(t) && !o.values.length ? qc(e, t) : Yt(Hs(Jc(o, r), r.values), n) : ($t(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), wn(e, t));
 };
 function js(e, t, n) {
@@ -601,7 +601,7 @@ const eu = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => J.update(t, n),
-    stop: () => Xe(t),
+    stop: () => qe(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
@@ -1047,8 +1047,8 @@ function vu(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const it = (e) => e * 180 / Math.PI, po = (e) => {
-  const t = it(Math.atan2(e[1], e[0]));
+const rt = (e) => e * 180 / Math.PI, po = (e) => {
+  const t = rt(Math.atan2(e[1], e[0]));
   return go(t);
 }, wu = {
   x: 4,
@@ -1060,8 +1060,8 @@ const it = (e) => e * 180 / Math.PI, po = (e) => {
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
   rotate: po,
   rotateZ: po,
-  skewX: (e) => it(Math.atan(e[1])),
-  skewY: (e) => it(Math.atan(e[2])),
+  skewX: (e) => rt(Math.atan(e[1])),
+  skewY: (e) => rt(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
 }, go = (e) => (e = e % 360, e < 0 && (e += 360), e), qr = po, Xr = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Zr = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), bu = {
   x: 12,
@@ -1073,12 +1073,12 @@ const it = (e) => e * 180 / Math.PI, po = (e) => {
   scaleX: Xr,
   scaleY: Zr,
   scale: (e) => (Xr(e) + Zr(e)) / 2,
-  rotateX: (e) => go(it(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => go(it(Math.atan2(-e[2], e[0]))),
+  rotateX: (e) => go(rt(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => go(rt(Math.atan2(-e[2], e[0]))),
   rotateZ: qr,
   rotate: qr,
-  skewX: (e) => it(Math.atan(e[4])),
-  skewY: (e) => it(Math.atan(e[1])),
+  skewX: (e) => rt(Math.atan(e[4])),
+  skewY: (e) => rt(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
 function yo(e) {
@@ -1133,7 +1133,7 @@ function $u(e) {
     o !== void 0 && (t.push([n, o.get()]), o.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const Ye = {
+const We = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -1145,8 +1145,8 @@ const Ye = {
   x: (e, { transform: t }) => vo(t, "x"),
   y: (e, { transform: t }) => vo(t, "y")
 };
-Ye.translateX = Ye.x;
-Ye.translateY = Ye.y;
+We.translateX = We.x;
+We.translateY = We.y;
 const st = /* @__PURE__ */ new Set();
 let wo = !1, bo = !1, xo = !1;
 function Ws() {
@@ -1400,7 +1400,7 @@ class _u extends Fu {
   }
 }
 const ei = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(Ze.test(e) || e === "0") && // And it contains numbers and/or colors
+(Xe.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
 function Nu(e) {
   const t = e[0];
@@ -1978,7 +1978,7 @@ function pd(e) {
   return o !== n && (i *= 100), t + "(" + i + r + ")";
 }
 const gd = /\b([a-z-]*)\(.*?\)/gu, To = {
-  ...Ze,
+  ...Xe,
   getAnimatableNone: (e) => {
     const t = e.match(gd);
     return t ? t.map(pd).join(" ") : e;
@@ -2091,7 +2091,7 @@ const gd = /\b([a-z-]*)\(.*?\)/gu, To = {
 }, aa = (e) => vd[e];
 function la(e, t) {
   let n = aa(e);
-  return n !== To && (n = Ze), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+  return n !== To && (n = Xe), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
 const wd = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function bd(e, t, n) {
@@ -2123,7 +2123,7 @@ class xd extends sr {
     if (this.resolveNoneKeyframes(), !ta.has(o) || t.length !== 2)
       return;
     const [r, i] = t, s = oi(r), a = oi(i), l = jr(r), c = jr(i);
-    if (l !== c && Ye[o]) {
+    if (l !== c && We[o]) {
       this.needsMeasurement = !0;
       return;
     }
@@ -2133,7 +2133,7 @@ class xd extends sr {
           const u = t[d];
           typeof u == "string" && (t[d] = parseFloat(u));
         }
-      else Ye[o] && (this.needsMeasurement = !0);
+      else We[o] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, o = [];
@@ -2145,7 +2145,7 @@ class xd extends sr {
     const { element: t, unresolvedKeyframes: n, name: o } = this;
     if (!t || !t.current)
       return;
-    o === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Ye[o](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    o === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = We[o](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const r = n[n.length - 1];
     r !== void 0 && t.getValue(o, r).jump(r, !1);
   }
@@ -2156,7 +2156,7 @@ class xd extends sr {
     const r = t.getValue(n);
     r && r.jump(this.measuredOrigin, !1);
     const i = o.length - 1, s = o[i];
-    o[i] = Ye[n](t.measureViewportBox(), window.getComputedStyle(t.current)), s !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = s), this.removedTransforms?.length && this.removedTransforms.forEach(([a, l]) => {
+    o[i] = We[n](t.measureViewportBox(), window.getComputedStyle(t.current)), s !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = s), this.removedTransforms?.length && this.removedTransforms.forEach(([a, l]) => {
       t.getValue(a).set(l);
     }), this.resolveNoneKeyframes();
   }
@@ -2278,7 +2278,7 @@ function pa(e) {
 function kd(e) {
   return pa(e) && e.tagName === "svg";
 }
-const Vd = [...sa, re, Ze], Md = (e) => Vd.find(ia(e)), li = () => ({
+const Vd = [...sa, re, Xe], Md = (e) => Vd.find(ia(e)), li = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -2386,7 +2386,7 @@ class Ld {
     this.current = t, Ad.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, o) => this.bindToMotionValue(o, n)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (ga.current || Dd(), this.shouldReduceMotion = Po.current), process.env.NODE_ENV !== "production" && qo(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    this.projection && this.projection.unmount(), Xe(this.notifyUpdate), Xe(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
+    this.projection && this.projection.unmount(), qe(this.notifyUpdate), qe(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
     for (const t in this.events)
       this.events[t].clear();
     for (const t in this.features) {
@@ -2523,7 +2523,7 @@ class Ld {
    */
   readValue(t, n) {
     let o = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return o != null && (typeof o == "string" && (bs(o) || Ss(o)) ? o = parseFloat(o) : !Md(o) && Ze.test(n) && (o = la(t, n)), this.setBaseTarget(t, me(o) ? o.get() : o)), me(o) ? o.get() : o;
+    return o != null && (typeof o == "string" && (bs(o) || Ss(o)) ? o = parseFloat(o) : !Md(o) && Xe.test(n) && (o = la(t, n)), this.setBaseTarget(t, me(o) ? o.get() : o)), me(o) ? o.get() : o;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2558,7 +2558,7 @@ class Ld {
     fr.render(this.render);
   }
 }
-class Qe {
+class Je {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
@@ -2613,7 +2613,7 @@ function Gn(e) {
 function ko({ scale: e, scaleX: t, scaleY: n }) {
   return !Gn(e) || !Gn(t) || !Gn(n);
 }
-function ot(e) {
+function nt(e) {
   return ko(e) || xa(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
 }
 function xa(e) {
@@ -2648,7 +2648,7 @@ function Bd(e, t, n, o = !1) {
     l && l.props.style && l.props.style.display === "contents" || (o && i.options.layoutScroll && i.scroll && i !== i.root && xt(e, {
       x: -i.scroll.offset.x,
       y: -i.scroll.offset.y
-    }), s && (t.x *= s.x.scale, t.y *= s.y.scale, Sa(e, s)), o && ot(i.latestValues) && xt(e, i.latestValues));
+    }), s && (t.x *= s.x.scale, t.y *= s.y.scale, Sa(e, s)), o && nt(i.latestValues) && xt(e, i.latestValues));
   }
   t.x < mi && t.x > hi && (t.x = 1), t.y < mi && t.y > hi && (t.y = 1);
 }
@@ -2741,10 +2741,10 @@ const Dt = {
   }
 }, Gd = {
   correct: (e, { treeScale: t, projectionDelta: n }) => {
-    const o = e, r = Ze.parse(e);
+    const o = e, r = Xe.parse(e);
     if (r.length > 5)
       return o;
-    const i = Ze.createTransformer(e), s = typeof r[0] != "number" ? 1 : 0, a = n.x.scale * t.x, l = n.y.scale * t.y;
+    const i = Xe.createTransformer(e), s = typeof r[0] != "number" ? 1 : 0, a = n.x.scale * t.x, l = n.y.scale * t.y;
     r[0 + s] /= a, r[1 + s] /= l;
     const c = ne(a, l, 0.5);
     return typeof r[2 + s] == "number" && (r[2 + s] /= c), typeof r[3 + s] == "number" && (r[3 + s] /= c), i(r);
@@ -3038,7 +3038,7 @@ function of(e) {
 function rf(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Ea(t, e) : !1;
 }
-function tt(e = !1) {
+function et(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -3048,13 +3048,13 @@ function tt(e = !1) {
 }
 function yi() {
   return {
-    animate: tt(!0),
-    whileInView: tt(),
-    whileHover: tt(),
-    whileTap: tt(),
-    whileDrag: tt(),
-    whileFocus: tt(),
-    exit: tt()
+    animate: et(!0),
+    whileInView: et(),
+    whileHover: et(),
+    whileTap: et(),
+    whileDrag: et(),
+    whileFocus: et(),
+    exit: et()
   };
 }
 const Da = 1e-4, sf = 1 - Da, af = 1 + Da, Aa = 0.01, lf = 0 - Aa, cf = 0 + Aa;
@@ -3166,9 +3166,9 @@ function _a(e, t, n) {
 function xf(e, t) {
   const n = ge.now(), o = ({ timestamp: r }) => {
     const i = r - n;
-    i >= t && (Xe(o), e(i - t));
+    i >= t && (qe(o), e(i - t));
   };
-  return J.setup(o, !0), () => Xe(o);
+  return J.setup(o, !0), () => qe(o);
 }
 function Ut(e, t, n, o = { passive: !0 }) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n);
@@ -3342,7 +3342,7 @@ function Ba({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     unmount() {
       this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
       const s = this.getStack();
-      s && s.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), Xe(this.updateProjection);
+      s && s.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), qe(this.updateProjection);
     }
     // only on the root
     blockUpdate() {
@@ -3444,7 +3444,7 @@ function Ba({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!r)
         return;
       const s = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Fa(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, d = c !== this.prevTransformTemplateValue;
-      s && this.instance && (a || ot(this.latestValues) || d) && (r(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
+      s && this.instance && (a || nt(this.latestValues) || d) && (r(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(s = !0) {
       const a = this.measurePageBox();
@@ -3486,22 +3486,22 @@ function Ba({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         !a && d.options.layoutScroll && d.scroll && d !== d.root && xt(l, {
           x: -d.scroll.offset.x,
           y: -d.scroll.offset.y
-        }), ot(d.latestValues) && xt(l, d.latestValues);
+        }), nt(d.latestValues) && xt(l, d.latestValues);
       }
-      return ot(this.latestValues) && xt(l, this.latestValues), l;
+      return nt(this.latestValues) && xt(l, this.latestValues), l;
     }
     removeTransform(s) {
       const a = se();
       Ve(a, s);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
-        if (!c.instance || !ot(c.latestValues))
+        if (!c.instance || !nt(c.latestValues))
           continue;
         ko(c.latestValues) && c.updateSnapshot();
         const d = se(), u = c.measurePageBox();
         Ve(d, u), Ci(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, d);
       }
-      return ot(this.latestValues) && Ci(a, this.latestValues), a;
+      return nt(this.latestValues) && Ci(a, this.latestValues), a;
     }
     setTargetDelta(s) {
       this.targetDelta = s, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -3591,7 +3591,7 @@ function Ba({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(s) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (Xe(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = J.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (qe(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = J.update(() => {
         yn.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Ct(0)), this.currentAnimation = Sf(this.motionValue, [0, 1e3], {
           ...s,
           velocity: 0,
@@ -3693,7 +3693,7 @@ function Ba({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
       const c = this.getLead();
       if (!this.projectionDelta || !this.layout || !c.target) {
-        this.options.layoutId && (s.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, s.pointerEvents = gn(a?.pointerEvents) || ""), this.hasProjected && !ot(this.latestValues) && (s.transform = l ? l({}, "") : "none", this.hasProjected = !1);
+        this.options.layoutId && (s.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, s.pointerEvents = gn(a?.pointerEvents) || ""), this.hasProjected && !nt(this.latestValues) && (s.transform = l ? l({}, "") : "none", this.hasProjected = !1);
         return;
       }
       s.visibility = "";
@@ -4398,7 +4398,7 @@ function bh(e, t) {
 const xh = (e, t) => t.isSVG ?? br(e) ? new Jd(t) : new Kd(t, {
   allowProjection: e !== Ho
 });
-class Sh extends Qe {
+class Sh extends Je {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
@@ -4426,7 +4426,7 @@ class Sh extends Qe {
   }
 }
 let Ch = 0;
-class Rh extends Qe {
+class Rh extends Je {
   constructor() {
     super(...arguments), this.id = Ch++;
   }
@@ -4553,7 +4553,7 @@ class Ja {
     this.handlers = t;
   }
   end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), Xe(this.updatePoint);
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), qe(this.updatePoint);
   }
 }
 function qn(e, t) {
@@ -4880,7 +4880,7 @@ function Nh(e, t = 10) {
   let n = null;
   return Math.abs(e.y) > t ? n = "y" : Math.abs(e.x) > t && (n = "x"), n;
 }
-class Bh extends Qe {
+class Bh extends Je {
   constructor(t) {
     super(t), this.removeGroupControls = Te, this.removeListeners = Te, this.controls = new _h(t);
   }
@@ -4899,7 +4899,7 @@ class Bh extends Qe {
 const es = (e) => (t, n) => {
   e && J.postRender(() => e(t, n));
 };
-class zh extends Qe {
+class zh extends Je {
   constructor() {
     super(...arguments), this.removePointerDownListener = Te;
   }
@@ -4991,7 +4991,7 @@ function ts(e, t, n) {
   const r = "onHover" + n, i = o[r];
   i && J.postRender(() => i(t, Jt(t)));
 }
-class jh extends Qe {
+class jh extends Je {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = Rd(t, (n, o) => (ts(this.node, o, "Start"), (r) => ts(this.node, r, "End"))));
@@ -4999,7 +4999,7 @@ class jh extends Qe {
   unmount() {
   }
 }
-class Gh extends Qe {
+class Gh extends Je {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -5029,7 +5029,7 @@ function ns(e, t, n) {
   const r = "onTap" + (n === "End" ? "" : n), i = o[r];
   i && J.postRender(() => i(t, Jt(t)));
 }
-class Uh extends Qe {
+class Uh extends Je {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = Pd(t, (n, o) => (ns(this.node, o, "Start"), (r, { success: i }) => ns(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -5059,7 +5059,7 @@ const Xh = {
   some: 0,
   all: 1
 };
-class Zh extends Qe {
+class Zh extends Je {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -5258,7 +5258,7 @@ const Qh = {
     color: var(--color-main-blue-primary);
     margin: 0 auto;
     text-align: center;
-`, Kv = ({
+`, Wv = ({
   message: e = "Loading...",
   color: t = "primary",
   variant: n = "rotate"
@@ -5280,7 +5280,7 @@ const Qh = {
     align-items: center;
     justify-content: center;
     padding: 3rem 1rem;
-`, Wv = ({
+`, Yv = ({
   message: e,
   color: t = "primary",
   variant: n = "rotate"
@@ -5484,7 +5484,7 @@ const Qh = {
                   color: ${t || "var(--color-main-blue-primary)"};
                   border: 1px solid ${t || "var(--color-main-blue-primary)"};
               ` : ""}
-`, Yv = ({
+`, qv = ({
   children: e,
   variant: t = "neutral",
   size: n = "md",
@@ -5507,7 +5507,7 @@ const Qh = {
                 width: ${n || "1px"};
                 height: ${t || "100%"};
             `}
-`, qv = ({
+`, Xv = ({
   orientation: e = "horizontal",
   color: t = "var(--color-dark-300)",
   length: n,
@@ -5788,7 +5788,7 @@ const ve = new Em(), Dm = (e, t) => {
     ...t,
     id: n
   }), n;
-}, Am = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Fm = Dm, Im = () => ve.toasts, Lm = () => ve.getActiveToasts(), Xv = Object.assign(Fm, {
+}, Am = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Fm = Dm, Im = () => ve.toasts, Lm = () => ve.getActiveToasts(), Zv = Object.assign(Fm, {
   success: ve.success,
   info: ve.info,
   warning: ve.warning,
@@ -6001,21 +6001,21 @@ const Um = (e) => {
         x: 0,
         y: 0
       };
-      const Nr = (et) => 1 / (1.5 + Math.abs(et) / 20);
+      const Nr = (Qe) => 1 / (1.5 + Math.abs(Qe) / 20);
       if (ie === "y") {
         if (Pe.includes("top") || Pe.includes("bottom"))
           if (Pe.includes("top") && ue < 0 || Pe.includes("bottom") && ue > 0)
             ke.y = ue;
           else {
-            const et = ue * Nr(ue);
-            ke.y = Math.abs(et) < Math.abs(ue) ? et : ue;
+            const Qe = ue * Nr(ue);
+            ke.y = Math.abs(Qe) < Math.abs(ue) ? Qe : ue;
           }
       } else if (ie === "x" && (Pe.includes("left") || Pe.includes("right")))
         if (Pe.includes("left") && Ce < 0 || Pe.includes("right") && Ce > 0)
           ke.x = Ce;
         else {
-          const et = Ce * Nr(Ce);
-          ke.x = Math.abs(et) < Math.abs(Ce) ? et : Ce;
+          const Qe = Ce * Nr(Ce);
+          ke.x = Math.abs(Qe) < Math.abs(Ce) ? Qe : Ce;
         }
       (Math.abs(ke.x) > 0 || Math.abs(ke.y) > 0) && ht(!0), (fe = _e.current) == null || fe.style.setProperty("--swipe-amount-x", `${ke.x}px`), (be = _e.current) == null || be.style.setProperty("--swipe-amount-y", `${ke.y}px`);
     }
@@ -6265,7 +6265,7 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
       });
     })) : null;
   }));
-}), Zv = ({ spinnerColor: e = "orange", ...t }) => /* @__PURE__ */ g(
+}), Jv = ({ spinnerColor: e = "orange", ...t }) => /* @__PURE__ */ g(
   Wm,
   {
     position: "bottom-center",
@@ -6368,7 +6368,7 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
     ${({ $clickable: e }) => e && Xm}
     ${({ $disabled: e }) => e && Zm}
     ${({ $size: e }) => qm[e]}
-`, Jv = ({
+`, Qv = ({
   variant: e = "elevated",
   size: t = "md",
   disabled: n = !1,
@@ -6406,16 +6406,16 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
             border-bottom: 1px solid var(--color-divider);
             padding-bottom: 0.5rem;
         `}
-`, Qv = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(Qm, { $showDivider: t, ...n, children: e }), ep = x.div`
+`, e1 = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(Qm, { $showDivider: t, ...n, children: e }), ep = x.div`
     flex: 1;
     display: flex;
     flex-direction: column;
-`, e1 = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(ep, { $showDivider: t, ...n, children: e }), tp = x.div`
+`, t1 = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(ep, { $showDivider: t, ...n, children: e }), tp = x.div`
     display: flex;
     align-items: center;
     align-self: stretch;
     gap: 0.5rem;
-`, t1 = ({ children: e, ...t }) => /* @__PURE__ */ g(tp, { ...t, children: e }), np = {
+`, n1 = ({ children: e, ...t }) => /* @__PURE__ */ g(tp, { ...t, children: e }), np = {
   xs: b`
         ${A[12]}
     `,
@@ -6495,7 +6495,7 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
   "checkbox",
   "radio",
   "pin"
-], lp = (e) => ap.includes(e), nt = (e) => e.map((t) => ({
+], lp = (e) => ap.includes(e), tt = (e) => e.map((t) => ({
   name: t.name || "",
   label: t.label || "",
   type: t.type && lp(t.type) ? t.type : "text",
@@ -6513,13 +6513,13 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
   inputClassName: t.inputClassName,
   labelClassName: t.labelClassName,
   messageErrorClassName: t.messageErrorClassName
-})), n1 = (e) => e.map((t) => ({
+})), o1 = (e) => e.map((t) => ({
   value: t.value,
   label: t.label
-})), o1 = {
-  text: (e, t, n) => nt([{ name: e, label: t, type: "text", ...n }])[0],
-  email: (e, t, n) => nt([{ name: e, label: t, type: "email", required: !0, ...n }])[0],
-  password: (e, t, n) => nt([
+})), r1 = {
+  text: (e, t, n) => tt([{ name: e, label: t, type: "text", ...n }])[0],
+  email: (e, t, n) => tt([{ name: e, label: t, type: "email", required: !0, ...n }])[0],
+  password: (e, t, n) => tt([
     {
       name: e,
       label: t,
@@ -6535,13 +6535,13 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
       ...n
     }
   ])[0],
-  select: (e, t, n, o) => nt([
+  select: (e, t, n, o) => tt([
     { name: e, label: t, type: "select", options: n, required: !0, ...o }
   ])[0],
-  checkbox: (e, t, n) => nt([
+  checkbox: (e, t, n) => tt([
     { name: e, label: t, type: "checkbox", checkboxLabel: t, ...n }
   ])[0],
-  radio: (e, t, n, o) => nt([
+  radio: (e, t, n, o) => tt([
     {
       name: e,
       label: t,
@@ -6552,7 +6552,7 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
       ...o
     }
   ])[0],
-  pin: (e, t, n = 6, o) => nt([
+  pin: (e, t, n = 6, o) => tt([
     {
       name: e,
       label: t,
@@ -6569,7 +6569,7 @@ const Wm = /* @__PURE__ */ C.forwardRef(function(t, n) {
       ...o
     }
   ])[0]
-}, r1 = (e, t, n, o, r, i, s, a) => {
+}, i1 = (e, t, n, o, r, i, s, a) => {
   const { field: l, ...c } = t, d = {
     ...l,
     ...c,
@@ -7580,7 +7580,7 @@ const Gp = x.div`
     &:hover {
         background-color: var(--color-main-alternative-secondary);
     }
-`, rg = x(We)`
+`, rg = x(it)`
     font-weight: 500;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -7699,7 +7699,7 @@ const Gp = x.div`
       children: /* @__PURE__ */ g(il, {})
     }
   )
-] }, `${o.name}-${r}`)) }), i1 = ({
+] }, `${o.name}-${r}`)) }), s1 = ({
   variant: e = "default",
   multiple: t = !1,
   maxFileSize: n = 10,
@@ -7761,7 +7761,7 @@ const Gp = x.div`
               /* @__PURE__ */ g("strong", { children: "Click to upload" }),
               " or drag and drop"
             ] }),
-            r && !j && /* @__PURE__ */ g(We, { size: 14, color: "var(--color-main-grey)", children: r })
+            r && !j && /* @__PURE__ */ g(it, { size: 14, color: "var(--color-main-grey)", children: r })
           ]
         }
       ),
@@ -8137,7 +8137,7 @@ const Sg = (e, t, n, o, r, i, s = "text", a, l) => {
   r[h].current?.focus();
   const m = u.join("");
   u.every((p) => p !== "") && u.length >= d && l?.(m);
-}, $g = (e) => Array(e).fill(null).map(() => hc()), s1 = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), Tg = x.div`
+}, $g = (e) => Array(e).fill(null).map(() => hc()), a1 = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), Tg = x.div`
     display: flex;
     gap: 8px;
     align-items: center;
@@ -8654,7 +8654,7 @@ const Lg = x.div`
       }
     )
   ] })
-), a1 = ({
+), l1 = ({
   id: e,
   name: t,
   label: n,
@@ -8776,7 +8776,7 @@ const Lg = x.div`
     duration: 0.3,
     ease: "easeInOut"
   }
-}, l1 = {
+}, c1 = {
   fromBottom: {
     initial: { opacity: 0, y: 20 },
     animate: { opacity: 1, y: 0 },
@@ -9087,7 +9087,7 @@ const Lg = x.div`
     ...s,
     children: r
   }
-), c1 = ({
+), u1 = ({
   isOpen: e,
   onAccept: t,
   onCancel: n,
@@ -9131,7 +9131,7 @@ const Lg = x.div`
       children: [
         /* @__PURE__ */ g(Yg, { showDivider: !0, className: p, children: /* @__PURE__ */ g(vc, { id: "tac-title", size: 20, children: o }) }),
         /* @__PURE__ */ E(Xg, { padded: !0, showBottomDivider: !0, className: v, children: [
-          r && /* @__PURE__ */ g(We, { id: "tac-subtitle", size: 16, children: r }),
+          r && /* @__PURE__ */ g(it, { id: "tac-subtitle", size: 16, children: r }),
           i,
           s
         ] }),
@@ -9386,7 +9386,7 @@ const wl = He(void 0), a0 = ({ children: e }) => {
     align-items: center;
     gap: 0.75rem;
     min-width: 0;
-`, f0 = x(We)`
+`, f0 = x(it)`
     font-weight: ${({ $level: e }) => e === 0 ? 600 : 500};
     color: var(--color-main-blue-primary);
     white-space: nowrap;
@@ -9832,7 +9832,7 @@ const R0 = {
   }
 );
 V0.displayName = "Link";
-function u1() {
+function d1() {
   return {
     accessor: (e, t) => typeof e == "function" ? {
       ...t,
@@ -9845,14 +9845,14 @@ function u1() {
     group: (e) => e
   };
 }
-function qe(e, t) {
+function Ye(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function xe(e, t) {
   return (n) => {
     t.setState((o) => ({
       ...o,
-      [e]: qe(n, o[e])
+      [e]: Ye(n, o[e])
     }));
   };
 }
@@ -10235,7 +10235,7 @@ const L0 = {
       return (n = (o = t.getState().columnFilters) == null ? void 0 : o.findIndex((r) => r.id === e.id)) != null ? n : -1;
     }, e.setFilterValue = (n) => {
       t.setColumnFilters((o) => {
-        const r = e.getFilterFn(), i = o?.find((d) => d.id === e.id), s = qe(n, i ? i.value : void 0);
+        const r = e.getFilterFn(), i = o?.find((d) => d.id === e.id), s = Ye(n, i ? i.value : void 0);
         if (ds(r, s, e)) {
           var a;
           return (a = o?.filter((d) => d.id !== e.id)) != null ? a : [];
@@ -10259,7 +10259,7 @@ const L0 = {
     e.setColumnFilters = (t) => {
       const n = e.getAllLeafColumns(), o = (r) => {
         var i;
-        return (i = qe(t, r)) == null ? void 0 : i.filter((s) => {
+        return (i = Ye(t, r)) == null ? void 0 : i.filter((s) => {
           const a = n.find((l) => l.id === s.id);
           if (a) {
             const l = a.getFilterFn();
@@ -10884,14 +10884,14 @@ const ey = {
         });
       }
     }, e.setPagination = (o) => {
-      const r = (i) => qe(o, i);
+      const r = (i) => Ye(o, i);
       return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(r);
     }, e.resetPagination = (o) => {
       var r;
       e.setPagination(o ? ro() : (r = e.initialState.pagination) != null ? r : ro());
     }, e.setPageIndex = (o) => {
       e.setPagination((r) => {
-        let i = qe(o, r.pageIndex);
+        let i = Ye(o, r.pageIndex);
         const s = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
         return i = Math.max(0, Math.min(i, s)), {
           ...r,
@@ -10906,7 +10906,7 @@ const ey = {
       e.setPageSize(o ? Lo : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? r : Lo);
     }, e.setPageSize = (o) => {
       e.setPagination((r) => {
-        const i = Math.max(1, qe(o, r.pageSize)), s = r.pageSize * r.pageIndex, a = Math.floor(s / i);
+        const i = Math.max(1, Ye(o, r.pageSize)), s = r.pageSize * r.pageIndex, a = Math.floor(s / i);
         return {
           ...r,
           pageIndex: a,
@@ -10915,7 +10915,7 @@ const ey = {
       });
     }, e.setPageCount = (o) => e.setPagination((r) => {
       var i;
-      let s = qe(o, (i = e.options.pageCount) != null ? i : -1);
+      let s = Ye(o, (i = e.options.pageCount) != null ? i : -1);
       return typeof s == "number" && (s = Math.max(-1, s)), {
         ...r,
         pageCount: s
@@ -11196,14 +11196,14 @@ function No(e, t, n) {
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const Bo = /([0-9]+)/gm, sy = (e, t, n) => Dl(Je(e.getValue(n)).toLowerCase(), Je(t.getValue(n)).toLowerCase()), ay = (e, t, n) => Dl(Je(e.getValue(n)), Je(t.getValue(n))), ly = (e, t, n) => Vr(Je(e.getValue(n)).toLowerCase(), Je(t.getValue(n)).toLowerCase()), cy = (e, t, n) => Vr(Je(e.getValue(n)), Je(t.getValue(n))), uy = (e, t, n) => {
+const Bo = /([0-9]+)/gm, sy = (e, t, n) => Dl(Ze(e.getValue(n)).toLowerCase(), Ze(t.getValue(n)).toLowerCase()), ay = (e, t, n) => Dl(Ze(e.getValue(n)), Ze(t.getValue(n))), ly = (e, t, n) => Vr(Ze(e.getValue(n)).toLowerCase(), Ze(t.getValue(n)).toLowerCase()), cy = (e, t, n) => Vr(Ze(e.getValue(n)), Ze(t.getValue(n))), uy = (e, t, n) => {
   const o = e.getValue(n), r = t.getValue(n);
   return o > r ? 1 : o < r ? -1 : 0;
 }, dy = (e, t, n) => Vr(e.getValue(n), t.getValue(n));
 function Vr(e, t) {
   return e === t ? 0 : e > t ? 1 : -1;
 }
-function Je(e) {
+function Ze(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
 function Dl(e, t) {
@@ -11383,7 +11383,7 @@ function my(e) {
       r.setState(r.initialState);
     },
     setOptions: (f) => {
-      const h = qe(f, r.options);
+      const h = Ye(f, r.options);
       r.options = s(h);
     },
     getState: () => r.options.state,
@@ -11918,7 +11918,7 @@ function Fy(e, t) {
   const n = t.toLowerCase().trim();
   return e.filter((o) => o.toLowerCase().includes(n));
 }
-function d1(e, t, n) {
+function f1(e, t, n) {
   const o = {};
   return e.forEach((r, i) => {
     let s;
@@ -11928,7 +11928,7 @@ function d1(e, t, n) {
     }
   }), o;
 }
-function f1(e, t) {
+function h1(e, t) {
   const n = e.find((o) => o.id === t);
   return n ? n.value?.length > 0 : !1;
 }
@@ -11936,7 +11936,7 @@ function Iy(e, t) {
   const n = e.find((o) => o.id === t);
   return n ? n.value || [] : [];
 }
-function h1(e) {
+function m1(e) {
   return e.reduce((t, n) => {
     const o = n.value;
     return t + (o?.length || 0);
@@ -12238,17 +12238,14 @@ const Gy = (e) => {
         ${A[16]}
     `
 }, qy = x.td`
-    min-width: 0;
-    max-width: ${({ $width: e }) => e ? typeof e == "number" ? `${e}px` : e : "auto"};
-
     ${({ $width: e }) => e ? b`
                   min-width: ${typeof e == "number" ? `${e}px` : e};
-                  max-width: ${typeof e == "number" ? `${e}px` : e};
                   width: ${typeof e == "number" ? `${e}px` : e};
               ` : b`
                   min-width: 0;
                   width: auto;
               `}
+    max-width: 100%;
 
     vertical-align: middle;
     color: var(--color-main-blue-primary);
@@ -12483,7 +12480,7 @@ const ev = Tn(Qy), tv = gs`
     div {
         right: 10%;
     }
-`, m1 = ({
+`, p1 = ({
   onPageChange: e,
   onPerPageChange: t,
   perPage: n = 10,
@@ -12757,7 +12754,7 @@ function mv(e) {
     t[n.id] = n.desc ? "desc" : "asc";
   return t;
 }
-function p1(e) {
+function g1(e) {
   return Object.entries(e).map(([t, n]) => ({
     id: t,
     desc: n === "desc"
@@ -12766,11 +12763,11 @@ function p1(e) {
 function pv(e) {
   return e.length === 0 ? "" : JSON.stringify(mv(e));
 }
-function g1(e) {
+function y1(e) {
   const t = new URLSearchParams();
   return e.sorting && e.sorting.length > 0 && t.append("sorts", pv(e.sorting)), e.perPage && t.append("perPage", e.perPage.toString()), e.genericSearch && t.append("genericSearch", e.genericSearch), e.filters && Object.keys(e.filters).length > 0 && t.append("filters", JSON.stringify(e.filters)), t;
 }
-const y1 = ({
+const v1 = ({
   data: e,
   columns: t,
   initialPage: n = 1,
@@ -12841,21 +12838,21 @@ function gv(e) {
 function yv(e) {
   return JSON.stringify(gv(e));
 }
-function v1(e, t = ",") {
+function w1(e, t = ",") {
   const n = {};
   return e.forEach((o) => {
     const r = o.value;
     r && r.length > 0 && (n[`filter[${o.id}]`] = r.join(t));
   }), n;
 }
-function w1(e) {
+function b1(e) {
   const t = {};
   return e.forEach((n) => {
     const o = n.value;
     o && o.length > 0 && (t[`filter[${n.id}]`] = o);
   }), t;
 }
-function b1({
+function x1({
   filters: e,
   sorts: t,
   page: n,
@@ -12868,7 +12865,7 @@ function b1({
   }
   return e && e.length > 0 && (r.filters = yv(e)), r;
 }
-function x1(e, t = ",") {
+function S1(e, t = ",") {
   const n = typeof e == "string" ? new URLSearchParams(e) : e, o = [];
   return n.forEach((r, i) => {
     const s = i.match(/^filter\[(.+)\]$/);
@@ -12878,7 +12875,7 @@ function x1(e, t = ",") {
     }
   }), o;
 }
-function S1(e) {
+function C1(e) {
   try {
     const t = JSON.parse(e);
     return Object.entries(t).map(([n, o]) => ({ id: n, value: o }));
@@ -12886,7 +12883,7 @@ function S1(e) {
     return [];
   }
 }
-function C1(...e) {
+function R1(...e) {
   const t = /* @__PURE__ */ new Map();
   return e.forEach((n) => {
     n.forEach((o) => {
@@ -12920,7 +12917,19 @@ const vv = x.div`
     @media (max-width: 640px) {
         display: none;
     }
-`, bv = x(Ge.div)`
+`, bv = x.div`
+    width: 2.25rem;
+    height: 2.25rem;
+    border-radius: 50%;
+    background-color: var(--color-main-blue-primary);
+    color: var(--color-main-white);
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1rem;
+    user-select: none;
+`, xv = x(Ge.div)`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -12929,7 +12938,7 @@ const vv = x.div`
     @media (max-width: 640px) {
         display: none;
     }
-`, xv = x(Ge.div)`
+`, Sv = x(Ge.div)`
     position: absolute;
     top: 100%;
     right: 0;
@@ -12941,7 +12950,7 @@ const vv = x.div`
     box-shadow: var(--shadow-black-card);
     z-index: 100;
     overflow: hidden;
-`, Sv = x.button`
+`, Cv = x.button`
     width: 100%;
     display: flex;
     align-items: center;
@@ -13016,13 +13025,13 @@ const vv = x.div`
           (d.key === "Enter" || d.key === " ") && (d.preventDefault(), i(!r));
         },
         children: [
-          /* @__PURE__ */ g(We, { size: 14, color: "var(--color-main-white)", className: "font-semibold!", children: a(e?.name || "") }),
+          /* @__PURE__ */ g(bv, { className: "font-semibold!", children: a(e?.name || "") }),
           /* @__PURE__ */ E(wv, { children: [
-            /* @__PURE__ */ g(We, { size: 14, className: "font-semibold!", children: e?.name || "" }),
-            /* @__PURE__ */ g(We, { size: 12, children: e?.roles?.[0]?.name || "" })
+            /* @__PURE__ */ g(it, { size: 14, className: "font-semibold!", children: e?.name || "" }),
+            /* @__PURE__ */ g(it, { size: 12, children: e?.roles?.[0]?.name || "" })
           ] }),
           /* @__PURE__ */ g(
-            bv,
+            xv,
             {
               animate: { rotate: r ? -180 : 0 },
               transition: { duration: 0.3 },
@@ -13040,14 +13049,14 @@ const vv = x.div`
       }
     ),
     /* @__PURE__ */ g(Zt, { children: r && /* @__PURE__ */ g(
-      xv,
+      Sv,
       {
         initial: { opacity: 0, y: -10, scale: 0.95 },
         animate: { opacity: 1, y: 0, scale: 1 },
         exit: { opacity: 0, y: -10, scale: 0.95 },
         transition: { duration: 0.15 },
         children: c.map((d) => /* @__PURE__ */ g(Ho, { children: /* @__PURE__ */ E(
-          Sv,
+          Cv,
           {
             onClick: d.onClick,
             className: d.variant === "danger" ? "danger" : "",
@@ -13061,7 +13070,7 @@ const vv = x.div`
                 }
               ),
               /* @__PURE__ */ g(
-                We,
+                it,
                 {
                   size: 14,
                   color: `${d.variant === "danger" && "var(--color-main-warning-state)"}`,
@@ -13076,7 +13085,7 @@ const vv = x.div`
   ] });
 };
 Hl.displayName = "UserProfile";
-const Cv = ({
+const Rv = ({
   hasNotifications: e = !1,
   notificationCount: t
 }) => {
@@ -13087,7 +13096,7 @@ const Cv = ({
     badgeLabel: r,
     bellAriaLabel: i
   };
-}, Rv = x.button`
+}, $v = x.button`
     position: relative;
     background: transparent;
     border: none;
@@ -13111,7 +13120,7 @@ const Cv = ({
     &:active {
         transform: scale(0.92);
     }
-`, $v = x.span`
+`, Tv = x.span`
     position: absolute;
     top: 0.35rem;
     right: 0.35rem;
@@ -13132,12 +13141,12 @@ const Cv = ({
   notificationCount: t,
   onNotificationClick: n
 }) => {
-  const { effectiveHasNotifications: o, displayCount: r, bellAriaLabel: i } = Cv({
+  const { effectiveHasNotifications: o, displayCount: r, bellAriaLabel: i } = Rv({
     hasNotifications: e,
     notificationCount: t
   });
   return /* @__PURE__ */ E(
-    Rv,
+    $v,
     {
       onClick: n,
       "aria-label": i,
@@ -13152,13 +13161,13 @@ const Cv = ({
             color: "var(--color-main-blue-primary)"
           }
         ),
-        o && /* @__PURE__ */ g($v, { $withCount: !!r, "aria-hidden": !!r, children: r && (r > 99 ? "99+" : r) })
+        o && /* @__PURE__ */ g(Tv, { $withCount: !!r, "aria-hidden": !!r, children: r && (r > 99 ? "99+" : r) })
       ]
     }
   );
 };
 jl.displayName = "NotificationButton";
-const Tv = x.header`
+const Pv = x.header`
     position: fixed;
     top: 0;
     left: 0;
@@ -13174,11 +13183,11 @@ const Tv = x.header`
     padding: 0 1rem;
     transition: padding-left 0.3s ease-out;
     padding-left: 5rem;
-`, Pv = x.div`
+`, kv = x.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`, kv = x.div`
+`, Vv = x.div`
     display: flex;
     align-items: center;
     gap: 1rem;
@@ -13191,9 +13200,9 @@ const Tv = x.header`
   onLogout: i,
   userMenuItems: s,
   children: a
-}) => /* @__PURE__ */ E(Tv, { children: [
-  /* @__PURE__ */ g(Pv, { children: a }),
-  /* @__PURE__ */ E(kv, { children: [
+}) => /* @__PURE__ */ E(Pv, { children: [
+  /* @__PURE__ */ g(kv, { children: a }),
+  /* @__PURE__ */ E(Vv, { children: [
     /* @__PURE__ */ g(
       jl,
       {
@@ -13214,7 +13223,7 @@ const Tv = x.header`
   ] })
 ] });
 Gl.displayName = "Header";
-const Vv = x.main`
+const Mv = x.main`
     flex: 1;
     margin-top: 4rem;
     /* Mobile-first: no lateral offset so content occupies full width */
@@ -13230,14 +13239,14 @@ const Vv = x.main`
     @media (min-width: 1200px) {
         margin-left: 5rem;
     }
-`, Ul = ({ children: e, className: t }) => /* @__PURE__ */ g(Vv, { className: t, children: e });
+`, Ul = ({ children: e, className: t }) => /* @__PURE__ */ g(Mv, { className: t, children: e });
 Ul.displayName = "LayoutMainContent";
-const Mv = x.div`
+const Ev = x.div`
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow: hidden;
-`, Ev = ({
+`, Dv = ({
   children: e,
   navigationConfig: t,
   userPermissions: n = [],
@@ -13253,7 +13262,7 @@ const Mv = x.div`
   contentClassName: f,
   logoImgCollapsed: h,
   logoImgExpanded: m
-}) => /* @__PURE__ */ E(Mv, { children: [
+}) => /* @__PURE__ */ E(Ev, { children: [
   /* @__PURE__ */ g(
     Cl,
     {
@@ -13278,8 +13287,8 @@ const Mv = x.div`
     }
   ),
   /* @__PURE__ */ g(Ul, { className: f, children: e })
-] }), R1 = (e) => /* @__PURE__ */ g(a0, { children: /* @__PURE__ */ g(Ev, { ...e }) });
-function $1(e, t, n) {
+] }), $1 = (e) => /* @__PURE__ */ g(a0, { children: /* @__PURE__ */ g(Dv, { ...e }) });
+function T1(e, t, n) {
   let o = `${e}=${encodeURIComponent(t)}; path=/; SameSite=Strict; Secure`;
   if (n) {
     const r = new Date(Date.now() + n * 864e5).toUTCString();
@@ -13287,19 +13296,19 @@ function $1(e, t, n) {
   }
   document.cookie = o;
 }
-function T1(e) {
+function P1(e) {
   return document.cookie.split("; ").reduce((t, n) => {
     const o = n.split("=");
     return o[0] === e ? decodeURIComponent(o[1]) : t;
   }, "");
 }
-function P1(e) {
+function k1(e) {
   document.cookie = `${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`;
 }
-const Kl = He(void 0), Dv = (e) => ({
+const Kl = He(void 0), Av = (e) => ({
   permissions: e?.permissions?.map((t) => t.name) || []
-}), k1 = ({ children: e, initialAbilities: t, user: n }) => {
-  const [o, r] = Z(() => n ? Dv(n) : t || { permissions: [] }), i = K(
+}), V1 = ({ children: e, initialAbilities: t, user: n }) => {
+  const [o, r] = Z(() => n ? Av(n) : t || { permissions: [] }), i = K(
     (c, d = "any") => (c = Array.isArray(c) ? c : [c], d === "all" ? c.every(
       (u) => o.permissions.includes(u)
     ) : c.some((u) => o.permissions.includes(u))),
@@ -13321,10 +13330,10 @@ const Kl = He(void 0), Dv = (e) => ({
   if (!e)
     throw new Error("useAbility must be used within an AbilityProvider");
   return e;
-}, V1 = (e, t = "any") => {
+}, M1 = (e, t = "any") => {
   const { can: n } = Wl();
   return n(e, t);
-}, M1 = Tn(
+}, E1 = Tn(
   ({ requiredPermissions: e, mode: t = "any", children: n, fallback: o = null }) => {
     const { can: r } = Wl();
     return r(e, t) ? /* @__PURE__ */ g(Oe, { children: n }) : o ?? null;
@@ -13345,15 +13354,15 @@ const Kl = He(void 0), Dv = (e) => ({
     fontSize: A[20],
     line: "3px"
   }
-}, Av = x.div`
+}, Fv = x.div`
     display: flex;
     width: 100%;
-`, Fv = x.div`
+`, Iv = x.div`
     display: flex;
     flex-direction: ${({ $orientation: e }) => e === "vertical" ? "column" : "row"};
     align-items: center;
     width: 100%;
-`, Iv = x.div`
+`, Lv = x.div`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -13404,7 +13413,7 @@ const Kl = He(void 0), Dv = (e) => ({
                 box-shadow: var(--shadow-hover-black-button);
             }
         `}
-`, Lv = x.div`
+`, _v = x.div`
     background-color: ${({ $isCompleted: e }) => e ? "var(--color-main-blue-primary)" : "var(--color-dark-300)"};
     transition: background-color 0.3s ease;
 
@@ -13416,7 +13425,7 @@ const Kl = He(void 0), Dv = (e) => ({
                   flex: 1;
                   min-width: 2rem;
               `}
-`, _v = x.span`
+`, Nv = x.span`
     position: absolute;
     ${A[14]}
     font-weight: 500;
@@ -13449,7 +13458,7 @@ const Kl = He(void 0), Dv = (e) => ({
     ${Yl}:hover & {
         opacity: 1;
     }
-`, E1 = ({
+`, D1 = ({
   steps: e,
   currentStep: t,
   orientation: n = "horizontal",
@@ -13460,10 +13469,10 @@ const Kl = He(void 0), Dv = (e) => ({
   const s = (a) => {
     r?.(a);
   };
-  return /* @__PURE__ */ g(Av, { $orientation: n, className: i, children: /* @__PURE__ */ g(Fv, { $orientation: n, children: e.map((a, l) => {
+  return /* @__PURE__ */ g(Fv, { $orientation: n, className: i, children: /* @__PURE__ */ g(Iv, { $orientation: n, children: e.map((a, l) => {
     const c = l === t, d = l < t, u = r != null;
     return /* @__PURE__ */ E(Oe, { children: [
-      /* @__PURE__ */ g(Iv, { $orientation: n, children: /* @__PURE__ */ E(
+      /* @__PURE__ */ g(Lv, { $orientation: n, children: /* @__PURE__ */ E(
         Yl,
         {
           $isActive: c,
@@ -13480,12 +13489,12 @@ const Kl = He(void 0), Dv = (e) => ({
           },
           children: [
             a.content ?? l + 1,
-            a.label && n === "vertical" && /* @__PURE__ */ g(_v, { children: a.label })
+            a.label && n === "vertical" && /* @__PURE__ */ g(Nv, { children: a.label })
           ]
         }
       ) }),
       l < e.length - 1 && /* @__PURE__ */ g(
-        Lv,
+        _v,
         {
           $isCompleted: d,
           $orientation: n,
@@ -13497,17 +13506,17 @@ const Kl = He(void 0), Dv = (e) => ({
 };
 export {
   ap as ALLOWED_INPUT_TYPES,
-  k1 as AbilityProvider,
+  V1 as AbilityProvider,
   v0 as Aside,
-  Yv as Badge,
+  qv as Badge,
   ol as BaseInput,
   b0 as BrandLogo,
   Kt as Button,
-  M1 as Can,
-  Jv as Card,
-  e1 as CardBody,
-  t1 as CardFooter,
-  Qv as CardHeader,
+  E1 as Can,
+  Qv as Card,
+  t1 as CardBody,
+  n1 as CardFooter,
+  e1 as CardHeader,
   Dn as Checkbox,
   dl as CheckboxInput,
   gg as CheckboxLabel,
@@ -13518,21 +13527,21 @@ export {
   Xg as DialogBody,
   Jg as DialogFooter,
   Yg as DialogHeader,
-  qv as Divider,
+  Xv as Divider,
   nl as ErrorMessage,
   cg as FileList,
-  i1 as FileUpload,
+  s1 as FileUpload,
   _l as FilterOption,
-  a1 as FormField,
-  Kv as FullScreenSpinner,
+  l1 as FormField,
+  Wv as FullScreenSpinner,
   Gl as Header,
   vc as HeadingBold,
-  Gv as HeadingRegular,
+  Uv as HeadingRegular,
   Y as Icon,
   Rr as IconWrapperStyles,
   Wt as InfoLabel,
   Sr as Label,
-  R1 as Layout,
+  $1 as Layout,
   Ul as LayoutMainContent,
   V0 as Link,
   $0 as LinkDisabledStyles,
@@ -13549,83 +13558,83 @@ export {
   ml as RadioInputDot,
   pl as RadioInputLabel,
   ul as SearchInput,
-  Wv as SectionSpinner,
+  Yv as SectionSpinner,
   $r as SelectInput,
   Cl as Sidebar,
   wl as SidebarContext,
   w0 as SidebarHeader,
   a0 as SidebarProvider,
   xr as Spinner,
-  E1 as Stepper,
+  D1 as Stepper,
   hv as Table,
   ao as TableBody,
   Jy as TableCell,
   Wy as TableHeader,
   Uy as TableHeaderCell,
   Ky as TableHeaderRow,
-  m1 as TablePagination,
+  p1 as TablePagination,
   ev as TableRow,
-  c1 as TermsAndConditions,
-  We as Text,
+  u1 as TermsAndConditions,
+  it as Text,
   cl as TextAreaInput,
-  Zv as ToastProvider,
+  Jv as ToastProvider,
   s0 as Tooltip,
   Hl as UserProfile,
   Vt as baseFieldStyles,
   Cr as baseInputStyles,
   A as bodyTextStyles,
-  w1 as columnFiltersToArrayQueryParams,
+  b1 as columnFiltersToArrayQueryParams,
   yv as columnFiltersToJsonString,
-  v1 as columnFiltersToQueryParams,
+  w1 as columnFiltersToQueryParams,
   gv as columnFiltersToRecord,
-  g1 as createBackendParams,
-  b1 as createBackendParamsWithFilters,
-  u1 as createColumnHelper,
-  o1 as createFieldConfig,
+  y1 as createBackendParams,
+  x1 as createBackendParamsWithFilters,
+  d1 as createColumnHelper,
+  r1 as createFieldConfig,
   $g as createInputRefs,
-  P1 as deleteCookie,
+  k1 as deleteCookie,
   ct as disabledStyles,
   Mt as errorStyles,
   cp as flushedStyles,
-  h1 as getActiveFilterCount,
+  m1 as getActiveFilterCount,
   Iy as getActiveFilterValues,
-  d1 as getColumnValueCounts,
-  T1 as getCookie,
-  r1 as getPropsForInputType,
+  f1 as getColumnValueCounts,
+  P1 as getCookie,
+  i1 as getPropsForInputType,
   Nl as getUniqueColumnValues,
   Sg as handleDigitChange,
   Cg as handleKeyDown,
   Rg as handlePaste,
-  f1 as hasActiveFilters,
+  h1 as hasActiveFilters,
   cs as hasPermission,
   ys as headingBoldStyles,
   yc as headingRegularStyles,
   lp as isAllowedInputType,
-  C1 as mergeFilters,
+  R1 as mergeFilters,
   hs as multiSelectFilter,
-  nt as normalizeFieldTypes,
-  n1 as normalizeSelectOptions,
+  tt as normalizeFieldTypes,
+  o1 as normalizeSelectOptions,
   vl as overlayAnimation,
-  S1 as parseJsonToFilters,
-  x1 as parseQueryParamsToFilters,
+  C1 as parseJsonToFilters,
+  S1 as parseQueryParamsToFilters,
   Fy as searchInArray,
-  $1 as setCookie,
+  T1 as setCookie,
   En as sizeStyles,
-  l1 as slideAnimation,
+  c1 as slideAnimation,
   Ng as smartAnimation,
-  p1 as sortRecordToSortingState,
+  g1 as sortRecordToSortingState,
   pv as sortingStateToJsonString,
   mv as sortingStateToRecord,
   Bg as submenuAnimationTopDown,
-  Xv as toast,
+  Zv as toast,
   Wl as useAbility,
-  V1 as useCan,
+  M1 as useCan,
   Gy as useColumnFilter,
-  Cv as useNotifications,
+  Rv as useNotifications,
   bl as useSidebar,
   Qt as useTableContext,
-  y1 as useTableData,
+  v1 as useTableData,
   fv as useTableFiltering,
   dv as useTableSorting,
-  s1 as validateCode
+  a1 as validateCode
 };