next-ui-lib 0.1.14 → 0.1.15

package/dist/ui.es.js

@@ -1,5 +1,5 @@
 import { jsx as f, jsxs as H } from "react/jsx-runtime";
-import * as j from "react";
+import * as L from "react";
 import { useState as Ve } from "react";
 const Ce = {
   lightBlue: {
@@ -22,7 +22,7 @@ const Ce = {
   variant: n = "primary",
   customClass: c = ""
 }) => {
-  const i = {
+  const l = {
     small: "px-2 py-1 text-xs rounded-lg",
     medium: "px-3 py-1 text-base rounded-xl",
     large: "px-8 py-3 text-2xl rounded-2xl",
@@ -31,7 +31,7 @@ const Ce = {
   return /* @__PURE__ */ f(
     "button",
     {
-      className: `relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${i[o]} ${c}`,
+      className: `relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${l[o]} ${c}`,
       style: {
         backgroundColor: n == "primary" ? u.primary.value : u.secondary.value,
         boxShadow: `0 ${o === "large" ? "6px" : "4px"} 0 ${n == "primary" ? u.primary.dark : u.secondary.dark}`,
@@ -67,13 +67,13 @@ const ce = "-", _e = (e) => {
     conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: (i) => {
-      const u = i.split(ce);
-      return u[0] === "" && u.length !== 1 && u.shift(), Se(u, t) || De(i);
+    getClassGroupId: (l) => {
+      const u = l.split(ce);
+      return u[0] === "" && u.length !== 1 && u.shift(), Se(u, t) || De(l);
     },
-    getConflictingClassGroupIds: (i, u) => {
-      const m = r[i] || [];
-      return u && o[i] ? [...m, ...o[i]] : m;
+    getConflictingClassGroupIds: (l, u) => {
+      const m = r[l] || [];
+      return u && o[l] ? [...m, ...o[l]] : m;
     }
   };
 }, Se = (e, t) => {
@@ -86,8 +86,8 @@ const ce = "-", _e = (e) => {
     return;
   const c = e.join(ce);
   return t.validators.find(({
-    validator: i
-  }) => i(c))?.classGroupId;
+    validator: l
+  }) => l(c))?.classGroupId;
 }, ye = /^\[(.+)\]$/, De = (e) => {
   if (ye.test(e)) {
     const t = ye.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
@@ -123,8 +123,8 @@ const ce = "-", _e = (e) => {
       });
       return;
     }
-    Object.entries(n).forEach(([c, i]) => {
-      ne(i, we(t, c), r, o);
+    Object.entries(n).forEach(([c, l]) => {
+      ne(l, we(t, c), r, o);
     });
   });
 }, we = (e, t) => {
@@ -144,58 +144,58 @@ const ce = "-", _e = (e) => {
       }
     };
   let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const n = (c, i) => {
-    r.set(c, i), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
+  const n = (c, l) => {
+    r.set(c, l), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
   };
   return {
     get(c) {
-      let i = r.get(c);
-      if (i !== void 0)
-        return i;
-      if ((i = o.get(c)) !== void 0)
-        return n(c, i), i;
+      let l = r.get(c);
+      if (l !== void 0)
+        return l;
+      if ((l = o.get(c)) !== void 0)
+        return n(c, l), l;
     },
-    set(c, i) {
-      r.has(c) ? r.set(c, i) : n(c, i);
+    set(c, l) {
+      r.has(c) ? r.set(c, l) : n(c, l);
     }
   };
-}, ie = "!", le = ":", Je = le.length, Xe = (e) => {
+}, le = "!", ie = ":", Je = ie.length, Xe = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: r
   } = e;
   let o = (n) => {
     const c = [];
-    let i = 0, u = 0, m = 0, b;
+    let l = 0, u = 0, m = 0, b;
     for (let k = 0; k < n.length; k++) {
-      let v = n[k];
-      if (i === 0 && u === 0) {
-        if (v === le) {
+      let C = n[k];
+      if (l === 0 && u === 0) {
+        if (C === ie) {
           c.push(n.slice(m, k)), m = k + Je;
           continue;
         }
-        if (v === "/") {
+        if (C === "/") {
           b = k;
           continue;
         }
       }
-      v === "[" ? i++ : v === "]" ? i-- : v === "(" ? u++ : v === ")" && u--;
+      C === "[" ? l++ : C === "]" ? l-- : C === "(" ? u++ : C === ")" && u--;
     }
-    const h = c.length === 0 ? n : n.substring(m), C = Ke(h), N = C !== h, W = b && b > m ? b - m : void 0;
+    const h = c.length === 0 ? n : n.substring(m), v = Ke(h), R = v !== h, N = b && b > m ? b - m : void 0;
     return {
       modifiers: c,
-      hasImportantModifier: N,
-      baseClassName: C,
-      maybePostfixModifierPosition: W
+      hasImportantModifier: R,
+      baseClassName: v,
+      maybePostfixModifierPosition: N
     };
   };
   if (t) {
-    const n = t + le, c = o;
-    o = (i) => i.startsWith(n) ? c(i.substring(n.length)) : {
+    const n = t + ie, c = o;
+    o = (l) => l.startsWith(n) ? c(l.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
-      baseClassName: i,
+      baseClassName: l,
       maybePostfixModifierPosition: void 0
     };
   }
@@ -207,15 +207,15 @@ const ce = "-", _e = (e) => {
     });
   }
   return o;
-}, Ke = (e) => e.endsWith(ie) ? e.substring(0, e.length - 1) : e.startsWith(ie) ? e.substring(1) : e, Qe = (e) => {
+}, Ke = (e) => e.endsWith(le) ? e.substring(0, e.length - 1) : e.startsWith(le) ? e.substring(1) : e, Qe = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
   return (o) => {
     if (o.length <= 1)
       return o;
     const n = [];
     let c = [];
-    return o.forEach((i) => {
-      i[0] === "[" || t[i] ? (n.push(...c.sort(), i), c = []) : c.push(i);
+    return o.forEach((l) => {
+      l[0] === "[" || t[l] ? (n.push(...c.sort(), l), c = []) : c.push(l);
     }), n.push(...c.sort()), n;
   };
 }, Ye = (e) => ({
@@ -229,40 +229,40 @@ const ce = "-", _e = (e) => {
     getClassGroupId: o,
     getConflictingClassGroupIds: n,
     sortModifiers: c
-  } = t, i = [], u = e.trim().split(Ze);
+  } = t, l = [], u = e.trim().split(Ze);
   let m = "";
   for (let b = u.length - 1; b >= 0; b -= 1) {
     const h = u[b], {
-      isExternal: C,
-      modifiers: N,
-      hasImportantModifier: W,
+      isExternal: v,
+      modifiers: R,
+      hasImportantModifier: N,
       baseClassName: k,
-      maybePostfixModifierPosition: v
+      maybePostfixModifierPosition: C
     } = r(h);
-    if (C) {
+    if (v) {
       m = h + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let T = !!v, R = o(T ? k.substring(0, v) : k);
-    if (!R) {
-      if (!T) {
+    let G = !!C, F = o(G ? k.substring(0, C) : k);
+    if (!F) {
+      if (!G) {
         m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (R = o(k), !R) {
+      if (F = o(k), !F) {
         m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
-      T = !1;
+      G = !1;
     }
-    const q = c(N).join(":"), _ = W ? q + ie : q, G = _ + R;
-    if (i.includes(G))
+    const q = c(R).join(":"), _ = N ? q + le : q, E = _ + F;
+    if (l.includes(E))
       continue;
-    i.push(G);
-    const E = n(R, T);
-    for (let F = 0; F < E.length; ++F) {
-      const D = E[F];
-      i.push(_ + D);
+    l.push(E);
+    const B = n(F, G);
+    for (let I = 0; I < B.length; ++I) {
+      const D = B[I];
+      l.push(_ + D);
     }
     m = h + (m.length > 0 ? " " + m : m);
   }
@@ -283,9 +283,9 @@ const Me = (e) => {
   return r;
 };
 function or(e, ...t) {
-  let r, o, n, c = i;
-  function i(m) {
-    const b = t.reduce((h, C) => C(h), e());
+  let r, o, n, c = l;
+  function l(m) {
+    const b = t.reduce((h, v) => v(h), e());
     return r = Ye(b), o = r.cache.get, n = r.cache.set, c = u, u(m);
   }
   function u(m) {
@@ -302,19 +302,19 @@ function or(e, ...t) {
 const g = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, Ne = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ae = /^\((?:(\w[\w-]*):)?(.+)\)$/i, tr = /^\d+\/\d+$/, sr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ar = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, nr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ir = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, lr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $ = (e) => tr.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), A = (e) => !!e && Number.isInteger(Number(e)), se = (e) => e.endsWith("%") && p(e.slice(0, -1)), M = (e) => sr.test(e), cr = () => !0, dr = (e) => (
+}, Ne = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ae = /^\((?:(\w[\w-]*):)?(.+)\)$/i, tr = /^\d+\/\d+$/, sr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ar = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, nr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, lr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ir = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, j = (e) => tr.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), A = (e) => !!e && Number.isInteger(Number(e)), se = (e) => e.endsWith("%") && p(e.slice(0, -1)), M = (e) => sr.test(e), cr = () => !0, dr = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // 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.
   ar.test(e) && !nr.test(e)
-), Re = () => !1, mr = (e) => ir.test(e), pr = (e) => lr.test(e), ur = (e) => !s(e) && !a(e), fr = (e) => L(e, Pe, Re), s = (e) => Ne.test(e), P = (e) => L(e, Te, dr), ae = (e) => L(e, yr, p), ke = (e) => L(e, Fe, Re), gr = (e) => L(e, Ie, pr), Z = (e) => L(e, Ge, mr), a = (e) => Ae.test(e), U = (e) => O(e, Te), br = (e) => O(e, wr), ve = (e) => O(e, Fe), hr = (e) => O(e, Pe), xr = (e) => O(e, Ie), ee = (e) => O(e, Ge, !0), L = (e, t, r) => {
+), Re = () => !1, mr = (e) => lr.test(e), pr = (e) => ir.test(e), ur = (e) => !s(e) && !a(e), fr = (e) => O(e, Pe, Re), s = (e) => Ne.test(e), T = (e) => O(e, Te, dr), ae = (e) => O(e, yr, p), ke = (e) => O(e, Fe, Re), gr = (e) => O(e, Ie, pr), Z = (e) => O(e, Ge, mr), a = (e) => Ae.test(e), U = (e) => V(e, Te), br = (e) => V(e, wr), ve = (e) => V(e, Fe), hr = (e) => V(e, Pe), xr = (e) => V(e, Ie), ee = (e) => V(e, Ge, !0), O = (e, t, r) => {
   const o = Ne.exec(e);
   return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
-}, O = (e, t, r = !1) => {
+}, V = (e, t, r = !1) => {
   const o = Ae.exec(e);
   return o ? o[1] ? t(o[1]) : r : !1;
 }, Fe = (e) => e === "position" || e === "percentage", Ie = (e) => e === "image" || e === "url", Pe = (e) => e === "length" || e === "size" || e === "bg-size", Te = (e) => e === "length", yr = (e) => e === "number", wr = (e) => e === "family-name", Ge = (e) => e === "shadow", kr = () => {
-  const e = g("color"), t = g("font"), r = g("text"), o = g("font-weight"), n = g("tracking"), c = g("leading"), i = g("breakpoint"), u = g("container"), m = g("spacing"), b = g("radius"), h = g("shadow"), C = g("inset-shadow"), N = g("text-shadow"), W = g("drop-shadow"), k = g("blur"), v = g("perspective"), T = g("aspect"), R = g("ease"), q = g("animate"), _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
+  const e = g("color"), t = g("font"), r = g("text"), o = g("font-weight"), n = g("tracking"), c = g("leading"), l = g("breakpoint"), u = g("container"), m = g("spacing"), b = g("radius"), h = g("shadow"), v = g("inset-shadow"), R = g("text-shadow"), N = g("drop-shadow"), k = g("blur"), C = g("perspective"), G = g("aspect"), F = g("ease"), q = g("animate"), _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
     "center",
     "top",
     "bottom",
@@ -332,15 +332,15 @@ const g = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], E = () => [...G(), a, s], F = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], d = () => [a, s, m], z = () => [$, "full", "auto", ...d()], de = () => [A, "none", "subgrid", a, s], me = () => ["auto", {
+  ], B = () => [...E(), a, s], I = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], d = () => [a, s, m], z = () => [j, "full", "auto", ...d()], de = () => [A, "none", "subgrid", a, s], me = () => ["auto", {
     span: ["full", A, a, s]
-  }, A, a, s], J = () => [A, "auto", a, s], pe = () => ["auto", "min", "max", "fr", a, s], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...d()], I = () => [$, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], l = () => [e, a, s], ue = () => [...G(), ve, ke, {
+  }, A, a, s], J = () => [A, "auto", a, s], pe = () => ["auto", "min", "max", "fr", a, s], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], $ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...d()], P = () => [j, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], i = () => [e, a, s], ue = () => [...E(), ve, ke, {
     position: [a, s]
   }], fe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], ge = () => ["auto", "cover", "contain", hr, fr, {
     size: [a, s]
-  }], oe = () => [se, U, P], y = () => [
+  }], oe = () => [se, U, T], y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -348,14 +348,14 @@ const g = (e) => {
     b,
     a,
     s
-  ], w = () => ["", p, U, P], X = () => ["solid", "dashed", "dotted", "double"], be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [p, se, ve, ke], he = () => [
+  ], w = () => ["", p, U, T], X = () => ["solid", "dashed", "dotted", "double"], be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [p, se, ve, ke], he = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     k,
     a,
     s
-  ], K = () => ["none", p, a, s], Q = () => ["none", p, a, s], te = () => [p, a, s], Y = () => [$, "full", ...d()];
+  ], K = () => ["none", p, a, s], Q = () => ["none", p, a, s], te = () => [p, a, s], Y = () => [j, "full", ...d()];
   return {
     cacheSize: 500,
     theme: {
@@ -388,7 +388,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", $, s, a, T]
+        aspect: ["auto", "square", j, s, a, G]
       }],
       /**
        * Container
@@ -479,28 +479,28 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: E()
+        object: B()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: F()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": F()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": F()
+        "overflow-y": I()
       }],
       /**
        * Overscroll Behavior
@@ -611,7 +611,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [$, "full", "auto", u, ...d()]
+        basis: [j, "full", "auto", u, ...d()]
       }],
       /**
        * Flex Direction
@@ -632,7 +632,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, $, "auto", "initial", "none", s]
+        flex: [p, j, "auto", "initial", "none", s]
       }],
       /**
        * Flex Grow
@@ -765,14 +765,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...B(), "normal"]
+        "justify-items": [...$(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...B()]
+        "justify-self": ["auto", ...$()]
       }],
       /**
        * Align Content
@@ -786,7 +786,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...B(), {
+        items: [...$(), {
           baseline: ["", "last"]
         }]
       }],
@@ -795,7 +795,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...B(), {
+        self: ["auto", ...$(), {
           baseline: ["", "last"]
         }]
       }],
@@ -811,14 +811,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...B(), "baseline"]
+        "place-items": [...$(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...B()]
+        "place-self": ["auto", ...$()]
       }],
       // Spacing
       /**
@@ -979,14 +979,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: I()
+        size: P()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...I()]
+        w: [u, "screen", ...P()]
       }],
       /**
        * Min-Width
@@ -998,7 +998,7 @@ const g = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...I()
+          ...P()
         ]
       }],
       /**
@@ -1014,9 +1014,9 @@ const g = (e) => {
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [i]
+            screen: [l]
           },
-          ...I()
+          ...P()
         ]
       }],
       /**
@@ -1024,21 +1024,21 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...I()]
+        h: ["screen", "lh", ...P()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...I()]
+        "min-h": ["screen", "lh", "none", ...P()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...I()]
+        "max-h": ["screen", "lh", ...P()]
       }],
       // ------------------
       // --- Typography ---
@@ -1048,7 +1048,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, U, P]
+        text: ["base", r, U, T]
       }],
       /**
        * Font Smoothing
@@ -1170,14 +1170,14 @@ const g = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: l()
+        placeholder: i()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: l()
+        text: i()
       }],
       /**
        * Text Decoration
@@ -1196,14 +1196,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", a, P]
+        decoration: [p, "from-font", "auto", a, T]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: l()
+        decoration: i()
       }],
       /**
        * Text Underline Offset
@@ -1341,7 +1341,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: l()
+        bg: i()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1369,21 +1369,21 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: l()
+        from: i()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: l()
+        via: i()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: l()
+        to: i()
       }],
       // ---------------
       // --- Borders ---
@@ -1599,70 +1599,70 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: l()
+        border: i()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": l()
+        "border-x": i()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": l()
+        "border-y": i()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": l()
+        "border-s": i()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": l()
+        "border-e": i()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": l()
+        "border-t": i()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": l()
+        "border-r": i()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": l()
+        "border-b": i()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": l()
+        "border-l": i()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: l()
+        divide: i()
       }],
       /**
        * Outline Style
@@ -1683,14 +1683,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, U, P]
+        outline: ["", p, U, T]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: l()
+        outline: i()
       }],
       // ---------------
       // --- Effects ---
@@ -1714,21 +1714,21 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: l()
+        shadow: i()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", C, ee, Z]
+        "inset-shadow": ["none", v, ee, Z]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": l()
+        "inset-shadow": i()
       }],
       /**
        * Ring Width
@@ -1749,7 +1749,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: l()
+        ring: i()
       }],
       /**
        * Ring Offset Width
@@ -1758,7 +1758,7 @@ const g = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, P]
+        "ring-offset": [p, T]
       }],
       /**
        * Ring Offset Color
@@ -1767,7 +1767,7 @@ const g = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": l()
+        "ring-offset": i()
       }],
       /**
        * Inset Ring Width
@@ -1781,21 +1781,21 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": l()
+        "inset-ring": i()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", N, ee, Z]
+        "text-shadow": ["none", R, ee, Z]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": l()
+        "text-shadow": i()
       }],
       /**
        * Opacity
@@ -1846,10 +1846,10 @@ const g = (e) => {
         "mask-linear-to": x()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": l()
+        "mask-linear-from": i()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": l()
+        "mask-linear-to": i()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": x()
@@ -1858,10 +1858,10 @@ const g = (e) => {
         "mask-t-to": x()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": l()
+        "mask-t-from": i()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": l()
+        "mask-t-to": i()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": x()
@@ -1870,10 +1870,10 @@ const g = (e) => {
         "mask-r-to": x()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": l()
+        "mask-r-from": i()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": l()
+        "mask-r-to": i()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": x()
@@ -1882,10 +1882,10 @@ const g = (e) => {
         "mask-b-to": x()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": l()
+        "mask-b-from": i()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": l()
+        "mask-b-to": i()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": x()
@@ -1894,10 +1894,10 @@ const g = (e) => {
         "mask-l-to": x()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": l()
+        "mask-l-from": i()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": l()
+        "mask-l-to": i()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": x()
@@ -1906,10 +1906,10 @@ const g = (e) => {
         "mask-x-to": x()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": l()
+        "mask-x-from": i()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": l()
+        "mask-x-to": i()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": x()
@@ -1918,10 +1918,10 @@ const g = (e) => {
         "mask-y-to": x()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": l()
+        "mask-y-from": i()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": l()
+        "mask-y-to": i()
       }],
       "mask-image-radial": [{
         "mask-radial": [a, s]
@@ -1933,10 +1933,10 @@ const g = (e) => {
         "mask-radial-to": x()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": l()
+        "mask-radial-from": i()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": l()
+        "mask-radial-to": i()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1948,7 +1948,7 @@ const g = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": G()
+        "mask-radial-at": E()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [p]
@@ -1960,10 +1960,10 @@ const g = (e) => {
         "mask-conic-to": x()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": l()
+        "mask-conic-from": i()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": l()
+        "mask-conic-to": i()
       }],
       /**
        * Mask Mode
@@ -2060,7 +2060,7 @@ const g = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          W,
+          N,
           ee,
           Z
         ]
@@ -2070,7 +2070,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": l()
+        "drop-shadow": i()
       }],
       /**
        * Grayscale
@@ -2257,7 +2257,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", R, a, s]
+        ease: ["linear", "initial", F, a, s]
       }],
       /**
        * Transition Delay
@@ -2288,14 +2288,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [v, a, s]
+        perspective: [C, a, s]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": E()
+        "perspective-origin": B()
       }],
       /**
        * Rotate
@@ -2391,7 +2391,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: E()
+        origin: B()
       }],
       /**
        * Transform Style
@@ -2441,7 +2441,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: l()
+        accent: i()
       }],
       /**
        * Appearance
@@ -2455,7 +2455,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: l()
+        caret: i()
       }],
       /**
        * Color Scheme
@@ -2701,21 +2701,21 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...l()]
+        fill: ["none", ...i()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, U, P, ae]
+        stroke: [p, U, T, ae]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...l()]
+        stroke: ["none", ...i()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2784,14 +2784,14 @@ const g = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, vr = /* @__PURE__ */ or(kr);
-function V(...e) {
+function W(...e) {
   return vr(We(e));
 }
-const Ee = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
+const Ee = L.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: V(
+    className: W(
       "rounded-xl border bg-card text-card-foreground shadow",
       e
     ),
@@ -2799,33 +2799,33 @@ const Ee = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   }
 ));
 Ee.displayName = "Card";
-const Be = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f("div", { ref: r, className: V("flex", e), ...t }));
+const Be = L.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f("div", { ref: r, className: W("flex", e), ...t }));
 Be.displayName = "CardHeader";
-const $e = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
+const $e = L.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: V("font-semibold leading-none tracking-tight", e),
+    className: W("font-semibold leading-none tracking-tight", e),
     ...t
   }
 ));
 $e.displayName = "CardTitle";
-const je = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
+const je = L.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: V("text-sm text-muted-foreground", e),
+    className: W("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 je.displayName = "CardDescription";
-const Le = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f("div", { ref: r, className: V("pt-0", e), ...t }));
+const Le = L.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f("div", { ref: r, className: W("pt-0", e), ...t }));
 Le.displayName = "CardContent";
-const Oe = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
+const Oe = L.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: V("flex items-center pt-0", e),
+    className: W("flex items-center pt-0", e),
     ...t
   }
 ));
@@ -2866,14 +2866,15 @@ const Cr = ({
   iconSrc: o,
   customClass: n = "",
   button: c = !1,
-  buttonLabel: i = "Button",
+  buttonLabel: l = "Button",
   buttonPosition: u = "top-right",
   bgIconColor: m = "lightBlue",
   buttonColor: b = "lightBlue",
   buttonVariant: h = "primary",
-  onButtonClick: C
+  buttonSize: v = "medium",
+  onButtonClick: R
 }) => {
-  const N = C ?? (() => {
+  const N = R ?? (() => {
   });
   return /* @__PURE__ */ H(
     Ee,
@@ -2898,15 +2899,15 @@ const Cr = ({
               }
             ),
             /* @__PURE__ */ H("div", { children: [
-              e && /* @__PURE__ */ f($e, { className: "text-base sm:text-lg md:text-xl font-semibold", children: e }),
+              e && /* @__PURE__ */ f($e, { className: "text-main text-xl font-gabaritoBold font-medium leading-5 sm:text-lg md:text-xl", children: e }),
               t && /* @__PURE__ */ f(je, { className: "text-sm sm:text-base text-gray-600", children: t })
             ] })
           ] }),
           c && u === "top-right" && /* @__PURE__ */ f(
             xe,
             {
-              label: i,
-              size: "medium",
+              label: l,
+              size: v,
               onClick: N,
               color: b,
               variant: h
@@ -2917,8 +2918,8 @@ const Cr = ({
         c && u === "bottom-right" && /* @__PURE__ */ f(Oe, { className: "flex justify-end pt-2", children: /* @__PURE__ */ f(
           xe,
           {
-            label: i,
-            size: "medium",
+            label: l,
+            size: v,
             onClick: N,
             color: b,
             variant: h