next-ui-lib 0.1.28 → 0.1.30

package/dist/ui.es.js

@@ -1,6 +1,6 @@
 import { jsx as w, jsxs as P } from "react/jsx-runtime";
 import * as ne from "react";
-import Fn, { useRef as si, useEffect as Sn, useState as qi } from "react";
+import Fn, { useRef as fi, useEffect as Sn, useState as Pi } from "react";
 const Mn = {
   lightBlue: {
     primary: { text: "#FFFFFF", value: "#27a7e3", dark: "#1f8ecb" },
@@ -14,7 +14,7 @@ const Mn = {
     primary: { text: "#FFFFFF", value: "#00BCD4", dark: "#0097A7" },
     secondary: { text: "#00BCD4", value: "#B2EBF2", dark: "#80DEEA" }
   }
-}, Ve = {
+}, qi = {
   red: { value: "#FF5733", dark: "#C74422" },
   amber: { text: "#936E00", value: "#FFC107", dark: "#D39E00" },
   green: { value: "#79C70B", dark: "#619F08" },
@@ -25,7 +25,7 @@ const Mn = {
   cyan: { text: "#FFFFFF", value: "#00BCD4", dark: "#0097A7" }
 }, $n = {
   Gray: { value: "#F1F1F1" }
-}, oi = ({
+}, si = ({
   color: e = "lightBlue",
   onClick: i,
   label: n,
@@ -70,7 +70,7 @@ function H(e, i, n) {
     writable: !0
   }) : e[i] = n, e;
 }
-var Me, b, Ri, te, Hi, ri, ye = {}, Wi = [], Bn = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+var Me, b, Ri, te, Hi, oi, ye = {}, Wi = [], Bn = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
 function V(e, i) {
   for (var n in i) e[n] = i[n];
   return e;
@@ -129,15 +129,15 @@ function Ei(e) {
     return Ei(e);
   }
 }
-function ti(e) {
-  (!e.__d && (e.__d = !0) && te.push(e) && !_e.__r++ || ri !== b.debounceRendering) && ((ri = b.debounceRendering) || Hi)(_e);
+function ri(e) {
+  (!e.__d && (e.__d = !0) && te.push(e) && !_e.__r++ || oi !== b.debounceRendering) && ((oi = b.debounceRendering) || Hi)(_e);
 }
 function _e() {
   for (var e; _e.__r = te.length; ) e = te.sort(function(i, n) {
     return i.__v.__b - n.__v.__b;
   }), te = [], e.some(function(i) {
     var n, a, s, f, o, d;
-    i.__d && (o = (f = (n = i).__v).__e, (d = n.__P) && (a = [], (s = V({}, f)).__v = f.__v + 1, Ue(d, f, s, n.__n, d.ownerSVGElement !== void 0, f.__h != null ? [
+    i.__d && (o = (f = (n = i).__v).__e, (d = n.__P) && (a = [], (s = V({}, f)).__v = f.__v + 1, Ve(d, f, s, n.__n, d.ownerSVGElement !== void 0, f.__h != null ? [
       o
     ] : null, a, o ?? ie(f), f.__h), Ii(a, f), f.__e != o && Ei(f)));
   });
@@ -155,7 +155,7 @@ function Ai(e, i, n, a, s, f, o, d, r, l) {
       }
       c = null;
     }
-    Ue(e, m, c = c || ye, s, f, o, d, r, l), h = m.__e, (v = m.ref) && c.ref != v && (C || (C = []), c.ref && C.push(c.ref, null, m), C.push(v, m.__c || h, m)), h != null ? (x == null && (x = h), typeof m.type == "function" && m.__k === c.__k ? m.__d = r = Di(m, r, e) : r = Ni(e, m, c, S, h, r), typeof n.type == "function" && (n.__d = r)) : r && c.__e == r && r.parentNode != e && (r = ie(c));
+    Ve(e, m, c = c || ye, s, f, o, d, r, l), h = m.__e, (v = m.ref) && c.ref != v && (C || (C = []), c.ref && C.push(c.ref, null, m), C.push(v, m.__c || h, m)), h != null ? (x == null && (x = h), typeof m.type == "function" && m.__k === c.__k ? m.__d = r = Di(m, r, e) : r = Ni(e, m, c, S, h, r), typeof n.type == "function" && (n.__d = r)) : r && c.__e == r && r.parentNode != e && (r = ie(c));
   }
   for (n.__e = x, t = $; t--; ) S[t] != null && (typeof n.type == "function" && S[t].__e != null && S[t].__e == n.__d && (n.__d = ie(a, t + 1)), Oi(S[t], S[t]));
   if (C) for (t = 0; t < C.length; t++) Gi(C[t], C[++t], C[++t]);
@@ -184,7 +184,7 @@ function zn(e, i, n, a, s) {
   for (f in n) f === "children" || f === "key" || f in i || Ce(e, f, null, n[f], a);
   for (f in i) s && typeof i[f] != "function" || f === "children" || f === "key" || f === "value" || f === "checked" || n[f] === i[f] || Ce(e, f, i[f], n[f], a);
 }
-function di(e, i, n) {
+function ti(e, i, n) {
   i[0] === "-" ? e.setProperty(i, n) : e[i] = n == null ? "" : typeof n != "number" || Bn.test(i) ? n : n + "px";
 }
 function Ce(e, i, n, a, s) {
@@ -192,10 +192,10 @@ function Ce(e, i, n, a, s) {
   e: if (i === "style")
     if (typeof n == "string") e.style.cssText = n;
     else {
-      if (typeof a == "string" && (e.style.cssText = a = ""), a) for (i in a) n && i in n || di(e.style, i, "");
-      if (n) for (i in n) a && n[i] === a[i] || di(e.style, i, n[i]);
+      if (typeof a == "string" && (e.style.cssText = a = ""), a) for (i in a) n && i in n || ti(e.style, i, "");
+      if (n) for (i in n) a && n[i] === a[i] || ti(e.style, i, n[i]);
     }
-  else if (i[0] === "o" && i[1] === "n") f = i !== (i = i.replace(/Capture$/, "")), i = i.toLowerCase() in e ? i.toLowerCase().slice(2) : i.slice(2), e.l || (e.l = {}), e.l[i + f] = n, n ? a || e.addEventListener(i, f ? ui : li, f) : e.removeEventListener(i, f ? ui : li, f);
+  else if (i[0] === "o" && i[1] === "n") f = i !== (i = i.replace(/Capture$/, "")), i = i.toLowerCase() in e ? i.toLowerCase().slice(2) : i.slice(2), e.l || (e.l = {}), e.l[i + f] = n, n ? a || e.addEventListener(i, f ? li : di, f) : e.removeEventListener(i, f ? li : di, f);
   else if (i !== "dangerouslySetInnerHTML") {
     if (s) i = i.replace(/xlink[H:h]/, "h").replace(/sName$/, "s");
     else if (i !== "href" && i !== "list" && i !== "form" && i !== "tabIndex" && i !== "download" && i in e) try {
@@ -206,13 +206,13 @@ function Ce(e, i, n, a, s) {
     typeof n == "function" || (n != null && (n !== !1 || i[0] === "a" && i[1] === "r") ? e.setAttribute(i, n) : e.removeAttribute(i));
   }
 }
-function li(e) {
+function di(e) {
   this.l[e.type + !1](b.event ? b.event(e) : e);
 }
-function ui(e) {
+function li(e) {
   this.l[e.type + !0](b.event ? b.event(e) : e);
 }
-function Ue(e, i, n, a, s, f, o, d, r) {
+function Ve(e, i, n, a, s, f, o, d, r) {
   var l, t, v, c, m, h, x, C, S, $, L, z = i.type;
   if (i.constructor !== void 0) return null;
   n.__h != null && (r = n.__h, d = i.__e = n.__e, i.__h = null, f = [
@@ -303,7 +303,7 @@ function Pn(e, i, n) {
 }
 function Vi(e, i, n) {
   var a, s, f;
-  b.__ && b.__(e, i), s = (a = typeof n == "function") ? null : n && n.__k || i.__k, f = [], Ue(i, e = (!a && n || i).__k = We(ee, null, [
+  b.__ && b.__(e, i), s = (a = typeof n == "function") ? null : n && n.__k || i.__k, f = [], Ve(i, e = (!a && n || i).__k = We(ee, null, [
     e
   ]), s || ye, ye, i.ownerSVGElement !== void 0, !a && n ? [
     n
@@ -320,9 +320,9 @@ Me = Wi.slice, b = {
   }
 }, Ri = 0, E.prototype.setState = function(e, i) {
   var n;
-  n = this.__s != null && this.__s !== this.state ? this.__s : this.__s = V({}, this.state), typeof e == "function" && (e = e(V({}, n), this.props)), e && V(n, e), e != null && this.__v && (i && this.__h.push(i), ti(this));
+  n = this.__s != null && this.__s !== this.state ? this.__s : this.__s = V({}, this.state), typeof e == "function" && (e = e(V({}, n), this.props)), e && V(n, e), e != null && this.__v && (i && this.__h.push(i), ri(this));
 }, E.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), ti(this));
+  this.__v && (this.__e = !0, e && this.__h.push(e), ri(this));
 }, E.prototype.render = ee, te = [], Hi = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, _e.__r = 0;
 var qn = 0;
 function u(e, i, n, a, s) {
@@ -447,7 +447,7 @@ const En = (() => {
     return !(f[d] !== t[0] || f[d + 2] !== t[2] || e.measureText(s).width >= n);
   };
 })();
-var ci = {
+var ui = {
   latestVersion: Wn,
   noCountryFlags: Ln
 };
@@ -676,7 +676,7 @@ var G = {
 };
 let q = null, F = null;
 const Pe = {};
-async function vi(e) {
+async function ci(e) {
   if (Pe[e]) return Pe[e];
   const n = await (await fetch(e)).json();
   return Pe[e] = n, n;
@@ -693,7 +693,7 @@ async function Nn(e) {
   if (i || (i = G.emojiVersion.value), n || (n = G.set.value), a || (a = G.locale.value), F)
     F.categories = F.categories.filter((r) => !r.name);
   else {
-    F = (typeof e.data == "function" ? await e.data() : e.data) || await vi(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/sets/${i}/${n}.json`), F.emoticons = {}, F.natives = {}, F.categories.unshift({
+    F = (typeof e.data == "function" ? await e.data() : e.data) || await ci(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/sets/${i}/${n}.json`), F.emoticons = {}, F.natives = {}, F.categories.unshift({
       id: "frequent",
       emojis: []
     });
@@ -703,7 +703,7 @@ async function Nn(e) {
     }
     F.originalCategories = F.categories;
   }
-  if (q = (typeof e.i18n == "function" ? await e.i18n() : e.i18n) || (a == "en" ? /* @__PURE__ */ Ti(Ji) : await vi(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/i18n/${a}.json`)), e.custom) for (let r in e.custom) {
+  if (q = (typeof e.i18n == "function" ? await e.i18n() : e.i18n) || (a == "en" ? /* @__PURE__ */ Ti(Ji) : await ci(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/i18n/${a}.json`)), e.custom) for (let r in e.custom) {
     r = parseInt(r);
     const l = e.custom[r], t = e.custom[r - 1];
     if (!(!l.emojis || !l.emojis.length)) {
@@ -716,7 +716,7 @@ async function Nn(e) {
     return t - v;
   }));
   let s = null, f = null;
-  n == "native" && (s = ci.latestVersion(), f = e.noCountryFlags || ci.noCountryFlags());
+  n == "native" && (s = ui.latestVersion(), f = e.noCountryFlags || ui.noCountryFlags());
   let o = F.categories.length, d = !1;
   for (; o--; ) {
     const r = F.categories[o];
@@ -1176,7 +1176,7 @@ class an extends en {
 }
 H(an, "Props", nn);
 typeof customElements < "u" && !customElements.get("em-emoji") && customElements.define("em-emoji", an);
-var mi, De = [], ki = b.__b, gi = b.__r, hi = b.diffed, wi = b.__c, bi = b.unmount;
+var vi, De = [], mi = b.__b, ki = b.__r, gi = b.diffed, hi = b.__c, wi = b.unmount;
 function ia() {
   var e;
   for (De.sort(function(i, n) {
@@ -1188,19 +1188,19 @@ function ia() {
   }
 }
 b.__b = function(e) {
-  ki && ki(e);
+  mi && mi(e);
 }, b.__r = function(e) {
-  gi && gi(e);
+  ki && ki(e);
   var i = e.__c.__H;
   i && (i.__h.forEach(pe), i.__h.forEach(Ne), i.__h = []);
 }, b.diffed = function(e) {
-  hi && hi(e);
+  gi && gi(e);
   var i = e.__c;
-  i && i.__H && i.__H.__h.length && (De.push(i) !== 1 && mi === b.requestAnimationFrame || ((mi = b.requestAnimationFrame) || function(n) {
+  i && i.__H && i.__H.__h.length && (De.push(i) !== 1 && vi === b.requestAnimationFrame || ((vi = b.requestAnimationFrame) || function(n) {
     var a, s = function() {
-      clearTimeout(f), pi && cancelAnimationFrame(a), setTimeout(n);
+      clearTimeout(f), bi && cancelAnimationFrame(a), setTimeout(n);
     }, f = setTimeout(s, 100);
-    pi && (a = requestAnimationFrame(s));
+    bi && (a = requestAnimationFrame(s));
   })(ia));
 }, b.__c = function(e, i) {
   i.some(function(n) {
@@ -1213,9 +1213,9 @@ b.__b = function(e) {
         s.__h && (s.__h = []);
       }), i = [], b.__e(a, n.__v);
     }
-  }), wi && wi(e, i);
+  }), hi && hi(e, i);
 }, b.unmount = function(e) {
-  bi && bi(e);
+  wi && wi(e);
   var i, n = e.__c;
   n && n.__H && (n.__H.__.forEach(function(a) {
     try {
@@ -1225,7 +1225,7 @@ b.__b = function(e) {
     }
   }), i && b.__e(i, n.__v));
 };
-var pi = typeof requestAnimationFrame == "function";
+var bi = typeof requestAnimationFrame == "function";
 function pe(e) {
   var i = e.__c;
   typeof i == "function" && (e.__c = void 0, i());
@@ -1237,7 +1237,7 @@ function na(e, i) {
   for (var n in i) e[n] = i[n];
   return e;
 }
-function yi(e, i) {
+function pi(e, i) {
   for (var n in e) if (n !== "__source" && !(n in i)) return !0;
   for (var a in i) if (a !== "__source" && e[a] !== i[a]) return !0;
   return !1;
@@ -1246,11 +1246,11 @@ function Se(e) {
   this.props = e;
 }
 (Se.prototype = new E()).isPureReactComponent = !0, Se.prototype.shouldComponentUpdate = function(e, i) {
-  return yi(this.props, e) || yi(this.state, i);
+  return pi(this.props, e) || pi(this.state, i);
 };
-var _i = b.__b;
+var yi = b.__b;
 b.__b = function(e) {
-  e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), _i && _i(e);
+  e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), yi && yi(e);
 };
 var aa = b.__e;
 b.__e = function(e, i, n) {
@@ -1259,7 +1259,7 @@ b.__e = function(e, i, n) {
   }
   aa(e, i, n);
 };
-var xi = b.unmount;
+var _i = b.unmount;
 function Te() {
   this.__u = 0, this.t = null, this.__b = null;
 }
@@ -1272,7 +1272,7 @@ function ke() {
 }
 b.unmount = function(e) {
   var i = e.__c;
-  i && i.__R && i.__R(), i && e.__h === !0 && (e.type = null), xi && xi(e);
+  i && i.__R && i.__R(), i && e.__h === !0 && (e.type = null), _i && _i(e);
 }, (Te.prototype = new E()).__c = function(e, i) {
   var n = i.__c, a = this;
   a.t == null && (a.t = []), a.t.push(n);
@@ -1321,7 +1321,7 @@ b.unmount = function(e) {
     s
   ];
 };
-var Ci = function(e, i, n) {
+var xi = function(e, i, n) {
   if (++n[1] === n[0] && e.o.delete(i), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.o.size)) for (n = e.u; n; ) {
     for (; n.length > 3; ) n.pop()();
     if (n[1] < n[0]) break;
@@ -1332,7 +1332,7 @@ var Ci = function(e, i, n) {
   var i = this, n = fn(i.__v), a = i.o.get(e);
   return a[0]++, function(s) {
     var f = function() {
-      i.props.revealOrder ? (a.push(s), Ci(i, e, a)) : s();
+      i.props.revealOrder ? (a.push(s), xi(i, e, a)) : s();
     };
     n ? n(f) : f();
   };
@@ -1349,7 +1349,7 @@ var Ci = function(e, i, n) {
 }, ke.prototype.componentDidUpdate = ke.prototype.componentDidMount = function() {
   var e = this;
   this.o.forEach(function(i, n) {
-    Ci(e, n, i);
+    xi(e, n, i);
   });
 };
 var fa = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, sa = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, oa = typeof document < "u", ra = function(e) {
@@ -1374,7 +1374,7 @@ E.prototype.isReactComponent = {}, [
     }
   });
 });
-var Fi = b.event;
+var Ci = b.event;
 function ta() {
 }
 function da() {
@@ -1384,14 +1384,14 @@ function la() {
   return this.defaultPrevented;
 }
 b.event = function(e) {
-  return Fi && (e = Fi(e)), e.persist = ta, e.isPropagationStopped = da, e.isDefaultPrevented = la, e.nativeEvent = e;
+  return Ci && (e = Ci(e)), e.persist = ta, e.isPropagationStopped = da, e.isDefaultPrevented = la, e.nativeEvent = e;
 };
-var Si = {
+var Fi = {
   configurable: !0,
   get: function() {
     return this.class;
   }
-}, Mi = b.vnode;
+}, Si = b.vnode;
 b.vnode = function(e) {
   var i = e.type, n = e.props, a = n;
   if (typeof i == "string") {
@@ -1404,13 +1404,13 @@ b.vnode = function(e) {
       d.props.selected = a.value.indexOf(d.props.value) != -1;
     })), i == "select" && a.defaultValue != null && (a.value = xe(n.children).forEach(function(d) {
       d.props.selected = a.multiple ? a.defaultValue.indexOf(d.props.value) != -1 : a.defaultValue == d.props.value;
-    })), e.props = a, n.class != n.className && (Si.enumerable = "className" in n, n.className != null && (a.class = n.className), Object.defineProperty(a, "className", Si));
+    })), e.props = a, n.class != n.className && (Fi.enumerable = "className" in n, n.className != null && (a.class = n.className), Object.defineProperty(a, "className", Fi));
   }
-  e.$$typeof = fa, Mi && Mi(e);
+  e.$$typeof = fa, Si && Si(e);
 };
-var $i = b.__r;
+var Mi = b.__r;
 b.__r = function(e) {
-  $i && $i(e), e.__c;
+  Mi && Mi(e), e.__c;
 };
 const ua = {
   light: "outline",
@@ -2270,7 +2270,7 @@ class ma extends E {
     };
   }
 }
-class Ke extends ea {
+class Ue extends ea {
   async connectedCallback() {
     const i = Xi(this.props, G, this);
     i.element = this, i.ref = (n) => {
@@ -2285,8 +2285,8 @@ class Ke extends ea {
     });
   }
 }
-H(Ke, "Props", G);
-typeof customElements < "u" && !customElements.get("em-emoji-picker") && customElements.define("em-emoji-picker", Ke);
+H(Ue, "Props", G);
+typeof customElements < "u" && !customElements.get("em-emoji-picker") && customElements.define("em-emoji-picker", Ue);
 var sn = {};
 sn = `:host {
   width: min-content;
@@ -3005,8 +3005,8 @@ button {
 
 `;
 function ka(e) {
-  const i = si(null), n = si(null);
-  return n.current && n.current.update(e), Sn(() => (n.current = new Ke({
+  const i = fi(null), n = fi(null);
+  return n.current && n.current.update(e), Sn(() => (n.current = new Ue({
     ...e,
     ref: i
   }), () => {
@@ -3028,7 +3028,7 @@ const pa = ({
   set: n = "google",
   onEmojiSelect: a
 }) => {
-  const [s, f] = qi(!1), o = /* @__PURE__ */ w("em-emoji", { id: e, set: n, size: i ? "1.6em" : "1.2em" });
+  const [s, f] = Pi(!1), o = /* @__PURE__ */ w("em-emoji", { id: e, set: n, size: i ? "1.6em" : "1.2em" });
   return /* @__PURE__ */ P("div", { className: "relative flex items-center", children: [
     i ? /* @__PURE__ */ w(
       "button",
@@ -3055,7 +3055,7 @@ const pa = ({
       }
     ) })
   ] });
-}, Je = ({
+}, Ke = ({
   color: e = "amber",
   onClick: i,
   customClass: n = "",
@@ -3063,7 +3063,7 @@ const pa = ({
   emojiId: s,
   loading: f = !1
 }) => {
-  const o = Ve[e];
+  const o = qi[e];
   return f ? /* @__PURE__ */ w(
     "div",
     {
@@ -3112,14 +3112,14 @@ function ya() {
   for (var e, i, n = 0, a = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (i = rn(e)) && (a && (a += " "), a += i);
   return a;
 }
-const Ye = "-", _a = (e) => {
+const Je = "-", _a = (e) => {
   const i = Ca(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: a
   } = e;
   return {
     getClassGroupId: (o) => {
-      const d = o.split(Ye);
+      const d = o.split(Je);
       return d[0] === "" && d.length !== 1 && d.shift(), tn(d, i) || xa(o);
     },
     getConflictingClassGroupIds: (o, d) => {
@@ -3135,13 +3135,13 @@ const Ye = "-", _a = (e) => {
     return s;
   if (i.validators.length === 0)
     return;
-  const f = e.join(Ye);
+  const f = e.join(Je);
   return i.validators.find(({
     validator: o
   }) => o(f))?.classGroupId;
-}, Bi = /^\[(.+)\]$/, xa = (e) => {
-  if (Bi.test(e)) {
-    const i = Bi.exec(e)[1], n = i?.substring(0, i.indexOf(":"));
+}, $i = /^\[(.+)\]$/, xa = (e) => {
+  if ($i.test(e)) {
+    const i = $i.exec(e)[1], n = i?.substring(0, i.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
@@ -3159,7 +3159,7 @@ const Ye = "-", _a = (e) => {
 }, Ie = (e, i, n, a) => {
   e.forEach((s) => {
     if (typeof s == "string") {
-      const f = s === "" ? i : zi(i, s);
+      const f = s === "" ? i : Bi(i, s);
       f.classGroupId = n;
       return;
     }
@@ -3175,12 +3175,12 @@ const Ye = "-", _a = (e) => {
       return;
     }
     Object.entries(s).forEach(([f, o]) => {
-      Ie(o, zi(i, f), n, a);
+      Ie(o, Bi(i, f), n, a);
     });
   });
-}, zi = (e, i) => {
+}, Bi = (e, i) => {
   let n = e;
-  return i.split(Ye).forEach((a) => {
+  return i.split(Je).forEach((a) => {
     n.nextPart.has(a) || n.nextPart.set(a, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
@@ -3358,7 +3358,7 @@ const M = (e) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   La.test(e) && !Ea.test(e)
-), cn = () => !1, Ga = (e) => Aa.test(e), Oa = (e) => Da.test(e), Va = (e) => !k(e) && !g(e), Ua = (e) => ae(e, kn, cn), k = (e) => ln.test(e), Y = (e) => ae(e, gn, Ia), He = (e) => ae(e, Xa, _), ji = (e) => ae(e, vn, cn), Ka = (e) => ae(e, mn, Oa), he = (e) => ae(e, hn, Ga), g = (e) => un.test(e), re = (e) => fe(e, gn), Ja = (e) => fe(e, Qa), Pi = (e) => fe(e, vn), Ya = (e) => fe(e, kn), Za = (e) => fe(e, mn), we = (e) => fe(e, hn, !0), ae = (e, i, n) => {
+), cn = () => !1, Ga = (e) => Aa.test(e), Oa = (e) => Da.test(e), Va = (e) => !k(e) && !g(e), Ua = (e) => ae(e, kn, cn), k = (e) => ln.test(e), Y = (e) => ae(e, gn, Ia), He = (e) => ae(e, Xa, _), zi = (e) => ae(e, vn, cn), Ka = (e) => ae(e, mn, Oa), he = (e) => ae(e, hn, Ga), g = (e) => un.test(e), re = (e) => fe(e, gn), Ja = (e) => fe(e, Qa), ji = (e) => fe(e, vn), Ya = (e) => fe(e, kn), Za = (e) => fe(e, mn), we = (e) => fe(e, hn, !0), ae = (e, i, n) => {
   const a = ln.exec(e);
   return a ? a[1] ? i(a[1]) : n(a[2]) : !1;
 }, fe = (e, i, n = !1) => {
@@ -3383,13 +3383,13 @@ const M = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], W = () => [...z(), g, k], K = () => ["auto", "hidden", "clip", "visible", "scroll"], oe = () => ["auto", "contain", "none"], y = () => [g, k, r], A = () => [X, "full", "auto", ...y()], Ze = () => [O, "none", "subgrid", g, k], Xe = () => ["auto", {
+  ], W = () => [...z(), g, k], K = () => ["auto", "hidden", "clip", "visible", "scroll"], oe = () => ["auto", "contain", "none"], y = () => [g, k, r], A = () => [X, "full", "auto", ...y()], Ye = () => [O, "none", "subgrid", g, k], Ze = () => ["auto", {
     span: ["full", O, g, k]
-  }, O, g, k], le = () => [O, "auto", g, k], Qe = () => ["auto", "min", "max", "fr", g, k], $e = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Z = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...y()], J = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], p = () => [e, g, k], ei = () => [...z(), Pi, ji, {
+  }, O, g, k], le = () => [O, "auto", g, k], Xe = () => ["auto", "min", "max", "fr", g, k], $e = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Z = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...y()], J = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], p = () => [e, g, k], Qe = () => [...z(), ji, zi, {
     position: [g, k]
-  }], ii = () => ["no-repeat", {
+  }], ei = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ni = () => ["auto", "cover", "contain", Ya, Ua, {
+  }], ii = () => ["auto", "cover", "contain", Ya, Ua, {
     size: [g, k]
   }], Be = () => [Re, re, Y], T = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -3399,7 +3399,7 @@ const M = (e) => {
     l,
     g,
     k
-  ], R = () => ["", _, re, Y], ue = () => ["solid", "dashed", "dotted", "double"], ai = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => [_, Re, Pi, ji], fi = () => [
+  ], R = () => ["", _, re, Y], ue = () => ["solid", "dashed", "dotted", "double"], ni = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => [_, Re, ji, zi], ai = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3711,14 +3711,14 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": Ze()
+        "grid-cols": Ye()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: Xe()
+        col: Ze()
       }],
       /**
        * Grid Column Start
@@ -3739,14 +3739,14 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": Ze()
+        "grid-rows": Ye()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: Xe()
+        row: Ze()
       }],
       /**
        * Grid Row Start
@@ -3774,14 +3774,14 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": Qe()
+        "auto-cols": Xe()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": Qe()
+        "auto-rows": Xe()
       }],
       /**
        * Gap
@@ -4358,21 +4358,21 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ei()
+        bg: Qe()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: ii()
+        bg: ei()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ni()
+        bg: ii()
       }],
       /**
        * Background Image
@@ -4860,14 +4860,14 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ai(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ni(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ai()
+        "bg-blend": ni()
       }],
       /**
        * Mask Clip
@@ -5035,21 +5035,21 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ei()
+        mask: Qe()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: ii()
+        mask: ei()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: ni()
+        mask: ii()
       }],
       /**
        * Mask Type
@@ -5086,7 +5086,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: fi()
+        blur: ai()
       }],
       /**
        * Brightness
@@ -5176,7 +5176,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": fi()
+        "backdrop-blur": ai()
       }],
       /**
        * Backdrop Brightness
@@ -5912,7 +5912,7 @@ const Cn = ({
         (e || i || f && d === "top-right") && /* @__PURE__ */ P(bn, { className: "mb-4 flex items-start justify-between", children: [
           /* @__PURE__ */ P("div", { className: "flex items-center gap-3", children: [
             a && /* @__PURE__ */ w(
-              Je,
+              Ke,
               {
                 color: r,
                 iconSrc: a,
@@ -5926,7 +5926,7 @@ const Cn = ({
             ] })
           ] }),
           f && d === "top-right" && /* @__PURE__ */ w(
-            oi,
+            si,
             {
               label: o,
               size: v,
@@ -5938,7 +5938,7 @@ const Cn = ({
         ] }),
         n && /* @__PURE__ */ w(_n, { className: "flex flex-col gap-4 font-regular", children: n }),
         f && d === "bottom-right" && /* @__PURE__ */ w(xn, { className: "flex justify-end pt-2", children: /* @__PURE__ */ w(
-          oi,
+          si,
           {
             label: o,
             size: v,
@@ -5959,9 +5959,9 @@ const Cn = ({
   showPercentage: f = !1,
   loading: o = !1
 }) => {
-  const d = Ve[e], r = /* @__PURE__ */ P("div", { className: "flex w-full items-center pt-3", children: [
+  const d = /* @__PURE__ */ P("div", { className: "flex w-full items-center pt-1", children: [
     /* @__PURE__ */ w(
-      Je,
+      Ke,
       {
         color: e,
         iconSrc: i,
@@ -6004,8 +6004,8 @@ const Cn = ({
               className: "absolute top-0 left-0 h-full rounded-2xl transition-all duration-300",
               style: {
                 width: `${a}%`,
-                background: "linear-gradient(to right, #FFC801, #FFC801)",
-                boxShadow: `0 1px 2px ${d.dark}`
+                backgroundColor: "#FFC801",
+                boxShadow: "0 1px 2px #CC9F00"
               }
             }
           )
@@ -6013,11 +6013,11 @@ const Cn = ({
       )
     ] })
   ] });
-  return s ? /* @__PURE__ */ w(Cn, { children: r }) : r;
+  return s ? /* @__PURE__ */ w(Cn, { children: d }) : d;
 }, rf = ({
   color: e = "lightBlue"
 }) => {
-  const [i, n] = qi(!1), a = {
+  const [i, n] = Pi(!1), a = {
     lightBlue: "bg-blue-500",
     amber: "bg-amber-500",
     cyan: "bg-cyan-500"
@@ -6055,7 +6055,7 @@ const Cn = ({
   size: n = 20,
   loading: a = !1
 }) => {
-  const s = Ve[e];
+  const s = qi[e];
   return a ? /* @__PURE__ */ w(
     "div",
     {
@@ -6106,9 +6106,9 @@ const Cn = ({
   records: n = {},
   emojiId: a = "pancakes",
   loading: s = !1
-}) => /* @__PURE__ */ P("div", { className: "flex w-full rounded-lg pt-3", children: [
+}) => /* @__PURE__ */ P("div", { className: "flex w-full rounded-lg pt-1", children: [
   /* @__PURE__ */ w(
-    Je,
+    Ke,
     {
       emojiId: a,
       color: i,
@@ -6150,7 +6150,7 @@ const Cn = ({
     buttonColor: n,
     buttonLabel: a,
     buttonSize: "small",
-    children: /* @__PURE__ */ w("section", { className: "flex flex-col space-y-3 h-full", children: i ? [...Array(10)].map((s, f) => /* @__PURE__ */ P(
+    children: /* @__PURE__ */ w("section", { className: "flex flex-col h-full", children: i ? [...Array(10)].map((s, f) => /* @__PURE__ */ P(
       "article",
       {
         className: "flex w-full rounded-md h-1/3 space-x-2 animate-pulse",
@@ -6166,7 +6166,7 @@ const Cn = ({
     )) : e.map((s, f) => /* @__PURE__ */ P(
       "article",
       {
-        className: `flex items-center space-x-4 px-3 py-1 rounded-lg cursor-pointer ${s.selected ? "border-2 border-[#ffd700] bg-[#ffecb3] hover:border-[#FFC200] hover:bg-[#FFE08A]" : "hover:bg-gray-100 hover:cursor-pointer"}`,
+        className: `flex items-center px-3 py-1 rounded-lg cursor-pointer ${s.selected ? "border-2 border-[#ffd700] bg-[#ffecb3] hover:border-[#FFC200] hover:bg-[#FFE08A]" : "hover:bg-gray-100 hover:cursor-pointer"}`,
         children: [
           /* @__PURE__ */ w("p", { className: "text-lg font-bold text-sec w-4", children: f + 1 }),
           /* @__PURE__ */ w("div", { className: "w-10 h-10 bg-gray-300 rounded-full overflow-hidden", children: /* @__PURE__ */ w(
@@ -6177,7 +6177,7 @@ const Cn = ({
               className: "inline select-none pointer-events-none object-cover"
             }
           ) }),
-          /* @__PURE__ */ w("p", { className: "flex-grow text-lg font-gabaritoMedium text-sec", children: s.username }),
+          /* @__PURE__ */ w("p", { className: "ml-2 flex-grow text-lg font-gabaritoMedium text-sec", children: s.username }),
           /* @__PURE__ */ P("p", { className: "text-sm font-regular text-sec", children: [
             s.xp,
             " XP"
@@ -6189,7 +6189,7 @@ const Cn = ({
   }
 );
 export {
-  oi as Button,
+  si as Button,
   Cn as Card,
   df as Leaderboard,
   of as ProgressBar,