@paolojulian.dev/design-system 1.1.0 → 1.2.0

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import Ze from "react";
+import er from "react";
 var Se = { exports: {} }, se = {};
 /**
  * @license React
@@ -9,15 +9,15 @@ var Se = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Be;
-function Ir() {
-  if (Be) return se;
-  Be = 1;
-  var r = Ze, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Je;
+function Mr() {
+  if (Je) return se;
+  Je = 1;
+  var r = er, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(l, p, m) {
     var b, x = {}, C = null, j = null;
     m !== void 0 && (C = "" + m), p.key !== void 0 && (C = "" + p.key), p.ref !== void 0 && (j = p.ref);
-    for (b in p) a.call(p, b) && !i.hasOwnProperty(b) && (x[b] = p[b]);
+    for (b in p) n.call(p, b) && !i.hasOwnProperty(b) && (x[b] = p[b]);
     if (l && l.defaultProps) for (b in p = l.defaultProps, p) x[b] === void 0 && (x[b] = p[b]);
     return { $$typeof: t, type: l, key: C, ref: j, props: x, _owner: c.current };
   }
@@ -33,48 +33,48 @@ var ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function Mr() {
-  return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = Ze, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), l = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), O = Symbol.iterator, S = "@@iterator";
+var Ke;
+function Fr() {
+  return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = er, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), l = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), O = Symbol.iterator, S = "@@iterator";
     function w(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = O && e[O] || e[S];
-      return typeof n == "function" ? n : null;
+      var a = O && e[O] || e[S];
+      return typeof a == "function" ? a : null;
     }
     var k = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function y(e) {
       {
-        for (var n = arguments.length, s = new Array(n > 1 ? n - 1 : 0), d = 1; d < n; d++)
+        for (var a = arguments.length, s = new Array(a > 1 ? a - 1 : 0), d = 1; d < a; d++)
           s[d - 1] = arguments[d];
         Y("error", e, s);
       }
     }
-    function Y(e, n, s) {
+    function Y(e, a, s) {
       {
         var d = k.ReactDebugCurrentFrame, h = d.getStackAddendum();
-        h !== "" && (n += "%s", s = s.concat([h]));
+        h !== "" && (a += "%s", s = s.concat([h]));
         var E = s.map(function(v) {
           return String(v);
         });
-        E.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, E);
+        E.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, E);
       }
     }
-    var N = !1, q = !1, ue = !1, de = !1, fe = !1, J;
+    var W = !1, q = !1, ue = !1, de = !1, fe = !1, J;
     J = Symbol.for("react.module.reference");
     function ee(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === i || fe || e === c || e === m || e === b || de || e === j || N || q || ue || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === x || e.$$typeof === u || e.$$typeof === l || e.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === i || fe || e === c || e === m || e === b || de || e === j || W || q || ue || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === x || e.$$typeof === u || e.$$typeof === l || e.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === J || e.getModuleId !== void 0));
     }
-    function re(e, n, s) {
+    function re(e, a, s) {
       var d = e.displayName;
       if (d)
         return d;
-      var h = n.displayName || n.name || "";
+      var h = a.displayName || a.name || "";
       return h !== "" ? s + "(" + h + ")" : s;
     }
     function R(e) {
@@ -88,7 +88,7 @@ function Mr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
+        case n:
           return "Fragment";
         case o:
           return "Portal";
@@ -104,8 +104,8 @@ function Mr() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case l:
-            var n = e;
-            return R(n) + ".Consumer";
+            var a = e;
+            return R(a) + ".Consumer";
           case u:
             var s = e;
             return R(s._context) + ".Provider";
@@ -125,18 +125,18 @@ function Mr() {
         }
       return null;
     }
-    var M = Object.assign, $ = 0, U, te, K, G, oe, F, je;
-    function Oe() {
+    var M = Object.assign, $ = 0, U, te, K, G, oe, F, Ae;
+    function ze() {
     }
-    Oe.__reactDisabledLog = !0;
-    function ir() {
+    ze.__reactDisabledLog = !0;
+    function lr() {
       {
         if ($ === 0) {
-          U = console.log, te = console.info, K = console.warn, G = console.error, oe = console.group, F = console.groupCollapsed, je = console.groupEnd;
+          U = console.log, te = console.info, K = console.warn, G = console.error, oe = console.group, F = console.groupCollapsed, Ae = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Oe,
+            value: ze,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -152,7 +152,7 @@ function Mr() {
         $++;
       }
     }
-    function lr() {
+    function cr() {
       {
         if ($--, $ === 0) {
           var e = {
@@ -180,7 +180,7 @@ function Mr() {
               value: F
             }),
             groupEnd: M({}, e, {
-              value: je
+              value: Ae
             })
           });
         }
@@ -188,7 +188,7 @@ function Mr() {
       }
     }
     var ve = k.ReactCurrentDispatcher, he;
-    function pe(e, n, s) {
+    function pe(e, a, s) {
       {
         if (he === void 0)
           try {
@@ -203,10 +203,10 @@ function Mr() {
     }
     var ye = !1, be;
     {
-      var cr = typeof WeakMap == "function" ? WeakMap : Map;
-      be = new cr();
+      var ur = typeof WeakMap == "function" ? WeakMap : Map;
+      be = new ur();
     }
-    function Ae(e, n) {
+    function Ie(e, a) {
       if (!e || ye)
         return "";
       {
@@ -219,9 +219,9 @@ function Mr() {
       var h = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var E;
-      E = ve.current, ve.current = null, ir();
+      E = ve.current, ve.current = null, lr();
       try {
-        if (n) {
+        if (a) {
           var v = function() {
             throw Error();
           };
@@ -263,32 +263,32 @@ function Mr() {
               if (T !== 1 || P !== 1)
                 do
                   if (T--, P--, P < 0 || g[T] !== A[P]) {
-                    var W = `
+                    var N = `
 ` + g[T].replace(" at new ", " at ");
-                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && be.set(e, W), W;
+                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && be.set(e, N), N;
                   }
                 while (T >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        ye = !1, ve.current = E, lr(), Error.prepareStackTrace = h;
+        ye = !1, ve.current = E, cr(), Error.prepareStackTrace = h;
       }
       var H = e ? e.displayName || e.name : "", B = H ? pe(H) : "";
       return typeof e == "function" && be.set(e, B), B;
     }
-    function ur(e, n, s) {
-      return Ae(e, !1);
+    function dr(e, a, s) {
+      return Ie(e, !1);
     }
-    function dr(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+    function fr(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function ge(e, n, s) {
+    function ge(e, a, s) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ae(e, dr(e));
+        return Ie(e, fr(e));
       if (typeof e == "string")
         return pe(e);
       switch (e) {
@@ -300,28 +300,28 @@ function Mr() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case p:
-            return ur(e.render);
+            return dr(e.render);
           case x:
-            return ge(e.type, n, s);
+            return ge(e.type, a, s);
           case C: {
             var d = e, h = d._payload, E = d._init;
             try {
-              return ge(E(h), n, s);
+              return ge(E(h), a, s);
             } catch {
             }
           }
         }
       return "";
     }
-    var ne = Object.prototype.hasOwnProperty, ze = {}, Ie = k.ReactDebugCurrentFrame;
+    var ne = Object.prototype.hasOwnProperty, Me = {}, Fe = k.ReactDebugCurrentFrame;
     function me(e) {
       if (e) {
-        var n = e._owner, s = ge(e.type, e._source, n ? n.type : null);
-        Ie.setExtraStackFrame(s);
+        var a = e._owner, s = ge(e.type, e._source, a ? a.type : null);
+        Fe.setExtraStackFrame(s);
       } else
-        Ie.setExtraStackFrame(null);
+        Fe.setExtraStackFrame(null);
     }
-    function fr(e, n, s, d, h) {
+    function pr(e, a, s, d, h) {
       {
         var E = Function.call.bind(ne);
         for (var v in e)
@@ -332,71 +332,71 @@ function Mr() {
                 var A = Error((d || "React class") + ": " + s + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw A.name = "Invariant Violation", A;
               }
-              g = e[v](n, v, d, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              g = e[v](a, v, d, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (T) {
               g = T;
             }
-            g && !(g instanceof Error) && (me(h), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", s, v, typeof g), me(null)), g instanceof Error && !(g.message in ze) && (ze[g.message] = !0, me(h), y("Failed %s type: %s", s, g.message), me(null));
+            g && !(g instanceof Error) && (me(h), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", s, v, typeof g), me(null)), g instanceof Error && !(g.message in Me) && (Me[g.message] = !0, me(h), y("Failed %s type: %s", s, g.message), me(null));
           }
       }
     }
-    var pr = Array.isArray;
+    var br = Array.isArray;
     function xe(e) {
-      return pr(e);
+      return br(e);
     }
-    function br(e) {
+    function gr(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, s = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var a = typeof Symbol == "function" && Symbol.toStringTag, s = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return s;
       }
     }
-    function gr(e) {
+    function mr(e) {
       try {
-        return Me(e), !1;
+        return Ne(e), !1;
       } catch {
         return !0;
       }
     }
-    function Me(e) {
+    function Ne(e) {
       return "" + e;
     }
-    function Fe(e) {
-      if (gr(e))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", br(e)), Me(e);
+    function We(e) {
+      if (mr(e))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gr(e)), Ne(e);
     }
-    var ae = k.ReactCurrentOwner, mr = {
+    var ae = k.ReactCurrentOwner, vr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, We, Ne, we;
+    }, Ve, $e, we;
     we = {};
-    function vr(e) {
+    function hr(e) {
       if (ne.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function hr(e) {
+    function yr(e) {
       if (ne.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function yr(e, n) {
-      if (typeof e.ref == "string" && ae.current && n && ae.current.stateNode !== n) {
+    function xr(e, a) {
+      if (typeof e.ref == "string" && ae.current && a && ae.current.stateNode !== a) {
         var s = I(ae.current.type);
         we[s] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', I(ae.current.type), e.ref), we[s] = !0);
       }
     }
-    function xr(e, n) {
+    function wr(e, a) {
       {
         var s = function() {
-          We || (We = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+          Ve || (Ve = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         s.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: s,
@@ -404,10 +404,10 @@ function Mr() {
         });
       }
     }
-    function wr(e, n) {
+    function Rr(e, a) {
       {
         var s = function() {
-          Ne || (Ne = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+          $e || ($e = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         s.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: s,
@@ -415,13 +415,13 @@ function Mr() {
         });
       }
     }
-    var Rr = function(e, n, s, d, h, E, v) {
+    var Er = function(e, a, s, d, h, E, v) {
       var g = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
-        key: n,
+        key: a,
         ref: s,
         props: v,
         // Record the component responsible for creating this element.
@@ -444,12 +444,12 @@ function Mr() {
         value: h
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function Er(e, n, s, d, h) {
+    function Cr(e, a, s, d, h) {
       {
         var E, v = {}, g = null, A = null;
-        s !== void 0 && (Fe(s), g = "" + s), hr(n) && (Fe(n.key), g = "" + n.key), vr(n) && (A = n.ref, yr(n, h));
-        for (E in n)
-          ne.call(n, E) && !mr.hasOwnProperty(E) && (v[E] = n[E]);
+        s !== void 0 && (We(s), g = "" + s), yr(a) && (We(a.key), g = "" + a.key), hr(a) && (A = a.ref, xr(a, h));
+        for (E in a)
+          ne.call(a, E) && !vr.hasOwnProperty(E) && (v[E] = a[E]);
         if (e && e.defaultProps) {
           var T = e.defaultProps;
           for (E in T)
@@ -457,25 +457,25 @@ function Mr() {
         }
         if (g || A) {
           var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          g && xr(v, P), A && wr(v, P);
+          g && wr(v, P), A && Rr(v, P);
         }
-        return Rr(e, g, A, h, d, ae.current, v);
+        return Er(e, g, A, h, d, ae.current, v);
       }
     }
-    var Re = k.ReactCurrentOwner, Ve = k.ReactDebugCurrentFrame;
+    var Re = k.ReactCurrentOwner, Ge = k.ReactDebugCurrentFrame;
     function X(e) {
       if (e) {
-        var n = e._owner, s = ge(e.type, e._source, n ? n.type : null);
-        Ve.setExtraStackFrame(s);
+        var a = e._owner, s = ge(e.type, e._source, a ? a.type : null);
+        Ge.setExtraStackFrame(s);
       } else
-        Ve.setExtraStackFrame(null);
+        Ge.setExtraStackFrame(null);
     }
     var Ee;
     Ee = !1;
     function Ce(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function $e() {
+    function Le() {
       {
         if (Re.current) {
           var e = I(Re.current.type);
@@ -487,43 +487,43 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Cr(e) {
+    function _r(e) {
       return "";
     }
-    var Ge = {};
-    function _r(e) {
+    var De = {};
+    function kr(e) {
       {
-        var n = $e();
-        if (!n) {
+        var a = Le();
+        if (!a) {
           var s = typeof e == "string" ? e : e.displayName || e.name;
-          s && (n = `
+          s && (a = `
 
 Check the top-level render call using <` + s + ">.");
         }
-        return n;
+        return a;
       }
     }
-    function Le(e, n) {
+    function Ye(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var s = _r(n);
-        if (Ge[s])
+        var s = kr(a);
+        if (De[s])
           return;
-        Ge[s] = !0;
+        De[s] = !0;
         var d = "";
         e && e._owner && e._owner !== Re.current && (d = " It was passed a child from " + I(e._owner.type) + "."), X(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, d), X(null);
       }
     }
-    function De(e, n) {
+    function Ue(e, a) {
       {
         if (typeof e != "object")
           return;
         if (xe(e))
           for (var s = 0; s < e.length; s++) {
             var d = e[s];
-            Ce(d) && Le(d, n);
+            Ce(d) && Ye(d, a);
           }
         else if (Ce(e))
           e._store && (e._store.validated = !0);
@@ -531,39 +531,39 @@ Check the top-level render call using <` + s + ">.");
           var h = w(e);
           if (typeof h == "function" && h !== e.entries)
             for (var E = h.call(e), v; !(v = E.next()).done; )
-              Ce(v.value) && Le(v.value, n);
+              Ce(v.value) && Ye(v.value, a);
         }
       }
     }
-    function kr(e) {
+    function Sr(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
         var s;
-        if (typeof n == "function")
-          s = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === p || // Note: Memo only checks outer props here.
+        if (typeof a == "function")
+          s = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === x))
-          s = n.propTypes;
+        a.$$typeof === x))
+          s = a.propTypes;
         else
           return;
         if (s) {
-          var d = I(n);
-          fr(s, e.props, "prop", d, e);
-        } else if (n.PropTypes !== void 0 && !Ee) {
+          var d = I(a);
+          pr(s, e.props, "prop", d, e);
+        } else if (a.PropTypes !== void 0 && !Ee) {
           Ee = !0;
-          var h = I(n);
+          var h = I(a);
           y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Sr(e) {
+    function Tr(e) {
       {
-        for (var n = Object.keys(e.props), s = 0; s < n.length; s++) {
-          var d = n[s];
+        for (var a = Object.keys(e.props), s = 0; s < a.length; s++) {
+          var d = a[s];
           if (d !== "children" && d !== "key") {
             X(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), X(null);
             break;
@@ -572,132 +572,131 @@ Check the top-level render call using <` + s + ">.");
         e.ref !== null && (X(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
       }
     }
-    var Ye = {};
-    function Ue(e, n, s, d, h, E) {
+    var Be = {};
+    function qe(e, a, s, d, h, E) {
       {
         var v = ee(e);
         if (!v) {
           var g = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var A = Cr();
-          A ? g += A : g += $e();
+          var A = _r();
+          A ? g += A : g += Le();
           var T;
           e === null ? T = "null" : xe(e) ? T = "array" : e !== void 0 && e.$$typeof === t ? (T = "<" + (I(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : T = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, g);
         }
-        var P = Er(e, n, s, h, E);
+        var P = Cr(e, a, s, h, E);
         if (P == null)
           return P;
         if (v) {
-          var W = n.children;
-          if (W !== void 0)
+          var N = a.children;
+          if (N !== void 0)
             if (d)
-              if (xe(W)) {
-                for (var H = 0; H < W.length; H++)
-                  De(W[H], e);
-                Object.freeze && Object.freeze(W);
+              if (xe(N)) {
+                for (var H = 0; H < N.length; H++)
+                  Ue(N[H], e);
+                Object.freeze && Object.freeze(N);
               } else
                 y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              De(W, e);
+              Ue(N, e);
         }
-        if (ne.call(n, "key")) {
-          var B = I(e), z = Object.keys(n).filter(function(zr) {
-            return zr !== "key";
+        if (ne.call(a, "key")) {
+          var B = I(e), z = Object.keys(a).filter(function(Ir) {
+            return Ir !== "key";
           }), _e = z.length > 0 ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ye[B + _e]) {
-            var Ar = z.length > 0 ? "{" + z.join(": ..., ") + ": ...}" : "{}";
+          if (!Be[B + _e]) {
+            var zr = z.length > 0 ? "{" + z.join(": ..., ") + ": ...}" : "{}";
             y(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, _e, B, Ar, B), Ye[B + _e] = !0;
+  <%s key={someKey} {...props} />`, _e, B, zr, B), Be[B + _e] = !0;
           }
         }
-        return e === a ? Sr(P) : kr(P), P;
+        return e === n ? Tr(P) : Sr(P), P;
       }
     }
-    function Tr(e, n, s) {
-      return Ue(e, n, s, !0);
+    function Pr(e, a, s) {
+      return qe(e, a, s, !0);
     }
-    function Pr(e, n, s) {
-      return Ue(e, n, s, !1);
+    function jr(e, a, s) {
+      return qe(e, a, s, !1);
     }
-    var jr = Pr, Or = Tr;
-    ie.Fragment = a, ie.jsx = jr, ie.jsxs = Or;
+    var Or = jr, Ar = Pr;
+    ie.Fragment = n, ie.jsx = Or, ie.jsxs = Ar;
   }()), ie;
 }
-process.env.NODE_ENV === "production" ? Se.exports = Ir() : Se.exports = Mr();
-var Qe = Se.exports;
-const wt = ({ children: r }) => /* @__PURE__ */ Qe.jsx("div", { children: r });
-function er(r) {
-  var t, o, a = "";
-  if (typeof r == "string" || typeof r == "number") a += r;
+process.env.NODE_ENV === "production" ? Se.exports = Mr() : Se.exports = Fr();
+var Pe = Se.exports;
+function rr(r) {
+  var t, o, n = "";
+  if (typeof r == "string" || typeof r == "number") n += r;
   else if (typeof r == "object") if (Array.isArray(r)) {
     var c = r.length;
-    for (t = 0; t < c; t++) r[t] && (o = er(r[t])) && (a && (a += " "), a += o);
-  } else for (o in r) r[o] && (a && (a += " "), a += o);
-  return a;
+    for (t = 0; t < c; t++) r[t] && (o = rr(r[t])) && (n && (n += " "), n += o);
+  } else for (o in r) r[o] && (n && (n += " "), n += o);
+  return n;
 }
-function Fr() {
-  for (var r, t, o = 0, a = "", c = arguments.length; o < c; o++) (r = arguments[o]) && (t = er(r)) && (a && (a += " "), a += t);
-  return a;
+function Nr() {
+  for (var r, t, o = 0, n = "", c = arguments.length; o < c; o++) (r = arguments[o]) && (t = rr(r)) && (n && (n += " "), n += t);
+  return n;
 }
-const Pe = "-", Wr = (r) => {
-  const t = Vr(r), {
+const je = "-", Wr = (r) => {
+  const t = $r(r), {
     conflictingClassGroups: o,
-    conflictingClassGroupModifiers: a
+    conflictingClassGroupModifiers: n
   } = r;
   return {
     getClassGroupId: (u) => {
-      const l = u.split(Pe);
-      return l[0] === "" && l.length !== 1 && l.shift(), rr(l, t) || Nr(u);
+      const l = u.split(je);
+      return l[0] === "" && l.length !== 1 && l.shift(), tr(l, t) || Vr(u);
     },
     getConflictingClassGroupIds: (u, l) => {
       const p = o[u] || [];
-      return l && a[u] ? [...p, ...a[u]] : p;
+      return l && n[u] ? [...p, ...n[u]] : p;
     }
   };
-}, rr = (r, t) => {
+}, tr = (r, t) => {
   var u;
   if (r.length === 0)
     return t.classGroupId;
-  const o = r[0], a = t.nextPart.get(o), c = a ? rr(r.slice(1), a) : void 0;
+  const o = r[0], n = t.nextPart.get(o), c = n ? tr(r.slice(1), n) : void 0;
   if (c)
     return c;
   if (t.validators.length === 0)
     return;
-  const i = r.join(Pe);
+  const i = r.join(je);
   return (u = t.validators.find(({
     validator: l
   }) => l(i))) == null ? void 0 : u.classGroupId;
-}, Je = /^\[(.+)\]$/, Nr = (r) => {
-  if (Je.test(r)) {
-    const t = Je.exec(r)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+}, Xe = /^\[(.+)\]$/, Vr = (r) => {
+  if (Xe.test(r)) {
+    const t = Xe.exec(r)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, Vr = (r) => {
+}, $r = (r) => {
   const {
     theme: t,
     prefix: o
-  } = r, a = {
+  } = r, n = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Gr(Object.entries(r.classGroups), o).forEach(([i, u]) => {
-    Te(u, a, i, t);
-  }), a;
-}, Te = (r, t, o, a) => {
+  return Lr(Object.entries(r.classGroups), o).forEach(([i, u]) => {
+    Te(u, n, i, t);
+  }), n;
+}, Te = (r, t, o, n) => {
   r.forEach((c) => {
     if (typeof c == "string") {
-      const i = c === "" ? t : Ke(t, c);
+      const i = c === "" ? t : He(t, c);
       i.classGroupId = o;
       return;
     }
     if (typeof c == "function") {
-      if ($r(c)) {
-        Te(c(a), t, o, a);
+      if (Gr(c)) {
+        Te(c(n), t, o, n);
         return;
       }
       t.validators.push({
@@ -707,21 +706,21 @@ const Pe = "-", Wr = (r) => {
       return;
     }
     Object.entries(c).forEach(([i, u]) => {
-      Te(u, Ke(t, i), o, a);
+      Te(u, He(t, i), o, n);
     });
   });
-}, Ke = (r, t) => {
+}, He = (r, t) => {
   let o = r;
-  return t.split(Pe).forEach((a) => {
-    o.nextPart.has(a) || o.nextPart.set(a, {
+  return t.split(je).forEach((n) => {
+    o.nextPart.has(n) || o.nextPart.set(n, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), o = o.nextPart.get(a);
+    }), o = o.nextPart.get(n);
   }), o;
-}, $r = (r) => r.isThemeGetter, Gr = (r, t) => t ? r.map(([o, a]) => {
-  const c = a.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([u, l]) => [t + u, l])) : i);
+}, Gr = (r) => r.isThemeGetter, Lr = (r, t) => t ? r.map(([o, n]) => {
+  const c = n.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([u, l]) => [t + u, l])) : i);
   return [o, c];
-}) : r, Lr = (r) => {
+}) : r, Dr = (r) => {
   if (r < 1)
     return {
       get: () => {
@@ -729,33 +728,33 @@ const Pe = "-", Wr = (r) => {
       set: () => {
       }
     };
-  let t = 0, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  let t = 0, o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
   const c = (i, u) => {
-    o.set(i, u), t++, t > r && (t = 0, a = o, o = /* @__PURE__ */ new Map());
+    o.set(i, u), t++, t > r && (t = 0, n = o, o = /* @__PURE__ */ new Map());
   };
   return {
     get(i) {
       let u = o.get(i);
       if (u !== void 0)
         return u;
-      if ((u = a.get(i)) !== void 0)
+      if ((u = n.get(i)) !== void 0)
         return c(i, u), u;
     },
     set(i, u) {
       o.has(i) ? o.set(i, u) : c(i, u);
     }
   };
-}, tr = "!", Dr = (r) => {
+}, or = "!", Yr = (r) => {
   const {
     separator: t,
     experimentalParseClassName: o
-  } = r, a = t.length === 1, c = t[0], i = t.length, u = (l) => {
+  } = r, n = t.length === 1, c = t[0], i = t.length, u = (l) => {
     const p = [];
     let m = 0, b = 0, x;
     for (let w = 0; w < l.length; w++) {
       let k = l[w];
       if (m === 0) {
-        if (k === c && (a || l.slice(w, w + i) === t)) {
+        if (k === c && (n || l.slice(w, w + i) === t)) {
           p.push(l.slice(b, w)), b = w + i;
           continue;
         }
@@ -766,7 +765,7 @@ const Pe = "-", Wr = (r) => {
       }
       k === "[" ? m++ : k === "]" && m--;
     }
-    const C = p.length === 0 ? l : l.substring(b), j = C.startsWith(tr), O = j ? C.substring(1) : C, S = x && x > b ? x - b : void 0;
+    const C = p.length === 0 ? l : l.substring(b), j = C.startsWith(or), O = j ? C.substring(1) : C, S = x && x > b ? x - b : void 0;
     return {
       modifiers: p,
       hasImportantModifier: j,
@@ -778,24 +777,24 @@ const Pe = "-", Wr = (r) => {
     className: l,
     parseClassName: u
   }) : u;
-}, Yr = (r) => {
+}, Ur = (r) => {
   if (r.length <= 1)
     return r;
   const t = [];
   let o = [];
-  return r.forEach((a) => {
-    a[0] === "[" ? (t.push(...o.sort(), a), o = []) : o.push(a);
+  return r.forEach((n) => {
+    n[0] === "[" ? (t.push(...o.sort(), n), o = []) : o.push(n);
   }), t.push(...o.sort()), t;
-}, Ur = (r) => ({
-  cache: Lr(r.cacheSize),
-  parseClassName: Dr(r),
+}, Br = (r) => ({
+  cache: Dr(r.cacheSize),
+  parseClassName: Yr(r),
   ...Wr(r)
-}), Br = /\s+/, qr = (r, t) => {
+}), qr = /\s+/, Jr = (r, t) => {
   const {
     parseClassName: o,
-    getClassGroupId: a,
+    getClassGroupId: n,
     getConflictingClassGroupIds: c
-  } = t, i = [], u = r.trim().split(Br);
+  } = t, i = [], u = r.trim().split(qr);
   let l = "";
   for (let p = u.length - 1; p >= 0; p -= 1) {
     const m = u[p], {
@@ -804,75 +803,75 @@ const Pe = "-", Wr = (r) => {
       baseClassName: C,
       maybePostfixModifierPosition: j
     } = o(m);
-    let O = !!j, S = a(O ? C.substring(0, j) : C);
+    let O = !!j, S = n(O ? C.substring(0, j) : C);
     if (!S) {
       if (!O) {
         l = m + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (S = a(C), !S) {
+      if (S = n(C), !S) {
         l = m + (l.length > 0 ? " " + l : l);
         continue;
       }
       O = !1;
     }
-    const w = Yr(b).join(":"), k = x ? w + tr : w, y = k + S;
+    const w = Ur(b).join(":"), k = x ? w + or : w, y = k + S;
     if (i.includes(y))
       continue;
     i.push(y);
     const Y = c(S, O);
-    for (let N = 0; N < Y.length; ++N) {
-      const q = Y[N];
+    for (let W = 0; W < Y.length; ++W) {
+      const q = Y[W];
       i.push(k + q);
     }
     l = m + (l.length > 0 ? " " + l : l);
   }
   return l;
 };
-function Jr() {
-  let r = 0, t, o, a = "";
+function Kr() {
+  let r = 0, t, o, n = "";
   for (; r < arguments.length; )
-    (t = arguments[r++]) && (o = or(t)) && (a && (a += " "), a += o);
-  return a;
+    (t = arguments[r++]) && (o = nr(t)) && (n && (n += " "), n += o);
+  return n;
 }
-const or = (r) => {
+const nr = (r) => {
   if (typeof r == "string")
     return r;
   let t, o = "";
-  for (let a = 0; a < r.length; a++)
-    r[a] && (t = or(r[a])) && (o && (o += " "), o += t);
+  for (let n = 0; n < r.length; n++)
+    r[n] && (t = nr(r[n])) && (o && (o += " "), o += t);
   return o;
 };
-function Kr(r, ...t) {
-  let o, a, c, i = u;
+function Xr(r, ...t) {
+  let o, n, c, i = u;
   function u(p) {
     const m = t.reduce((b, x) => x(b), r());
-    return o = Ur(m), a = o.cache.get, c = o.cache.set, i = l, l(p);
+    return o = Br(m), n = o.cache.get, c = o.cache.set, i = l, l(p);
   }
   function l(p) {
-    const m = a(p);
+    const m = n(p);
     if (m)
       return m;
-    const b = qr(p, o);
+    const b = Jr(p, o);
     return c(p, b), b;
   }
   return function() {
-    return i(Jr.apply(null, arguments));
+    return i(Kr.apply(null, arguments));
   };
 }
 const _ = (r) => {
   const t = (o) => o[r] || [];
   return t.isThemeGetter = !0, t;
-}, nr = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xr = /^\d+\/\d+$/, Hr = /* @__PURE__ */ new Set(["px", "full", "screen"]), Zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Qr = /\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$/, et = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, rt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, tt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (r) => Z(r) || Hr.has(r) || Xr.test(r), L = (r) => Q(r, "length", ut), Z = (r) => !!r && !Number.isNaN(Number(r)), ke = (r) => Q(r, "number", Z), le = (r) => !!r && Number.isInteger(Number(r)), ot = (r) => r.endsWith("%") && Z(r.slice(0, -1)), f = (r) => nr.test(r), D = (r) => Zr.test(r), nt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), at = (r) => Q(r, nt, ar), st = (r) => Q(r, "position", ar), it = /* @__PURE__ */ new Set(["image", "url"]), lt = (r) => Q(r, it, ft), ct = (r) => Q(r, "", dt), ce = () => !0, Q = (r, t, o) => {
-  const a = nr.exec(r);
-  return a ? a[1] ? typeof t == "string" ? a[1] === t : t.has(a[1]) : o(a[2]) : !1;
-}, ut = (r) => (
+}, ar = /^\[(?:([a-z-]+):)?(.+)\]$/i, Hr = /^\d+\/\d+$/, Zr = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, et = /\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$/, rt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, tt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ot = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (r) => Z(r) || Zr.has(r) || Hr.test(r), L = (r) => Q(r, "length", dt), Z = (r) => !!r && !Number.isNaN(Number(r)), ke = (r) => Q(r, "number", Z), le = (r) => !!r && Number.isInteger(Number(r)), nt = (r) => r.endsWith("%") && Z(r.slice(0, -1)), f = (r) => ar.test(r), D = (r) => Qr.test(r), at = /* @__PURE__ */ new Set(["length", "size", "percentage"]), st = (r) => Q(r, at, sr), it = (r) => Q(r, "position", sr), lt = /* @__PURE__ */ new Set(["image", "url"]), ct = (r) => Q(r, lt, pt), ut = (r) => Q(r, "", ft), ce = () => !0, Q = (r, t, o) => {
+  const n = ar.exec(r);
+  return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : o(n[2]) : !1;
+}, dt = (r) => (
   // `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.
-  Qr.test(r) && !et.test(r)
-), ar = () => !1, dt = (r) => rt.test(r), ft = (r) => tt.test(r), pt = () => {
-  const r = _("colors"), t = _("spacing"), o = _("blur"), a = _("brightness"), c = _("borderColor"), i = _("borderRadius"), u = _("borderSpacing"), l = _("borderWidth"), p = _("contrast"), m = _("grayscale"), b = _("hueRotate"), x = _("invert"), C = _("gap"), j = _("gradientColorStops"), O = _("gradientColorStopPositions"), S = _("inset"), w = _("margin"), k = _("opacity"), y = _("padding"), Y = _("saturate"), N = _("scale"), q = _("sepia"), ue = _("skew"), de = _("space"), fe = _("translate"), J = () => ["auto", "contain", "none"], ee = () => ["auto", "hidden", "clip", "visible", "scroll"], re = () => ["auto", f, t], R = () => [f, t], I = () => ["", V, L], M = () => ["auto", Z, f], $ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], G = () => ["", "0", f], oe = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [Z, f];
+  et.test(r) && !rt.test(r)
+), sr = () => !1, ft = (r) => tt.test(r), pt = (r) => ot.test(r), bt = () => {
+  const r = _("colors"), t = _("spacing"), o = _("blur"), n = _("brightness"), c = _("borderColor"), i = _("borderRadius"), u = _("borderSpacing"), l = _("borderWidth"), p = _("contrast"), m = _("grayscale"), b = _("hueRotate"), x = _("invert"), C = _("gap"), j = _("gradientColorStops"), O = _("gradientColorStopPositions"), S = _("inset"), w = _("margin"), k = _("opacity"), y = _("padding"), Y = _("saturate"), W = _("scale"), q = _("sepia"), ue = _("skew"), de = _("space"), fe = _("translate"), J = () => ["auto", "contain", "none"], ee = () => ["auto", "hidden", "clip", "visible", "scroll"], re = () => ["auto", f, t], R = () => [f, t], I = () => ["", V, L], M = () => ["auto", Z, f], $ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], G = () => ["", "0", f], oe = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [Z, f];
   return {
     cacheSize: 500,
     separator: ":",
@@ -891,7 +890,7 @@ const _ = (r) => {
       invert: G(),
       gap: R(),
       gradientColorStops: [r],
-      gradientColorStopPositions: [ot, L],
+      gradientColorStopPositions: [nt, L],
       inset: re(),
       margin: re(),
       opacity: F(),
@@ -1804,7 +1803,7 @@ const _ = (r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...$(), st]
+        bg: [...$(), it]
       }],
       /**
        * Background Repeat
@@ -1820,7 +1819,7 @@ const _ = (r) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", at]
+        bg: ["auto", "cover", "contain", st]
       }],
       /**
        * Background Image
@@ -1829,7 +1828,7 @@ const _ = (r) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, lt]
+        }, ct]
       }],
       /**
        * Background Color
@@ -2231,7 +2230,7 @@ const _ = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", D, ct]
+        shadow: ["", "inner", "none", D, ut]
       }],
       /**
        * Box Shadow Color
@@ -2282,7 +2281,7 @@ const _ = (r) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [a]
+        brightness: [n]
       }],
       /**
        * Contrast
@@ -2353,7 +2352,7 @@ const _ = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [a]
+        "backdrop-brightness": [n]
       }],
       /**
        * Backdrop Contrast
@@ -2496,21 +2495,21 @@ const _ = (r) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [N]
+        scale: [W]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [N]
+        "scale-x": [W]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [N]
+        "scale-y": [W]
       }],
       /**
        * Rotate
@@ -2886,33 +2885,70 @@ const _ = (r) => {
       "font-size": ["leading"]
     }
   };
-}, bt = /* @__PURE__ */ Kr(pt);
-function gt(...r) {
-  return bt(Fr(r));
+}, gt = /* @__PURE__ */ Xr(bt);
+function Oe(...r) {
+  return gt(Nr(r));
 }
-function sr(r) {
-  var t, o, a = "";
-  if (typeof r == "string" || typeof r == "number") a += r;
-  else if (typeof r == "object") if (Array.isArray(r)) for (t = 0; t < r.length; t++) r[t] && (o = sr(r[t])) && (a && (a += " "), a += o);
-  else for (t in r) r[t] && (a && (a += " "), a += t);
-  return a;
+const wt = ({
+  children: r,
+  gap: t = 0,
+  alignItems: o = void 0,
+  justifyContent: n = void 0,
+  className: c = ""
+}) => /* @__PURE__ */ Pe.jsx(
+  "div",
+  {
+    "aria-label": "Row container",
+    className: Oe("flex flex-row", c),
+    style: {
+      gap: t,
+      alignItems: o,
+      justifyContent: n
+    },
+    children: r
+  }
+), Rt = ({
+  children: r,
+  gap: t = 0,
+  alignItems: o = void 0,
+  justifyContent: n = void 0,
+  className: c = ""
+}) => /* @__PURE__ */ Pe.jsx(
+  "div",
+  {
+    "aria-label": "Stack container",
+    className: Oe("flex flex-col", c),
+    style: {
+      gap: t,
+      alignItems: o,
+      justifyContent: n
+    },
+    children: r
+  }
+);
+function ir(r) {
+  var t, o, n = "";
+  if (typeof r == "string" || typeof r == "number") n += r;
+  else if (typeof r == "object") if (Array.isArray(r)) for (t = 0; t < r.length; t++) r[t] && (o = ir(r[t])) && (n && (n += " "), n += o);
+  else for (t in r) r[t] && (n && (n += " "), n += t);
+  return n;
 }
 function mt() {
-  for (var r, t, o = 0, a = ""; o < arguments.length; ) (r = arguments[o++]) && (t = sr(r)) && (a && (a += " "), a += t);
-  return a;
+  for (var r, t, o = 0, n = ""; o < arguments.length; ) (r = arguments[o++]) && (t = ir(r)) && (n && (n += " "), n += t);
+  return n;
 }
-const Xe = (r) => typeof r == "boolean" ? "".concat(r) : r === 0 ? "0" : r, He = mt, vt = (r, t) => (o) => {
-  var a;
-  if ((t == null ? void 0 : t.variants) == null) return He(r, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+const Ze = (r) => typeof r == "boolean" ? "".concat(r) : r === 0 ? "0" : r, Qe = mt, vt = (r, t) => (o) => {
+  var n;
+  if ((t == null ? void 0 : t.variants) == null) return Qe(r, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
   const { variants: c, defaultVariants: i } = t, u = Object.keys(c).map((m) => {
     const b = o == null ? void 0 : o[m], x = i == null ? void 0 : i[m];
     if (b === null) return null;
-    const C = Xe(b) || Xe(x);
+    const C = Ze(b) || Ze(x);
     return c[m][C];
   }), l = o && Object.entries(o).reduce((m, b) => {
     let [x, C] = b;
     return C === void 0 || (m[x] = C), m;
-  }, {}), p = t == null || (a = t.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((m, b) => {
+  }, {}), p = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((m, b) => {
     let { class: x, className: C, ...j } = b;
     return Object.entries(j).every((O) => {
       let [S, w] = O;
@@ -2929,7 +2965,7 @@ const Xe = (r) => typeof r == "boolean" ? "".concat(r) : r === 0 ? "0" : r, He =
       C
     ] : m;
   }, []);
-  return He(r, u, p, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+  return Qe(r, u, p, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
 }, ht = {
   serif: "font-serif",
   body: "text-base",
@@ -2945,24 +2981,25 @@ const Xe = (r) => typeof r == "boolean" ? "".concat(r) : r === 0 ? "0" : r, He =
     variant: "body"
   }
 });
-function Rt({
+function Et({
   as: r = "p",
   onClick: t,
   children: o,
-  className: a = "",
+  className: n = "",
   variant: c
 }) {
-  return /* @__PURE__ */ Qe.jsx(
+  return /* @__PURE__ */ Pe.jsx(
     r,
     {
-      className: gt(yt({ variant: c, className: a })),
+      className: Oe(yt({ variant: c, className: n })),
       onClick: t,
       children: o
     }
   );
 }
 export {
-  Rt as PTypography,
-  wt as Row
+  Et as PTypography,
+  wt as Row,
+  Rt as Stack
 };
 //# sourceMappingURL=index.es.js.map