heroes-of-chess-components 0.5.74 → 0.5.76

package/dist/lib/.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

package/dist/lib/HocComponents/HAccordion/HAccordion.styled.js

@@ -0,0 +1,33 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var HAccordionContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
+export var HAccordionSection = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);\n  padding: 0;\n  transition: background 0.2s;\n"])), function (_ref) {
+  var $isOpen = _ref.$isOpen,
+    theme = _ref.theme;
+  return $isOpen ? (theme === null || theme === void 0 ? void 0 : theme.shadePurpleLight) || "#f3eaff" : (theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark) || "linear-gradient(180deg, #7025be 6.25%, #3c1b85 91.73%)";
+});
+export var HAccordionHeader = styled.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  background: transparent;\n  color: ", ";\n  border: none;\n  outline: none;\n  border-radius: 12px;\n  padding: ", ";\n  font-size: 18px;\n  font-weight: 700;\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  box-shadow: ", ";\n  letter-spacing: 0.01em;\n  transition: color 0.2s, box-shadow 0.2s;\n"])), function (_ref2) {
+  var $isOpen = _ref2.$isOpen,
+    theme = _ref2.theme;
+  return $isOpen ? (theme === null || theme === void 0 ? void 0 : theme.purpleMedium) || "#6c3eb6" : (theme === null || theme === void 0 ? void 0 : theme.white) || "#fff";
+}, function (_ref3) {
+  var $isOpen = _ref3.$isOpen;
+  return $isOpen ? "18px 20px 0px 20px" : "18px 20px 20px 20px";
+}, function (_ref4) {
+  var $isOpen = _ref4.$isOpen;
+  return $isOpen ? "none" : "0 1px 4px 0 rgba(60,27,133,0.10)";
+});
+export var HAccordionContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  max-height: ", ";\n  overflow: hidden;\n  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: ", ";\n  color: ", ";\n  font-size: 16px;\n  text-align: left;\n  opacity: ", ";\n  transition-property: max-height, opacity, padding;\n  transition-duration: 0.25s, 0.15s, 0.25s;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), ease,\n    cubic-bezier(0.4, 0, 0.2, 1);\n"])), function (_ref5) {
+  var $isOpen = _ref5.$isOpen;
+  return $isOpen ? "1000px" : "0px";
+}, function (_ref6) {
+  var $isOpen = _ref6.$isOpen;
+  return $isOpen ? "8px 15px 20px 38px" : "0 0 0 38px";
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme.purpleMedium) || "#6c3eb6";
+}, function (_ref8) {
+  var $isOpen = _ref8.$isOpen;
+  return $isOpen ? 1 : 0;
+});

package/dist/lib/HocComponents/HBackground/HBackground.styled.js

@@ -0,0 +1,18 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var HBackgroundContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 100vh;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  background-color: rgb(244, 242, 247);\n  background-image: ", ";\n  background-repeat: repeat;\n  background-size: ", ";\n"])), function (_ref) {
+  var bgImg = _ref.bgImg;
+  return "url(".concat(bgImg, ")");
+}, function (_ref2) {
+  var bgSize = _ref2.bgSize;
+  return bgSize || "100px";
+});
+export var HDarkBackgroundContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 100vh;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  background: ", ";\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.shadePurpleDark2;
+});
+export var HDarkBackgroundSquare = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: ", ";\n"])), function (_ref4) {
+  var bgImg = _ref4.bgImg;
+  return "url(".concat(bgImg, ")");
+});

package/dist/lib/HocComponents/HBlackBack/HBlackBack.styled.js

@@ -0,0 +1,4 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var HBlackBackContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100vh;\n  width: 100vw;\n  position: fixed;\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 99999;\n"])));

package/dist/lib/HocComponents/HBox/HBox.styled.js

@@ -0,0 +1,59 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var HBoxContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", "; /* Direcci\xF3n (row o column) */\n  gap: ", "; /* Espaciado entre elementos */\n  align-items: ", "; /* Alineaci\xF3n en el eje cruzado */\n  justify-content: ", "; /* Justificaci\xF3n en el eje principal */\n  flex-wrap: ", "; /* Flex wrap */\n  width: ", "; /* Ancho del contenedor */\n  height: ", "; /* Altura del contenedor */\n  padding: ", "; /* Padding */\n  margin: ", "; /* Margin */\n  border: ", "; /* Border */\n  border-radius: ", "; /* Bordes redondeados */\n  position: ", "; /* Posici\xF3n del contenedor */\n  top: ", "; /* Posici\xF3n superior */\n  bottom: ", "; /* Posici\xF3n inferior */\n  left: ", "; /* Posici\xF3n izquierda */\n  right: ", "; /* Posici\xF3n derecha */\n  background: ", ";\n  transition: all 0.3s ease;\n  overflow-x: ", ";\n  overflow-y: ", ";\n  box-shadow: ", "; /* Sombra */\n\n  /* Estilos de la barra de scroll */\n  &::-webkit-scrollbar {\n    width: 8px; /* Ancho de la barra vertical */\n    height: 10px; /* Alto de la barra horizontal */\n  }\n\n  &::-webkit-scrollbar-track {\n    background: ", "; /* Color del track */\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: ", "; /* Color del \"pulgar\" */\n    border-radius: 10px;\n    border: 2px solid ", ";\n  }\n"])), function (props) {
+  return props.direction;
+}, function (props) {
+  return props.gap;
+}, function (props) {
+  return props.align;
+}, function (props) {
+  return props.justify;
+}, function (props) {
+  return props.wrap;
+}, function (props) {
+  return props.width;
+}, function (props) {
+  return props.height;
+}, function (props) {
+  return props.padding;
+}, function (props) {
+  return props.margin;
+}, function (props) {
+  return props.border;
+}, function (props) {
+  return props.$borderRadius;
+}, function (props) {
+  return props.position;
+}, function (props) {
+  return props.top;
+}, function (props) {
+  return props.bottom;
+}, function (props) {
+  return props.left;
+}, function (props) {
+  return props.right;
+}, function (_ref) {
+  var theme = _ref.theme,
+    background = _ref.background;
+  return background && (theme === null || theme === void 0 ? void 0 : theme[background]) || background || "transparent";
+}, function (props) {
+  var _props$$overflowX;
+  return (_props$$overflowX = props.$overflowX) !== null && _props$$overflowX !== void 0 ? _props$$overflowX : "auto";
+}, function (props) {
+  var _props$$overflowY;
+  return (_props$$overflowY = props.$overflowY) !== null && _props$$overflowY !== void 0 ? _props$$overflowY : "auto";
+}, function (_ref2) {
+  var boxShadow = _ref2.boxShadow,
+    theme = _ref2.theme;
+  return boxShadow && (theme === null || theme === void 0 ? void 0 : theme[boxShadow]) || boxShadow || "none";
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme.shadePurpleLight) || "#3c1b85";
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark) || "#8545c7";
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark) || "#3c1b85";
+});

package/dist/lib/HocComponents/HButton/HButton.styled.js

@@ -0,0 +1,51 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var Button = styled.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: ", " !important;\n  color: ", " !important;\n\n  font-size: ", " !important;\n\n  font-weight: ", " !important;\n\n  width: ", ";\n  height: ", ";\n  border-radius: ", " !important;\n  border: none;\n  outline: none;\n  transition: all 0.3s ease;\n  padding: ", ";\n  text-transform: uppercase;\n  margin: ", ";\n  box-shadow: ", " !important; /* Sombra */\n  opacity: ", ";\n  pointer-events: ", ";\n"])), function (_ref) {
+  var background = _ref.background,
+    theme = _ref.theme;
+  return background && (theme === null || theme === void 0 ? void 0 : theme[background]) || background || (theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark);
+}, function (_ref2) {
+  var color = _ref2.color,
+    theme = _ref2.theme;
+  return color && (theme === null || theme === void 0 ? void 0 : theme[color]) || color || (theme === null || theme === void 0 ? void 0 : theme.goldColor);
+}, function (_ref3) {
+  var $fontSize = _ref3.$fontSize;
+  if (!$fontSize) return "var(--h4)";
+  if ($fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("h") || $fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("p")) {
+    return "var(--".concat($fontSize, ", var(--h4))");
+  }
+  return $fontSize;
+}, function (_ref4) {
+  var $fontWeight = _ref4.$fontWeight;
+  if (!$fontWeight) return "var(--weight-bold)";
+  if ($fontWeight !== null && $fontWeight !== void 0 && $fontWeight.startsWith("weight-")) {
+    return "var(--".concat($fontWeight, ", var(--weight-bold))");
+  }
+  return $fontWeight; // 400, 700, 'inherit', etc.
+}, function (_ref5) {
+  var width = _ref5.width;
+  return width || "auto";
+}, function (_ref6) {
+  var height = _ref6.height;
+  return height || "auto";
+}, function (_ref7) {
+  var $borderRadius = _ref7.$borderRadius;
+  return $borderRadius || "8px";
+}, function (_ref8) {
+  var padding = _ref8.padding;
+  return padding !== null && padding !== void 0 ? padding : "10px";
+}, function (_ref9) {
+  var margin = _ref9.margin;
+  return margin || "0";
+}, function (_ref0) {
+  var boxShadow = _ref0.boxShadow,
+    theme = _ref0.theme;
+  return boxShadow && (theme === null || theme === void 0 ? void 0 : theme[boxShadow]) || boxShadow || "none";
+}, function (_ref1) {
+  var opacity = _ref1.opacity;
+  return opacity || 1;
+}, function (_ref10) {
+  var pointerEvents = _ref10.pointerEvents;
+  return pointerEvents || "auto";
+});

package/dist/lib/HocComponents/HButton/HButton.styled.ts

@@ -3,7 +3,12 @@ import type { ButtonStyledProps } from "./types";
 
 export const Button = styled.button.withConfig({
   shouldForwardProp: (prop) =>
-    !["activeBackground", "hoverBackground"].includes(prop),
+    ![
+      "activeBackground",
+      "hoverBackground",
+      "borderRadius",
+      "boxShadow",
+    ].includes(prop),
 })<ButtonStyledProps>`
   display: flex;
   align-items: center;

package/dist/lib/HocComponents/HCalendarStyled/HCalendarStyled.styled.js

@@ -0,0 +1,25 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var StyledDatePicker = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 10px;\n  box-shadow: 0px 3px 20px 0px #7025be;\n  font-family: inherit;\n  margin-top: 15px;\n  font-weight: bold;\n  width: 100%;\n\n  .react-calendar {\n    border-radius: 10px;\n  }\n\n  .react-calendar__month-view__days {\n    background: ", ";\n  }\n\n  .react-calendar__navigation {\n    background: linear-gradient(180deg, #7025be 11.32%, #3c096c 100%);\n    border-radius: 10px 10px 0 0;\n    height: 70px;\n    margin-bottom: 0;\n  }\n\n  .react-calendar__navigation button {\n    color: white;\n    font-size: var(--h4);\n    font-weight: var(--weight-bold);\n  }\n\n  .react-calendar__month-view__weekdays {\n    background: ", ";\n    padding: 10px 5px;\n  }\n\n  .react-calendar__month-view__weekdays__weekday {\n    color: ", ";\n    font-weight: var(--weight-bold);\n    font-size: var(--p14);\n  }\n\n  .react-calendar__tile {\n    color: ", ";\n    font-weight: var(--weight-medium);\n    font-size: var(--p16);\n    padding: 15px 0;\n  }\n\n  .react-calendar__tile--active,\n  .react-calendar__tile--now {\n    background: ", ";\n    color: white;\n    border-radius: 50%;\n  }\n\n  .react-calendar__tile:enabled:hover,\n  .react-calendar__tile:enabled:focus {\n    background: ", ";\n    color: ", ";\n    border-radius: 50%;\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleLight;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleLight2;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleMedium;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleMedium;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleMedium;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleLight;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleMedium;
+});

package/dist/lib/HocComponents/HCards/Cards.styled.js

@@ -0,0 +1,26 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var CardContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: ", ";\n  width: 100%;\n  height: ", ";\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: ", ";\n  border-radius: 25px;\n\n  h1 {\n    position: absolute;\n    left: -25px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    background: ", ";\n    font-weight: var(--weight-bold);\n    color: ", ";\n    font-size: var(--h3);\n    display: flex;\n    align-items: center;\n    z-index: 999;\n    justify-content: center;\n  }\n"])), function (_ref) {
+  var maxWidth = _ref.maxWidth;
+  return maxWidth || "800px";
+}, function (_ref2) {
+  var height = _ref2.height;
+  return height || "160px";
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.shadePurpleLight;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.shadePurpleLight;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleMedium;
+});
+export var CardImage = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 212px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: ", ";\n  border-radius: 25px 0px 0px 25px;\n  img {\n    position: absolute;\n    width: 124px;\n    height: 124px;\n    border-radius: 50%;\n    border: 6px solid ", ";\n  }\n\n  .portrait {\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    z-index: 1;\n    z-index: 999;\n  }\n"])), function (_ref6) {
+  var theme = _ref6.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.goldColor;
+});

package/dist/lib/HocComponents/HCircularButton/HCircularButton.styled.js

@@ -0,0 +1,53 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var CircularButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  z-index: 99;\n  position: ", ";\n  right: ", ";\n  left: ", ";\n  bottom: ", ";\n  top: ", ";\n"])), function (_ref) {
+  var position = _ref.position;
+  return position !== null && position !== void 0 ? position : "fixed";
+}, function (_ref2) {
+  var right = _ref2.right,
+    left = _ref2.left;
+  return right !== undefined ? right : left === undefined ? "10px" : undefined;
+}, function (_ref3) {
+  var left = _ref3.left;
+  return left !== undefined ? left : undefined;
+}, function (_ref4) {
+  var bottom = _ref4.bottom,
+    top = _ref4.top;
+  return bottom !== undefined ? bottom : top === undefined ? "10px" : undefined;
+}, function (_ref5) {
+  var top = _ref5.top;
+  return top !== undefined ? top : undefined;
+});
+export var CircularButton = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  opacity: ", ";\n  pointer-events: ", ";\n  color: ", ";\n"])), function (_ref6) {
+  var width = _ref6.width;
+  return width !== null && width !== void 0 ? width : "70px";
+}, function (_ref7) {
+  var height = _ref7.height;
+  return height !== null && height !== void 0 ? height : "70px";
+}, function (_ref8) {
+  var theme = _ref8.theme,
+    background = _ref8.background;
+  return background && (theme === null || theme === void 0 ? void 0 : theme[background]) || background || (theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark);
+}, function (_ref9) {
+  var disabled = _ref9.disabled;
+  return disabled ? 0.6 : 1;
+}, function (_ref0) {
+  var disabled = _ref0.disabled;
+  return disabled ? "none" : "auto";
+}, function (_ref1) {
+  var color = _ref1.color,
+    theme = _ref1.theme;
+  return color && (theme === null || theme === void 0 ? void 0 : theme[color]) || color || "white";
+});
+export var ButtonText = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 12px;\n  white-space: nowrap;\n  color: ", ";\n  font-weight: var(--weight-bold);\n  font-size: var(--p16);\n"])), function (_ref10) {
+  var theme = _ref10.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.purpleMedium;
+});
+export var Badge = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  background: ", ";\n  color: ", ";\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: bold;\n  z-index: 1;\n"])), function (_ref11) {
+  var theme = _ref11.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme.goldColor) || "#FFD700";
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme.purpleDark) || "#4A1A5C";
+});

package/dist/lib/HocComponents/HCircularTextButton/HCircularTextButton.styled.js

@@ -0,0 +1,35 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var CircularTextButton = styled.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  margin: ", ";\n"])), function (_ref) {
+  var width = _ref.width;
+  return width !== null && width !== void 0 ? width : "80px";
+}, function (_ref2) {
+  var height = _ref2.height;
+  return height !== null && height !== void 0 ? height : "80px";
+}, function (_ref3) {
+  var theme = _ref3.theme,
+    background = _ref3.background;
+  return background && (theme === null || theme === void 0 ? void 0 : theme[background]) || background || (theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark);
+}, function (_ref4) {
+  var color = _ref4.color,
+    theme = _ref4.theme;
+  return color && (theme === null || theme === void 0 ? void 0 : theme[color]) || color || (theme === null || theme === void 0 ? void 0 : theme.purpleMedium);
+}, function (_ref5) {
+  var $fontWeight = _ref5.$fontWeight;
+  if (!$fontWeight) return "var(--weight-bold)";
+  if ($fontWeight !== null && $fontWeight !== void 0 && $fontWeight.startsWith("weight-")) {
+    return "var(--".concat($fontWeight, ", var(--weight-bold))");
+  }
+  return $fontWeight; // 400, 700, 'inherit', etc.
+}, function (_ref6) {
+  var $fontSize = _ref6.$fontSize;
+  if (!$fontSize) return "var(--h5)";
+  if ($fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("h") || $fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("p")) {
+    return "var(--".concat($fontSize, ", var(--h5))");
+  }
+  return $fontSize;
+}, function (_ref7) {
+  var margin = _ref7.margin;
+  return margin !== null && margin !== void 0 ? margin : "0";
+});

package/dist/lib/HocComponents/HCoinLabel/HCoin.styled.js

@@ -0,0 +1,52 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var CoinContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", " !important;\n  width: 100%;\n  min-width: auto;\n  border-radius: 20px;\n\n  font-weight: var(--weight-regular) !important;\n  padding-right: 10px;\n\n  text-align: center;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  img,\n  svg {\n    width: 53px;\n    height: 46px;\n    margin-right: 10px;\n  }\n\n  p {\n    font-size: ", " !important;\n    font-weight: ", " !important;\n    color: ", " !important;\n  }\n"])), function (_ref) {
+  var theme = _ref.theme,
+    background = _ref.background;
+  return background ? (theme === null || theme === void 0 ? void 0 : theme[background]) || background : theme === null || theme === void 0 ? void 0 : theme.shadePurpleDark2;
+}, function (_ref2) {
+  var $valueSize = _ref2.$valueSize;
+  if (!$valueSize) return "var(--p16)";
+  if ($valueSize !== null && $valueSize !== void 0 && $valueSize.startsWith("h") || $valueSize !== null && $valueSize !== void 0 && $valueSize.startsWith("p")) {
+    return "var(--".concat($valueSize, ", var(--p16))");
+  }
+  return $valueSize;
+}, function (_ref3) {
+  var $valueWeight = _ref3.$valueWeight;
+  if (!$valueWeight) return "var(--weight-regular)";
+  if ($valueWeight !== null && $valueWeight !== void 0 && $valueWeight.startsWith("weight-")) {
+    return "var(--".concat($valueWeight, ", var(--weight-regular))");
+  }
+  return $valueWeight; // 400, 700, 'inherit', etc.
+}, function (_ref4) {
+  var theme = _ref4.theme,
+    color = _ref4.color;
+  return color && (theme === null || theme === void 0 ? void 0 : theme[color]) || color || (theme === null || theme === void 0 ? void 0 : theme.purpleLight);
+});
+export var CoinLabel = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", " !important;\n\n  font-weight: ", " !important;\n\n  color: ", " !important; /* Color del label */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n"])), function (_ref5) {
+  var $labelSize = _ref5.$labelSize;
+  if (!$labelSize) return "var(--p16)";
+  if ($labelSize !== null && $labelSize !== void 0 && $labelSize.startsWith("h") || $labelSize !== null && $labelSize !== void 0 && $labelSize.startsWith("p")) {
+    return "var(--".concat($labelSize, ", var(--p16))");
+  }
+  return $labelSize;
+}, function (_ref6) {
+  var $labelWeight = _ref6.$labelWeight;
+  if (!$labelWeight) return "var(--weight-regular)";
+  if ($labelWeight !== null && $labelWeight !== void 0 && $labelWeight.startsWith("weight-")) {
+    return "var(--".concat($labelWeight, ", var(--weight-regular))");
+  }
+  return $labelWeight; // 400, 700, 'inherit', etc.
+}, function (_ref7) {
+  var $labelColor = _ref7.$labelColor,
+    theme = _ref7.theme;
+  return $labelColor && (theme === null || theme === void 0 ? void 0 : theme[$labelColor]) || $labelColor || (theme === null || theme === void 0 ? void 0 : theme.purpleMedium);
+});
+export var CoinLabelContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: ", " !important;\n  width: ", " !important;\n"])), function (_ref8) {
+  var direction = _ref8.direction;
+  return direction || "column";
+}, function (_ref9) {
+  var width = _ref9.width;
+  return width || "auto";
+});

package/dist/lib/HocComponents/HDropdown/HDropdown.styled.js

@@ -0,0 +1,117 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var DropdownContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  width: ", ";\n  position: relative;\n"])), function (_ref) {
+  var direction = _ref.direction;
+  return direction || "column";
+}, function (_ref2) {
+  var gap = _ref2.gap;
+  return gap || "10px";
+}, function (_ref3) {
+  var width = _ref3.width;
+  return width || "auto";
+});
+export var MultiSelectContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  width: ", ";\n"])), function (_ref4) {
+  var width = _ref4.width;
+  return width || "200px";
+});
+export var MultiSelectDisplay = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", "!important;\n  padding: ", ";\n  border-radius: 8px;\n  width: 100%;\n  height: ", ";\n  background: ", " !important;\n  border: none;\n  box-shadow: 0px 4px 4px 0px #00000040;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  text-indent: 1px;\n  min-height: ", ";\n  max-height: ", ";\n  overflow: hidden;\n  &:focus {\n    outline: none;\n  }\n"])), function (_ref5) {
+  var $fontSize = _ref5.$fontSize;
+  if (!$fontSize) return "var(--p16)";
+  if ($fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("h") || $fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("p")) {
+    return "var(--".concat($fontSize, ", var(--p16))");
+  }
+  return $fontSize;
+}, function (_ref6) {
+  var theme = _ref6.theme,
+    color = _ref6.color;
+  return theme && typeof color === "string" && theme[color] || color || theme && theme.white || "white";
+}, function (_ref7) {
+  var $selectPadding = _ref7.$selectPadding;
+  return $selectPadding || "10px 20px";
+}, function (_ref8) {
+  var height = _ref8.height;
+  return height || "40px";
+}, function (_ref9) {
+  var _ref0, _ref1, _ref10;
+  var theme = _ref9.theme,
+    background = _ref9.background;
+  return (_ref0 = (_ref1 = (_ref10 = theme && typeof background === "string" && theme[background]) !== null && _ref10 !== void 0 ? _ref10 : background) !== null && _ref1 !== void 0 ? _ref1 : theme && theme.shadePurpleDark) !== null && _ref0 !== void 0 ? _ref0 : "#2d1e4a";
+}, function (_ref11) {
+  var height = _ref11.height;
+  return height || "40px";
+}, function (_ref12) {
+  var height = _ref12.height;
+  return height || "40px";
+});
+export var DropdownArrow = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n  transition: transform 0.2s;\n  transform: ", ";\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n"])), function (_ref13) {
+  var $isOpen = _ref13.$isOpen;
+  return $isOpen ? "rotate(180deg)" : "rotate(0deg)";
+});
+export var MultiSelectDropdown = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: ", " !important;\n  border-radius: 8px;\n  box-shadow: 0px 4px 4px 0px #00000040;\n  z-index: 1000;\n  max-height: 200px;\n  overflow-y: auto;\n  display: ", ";\n  margin-top: 4px;\n"])), function (_ref14) {
+  var _ref15, _ref16, _ref17;
+  var theme = _ref14.theme,
+    background = _ref14.background;
+  return (_ref15 = (_ref16 = (_ref17 = theme && typeof background === "string" && theme[background]) !== null && _ref17 !== void 0 ? _ref17 : background) !== null && _ref16 !== void 0 ? _ref16 : theme && theme.shadePurpleDark) !== null && _ref15 !== void 0 ? _ref15 : "#2d1e4a";
+}, function (_ref18) {
+  var $isOpen = _ref18.$isOpen;
+  return $isOpen ? "block" : "none";
+});
+export var SearchInput = styled.input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", "!important;\n  padding: 8px 12px;\n  border: none;\n  border-bottom: 1px solid\n    ", "33;\n  background: transparent;\n  width: 100%;\n  outline: none;\n  margin-bottom: 4px;\n  &::placeholder {\n    color: ", ";\n  }\n"])), function (_ref19) {
+  var $fontSize = _ref19.$fontSize;
+  if (!$fontSize) return "var(--p16)";
+  if ($fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("h") || $fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("p")) {
+    return "var(--".concat($fontSize, ", var(--p16))");
+  }
+  return $fontSize;
+}, function (_ref20) {
+  var theme = _ref20.theme,
+    color = _ref20.color;
+  return theme && typeof color === "string" && theme[color] || color || theme && theme.white || "white";
+}, function (_ref21) {
+  var theme = _ref21.theme;
+  return theme && theme.purpleMedium || "#7c4dff";
+}, function (_ref22) {
+  var theme = _ref22.theme,
+    color = _ref22.color;
+  return (theme && typeof color === "string" && theme[color] || color || theme && theme.white || "white") + "66";
+});
+export var MultiSelectOption = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: ", ";\n  color: ", " !important;\n  &:hover {\n    background: ", " !important;\n  }\n  input[type=\"checkbox\"] {\n    margin: 0;\n    cursor: pointer;\n  }\n"])), function (_ref23) {
+  var $fontSize = _ref23.$fontSize;
+  if (!$fontSize) return "var(--p16)";
+  if ($fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("h") || $fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("p")) {
+    return "var(--".concat($fontSize, ", var(--p16))");
+  }
+  return $fontSize;
+}, function (_ref24) {
+  var theme = _ref24.theme,
+    $optionColor = _ref24.$optionColor,
+    color = _ref24.color;
+  return color && (theme && typeof color === "string" && theme[color] || color) || theme && typeof $optionColor === "string" && theme[$optionColor] || $optionColor || theme && theme.white || "white";
+}, function (_ref25) {
+  var theme = _ref25.theme,
+    $optionColor = _ref25.$optionColor,
+    color = _ref25.color;
+  return (color && (theme && typeof color === "string" && theme[color] || color) || theme && typeof $optionColor === "string" && theme[$optionColor] || $optionColor || theme && theme.purpleMedium || "#7c4dff") + "33";
+});
+export var DropdownLabel = styled.label(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: ", " !important;\n  font-weight: var(--weight-regular) !important;\n  color: ", "!important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n"])), function (_ref26) {
+  var $labelSize = _ref26.$labelSize,
+    $fontSize = _ref26.$fontSize;
+  if ($labelSize) {
+    if ($labelSize !== null && $labelSize !== void 0 && $labelSize.startsWith("h") || $labelSize !== null && $labelSize !== void 0 && $labelSize.startsWith("p")) {
+      return "var(--".concat($labelSize, ", var(--p16))");
+    }
+    return $labelSize;
+  }
+  if ($fontSize) {
+    if ($fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("h") || $fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("p")) {
+      return "var(--".concat($fontSize, ", var(--p16))");
+    }
+    return $fontSize;
+  }
+  return "var(--p16)";
+}, function (_ref27) {
+  var $labelColor = _ref27.$labelColor,
+    theme = _ref27.theme;
+  return theme && typeof $labelColor === "string" && theme[$labelColor] || $labelColor || theme && theme.purpleMedium || "#7c4dff";
+});

package/dist/lib/HocComponents/HInitBackgroundAnimation/HInitBackgroundAnimation.styled.js

@@ -0,0 +1,16 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled, { css, keyframes } from "styled-components";
+var fadeOut = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n   from {\n      opacity: 1;\n   }\n   to {\n      opacity: 0;\n      display: none;\n   }\n"])));
+var translate = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n   from {\n   }\n   to {\n      transform: translateY(100%);\n   }\n"])));
+export var Container = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-height: 100vh;\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-direction: column;\n  background: ", ";\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 5;\n  ", "\n"])), function (_ref) {
+  var _shadePurpleDark;
+  var theme = _ref.theme;
+  return (_shadePurpleDark = theme.shadePurpleDark2) !== null && _shadePurpleDark !== void 0 ? _shadePurpleDark : "#1a1332";
+}, function (props) {
+  return props.fadeOut && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      animation: ", " 3s forwards;\n    "])), fadeOut);
+});
+export var LoginContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  padding: 20px;\n  border-radius: 10px;\n  margin: 20px;\n  z-index: 6;\n  margin-top: 50px;\n"])));
+export var Logo = styled.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+  return props.translate && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      animation: ", " 1s forwards;\n    "])), translate);
+});