@dss-kit/ui-kit 0.1.9 → 0.1.10

package/dist/ui-kit.es.js

@@ -1,7 +1,7 @@
 import { jsx as b, jsxs as R, Fragment as Ae } from "react/jsx-runtime";
 import { css as H, cx as O } from "@emotion/css";
 import * as E from "react";
-import { forwardRef as ot, useMemo as j, useRef as W, useState as pt, useCallback as mt, useImperativeHandle as Ve, useEffect as ht, useLayoutEffect as Ls, createContext as Ut, useId as Cn, useContext as X, useInsertionEffect as Os, Children as Bs, isValidElement as Mo, Fragment as Is, createElement as Eo, Component as Ao } from "react";
+import { forwardRef as ot, useMemo as j, useRef as W, useState as gt, useCallback as pt, useImperativeHandle as Ve, useEffect as ht, useLayoutEffect as Ls, createContext as Ut, useId as Cn, useContext as X, useInsertionEffect as Os, Children as Is, isValidElement as Mo, Fragment as Bs, createElement as Eo, Component as Ao } from "react";
 import { createPortal as Vo, flushSync as Do } from "react-dom";
 function ko(t) {
   const {
@@ -117,7 +117,7 @@ const Ns = (t) => /* @__PURE__ */ E.createElement("svg", { width: 24, height: 24
 function Lo(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Be = { exports: {} };
+var Ie = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -154,13 +154,13 @@ function Oo() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Be)), Be.exports;
+  })(Ie)), Ie.exports;
 }
-var Bo = Oo();
-const Mt = /* @__PURE__ */ Lo(Bo), Io = "_rippleOverlay_s2kim_8", No = "_ripple_s2kim_8", ui = {
-  rippleOverlay: Io,
+var Io = Oo();
+const Mt = /* @__PURE__ */ Lo(Io), Bo = "_rippleOverlay_s2kim_8", No = "_ripple_s2kim_8", ui = {
+  rippleOverlay: Bo,
   ripple: No
-}, Ie = "button, a, input, label, [role='button'], [data-ripple']";
+}, Be = "button, a, input, label, [role='button'], [data-ripple']";
 function Fo(t) {
   if (typeof t.composedPath == "function") return t.composedPath();
   const e = [];
@@ -171,12 +171,12 @@ function Fo(t) {
 }
 const De = ot(
   ({ color: t = "rgba(0,0,0,0.18)", duration: e = 1e3, radius: n = "auto", className: i }, s) => {
-    const o = W(null), [r, a] = pt([]), l = W([]), u = W(1), c = W(null), h = () => {
+    const o = W(null), [r, a] = gt([]), l = W([]), u = W(1), c = W(null), h = () => {
       l.current.forEach((m) => clearTimeout(m)), l.current = [];
-    }, d = mt(
+    }, d = pt(
       (m, y, v, x) => {
-        const p = v.getBoundingClientRect(), w = n === "auto" ? Math.max(p.width, p.height) * 2 : n, _ = m - x.left, C = y - x.top, S = Math.max(0, p.top - x.top), T = Math.max(0, p.left - x.left), A = Math.max(0, x.right - p.right), V = Math.max(0, x.bottom - p.bottom), dt = window.getComputedStyle(v).borderRadius || "0px", Ct = u.current++, xt = {
-          id: Ct,
+        const p = v.getBoundingClientRect(), w = n === "auto" ? Math.max(p.width, p.height) * 2 : n, _ = m - x.left, C = y - x.top, S = Math.max(0, p.top - x.top), T = Math.max(0, p.left - x.left), A = Math.max(0, x.right - p.right), V = Math.max(0, x.bottom - p.bottom), dt = window.getComputedStyle(v).borderRadius || "0px", ft = u.current++, bt = {
+          id: ft,
           left: _ - w / 2,
           top: C - w / 2,
           size: Math.ceil(w),
@@ -188,14 +188,14 @@ const De = ot(
           },
           borderRadius: dt
         };
-        a((Rt) => [...Rt, xt]);
+        a((Rt) => [...Rt, bt]);
         const kt = window.setTimeout(() => {
-          a((Rt) => Rt.filter((F) => F.id !== Ct));
+          a((Rt) => Rt.filter((F) => F.id !== ft));
         }, e + 80);
         l.current.push(kt);
       },
       [e, n]
-    ), f = mt(
+    ), f = pt(
       (m) => {
         try {
           if (!o.current) return;
@@ -206,7 +206,7 @@ const De = ot(
           for (const T of x)
             if (T instanceof Element) {
               if (T === v) break;
-              if (T.matches && T.matches(Ie)) {
+              if (T.matches && T.matches(Be)) {
                 p = T;
                 break;
               }
@@ -222,14 +222,14 @@ const De = ot(
         }
       },
       [d]
-    ), g = mt(
+    ), g = pt(
       (m) => {
         if (!o.current || !(m.key === "Enter" || m.key === " ")) return;
         const y = o.current, v = y.parentElement;
         if (!v) return;
         const x = document.activeElement;
         let p = null;
-        if (x instanceof Element && x.matches(Ie) && (p = x), p || (p = v), p.closest && (p.closest("[disabled]") || p.getAttribute("aria-disabled") === "true"))
+        if (x instanceof Element && x.matches(Be) && (p = x), p || (p = v), p.closest && (p.closest("[disabled]") || p.getAttribute("aria-disabled") === "true"))
           return;
         const w = y.getBoundingClientRect(), _ = p.getBoundingClientRect().left + p.getBoundingClientRect().width / 2, C = p.getBoundingClientRect().top + p.getBoundingClientRect().height / 2;
         d(_, C, p, w);
@@ -244,7 +244,7 @@ const De = ot(
           if (!x) return;
           const p = x.parentElement;
           if (!p) return;
-          const w = x.getBoundingClientRect(), _ = document.activeElement instanceof Element && document.activeElement.matches(Ie) ? document.activeElement : p, C = m ? _.getBoundingClientRect().left + _.getBoundingClientRect().width / 2 : y ?? w.left + w.width / 2, S = m ? _.getBoundingClientRect().top + _.getBoundingClientRect().height / 2 : v ?? w.top + w.height / 2;
+          const w = x.getBoundingClientRect(), _ = document.activeElement instanceof Element && document.activeElement.matches(Be) ? document.activeElement : p, C = m ? _.getBoundingClientRect().left + _.getBoundingClientRect().width / 2 : y ?? w.left + w.width / 2, S = m ? _.getBoundingClientRect().top + _.getBoundingClientRect().height / 2 : v ?? w.top + w.height / 2;
           d(C, S, _, w);
         }
       }),
@@ -286,7 +286,7 @@ const De = ot(
   }
 );
 function Sn(t, e) {
-  const { current: n } = W(t !== void 0), [i, s] = pt(e), o = n ? t : i, r = mt(
+  const { current: n } = W(t !== void 0), [i, s] = gt(e), o = n ? t : i, r = pt(
     (a) => {
       n || s(a);
     },
@@ -295,7 +295,7 @@ function Sn(t, e) {
   return [o, r];
 }
 const zo = (t, e) => {
-  const [n, i] = pt({ top: 0, left: 0, width: 0 });
+  const [n, i] = gt({ top: 0, left: 0, width: 0 });
   return Ls(() => {
     if (!e || !t.current) return;
     const s = () => {
@@ -393,7 +393,7 @@ const Zo = "_overlay_1udux_8", Jo = "_open_1udux_21", Qo = "_modal_1udux_25", ta
         };
       }
     }, [t, a]);
-    const h = mt(
+    const h = pt(
       (f) => {
         f.key === "Escape" && e && e();
       },
@@ -403,7 +403,7 @@ const Zo = "_overlay_1udux_8", Jo = "_open_1udux_21", Qo = "_modal_1udux_25", ta
       if (typeof window < "u" && typeof document < "u" && r && t)
         return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
     }, [t, r, h]);
-    const d = mt(
+    const d = pt(
       (f) => {
         f.target === f.currentTarget && o && e && e();
       },
@@ -457,20 +457,20 @@ function Dn(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-const gt = (t, e, n) => n > e ? e : n < t ? t : n;
+const yt = (t, e, n) => n > e ? e : n < t ? t : n;
 function en(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let Kt = () => {
-}, yt = () => {
+}, vt = () => {
 };
 process.env.NODE_ENV !== "production" && (Kt = (t, e, n) => {
   !t && typeof console < "u" && console.warn(en(e, n));
-}, yt = (t, e, n) => {
+}, vt = (t, e, n) => {
   if (!t)
     throw new Error(en(e, n));
 });
-const vt = {}, $s = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+const xt = {}, $s = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 function Ws(t) {
   return typeof t == "object" && t !== null;
 }
@@ -531,12 +531,12 @@ function ue(t, e, n, i) {
   const s = (o) => aa(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : Hs(s(o), e, i);
 }
-const Gs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Xs = (t) => (e) => 1 - t(1 - e), Ys = /* @__PURE__ */ ue(0.33, 1.53, 0.69, 0.99), On = /* @__PURE__ */ Xs(Ys), qs = /* @__PURE__ */ Gs(On), Zs = (t) => (t *= 2) < 1 ? 0.5 * On(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Bn = (t) => 1 - Math.sin(Math.acos(t)), Js = Xs(Bn), Qs = Gs(Bn), la = /* @__PURE__ */ ue(0.42, 0, 1, 1), ca = /* @__PURE__ */ ue(0, 0, 0.58, 1), tr = /* @__PURE__ */ ue(0.42, 0, 0.58, 1), ua = (t) => Array.isArray(t) && typeof t[0] != "number", er = (t) => Array.isArray(t) && typeof t[0] == "number", di = {
+const Gs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Xs = (t) => (e) => 1 - t(1 - e), Ys = /* @__PURE__ */ ue(0.33, 1.53, 0.69, 0.99), On = /* @__PURE__ */ Xs(Ys), qs = /* @__PURE__ */ Gs(On), Zs = (t) => (t *= 2) < 1 ? 0.5 * On(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), In = (t) => 1 - Math.sin(Math.acos(t)), Js = Xs(In), Qs = Gs(In), la = /* @__PURE__ */ ue(0.42, 0, 1, 1), ca = /* @__PURE__ */ ue(0, 0, 0.58, 1), tr = /* @__PURE__ */ ue(0.42, 0, 0.58, 1), ua = (t) => Array.isArray(t) && typeof t[0] != "number", er = (t) => Array.isArray(t) && typeof t[0] == "number", di = {
   linear: rt,
   easeIn: la,
   easeInOut: tr,
   easeOut: ca,
-  circIn: Bn,
+  circIn: In,
   circInOut: Qs,
   circOut: Js,
   backIn: On,
@@ -545,11 +545,11 @@ const Gs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Xs
   anticipate: Zs
 }, ha = (t) => typeof t == "string", fi = (t) => {
   if (er(t)) {
-    yt(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    vt(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, i, s] = t;
     return ue(e, n, i, s);
   } else if (ha(t))
-    return yt(di[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), di[t];
+    return vt(di[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), di[t];
   return t;
 }, me = [
   "setup",
@@ -615,8 +615,8 @@ function nr(t, e) {
     timestamp: 0,
     isProcessing: !1
   }, o = () => n = !0, r = me.reduce((p, w) => (p[w] = da(o), p), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: d, render: f, postRender: g } = r, m = () => {
-    const p = vt.useManualTiming ? s.timestamp : performance.now();
-    n = !1, vt.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(p - s.timestamp, fa), 1)), s.timestamp = p, s.isProcessing = !0, a.process(s), l.process(s), u.process(s), c.process(s), h.process(s), d.process(s), f.process(s), g.process(s), s.isProcessing = !1, n && e && (i = !1, t(m));
+    const p = xt.useManualTiming ? s.timestamp : performance.now();
+    n = !1, xt.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(p - s.timestamp, fa), 1)), s.timestamp = p, s.isProcessing = !0, a.process(s), l.process(s), u.process(s), c.process(s), h.process(s), d.process(s), f.process(s), g.process(s), s.isProcessing = !1, n && e && (i = !1, t(m));
   }, y = () => {
     n = !0, i = !0, s.isProcessing || t(m);
   };
@@ -628,23 +628,23 @@ function nr(t, e) {
       r[me[w]].cancel(p);
   }, state: s, steps: r };
 }
-const { schedule: B, cancel: wt, state: K, steps: Fe } = /* @__PURE__ */ nr(typeof requestAnimationFrame < "u" ? requestAnimationFrame : rt, !0);
+const { schedule: I, cancel: _t, state: K, steps: Fe } = /* @__PURE__ */ nr(typeof requestAnimationFrame < "u" ? requestAnimationFrame : rt, !0);
 let xe;
 function ma() {
   xe = void 0;
 }
 const Q = {
-  now: () => (xe === void 0 && Q.set(K.isProcessing || vt.useManualTiming ? K.timestamp : performance.now()), xe),
+  now: () => (xe === void 0 && Q.set(K.isProcessing || xt.useManualTiming ? K.timestamp : performance.now()), xe),
   set: (t) => {
     xe = t, queueMicrotask(ma);
   }
-}, ir = (t) => (e) => typeof e == "string" && e.startsWith(t), In = /* @__PURE__ */ ir("--"), pa = /* @__PURE__ */ ir("var(--"), Nn = (t) => pa(t) ? ga.test(t.split("/*")[0].trim()) : !1, ga = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Ht = {
+}, ir = (t) => (e) => typeof e == "string" && e.startsWith(t), Bn = /* @__PURE__ */ ir("--"), pa = /* @__PURE__ */ ir("var(--"), Nn = (t) => pa(t) ? ga.test(t.split("/*")[0].trim()) : !1, ga = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Ht = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
 }, se = {
   ...Ht,
-  transform: (t) => gt(0, 1, t)
+  transform: (t) => yt(0, 1, t)
 }, pe = {
   ...Ht,
   default: 1
@@ -662,7 +662,7 @@ const va = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, xa = (t) => gt(0, 255, t), ze = {
+}, xa = (t) => yt(0, 255, t), ze = {
   ...Ht,
   transform: (t) => Math.round(xa(t))
 }, Et = {
@@ -687,7 +687,7 @@ const nn = {
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), bt = /* @__PURE__ */ he("deg"), ut = /* @__PURE__ */ he("%"), P = /* @__PURE__ */ he("px"), wa = /* @__PURE__ */ he("vh"), _a = /* @__PURE__ */ he("vw"), mi = {
+}), wt = /* @__PURE__ */ he("deg"), ut = /* @__PURE__ */ he("%"), P = /* @__PURE__ */ he("px"), wa = /* @__PURE__ */ he("vh"), _a = /* @__PURE__ */ he("vw"), mi = {
   ...ut,
   parse: (t) => ut.parse(t) / 100,
   transform: (t) => ut.transform(t * 100)
@@ -738,7 +738,7 @@ function Aa(t) {
   const e = ar(t);
   return lr(t)(e.map(Ea));
 }
-const _t = {
+const Tt = {
   test: Ca,
   parse: ar,
   createTransformer: lr,
@@ -791,7 +791,7 @@ function La(t, e) {
   return (n) => N(t, e, n);
 }
 function jn(t) {
-  return typeof t == "number" ? La : typeof t == "string" ? Nn(t) ? Ce : $.test(t) ? yi : Ia : Array.isArray(t) ? cr : typeof t == "object" ? $.test(t) ? yi : Oa : Ce;
+  return typeof t == "number" ? La : typeof t == "string" ? Nn(t) ? Ce : $.test(t) ? yi : Ba : Array.isArray(t) ? cr : typeof t == "object" ? $.test(t) ? yi : Oa : Ce;
 }
 function cr(t, e) {
   const n = [...t], i = n.length, s = t.map((o, r) => jn(o)(o, e[r]));
@@ -811,7 +811,7 @@ function Oa(t, e) {
     return n;
   };
 }
-function Ba(t, e) {
+function Ia(t, e) {
   const n = [], i = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < e.values.length; s++) {
     const o = e.types[s], r = t.indexes[o][i[o]], a = t.values[r] ?? 0;
@@ -819,9 +819,9 @@ function Ba(t, e) {
   }
   return n;
 }
-const Ia = (t, e) => {
-  const n = _t.createTransformer(e), i = re(t), s = re(e);
-  return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? sn.has(t) && !s.values.length || sn.has(e) && !i.values.length ? Ra(t, e) : ce(cr(Ba(i, s), s.values), n) : (Kt(!0, `Complex values '${t}' and '${e}' 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"), Ce(t, e));
+const Ba = (t, e) => {
+  const n = Tt.createTransformer(e), i = re(t), s = re(e);
+  return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? sn.has(t) && !s.values.length || sn.has(e) && !i.values.length ? Ra(t, e) : ce(cr(Ia(i, s), s.values), n) : (Kt(!0, `Complex values '${t}' and '${e}' 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"), Ce(t, e));
 };
 function ur(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? N(t, e, n) : jn(t)(t, e);
@@ -829,8 +829,8 @@ function ur(t, e, n) {
 const Na = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
-    start: (n = !0) => B.update(e, n),
-    stop: () => wt(e),
+    start: (n = !0) => I.update(e, n),
+    stop: () => _t(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
@@ -865,7 +865,7 @@ function dr(t, e, n) {
   const i = Math.max(e - za, 0);
   return Ks(n - t(i), e - i);
 }
-const I = {
+const B = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -894,11 +894,11 @@ const I = {
   minDamping: 0.05,
   maxDamping: 1
 }, We = 1e-3;
-function ja({ duration: t = I.duration, bounce: e = I.bounce, velocity: n = I.velocity, mass: i = I.mass }) {
+function ja({ duration: t = B.duration, bounce: e = B.bounce, velocity: n = B.velocity, mass: i = B.mass }) {
   let s, o;
-  Kt(t <= /* @__PURE__ */ ct(I.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Kt(t <= /* @__PURE__ */ ct(B.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
-  r = gt(I.minDamping, I.maxDamping, r), t = gt(I.minDuration, I.maxDuration, /* @__PURE__ */ st(t)), r < 1 ? (s = (u) => {
+  r = yt(B.minDamping, B.maxDamping, r), t = yt(B.minDuration, B.maxDuration, /* @__PURE__ */ st(t)), r < 1 ? (s = (u) => {
     const c = u * r, h = c * t, d = c - n, f = rn(u, r), g = Math.exp(-h);
     return We - d / f * g;
   }, o = (u) => {
@@ -914,8 +914,8 @@ function ja({ duration: t = I.duration, bounce: e = I.bounce, velocity: n = I.ve
   const a = 5 / t, l = Wa(s, o, a);
   if (t = /* @__PURE__ */ ct(t), isNaN(l))
     return {
-      stiffness: I.stiffness,
-      damping: I.damping,
+      stiffness: B.stiffness,
+      damping: B.damping,
       duration: t
     };
   {
@@ -943,19 +943,19 @@ function vi(t, e) {
 }
 function Ha(t) {
   let e = {
-    velocity: I.velocity,
-    stiffness: I.stiffness,
-    damping: I.damping,
-    mass: I.mass,
+    velocity: B.velocity,
+    stiffness: B.stiffness,
+    damping: B.damping,
+    mass: B.mass,
     isResolvedFromDuration: !1,
     ...t
   };
   if (!vi(t, Ka) && vi(t, Ua))
     if (t.visualDuration) {
-      const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, o = 2 * gt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
+      const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, o = 2 * yt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = {
         ...e,
-        mass: I.mass,
+        mass: B.mass,
         stiffness: s,
         damping: o
       };
@@ -964,12 +964,12 @@ function Ha(t) {
       e = {
         ...e,
         ...n,
-        mass: I.mass
+        mass: B.mass
       }, e.isResolvedFromDuration = !0;
     }
   return e;
 }
-function Pe(t = I.visualDuration, e = I.bounce) {
+function Pe(t = B.visualDuration, e = B.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -980,7 +980,7 @@ function Pe(t = I.visualDuration, e = I.bounce) {
     ...n,
     velocity: -/* @__PURE__ */ st(n.velocity || 0)
   }), g = d || 0, m = u / (2 * Math.sqrt(l * c)), y = r - o, v = /* @__PURE__ */ st(Math.sqrt(l / c)), x = Math.abs(y) < 5;
-  i || (i = x ? I.restSpeed.granular : I.restSpeed.default), s || (s = x ? I.restDelta.granular : I.restDelta.default);
+  i || (i = x ? B.restSpeed.granular : B.restSpeed.default), s || (s = x ? B.restDelta.granular : B.restDelta.default);
   let p;
   if (m < 1) {
     const _ = rn(v, m);
@@ -1057,7 +1057,7 @@ function on({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   };
 }
 function Ga(t, e, n) {
-  const i = [], s = n || vt.mix || ur, o = t.length - 1;
+  const i = [], s = n || xt.mix || ur, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = s(t[r], t[r + 1]);
     if (e) {
@@ -1070,7 +1070,7 @@ function Ga(t, e, n) {
 }
 function Xa(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
   const o = t.length;
-  if (yt(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
+  if (vt(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => e[0];
   if (o === 2 && e[0] === e[1])
     return () => e[1];
@@ -1086,7 +1086,7 @@ function Xa(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
     const d = /* @__PURE__ */ ie(t[h], t[h + 1], c);
     return a[h](d);
   };
-  return n ? (c) => u(gt(t[0], t[o - 1], c)) : u;
+  return n ? (c) => u(yt(t[0], t[o - 1], c)) : u;
 }
 function Ya(t, e) {
   const n = t[t.length - 1];
@@ -1105,7 +1105,7 @@ function Za(t, e) {
 function Ja(t, e) {
   return t.map(() => e || tr).splice(0, t.length - 1);
 }
-function Bt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
+function It({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
   const s = ua(i) ? i.map(fi) : fi(i), o = {
     done: !1,
     value: e[0]
@@ -1130,8 +1130,8 @@ function Wn(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
 const tl = {
   decay: on,
   inertia: on,
-  tween: Bt,
-  keyframes: Bt,
+  tween: It,
+  keyframes: It,
   spring: Pe
 };
 function fr(t) {
@@ -1172,10 +1172,10 @@ class Kn extends Un {
   initAnimation() {
     const { options: e } = this;
     fr(e);
-    const { type: n = Bt, repeat: i = 0, repeatDelay: s = 0, repeatType: o, velocity: r = 0 } = e;
+    const { type: n = It, repeat: i = 0, repeatDelay: s = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
-    const l = n || Bt;
-    process.env.NODE_ENV !== "production" && l !== Bt && yt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Bt && typeof a[0] != "number" && (this.mixKeyframes = ce(el, ur(a[0], a[1])), a = [0, 100]);
+    const l = n || It;
+    process.env.NODE_ENV !== "production" && l !== It && vt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== It && typeof a[0] != "number" && (this.mixKeyframes = ce(el, ur(a[0], a[1])), a = [0, 100]);
     const u = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -1201,7 +1201,7 @@ class Kn extends Un {
     if (h) {
       const T = Math.min(this.currentTime, s) / a;
       let A = Math.floor(T), V = T % 1;
-      !V && T >= 1 && (V = 1), V === 1 && A--, A = Math.min(A, h + 1), !!(A % 2) && (d === "reverse" ? (V = 1 - V, f && (V -= f / a)) : d === "mirror" && (w = r)), p = gt(0, 1, V) * a;
+      !V && T >= 1 && (V = 1), V === 1 && A--, A = Math.min(A, h + 1), !!(A % 2) && (d === "reverse" ? (V = 1 - V, f && (V -= f / a)) : d === "mirror" && (w = r)), p = yt(0, 1, V) * a;
     }
     const _ = x ? { done: !1, value: c[0] } : w.next(p);
     o && (_.value = o(_.value));
@@ -1409,7 +1409,7 @@ class Hn {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = i, this.motionValue = s, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Dt.add(this), hn || (hn = !0, B.read(pr), B.resolveKeyframes(mr))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Dt.add(this), hn || (hn = !0, I.read(pr), I.resolveKeyframes(mr))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: i, motionValue: s } = this;
@@ -1502,7 +1502,7 @@ class vl extends Un {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: n, name: i, keyframes: s, pseudoElement: o, allowFlatten: r = !1, finalKeyframe: a, onComplete: l } = e;
-    this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, yt(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, vt(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
     const u = yl(e);
     this.animation = gl(n, i, s, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
@@ -1629,7 +1629,7 @@ class wl extends vl {
   }
 }
 const Si = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(_t.test(t) || t === "0") && // And it contains numbers and/or colors
+(Tt.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function _l(t) {
   const e = t[0];
@@ -1693,7 +1693,7 @@ class El extends Un {
   onKeyframesResolved(e, n, i, s) {
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: u, onUpdate: c } = i;
-    this.resolvedAt = Q.now(), Tl(e, o, r, a) || ((vt.instantAnimations || !l) && c?.(Wn(e, i, n)), e[0] = e[e.length - 1], mn(i), i.repeat = 0);
+    this.resolvedAt = Q.now(), Tl(e, o, r, a) || ((xt.instantAnimations || !l) && c?.(Wn(e, i, n)), e[0] = e[e.length - 1], mn(i), i.repeat = 0);
     const d = {
       startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ml ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1768,7 +1768,7 @@ function Vl(t) {
 }
 const Dl = 4;
 function br(t, e, n = 1) {
-  yt(n <= Dl, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  vt(n <= Dl, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [i, s] = Vl(t);
   if (!i)
     return;
@@ -1793,7 +1793,7 @@ const wr = /* @__PURE__ */ new Set([
 ]), kl = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, _r = (t) => (e) => e.test(t), Tr = [Ht, P, ut, bt, _a, wa, kl], Pi = (t) => Tr.find(_r(t));
+}, _r = (t) => (e) => e.test(t), Tr = [Ht, P, ut, wt, _a, wa, kl], Pi = (t) => Tr.find(_r(t));
 function Rl(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Us(t) : !0;
 }
@@ -1809,27 +1809,27 @@ function Ol(t) {
   let o = Ll.has(e) ? 1 : 0;
   return i !== n && (o *= 100), e + "(" + o + s + ")";
 }
-const Bl = /\b([a-z-]*)\(.*?\)/gu, pn = {
-  ..._t,
+const Il = /\b([a-z-]*)\(.*?\)/gu, pn = {
+  ...Tt,
   getAnimatableNone: (t) => {
-    const e = t.match(Bl);
+    const e = t.match(Il);
     return e ? e.map(Ol).join(" ") : t;
   }
 }, Mi = {
   ...Ht,
   transform: Math.round
-}, Il = {
-  rotate: bt,
-  rotateX: bt,
-  rotateY: bt,
-  rotateZ: bt,
+}, Bl = {
+  rotate: wt,
+  rotateX: wt,
+  rotateY: wt,
+  rotateZ: wt,
   scale: pe,
   scaleX: pe,
   scaleY: pe,
   scaleZ: pe,
-  skew: bt,
-  skewX: bt,
-  skewY: bt,
+  skew: wt,
+  skewX: wt,
+  skewY: wt,
   distance: P,
   translateX: P,
   translateY: P,
@@ -1879,7 +1879,7 @@ const Bl = /\b([a-z-]*)\(.*?\)/gu, pn = {
   // Misc
   backgroundPositionX: P,
   backgroundPositionY: P,
-  ...Il,
+  ...Bl,
   zIndex: Mi,
   // SVG
   fillOpacity: se,
@@ -1904,7 +1904,7 @@ const Bl = /\b([a-z-]*)\(.*?\)/gu, pn = {
 }, Cr = (t) => Nl[t];
 function Sr(t, e) {
   let n = Cr(t);
-  return n !== pn && (n = _t), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  return n !== pn && (n = Tt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Fl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function zl(t, e, n) {
@@ -2053,7 +2053,7 @@ class Ul {
     this.events[e] || (this.events[e] = new Rn());
     const i = this.events[e].add(n);
     return e === "change" ? () => {
-      i(), B.read(() => {
+      i(), I.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : i;
@@ -2290,7 +2290,7 @@ function Dr(t) {
 function Zl(t) {
   return Dr(t) && t.tagName === "svg";
 }
-const Y = (t) => !!(t && t.getVelocity), Jl = [...Tr, $, _t], Ql = (t) => Jl.find(_r(t)), Zn = Ut({
+const Y = (t) => !!(t && t.getVelocity), Jl = [...Tr, $, Tt], Ql = (t) => Jl.find(_r(t)), Zn = Ut({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -2401,18 +2401,18 @@ function kr(t = !0) {
     if (t)
       return s(o);
   }, [t]);
-  const r = mt(() => t && i && i(o), [o, i, t]);
+  const r = pt(() => t && i && i(o), [o, i, t]);
   return !n && i ? [!1, r] : [!0];
 }
 const ge = (t) => t.key || "";
 function Ri(t) {
   const e = [];
-  return Bs.forEach(t, (n) => {
+  return Is.forEach(t, (n) => {
     Mo(n) && e.push(n);
   }), e;
 }
 const oc = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", root: l }) => {
-  const [u, c] = kr(r), h = j(() => Ri(t), [t]), d = r && !u ? [] : h.map(ge), f = W(!0), g = W(h), m = En(() => /* @__PURE__ */ new Map()), [y, v] = pt(h), [x, p] = pt(h);
+  const [u, c] = kr(r), h = j(() => Ri(t), [t]), d = r && !u ? [] : h.map(ge), f = W(!0), g = W(h), m = En(() => /* @__PURE__ */ new Map()), [y, v] = gt(h), [x, p] = gt(h);
   js(() => {
     f.current = !1, g.current = h;
     for (let C = 0; C < x.length; C++) {
@@ -2567,9 +2567,9 @@ function Oi(t) {
 const ae = {};
 function fc(t) {
   for (const e in t)
-    ae[e] = t[e], In(e) && (ae[e].isCSSVariable = !0);
+    ae[e] = t[e], Bn(e) && (ae[e].isCSSVariable = !0);
 }
-function Br(t, { layout: e, layoutId: n }) {
+function Ir(t, { layout: e, layoutId: n }) {
   return Xt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ae[t] || t === "opacity");
 }
 const mc = {
@@ -2605,7 +2605,7 @@ function ti(t, e, n) {
     if (Xt.has(l)) {
       r = !0;
       continue;
-    } else if (In(l)) {
+    } else if (Bn(l)) {
       s[l] = u;
       continue;
     } else {
@@ -2624,9 +2624,9 @@ const ei = () => ({
   transformOrigin: {},
   vars: {}
 });
-function Ir(t, e, n) {
+function Br(t, e, n) {
   for (const i in e)
-    !Y(e[i]) && !Br(i, n) && (t[i] = e[i]);
+    !Y(e[i]) && !Ir(i, n) && (t[i] = e[i]);
 }
 function yc({ transformTemplate: t }, e) {
   return j(() => {
@@ -2636,7 +2636,7 @@ function yc({ transformTemplate: t }, e) {
 }
 function vc(t, e) {
   const n = t.style || {}, i = {};
-  return Ir(i, n, t), Object.assign(i, yc(t, e)), i;
+  return Br(i, n, t), Object.assign(i, yc(t, e)), i;
 }
 function xc(t, e) {
   const n = {}, i = vc(t, e);
@@ -2688,7 +2688,7 @@ function Tc(t, e, n, i) {
   }, [e]);
   if (t.style) {
     const o = {};
-    Ir(o, t.style, t), s.style = { ...o, ...s.style };
+    Br(o, t.style, t), s.style = { ...o, ...s.style };
   }
   return s;
 }
@@ -2740,13 +2740,13 @@ function ni(t) {
   );
 }
 function Sc(t, e, n, { latestValues: i }, s, o = !1) {
-  const a = (ni(t) ? Tc : xc)(e, i, s, t), l = uc(e, typeof t == "string", o), u = t !== Is ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = j(() => Y(c) ? c.get() : c, [c]);
+  const a = (ni(t) ? Tc : xc)(e, i, s, t), l = uc(e, typeof t == "string", o), u = t !== Bs ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = j(() => Y(c) ? c.get() : c, [c]);
   return Eo(t, {
     ...u,
     children: h
   });
 }
-function Bi(t) {
+function Ii(t) {
   const e = [{}, {}];
   return t?.values.forEach((n, i) => {
     e[0][i] = n.get(), e[1][i] = n.getVelocity();
@@ -2754,11 +2754,11 @@ function Bi(t) {
 }
 function ii(t, e, n, i) {
   if (typeof e == "function") {
-    const [s, o] = Bi(i);
+    const [s, o] = Ii(i);
     e = e(n !== void 0 ? n : t.custom, s, o);
   }
   if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
-    const [s, o] = Bi(i);
+    const [s, o] = Ii(i);
     e = e(n !== void 0 ? n : t.custom, s, o);
   }
   return e;
@@ -2810,7 +2810,7 @@ const jr = (t) => (e, n) => {
 function si(t, e, n) {
   const { style: i } = t, s = {};
   for (const o in i)
-    (Y(i[o]) || e.style && Y(e.style[o]) || Br(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (s[o] = i[o]);
+    (Y(i[o]) || e.style && Y(e.style[o]) || Ir(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (s[o] = i[o]);
   return s;
 }
 const Ec = /* @__PURE__ */ jr({
@@ -2830,13 +2830,13 @@ const Ac = /* @__PURE__ */ jr({
   scrapeMotionValuesFromProps: $r,
   createRenderState: Fr
 }), Vc = Symbol.for("motionComponentSymbol");
-function It(t) {
+function Bt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 function Dc(t, e, n) {
-  return mt(
+  return pt(
     (i) => {
-      i && t.onMount && t.onMount(i), e && (i ? e.mount(i) : e.unmount()), n && (typeof n == "function" ? n(i) : It(n) && (n.current = i));
+      i && t.onMount && t.onMount(i), e && (i ? e.mount(i) : e.unmount()), n && (typeof n == "function" ? n(i) : Bt(n) && (n.current = i));
     },
     /**
      * Include externalRef in dependencies to ensure the callback updates
@@ -2876,7 +2876,7 @@ function Lc(t, e, n, i) {
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Kr(t.parent)), t.projection.setOptions({
     layoutId: s,
     layout: o,
-    alwaysMeasureLayout: !!r || a && It(a),
+    alwaysMeasureLayout: !!r || a && Bt(a),
     visualElement: t,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -2907,8 +2907,8 @@ function Ke(t, { forwardMotionProps: e = !1 } = {}, n, i) {
       layoutId: Oc(a)
     }, { isStatic: h } = c, d = dc(a), f = s(a, h);
     if (!h && An) {
-      Bc(c, n);
-      const g = Ic(c);
+      Ic(c, n);
+      const g = Bc(c);
       u = g.MeasureLayout, d.visualElement = Rc(t, f, c, i, g.ProjectionNode);
     }
     return R(Re.Provider, { value: d, children: [u && d.visualElement ? b(u, { visualElement: d.visualElement, ...c }) : null, Sc(t, a, Dc(f, d.visualElement, l), f, h, e)] });
@@ -2921,14 +2921,14 @@ function Oc({ layoutId: t }) {
   const e = X(Mn).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function Bc(t, e) {
+function Ic(t, e) {
   const n = X(Rr).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const i = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? Kt(!1, i, "lazy-strict-mode") : yt(!1, i, "lazy-strict-mode");
+    t.ignoreStrict ? Kt(!1, i, "lazy-strict-mode") : vt(!1, i, "lazy-strict-mode");
   }
 }
-function Ic(t) {
+function Bc(t) {
   const { drag: e, layout: n } = Wt;
   if (!e && !n)
     return {};
@@ -2981,9 +2981,9 @@ function Pt(t) {
   return gn(t) || Gr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function Gr(t) {
-  return Ii(t.x) || Ii(t.y);
+  return Bi(t.x) || Bi(t.y);
 }
-function Ii(t) {
+function Bi(t) {
   return t && t !== "0%";
 }
 function Ee(t, e, n) {
@@ -3099,7 +3099,7 @@ class Hc {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const d = Q.now();
-      this.renderScheduledAt < d && (this.renderScheduledAt = d, B.render(this.render, !1, !0));
+      this.renderScheduledAt < d && (this.renderScheduledAt = d, I.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = r;
     this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = Oe(n), this.isVariantNode = Or(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
@@ -3113,7 +3113,7 @@ class Hc {
     this.current = e, Uc.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, i) => this.bindToMotionValue(i, n)), qr.current || Wc(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : vn.current, process.env.NODE_ENV !== "production" && Ln(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(), wt(this.notifyUpdate), wt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
+    this.projection && this.projection.unmount(), _t(this.notifyUpdate), _t(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
     for (const e in this.events)
       this.events[e].clear();
     for (const e in this.features) {
@@ -3133,7 +3133,7 @@ class Hc {
     const i = Xt.has(e);
     i && this.onBindTransform && this.onBindTransform();
     const s = n.on("change", (r) => {
-      this.latestValues[e] = r, this.props.onUpdate && B.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[e] = r, this.props.onUpdate && I.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let o;
     window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
@@ -3250,7 +3250,7 @@ class Hc {
    */
   readValue(e, n) {
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && ($s(i) || Us(i)) ? i = parseFloat(i) : !Ql(i) && _t.test(n) && (i = Sr(e, n)), this.setBaseTarget(e, Y(i) ? i.get() : i)), Y(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && ($s(i) || Us(i)) ? i = parseFloat(i) : !Ql(i) && Tt.test(n) && (i = Sr(e, n)), this.setBaseTarget(e, Y(i) ? i.get() : i)), Y(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -3326,7 +3326,7 @@ class Xc extends Zr {
     if (Xt.has(n))
       return this.projection?.isProjecting ? cn(n) : rl(e, n);
     {
-      const i = Gc(e), s = (In(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      const i = Gc(e), s = (Bn(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof s == "string" ? s.trim() : s;
     }
   }
@@ -3398,7 +3398,7 @@ class qc extends Zr {
   }
 }
 const Zc = (t, e) => ni(t) ? new qc(e) : new Xc(e, {
-  allowProjection: t !== Is
+  allowProjection: t !== Bs
 });
 function jt(t, e, n) {
   const i = t.getProps();
@@ -3427,8 +3427,8 @@ function bn(t, e) {
   const n = t.getValue("willChange");
   if (eu(n))
     return n.add(e);
-  if (!n && vt.WillChange) {
-    const i = new vt.WillChange("auto");
+  if (!n && xt.WillChange) {
+    const i = new xt.WillChange("auto");
     t.addValue("willChange", i), i.add(e);
   }
 }
@@ -3483,10 +3483,10 @@ const oi = (t, e, n, i = {}, s, o) => (r) => {
   };
   cu(a) || Object.assign(c, lu(t, c)), c.duration && (c.duration = /* @__PURE__ */ ct(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ ct(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let h = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (mn(c), c.delay === 0 && (h = !0)), (vt.instantAnimations || vt.skipAnimations) && (h = !0, mn(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (mn(c), c.delay === 0 && (h = !0)), (xt.instantAnimations || xt.skipAnimations) && (h = !0, mn(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
     const d = iu(c.keyframes, a);
     if (d !== void 0) {
-      B.update(() => {
+      I.update(() => {
         c.onUpdate(d), c.onComplete();
       });
       return;
@@ -3516,7 +3516,7 @@ function eo(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
     if (window.MotionHandoffAnimation) {
       const v = to(t);
       if (v) {
-        const x = window.MotionHandoffAnimation(v, c, B);
+        const x = window.MotionHandoffAnimation(v, c, I);
         x !== null && (f.startTime = x, m = !0);
       }
     }
@@ -3525,7 +3525,7 @@ function eo(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
     y && l.push(y);
   }
   return r && Promise.all(l).then(() => {
-    B.update(() => {
+    I.update(() => {
       r && tu(t, r);
     });
   }), l;
@@ -3635,20 +3635,20 @@ function yu(t) {
       const V = Array.isArray(p) ? p : [p];
       let q = V.reduce(s(v), {});
       _ === !1 && (q = {});
-      const { prevResolvedValues: dt = {} } = x, Ct = {
+      const { prevResolvedValues: dt = {} } = x, ft = {
         ...dt,
         ...q
-      }, xt = (F) => {
+      }, bt = (F) => {
         T = !0, d.has(F) && (A = !0, d.delete(F)), x.needsAnimating[F] = !0;
         const J = t.getValue(F);
         J && (J.liveStyle = !1);
       };
-      for (const F in Ct) {
+      for (const F in ft) {
         const J = q[F], D = dt[F];
         if (f.hasOwnProperty(F))
           continue;
         let k = !1;
-        xn(J) && xn(D) ? k = !io(J, D) : k = J !== D, k ? J != null ? xt(F) : d.add(F) : J !== void 0 && d.has(F) ? xt(F) : x.protectedKeys[F] = !0;
+        xn(J) && xn(D) ? k = !io(J, D) : k = J !== D, k ? J != null ? bt(F) : d.add(F) : J !== void 0 && d.has(F) ? bt(F) : x.protectedKeys[F] = !0;
       }
       x.prevProp = p, x.prevResolvedValues = q, x.isActive && (f = { ...f, ...q }), i && t.blockInitialAnimation && (T = !1);
       const kt = C && S;
@@ -3722,14 +3722,14 @@ function Ki() {
     exit: St()
   };
 }
-class Tt {
+class Ct {
   constructor(e) {
     this.isMounted = !1, this.node = e;
   }
   update() {
   }
 }
-class xu extends Tt {
+class xu extends Ct {
   /**
    * 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,
@@ -3757,7 +3757,7 @@ class xu extends Tt {
   }
 }
 let bu = 0;
-class wu extends Tt {
+class wu extends Ct {
   constructor() {
     super(...arguments), this.id = bu++;
   }
@@ -3848,7 +3848,7 @@ class lo {
       const { onStart: v, onMove: x } = this.handlers;
       f || (v && v(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, d);
     }, this.handlePointerMove = (d, f) => {
-      this.lastMoveEvent = d, this.lastMoveEventInfo = Ge(f, this.transformPagePoint), B.update(this.updatePoint, !0);
+      this.lastMoveEvent = d, this.lastMoveEventInfo = Ge(f, this.transformPagePoint), I.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, f) => {
       this.end();
       const { onEnd: g, onSessionEnd: m, resumeAnimation: y } = this.handlers;
@@ -3868,7 +3868,7 @@ class lo {
     this.handlers = e;
   }
   end() {
-    this.removeListeners && this.removeListeners(), wt(this.updatePoint);
+    this.removeListeners && this.removeListeners(), _t(this.updatePoint);
   }
 }
 function Ge(t, e) {
@@ -3934,12 +3934,12 @@ function Ou(t, e) {
     y: Ji(t.y, e.y)
   };
 }
-function Bu(t, e) {
+function Iu(t, e) {
   let n = 0.5;
   const i = Z(t), s = Z(e);
-  return s > i ? n = /* @__PURE__ */ ie(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ ie(t.min, t.max - s, e.min)), gt(0, 1, n);
+  return s > i ? n = /* @__PURE__ */ ie(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ ie(t.min, t.max - s, e.min)), yt(0, 1, n);
 }
-function Iu(t, e) {
+function Bu(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
@@ -3985,7 +3985,7 @@ class zu {
           }
         }
         this.originPoint[v] = x;
-      }), m && B.postRender(() => m(h, d)), bn(this.visualElement, "transform");
+      }), m && I.postRender(() => m(h, d)), bn(this.visualElement, "transform");
       const { animationState: y } = this.visualElement;
       y && y.setActive("whileDrag", !0);
     }, a = (h, d) => {
@@ -4025,7 +4025,7 @@ class zu {
     const { velocity: r } = s;
     this.startAnimation(r);
     const { onDragEnd: a } = this.getProps();
-    a && B.postRender(() => a(i, s));
+    a && I.postRender(() => a(i, s));
   }
   /**
    * @internal
@@ -4047,16 +4047,16 @@ class zu {
   }
   resolveConstraints() {
     const { dragConstraints: e, dragElastic: n } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, s = this.constraints;
-    e && It(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = Lu(i.layoutBox, e) : this.constraints = !1, this.elastic = Nu(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && it((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = Iu(i.layoutBox[o], this.constraints[o]));
+    e && Bt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = Lu(i.layoutBox, e) : this.constraints = !1, this.elastic = Nu(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && it((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = Bu(i.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: e, onMeasureDragConstraints: n } = this.getProps();
-    if (!e || !It(e))
+    if (!e || !Bt(e))
       return !1;
     const i = e.current;
-    yt(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    vt(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: s } = this.visualElement;
     if (!s || !s.layout)
       return !1;
@@ -4133,7 +4133,7 @@ class zu {
     if (!this.visualElement.current)
       return;
     const { drag: e, dragConstraints: n } = this.getProps(), { projection: i } = this.visualElement;
-    if (!It(n) || !i || !this.constraints)
+    if (!Bt(n) || !i || !this.constraints)
       return;
     this.stopAnimation();
     const s = { x: 0, y: 0 };
@@ -4141,7 +4141,7 @@ class zu {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        s[r] = Bu({ min: l, max: l }, this.constraints[r]);
+        s[r] = Iu({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
@@ -4161,9 +4161,9 @@ class zu {
       u && c && this.start(l);
     }), i = () => {
       const { dragConstraints: l } = this.getProps();
-      It(l) && l.current && (this.constraints = this.resolveRefConstraints());
+      Bt(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: s } = this.visualElement, o = s.addEventListener("measure", i);
-    s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), B.read(i);
+    s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), I.read(i);
     const r = le(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: u }) => {
       this.isDragging && u && (it((c) => {
         const h = this.getAxisMotionValue(c);
@@ -4194,7 +4194,7 @@ function ju(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class $u extends Tt {
+class $u extends Ct {
   constructor(e) {
     super(e), this.removeGroupControls = rt, this.removeListeners = rt, this.controls = new zu(e);
   }
@@ -4207,9 +4207,9 @@ class $u extends Tt {
   }
 }
 const es = (t) => (e, n) => {
-  t && B.postRender(() => t(e, n));
+  t && I.postRender(() => t(e, n));
 };
-class Wu extends Tt {
+class Wu extends Ct {
   constructor() {
     super(...arguments), this.removePointerDownListener = rt;
   }
@@ -4226,7 +4226,7 @@ class Wu extends Tt {
       onStart: es(n),
       onMove: i,
       onEnd: (o, r) => {
-        delete this.session, s && B.postRender(() => s(o, r));
+        delete this.session, s && I.postRender(() => s(o, r));
       }
     };
   }
@@ -4269,10 +4269,10 @@ const qt = {
   }
 }, Uu = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
-    const i = t, s = _t.parse(t);
+    const i = t, s = Tt.parse(t);
     if (s.length > 5)
       return i;
-    const o = _t.createTransformer(t), r = typeof s[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
+    const o = Tt.createTransformer(t), r = typeof s[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
     s[0 + r] /= a, s[1 + r] /= l;
     const u = N(a, l, 0.5);
     return typeof s[2 + r] == "number" && (s[2 + r] /= u), typeof s[3 + r] == "number" && (s[3 + r] /= u), o(s);
@@ -4296,7 +4296,7 @@ class Ku extends Ao {
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: i, drag: s, isPresent: o } = this.props, { projection: r } = i;
-    return r && (r.isPresent = o, Ye = !0, s || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || B.postRender(() => {
+    return r && (r.isPresent = o, Ye = !0, s || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || I.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -4361,9 +4361,9 @@ class Yu {
 function qu(t, e) {
   const n = Q.now(), i = ({ timestamp: s }) => {
     const o = s - n;
-    o >= e && (wt(i), t(o - e));
+    o >= e && (_t(i), t(o - e));
   };
-  return B.setup(i, !0), () => wt(i);
+  return I.setup(i, !0), () => _t(i);
 }
 const ho = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Zu = ho.length, is = (t) => typeof t == "string" ? parseFloat(t) : t, ss = (t) => typeof t == "number" || P.test(t);
 function Ju(t, e, n, i, s, o) {
@@ -4512,7 +4512,7 @@ function go(t) {
   const n = to(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: s, layoutId: o } = t.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", B, !(s || o));
+    window.MotionCancelOptimisedAnimation(n, "transform", I, !(s || o));
   }
   const { parent: i } = t;
   i && !i.hasCheckedOptimisedAppear && go(i);
@@ -4550,7 +4550,7 @@ function yo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (u && !u.current && u.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let c, h = 0;
         const d = () => this.root.updateBlockedByResize = !1;
-        B.read(() => {
+        I.read(() => {
           h = window.innerWidth;
         }), t(r, () => {
           const f = window.innerWidth;
@@ -4579,7 +4579,7 @@ function yo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     unmount() {
       this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
       const r = this.getStack();
-      r && r.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), wt(this.updateProjection);
+      r && r.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), _t(this.updateProjection);
     }
     // only on the root
     blockUpdate() {
@@ -4631,7 +4631,7 @@ function yo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(mh), this.nodes.forEach(ch), this.nodes.forEach(uh)) : this.nodes.forEach(ys), this.clearAllSnapshots();
       const a = Q.now();
-      K.delta = gt(0, 1e3 / 60, a - K.timestamp), K.timestamp = a, K.isProcessing = !0, Fe.update.process(K), Fe.preRender.process(K), Fe.render.process(K), K.isProcessing = !1;
+      K.delta = yt(0, 1e3 / 60, a - K.timestamp), K.timestamp = a, K.isProcessing = !0, Fe.update.process(K), Fe.preRender.process(K), Fe.render.process(K), K.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Yn.read(this.scheduleUpdate));
@@ -4640,10 +4640,10 @@ function yo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.nodes.forEach(fh), this.sharedNodes.forEach(vh);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, B.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, I.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      B.postRender(() => {
+      I.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -4828,7 +4828,7 @@ function yo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (wt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = B.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (_t(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = I.update(() => {
         _e.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = $t(0)), this.currentAnimation = Gu(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
@@ -5109,9 +5109,9 @@ function Cs(t, e, n) {
   const { props: i } = t;
   t.animationState && i.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const s = "onHover" + n, o = i[s];
-  o && B.postRender(() => o(e, de(e)));
+  o && I.postRender(() => o(e, de(e)));
 }
-class Ph extends Tt {
+class Ph extends Ct {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = Hl(e, (n, i) => (Cs(this.node, i, "Start"), (s) => Cs(this.node, s, "End"))));
@@ -5119,7 +5119,7 @@ class Ph extends Tt {
   unmount() {
   }
 }
-class Mh extends Tt {
+class Mh extends Ct {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -5147,9 +5147,9 @@ function Ss(t, e, n) {
     return;
   t.animationState && i.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const s = "onTap" + (n === "End" ? "" : n), o = i[s];
-  o && B.postRender(() => o(e, de(e)));
+  o && I.postRender(() => o(e, de(e)));
 }
-class Eh extends Tt {
+class Eh extends Ct {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = ql(e, (n, i) => (Ss(this.node, i, "Start"), (s, { success: o }) => Ss(this.node, s, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -5179,7 +5179,7 @@ const Rh = {
   some: 0,
   all: 1
 };
-class Lh extends Tt {
+class Lh extends Ct {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -5214,7 +5214,7 @@ class Lh extends Tt {
 function Oh({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Bh = {
+const Ih = {
   inView: {
     Feature: Lh
   },
@@ -5227,16 +5227,16 @@ const Bh = {
   hover: {
     Feature: Ph
   }
-}, Ih = {
+}, Bh = {
   layout: {
     ProjectionNode: xo,
     MeasureLayout: uo
   }
 }, Nh = {
   ..._u,
-  ...Bh,
+  ...Ih,
   ...Sh,
-  ...Ih
+  ...Bh
 }, ai = /* @__PURE__ */ Nc(Nh, Zc), Fh = "_primary_13825_8", zh = "_secondary_13825_12", jh = "_tertiary_13825_16", $h = "_positive_13825_20", Wh = "_negative_13825_24", Uh = "_warning_13825_28", Kh = "_accent_13825_32", Hh = "_inverse_13825_36", Gh = "_text_13825_111", Xh = "_regular_13825_117", Yh = "_medium_13825_121", qh = "_semibold_13825_125", Zh = "_bold_13825_129", ve = {
   primary: Fh,
   secondary: zh,
@@ -5298,7 +5298,7 @@ const Bh = {
       onClick: h,
       disabled: d,
       ...f
-    } = t, [g, m] = pt(!1), y = !!h, v = () => y && m(!0), x = () => y && m(!1), p = r, w = y ? H({
+    } = t, [g, m] = gt(!1), y = !!h, v = () => y && m(!0), x = () => y && m(!1), p = r, w = y ? H({
       opacity: g ? u : 1,
       transition: `opacity ${c}ms ease`
     }) : "";
@@ -5460,9 +5460,10 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
   iconLeft: v,
   iconRight: x,
   intensity: p = "primary",
-  ...w
+  flex: w,
+  ..._
 }) => {
-  const _ = j(() => {
+  const C = j(() => {
     switch (m) {
       case "full":
         return "100%";
@@ -5471,19 +5472,19 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
       default:
         return m;
     }
-  }, [m]), C = j(() => u || (l === "filled" ? f === "neutral" ? "var(--fill-neutral-secondary)" : `var(--fill-${f}-${p})` : "transparent"), [l, t, u, f, p]), S = j(() => {
+  }, [m]), S = j(() => u || (l === "filled" ? f === "neutral" ? "var(--fill-neutral-secondary)" : `var(--fill-${f}-${p})` : "transparent"), [l, u, f, p]), T = j(() => {
     if (p === "primary") {
       if (f === "neutral") return "var(--text-secondary)";
       if (l === "filled") return "var(--text-inverse)";
     } else if (f === "neutral") return "var(--text-secondary)";
     return `var(--text-${f})`;
-  }, [p, f, l]), T = j(() => {
+  }, [p, f, l]), A = j(() => {
     if (p === "primary") {
       if (f === "neutral") return "secondary";
       if (l === "filled") return "inverse";
     } else if (f === "neutral") return "secondary";
     return f;
-  }, [l, t, c, f, p]), A = j(() => d || (l === "outline" ? `var(--border-${f}-${p})` : "transparent"), [l, d, f, p]), V = j(() => {
+  }, [l, f, p]), V = j(() => d || (l === "outline" ? `var(--border-${f}-${p})` : "transparent"), [l, d, f, p]), q = j(() => {
     switch (y) {
       case "lg":
         return Zt.lg;
@@ -5495,22 +5496,22 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
       default:
         return Zt.md;
     }
-  }, [y]), q = O(
+  }, [y]), dt = O(
     id,
     od(l, f, p, t),
     rd[l],
     s,
     t ? o : void 0,
     H({
-      borderRadius: g ? Zt[g] : V,
-      backgroundColor: C,
-      borderColor: A,
+      borderRadius: g ? Zt[g] : q,
+      backgroundColor: S,
+      borderColor: V,
       color: c,
       width: "100%",
       height: sd[y],
       opacity: t ? 0.7 : 1
     })
-  ), dt = j(() => {
+  ), ft = j(() => {
     switch (y) {
       case "lg":
       case "md":
@@ -5526,7 +5527,8 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
     M,
     {
       className: O(i),
-      w: _,
+      w: C,
+      flex: w,
       relative: !0,
       overflow: "hidden",
       children: /* @__PURE__ */ R(
@@ -5537,19 +5539,19 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
             boxShadow: "inset 0 0 0 10000px rgba(0,0,0,0.1)",
             transition: { duration: 0 }
           } : {},
-          className: q,
+          className: dt,
           disabled: t || e,
           onClick: n,
-          ...w,
+          ..._,
           children: [
-            e ? /* @__PURE__ */ b(nd, { color: S }) : /* @__PURE__ */ R(Ae, { children: [
+            e ? /* @__PURE__ */ b(nd, { color: T }) : /* @__PURE__ */ R(Ae, { children: [
               v,
               /* @__PURE__ */ b(
                 Qh,
                 {
                   style: { color: c },
-                  colorName: T,
-                  variant: dt,
+                  colorName: A,
+                  variant: ft,
                   className: r,
                   textOverflow: "ellipsis",
                   overflow: "hidden",
@@ -5564,7 +5566,7 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
       )
     }
   );
-}, ad = (t) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ E.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z", fill: "currentColor" })), ld = (t) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ E.createElement("path", { d: "M19 13H5v-2h14v2z", fill: "currentColor" })), cd = "_checkbox_asmiz_8", ud = "_disabled_asmiz_15", hd = "_checkbox__ripple_asmiz_15", dd = "_checkbox__input_asmiz_27", fd = "_checkbox__box_asmiz_35", md = "_secondary_asmiz_48", pd = "_checked_asmiz_54", gd = "_error_asmiz_63", ft = {
+}, ad = (t) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ E.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z", fill: "currentColor" })), ld = (t) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ E.createElement("path", { d: "M19 13H5v-2h14v2z", fill: "currentColor" })), cd = "_checkbox_asmiz_8", ud = "_disabled_asmiz_15", hd = "_checkbox__ripple_asmiz_15", dd = "_checkbox__input_asmiz_27", fd = "_checkbox__box_asmiz_35", md = "_secondary_asmiz_48", pd = "_checked_asmiz_54", gd = "_error_asmiz_63", mt = {
   checkbox: cd,
   disabled: ud,
   checkbox__ripple: hd,
@@ -5590,14 +5592,14 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
     variant: d = "primary",
     flex: f
   }, g) => {
-    const [m, y] = pt(!1), v = t !== void 0, x = v ? t : m, p = (C) => {
+    const [m, y] = gt(!1), v = t !== void 0, x = v ? t : m, p = (C) => {
       v || y(C.target.checked), e?.(C);
     }, w = yd[o], _ = x || s;
     return /* @__PURE__ */ R(
       "label",
       {
-        className: O(ft.checkbox, H({ flex: f }), {
-          [ft.disabled]: n
+        className: O(mt.checkbox, H({ flex: f }), {
+          [mt.disabled]: n
         }),
         children: [
           /* @__PURE__ */ R(
@@ -5621,8 +5623,8 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
                     disabled: n,
                     name: c,
                     required: h,
-                    className: O(ft.checkbox__input, {
-                      [ft.disabled]: n
+                    className: O(mt.checkbox__input, {
+                      [mt.disabled]: n
                     })
                   }
                 ),
@@ -5630,12 +5632,12 @@ const Qh = ai(L), td = "_loader_1qleq_8", ed = {
                   "div",
                   {
                     className: O(
-                      ft.checkbox__box,
-                      ft[d],
+                      mt.checkbox__box,
+                      mt[d],
                       {
-                        [ft.disabled]: n,
-                        [ft.error]: i,
-                        [ft.checked]: _
+                        [mt.disabled]: n,
+                        [mt.error]: i,
+                        [mt.checked]: _
                       }
                     ),
                     children: _ && (s ? /* @__PURE__ */ b(ld, { width: w * 0.75, height: w * 0.75 }) : /* @__PURE__ */ b(ad, { width: w * 0.75, height: w * 0.75 }))
@@ -5753,8 +5755,8 @@ const Md = ot((t, e) => {
         rows: V,
         autoResize: q,
         onChange: dt,
-        multiline: Ct,
-        ...xt
+        multiline: ft,
+        ...bt
       } = g;
       return /* @__PURE__ */ b(
         "textarea",
@@ -5764,7 +5766,7 @@ const Md = ot((t, e) => {
           className: O(et.input, { [et.disabled]: h }),
           disabled: h,
           maxLength: t.maxLength,
-          ...xt,
+          ...bt,
           value: x,
           onChange: w
         }
@@ -5843,15 +5845,15 @@ const Md = ot((t, e) => {
   ] });
 });
 Md.displayName = "Input";
-const Ed = (t) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ E.createElement("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), Ad = (t) => /* @__PURE__ */ E.createElement("svg", { fill: "currentColor", id: "Capa_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 462.035 462.035", xmlSpace: "preserve", ...t }, /* @__PURE__ */ E.createElement("g", null, /* @__PURE__ */ E.createElement("path", { d: "M457.83,158.441c-0.021-0.028-0.033-0.058-0.057-0.087l-50.184-62.48c-0.564-0.701-1.201-1.305-1.879-1.845 c-2.16-2.562-5.355-4.225-8.967-4.225H65.292c-3.615,0-6.804,1.661-8.965,4.225c-0.678,0.54-1.316,1.138-1.885,1.845l-50.178,62.48 c-0.023,0.029-0.034,0.059-0.057,0.087C1.655,160.602,0,163.787,0,167.39v193.07c0,6.5,5.27,11.771,11.77,11.771h438.496 c6.5,0,11.77-5.271,11.77-11.771V167.39C462.037,163.787,460.381,160.602,457.83,158.441z M408.516,134.615l16.873,21.005h-16.873 V134.615z M384.975,113.345v42.274H296.84c-2.514,0-4.955,0.805-6.979,2.293l-58.837,43.299l-58.849-43.305 c-2.023-1.482-4.466-2.287-6.978-2.287H77.061v-42.274H384.975z M53.523,155.62H36.65l16.873-21.005V155.62z M438.498,348.69H23.54 V179.16h137.796l62.711,46.148c4.15,3.046,9.805,3.052,13.954-0.005l62.698-46.144h137.799V348.69L438.498,348.69z" }))), Vd = "_avatar_1oe2p_8", Dd = "_avatar_primary_1oe2p_22", kd = "_avatar_secondary_1oe2p_25", Rd = "_avatar_negative_1oe2p_28", Ld = "_avatar_positive_1oe2p_31", Od = "_avatar_warning_1oe2p_34", Bd = "_avatar_lgSize_1oe2p_71", Id = "_avatar_mdSize_1oe2p_85", Nd = "_avatar_smSize_1oe2p_99", tn = {
+const Ed = (t) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ E.createElement("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), Ad = (t) => /* @__PURE__ */ E.createElement("svg", { fill: "currentColor", id: "Capa_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 462.035 462.035", xmlSpace: "preserve", ...t }, /* @__PURE__ */ E.createElement("g", null, /* @__PURE__ */ E.createElement("path", { d: "M457.83,158.441c-0.021-0.028-0.033-0.058-0.057-0.087l-50.184-62.48c-0.564-0.701-1.201-1.305-1.879-1.845 c-2.16-2.562-5.355-4.225-8.967-4.225H65.292c-3.615,0-6.804,1.661-8.965,4.225c-0.678,0.54-1.316,1.138-1.885,1.845l-50.178,62.48 c-0.023,0.029-0.034,0.059-0.057,0.087C1.655,160.602,0,163.787,0,167.39v193.07c0,6.5,5.27,11.771,11.77,11.771h438.496 c6.5,0,11.77-5.271,11.77-11.771V167.39C462.037,163.787,460.381,160.602,457.83,158.441z M408.516,134.615l16.873,21.005h-16.873 V134.615z M384.975,113.345v42.274H296.84c-2.514,0-4.955,0.805-6.979,2.293l-58.837,43.299l-58.849-43.305 c-2.023-1.482-4.466-2.287-6.978-2.287H77.061v-42.274H384.975z M53.523,155.62H36.65l16.873-21.005V155.62z M438.498,348.69H23.54 V179.16h137.796l62.711,46.148c4.15,3.046,9.805,3.052,13.954-0.005l62.698-46.144h137.799V348.69L438.498,348.69z" }))), Vd = "_avatar_1oe2p_8", Dd = "_avatar_primary_1oe2p_22", kd = "_avatar_secondary_1oe2p_25", Rd = "_avatar_negative_1oe2p_28", Ld = "_avatar_positive_1oe2p_31", Od = "_avatar_warning_1oe2p_34", Id = "_avatar_lgSize_1oe2p_71", Bd = "_avatar_mdSize_1oe2p_85", Nd = "_avatar_smSize_1oe2p_99", tn = {
   avatar: Vd,
   avatar_primary: Dd,
   avatar_secondary: kd,
   avatar_negative: Rd,
   avatar_positive: Ld,
   avatar_warning: Od,
-  avatar_lgSize: Bd,
-  avatar_mdSize: Id,
+  avatar_lgSize: Id,
+  avatar_mdSize: Bd,
   avatar_smSize: Nd
 };
 function nm({
@@ -6051,7 +6053,7 @@ const Fd = (t) => /* @__PURE__ */ E.createElement("svg", { width: 24, height: 24
 );
 wo.displayName = "Tag";
 const af = ({ children: t }) => {
-  const [e] = pt(() => document.createElement("div"));
+  const [e] = gt(() => document.createElement("div"));
   return ht(() => {
     let n = document.getElementById("portal-root");
     return n || (n = document.createElement("div"), n.id = "portal-root", document.body.appendChild(n)), n.appendChild(e), () => {
@@ -6109,7 +6111,7 @@ function sm({
   const [w, _] = Sn(
     t,
     n ? [] : null
-  ), C = W(null), S = W(null), [T, A] = pt(!1), V = j(
+  ), C = W(null), S = W(null), [T, A] = gt(!1), V = j(
     () => n ? w || [] : w != null ? [w] : [],
     [w, n]
   ), q = j(() => {
@@ -6117,7 +6119,7 @@ function sm({
     return r.forEach((k) => {
       D.set(i(k), k);
     }), D;
-  }, [r, i]), dt = zo(C, T), Ct = !r.length && !x, xt = (D) => {
+  }, [r, i]), dt = zo(C, T), ft = !r.length && !x, bt = (D) => {
     const k = i(D);
     if (n) {
       const G = V.includes(k) ? V.filter((fe) => fe !== k) : [...V, k];
@@ -6136,10 +6138,10 @@ function sm({
     if (!T) return;
     const D = (k) => {
       const G = k.target;
-      !C.current?.contains(G) && !S.current?.contains(G) && A(!1);
+      !C.current?.contains(G) && !S.current?.contains(G) && (A(!1), y?.());
     };
     return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
-  }, [T]);
+  }, [T, y]);
   const F = () => {
     if (!V.length)
       return /* @__PURE__ */ b(
@@ -6148,6 +6150,7 @@ function sm({
           variant: l === "xs" ? "caption-1" : "body-2",
           textOverflow: "ellipsis",
           overflow: "hidden",
+          colorName: "tertiary",
           children: o ?? "Select..."
         }
       );
@@ -6174,6 +6177,7 @@ function sm({
           variant: l === "xs" ? "caption-1" : "body-2",
           textOverflow: "ellipsis",
           overflow: "hidden",
+          colorName: "tertiary",
           children: o
         }
       );
@@ -6209,7 +6213,7 @@ function sm({
             className: U["select-menu-item"],
             role: "option",
             onClick: Rt,
-            children: /* @__PURE__ */ b(L, { variant: "body-2", children: o })
+            children: /* @__PURE__ */ b(L, { variant: "body-2", colorName: "tertiary", children: o })
           }
         ),
         d && /* @__PURE__ */ b(
@@ -6222,7 +6226,7 @@ function sm({
             children: d
           }
         ),
-        Ct && /* @__PURE__ */ R(M, { className: U["empty-block"], children: [
+        ft && /* @__PURE__ */ R(M, { className: U["empty-block"], children: [
           /* @__PURE__ */ b(M, { w: 20, h: 20, children: /* @__PURE__ */ b(Ad, {}) }),
           /* @__PURE__ */ b(L, { variant: "body-2", children: m ?? "There is nothing yet" })
         ] }),
@@ -6239,7 +6243,7 @@ function sm({
               }),
               role: "option",
               relative: !0,
-              onClick: () => xt(D),
+              onClick: () => bt(D),
               children: [
                 n && /* @__PURE__ */ b(bo, { size: "sm", checked: G }),
                 typeof s(D) == "string" ? /* @__PURE__ */ b(
@@ -6392,7 +6396,7 @@ const mf = (t) => /* @__PURE__ */ E.createElement("svg", { width: 10, height: 10
       }),
       [g, m, s, i, r]
     );
-    const v = mt(
+    const v = pt(
       (w) => {
         m(w.target.checked), s?.(w.target.checked);
       },
@@ -6553,7 +6557,7 @@ function Es(t, e) {
     throw new Error("Unexpected undefined");
   return t;
 }
-const Of = (t, e) => Math.abs(t - e) < 1.01, Bf = (t, e, n) => {
+const Of = (t, e) => Math.abs(t - e) < 1.01, If = (t, e, n) => {
   let i;
   return function(...s) {
     t.clearTimeout(i), i = t.setTimeout(() => e.apply(this, s), n);
@@ -6561,7 +6565,7 @@ const Of = (t, e) => Math.abs(t - e) < 1.01, Bf = (t, e, n) => {
 }, As = (t) => {
   const { offsetWidth: e, offsetHeight: n } = t;
   return { width: e, height: n };
-}, If = (t) => t, Nf = (t) => {
+}, Bf = (t) => t, Nf = (t) => {
   const e = Math.max(t.startIndex - t.overscan, 0), n = Math.min(t.endIndex + t.overscan, t.count - 1), i = [];
   for (let s = e; s <= n; s++)
     i.push(s);
@@ -6608,7 +6612,7 @@ const Of = (t, e) => Math.abs(t - e) < 1.01, Bf = (t, e, n) => {
     return;
   let s = 0;
   const o = t.options.useScrollendEvent && Ds ? () => {
-  } : Bf(
+  } : If(
     i,
     () => {
       e(s, !1);
@@ -6681,7 +6685,7 @@ class Wf {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: If,
+        getItemKey: Bf,
         rangeExtractor: Nf,
         onChange: () => {
         },
@@ -7072,7 +7076,7 @@ const Gf = "_main_pl2ip_8", Rs = {
     estimatedItemHeight: i = 100,
     virtualize: s = !1
   }, o) => {
-    const r = W(null), a = j(() => Bs.toArray(t), [t]), l = Hf({
+    const r = W(null), a = j(() => Is.toArray(t), [t]), l = Hf({
       count: a.length,
       getScrollElement: () => r.current,
       estimateSize: () => i,