next-ui-lib 0.1.33 → 0.1.35

package/dist/ui.es.js

@@ -143,19 +143,19 @@ function _e() {
   });
 }
 function Ai(e, i, n, a, s, f, o, d, r, l) {
-  var t, v, c, m, h, x, C, S = a && a.__k || Wi, $ = S.length;
-  for (n.__k = [], t = 0; t < i.length; t++) if ((m = n.__k[t] = (m = i[t]) == null || typeof m == "boolean" ? null : typeof m == "string" || typeof m == "number" || typeof m == "bigint" ? be(null, m, null, null, m) : Array.isArray(m) ? be(ee, {
-    children: m
-  }, null, null, null) : m.__b > 0 ? be(m.type, m.props, m.key, null, m.__v) : m) != null) {
-    if (m.__ = n, m.__b = n.__b + 1, (c = S[t]) === null || c && m.key == c.key && m.type === c.type) S[t] = void 0;
+  var t, v, c, g, h, x, C, S = a && a.__k || Wi, $ = S.length;
+  for (n.__k = [], t = 0; t < i.length; t++) if ((g = n.__k[t] = (g = i[t]) == null || typeof g == "boolean" ? null : typeof g == "string" || typeof g == "number" || typeof g == "bigint" ? be(null, g, null, null, g) : Array.isArray(g) ? be(ee, {
+    children: g
+  }, null, null, null) : g.__b > 0 ? be(g.type, g.props, g.key, null, g.__v) : g) != null) {
+    if (g.__ = n, g.__b = n.__b + 1, (c = S[t]) === null || c && g.key == c.key && g.type === c.type) S[t] = void 0;
     else for (v = 0; v < $; v++) {
-      if ((c = S[v]) && m.key == c.key && m.type === c.type) {
+      if ((c = S[v]) && g.key == c.key && g.type === c.type) {
         S[v] = void 0;
         break;
       }
       c = null;
     }
-    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));
+    Ve(e, g, c = c || ye, s, f, o, d, r, l), h = g.__e, (v = g.ref) && c.ref != v && (C || (C = []), c.ref && C.push(c.ref, null, g), C.push(v, g.__c || h, g)), h != null ? (x == null && (x = h), typeof g.type == "function" && g.__k === c.__k ? g.__d = r = Di(g, r, e) : r = Ni(e, g, 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]);
@@ -213,14 +213,14 @@ function li(e) {
   this.l[e.type + !0](b.event ? b.event(e) : e);
 }
 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;
+  var l, t, v, c, g, 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 = [
     d
   ]), (l = b.__b) && l(i);
   try {
     e: if (typeof z == "function") {
-      if (C = i.props, S = (l = z.contextType) && a[l.__c], $ = l ? S ? S.props.value : l.__ : a, n.__c ? x = (t = i.__c = n.__c).__ = t.__E : ("prototype" in z && z.prototype.render ? i.__c = t = new z(C, $) : (i.__c = t = new E(C, $), t.constructor = z, t.render = Pn), S && S.sub(t), t.props = C, t.state || (t.state = {}), t.context = $, t.__n = a, v = t.__d = !0, t.__h = []), t.__s == null && (t.__s = t.state), z.getDerivedStateFromProps != null && (t.__s == t.state && (t.__s = V({}, t.__s)), V(t.__s, z.getDerivedStateFromProps(C, t.__s))), c = t.props, m = t.state, v) z.getDerivedStateFromProps == null && t.componentWillMount != null && t.componentWillMount(), t.componentDidMount != null && t.__h.push(t.componentDidMount);
+      if (C = i.props, S = (l = z.contextType) && a[l.__c], $ = l ? S ? S.props.value : l.__ : a, n.__c ? x = (t = i.__c = n.__c).__ = t.__E : ("prototype" in z && z.prototype.render ? i.__c = t = new z(C, $) : (i.__c = t = new E(C, $), t.constructor = z, t.render = Pn), S && S.sub(t), t.props = C, t.state || (t.state = {}), t.context = $, t.__n = a, v = t.__d = !0, t.__h = []), t.__s == null && (t.__s = t.state), z.getDerivedStateFromProps != null && (t.__s == t.state && (t.__s = V({}, t.__s)), V(t.__s, z.getDerivedStateFromProps(C, t.__s))), c = t.props, g = t.state, v) z.getDerivedStateFromProps == null && t.componentWillMount != null && t.componentWillMount(), t.componentDidMount != null && t.__h.push(t.componentDidMount);
       else {
         if (z.getDerivedStateFromProps == null && C !== c && t.componentWillReceiveProps != null && t.componentWillReceiveProps(C, $), !t.__e && t.shouldComponentUpdate != null && t.shouldComponentUpdate(C, t.__s, $) === !1 || i.__v === n.__v) {
           t.props = C, t.state = t.__s, i.__v !== n.__v && (t.__d = !1), t.__v = i, i.__e = n.__e, i.__k = n.__k, i.__k.forEach(function(W) {
@@ -229,10 +229,10 @@ function Ve(e, i, n, a, s, f, o, d, r) {
           break e;
         }
         t.componentWillUpdate != null && t.componentWillUpdate(C, t.__s, $), t.componentDidUpdate != null && t.__h.push(function() {
-          t.componentDidUpdate(c, m, h);
+          t.componentDidUpdate(c, g, h);
         });
       }
-      t.context = $, t.props = C, t.state = t.__s, (l = b.__r) && l(i), t.__d = !1, t.__v = i, t.__P = e, l = t.render(t.props, t.state, t.context), t.state = t.__s, t.getChildContext != null && (a = V(V({}, a), t.getChildContext())), v || t.getSnapshotBeforeUpdate == null || (h = t.getSnapshotBeforeUpdate(c, m)), L = l != null && l.type === ee && l.key == null ? l.props.children : l, Ai(e, Array.isArray(L) ? L : [
+      t.context = $, t.props = C, t.state = t.__s, (l = b.__r) && l(i), t.__d = !1, t.__v = i, t.__P = e, l = t.render(t.props, t.state, t.context), t.state = t.__s, t.getChildContext != null && (a = V(V({}, a), t.getChildContext())), v || t.getSnapshotBeforeUpdate == null || (h = t.getSnapshotBeforeUpdate(c, g)), L = l != null && l.type === ee && l.key == null ? l.props.children : l, Ai(e, Array.isArray(L) ? L : [
         L
       ], i, n, a, s, f, o, d, r), t.base = i.__e, i.__h = null, t.__h.length && o.push(t), x && (t.__E = t.__ = null), t.__e = !1;
     } else f == null && i.__v === n.__v ? (i.__k = n.__k, i.__e = n.__e) : i.__e = jn(n.__e, i, n, a, s, f, o, r);
@@ -253,18 +253,18 @@ function Ii(e, i) {
   });
 }
 function jn(e, i, n, a, s, f, o, d) {
-  var r, l, t, v = n.props, c = i.props, m = i.type, h = 0;
-  if (m === "svg" && (s = !0), f != null) {
-    for (; h < f.length; h++) if ((r = f[h]) && "setAttribute" in r == !!m && (m ? r.localName === m : r.nodeType === 3)) {
+  var r, l, t, v = n.props, c = i.props, g = i.type, h = 0;
+  if (g === "svg" && (s = !0), f != null) {
+    for (; h < f.length; h++) if ((r = f[h]) && "setAttribute" in r == !!g && (g ? r.localName === g : r.nodeType === 3)) {
       e = r, f[h] = null;
       break;
     }
   }
   if (e == null) {
-    if (m === null) return document.createTextNode(c);
-    e = s ? document.createElementNS("http://www.w3.org/2000/svg", m) : document.createElement(m, c.is && c), f = null, d = !1;
+    if (g === null) return document.createTextNode(c);
+    e = s ? document.createElementNS("http://www.w3.org/2000/svg", g) : document.createElement(g, c.is && c), f = null, d = !1;
   }
-  if (m === null) v === c || d && e.data === c || (e.data = c);
+  if (g === null) v === c || d && e.data === c || (e.data = c);
   else {
     if (f = f && Me.call(e.childNodes), l = (v = n.props || ye).dangerouslySetInnerHTML, t = c.dangerouslySetInnerHTML, !d) {
       if (f != null) for (v = {}, h = 0; h < e.attributes.length; h++) v[e.attributes[h].name] = e.attributes[h].value;
@@ -273,8 +273,8 @@ function jn(e, i, n, a, s, f, o, d) {
     if (zn(e, c, v, s, d), t) i.__k = [];
     else if (h = i.props.children, Ai(e, Array.isArray(h) ? h : [
       h
-    ], i, n, a, s && m !== "foreignObject", f, o, f ? f[0] : n.__k && ie(n, 0), d), f != null) for (h = f.length; h--; ) f[h] != null && Li(f[h]);
-    d || ("value" in c && (h = c.value) !== void 0 && (h !== v.value || h !== e.value || m === "progress" && !h) && Ce(e, "value", h, v.value, !1), "checked" in c && (h = c.checked) !== void 0 && h !== e.checked && Ce(e, "checked", h, v.checked, !1));
+    ], i, n, a, s && g !== "foreignObject", f, o, f ? f[0] : n.__k && ie(n, 0), d), f != null) for (h = f.length; h--; ) f[h] != null && Li(f[h]);
+    d || ("value" in c && (h = c.value) !== void 0 && (h !== v.value || h !== e.value || g === "progress" && !h) && Ce(e, "value", h, v.value, !1), "checked" in c && (h = c.checked) !== void 0 && h !== e.checked && Ce(e, "checked", h, v.checked, !1));
   }
   return e;
 }
@@ -738,19 +738,19 @@ async function Nn(e) {
     }
     let t = r.emojis.length;
     for (; t--; ) {
-      const v = r.emojis[t], c = v.id ? v : F.emojis[v], m = () => {
+      const v = r.emojis[t], c = v.id ? v : F.emojis[v], g = () => {
         r.emojis.splice(t, 1);
       };
       if (!c || e.exceptEmojis && e.exceptEmojis.includes(c.id)) {
-        m();
+        g();
         continue;
       }
       if (s && c.version > s) {
-        m();
+        g();
         continue;
       }
       if (f && r.id == "flags" && !Un.includes(c.id)) {
-        m();
+        g();
         continue;
       }
       if (!c.search) {
@@ -1284,10 +1284,10 @@ b.unmount = function(e) {
     if (!--a.__u) {
       if (a.state.__e) {
         var l = a.state.__e;
-        a.__v.__k[0] = (function v(c, m, h) {
+        a.__v.__k[0] = (function v(c, g, h) {
           return c && (c.__v = null, c.__k = c.__k && c.__k.map(function(x) {
-            return v(x, m, h);
-          }), c.__c && c.__c.__P === m && (c.__e && h.insertBefore(c.__e, c.__d), c.__c.__e = !0, c.__c.__P = h)), c;
+            return v(x, g, h);
+          }), c.__c && c.__c.__P === g && (c.__e && h.insertBefore(c.__e, c.__d), c.__c.__e = !0, c.__c.__P = h)), c;
         })(l, l.__c.__P, l.__c.__O);
       }
       var t;
@@ -1993,7 +1993,7 @@ class ma extends E {
               children: o.map((d, r) => {
                 const l = d.index - d.index % ge.rowsPerRender, t = this.state.visibleRows[l], v = "current" in d ? d : void 0;
                 if (!t && !v) return null;
-                const c = r * a, m = c + a, h = s.emojis.slice(c, m);
+                const c = r * a, g = c + a, h = s.emojis.slice(c, g);
                 return h.length < a && h.push(...new Array(a - h.length)), /* @__PURE__ */ u("div", {
                   "data-index": d.index,
                   ref: v,
@@ -3232,12 +3232,12 @@ const Je = "-", _a = (e) => {
       }
       x === "[" ? o++ : x === "]" ? o-- : x === "(" ? d++ : x === ")" && d--;
     }
-    const t = f.length === 0 ? s : s.substring(r), v = Ba(t), c = v !== t, m = l && l > r ? l - r : void 0;
+    const t = f.length === 0 ? s : s.substring(r), v = Ba(t), c = v !== t, g = l && l > r ? l - r : void 0;
     return {
       modifiers: f,
       hasImportantModifier: c,
       baseClassName: v,
-      maybePostfixModifierPosition: m
+      maybePostfixModifierPosition: g
     };
   };
   if (i) {
@@ -3286,7 +3286,7 @@ const Je = "-", _a = (e) => {
     const t = d[l], {
       isExternal: v,
       modifiers: c,
-      hasImportantModifier: m,
+      hasImportantModifier: g,
       baseClassName: h,
       maybePostfixModifierPosition: x
     } = n(t);
@@ -3306,7 +3306,7 @@ const Je = "-", _a = (e) => {
       }
       C = !1;
     }
-    const $ = f(c).join(":"), L = m ? $ + Ge : $, z = L + S;
+    const $ = f(c).join(":"), L = g ? $ + Ge : $, z = L + S;
     if (o.includes(z))
       continue;
     o.push(z);
@@ -3358,14 +3358,14 @@ 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, _), 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) => {
+), cn = () => !1, Ga = (e) => Aa.test(e), Oa = (e) => Da.test(e), Va = (e) => !m(e) && !k(e), Ua = (e) => ae(e, kn, cn), m = (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), k = (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) => {
   const a = un.exec(e);
   return a ? a[1] ? i(a[1]) : n : !1;
 }, vn = (e) => e === "position" || e === "percentage", mn = (e) => e === "image" || e === "url", kn = (e) => e === "length" || e === "size" || e === "bg-size", gn = (e) => e === "length", Xa = (e) => e === "number", Qa = (e) => e === "family-name", hn = (e) => e === "shadow", ef = () => {
-  const e = M("color"), i = M("font"), n = M("text"), a = M("font-weight"), s = M("tracking"), f = M("leading"), o = M("breakpoint"), d = M("container"), r = M("spacing"), l = M("radius"), t = M("shadow"), v = M("inset-shadow"), c = M("text-shadow"), m = M("drop-shadow"), h = M("blur"), x = M("perspective"), C = M("aspect"), S = M("ease"), $ = M("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [
+  const e = M("color"), i = M("font"), n = M("text"), a = M("font-weight"), s = M("tracking"), f = M("leading"), o = M("breakpoint"), d = M("container"), r = M("spacing"), l = M("radius"), t = M("shadow"), v = M("inset-shadow"), c = M("text-shadow"), g = M("drop-shadow"), h = M("blur"), x = M("perspective"), C = M("aspect"), S = M("ease"), $ = M("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [
     "center",
     "top",
     "bottom",
@@ -3383,30 +3383,30 @@ 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()], Ye = () => [O, "none", "subgrid", g, k], Ze = () => ["auto", {
-    span: ["full", O, g, k]
-  }, 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]
+  ], W = () => [...z(), k, m], K = () => ["auto", "hidden", "clip", "visible", "scroll"], oe = () => ["auto", "contain", "none"], y = () => [k, m, r], A = () => [X, "full", "auto", ...y()], Ye = () => [O, "none", "subgrid", k, m], Ze = () => ["auto", {
+    span: ["full", O, k, m]
+  }, O, k, m], le = () => [O, "auto", k, m], Xe = () => ["auto", "min", "max", "fr", k, m], $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, k, m], Qe = () => [...z(), ji, zi, {
+    position: [k, m]
   }], ei = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], ii = () => ["auto", "cover", "contain", Ya, Ua, {
-    size: [g, k]
+    size: [k, m]
   }], Be = () => [Re, re, Y], T = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     l,
-    g,
-    k
+    k,
+    m
   ], 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",
     h,
-    g,
-    k
-  ], ce = () => ["none", _, g, k], ve = () => ["none", _, g, k], ze = () => [_, g, k], me = () => [X, "full", ...y()];
+    k,
+    m
+  ], ce = () => ["none", _, k, m], ve = () => ["none", _, k, m], ze = () => [_, k, m], me = () => [X, "full", ...y()];
   return {
     cacheSize: 500,
     theme: {
@@ -3439,7 +3439,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", X, k, g, C]
+        aspect: ["auto", "square", X, m, k, C]
       }],
       /**
        * Container
@@ -3452,7 +3452,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [_, k, g, d]
+        columns: [_, m, k, d]
       }],
       /**
        * Break After
@@ -3652,7 +3652,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [O, "auto", g, k]
+        z: [O, "auto", k, m]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -3683,28 +3683,28 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [_, X, "auto", "initial", "none", k]
+        flex: [_, X, "auto", "initial", "none", m]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", _, g, k]
+        grow: ["", _, k, m]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", _, g, k]
+        shrink: ["", _, k, m]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [O, "first", "last", "none", g, k]
+        order: [O, "first", "last", "none", k, m]
       }],
       /**
        * Grid Template Columns
@@ -4116,21 +4116,21 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [a, g, He]
+        font: [a, k, He]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Re, k]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Re, m]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Ja, k, i]
+        font: [Ja, m, i]
       }],
       /**
        * Font Variant Numeric
@@ -4167,14 +4167,14 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, g, k]
+        tracking: [s, k, m]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [_, "none", g, He]
+        "line-clamp": [_, "none", k, He]
       }],
       /**
        * Line Height
@@ -4192,7 +4192,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", g, k]
+        "list-image": ["none", k, m]
       }],
       /**
        * List Style Position
@@ -4206,7 +4206,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", g, k]
+        list: ["disc", "decimal", "none", k, m]
       }],
       /**
        * Text Alignment
@@ -4247,7 +4247,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [_, "from-font", "auto", g, Y]
+        decoration: [_, "from-font", "auto", k, Y]
       }],
       /**
        * Text Decoration Color
@@ -4261,7 +4261,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [_, "auto", g, k]
+        "underline-offset": [_, "auto", k, m]
       }],
       /**
        * Text Transform
@@ -4292,7 +4292,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", g, k]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", k, m]
       }],
       /**
        * Whitespace
@@ -4327,7 +4327,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", g, k]
+        content: ["none", k, m]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -4382,9 +4382,9 @@ const M = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, O, g, k],
-          radial: ["", g, k],
-          conic: [O, g, k]
+          }, O, k, m],
+          radial: ["", k, m],
+          conic: [O, k, m]
         }, Za, Ka]
       }],
       /**
@@ -4727,7 +4727,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [_, g, k]
+        "outline-offset": [_, k, m]
       }],
       /**
        * Outline Width
@@ -4853,7 +4853,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [_, g, k]
+        opacity: [_, k, m]
       }],
       /**
        * Mix Blend Mode
@@ -4975,7 +4975,7 @@ const M = (e) => {
         "mask-y-to": p()
       }],
       "mask-image-radial": [{
-        "mask-radial": [g, k]
+        "mask-radial": [k, m]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": B()
@@ -5063,7 +5063,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", g, k]
+        mask: ["none", k, m]
       }],
       // ---------------
       // --- Filters ---
@@ -5077,8 +5077,8 @@ const M = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          g,
-          k
+          k,
+          m
         ]
       }],
       /**
@@ -5093,14 +5093,14 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [_, g, k]
+        brightness: [_, k, m]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [_, g, k]
+        contrast: [_, k, m]
       }],
       /**
        * Drop Shadow
@@ -5111,7 +5111,7 @@ const M = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          m,
+          g,
           we,
           he
         ]
@@ -5128,35 +5128,35 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", _, g, k]
+        grayscale: ["", _, k, m]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [_, g, k]
+        "hue-rotate": [_, k, m]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", _, g, k]
+        invert: ["", _, k, m]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [_, g, k]
+        saturate: [_, k, m]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", _, g, k]
+        sepia: ["", _, k, m]
       }],
       /**
        * Backdrop Filter
@@ -5167,8 +5167,8 @@ const M = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          g,
-          k
+          k,
+          m
         ]
       }],
       /**
@@ -5183,56 +5183,56 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [_, g, k]
+        "backdrop-brightness": [_, k, m]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [_, g, k]
+        "backdrop-contrast": [_, k, m]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", _, g, k]
+        "backdrop-grayscale": ["", _, k, m]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [_, g, k]
+        "backdrop-hue-rotate": [_, k, m]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", _, g, k]
+        "backdrop-invert": ["", _, k, m]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [_, g, k]
+        "backdrop-opacity": [_, k, m]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [_, g, k]
+        "backdrop-saturate": [_, k, m]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", _, g, k]
+        "backdrop-sepia": ["", _, k, m]
       }],
       // --------------
       // --- Tables ---
@@ -5287,7 +5287,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", g, k]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", k, m]
       }],
       /**
        * Transition Behavior
@@ -5301,28 +5301,28 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [_, "initial", g, k]
+        duration: [_, "initial", k, m]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", S, g, k]
+        ease: ["linear", "initial", S, k, m]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [_, g, k]
+        delay: [_, k, m]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, g, k]
+        animate: ["none", $, k, m]
       }],
       // ------------------
       // --- Transforms ---
@@ -5339,7 +5339,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [x, g, k]
+        perspective: [x, k, m]
       }],
       /**
        * Perspective Origin
@@ -5435,7 +5435,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [g, k, "", "none", "gpu", "cpu"]
+        transform: [k, m, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -5520,7 +5520,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", g, k]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", k, m]
       }],
       /**
        * Field Sizing
@@ -5742,7 +5742,7 @@ const M = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", g, k]
+        "will-change": ["auto", "scroll", "contents", "transform", k, m]
       }],
       // -----------
       // --- SVG ---
@@ -5887,16 +5887,15 @@ const Cn = ({
   children: n,
   iconSrc: a,
   customClass: s = "",
-  button: f = !1,
-  buttonLabel: o = "Button",
-  buttonPosition: d = "top-right",
-  bgIconColor: r = "amber",
-  buttonColor: l = "lightBlue",
-  buttonVariant: t = "primary",
-  buttonSize: v = "medium",
-  onButtonClick: c
+  buttonLabel: f = null,
+  buttonPosition: o = "top-right",
+  bgIconColor: d = "amber",
+  buttonColor: r = "lightBlue",
+  buttonVariant: l = "primary",
+  buttonSize: t = "medium",
+  onButtonClick: v
 }) => {
-  const m = c ?? (() => {
+  const c = v ?? (() => {
   });
   return /* @__PURE__ */ P(
     wn,
@@ -5909,12 +5908,12 @@ const Cn = ({
         ${s}
       `,
       children: [
-        (e || i || f && d === "top-right") && /* @__PURE__ */ P(bn, { className: "mb-4 flex items-start justify-between", children: [
+        (e || i || f && o === "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(
               Ke,
               {
-                color: r,
+                color: d,
                 iconSrc: a,
                 onClick: () => {
                 }
@@ -5925,26 +5924,26 @@ const Cn = ({
               i && /* @__PURE__ */ w(yn, { className: "text-sm sm:text-base text-gray-600", children: i })
             ] })
           ] }),
-          f && d === "top-right" && /* @__PURE__ */ w(
+          f && o === "top-right" && /* @__PURE__ */ w(
             si,
             {
-              label: o,
-              size: v,
-              onClick: m,
-              color: l,
-              variant: t
+              label: f,
+              size: t,
+              onClick: c,
+              color: r,
+              variant: l
             }
           )
         ] }),
         n && /* @__PURE__ */ w(_n, { className: "flex flex-col gap-4 font-regular h-full", children: n }),
-        f && d === "bottom-right" && /* @__PURE__ */ w(xn, { className: "flex justify-end pt-2", children: /* @__PURE__ */ w(
+        f && o === "bottom-right" && /* @__PURE__ */ w(xn, { className: "flex justify-end pt-2", children: /* @__PURE__ */ w(
           si,
           {
-            label: o,
-            size: v,
-            onClick: m,
-            color: l,
-            variant: t
+            label: f,
+            size: t,
+            onClick: c,
+            color: r,
+            variant: l
           }
         ) })
       ]
@@ -6141,16 +6140,17 @@ const Cn = ({
   profiles: e,
   loading: i = !1,
   buttonColor: n = "lightBlue",
-  buttonLabel: a = "more"
+  buttonLabel: a = null,
+  customClass: s = ""
 }) => /* @__PURE__ */ w(
   Cn,
   {
     title: "Leaderboard",
-    button: !0,
     buttonColor: n,
     buttonLabel: a,
     buttonSize: "small",
-    children: /* @__PURE__ */ w("section", { className: "flex flex-col space-y-2", children: i ? [...Array(10)].map((s, f) => /* @__PURE__ */ P(
+    customClass: s,
+    children: /* @__PURE__ */ w("section", { className: "flex flex-col space-y-2", children: i ? [...Array(8)].map((f, o) => /* @__PURE__ */ P(
       "article",
       {
         className: "flex w-full rounded-md h-1/3 space-x-2 animate-pulse",
@@ -6162,29 +6162,29 @@ const Cn = ({
           ] })
         ]
       },
-      f
-    )) : e.map((s, f) => /* @__PURE__ */ P(
+      o
+    )) : e.map((f, o) => /* @__PURE__ */ P(
       "article",
       {
-        className: `flex items-center 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 p-1 rounded-lg cursor-pointer ${f.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("p", { className: "text-lg font-bold text-sec w-4", children: o + 1 }),
           /* @__PURE__ */ w("div", { className: "ml-2 w-10 h-10 bg-gray-300 rounded-full overflow-hidden", children: /* @__PURE__ */ w(
             "img",
             {
-              src: s.avatarUrl,
-              alt: `${s.username} avatar`,
+              src: f.avatarUrl,
+              alt: `${f.username} avatar`,
               className: "inline select-none pointer-events-none object-cover"
             }
           ) }),
-          /* @__PURE__ */ w("p", { className: "ml-2 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: f.username }),
           /* @__PURE__ */ P("p", { className: "text-sm font-regular text-sec", children: [
-            s.xp,
+            f.xp,
             " XP"
           ] })
         ]
       },
-      f
+      o
     )) })
   }
 );