@conatel-sa/react-ui 0.2.2 → 0.2.4

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import X, { createContext as Ve, useState as Se, useCallback as ve, useMemo as Ur, useContext as Re, useId as ir, useRef as lr, useEffect as tr } from "react";
 import { createPortal as Hr } from "react-dom";
-var _e = { exports: {} }, fe = {};
+var fe = { exports: {} }, _e = {};
 /**
  * @license React
  * react-jsx-dev-runtime.production.min.js
@@ -12,10 +12,10 @@ var _e = { exports: {} }, fe = {};
  */
 var nr;
 function Jr() {
-  if (nr) return fe;
+  if (nr) return _e;
   nr = 1;
   var r = Symbol.for("react.fragment");
-  return fe.Fragment = r, fe.jsxDEV = void 0, fe;
+  return _e.Fragment = r, _e.jsxDEV = void 0, _e;
 }
 var pe = {};
 /**
@@ -30,7 +30,7 @@ var pe = {};
 var sr;
 function Kr() {
   return sr || (sr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var r = X, s = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), _ = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), k = Symbol.iterator, Ne = "@@iterator";
+    var r = X, s = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), f = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), k = Symbol.iterator, Ne = "@@iterator";
     function le(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -42,10 +42,10 @@ function Kr() {
       {
         for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), m = 1; m < a; m++)
           l[m - 1] = arguments[m];
-        _r("error", e, l);
+        fr("error", e, l);
       }
     }
-    function _r(e, a, l) {
+    function fr(e, a, l) {
       {
         var m = Y.ReactDebugCurrentFrame, v = m.getStackAddendum();
         v !== "" && (a += "%s", l = l.concat([v]));
@@ -55,10 +55,10 @@ function Kr() {
         h.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, h);
       }
     }
-    var fr = !1, pr = !1, br = !1, vr = !1, Nr = !1, Ce;
+    var _r = !1, pr = !1, br = !1, vr = !1, Nr = !1, Ce;
     Ce = Symbol.for("react.module.reference");
     function hr(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || Nr || e === i || e === d || e === p || vr || e === S || fr || pr || br || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === x || e.$$typeof === u || e.$$typeof === _ || e.$$typeof === N || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || Nr || e === i || e === d || e === p || vr || e === S || _r || pr || br || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === x || e.$$typeof === u || e.$$typeof === f || e.$$typeof === N || // 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.
@@ -97,7 +97,7 @@ function Kr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case _:
+          case f:
             var a = e;
             return Pe(a) + ".Consumer";
           case u:
@@ -119,18 +119,18 @@ function Kr() {
         }
       return null;
     }
-    var A = Object.assign, Z = 0, Be, Ie, Fe, Ae, Oe, qe, ze;
-    function Le() {
+    var A = Object.assign, Z = 0, Be, Ie, Fe, Ae, Oe, ze, Le;
+    function qe() {
     }
-    Le.__reactDisabledLog = !0;
+    qe.__reactDisabledLog = !0;
     function gr() {
       {
         if (Z === 0) {
-          Be = console.log, Ie = console.info, Fe = console.warn, Ae = console.error, Oe = console.group, qe = console.groupCollapsed, ze = console.groupEnd;
+          Be = console.log, Ie = console.info, Fe = console.warn, Ae = console.error, Oe = console.group, ze = console.groupCollapsed, Le = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Le,
+            value: qe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -171,10 +171,10 @@ function Kr() {
               value: Oe
             }),
             groupCollapsed: A({}, e, {
-              value: qe
+              value: ze
             }),
             groupEnd: A({}, e, {
-              value: ze
+              value: Le
             })
           });
         }
@@ -248,17 +248,17 @@ function Kr() {
         }
       } catch (T) {
         if (T && m && typeof T.stack == "string") {
-          for (var f = T.stack.split(`
+          for (var _ = T.stack.split(`
 `), D = m.stack.split(`
-`), g = f.length - 1, j = D.length - 1; g >= 1 && j >= 0 && f[g] !== D[j]; )
+`), g = _.length - 1, j = D.length - 1; g >= 1 && j >= 0 && _[g] !== D[j]; )
             j--;
           for (; g >= 1 && j >= 0; g--, j--)
-            if (f[g] !== D[j]) {
+            if (_[g] !== D[j]) {
               if (g !== 1 || j !== 1)
                 do
-                  if (g--, j--, j < 0 || f[g] !== D[j]) {
+                  if (g--, j--, j < 0 || _[g] !== D[j]) {
                     var $ = `
-` + f[g].replace(" at new ", " at ");
+` + _[g].replace(" at new ", " at ");
                     return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, $), $;
                   }
                 while (g >= 1 && j >= 0);
@@ -320,17 +320,17 @@ function Kr() {
         var h = Function.call.bind(Q);
         for (var b in e)
           if (h(e, b)) {
-            var f = void 0;
+            var _ = void 0;
             try {
               if (typeof e[b] != "function") {
                 var D = Error((m || "React class") + ": " + l + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw D.name = "Invariant Violation", D;
               }
-              f = e[b](a, b, m, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              _ = e[b](a, b, m, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (g) {
-              f = g;
+              _ = g;
             }
-            f && !(f instanceof Error) && (de(v), w("%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).", m || "React class", l, b, typeof f), de(null)), f instanceof Error && !(f.message in Me) && (Me[f.message] = !0, de(v), w("Failed %s type: %s", l, f.message), de(null));
+            _ && !(_ instanceof Error) && (de(v), w("%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).", m || "React class", l, b, typeof _), de(null)), _ instanceof Error && !(_.message in Me) && (Me[_.message] = !0, de(v), w("Failed %s type: %s", l, _.message), de(null));
           }
       }
     }
@@ -410,7 +410,7 @@ function Kr() {
       }
     }
     var Ir = function(e, a, l, m, v, h, b) {
-      var f = {
+      var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: s,
         // Built-in properties that belong on the element
@@ -421,27 +421,27 @@ function Kr() {
         // Record the component responsible for creating this element.
         _owner: h
       };
-      return f._store = {}, Object.defineProperty(f._store, "validated", {
+      return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(f, "_self", {
+      }), Object.defineProperty(_, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: m
-      }), Object.defineProperty(f, "_source", {
+      }), Object.defineProperty(_, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: v
-      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
     function Fr(e, a, l, m, v) {
       {
-        var h, b = {}, f = null, D = null;
-        l !== void 0 && (He(l), f = "" + l), Rr(a) && (He(a.key), f = "" + a.key), Sr(a) && (D = a.ref, Cr(a, v));
+        var h, b = {}, _ = null, D = null;
+        l !== void 0 && (He(l), _ = "" + l), Rr(a) && (He(a.key), _ = "" + a.key), Sr(a) && (D = a.ref, Cr(a, v));
         for (h in a)
           Q.call(a, h) && !Vr.hasOwnProperty(h) && (b[h] = a[h]);
         if (e && e.defaultProps) {
@@ -449,11 +449,11 @@ function Kr() {
           for (h in g)
             b[h] === void 0 && (b[h] = g[h]);
         }
-        if (f || D) {
+        if (_ || D) {
           var j = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && Pr(b, j), D && Br(b, j);
+          _ && Pr(b, j), D && Br(b, j);
         }
-        return Ir(e, f, D, v, m, ee.current, b);
+        return Ir(e, _, D, v, m, ee.current, b);
       }
     }
     var Ee = Y.ReactCurrentOwner, Ge = Y.ReactDebugCurrentFrame;
@@ -537,7 +537,7 @@ Check the top-level render call using <` + l + ">.");
         }
       }
     }
-    function qr(e) {
+    function zr(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
@@ -562,7 +562,7 @@ Check the top-level render call using <` + l + ">.");
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function zr(e) {
+    function Lr(e) {
       {
         for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
           var m = a[l];
@@ -575,16 +575,16 @@ Check the top-level render call using <` + l + ">.");
       }
     }
     var rr = {};
-    function Lr(e, a, l, m, v, h) {
+    function qr(e, a, l, m, v, h) {
       {
         var b = hr(e);
         if (!b) {
-          var f = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " 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 _ = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (_ += " 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 D = Ar(v);
-          D ? f += D : f += Xe();
+          D ? _ += D : _ += Xe();
           var g;
-          e === null ? g = "null" : je(e) ? g = "array" : e !== void 0 && e.$$typeof === s ? (g = "<" + (V(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, f);
+          e === null ? g = "null" : je(e) ? g = "array" : e !== void 0 && e.$$typeof === s ? (g = "<" + (V(e.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, _);
         }
         var j = Fr(e, a, l, v, h);
         if (j == null)
@@ -616,16 +616,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Te, O, Mr, O), rr[O + Te] = !0;
           }
         }
-        return e === o ? zr(j) : qr(j), j;
+        return e === o ? Lr(j) : zr(j), j;
       }
     }
-    var Wr = Lr;
+    var Wr = qr;
     pe.Fragment = o, pe.jsxDEV = Wr;
   })()), pe;
 }
 var ar;
 function Gr() {
-  return ar || (ar = 1, process.env.NODE_ENV === "production" ? _e.exports = Jr() : _e.exports = Kr()), _e.exports;
+  return ar || (ar = 1, process.env.NODE_ENV === "production" ? fe.exports = Jr() : fe.exports = Kr()), fe.exports;
 }
 var t = Gr();
 const cr = Ve(null);
@@ -638,7 +638,7 @@ function eo({
   style: c,
   as: u = "div"
 }) {
-  const [_, N] = Se(r), d = s !== void 0, p = d ? s : _, x = ve(
+  const [f, N] = Se(r), d = s !== void 0, p = d ? s : f, x = ve(
     (le) => {
       d ? n == null || n(le) : N(le);
     },
@@ -653,7 +653,79 @@ function eo({
     u,
     {
       className: Ne,
-      style: { colorScheme: "light", ...c },
+      style: {
+        colorScheme: "light",
+        ...(p === "conatel" ? {
+          "--font-sans": "Inter, system-ui, -apple-system, sans-serif",
+          "--color-brand": "#CC032E",
+          "--color-brand-hover": "#a30225",
+          "--color-brand-active": "#CC032E",
+          "--color-brand-light": "#fdf2f4",
+          "--color-accent": "#757578",
+          "--color-accent-hover": "#5F6062",
+          "--color-accent-light": "#f3f3f3",
+          "--color-text": "#2C2C2C",
+          "--color-text-muted": "#757578",
+          "--color-text-subtle": "#BCC0C3",
+          "--color-border": "#BCC0C3",
+          "--color-border-strong": "#5F6062",
+          "--color-border-focus": "#CC032E",
+          "--focus-ring": "0 0 0 3px rgba(204, 3, 46, 0.1)",
+          "--radius-md": "8px",
+          "--radius-lg": "12px",
+          "--shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+          "--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05)",
+          "--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05)",
+          "--color-bg": "#f4f6f8",
+          "--color-bg-alt": "#f8fafc",
+          "--color-surface": "#ffffff",
+          "--color-surface-raised": "#ffffff",
+          "--color-secondary-contrast": "#ffffff",
+          "--color-tertiary": "#4F4F50",
+          "--color-tertiary-hover": "#383839",
+          "--color-success": "#10b981",
+          "--color-success-light": "rgba(16, 185, 129, 0.1)",
+          "--color-warning": "#f59e0b",
+          "--color-warning-light": "rgba(245, 158, 11, 0.1)",
+          "--color-error": "#CC032E",
+          "--color-error-light": "rgba(204, 3, 46, 0.1)"
+        } : p === "vivion" ? {
+          "--font-sans": "Inter, system-ui, -apple-system, sans-serif",
+          "--color-brand": "#0098D4",
+          "--color-brand-hover": "#0098D4",
+          "--color-brand-active": "#0098D4",
+          "--color-brand-light": "#e5f5fd",
+          "--color-accent": "#757578",
+          "--color-accent-hover": "#5F6062",
+          "--color-accent-light": "#f3f3f3",
+          "--color-text": "#2C2C2C",
+          "--color-text-muted": "#757578",
+          "--color-text-subtle": "#BCC0C3",
+          "--color-border": "#BCC0C3",
+          "--color-border-strong": "#5F6062",
+          "--color-border-focus": "#0098D4",
+          "--focus-ring": "0 0 0 3px rgba(0, 152, 212, 0.12)",
+          "--radius-md": "8px",
+          "--radius-lg": "12px",
+          "--shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+          "--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05)",
+          "--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05)",
+          "--color-bg": "#f4f6f8",
+          "--color-bg-alt": "#f8fafc",
+          "--color-surface": "#ffffff",
+          "--color-surface-raised": "#ffffff",
+          "--color-secondary-contrast": "#ffffff",
+          "--color-tertiary": "#4F4F50",
+          "--color-tertiary-hover": "#383839",
+          "--color-success": "#10b981",
+          "--color-success-light": "rgba(16, 185, 129, 0.1)",
+          "--color-warning": "#f59e0b",
+          "--color-warning-light": "rgba(245, 158, 11, 0.1)",
+          "--color-error": "#CC032E",
+          "--color-error-light": "rgba(204, 3, 46, 0.1)"
+        } : {}),
+        ...c
+      },
       "data-theme": p,
       children: o
     },
@@ -703,7 +775,7 @@ function to({
   disabled: i,
   className: c,
   children: u,
-  iconLeft: _,
+  iconLeft: f,
   iconRight: N,
   ...d
 }) {
@@ -726,7 +798,7 @@ function to({
           fileName: "/app/src/components/Button/Button.tsx",
           lineNumber: 48,
           columnNumber: 9
-        }, this) : _ && /* @__PURE__ */ t.jsxDEV("span", { className: C.icon, children: _ }, void 0, !1, {
+        }, this) : f && /* @__PURE__ */ t.jsxDEV("span", { className: C.icon, children: f }, void 0, !1, {
           fileName: "/app/src/components/Button/Button.tsx",
           lineNumber: 50,
           columnNumber: 21
@@ -753,9 +825,9 @@ function to({
     this
   );
 }
-const _t = "_heading_11ibi_1", ft = "_light_11ibi_9", $e = {
-  heading: _t,
-  light: ft,
+const ft = "_heading_11ibi_1", _t = "_light_11ibi_9", $e = {
+  heading: ft,
+  light: _t,
   "size-xs": "_size-xs_11ibi_14",
   "size-sm": "_size-sm_11ibi_18",
   "size-md": "_size-md_11ibi_22",
@@ -780,13 +852,13 @@ function no({
   children: i,
   ...c
 }) {
-  const u = `h${r}`, _ = s ?? pt[r];
+  const u = `h${r}`, f = s ?? pt[r];
   return /* @__PURE__ */ t.jsxDEV(
     u,
     {
       className: [
         $e.heading,
-        $e[`size-${_}`],
+        $e[`size-${f}`],
         n ? $e.light : "",
         o ?? ""
       ].filter(Boolean).join(" "),
@@ -832,7 +904,7 @@ function so({
   align: i = "left",
   clamp: c,
   className: u,
-  style: _,
+  style: f,
   children: N,
   ...d
 }) {
@@ -853,7 +925,7 @@ function so({
         re[`align-${i}`],
         u ?? ""
       ].filter(Boolean).join(" "),
-      style: { ...p, ..._ },
+      style: { ...p, ...f },
       ...d,
       children: N
     },
@@ -1008,20 +1080,20 @@ const St = "_wrapper_13qfs_1", Rt = "_fullWidth_13qfs_6", Ct = "_select_13qfs_7"
   }, void 0)
 );
 It.displayName = "Select";
-const Ft = "_wrapper_199wu_1", At = "_disabled_199wu_9", Ot = "_input_199wu_15", qt = "_box_199wu_24", zt = "_error_199wu_69", Lt = "_label_199wu_73", J = {
+const Ft = "_wrapper_199wu_1", At = "_disabled_199wu_9", Ot = "_input_199wu_15", zt = "_box_199wu_24", Lt = "_error_199wu_69", qt = "_label_199wu_73", J = {
   wrapper: Ft,
   disabled: At,
   input: Ot,
-  box: qt,
-  error: zt,
-  label: Lt
+  box: zt,
+  error: Lt,
+  label: qt
 }, Wt = X.forwardRef(
   ({ label: r, error: s, className: n, id: o, ...i }, c) => {
-    const u = ir(), _ = o ?? u;
+    const u = ir(), f = o ?? u;
     return /* @__PURE__ */ t.jsxDEV(
       "label",
       {
-        htmlFor: _,
+        htmlFor: f,
         className: [
           J.wrapper,
           s ? J.error : "",
@@ -1033,7 +1105,7 @@ const Ft = "_wrapper_199wu_1", At = "_disabled_199wu_9", Ot = "_input_199wu_15",
             "input",
             {
               type: "checkbox",
-              id: _,
+              id: f,
               ref: c,
               className: J.input,
               ...i
@@ -1071,7 +1143,7 @@ const Ft = "_wrapper_199wu_1", At = "_disabled_199wu_9", Ot = "_input_199wu_15",
   }
 );
 Wt.displayName = "Checkbox";
-const Mt = "_wrapper_1yn7j_1", Yt = "_disabled_1yn7j_9", Ut = "_input_1yn7j_14", Ht = "_track_1yn7j_23", Jt = "_thumb_1yn7j_41", Kt = "_sm_1yn7j_52", Gt = "_md_1yn7j_67", Xt = "_lg_1yn7j_82", Zt = "_label_1yn7j_97", q = {
+const Mt = "_wrapper_1yn7j_1", Yt = "_disabled_1yn7j_9", Ut = "_input_1yn7j_14", Ht = "_track_1yn7j_23", Jt = "_thumb_1yn7j_41", Kt = "_sm_1yn7j_52", Gt = "_md_1yn7j_67", Xt = "_lg_1yn7j_82", Zt = "_label_1yn7j_97", z = {
   wrapper: Mt,
   disabled: Yt,
   input: Ut,
@@ -1083,15 +1155,15 @@ const Mt = "_wrapper_1yn7j_1", Yt = "_disabled_1yn7j_9", Ut = "_input_1yn7j_14",
   label: Zt
 }, Qt = X.forwardRef(
   ({ label: r, size: s = "md", className: n, id: o, ...i }, c) => {
-    const u = ir(), _ = o ?? u;
+    const u = ir(), f = o ?? u;
     return /* @__PURE__ */ t.jsxDEV(
       "label",
       {
-        htmlFor: _,
+        htmlFor: f,
         className: [
-          q.wrapper,
-          q[s],
-          i.disabled ? q.disabled : "",
+          z.wrapper,
+          z[s],
+          i.disabled ? z.disabled : "",
           n ?? ""
         ].filter(Boolean).join(" "),
         children: [
@@ -1100,9 +1172,9 @@ const Mt = "_wrapper_1yn7j_1", Yt = "_disabled_1yn7j_9", Ut = "_input_1yn7j_14",
             {
               type: "checkbox",
               role: "switch",
-              id: _,
+              id: f,
               ref: c,
-              className: q.input,
+              className: z.input,
               ...i
             },
             void 0,
@@ -1114,7 +1186,7 @@ const Mt = "_wrapper_1yn7j_1", Yt = "_disabled_1yn7j_9", Ut = "_input_1yn7j_14",
             },
             void 0
           ),
-          /* @__PURE__ */ t.jsxDEV("span", { className: q.track, "aria-hidden": "true", children: /* @__PURE__ */ t.jsxDEV("span", { className: q.thumb }, void 0, !1, {
+          /* @__PURE__ */ t.jsxDEV("span", { className: z.track, "aria-hidden": "true", children: /* @__PURE__ */ t.jsxDEV("span", { className: z.thumb }, void 0, !1, {
             fileName: "/app/src/components/Toggle/Toggle.tsx",
             lineNumber: 37,
             columnNumber: 11
@@ -1123,7 +1195,7 @@ const Mt = "_wrapper_1yn7j_1", Yt = "_disabled_1yn7j_9", Ut = "_input_1yn7j_14",
             lineNumber: 36,
             columnNumber: 9
           }, void 0),
-          r && /* @__PURE__ */ t.jsxDEV("span", { className: q.label, children: r }, void 0, !1, {
+          r && /* @__PURE__ */ t.jsxDEV("span", { className: z.label, children: r }, void 0, !1, {
             fileName: "/app/src/components/Toggle/Toggle.tsx",
             lineNumber: 39,
             columnNumber: 19
@@ -1142,7 +1214,7 @@ const Mt = "_wrapper_1yn7j_1", Yt = "_disabled_1yn7j_9", Ut = "_input_1yn7j_14",
   }
 );
 Qt.displayName = "Toggle";
-const en = "_field_14vgz_1", rn = "_label_14vgz_7", tn = "_required_14vgz_15", nn = "_control_14vgz_19", sn = "_hint_14vgz_24", an = "_error_14vgz_32", z = {
+const en = "_field_14vgz_1", rn = "_label_14vgz_7", tn = "_required_14vgz_15", nn = "_control_14vgz_19", sn = "_hint_14vgz_24", an = "_error_14vgz_32", L = {
   field: en,
   label: rn,
   required: tn,
@@ -1159,10 +1231,10 @@ function ao({
   children: c,
   className: u
 }) {
-  return /* @__PURE__ */ t.jsxDEV("div", { className: [z.field, n ? z.hasError : "", u ?? ""].filter(Boolean).join(" "), children: [
-    r && /* @__PURE__ */ t.jsxDEV("label", { htmlFor: o, className: z.label, children: [
+  return /* @__PURE__ */ t.jsxDEV("div", { className: [L.field, n ? L.hasError : "", u ?? ""].filter(Boolean).join(" "), children: [
+    r && /* @__PURE__ */ t.jsxDEV("label", { htmlFor: o, className: L.label, children: [
       r,
-      i && /* @__PURE__ */ t.jsxDEV("span", { className: z.required, "aria-hidden": "true", children: " *" }, void 0, !1, {
+      i && /* @__PURE__ */ t.jsxDEV("span", { className: L.required, "aria-hidden": "true", children: " *" }, void 0, !1, {
         fileName: "/app/src/components/FormField/FormField.tsx",
         lineNumber: 33,
         columnNumber: 24
@@ -1172,16 +1244,16 @@ function ao({
       lineNumber: 31,
       columnNumber: 9
     }, this),
-    /* @__PURE__ */ t.jsxDEV("div", { className: z.control, children: c }, void 0, !1, {
+    /* @__PURE__ */ t.jsxDEV("div", { className: L.control, children: c }, void 0, !1, {
       fileName: "/app/src/components/FormField/FormField.tsx",
       lineNumber: 36,
       columnNumber: 7
     }, this),
-    n ? /* @__PURE__ */ t.jsxDEV("p", { className: z.error, role: "alert", children: n }, void 0, !1, {
+    n ? /* @__PURE__ */ t.jsxDEV("p", { className: L.error, role: "alert", children: n }, void 0, !1, {
       fileName: "/app/src/components/FormField/FormField.tsx",
       lineNumber: 38,
       columnNumber: 9
-    }, this) : s ? /* @__PURE__ */ t.jsxDEV("p", { className: z.hint, children: s }, void 0, !1, {
+    }, this) : s ? /* @__PURE__ */ t.jsxDEV("p", { className: L.hint, children: s }, void 0, !1, {
       fileName: "/app/src/components/FormField/FormField.tsx",
       lineNumber: 40,
       columnNumber: 9
@@ -1192,23 +1264,23 @@ function ao({
     columnNumber: 5
   }, this);
 }
-const on = "_badge_sp7qo_1", ln = "_sm_sp7qo_13", cn = "_md_sp7qo_18", un = "_primary_sp7qo_29", mn = "_success_sp7qo_34", dn = "_warning_sp7qo_39", _n = "_error_sp7qo_44", fn = "_info_sp7qo_49", pn = "_dot_sp7qo_55", ne = {
+const on = "_badge_107ff_1", ln = "_sm_107ff_13", cn = "_md_107ff_18", un = "_primary_107ff_29", mn = "_success_107ff_34", dn = "_warning_107ff_39", fn = "_error_107ff_44", _n = "_info_107ff_49", pn = "_dot_107ff_55", ne = {
   badge: on,
   sm: ln,
   md: cn,
-  default: "_default_sp7qo_24",
+  default: "_default_107ff_24",
   primary: un,
   success: mn,
   warning: dn,
-  error: _n,
-  info: fn,
+  error: fn,
+  info: _n,
   dot: pn,
-  "dot-default": "_dot-default_sp7qo_62",
-  "dot-primary": "_dot-primary_sp7qo_66",
-  "dot-success": "_dot-success_sp7qo_70",
-  "dot-warning": "_dot-warning_sp7qo_74",
-  "dot-error": "_dot-error_sp7qo_78",
-  "dot-info": "_dot-info_sp7qo_82"
+  "dot-default": "_dot-default_107ff_62",
+  "dot-primary": "_dot-primary_107ff_66",
+  "dot-success": "_dot-success_107ff_70",
+  "dot-warning": "_dot-warning_107ff_74",
+  "dot-error": "_dot-error_107ff_78",
+  "dot-info": "_dot-info_107ff_82"
 };
 function oo({
   variant: r = "default",
@@ -1254,7 +1326,7 @@ function oo({
     this
   );
 }
-const bn = "_alert_180sy_1", vn = "_info_180sy_11", Nn = "_success_180sy_17", hn = "_warning_180sy_23", xn = "_error_180sy_29", gn = "_icon_180sy_35", jn = "_body_180sy_58", yn = "_title_180sy_65", En = "_message_180sy_72", wn = "_close_180sy_78", L = {
+const bn = "_alert_180sy_1", vn = "_info_180sy_11", Nn = "_success_180sy_17", hn = "_warning_180sy_23", xn = "_error_180sy_29", gn = "_icon_180sy_35", jn = "_body_180sy_58", yn = "_title_180sy_65", En = "_message_180sy_72", wn = "_close_180sy_78", q = {
   alert: bn,
   info: vn,
   success: Nn,
@@ -1279,21 +1351,21 @@ function io({
     "div",
     {
       role: "alert",
-      className: [L.alert, L[r], i ?? ""].filter(Boolean).join(" "),
+      className: [q.alert, q[r], i ?? ""].filter(Boolean).join(" "),
       ...u,
       children: [
-        n && /* @__PURE__ */ t.jsxDEV("span", { className: L.icon, "aria-hidden": "true", children: n }, void 0, !1, {
+        n && /* @__PURE__ */ t.jsxDEV("span", { className: q.icon, "aria-hidden": "true", children: n }, void 0, !1, {
           fileName: "/app/src/components/Alert/Alert.tsx",
           lineNumber: 29,
           columnNumber: 16
         }, this),
-        /* @__PURE__ */ t.jsxDEV("div", { className: L.body, children: [
-          s && /* @__PURE__ */ t.jsxDEV("p", { className: L.title, children: s }, void 0, !1, {
+        /* @__PURE__ */ t.jsxDEV("div", { className: q.body, children: [
+          s && /* @__PURE__ */ t.jsxDEV("p", { className: q.title, children: s }, void 0, !1, {
             fileName: "/app/src/components/Alert/Alert.tsx",
             lineNumber: 31,
             columnNumber: 19
           }, this),
-          c && /* @__PURE__ */ t.jsxDEV("div", { className: L.message, children: c }, void 0, !1, {
+          c && /* @__PURE__ */ t.jsxDEV("div", { className: q.message, children: c }, void 0, !1, {
             fileName: "/app/src/components/Alert/Alert.tsx",
             lineNumber: 32,
             columnNumber: 22
@@ -1307,7 +1379,7 @@ function io({
           "button",
           {
             type: "button",
-            className: L.close,
+            className: q.close,
             onClick: o,
             "aria-label": "Dismiss",
             children: "✕"
@@ -1404,15 +1476,15 @@ function lo({ size: r = "md", label: s = "Loading", className: n, ...o }) {
     this
   );
 }
-const Bn = "_wrapper_jkqgi_1", In = "_header_jkqgi_8", Fn = "_label_jkqgi_14", An = "_value_jkqgi_21", On = "_track_jkqgi_27", qn = "_sm_jkqgi_34", zn = "_md_jkqgi_38", Ln = "_lg_jkqgi_42", Wn = "_bar_jkqgi_46", Mn = "_primary_jkqgi_52", Yn = "_success_jkqgi_56", Un = "_warning_jkqgi_60", Hn = "_error_jkqgi_64", P = {
+const Bn = "_wrapper_jkqgi_1", In = "_header_jkqgi_8", Fn = "_label_jkqgi_14", An = "_value_jkqgi_21", On = "_track_jkqgi_27", zn = "_sm_jkqgi_34", Ln = "_md_jkqgi_38", qn = "_lg_jkqgi_42", Wn = "_bar_jkqgi_46", Mn = "_primary_jkqgi_52", Yn = "_success_jkqgi_56", Un = "_warning_jkqgi_60", Hn = "_error_jkqgi_64", P = {
   wrapper: Bn,
   header: In,
   label: Fn,
   value: An,
   track: On,
-  sm: qn,
-  md: zn,
-  lg: Ln,
+  sm: zn,
+  md: Ln,
+  lg: qn,
   bar: Wn,
   primary: Mn,
   success: Yn,
@@ -1428,7 +1500,7 @@ function co({
   className: c,
   ...u
 }) {
-  const _ = Math.min(100, Math.max(0, r));
+  const f = Math.min(100, Math.max(0, r));
   return /* @__PURE__ */ t.jsxDEV("div", { className: [P.wrapper, c ?? ""].filter(Boolean).join(" "), ...u, children: [
     (n || o) && /* @__PURE__ */ t.jsxDEV("div", { className: P.header, children: [
       n && /* @__PURE__ */ t.jsxDEV("span", { className: P.label, children: n }, void 0, !1, {
@@ -1437,7 +1509,7 @@ function co({
         columnNumber: 21
       }, this),
       o && /* @__PURE__ */ t.jsxDEV("span", { className: P.value, children: [
-        _,
+        f,
         "%"
       ] }, void 0, !0, {
         fileName: "/app/src/components/Progress/Progress.tsx",
@@ -1454,14 +1526,14 @@ function co({
       {
         className: [P.track, P[s]].join(" "),
         role: "progressbar",
-        "aria-valuenow": _,
+        "aria-valuenow": f,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         children: /* @__PURE__ */ t.jsxDEV(
           "div",
           {
             className: [P.bar, P[i]].join(" "),
-            style: { width: `${_}%` }
+            style: { width: `${f}%` }
           },
           void 0,
           !1,
@@ -1538,21 +1610,21 @@ function mo({ className: r, children: s, ...n }) {
     columnNumber: 5
   }, this);
 }
-function _o({ className: r, children: s, ...n }) {
+function fo({ className: r, children: s, ...n }) {
   return /* @__PURE__ */ t.jsxDEV("div", { className: [F.body, r ?? ""].filter(Boolean).join(" "), ...n, children: s }, void 0, !1, {
     fileName: "/app/src/components/Card/Card.tsx",
     lineNumber: 55,
     columnNumber: 5
   }, this);
 }
-function fo({ className: r, children: s, ...n }) {
+function _o({ className: r, children: s, ...n }) {
   return /* @__PURE__ */ t.jsxDEV("div", { className: [F.footer, r ?? ""].filter(Boolean).join(" "), ...n, children: s }, void 0, !1, {
     fileName: "/app/src/components/Card/Card.tsx",
     lineNumber: 64,
     columnNumber: 5
   }, this);
 }
-const ts = "_backdrop_w87fm_23", ns = "_fadeIn_w87fm_1", ss = "_dialog_w87fm_35", as = "_slideUp_w87fm_1", os = "_sm_w87fm_49", is = "_md_w87fm_53", ls = "_lg_w87fm_57", cs = "_xl_w87fm_61", us = "_full_w87fm_65", ms = "_header_w87fm_72", ds = "_title_w87fm_81", _s = "_closeBtn_w87fm_88", fs = "_body_w87fm_111", ps = "_footer_w87fm_118", B = {
+const ts = "_backdrop_w87fm_23", ns = "_fadeIn_w87fm_1", ss = "_dialog_w87fm_35", as = "_slideUp_w87fm_1", os = "_sm_w87fm_49", is = "_md_w87fm_53", ls = "_lg_w87fm_57", cs = "_xl_w87fm_61", us = "_full_w87fm_65", ms = "_header_w87fm_72", ds = "_title_w87fm_81", fs = "_closeBtn_w87fm_88", _s = "_body_w87fm_111", ps = "_footer_w87fm_118", B = {
   backdrop: ts,
   fadeIn: ns,
   dialog: ss,
@@ -1564,8 +1636,8 @@ const ts = "_backdrop_w87fm_23", ns = "_fadeIn_w87fm_1", ss = "_dialog_w87fm_35"
   full: us,
   header: ms,
   title: ds,
-  closeBtn: _s,
-  body: fs,
+  closeBtn: fs,
+  body: _s,
   footer: ps
 };
 function po({
@@ -1577,12 +1649,12 @@ function po({
   children: c,
   footer: u
 }) {
-  const _ = lr(null);
+  const f = lr(null);
   return tr(() => {
     var d;
     if (!r) return;
     const N = document.activeElement;
-    return (d = _.current) == null || d.focus(), () => {
+    return (d = f.current) == null || d.focus(), () => {
       N == null || N.focus();
     };
   }, [r]), tr(() => {
@@ -1602,7 +1674,7 @@ function po({
       children: /* @__PURE__ */ t.jsxDEV(
         "div",
         {
-          ref: _,
+          ref: f,
           tabIndex: -1,
           className: [B.dialog, B[o]].join(" "),
           onClick: (N) => N.stopPropagation(),
@@ -1681,8 +1753,8 @@ function mr() {
   return r;
 }
 function bo({ defaultTab: r = "", activeTab: s, onTabChange: n, children: o, className: i }) {
-  const [c, u] = Se(r), _ = s !== void 0, N = _ ? s ?? "" : c, d = (p) => {
-    _ || u(p), n == null || n(p);
+  const [c, u] = Se(r), f = s !== void 0, N = f ? s ?? "" : c, d = (p) => {
+    f || u(p), n == null || n(p);
   };
   return /* @__PURE__ */ t.jsxDEV(ur.Provider, { value: { activeTab: N, setActiveTab: d }, children: /* @__PURE__ */ t.jsxDEV("div", { className: [ie.tabs, i ?? ""].filter(Boolean).join(" "), children: o }, void 0, !1, {
     fileName: "/app/src/components/Tabs/Tabs.tsx",
@@ -1816,7 +1888,7 @@ function go({ active: r, className: s, children: n, ...o }) {
     this
   );
 }
-const ks = "_wrapper_1wt6l_1", Vs = "_table_1wt6l_8", Ss = "_thead_1wt6l_16", Rs = "_headerCell_1wt6l_20", Cs = "_stickyHeader_1wt6l_29", Ps = "_sortable_1wt6l_36", Bs = "_headerContent_1wt6l_45", Is = "_sortIcon_1wt6l_51", Fs = "_cell_1wt6l_57", As = "_row_1wt6l_78", Os = "_clickable_1wt6l_86", qs = "_selected_1wt6l_90", zs = "_striped_1wt6l_95", Ls = "_dense_1wt6l_99", Ws = "_bordered_1wt6l_104", y = {
+const ks = "_wrapper_1wt6l_1", Vs = "_table_1wt6l_8", Ss = "_thead_1wt6l_16", Rs = "_headerCell_1wt6l_20", Cs = "_stickyHeader_1wt6l_29", Ps = "_sortable_1wt6l_36", Bs = "_headerContent_1wt6l_45", Is = "_sortIcon_1wt6l_51", Fs = "_cell_1wt6l_57", As = "_row_1wt6l_78", Os = "_clickable_1wt6l_86", zs = "_selected_1wt6l_90", Ls = "_striped_1wt6l_95", qs = "_dense_1wt6l_99", Ws = "_bordered_1wt6l_104", y = {
   wrapper: ks,
   table: Vs,
   thead: Ss,
@@ -1831,9 +1903,9 @@ const ks = "_wrapper_1wt6l_1", Vs = "_table_1wt6l_8", Ss = "_thead_1wt6l_16", Rs
   "align-right": "_align-right_1wt6l_73",
   row: As,
   clickable: Os,
-  selected: qs,
-  striped: zs,
-  dense: Ls,
+  selected: zs,
+  striped: Ls,
+  dense: qs,
   bordered: Ws
 };
 function jo({ striped: r, dense: s, bordered: n, stickyHeader: o, className: i, children: c, ...u }) {
@@ -1982,7 +2054,7 @@ function $o({
   shape: i = "circle",
   status: c,
   className: u,
-  ..._
+  ...f
 }) {
   return /* @__PURE__ */ t.jsxDEV(
     "div",
@@ -1993,7 +2065,7 @@ function $o({
         W[i],
         u ?? ""
       ].filter(Boolean).join(" "),
-      ..._,
+      ...f,
       children: [
         r ? /* @__PURE__ */ t.jsxDEV("img", { src: r, alt: s, className: W.img }, void 0, !1, {
           fileName: "/app/src/components/Avatar/Avatar.tsx",
@@ -2116,11 +2188,11 @@ function Vo({ illustration: r, title: s, description: n, action: o, className: i
     columnNumber: 5
   }, this);
 }
-const ma = "_sidebar_1hxle_1", da = "_collapsed_1hxle_13", _a = "_brand_1hxle_17", fa = "_nav_1hxle_24", pa = "_bottom_1hxle_33", ba = "_footer_1hxle_40", va = "_collapseBtn_1hxle_45", M = {
+const ma = "_sidebar_1hxle_1", da = "_collapsed_1hxle_13", fa = "_brand_1hxle_17", _a = "_nav_1hxle_24", pa = "_bottom_1hxle_33", ba = "_footer_1hxle_40", va = "_collapseBtn_1hxle_45", M = {
   sidebar: ma,
   collapsed: da,
-  brand: _a,
-  nav: fa,
+  brand: fa,
+  nav: _a,
   bottom: pa,
   footer: ba,
   collapseBtn: va
@@ -2207,7 +2279,7 @@ function Ro({
   href: i,
   as: c,
   collapsed: u = !1,
-  className: _,
+  className: f,
   ...N
 }) {
   const d = c ?? (i ? "a" : "button"), p = { ...N };
@@ -2218,7 +2290,7 @@ function Ro({
         ae.item,
         n ? ae.active : "",
         u ? ae.collapsed : "",
-        _ ?? ""
+        f ?? ""
       ].filter(Boolean).join(" "),
       onClick: o,
       "aria-current": n ? "page" : void 0,
@@ -2299,18 +2371,18 @@ function Ca({ item: r, onClose: s }) {
     columnNumber: 5
   }, this);
 }
-const Pa = "_container_1a1az_1", Ba = "_top_right_1a1az_16", Ia = "_top_left_1a1az_22", Fa = "_bottom_right_1a1az_28", Aa = "_bottom_left_1a1az_35", Oa = "_top_center_1a1az_42", qa = "_bottom_center_1a1az_49", or = {
+const Pa = "_container_1a1az_1", Ba = "_top_right_1a1az_16", Ia = "_top_left_1a1az_22", Fa = "_bottom_right_1a1az_28", Aa = "_bottom_left_1a1az_35", Oa = "_top_center_1a1az_42", za = "_bottom_center_1a1az_49", or = {
   container: Pa,
   top_right: Ba,
   top_left: Ia,
   bottom_right: Fa,
   bottom_left: Aa,
   top_center: Oa,
-  bottom_center: qa
+  bottom_center: za
 }, dr = Ve(null);
-let za = 0;
-function La() {
-  return `toast-${++za}`;
+let La = 0;
+function qa() {
+  return `toast-${++La}`;
 }
 function Co({
   children: r,
@@ -2321,9 +2393,9 @@ function Co({
     i((x) => x.filter((E) => E.id !== d));
     const p = c.current.get(d);
     p && (clearTimeout(p), c.current.delete(d));
-  }, []), _ = ve(
+  }, []), f = ve(
     (d, p, x) => {
-      const E = La(), S = x ?? n;
+      const E = qa(), S = x ?? n;
       if (i((k) => [...k, { id: E, message: d, variant: p }]), S > 0) {
         const k = setTimeout(() => u(E), S);
         c.current.set(E, k);
@@ -2331,10 +2403,10 @@ function Co({
     },
     [n, u]
   ), N = {
-    success: (d, p) => _(d, "success", p),
-    error: (d, p) => _(d, "error", p),
-    warning: (d, p) => _(d, "warning", p),
-    info: (d, p) => _(d, "info", p),
+    success: (d, p) => f(d, "success", p),
+    error: (d, p) => f(d, "error", p),
+    warning: (d, p) => f(d, "warning", p),
+    info: (d, p) => f(d, "info", p),
     dismiss: u
   };
   return /* @__PURE__ */ t.jsxDEV(dr.Provider, { value: N, children: [
@@ -2387,13 +2459,13 @@ function Bo({
   disabled: i = !1,
   size: c = "md",
   labels: u,
-  className: _
+  className: f
 }) {
   const N = o - n + 1, d = u ?? Xa.slice(0, N), p = Array.from({ length: N }, (x, E) => n + E);
   return /* @__PURE__ */ t.jsxDEV(
     "div",
     {
-      className: [G.root, G[c], i ? G.disabled : "", _ ?? ""].filter(Boolean).join(" "),
+      className: [G.root, G[c], i ? G.disabled : "", f ?? ""].filter(Boolean).join(" "),
       role: "group",
       "aria-label": "Seleccionar puntuación",
       children: [
@@ -2444,8 +2516,8 @@ export {
   oo as Badge,
   to as Button,
   uo as Card,
-  _o as CardBody,
-  fo as CardFooter,
+  fo as CardBody,
+  _o as CardFooter,
   mo as CardHeader,
   Wt as Checkbox,
   ko as Divider,