next-ui-lib 0.1.13 → 0.1.14

package/dist/ui.es.js

@@ -1,5 +1,6 @@
-import { jsx as x, jsxs as Y } from "react/jsx-runtime";
-import * as $ from "react";
+import { jsx as f, jsxs as H } from "react/jsx-runtime";
+import * as j from "react";
+import { useState as Ve } from "react";
 const Ce = {
   lightBlue: {
     primary: { text: "#FFFFFF", value: "#27a7e3", dark: "#1f8ecb" },
@@ -27,7 +28,7 @@ const Ce = {
     large: "px-8 py-3 text-2xl rounded-2xl",
     full: "px-8 py-2 text-xl rounded-2xl w-full"
   }, u = Ce[e];
-  return /* @__PURE__ */ x(
+  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}`,
@@ -43,7 +44,7 @@ const Ce = {
         m.currentTarget.style.boxShadow = `0 4px 0 ${n == "primary" ? u.primary.dark : u.secondary.dark}`;
       },
       onClick: t,
-      children: /* @__PURE__ */ x("span", { className: "font-bold", children: r })
+      children: /* @__PURE__ */ f("span", { className: "font-bold", children: r })
     }
   );
 };
@@ -56,19 +57,19 @@ function ze(e) {
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function Oe() {
+function We() {
   for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = ze(e)) && (o && (o += " "), o += t);
   return o;
 }
 const ce = "-", _e = (e) => {
-  const t = De(e), {
+  const t = Ue(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (i) => {
       const u = i.split(ce);
-      return u[0] === "" && u.length !== 1 && u.shift(), Se(u, t) || We(i);
+      return u[0] === "" && u.length !== 1 && u.shift(), Se(u, t) || De(i);
     },
     getConflictingClassGroupIds: (i, u) => {
       const m = r[i] || [];
@@ -87,13 +88,13 @@ const ce = "-", _e = (e) => {
   return t.validators.find(({
     validator: i
   }) => i(c))?.classGroupId;
-}, ye = /^\[(.+)\]$/, We = (e) => {
+}, ye = /^\[(.+)\]$/, De = (e) => {
   if (ye.test(e)) {
     const t = ye.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
-}, De = (e) => {
+}, Ue = (e) => {
   const {
     theme: t,
     classGroups: r
@@ -112,7 +113,7 @@ const ce = "-", _e = (e) => {
       return;
     }
     if (typeof n == "function") {
-      if (Ue(n)) {
+      if (He(n)) {
         ne(n(o), t, r, o);
         return;
       }
@@ -134,7 +135,7 @@ const ce = "-", _e = (e) => {
       validators: []
     }), r = r.nextPart.get(o);
   }), r;
-}, Ue = (e) => e.isThemeGetter, He = (e) => {
+}, He = (e) => e.isThemeGetter, qe = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -158,34 +159,34 @@ const ce = "-", _e = (e) => {
       r.has(c) ? r.set(c, i) : n(c, i);
     }
   };
-}, ie = "!", le = ":", qe = le.length, Je = (e) => {
+}, ie = "!", le = ":", Je = le.length, Xe = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: r
   } = e;
   let o = (n) => {
     const c = [];
-    let i = 0, u = 0, m = 0, g;
+    let i = 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) {
-          c.push(n.slice(m, k)), m = k + qe;
+          c.push(n.slice(m, k)), m = k + Je;
           continue;
         }
         if (v === "/") {
-          g = k;
+          b = k;
           continue;
         }
       }
       v === "[" ? i++ : v === "]" ? i-- : v === "(" ? u++ : v === ")" && u--;
     }
-    const b = c.length === 0 ? n : n.substring(m), C = Xe(b), A = C !== b, _ = g && g > m ? g - m : void 0;
+    const h = c.length === 0 ? n : n.substring(m), C = Ke(h), N = C !== h, W = b && b > m ? b - m : void 0;
     return {
       modifiers: c,
-      hasImportantModifier: A,
+      hasImportantModifier: N,
       baseClassName: C,
-      maybePostfixModifierPosition: _
+      maybePostfixModifierPosition: W
     };
   };
   if (t) {
@@ -206,7 +207,7 @@ const ce = "-", _e = (e) => {
     });
   }
   return o;
-}, Xe = (e) => e.endsWith(ie) ? e.substring(0, e.length - 1) : e.startsWith(ie) ? e.substring(1) : e, Ke = (e) => {
+}, Ke = (e) => e.endsWith(ie) ? e.substring(0, e.length - 1) : e.startsWith(ie) ? e.substring(1) : e, Qe = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
   return (o) => {
     if (o.length <= 1)
@@ -217,57 +218,57 @@ const ce = "-", _e = (e) => {
       i[0] === "[" || t[i] ? (n.push(...c.sort(), i), c = []) : c.push(i);
     }), n.push(...c.sort()), n;
   };
-}, Qe = (e) => ({
-  cache: He(e.cacheSize),
-  parseClassName: Je(e),
-  sortModifiers: Ke(e),
+}, Ye = (e) => ({
+  cache: qe(e.cacheSize),
+  parseClassName: Xe(e),
+  sortModifiers: Qe(e),
   ..._e(e)
-}), Ye = /\s+/, Ze = (e, t) => {
+}), Ze = /\s+/, er = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: o,
     getConflictingClassGroupIds: n,
     sortModifiers: c
-  } = t, i = [], u = e.trim().split(Ye);
+  } = t, i = [], u = e.trim().split(Ze);
   let m = "";
-  for (let g = u.length - 1; g >= 0; g -= 1) {
-    const b = u[g], {
+  for (let b = u.length - 1; b >= 0; b -= 1) {
+    const h = u[b], {
       isExternal: C,
-      modifiers: A,
-      hasImportantModifier: _,
+      modifiers: N,
+      hasImportantModifier: W,
       baseClassName: k,
       maybePostfixModifierPosition: v
-    } = r(b);
+    } = r(h);
     if (C) {
-      m = b + (m.length > 0 ? " " + m : m);
+      m = h + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let G = !!v, R = o(G ? k.substring(0, v) : k);
+    let T = !!v, R = o(T ? k.substring(0, v) : k);
     if (!R) {
-      if (!G) {
-        m = b + (m.length > 0 ? " " + m : m);
+      if (!T) {
+        m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
       if (R = o(k), !R) {
-        m = b + (m.length > 0 ? " " + m : m);
+        m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
-      G = !1;
+      T = !1;
     }
-    const H = c(A).join(":"), W = _ ? H + ie : H, E = W + R;
-    if (i.includes(E))
+    const q = c(N).join(":"), _ = W ? q + ie : q, G = _ + R;
+    if (i.includes(G))
       continue;
-    i.push(E);
-    const T = n(R, G);
-    for (let F = 0; F < T.length; ++F) {
-      const D = T[F];
-      i.push(W + D);
+    i.push(G);
+    const E = n(R, T);
+    for (let F = 0; F < E.length; ++F) {
+      const D = E[F];
+      i.push(_ + D);
     }
-    m = b + (m.length > 0 ? " " + m : m);
+    m = h + (m.length > 0 ? " " + m : m);
   }
   return m;
 };
-function er() {
+function rr() {
   let e = 0, t, r, o = "";
   for (; e < arguments.length; )
     (t = arguments[e++]) && (r = Me(t)) && (o && (o += " "), o += r);
@@ -281,39 +282,39 @@ const Me = (e) => {
     e[o] && (t = Me(e[o])) && (r && (r += " "), r += t);
   return r;
 };
-function rr(e, ...t) {
+function or(e, ...t) {
   let r, o, n, c = i;
   function i(m) {
-    const g = t.reduce((b, C) => C(b), e());
-    return r = Qe(g), o = r.cache.get, n = r.cache.set, c = u, u(m);
+    const b = t.reduce((h, C) => C(h), e());
+    return r = Ye(b), o = r.cache.get, n = r.cache.set, c = u, u(m);
   }
   function u(m) {
-    const g = o(m);
-    if (g)
-      return g;
-    const b = Ze(m, r);
-    return n(m, b), b;
+    const b = o(m);
+    if (b)
+      return b;
+    const h = er(m, r);
+    return n(m, h), h;
   }
   return function() {
-    return c(er.apply(null, arguments));
+    return c(rr.apply(null, arguments));
   };
 }
-const f = (e) => {
+const g = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, Ae = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ne = /^\((?:(\w[\w-]*):)?(.+)\)$/i, or = /^\d+\/\d+$/, tr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, sr = /\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$/, ar = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, nr = /^(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) => or.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), N = (e) => !!e && Number.isInteger(Number(e)), se = (e) => e.endsWith("%") && p(e.slice(0, -1)), M = (e) => tr.test(e), lr = () => !0, cr = (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)\(.+\)$/, 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) => (
   // `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.
-  sr.test(e) && !ar.test(e)
-), Re = () => !1, dr = (e) => nr.test(e), mr = (e) => ir.test(e), pr = (e) => !s(e) && !a(e), ur = (e) => L(e, Pe, Re), s = (e) => Ae.test(e), P = (e) => L(e, Ge, cr), ae = (e) => L(e, xr, p), ke = (e) => L(e, Fe, Re), fr = (e) => L(e, Ie, mr), Z = (e) => L(e, Ee, dr), a = (e) => Ne.test(e), U = (e) => V(e, Ge), gr = (e) => V(e, yr), ve = (e) => V(e, Fe), br = (e) => V(e, Pe), hr = (e) => V(e, Ie), ee = (e) => V(e, Ee, !0), L = (e, t, r) => {
-  const o = Ae.exec(e);
-  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
-}, V = (e, t, r = !1) => {
+  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) => {
   const o = Ne.exec(e);
+  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
+}, O = (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", Ge = (e) => e === "length", xr = (e) => e === "number", yr = (e) => e === "family-name", Ee = (e) => e === "shadow", wr = () => {
-  const e = f("color"), t = f("font"), r = f("text"), o = f("font-weight"), n = f("tracking"), c = f("leading"), i = f("breakpoint"), u = f("container"), m = f("spacing"), g = f("radius"), b = f("shadow"), C = f("inset-shadow"), A = f("text-shadow"), _ = f("drop-shadow"), k = f("blur"), v = f("perspective"), G = f("aspect"), R = f("ease"), H = f("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
+}, 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 = () => [
     "center",
     "top",
     "bottom",
@@ -331,30 +332,30 @@ const f = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], T = () => [...E(), a, s], F = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], d = () => [a, s, m], z = () => [j, "full", "auto", ...d()], de = () => [N, "none", "subgrid", a, s], me = () => ["auto", {
-    span: ["full", N, a, s]
-  }, N, a, s], q = () => [N, "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 = () => [j, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], l = () => [e, a, s], ue = () => [...E(), ve, ke, {
+  ], 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", {
+    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, {
     position: [a, s]
   }], fe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ge = () => ["auto", "cover", "contain", br, ur, {
+  }], ge = () => ["auto", "cover", "contain", hr, fr, {
     size: [a, s]
   }], oe = () => [se, U, P], y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    g,
+    b,
     a,
     s
-  ], w = () => ["", p, U, P], J = () => ["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"], h = () => [p, se, ve, ke], he = () => [
+  ], 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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     k,
     a,
     s
-  ], X = () => ["none", p, a, s], K = () => ["none", p, a, s], te = () => [p, a, s], Q = () => [j, "full", ...d()];
+  ], K = () => ["none", p, a, s], Q = () => ["none", p, a, s], te = () => [p, a, s], Y = () => [$, "full", ...d()];
   return {
     cacheSize: 500,
     theme: {
@@ -362,11 +363,11 @@ const f = (e) => {
       aspect: ["video"],
       blur: [M],
       breakpoint: [M],
-      color: [lr],
+      color: [cr],
       container: [M],
       "drop-shadow": [M],
       ease: ["in", "out", "in-out"],
-      font: [pr],
+      font: [ur],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [M],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -387,7 +388,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", j, s, a, G]
+        aspect: ["auto", "square", $, s, a, T]
       }],
       /**
        * Container
@@ -407,14 +408,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": W()
+        "break-after": _()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": W()
+        "break-before": _()
       }],
       /**
        * Break Inside
@@ -478,7 +479,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: T()
+        object: E()
       }],
       /**
        * Overflow
@@ -600,7 +601,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [N, "auto", a, s]
+        z: [A, "auto", a, s]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -610,7 +611,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [j, "full", "auto", u, ...d()]
+        basis: [$, "full", "auto", u, ...d()]
       }],
       /**
        * Flex Direction
@@ -631,7 +632,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, j, "auto", "initial", "none", s]
+        flex: [p, $, "auto", "initial", "none", s]
       }],
       /**
        * Flex Grow
@@ -652,7 +653,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [N, "first", "last", "none", a, s]
+        order: [A, "first", "last", "none", a, s]
       }],
       /**
        * Grid Template Columns
@@ -673,14 +674,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": q()
+        "col-start": J()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": q()
+        "col-end": J()
       }],
       /**
        * Grid Template Rows
@@ -701,14 +702,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": q()
+        "row-start": J()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": q()
+        "row-end": J()
       }],
       /**
        * Grid Auto Flow
@@ -1078,7 +1079,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [gr, s, t]
+        font: [br, s, t]
       }],
       /**
        * Font Variant Numeric
@@ -1188,7 +1189,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...J(), "wavy"]
+        decoration: [...X(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1330,10 +1331,10 @@ const f = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, N, a, s],
+          }, A, a, s],
           radial: ["", a, s],
-          conic: [N, a, s]
-        }, hr, fr]
+          conic: [A, a, s]
+        }, xr, gr]
       }],
       /**
        * Background Color
@@ -1584,14 +1585,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...J(), "hidden", "none"]
+        border: [...X(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...J(), "hidden", "none"]
+        divide: [...X(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1668,7 +1669,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...J(), "none", "hidden"]
+        outline: [...X(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1703,7 +1704,7 @@ const f = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
+          h,
           ee,
           Z
         ]
@@ -1787,7 +1788,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", A, ee, Z]
+        "text-shadow": ["none", N, ee, Z]
       }],
       /**
        * Text Shadow Color
@@ -1839,10 +1840,10 @@ const f = (e) => {
         "mask-linear": [p]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": h()
+        "mask-linear-from": x()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": h()
+        "mask-linear-to": x()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": l()
@@ -1851,10 +1852,10 @@ const f = (e) => {
         "mask-linear-to": l()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": h()
+        "mask-t-from": x()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": h()
+        "mask-t-to": x()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": l()
@@ -1863,10 +1864,10 @@ const f = (e) => {
         "mask-t-to": l()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": h()
+        "mask-r-from": x()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": h()
+        "mask-r-to": x()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": l()
@@ -1875,10 +1876,10 @@ const f = (e) => {
         "mask-r-to": l()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": h()
+        "mask-b-from": x()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": h()
+        "mask-b-to": x()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": l()
@@ -1887,10 +1888,10 @@ const f = (e) => {
         "mask-b-to": l()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": h()
+        "mask-l-from": x()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": h()
+        "mask-l-to": x()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": l()
@@ -1899,10 +1900,10 @@ const f = (e) => {
         "mask-l-to": l()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": h()
+        "mask-x-from": x()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": h()
+        "mask-x-to": x()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": l()
@@ -1911,10 +1912,10 @@ const f = (e) => {
         "mask-x-to": l()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": h()
+        "mask-y-from": x()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": h()
+        "mask-y-to": x()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": l()
@@ -1926,10 +1927,10 @@ const f = (e) => {
         "mask-radial": [a, s]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": h()
+        "mask-radial-from": x()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": h()
+        "mask-radial-to": x()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": l()
@@ -1947,16 +1948,16 @@ const f = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": E()
+        "mask-radial-at": G()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [p]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": h()
+        "mask-conic-from": x()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": h()
+        "mask-conic-to": x()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": l()
@@ -2059,7 +2060,7 @@ const f = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          _,
+          W,
           ee,
           Z
         ]
@@ -2270,7 +2271,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", H, a, s]
+        animate: ["none", q, a, s]
       }],
       // ------------------
       // --- Transforms ---
@@ -2294,63 +2295,63 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": T()
+        "perspective-origin": E()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: X()
+        rotate: K()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": X()
+        "rotate-x": K()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": X()
+        "rotate-y": K()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": X()
+        "rotate-z": K()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: K()
+        scale: Q()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": K()
+        "scale-x": Q()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": K()
+        "scale-y": Q()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": K()
+        "scale-z": Q()
       }],
       /**
        * Scale 3D
@@ -2390,7 +2391,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: T()
+        origin: E()
       }],
       /**
        * Transform Style
@@ -2404,28 +2405,28 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: Q()
+        translate: Y()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": Q()
+        "translate-x": Y()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": Q()
+        "translate-y": Y()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": Q()
+        "translate-z": Y()
       }],
       /**
        * Translate None
@@ -2782,61 +2783,61 @@ const f = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, kr = /* @__PURE__ */ rr(wr);
-function O(...e) {
-  return kr(Oe(e));
+}, vr = /* @__PURE__ */ or(kr);
+function V(...e) {
+  return vr(We(e));
 }
-const Te = $.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ x(
+const Ee = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: O(
+    className: V(
       "rounded-xl border bg-card text-card-foreground shadow",
       e
     ),
     ...t
   }
 ));
-Te.displayName = "Card";
-const Be = $.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ x("div", { ref: r, className: O("flex", e), ...t }));
+Ee.displayName = "Card";
+const Be = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f("div", { ref: r, className: V("flex", e), ...t }));
 Be.displayName = "CardHeader";
-const je = $.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ x(
+const $e = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: O("font-semibold leading-none tracking-tight", e),
+    className: V("font-semibold leading-none tracking-tight", e),
     ...t
   }
 ));
-je.displayName = "CardTitle";
-const $e = $.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ x(
+$e.displayName = "CardTitle";
+const je = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: O("text-sm text-muted-foreground", e),
+    className: V("text-sm text-muted-foreground", e),
     ...t
   }
 ));
-$e.displayName = "CardDescription";
-const Le = $.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ x("div", { ref: r, className: O("pt-0", e), ...t }));
+je.displayName = "CardDescription";
+const Le = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f("div", { ref: r, className: V("pt-0", e), ...t }));
 Le.displayName = "CardContent";
-const Ve = $.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ x(
+const Oe = j.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
-    className: O("flex items-center pt-0", e),
+    className: V("flex items-center pt-0", e),
     ...t
   }
 ));
-Ve.displayName = "CardFooter";
-const vr = ({
+Oe.displayName = "CardFooter";
+const Cr = ({
   color: e = "amber",
   onClick: t,
   customClass: r = "",
   iconSrc: o
 }) => {
   const n = Ce[e];
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ f(
     "button",
     {
       className: `w-12 h-12 rounded-lg flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${r}`,
@@ -2845,7 +2846,7 @@ const vr = ({
         backgroundColor: n.primary.value,
         boxShadow: `0 4px 0 ${n.primary.dark}`
       },
-      children: /* @__PURE__ */ x("span", { className: "text-2xl", children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ f("span", { className: "text-2xl", children: /* @__PURE__ */ f(
         "img",
         {
           style: {
@@ -2858,7 +2859,7 @@ const vr = ({
       ) })
     }
   );
-}, zr = ({
+}, Mr = ({
   title: e,
   description: t,
   children: r,
@@ -2868,14 +2869,14 @@ const vr = ({
   buttonLabel: i = "Button",
   buttonPosition: u = "top-right",
   bgIconColor: m = "lightBlue",
-  buttonColor: g = "lightBlue",
-  buttonVariant: b = "primary",
+  buttonColor: b = "lightBlue",
+  buttonVariant: h = "primary",
   onButtonClick: C
 }) => {
-  const A = C ?? (() => {
+  const N = C ?? (() => {
   });
-  return /* @__PURE__ */ Y(
-    Te,
+  return /* @__PURE__ */ H(
+    Ee,
     {
       className: `
         w-full max-w-full sm:max-w-md md:max-w-lg lg:max-w-xl
@@ -2885,10 +2886,10 @@ const vr = ({
         ${n}
       `,
       children: [
-        (e || t || c && u === "top-right") && /* @__PURE__ */ Y(Be, { className: "mb-4 flex items-start justify-between", children: [
-          /* @__PURE__ */ Y("div", { className: "flex items-center gap-3", children: [
-            o && /* @__PURE__ */ x(
-              vr,
+        (e || t || c && u === "top-right") && /* @__PURE__ */ H(Be, { className: "mb-4 flex items-start justify-between", children: [
+          /* @__PURE__ */ H("div", { className: "flex items-center gap-3", children: [
+            o && /* @__PURE__ */ f(
+              Cr,
               {
                 color: m,
                 iconSrc: o,
@@ -2896,38 +2897,74 @@ const vr = ({
                 }
               }
             ),
-            /* @__PURE__ */ Y("div", { children: [
-              e && /* @__PURE__ */ x(je, { className: "text-base sm:text-lg md:text-xl font-semibold", children: e }),
-              t && /* @__PURE__ */ x($e, { className: "text-sm sm:text-base text-gray-600", children: t })
+            /* @__PURE__ */ H("div", { children: [
+              e && /* @__PURE__ */ f($e, { className: "text-base sm:text-lg md:text-xl font-semibold", children: e }),
+              t && /* @__PURE__ */ f(je, { className: "text-sm sm:text-base text-gray-600", children: t })
             ] })
           ] }),
-          c && u === "top-right" && /* @__PURE__ */ x(
+          c && u === "top-right" && /* @__PURE__ */ f(
             xe,
             {
               label: i,
               size: "medium",
-              onClick: A,
-              color: g,
-              variant: b
+              onClick: N,
+              color: b,
+              variant: h
             }
           )
         ] }),
-        r && /* @__PURE__ */ x(Le, { className: "flex flex-col gap-3 font-regular", children: r }),
-        c && u === "bottom-right" && /* @__PURE__ */ x(Ve, { className: "flex justify-end pt-2", children: /* @__PURE__ */ x(
+        r && /* @__PURE__ */ f(Le, { className: "flex flex-col gap-3 font-regular", children: r }),
+        c && u === "bottom-right" && /* @__PURE__ */ f(Oe, { className: "flex justify-end pt-2", children: /* @__PURE__ */ f(
           xe,
           {
             label: i,
             size: "medium",
-            onClick: A,
-            color: g,
-            variant: b
+            onClick: N,
+            color: b,
+            variant: h
           }
         ) })
       ]
     }
   );
+}, Nr = ({
+  color: e = "lightBlue"
+}) => {
+  const [t, r] = Ve(!1), o = {
+    lightBlue: "bg-blue-500",
+    amber: "bg-amber-500",
+    cyan: "bg-cyan-500"
+  };
+  return /* @__PURE__ */ H("div", { className: "inline-block relative w-12 h-6", children: [
+    /* @__PURE__ */ f(
+      "input",
+      {
+        checked: t,
+        onChange: (c) => {
+          r(c.target.checked);
+        },
+        className: "absolute opacity-0 w-0 h-0",
+        id: `react-switch-${e}`,
+        type: "checkbox"
+      }
+    ),
+    /* @__PURE__ */ f(
+      "label",
+      {
+        className: "block overflow-hidden h-6 rounded-full cursor-pointer bg-gray-300",
+        htmlFor: `react-switch-${e}`,
+        children: /* @__PURE__ */ f(
+          "span",
+          {
+            className: `block h-6 w-6 rounded-full shadow transform transition-transform duration-200 ${t ? `translate-x-full ${o[e]}` : "bg-white"}`
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
   xe as Button,
-  zr as Card
+  Mr as Card,
+  Nr as Toggle
 };