mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system609.js

@@ -5,7 +5,7 @@ import { c as ns } from "./index-RoCFhqzC.js";
 import { useEffect as qt } from "react";
 import { useResponsivePopoverDrawerContext as ss } from "./mainstack-design-system590.js";
 import { V as vt } from "./index-DJT9m8v7.js";
-import { c as Vt } from "./utils-DnnzGb1L.js";
+import { c as Vt } from "./utils-Opg_zrKx.js";
 import "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
 import "./mainstack-design-system388.js";
@@ -91,18 +91,18 @@ function de(e, t, n, s) {
   const i = (r) => ds(r, 0, 1, e, n);
   return (r) => r === 0 || r === 1 ? r : tn(i(r), t, s);
 }
-const nn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, sn = (e) => (t) => 1 - e(1 - t), rn = /* @__PURE__ */ de(0.33, 1.53, 0.69, 0.99), Ze = /* @__PURE__ */ sn(rn), an = /* @__PURE__ */ nn(Ze), on = (e) => (e *= 2) < 1 ? 0.5 * Ze(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Je = (e) => 1 - Math.sin(Math.acos(e)), ps = sn(Je), ln = nn(Je), ms = /* @__PURE__ */ de(0.42, 0, 1, 1), gs = /* @__PURE__ */ de(0, 0, 0.58, 1), un = /* @__PURE__ */ de(0.42, 0, 0.58, 1), cn = (e) => Array.isArray(e) && typeof e[0] != "number";
+const nn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, sn = (e) => (t) => 1 - e(1 - t), rn = /* @__PURE__ */ de(0.33, 1.53, 0.69, 0.99), Ze = /* @__PURE__ */ sn(rn), an = /* @__PURE__ */ nn(Ze), on = (e) => (e *= 2) < 1 ? 0.5 * Ze(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Je = (e) => 1 - Math.sin(Math.acos(e)), ms = sn(Je), ln = nn(Je), ps = /* @__PURE__ */ de(0.42, 0, 1, 1), gs = /* @__PURE__ */ de(0, 0, 0.58, 1), un = /* @__PURE__ */ de(0.42, 0, 0.58, 1), cn = (e) => Array.isArray(e) && typeof e[0] != "number";
 function fn(e, t) {
   return cn(e) ? e[cs(0, e.length, t)] : e;
 }
 const hn = (e) => Array.isArray(e) && typeof e[0] == "number", xt = {
   linear: Z,
-  easeIn: ms,
+  easeIn: ps,
   easeInOut: un,
   easeOut: gs,
   circIn: Je,
   circInOut: ln,
-  circOut: ps,
+  circOut: ms,
   backIn: Ze,
   backInOut: an,
   backOut: rn,
@@ -178,15 +178,15 @@ function dn(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, a = be.reduce((w, S) => (w[S] = bs(r), w), {}), { setup: o, read: u, resolveKeyframes: c, preUpdate: l, update: f, preRender: h, render: m, postRender: y } = a, b = () => {
+  }, r = () => n = !0, a = be.reduce((w, S) => (w[S] = bs(r), w), {}), { setup: o, read: u, resolveKeyframes: c, preUpdate: l, update: f, preRender: h, render: p, postRender: y } = a, b = () => {
     const w = K.useManualTiming ? i.timestamp : performance.now();
-    n = !1, K.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(w - i.timestamp, Ts), 1)), i.timestamp = w, i.isProcessing = !0, o.process(i), u.process(i), c.process(i), l.process(i), f.process(i), h.process(i), m.process(i), y.process(i), i.isProcessing = !1, n && t && (s = !1, e(b));
+    n = !1, K.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(w - i.timestamp, Ts), 1)), i.timestamp = w, i.isProcessing = !0, o.process(i), u.process(i), c.process(i), l.process(i), f.process(i), h.process(i), p.process(i), y.process(i), i.isProcessing = !1, n && t && (s = !1, e(b));
   }, v = () => {
     n = !0, s = !0, i.isProcessing || e(b);
   };
   return { schedule: be.reduce((w, S) => {
-    const p = a[S];
-    return w[S] = (V, C = !1, g = !1) => (n || v(), p.schedule(V, C, g)), w;
+    const m = a[S];
+    return w[S] = (V, C = !1, g = !1) => (n || v(), m.schedule(V, C, g)), w;
   }, {}), cancel: (w) => {
     for (let S = 0; S < be.length; S++)
       a[be[S]].cancel(w);
@@ -202,7 +202,7 @@ const P = {
   set: (e) => {
     ve = e, queueMicrotask(vs);
   }
-}, pn = (e) => (t) => typeof t == "string" && t.startsWith(e), mn = /* @__PURE__ */ pn("--"), Vs = /* @__PURE__ */ pn("var(--"), Qe = (e) => Vs(e) ? ws.test(e.split("/*")[0].trim()) : !1, ws = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, J = {
+}, mn = (e) => (t) => typeof t == "string" && t.startsWith(e), pn = /* @__PURE__ */ mn("--"), Vs = /* @__PURE__ */ mn("var(--"), Qe = (e) => Vs(e) ? ws.test(e.split("/*")[0].trim()) : !1, ws = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, J = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
@@ -247,11 +247,11 @@ const Re = {
   test: /* @__PURE__ */ tt("#"),
   parse: Ms,
   transform: j.transform
-}, pe = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
+}, me = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), L = /* @__PURE__ */ pe("deg"), q = /* @__PURE__ */ pe("%"), d = /* @__PURE__ */ pe("px"), Cs = /* @__PURE__ */ pe("vh"), Ds = /* @__PURE__ */ pe("vw"), Mt = {
+}), L = /* @__PURE__ */ me("deg"), q = /* @__PURE__ */ me("%"), d = /* @__PURE__ */ me("px"), Cs = /* @__PURE__ */ me("vh"), Ds = /* @__PURE__ */ me("vw"), Mt = {
   ...q,
   parse: (e) => q.parse(e) / 100,
   transform: (e) => q.transform(e * 100)
@@ -330,7 +330,7 @@ function ks({ hue: e, saturation: t, lightness: n, alpha: s }) {
 function we(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const me = (e, t, n) => e + (t - e) * n, De = (e, t, n) => {
+const pe = (e, t, n) => e + (t - e) * n, De = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
 }, Ks = [Re, j, z], Bs = (e) => Ks.find((t) => t.test(e));
@@ -346,13 +346,13 @@ const Ft = (e, t) => {
   if (!n || !s)
     return we(e, t);
   const i = { ...n };
-  return (r) => (i.red = De(n.red, s.red, r), i.green = De(n.green, s.green, r), i.blue = De(n.blue, s.blue, r), i.alpha = me(n.alpha, s.alpha, r), j.transform(i));
+  return (r) => (i.red = De(n.red, s.red, r), i.green = De(n.green, s.green, r), i.blue = De(n.blue, s.blue, r), i.alpha = pe(n.alpha, s.alpha, r), j.transform(i));
 }, Oe = /* @__PURE__ */ new Set(["none", "hidden"]);
 function $s(e, t) {
   return Oe.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function Ls(e, t) {
-  return (n) => me(e, t, n);
+  return (n) => pe(e, t, n);
 }
 function nt(e) {
   return typeof e == "number" ? Ls : typeof e == "string" ? Qe(e) ? we : D.test(e) ? Ft : _s : Array.isArray(e) ? Vn : typeof e == "object" ? D.test(e) ? Ft : Ws : we;
@@ -388,7 +388,7 @@ const _s = (e, t) => {
   return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Oe.has(e) && !i.values.length || Oe.has(t) && !s.values.length ? $s(e, t) : qe(Vn(js(s, i), i.values), n) : (he(!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"), we(e, t));
 };
 function wn(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? me(e, t, n) : nt(e)(e, t);
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? pe(e, t, n) : nt(e)(e, t);
 }
 const Us = (e) => {
   const t = ({ timestamp: n }) => e(n);
@@ -463,11 +463,11 @@ function Ys({ duration: e = M.duration, bounce: t = M.bounce, velocity: n = M.ve
   he(e <= /* @__PURE__ */ O(M.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let a = 1 - t;
   a = Y(M.minDamping, M.maxDamping, a), e = Y(M.minDuration, M.maxDuration, /* @__PURE__ */ R(e)), a < 1 ? (i = (c) => {
-    const l = c * a, f = l * e, h = l - n, m = Ne(c, a), y = Math.exp(-f);
-    return Fe - h / m * y;
+    const l = c * a, f = l * e, h = l - n, p = Ne(c, a), y = Math.exp(-f);
+    return Fe - h / p * y;
   }, r = (c) => {
-    const f = c * a * e, h = f * n + n, m = Math.pow(a, 2) * Math.pow(c, 2) * e, y = Math.exp(-f), b = Ne(Math.pow(c, 2), a);
-    return (-i(c) + Fe > 0 ? -1 : 1) * ((h - m) * y) / b;
+    const f = c * a * e, h = f * n + n, p = Math.pow(a, 2) * Math.pow(c, 2) * e, y = Math.exp(-f), b = Ne(Math.pow(c, 2), a);
+    return (-i(c) + Fe > 0 ? -1 : 1) * ((h - p) * y) / b;
   }) : (i = (c) => {
     const l = Math.exp(-c * e), f = (c - n) * e + 1;
     return -Fe + l * f;
@@ -540,44 +540,44 @@ function H(e = M.visualDuration, t = M.bounce) {
     bounce: t
   } : e;
   let { restSpeed: s, restDelta: i } = n;
-  const r = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], o = { done: !1, value: r }, { stiffness: u, damping: c, mass: l, duration: f, velocity: h, isResolvedFromDuration: m } = Zs({
+  const r = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], o = { done: !1, value: r }, { stiffness: u, damping: c, mass: l, duration: f, velocity: h, isResolvedFromDuration: p } = Zs({
     ...n,
     velocity: -/* @__PURE__ */ R(n.velocity || 0)
   }), y = h || 0, b = c / (2 * Math.sqrt(u * l)), v = a - r, T = /* @__PURE__ */ R(Math.sqrt(u / l)), A = Math.abs(v) < 5;
   s || (s = A ? M.restSpeed.granular : M.restSpeed.default), i || (i = A ? M.restDelta.granular : M.restDelta.default);
   let w;
   if (b < 1) {
-    const p = Ne(T, b);
+    const m = Ne(T, b);
     w = (V) => {
       const C = Math.exp(-b * T * V);
-      return a - C * ((y + b * T * v) / p * Math.sin(p * V) + v * Math.cos(p * V));
+      return a - C * ((y + b * T * v) / m * Math.sin(m * V) + v * Math.cos(m * V));
     };
   } else if (b === 1)
-    w = (p) => a - Math.exp(-T * p) * (v + (y + T * v) * p);
+    w = (m) => a - Math.exp(-T * m) * (v + (y + T * v) * m);
   else {
-    const p = T * Math.sqrt(b * b - 1);
+    const m = T * Math.sqrt(b * b - 1);
     w = (V) => {
-      const C = Math.exp(-b * T * V), g = Math.min(p * V, 300);
-      return a - C * ((y + b * T * v) * Math.sinh(g) + p * v * Math.cosh(g)) / p;
+      const C = Math.exp(-b * T * V), g = Math.min(m * V, 300);
+      return a - C * ((y + b * T * v) * Math.sinh(g) + m * v * Math.cosh(g)) / m;
     };
   }
   const S = {
-    calculatedDuration: m && f || null,
-    next: (p) => {
-      const V = w(p);
-      if (m)
-        o.done = p >= f;
+    calculatedDuration: p && f || null,
+    next: (m) => {
+      const V = w(m);
+      if (p)
+        o.done = m >= f;
       else {
-        let C = p === 0 ? y : 0;
-        b < 1 && (C = p === 0 ? /* @__PURE__ */ O(y) : An(w, p, V));
+        let C = m === 0 ? y : 0;
+        b < 1 && (C = m === 0 ? /* @__PURE__ */ O(y) : An(w, m, V));
         const g = Math.abs(C) <= s, x = Math.abs(a - V) <= i;
         o.done = g && x;
       }
       return o.value = o.done ? a : V, o;
     },
     toString: () => {
-      const p = Math.min(st(S), Se), V = Sn((C) => S.next(p * C).value, p, 30);
-      return p + "ms " + V;
+      const m = Math.min(st(S), Se), V = Sn((C) => S.next(m * C).value, m, 30);
+      return m + "ms " + V;
     },
     toTransition: () => {
     }
@@ -592,7 +592,7 @@ function Ie({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   const f = e[0], h = {
     done: !1,
     value: f
-  }, m = (g) => o !== void 0 && g < o || u !== void 0 && g > u, y = (g) => o === void 0 ? u : u === void 0 || Math.abs(o - g) < Math.abs(u - g) ? o : u;
+  }, p = (g) => o !== void 0 && g < o || u !== void 0 && g > u, y = (g) => o === void 0 ? u : u === void 0 || Math.abs(o - g) < Math.abs(u - g) ? o : u;
   let b = n * t;
   const v = f + b, T = a === void 0 ? v : a(v);
   T !== v && (b = T - f);
@@ -600,9 +600,9 @@ function Ie({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     const x = A(g), E = w(g);
     h.done = Math.abs(x) <= c, h.value = h.done ? T : E;
   };
-  let p, V;
+  let m, V;
   const C = (g) => {
-    m(h.value) && (p = g, V = H({
+    p(h.value) && (m = g, V = H({
       keyframes: [h.value, y(h.value)],
       velocity: An(w, g, h.value),
       // TODO: This should be passing * 1000
@@ -616,7 +616,7 @@ function Ie({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (g) => {
       let x = !1;
-      return !V && p === void 0 && (x = !0, S(g), C(g)), p !== void 0 && g >= p ? V.next(g - p) : (!x && S(g), h);
+      return !V && m === void 0 && (x = !0, S(g), C(g)), m !== void 0 && g >= m ? V.next(g - m) : (!x && S(g), h);
     }
   };
 }
@@ -656,7 +656,7 @@ function Mn(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
     const i = /* @__PURE__ */ He(0, t, s);
-    e.push(me(n, 1, i));
+    e.push(pe(n, 1, i));
   }
 }
 function Cn(e) {
@@ -757,7 +757,7 @@ class at extends rt {
     const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: a, resolvedDuration: o, calculatedDuration: u } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: c = 0, keyframes: l, repeat: f, repeatType: h, repeatDelay: m, type: y, onUpdate: b, finalKeyframe: v } = this.options;
+    const { delay: c = 0, keyframes: l, repeat: f, repeatType: h, repeatDelay: p, type: y, onUpdate: b, finalKeyframe: v } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - i / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const T = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), A = this.playbackSpeed >= 0 ? T < 0 : T > i;
     this.currentTime = Math.max(T, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
@@ -765,14 +765,14 @@ class at extends rt {
     if (f) {
       const g = Math.min(this.currentTime, i) / o;
       let x = Math.floor(g), E = g % 1;
-      !E && g >= 1 && (E = 1), E === 1 && x--, x = Math.min(x, f + 1), !!(x % 2) && (h === "reverse" ? (E = 1 - E, m && (E -= m / o)) : h === "mirror" && (S = a)), w = Y(0, 1, E) * o;
+      !E && g >= 1 && (E = 1), E === 1 && x--, x = Math.min(x, f + 1), !!(x % 2) && (h === "reverse" ? (E = 1 - E, p && (E -= p / o)) : h === "mirror" && (S = a)), w = Y(0, 1, E) * o;
     }
-    const p = A ? { done: !1, value: l[0] } : S.next(w);
-    r && (p.value = r(p.value));
-    let { done: V } = p;
+    const m = A ? { done: !1, value: l[0] } : S.next(w);
+    r && (m.value = r(m.value));
+    let { done: V } = m;
     !A && u !== null && (V = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && V);
-    return C && y !== Ie && (p.value = it(l, this.options, v, this.speed)), b && b(p.value), C && this.finish(), p;
+    return C && y !== Ie && (m.value = it(l, this.options, v, this.speed)), b && b(m.value), C && this.finish(), m;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1007,9 +1007,9 @@ class ot {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const pi = (e) => e.startsWith("--");
-function mi(e, t, n) {
-  pi(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const mi = (e) => e.startsWith("--");
+function pi(e, t, n) {
+  mi(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
 const gi = /* @__PURE__ */ Xe(() => window.ScrollTimeline !== void 0), yi = {};
 function bi(e, t) {
@@ -1071,7 +1071,7 @@ class Vi extends rt {
     this.animation = Ti(n, s, i, c, r), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
         const l = it(i, this.options, o, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(l) : mi(n, s, l), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(l) : pi(n, s, l), this.animation.cancel();
       }
       u?.(), this.notifyFinished();
     };
@@ -1251,8 +1251,8 @@ class Pi extends rt {
       motionValue: c,
       element: l,
       ...f
-    }, m = l?.KeyframeResolver || ot;
-    this.keyframeResolver = new m(o, (y, b, v) => this.onKeyframesResolved(y, b, h, !v), u, c, l), this.keyframeResolver?.scheduleResolve();
+    }, p = l?.KeyframeResolver || ot;
+    this.keyframeResolver = new p(o, (y, b, v) => this.onKeyframesResolved(y, b, h, !v), u, c, l), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, i) {
     this.keyframeResolver = void 0;
@@ -1263,11 +1263,11 @@ class Pi extends rt {
       finalKeyframe: n,
       ...s,
       keyframes: t
-    }, m = !c && Fi(h) ? new xi({
+    }, p = !c && Fi(h) ? new xi({
       ...h,
       element: h.motionValue.owner.current
     }) : new at(h);
-    m.finished.then(() => this.notifyFinished()).catch(Z), this.pendingTimeline && (this.stopTimeline = m.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = m;
+    p.finished.then(() => this.notifyFinished()).catch(Z), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1916,7 +1916,7 @@ function Un(e, t, n) {
     if (te.has(u)) {
       a = !0;
       continue;
-    } else if (mn(u)) {
+    } else if (pn(u)) {
       i[u] = c;
       continue;
     } else {
@@ -1961,7 +1961,7 @@ function dr(e, {
   const { attrs: f, style: h } = e;
   f.transform && (h.transform = f.transform, delete f.transform), (h.transform || f.transformOrigin) && (h.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), h.transform && (h.transformBox = l?.transformBox ?? "fill-box", delete f.transformBox), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && hr(f, i, r, a, !1);
 }
-const pr = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+const mr = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function _t(e) {
   const t = [{}, {}];
   return e?.values.forEach((n, s) => {
@@ -1985,7 +1985,7 @@ function Yn(e, t, n) {
     (F(s[r]) || t.style && F(t.style[r]) || ar(r, e) || n?.getValue(r)?.liveStyle !== void 0) && (i[r] = s[r]);
   return i;
 }
-function mr(e, t, n) {
+function pr(e, t, n) {
   const s = Yn(e, t, n);
   for (const i in e)
     if (F(e[i]) || F(t[i])) {
@@ -2079,8 +2079,8 @@ class Xn {
     this.latestValues = u, this.baseTarget = { ...u }, this.initialValues = n.initial ? { ...u } : {}, this.renderState = c, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!r, this.isControllingVariants = _n(n), this.isVariantNode = ir(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: l, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const h in f) {
-      const m = f[h];
-      u[h] !== void 0 && F(m) && m.set(u[h]);
+      const p = f[h];
+      u[h] !== void 0 && F(p) && p.set(u[h]);
     }
   }
   mount(t) {
@@ -2300,7 +2300,7 @@ class xr extends qn {
     if (te.has(n))
       return this.projection?.isProjecting ? Be(n) : li(t, n);
     {
-      const s = Sr(t), i = (mn(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Sr(t), i = (pn(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -2359,7 +2359,7 @@ class Mr extends qn {
     return n = Zn.has(n) ? n : ct(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return mr(t, n, s);
+    return pr(t, n, s);
   }
   build(t, n, s) {
     dr(t, n, this.isSVGTag, s.transformTemplate, s.style);
@@ -2368,7 +2368,7 @@ class Mr extends qn {
     Ar(t, n, s, i);
   }
   mount(t) {
-    this.isSVGTag = pr(t.tagName), super.mount(t);
+    this.isSVGTag = mr(t.tagName), super.mount(t);
   }
 }
 function Cr(e, t, n) {
@@ -2477,21 +2477,21 @@ function Ur(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     const f = e.getValue(l, e.latestValues[l] ?? null), h = o[l];
     if (h === void 0 || c && _r(c, l))
       continue;
-    const m = {
+    const p = {
       delay: n,
       ...In(r || {}, l)
     }, y = f.get();
-    if (y !== void 0 && !f.isAnimating && !Array.isArray(h) && h === y && !m.velocity)
+    if (y !== void 0 && !f.isAnimating && !Array.isArray(h) && h === y && !p.velocity)
       continue;
     let b = !1;
     if (window.MotionHandoffAnimation) {
       const T = Nr(e);
       if (T) {
         const A = window.MotionHandoffAnimation(T, l, B);
-        A !== null && (m.startTime = A, b = !0);
+        A !== null && (p.startTime = A, b = !0);
       }
     }
-    Or(e, l), f.start(Jn(l, f, h, e.shouldReduceMotion && kn.has(l) ? { type: !1 } : m, e, b));
+    Or(e, l), f.start(Jn(l, f, h, e.shouldReduceMotion && kn.has(l) ? { type: !1 } : p, e, b));
     const v = f.animation;
     v && u.push(v);
   }
@@ -2531,7 +2531,7 @@ function qr(e, t, n, s, i, r) {
   for (let a = 0; a < t.length; a++)
     e.push({
       value: t[a],
-      at: me(i, r, s[a]),
+      at: pe(i, r, s[a]),
       easing: fn(n, a)
     });
 }
@@ -2546,8 +2546,8 @@ const Jr = "easeInOut", Qr = 20;
 function ea(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
   const r = t.duration || 0.3, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), u = {}, c = /* @__PURE__ */ new Map();
   let l = 0, f = 0, h = 0;
-  for (let m = 0; m < e.length; m++) {
-    const y = e[m];
+  for (let p = 0; p < e.length; p++) {
+    const y = e[p];
     if (typeof y == "string") {
       c.set(y, f);
       continue;
@@ -2558,19 +2558,19 @@ function ea(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
     let [b, v, T = {}] = y;
     T.at !== void 0 && (f = Yt(f, T.at, l, c));
     let A = 0;
-    const w = (S, p, V, C = 0, g = 0) => {
-      const x = ta(S), { delay: E = 0, times: N = Cn(x), type: xe = "keyframes", repeat: ne, repeatType: pa, repeatDelay: ma = 0, ...ts } = p;
-      let { ease: $ = t.ease || "easeOut", duration: k } = p;
-      const dt = typeof E == "function" ? E(C, g) : E, pt = x.length, mt = lt(xe) ? xe : i?.[xe || "keyframes"];
-      if (pt <= 2 && mt) {
+    const w = (S, m, V, C = 0, g = 0) => {
+      const x = ta(S), { delay: E = 0, times: N = Cn(x), type: xe = "keyframes", repeat: ne, repeatType: ma, repeatDelay: pa = 0, ...ts } = m;
+      let { ease: $ = t.ease || "easeOut", duration: k } = m;
+      const dt = typeof E == "function" ? E(C, g) : E, mt = x.length, pt = lt(xe) ? xe : i?.[xe || "keyframes"];
+      if (mt <= 2 && pt) {
         let se = 100;
-        if (pt === 2 && ia(x)) {
+        if (mt === 2 && ia(x)) {
           const ie = x[1] - x[0];
           se = Math.abs(ie);
         }
         const ge = { ...ts };
         k !== void 0 && (ge.duration = /* @__PURE__ */ O(k));
-        const ye = xn(ge, se, mt);
+        const ye = xn(ge, se, pt);
         $ = ye.ease, k = ye.duration;
       }
       k ?? (k = r);
@@ -2596,23 +2596,23 @@ function ea(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
       const S = zt(b, o);
       w(v, T, Xt("default", S));
     } else {
-      const S = Qn(b, v, s, u), p = S.length;
-      for (let V = 0; V < p; V++) {
+      const S = Qn(b, v, s, u), m = S.length;
+      for (let V = 0; V < m; V++) {
         v = v, T = T;
         const C = S[V], g = zt(C, o);
         for (const x in v)
-          w(v[x], na(T, x), Xt(x, g), V, p);
+          w(v[x], na(T, x), Xt(x, g), V, m);
       }
     }
     l = f, f += A;
   }
-  return o.forEach((m, y) => {
-    for (const b in m) {
-      const v = m[b];
+  return o.forEach((p, y) => {
+    for (const b in p) {
+      const v = p[b];
       v.sort(Zr);
       const T = [], A = [], w = [];
-      for (let p = 0; p < v.length; p++) {
-        const { at: V, value: C, easing: g } = v[p];
+      for (let m = 0; m < v.length; m++) {
+        const { at: V, value: C, easing: g } = v[m];
         T.push(C), A.push(/* @__PURE__ */ He(0, h, V)), w.push(g || "easeOut");
       }
       A[0] !== 0 && (A.unshift(0), T.unshift(T[0]), w.unshift(Jr)), A[A.length - 1] !== 1 && (A.push(1), T.push(null)), a.has(y) || a.set(y, {
@@ -2773,16 +2773,16 @@ const Da = ({
   showCloseButton: r = !0,
   ...a
 }) => {
-  const { open: o, isDesktop: u, onOpenChange: c } = ss(), [l, f] = os(), [h, m] = da();
+  const { open: o, isDesktop: u, onOpenChange: c } = ss(), [l, f] = os(), [h, p] = da();
   return qt(() => {
-    o && l ? (async () => await m(
+    o && l ? (async () => await p(
       h.current,
       {
         opacity: [0, 1],
         scale: [0, 1]
       },
       { type: H, bounce: 0.4, duration: 0.8 }
-    ))() : (async () => (await m(
+    ))() : (async () => (await p(
       h.current,
       {
         opacity: 0,
@@ -2790,7 +2790,7 @@ const Da = ({
       },
       { duration: 0.4 }
     ), f && f()))();
-  }, [m, o, l, f, h]), u ? /* @__PURE__ */ W(
+  }, [p, o, l, f, h]), u ? /* @__PURE__ */ W(
     ns,
     {
       "data-slot": "responsive-popover-drawer-content",
@@ -2802,7 +2802,7 @@ const Da = ({
         "div",
         {
           className: Vt(
-            "origin-(--radix-popover-content-transform-origin) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",
+            "mds:origin-(--radix-popover-content-transform-origin) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
             s
           ),
           ref: h,
@@ -2814,14 +2814,14 @@ const Da = ({
     Ae.Content,
     {
       "data-slot": "responsive-popover-drawer-content",
-      className: "group/drawer-content w-full fixed left-0 bottom-0 z-100   overflow-hidden",
+      className: "mds:group/drawer-content mds:w-full mds:fixed mds:left-0 mds:bottom-0 mds:z-100   mds:overflow-hidden",
       ...a,
       children: [
         /* @__PURE__ */ Tt(
           "div",
           {
             className: Vt(
-              "m-20 flex h-auto flex-col p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",
+              "mds:m-20 mds:flex mds:h-auto mds:flex-col mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
               s
             ),
             ref: h,

package/dist/mainstack-design-system612.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./clsx-C11secjj.cjs");const e=require("./utils-FBJ8OQ9f.cjs");require("./index-C7rXc8w3.cjs");require("./mainstack-design-system571.cjs");exports.cn=e.cn;exports.formatFileSize=e.formatFileSize;exports.formatPriceDigit=e.formatPriceDigit;exports.generateImageFilePreview=e.generateImageFilePreview;exports.getClosestAncestorExcludingSelf=e.getClosestAncestorExcludingSelf;exports.getColorsToken=e.getColorsToken;exports.getDefaultDateRangeMenuAction=e.getDefaultDateRangeMenuAction;exports.getFileMetadata=e.getFileMetadata;exports.getPhoneNumberDigitMetadataValueObject=e.getPhoneNumberDigitMetadataValueObject;exports.getPriceDigitMetadataValueObject=e.getPriceDigitMetadataValueObject;exports.getThemeTokens=e.getThemeTokens;exports.sanitizeNumberInputValue=e.sanitizeNumberInputValue;exports.sanitizePriceInputValue=e.sanitizePriceInputValue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./clsx-C11secjj.cjs");const e=require("./utils-KlkRDGof.cjs");require("./index-C7rXc8w3.cjs");require("./mainstack-design-system571.cjs");exports.cn=e.cn;exports.formatFileSize=e.formatFileSize;exports.formatPriceDigit=e.formatPriceDigit;exports.generateImageFilePreview=e.generateImageFilePreview;exports.getClosestAncestorExcludingSelf=e.getClosestAncestorExcludingSelf;exports.getColorsToken=e.getColorsToken;exports.getDefaultDateRangeMenuAction=e.getDefaultDateRangeMenuAction;exports.getFileMetadata=e.getFileMetadata;exports.getPhoneNumberDigitMetadataValueObject=e.getPhoneNumberDigitMetadataValueObject;exports.getPriceDigitMetadataValueObject=e.getPriceDigitMetadataValueObject;exports.getThemeTokens=e.getThemeTokens;exports.sanitizeNumberInputValue=e.sanitizeNumberInputValue;exports.sanitizePriceInputValue=e.sanitizePriceInputValue;

package/dist/mainstack-design-system612.js

@@ -1,5 +1,5 @@
 import "./clsx-OuTLNxxd.js";
-import { c as r, q as g, f as o, g as n, p as l, r as u, h as c, a as m, d as p, e as f, u as b, s as d, b as D } from "./utils-DnnzGb1L.js";
+import { c as r, q as g, f as o, g as n, p as l, r as u, h as c, a as m, d as p, e as f, u as b, s as d, b as D } from "./utils-Opg_zrKx.js";
 import "./index-BQdKkfuK.js";
 import "./mainstack-design-system571.js";
 export {

package/dist/mainstack-design-system613.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./mainstack-design-system355.cjs");require("./mainstack-design-system66.cjs");require("./mainstack-design-system69.cjs");require("./mainstack-design-system103.cjs");require("./mainstack-design-system104.cjs");require("react");require("./player-BKifgSJo.cjs");require("./utils-FBJ8OQ9f.cjs");const e=require("./DayPickerExtended-DNqwrYF1.cjs");exports.DayPickerExtended=e.DayPickerExtended;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./mainstack-design-system355.cjs");require("./mainstack-design-system66.cjs");require("./mainstack-design-system69.cjs");require("./mainstack-design-system103.cjs");require("./mainstack-design-system104.cjs");require("react");require("./player-BKifgSJo.cjs");require("./utils-KlkRDGof.cjs");const e=require("./DayPickerExtended-DV1NlJoN.cjs");exports.DayPickerExtended=e.DayPickerExtended;

package/dist/mainstack-design-system613.js

@@ -6,8 +6,8 @@ import "./mainstack-design-system103.js";
 import "./mainstack-design-system104.js";
 import "react";
 import "./player-DSenNqFV.js";
-import "./utils-DnnzGb1L.js";
-import { D as c } from "./DayPickerExtended-C1hsWVH0.js";
+import "./utils-Opg_zrKx.js";
+import { D as c } from "./DayPickerExtended-DDXNs0_e.js";
 export {
   c as DayPickerExtended
 };