@dss-kit/ui-kit 0.0.28 → 0.1.0

package/dist/ui-kit.es.js

@@ -41,8 +41,8 @@ var $o = /* @__PURE__ */ (function() {
       return (s = i.parentNode) == null ? void 0 : s.removeChild(i);
     }), this.tags = [], this.ctr = 0;
   }, t;
-})(), j = "-ms-", Se = "-moz-", C = "-webkit-", Ws = "comm", Rn = "rule", kn = "decl", Wo = "@import", Us = "@keyframes", Uo = "@layer", Ko = Math.abs, Re = String.fromCharCode, Go = Object.assign;
-function zo(t, e) {
+})(), j = "-ms-", Se = "-moz-", C = "-webkit-", Ws = "comm", Rn = "rule", kn = "decl", Wo = "@import", Us = "@keyframes", Uo = "@layer", Ko = Math.abs, Re = String.fromCharCode, zo = Object.assign;
+function Go(t, e) {
   return O(t, 0) ^ 45 ? (((e << 2 ^ O(t, 0)) << 2 ^ O(t, 1)) << 2 ^ O(t, 2)) << 2 ^ O(t, 3) : 0;
 }
 function Ks(t) {
@@ -75,27 +75,27 @@ function le(t, e) {
 function Yo(t, e) {
   return t.map(e).join("");
 }
-var ke = 1, kt = 1, Gs = 0, G = 0, k = 0, Ot = "";
+var ke = 1, kt = 1, zs = 0, z = 0, k = 0, Ot = "";
 function Le(t, e, n, i, s, o, r) {
   return { value: t, root: e, parent: n, type: i, props: s, children: o, line: ke, column: kt, length: r, return: "" };
 }
 function Wt(t, e) {
-  return Go(Le("", null, null, "", null, null, 0), t, { length: -t.length }, e);
+  return zo(Le("", null, null, "", null, null, 0), t, { length: -t.length }, e);
 }
 function Xo() {
   return k;
 }
 function qo() {
-  return k = G > 0 ? O(Ot, --G) : 0, kt--, k === 10 && (kt = 1, ke--), k;
+  return k = z > 0 ? O(Ot, --z) : 0, kt--, k === 10 && (kt = 1, ke--), k;
 }
-function z() {
-  return k = G < Gs ? O(Ot, G++) : 0, kt++, k === 10 && (kt = 1, ke++), k;
+function G() {
+  return k = z < zs ? O(Ot, z++) : 0, kt++, k === 10 && (kt = 1, ke++), k;
 }
 function rt() {
-  return O(Ot, G);
+  return O(Ot, z);
 }
 function pe() {
-  return G;
+  return z;
 }
 function se(t, e) {
   return Xt(Ot, t, e);
@@ -138,31 +138,31 @@ function qt(t) {
   }
   return 0;
 }
-function zs(t) {
-  return ke = kt = 1, Gs = it(Ot = t), G = 0, [];
+function Gs(t) {
+  return ke = kt = 1, zs = it(Ot = t), z = 0, [];
 }
 function Hs(t) {
   return Ot = "", t;
 }
 function ge(t) {
-  return Ks(se(G - 1, on(t === 91 ? t + 2 : t === 40 ? t + 1 : t)));
+  return Ks(se(z - 1, on(t === 91 ? t + 2 : t === 40 ? t + 1 : t)));
 }
 function Zo(t) {
   for (; (k = rt()) && k < 33; )
-    z();
+    G();
   return qt(t) > 2 || qt(k) > 3 ? "" : " ";
 }
 function Jo(t, e) {
-  for (; --e && z() && !(k < 48 || k > 102 || k > 57 && k < 65 || k > 70 && k < 97); )
+  for (; --e && G() && !(k < 48 || k > 102 || k > 57 && k < 65 || k > 70 && k < 97); )
     ;
-  return se(t, pe() + (e < 6 && rt() == 32 && z() == 32));
+  return se(t, pe() + (e < 6 && rt() == 32 && G() == 32));
 }
 function on(t) {
-  for (; z(); )
+  for (; G(); )
     switch (k) {
       // ] ) " '
       case t:
-        return G;
+        return z;
       // " '
       case 34:
       case 39:
@@ -174,28 +174,28 @@ function on(t) {
         break;
       // \
       case 92:
-        z();
+        G();
         break;
     }
-  return G;
+  return z;
 }
 function Qo(t, e) {
-  for (; z() && t + k !== 57; )
+  for (; G() && t + k !== 57; )
     if (t + k === 84 && rt() === 47)
       break;
-  return "/*" + se(e, G - 1) + "*" + Re(t === 47 ? t : z());
+  return "/*" + se(e, z - 1) + "*" + Re(t === 47 ? t : G());
 }
 function ta(t) {
   for (; !qt(rt()); )
-    z();
-  return se(t, G);
+    G();
+  return se(t, z);
 }
 function ea(t) {
-  return Hs(ye("", null, null, null, [""], t = zs(t), 0, [0], t));
+  return Hs(ye("", null, null, null, [""], t = Gs(t), 0, [0], t));
 }
 function ye(t, e, n, i, s, o, r, a, c) {
   for (var u = 0, l = 0, h = r, f = 0, d = 0, m = 0, g = 1, x = 1, p = 1, y = 0, v = "", S = s, b = o, P = i, w = v; x; )
-    switch (m = y, y = z()) {
+    switch (m = y, y = G()) {
       // (
       case 40:
         if (m != 108 && O(w, h - 1) == 58) {
@@ -224,7 +224,7 @@ function ye(t, e, n, i, s, o, r, a, c) {
         switch (rt()) {
           case 42:
           case 47:
-            le(na(Qo(z(), pe()), e, n), c);
+            le(na(Qo(G(), pe()), e, n), c);
             break;
           default:
             w += "/";
@@ -290,7 +290,7 @@ function ye(t, e, n, i, s, o, r, a, c) {
             break;
           // @
           case 64:
-            rt() === 45 && (w += ge(z())), f = rt(), l = h = it(v = w += ta(pe())), y++;
+            rt() === 45 && (w += ge(G())), f = rt(), l = h = it(v = w += ta(pe())), y++;
             break;
           // -
           case 45:
@@ -353,14 +353,14 @@ function oa(t) {
 }
 var aa = function(e, n, i) {
   for (var s = 0, o = 0; s = o, o = rt(), s === 38 && o === 12 && (n[i] = 1), !qt(o); )
-    z();
-  return se(e, G);
+    G();
+  return se(e, z);
 }, ca = function(e, n) {
   var i = -1, s = 44;
   do
     switch (qt(s)) {
       case 0:
-        s === 38 && rt() === 12 && (n[i] = 1), e[i] += aa(G - 1, n, i);
+        s === 38 && rt() === 12 && (n[i] = 1), e[i] += aa(z - 1, n, i);
         break;
       case 2:
         e[i] += ge(s);
@@ -374,10 +374,10 @@ var aa = function(e, n, i) {
       default:
         e[i] += Re(s);
     }
-  while (s = z());
+  while (s = G());
   return e;
 }, la = function(e, n) {
-  return Hs(ca(zs(e), n));
+  return Hs(ca(Gs(e), n));
 }, xi = /* @__PURE__ */ new WeakMap(), ua = function(e) {
   if (!(e.type !== "rule" || !e.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
@@ -400,7 +400,7 @@ var aa = function(e, n, i) {
   }
 };
 function Ys(t, e) {
-  switch (zo(t, e)) {
+  switch (Go(t, e)) {
     // color-adjust
     case 5103:
       return C + "print-" + t + t;
@@ -1207,7 +1207,7 @@ const K = {
   set: (t) => {
     ve = t, queueMicrotask(Fa);
   }
-}, mr = (t) => (e) => typeof e == "string" && e.startsWith(t), Kn = /* @__PURE__ */ mr("--"), ja = /* @__PURE__ */ mr("var(--"), Gn = (t) => ja(t) ? Na.test(t.split("/*")[0].trim()) : !1, Na = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, jt = {
+}, mr = (t) => (e) => typeof e == "string" && e.startsWith(t), Kn = /* @__PURE__ */ mr("--"), ja = /* @__PURE__ */ mr("var(--"), zn = (t) => ja(t) ? Na.test(t.split("/*")[0].trim()) : !1, Na = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, jt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
@@ -1217,14 +1217,14 @@ const K = {
 }, he = {
   ...jt,
   default: 1
-}, Gt = (t) => Math.round(t * 1e5) / 1e5, zn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, zt = (t) => Math.round(t * 1e5) / 1e5, Gn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function $a(t) {
   return t == null;
 }
 const Wa = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Hn = (t, e) => (n) => !!(typeof n == "string" && Wa.test(n) && n.startsWith(t) || e && !$a(n) && Object.prototype.hasOwnProperty.call(n, e)), pr = (t, e, n) => (i) => {
   if (typeof i != "string")
     return i;
-  const [s, o, r, a] = i.match(zn);
+  const [s, o, r, a] = i.match(Gn);
   return {
     [t]: parseFloat(s),
     [e]: parseFloat(o),
@@ -1237,7 +1237,7 @@ const Wa = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, vt = {
   test: /* @__PURE__ */ Hn("rgb", "red"),
   parse: /* @__PURE__ */ pr("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + $e.transform(t) + ", " + $e.transform(e) + ", " + $e.transform(n) + ", " + Gt(Qt.transform(i)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + $e.transform(t) + ", " + $e.transform(e) + ", " + $e.transform(n) + ", " + zt(Qt.transform(i)) + ")"
 };
 function Ka(t) {
   let e = "", n = "", i = "", s = "";
@@ -1256,14 +1256,14 @@ const ln = {
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), ut = /* @__PURE__ */ ae("deg"), ot = /* @__PURE__ */ ae("%"), T = /* @__PURE__ */ ae("px"), Ga = /* @__PURE__ */ ae("vh"), za = /* @__PURE__ */ ae("vw"), Mi = {
+}), ut = /* @__PURE__ */ ae("deg"), ot = /* @__PURE__ */ ae("%"), T = /* @__PURE__ */ ae("px"), za = /* @__PURE__ */ ae("vh"), Ga = /* @__PURE__ */ ae("vw"), Mi = {
   ...ot,
   parse: (t) => ot.parse(t) / 100,
   transform: (t) => ot.transform(t * 100)
 }, At = {
   test: /* @__PURE__ */ Hn("hsl", "hue"),
   parse: /* @__PURE__ */ pr("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + ot.transform(Gt(e)) + ", " + ot.transform(Gt(n)) + ", " + Gt(Qt.transform(i)) + ")"
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + ot.transform(zt(e)) + ", " + ot.transform(zt(n)) + ", " + zt(Qt.transform(i)) + ")"
 }, R = {
   test: (t) => vt.test(t) || ln.test(t) || At.test(t),
   parse: (t) => vt.test(t) ? vt.parse(t) : At.test(t) ? At.parse(t) : ln.parse(t),
@@ -1274,7 +1274,7 @@ const ln = {
   }
 }, Ha = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function Ya(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(zn)?.length || 0) + (t.match(Ha)?.length || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (t.match(Gn)?.length || 0) + (t.match(Ha)?.length || 0) > 0;
 }
 const gr = "number", yr = "color", Xa = "var", qa = "var(", Di = "${}", Za = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
 function te(t) {
@@ -1297,7 +1297,7 @@ function xr(t) {
     for (let r = 0; r < i; r++)
       if (o += e[r], s[r] !== void 0) {
         const a = n[r];
-        a === gr ? o += Gt(s[r]) : a === yr ? o += R.transform(s[r]) : o += s[r];
+        a === gr ? o += zt(s[r]) : a === yr ? o += R.transform(s[r]) : o += s[r];
       }
     return o;
   };
@@ -1360,7 +1360,7 @@ function sc(t, e) {
   return (n) => E(t, e, n);
 }
 function Yn(t) {
-  return typeof t == "number" ? sc : typeof t == "string" ? Gn(t) ? Ae : R.test(t) ? _i : ac : Array.isArray(t) ? br : typeof t == "object" ? R.test(t) ? _i : rc : Ae;
+  return typeof t == "number" ? sc : typeof t == "string" ? zn(t) ? Ae : R.test(t) ? _i : ac : Array.isArray(t) ? br : typeof t == "object" ? R.test(t) ? _i : rc : Ae;
 }
 function br(t, e) {
   const n = [...t], i = n.length, s = t.map((o, r) => Yn(o)(o, e[r]));
@@ -2170,7 +2170,7 @@ function Kc(t) {
   typeof t.ease == "string" && Uc(t.ease) && (t.ease = Er[t.ease]);
 }
 const Fi = 10;
-class Gc extends Wc {
+class zc extends Wc {
   constructor(e) {
     Kc(e), Pr(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
   }
@@ -2200,7 +2200,7 @@ class Gc extends Wc {
 const ji = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (dt.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function zc(t) {
+function Gc(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -2215,7 +2215,7 @@ function Hc(t, e, n, i) {
   if (e === "display" || e === "visibility")
     return !0;
   const o = t[t.length - 1], r = ji(s, e), a = ji(o, e);
-  return Ft(r === a, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : zc(t) || (n === "spring" || Dr(n)) && i;
+  return Ft(r === a, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : Gc(t) || (n === "spring" || Dr(n)) && i;
 }
 function bn(t) {
   t.duration = 0, t.type = "keyframes";
@@ -2268,7 +2268,7 @@ class Jc extends Zn {
       finalKeyframe: n,
       ...i,
       keyframes: e
-    }, d = !u && qc(f) ? new Gc({
+    }, d = !u && qc(f) ? new zc({
       ...f,
       element: f.motionValue.owner.current
     }) : new Jn(f);
@@ -2346,7 +2346,7 @@ function _r(t, e, n = 1) {
     const r = o.trim();
     return Qs(r) ? parseFloat(r) : r;
   }
-  return Gn(s) ? _r(s, e, n + 1) : s;
+  return zn(s) ? _r(s, e, n + 1) : s;
 }
 function ti(t, e) {
   return t?.[e] ?? t?.default ?? t;
@@ -2362,7 +2362,7 @@ const Rr = /* @__PURE__ */ new Set([
 ]), nl = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, kr = (t) => (e) => e.test(t), Lr = [jt, T, ot, ut, za, Ga, nl], Ni = (t) => Lr.find(kr(t));
+}, kr = (t) => (e) => e.test(t), Lr = [jt, T, ot, ut, Ga, za, nl], Ni = (t) => Lr.find(kr(t));
 function il(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || er(t) : !0;
 }
@@ -2371,7 +2371,7 @@ function rl(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [i] = n.match(zn) || [];
+  const [i] = n.match(Gn) || [];
   if (!i)
     return t;
   const s = n.replace(i, "");
@@ -2497,7 +2497,7 @@ class hl extends Qn {
     super.readKeyframes();
     for (let c = 0; c < e.length; c++) {
       let u = e[c];
-      if (typeof u == "string" && (u = u.trim(), Gn(u))) {
+      if (typeof u == "string" && (u = u.trim(), zn(u))) {
         const l = _r(u, n.current);
         l !== void 0 && (e[c] = l), c === e.length - 1 && (this.finalKeyframe = u);
       }
@@ -2813,7 +2813,7 @@ function Ki(t) {
     e.key === "Enter" && t(e);
   };
 }
-function Ge(t, e) {
+function ze(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
 const bl = (t, e) => {
@@ -2823,25 +2823,25 @@ const bl = (t, e) => {
   const i = Ki(() => {
     if (xe.has(n))
       return;
-    Ge(n, "down");
+    ze(n, "down");
     const s = Ki(() => {
-      Ge(n, "up");
-    }), o = () => Ge(n, "cancel");
+      ze(n, "up");
+    }), o = () => ze(n, "cancel");
     n.addEventListener("keyup", s, e), n.addEventListener("blur", o, e);
   });
   n.addEventListener("keydown", i, e), n.addEventListener("blur", () => n.removeEventListener("keydown", i), e);
 };
-function Gi(t) {
+function zi(t) {
   return ii(t) && !Fr();
 }
 function Tl(t, e, n = {}) {
   const [i, s, o] = jr(t, n), r = (a) => {
     const c = a.currentTarget;
-    if (!Gi(a))
+    if (!zi(a))
       return;
     xe.add(c);
     const u = e(c, a), l = (d, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), xe.has(c) && xe.delete(c), Gi(d) && typeof u == "function" && u(d, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), xe.has(c) && xe.delete(c), zi(d) && typeof u == "function" && u(d, { success: m });
     }, h = (d) => {
       l(d, c === window || c === document || n.useGlobalTarget || Nr(c, d.target));
     }, f = (d) => {
@@ -2876,7 +2876,7 @@ function Al(t = !0) {
   const r = Ns(() => t && i && i(o), [o, i, t]);
   return !n && i ? [!1, r] : [!0];
 }
-const Ur = It({ strict: !1 }), zi = {
+const Ur = It({ strict: !1 }), Gi = {
   animation: [
     "animate",
     "variants",
@@ -2896,9 +2896,9 @@ const Ur = It({ strict: !1 }), zi = {
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, Bt = {};
-for (const t in zi)
+for (const t in Gi)
   Bt[t] = {
-    isEnabled: (e) => zi[t].some((n) => !!e[n])
+    isEnabled: (e) => Gi[t].some((n) => !!e[n])
   };
 function Cl(t) {
   for (const e in t)
@@ -2976,7 +2976,7 @@ const si = [
 function Oe(t) {
   return Ie(t.animate) || ri.some((e) => ee(t[e]));
 }
-function Gr(t) {
+function zr(t) {
   return !!(Oe(t) || t.variants);
 }
 function El(t, e) {
@@ -3001,7 +3001,7 @@ function Rl(t) {
   for (const e in t)
     ne[e] = t[e], Kn(e) && (ne[e].isCSSVariable = !0);
 }
-function zr(t, { layout: e, layoutId: n }) {
+function Gr(t, { layout: e, layoutId: n }) {
   return $t.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ne[t] || t === "opacity");
 }
 const kl = {
@@ -3058,7 +3058,7 @@ const ai = () => ({
 });
 function Hr(t, e, n) {
   for (const i in e)
-    !N(e[i]) && !zr(i, n) && (t[i] = e[i]);
+    !N(e[i]) && !Gr(i, n) && (t[i] = e[i]);
 }
 function Il({ transformTemplate: t }, e) {
   return st(() => {
@@ -3198,18 +3198,18 @@ function li(t, e, n, i) {
 function be(t) {
   return N(t) ? t.get() : t;
 }
-function Gl({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
+function zl({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
   return {
-    latestValues: zl(n, i, s, t),
+    latestValues: Gl(n, i, s, t),
     renderState: e()
   };
 }
-function zl(t, e, n, i) {
+function Gl(t, e, n, i) {
   const s = {}, o = i(t, {});
   for (const f in o)
     s[f] = be(o[f]);
   let { initial: r, animate: a } = t;
-  const c = Oe(t), u = Gr(t);
+  const c = Oe(t), u = zr(t);
   e && u && !c && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
   let l = n ? n.initial === !1 : !1;
   l = l || r === !1;
@@ -3236,13 +3236,13 @@ function zl(t, e, n, i) {
   return s;
 }
 const Zr = (t) => (e, n) => {
-  const i = W(Be), s = W(In), o = () => Gl(t, e, i, s);
+  const i = W(Be), s = W(In), o = () => zl(t, e, i, s);
   return n ? o() : Ca(o);
 };
 function ui(t, e, n) {
   const { style: i } = t, s = {};
   for (const o in i)
-    (N(i[o]) || e.style && N(e.style[o]) || zr(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (s[o] = i[o]);
+    (N(i[o]) || e.style && N(e.style[o]) || Gr(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (s[o] = i[o]);
   return s;
 }
 const Hl = /* @__PURE__ */ Zr({
@@ -3328,7 +3328,7 @@ function eo(t) {
   if (t)
     return t.options.allowProjection !== !1 ? t.projection : eo(t.parent);
 }
-function ze(t, { forwardMotionProps: e = !1 } = {}, n, i) {
+function Ge(t, { forwardMotionProps: e = !1 } = {}, n, i) {
   n && Cl(n);
   const s = ci(t) ? Yl : Hl;
   function o(a, c) {
@@ -3372,15 +3372,15 @@ function nu(t) {
 }
 function iu(t, e) {
   if (typeof Proxy > "u")
-    return ze;
-  const n = /* @__PURE__ */ new Map(), i = (o, r) => ze(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && $n(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
+    return Ge;
+  const n = /* @__PURE__ */ new Map(), i = (o, r) => Ge(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && $n(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
   return new Proxy(s, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
      * The prop name is passed through as `key` and we can use that to generate a `motion`
      * DOM component with that name.
      */
-    get: (o, r) => r === "create" ? i : (n.has(r) || n.set(r, ze(r, void 0, t, e)), n.get(r))
+    get: (o, r) => r === "create" ? i : (n.has(r) || n.set(r, Ge(r, void 0, t, e)), n.get(r))
   });
 }
 function no({ top: t, left: e, right: n, bottom: i }) {
@@ -3534,7 +3534,7 @@ class hu {
       this.renderScheduledAt < f && (this.renderScheduledAt = f, M.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = r;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, 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 = Gr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, 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 = zr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: l, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in h) {
       const d = h[f];
@@ -4231,10 +4231,10 @@ function ce(t) {
   };
 }
 const Wu = (t) => (e) => ii(e) && t(e, ce(e));
-function zt(t, e, n, i) {
+function Gt(t, e, n, i) {
   return ie(t, e, Wu(n), i);
 }
-const go = 1e-4, Uu = 1 - go, Ku = 1 + go, yo = 0.01, Gu = 0 - yo, zu = 0 + yo;
+const go = 1e-4, Uu = 1 - go, Ku = 1 + go, yo = 0.01, zu = 0 - yo, Gu = 0 + yo;
 function $(t) {
   return t.max - t.min;
 }
@@ -4242,7 +4242,7 @@ function Hu(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function ss(t, e, n, i = 0.5) {
-  t.origin = i, t.originPoint = E(e.min, e.max, t.origin), t.scale = $(n) / $(e), t.translate = E(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Uu && t.scale <= Ku || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Gu && t.translate <= zu || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = i, t.originPoint = E(e.min, e.max, t.origin), t.scale = $(n) / $(e), t.translate = E(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Uu && t.scale <= Ku || isNaN(t.scale)) && (t.scale = 1), (t.translate >= zu && t.translate <= Gu || isNaN(t.translate)) && (t.translate = 0);
 }
 function Ht(t, e, n, i) {
   ss(t.x, e.x, n.x, i ? i.originX : void 0), ss(t.y, e.y, n.y, i ? i.originY : void 0);
@@ -4294,7 +4294,7 @@ class xo {
     const a = ce(e), c = Ye(a, this.transformPagePoint), { point: u } = c, { timestamp: l } = I;
     this.history = [{ ...u, timestamp: l }];
     const { onSessionStart: h } = n;
-    h && h(e, Xe(c, this.history)), this.removeListeners = re(zt(this.contextWindow, "pointermove", this.handlePointerMove), zt(this.contextWindow, "pointerup", this.handlePointerUp), zt(this.contextWindow, "pointercancel", this.handlePointerUp));
+    h && h(e, Xe(c, this.history)), this.removeListeners = re(Gt(this.contextWindow, "pointermove", this.handlePointerMove), Gt(this.contextWindow, "pointerup", this.handlePointerUp), Gt(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -4588,7 +4588,7 @@ class rh {
     if (!this.visualElement.current)
       return;
     sh.set(this.visualElement, this);
-    const e = this.visualElement.current, n = zt(e, "pointerdown", (c) => {
+    const e = this.visualElement.current, n = Gt(e, "pointerdown", (c) => {
       const { drag: u, dragListener: l = !0 } = this.getProps();
       u && l && this.start(c);
     }), i = () => {
@@ -4663,7 +4663,7 @@ class ch extends mt {
     };
   }
   mount() {
-    this.removePointerDownListener = zt(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
+    this.removePointerDownListener = Gt(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
   }
   update() {
     this.session && this.session.updateHandlers(this.createPanHandlers());
@@ -5543,7 +5543,7 @@ function Is(t, e, n) {
   const s = "onHover" + n, o = i[s];
   o && M.postRender(() => o(e, ce(e)));
 }
-class Gh extends mt {
+class zh extends mt {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = yl(e, (n, i) => (Is(this.node, i, "Start"), (s) => Is(this.node, s, "End"))));
@@ -5551,7 +5551,7 @@ class Gh extends mt {
   unmount() {
   }
 }
-class zh extends mt {
+class Gh extends mt {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -5654,10 +5654,10 @@ const ef = {
     Feature: Hh
   },
   focus: {
-    Feature: zh
+    Feature: Gh
   },
   hover: {
-    Feature: Gh
+    Feature: zh
   }
 }, nf = {
   layout: {
@@ -5755,19 +5755,109 @@ const ef = {
   );
 });
 Ee.displayName = "Text";
-const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
-  loader: bf
-}, wf = ({ color: t = "var(--text-accent)" }) => /* @__PURE__ */ L(
+const xf = Eo(Ee);
+function bf(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var en = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Fs;
+function Tf() {
+  return Fs || (Fs = 1, (function(t) {
+    (function() {
+      var e = {}.hasOwnProperty;
+      function n() {
+        for (var o = "", r = 0; r < arguments.length; r++) {
+          var a = arguments[r];
+          a && (o = s(o, i(a)));
+        }
+        return o;
+      }
+      function i(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return n.apply(null, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var r = "";
+        for (var a in o)
+          e.call(o, a) && o[a] && (r = s(r, a));
+        return r;
+      }
+      function s(o, r) {
+        return r ? o ? o + " " + r : o + r : o;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  })(en)), en.exports;
+}
+var wf = Tf();
+const bt = /* @__PURE__ */ bf(wf);
+function di(t, e, n, i = "") {
+  if (n)
+    return t[`${e}_${n}${i}`];
+}
+function _e(t, e, n) {
+  return di(t, e, n, "Size");
+}
+const Sf = "_button_ke15b_8", Pf = "_button_primary_ke15b_17", Af = "_button_secondary_ke15b_20", Cf = "_button_negative_ke15b_23", Vf = "_button_positive_ke15b_26", Mf = "_button_warning_ke15b_29", Df = "_button_neutral_ke15b_32", Ef = "_button_mdSize_ke15b_92", _f = "_button_smSize_ke15b_102", Rf = "_button_xsSize_ke15b_112", nn = {
+  button: Sf,
+  button_primary: Pf,
+  button_secondary: Af,
+  button_negative: Cf,
+  button_positive: Vf,
+  button_warning: Mf,
+  button_neutral: Df,
+  button_mdSize: Ef,
+  button_smSize: _f,
+  button_xsSize: Rf
+};
+function Td({
+  attr: t,
+  children: e,
+  className: n,
+  type: i = "button",
+  color: s = "primary",
+  size: o = "md",
+  ...r
+}) {
+  const a = "button";
+  return /* @__PURE__ */ L(
+    "button",
+    {
+      ...t,
+      ...r,
+      type: i,
+      className: bt(
+        nn[a],
+        n,
+        _e(nn, a, o),
+        di(nn, a, s)
+      ),
+      children: e
+    }
+  );
+}
+const kf = "_loader_1qleq_8", Lf = {
+  loader: kf
+}, Bf = ({ color: t = "var(--text-accent)" }) => /* @__PURE__ */ L(
   "span",
   {
     className: Zt(
-      Tf.loader,
+      Lf.loader,
       U({
         "--loader-color": t
       })
     )
   }
-), Sf = U({
+), If = U({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -5780,7 +5870,7 @@ const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
   fontWeight: 600,
   overflow: "hidden",
   transition: "all 0.2s ease"
-}), Pf = {
+}), Of = {
   zero: "var(--corner-zero)",
   xs: "var(--corner-xs)",
   sm: "var(--corner-sm)",
@@ -5793,12 +5883,12 @@ const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
   "5xl": "var(--corner-5xl)",
   "6xl": "var(--corner-6xl)",
   "full-round": "var(--corner-full-round)"
-}, Af = {
+}, Ff = {
   xs: "var(--height-button-xs)",
   sm: "var(--height-button-sm)",
   md: "var(--height-button-md)",
   lg: "var(--height-button-lg)"
-}, Cf = {
+}, jf = {
   clear: U({
     backgroundColor: "transparent",
     border: "none"
@@ -5812,7 +5902,7 @@ const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
     backgroundColor: "transparent",
     border: "1px solid var(--border-accent-primary)"
   })
-}, Vf = (t, e, n, i) => {
+}, Nf = (t, e, n, i) => {
   if (i)
     return U({
       cursor: "not-allowed",
@@ -5862,7 +5952,7 @@ const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
     default:
       return U(s);
   }
-}, Td = ({
+}, wd = ({
   disabled: t,
   loading: e,
   onClick: n,
@@ -5901,18 +5991,18 @@ const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
     }
     return `var(--text-${f}, #111)`;
   }, [c, t, l, f, y]), w = st(() => h || (c === "outline" ? `var(--border-${f}-${y})` : "transparent"), [c, h, f, y]), A = Zt(
-    Sf,
-    Vf(c, f, y, t),
-    Cf[c],
+    If,
+    Nf(c, f, y, t),
+    jf[c],
     s,
     t ? o : void 0,
     U({
-      borderRadius: Pf[d],
+      borderRadius: Of[d],
       backgroundColor: b,
       borderColor: w,
       color: P,
       width: "100%",
-      height: Af[g],
+      height: Ff[g],
       opacity: t ? 0.7 : 1
     })
   ), F = st(() => {
@@ -5939,7 +6029,7 @@ const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
       disabled: t || e,
       onClick: n,
       ...v,
-      children: e ? /* @__PURE__ */ L(wf, { color: P }) : /* @__PURE__ */ we(an, { row: !0, alignItems: "center", gap: 8, children: [
+      children: e ? /* @__PURE__ */ L(Bf, { color: P }) : /* @__PURE__ */ we(an, { row: !0, alignItems: "center", gap: 8, children: [
         x,
         /* @__PURE__ */ L(
           xf,
@@ -5954,103 +6044,13 @@ const xf = Eo(Ee), bf = "_loader_1qleq_8", Tf = {
       ] })
     }
   ) });
-};
-function Mf(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-var en = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var Fs;
-function Df() {
-  return Fs || (Fs = 1, (function(t) {
-    (function() {
-      var e = {}.hasOwnProperty;
-      function n() {
-        for (var o = "", r = 0; r < arguments.length; r++) {
-          var a = arguments[r];
-          a && (o = s(o, i(a)));
-        }
-        return o;
-      }
-      function i(o) {
-        if (typeof o == "string" || typeof o == "number")
-          return o;
-        if (typeof o != "object")
-          return "";
-        if (Array.isArray(o))
-          return n.apply(null, o);
-        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
-          return o.toString();
-        var r = "";
-        for (var a in o)
-          e.call(o, a) && o[a] && (r = s(r, a));
-        return r;
-      }
-      function s(o, r) {
-        return r ? o ? o + " " + r : o + r : o;
-      }
-      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
-    })();
-  })(en)), en.exports;
-}
-var Ef = Df();
-const bt = /* @__PURE__ */ Mf(Ef);
-function di(t, e, n, i = "") {
-  if (n)
-    return t[`${e}_${n}${i}`];
-}
-function _e(t, e, n) {
-  return di(t, e, n, "Size");
-}
-const _f = "_button_ke15b_8", Rf = "_button_primary_ke15b_17", kf = "_button_secondary_ke15b_20", Lf = "_button_negative_ke15b_23", Bf = "_button_positive_ke15b_26", If = "_button_warning_ke15b_29", Of = "_button_neutral_ke15b_32", Ff = "_button_mdSize_ke15b_92", jf = "_button_smSize_ke15b_102", Nf = "_button_xsSize_ke15b_112", nn = {
-  button: _f,
-  button_primary: Rf,
-  button_secondary: kf,
-  button_negative: Lf,
-  button_positive: Bf,
-  button_warning: If,
-  button_neutral: Of,
-  button_mdSize: Ff,
-  button_smSize: jf,
-  button_xsSize: Nf
-};
-function wd({
-  attr: t,
-  children: e,
-  className: n,
-  type: i = "button",
-  color: s = "primary",
-  size: o = "md",
-  ...r
-}) {
-  const a = "button";
-  return /* @__PURE__ */ L(
-    "button",
-    {
-      ...t,
-      ...r,
-      type: i,
-      className: bt(
-        nn[a],
-        n,
-        _e(nn, a, o),
-        di(nn, a, s)
-      ),
-      children: e
-    }
-  );
-}
-const $f = "_avatar_1oe2p_8", Wf = "_avatar_primary_1oe2p_22", Uf = "_avatar_secondary_1oe2p_25", Kf = "_avatar_negative_1oe2p_28", Gf = "_avatar_positive_1oe2p_31", zf = "_avatar_warning_1oe2p_34", Hf = "_avatar_lgSize_1oe2p_71", Yf = "_avatar_mdSize_1oe2p_85", Xf = "_avatar_smSize_1oe2p_99", sn = {
+}, $f = "_avatar_1oe2p_8", Wf = "_avatar_primary_1oe2p_22", Uf = "_avatar_secondary_1oe2p_25", Kf = "_avatar_negative_1oe2p_28", zf = "_avatar_positive_1oe2p_31", Gf = "_avatar_warning_1oe2p_34", Hf = "_avatar_lgSize_1oe2p_71", Yf = "_avatar_mdSize_1oe2p_85", Xf = "_avatar_smSize_1oe2p_99", sn = {
   avatar: $f,
   avatar_primary: Wf,
   avatar_secondary: Uf,
   avatar_negative: Kf,
-  avatar_positive: Gf,
-  avatar_warning: zf,
+  avatar_positive: zf,
+  avatar_warning: Gf,
   avatar_lgSize: Hf,
   avatar_mdSize: Yf,
   avatar_smSize: Xf
@@ -6149,19 +6149,19 @@ const qf = (t) => /* @__PURE__ */ J.createElement("svg", { width: 24, height: 24
       ]
     }
   );
-}, pd = "_themeProviderScoped_wynv1_9", gd = {
+}, pd = "_themeProviderScoped_lgr9z_9", gd = {
   themeProviderScoped: pd
 };
-function Ad({ className: t, children: e }) {
-  return /* @__PURE__ */ L("div", { className: bt(gd.themeProviderScoped, t), children: e });
+function Ad({ className: t, children: e, theme: n }) {
+  return /* @__PURE__ */ L("div", { className: bt(gd.themeProviderScoped, t), "data-theme": n, children: e });
 }
 export {
   xf as AnimatedText,
   Sd as Avatar,
   an as Box,
-  Td as Button,
+  wd as Button,
   Pd as Hint,
-  wd as IconButton,
+  Td as IconButton,
   Ee as Text,
   Ad as ThemeProviderScoped,
   _e as getSizeClass,