@sportflow/ui 0.0.2 → 0.0.3

package/dist/index.es.js

@@ -1,62 +1,62 @@
 import * as t from "react";
-import H, { createContext as o1, forwardRef as i1, useState as B, useEffect as u1 } from "react";
-var z = { exports: {} }, k = {};
-var e1;
+import J, { createContext as o1, forwardRef as i1, useState as H, useEffect as u1 } from "react";
+var I = { exports: {} }, k = {};
+var t1;
 function m1() {
-  if (e1) return k;
-  e1 = 1;
+  if (t1) return k;
+  t1 = 1;
   var s = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function i(l, c, d) {
+  function i(l, c, f) {
     var p = null;
-    if (d !== void 0 && (p = "" + d), c.key !== void 0 && (p = "" + c.key), "key" in c) {
-      d = {};
+    if (f !== void 0 && (p = "" + f), c.key !== void 0 && (p = "" + c.key), "key" in c) {
+      f = {};
       for (var u in c)
-        u !== "key" && (d[u] = c[u]);
-    } else d = c;
-    return c = d.ref, {
+        u !== "key" && (f[u] = c[u]);
+    } else f = c;
+    return c = f.ref, {
       $$typeof: s,
       type: l,
       key: p,
       ref: c !== void 0 ? c : null,
-      props: d
+      props: f
     };
   }
   return k.Fragment = n, k.jsx = i, k.jsxs = i, k;
 }
 var S = {};
-var t1;
-function f1() {
-  return t1 || (t1 = 1, process.env.NODE_ENV !== "production" && (function() {
+var a1;
+function d1() {
+  return a1 || (a1 = 1, process.env.NODE_ENV !== "production" && (function() {
     function s(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === l1 ? null : e.displayName || e.name || null;
+        return e.$$typeof === R ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case Z:
+        case g:
           return "Fragment";
-        case _:
+        case j:
           return "Profiler";
-        case y:
+        case v:
           return "StrictMode";
-        case I:
+        case w:
           return "Suspense";
         case L:
           return "SuspenseList";
-        case j:
+        case D:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case b:
+          case _:
             return "Portal";
           case P:
             return e.displayName || "Context";
           case O:
             return (e._context.displayName || "Context") + ".Consumer";
-          case v:
+          case $:
             var a = e.render;
             return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case Y:
@@ -91,7 +91,7 @@ function f1() {
       }
     }
     function l(e) {
-      if (e === Z) return "<>";
+      if (e === g) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === T)
         return "<...>";
       try {
@@ -102,14 +102,14 @@ function f1() {
       }
     }
     function c() {
-      var e = D.A;
+      var e = W.A;
       return e === null ? null : e.getOwner();
     }
-    function d() {
+    function f() {
       return Error("react-stack-top-frame");
     }
     function p(e) {
-      if (J.call(e, "key")) {
+      if (q.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning) return !1;
       }
@@ -117,7 +117,7 @@ function f1() {
     }
     function u(e, a) {
       function o() {
-        q || (q = !0, console.error(
+        G || (G = !0, console.error(
           "%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://react.dev/link/special-props)",
           a
         ));
@@ -127,23 +127,23 @@ function f1() {
         configurable: !0
       });
     }
-    function C() {
+    function Z() {
       var e = s(this.type);
-      return G[e] || (G[e] = !0, console.error(
+      return X[e] || (X[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function E(e, a, o, m, $, U) {
-      var f = o.ref;
+    function E(e, a, o, m, z, V) {
+      var d = o.ref;
       return e = {
         $$typeof: A,
         type: e,
         key: a,
         props: o,
         _owner: m
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: C
+        get: Z
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,33 +158,33 @@ function f1() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: z
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: V
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function w(e, a, o, m, $, U) {
-      var f = a.children;
-      if (f !== void 0)
+    function C(e, a, o, m, z, V) {
+      var d = a.children;
+      if (d !== void 0)
         if (m)
-          if (s1(f)) {
-            for (m = 0; m < f.length; m++)
-              g(f[m]);
-            Object.freeze && Object.freeze(f);
+          if (s1(d)) {
+            for (m = 0; m < d.length; m++)
+              x(d[m]);
+            Object.freeze && Object.freeze(d);
           } else
             console.error(
               "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 g(f);
-      if (J.call(a, "key")) {
-        f = s(e);
-        var R = Object.keys(a).filter(function(c1) {
+        else x(d);
+      if (q.call(a, "key")) {
+        d = s(e);
+        var y = Object.keys(a).filter(function(c1) {
           return c1 !== "key";
         });
-        m = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", K[f + m] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+        m = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", e1[d + m] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,89 +192,89 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           m,
-          f,
-          R,
-          f
-        ), K[f + m] = !0);
+          d,
+          y,
+          d
+        ), e1[d + m] = !0);
       }
-      if (f = null, o !== void 0 && (i(o), f = "" + o), p(a) && (i(a.key), f = "" + a.key), "key" in a) {
+      if (d = null, o !== void 0 && (i(o), d = "" + o), p(a) && (i(a.key), d = "" + a.key), "key" in a) {
         o = {};
-        for (var V in a)
-          V !== "key" && (o[V] = a[V]);
+        for (var B in a)
+          B !== "key" && (o[B] = a[B]);
       } else o = a;
-      return f && u(
+      return d && u(
         o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), E(
         e,
-        f,
+        d,
         o,
         c(),
-        $,
-        U
+        z,
+        V
       );
     }
-    function g(e) {
+    function x(e) {
       h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? h(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
     function h(e) {
       return typeof e == "object" && e !== null && e.$$typeof === A;
     }
-    var x = H, A = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), Z = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), P = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), l1 = Symbol.for("react.client.reference"), D = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, s1 = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var b = J, A = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), P = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), R = Symbol.for("react.client.reference"), W = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, s1 = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var q, G = {}, X = x.react_stack_bottom_frame.bind(
-      x,
-      d
-    )(), Q = W(l(d)), K = {};
-    S.Fragment = Z, S.jsx = function(e, a, o) {
-      var m = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return w(
+    var G, X = {}, Q = b.react_stack_bottom_frame.bind(
+      b,
+      f
+    )(), K = U(l(f)), e1 = {};
+    S.Fragment = g, S.jsx = function(e, a, o) {
+      var m = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return C(
         e,
         a,
         o,
         !1,
-        m ? Error("react-stack-top-frame") : X,
-        m ? W(l(e)) : Q
+        m ? Error("react-stack-top-frame") : Q,
+        m ? U(l(e)) : K
       );
     }, S.jsxs = function(e, a, o) {
-      var m = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return w(
+      var m = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return C(
         e,
         a,
         o,
         !0,
-        m ? Error("react-stack-top-frame") : X,
-        m ? W(l(e)) : Q
+        m ? Error("react-stack-top-frame") : Q,
+        m ? U(l(e)) : K
       );
     };
   })()), S;
 }
-var a1;
-function d1() {
-  return a1 || (a1 = 1, process.env.NODE_ENV === "production" ? z.exports = m1() : z.exports = f1()), z.exports;
+var r1;
+function f1() {
+  return r1 || (r1 = 1, process.env.NODE_ENV === "production" ? I.exports = m1() : I.exports = d1()), I.exports;
 }
-var r = d1();
-function w1({
+var r = f1();
+function C1({
   text: s,
   icon: n,
   iconPosition: i = "left",
   href: l,
   disabled: c = !1,
-  handleOnClick: d,
+  handleOnClick: f,
   btnColor: p,
   textColor: u = "text-black",
-  fullWidth: C = !1,
+  fullWidth: Z = !1,
   border: E,
-  rounded: w = "rounded-none",
-  extraClassName: g
+  rounded: C = "rounded-none",
+  extraClassName: x
 }) {
-  const h = (_) => _?.includes("[") && _?.includes("]") || !1, x = [
+  const h = (j) => j?.includes("[") && j?.includes("]") || !1, b = [
     "flex",
     "h-12",
     "px-4",
@@ -286,23 +286,23 @@ function w1({
     "items-center",
     "justify-center",
     "transition-colors",
-    C ? "w-full" : "w-fit",
+    Z ? "w-full" : "w-fit",
     c ? "!bg-gray-300 !opacity-40 !cursor-not-allowed shadow-inner" : "cursor-pointer"
   ], A = {
     backgroundColor: p || "bg-white",
     borderColor: E,
     textColor: u,
     borderWidth: E ? "border-2" : "",
-    rounded: w
-  }, b = [
-    ...x,
+    rounded: C
+  }, _ = [
+    ...b,
     A.backgroundColor,
     A.borderWidth,
     A.borderColor,
     A.textColor,
     A.rounded,
-    g
-  ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), Z = {
+    x
+  ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), g = {
     ...p && h(p) && {
       backgroundColor: p.match(/\[(.*?)\]/)?.[1]
     },
@@ -312,18 +312,18 @@ function w1({
     ...u && h(u) && {
       color: u.match(/\[(.*?)\]/)?.[1]
     }
-  }, y = /* @__PURE__ */ r.jsxs(
+  }, v = /* @__PURE__ */ r.jsxs(
     "span",
     {
       className: `flex gap-2 justify-center items-center ${h(u) ? "" : u}`,
       style: u && h(u) ? { color: u.match(/\[(.*?)\]/)?.[1] } : {},
       children: [
-        n && i === "left" && /* @__PURE__ */ r.jsx("span", { "data-testid": "icon-left", children: H.createElement(n, {
+        n && i === "left" && /* @__PURE__ */ r.jsx("span", { "data-testid": "icon-left", children: J.createElement(n, {
           size: 24,
           weight: "bold"
         }) }),
         s,
-        n && i === "right" && /* @__PURE__ */ r.jsx("span", { "data-testid": "icon-right", children: H.createElement(n, {
+        n && i === "right" && /* @__PURE__ */ r.jsx("span", { "data-testid": "icon-right", children: J.createElement(n, {
           size: 24,
           weight: "bold"
         }) })
@@ -333,23 +333,23 @@ function w1({
   return l && !c ? /* @__PURE__ */ r.jsx(
     "a",
     {
-      className: b,
-      style: Z,
+      className: _,
+      style: g,
       href: l,
       target: "_blank",
       rel: "noopener noreferrer",
-      onClick: d,
-      children: y
+      onClick: f,
+      children: v
     }
   ) : /* @__PURE__ */ r.jsx(
     "button",
     {
-      className: b,
-      style: Z,
+      className: _,
+      style: g,
       disabled: c,
       type: "button",
-      onClick: d,
-      children: y
+      onClick: f,
+      children: v
     }
   );
 }
@@ -476,16 +476,16 @@ const p1 = /* @__PURE__ */ new Map([
       alt: i,
       color: l,
       size: c,
-      weight: d,
+      weight: f,
       mirrored: p,
       children: u,
-      weights: C,
+      weights: Z,
       ...E
     } = s, {
-      color: w = "currentColor",
-      size: g,
+      color: C = "currentColor",
+      size: x,
       weight: h = "regular",
-      mirrored: x = !1,
+      mirrored: b = !1,
       ...A
     } = t.useContext(g1);
     return /* @__PURE__ */ t.createElement(
@@ -493,27 +493,27 @@ const p1 = /* @__PURE__ */ new Map([
       {
         ref: n,
         xmlns: "http://www.w3.org/2000/svg",
-        width: c ?? g,
-        height: c ?? g,
-        fill: l ?? w,
+        width: c ?? x,
+        height: c ?? x,
+        fill: l ?? C,
         viewBox: "0 0 256 256",
-        transform: p || x ? "scale(-1, 1)" : void 0,
+        transform: p || b ? "scale(-1, 1)" : void 0,
         ...A,
         ...E
       },
       !!i && /* @__PURE__ */ t.createElement("title", null, i),
       u,
-      C.get(d ?? h)
+      Z.get(f ?? h)
     );
   }
 );
 F.displayName = "IconBase";
 const N = t.forwardRef((s, n) => /* @__PURE__ */ t.createElement(F, { ref: n, ...s, weights: p1 }));
 N.displayName = "CheckCircleIcon";
-const r1 = t.forwardRef((s, n) => /* @__PURE__ */ t.createElement(F, { ref: n, ...s, weights: h1 }));
-r1.displayName = "EyeIcon";
-const n1 = t.forwardRef((s, n) => /* @__PURE__ */ t.createElement(F, { ref: n, ...s, weights: A1 }));
-n1.displayName = "EyeSlashIcon";
+const n1 = t.forwardRef((s, n) => /* @__PURE__ */ t.createElement(F, { ref: n, ...s, weights: h1 }));
+n1.displayName = "EyeIcon";
+const l1 = t.forwardRef((s, n) => /* @__PURE__ */ t.createElement(F, { ref: n, ...s, weights: A1 }));
+l1.displayName = "EyeSlashIcon";
 const M = t.forwardRef((s, n) => /* @__PURE__ */ t.createElement(F, { ref: n, ...s, weights: E1 }));
 M.displayName = "MinusCircleIcon";
 function x1({
@@ -585,67 +585,68 @@ const Z1 = i1(function({
   name: i,
   value: l,
   label: c = "",
-  placeholder: d = "",
+  placeholder: f = "",
   onChange: p,
   error: u,
-  inputExtraClassName: C = "",
+  inputExtraClassName: Z = "",
   labelExtraClassName: E = "",
-  fullWidth: w = !1,
-  disabled: g = !1,
+  fullWidth: C = !1,
+  disabled: x = !1,
   showRequirements: h = !1,
-  onBlur: x
-}, A) {
-  const [b, Z] = B(!1), [y, _] = B(!1), [O, P] = B(l ?? ""), v = n === "password", I = v && b ? "text" : n;
+  rounded: b = "rounded-none",
+  onBlur: A
+}, _) {
+  const [g, v] = H(!1), [j, O] = H(!1), [P, $] = H(l ?? ""), w = n === "password", L = w && g ? "text" : n;
   u1(() => {
-    P(l ?? "");
+    $(l ?? "");
   }, [l]);
-  const L = () => {
-    v && h && _(!0);
-  }, Y = (j) => {
-    _(!1), x?.(j);
-  }, T = (j) => {
-    P(j.target.value), p?.(j);
+  const Y = () => {
+    w && h && O(!0);
+  }, T = (R) => {
+    O(!1), A?.(R);
+  }, D = (R) => {
+    $(R.target.value), p?.(R);
   };
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: `relative min-h-13 min-w-80 ${w ? "w-full" : "w-fit"}`,
+      className: `relative min-h-13 min-w-80 ${C ? "w-full" : "w-fit"}`,
       children: [
-        v && h && y ? /* @__PURE__ */ r.jsx(x1, { password: O }) : null,
+        w && h && j ? /* @__PURE__ */ r.jsx(x1, { password: P }) : null,
         /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ r.jsx(
             "input",
             {
-              ref: A,
-              className: `${C} peer block min-h-13 w-full border border-gray-600 px-3 text-base font-normal text-gray-600 focus:outline-none focus:ring-0 ${u ? "border-red-500" : ""} ${v ? "pr-10" : ""}`,
-              disabled: g,
+              ref: _,
+              className: `${Z} ${b} block min-h-13 w-full border border-[#4C4C4C] px-4 text-base font-normal text-[#4C4C4C] focus:outline-none focus:ring-0 disabled:opacity-60 disabled:cursor-not-allowed! ${u ? "border-red-500" : ""} ${w ? "pr-10" : ""}`,
+              disabled: x,
               id: i,
               name: i,
-              placeholder: d,
-              type: I,
-              value: O,
-              onBlur: Y,
-              onChange: T,
-              onFocus: L
+              placeholder: f,
+              type: L,
+              value: P,
+              onBlur: T,
+              onChange: D,
+              onFocus: Y
             }
           ),
           /* @__PURE__ */ r.jsx(
             "label",
             {
-              className: `${E} absolute left-2 top-2 origin-left -translate-y-4 scale-[0.875] transform bg-white px-2 text-sm text-gray-600 duration-300 peer-placeholder-shown:top-[6] peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-focus:top-2 peer-focus:-translate-y-4 peer-focus:scale-[0.875] peer-focus:px-2`,
+              className: `${E} absolute left-2 -top-2.5 bg-white px-2 text-sm font-normal text-[#4C4C4C]`,
               htmlFor: i,
               children: c
             }
           ),
-          v ? /* @__PURE__ */ r.jsx(
+          w ? /* @__PURE__ */ r.jsx(
             "button",
             {
-              "aria-label": b ? "Ocultar contraseña" : "Mostrar contraseña",
-              className: "absolute cursor-pointer right-3 top-1/2 -translate-y-1/2 transform text-gray-600 focus:outline-none disabled:opacity-50",
-              disabled: g,
+              "aria-label": g ? "Ocultar contraseña" : "Mostrar contraseña",
+              className: "absolute cursor-pointer right-3 top-1/2 -translate-y-1/2 transform text-[#4C4C4C] focus:outline-none",
+              disabled: x,
               type: "button",
-              onClick: () => Z(!b),
-              children: b ? /* @__PURE__ */ r.jsx(n1, { size: 24 }) : /* @__PURE__ */ r.jsx(r1, { size: 24 })
+              onClick: () => v(!g),
+              children: g ? /* @__PURE__ */ r.jsx(l1, { size: 24 }) : /* @__PURE__ */ r.jsx(n1, { size: 24 })
             }
           ) : null
         ] }),
@@ -655,7 +656,7 @@ const Z1 = i1(function({
   );
 });
 export {
-  w1 as Button,
+  C1 as Button,
   Z1 as Input,
   x1 as PasswordTooltip
 };