heroes-of-chess-components 0.5.70 → 0.5.72

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

@@ -1,59 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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/HCalendarStyled/HCalendarStyled.styled.js

@@ -1,25 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,52 +0,0 @@
-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

@@ -1,117 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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);
-});

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

@@ -1,133 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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 HInputContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  width: ", ";\n  align-items: center;\n  justify-content: space-between;\n"])), function (_ref) {
-  var direction = _ref.direction;
-  return direction || "column";
-}, function (_ref2) {
-  var gap = _ref2.gap;
-  return gap;
-}, function (_ref3) {
-  var width = _ref3.width;
-  return width !== null && width !== void 0 ? width : "auto";
-});
-export var InputLabel = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "!important;\n  font-weight: ", "!important;\n  color: ", "!important;\n  display: flex;\n  align-items: center;\n  justify-content: ", ";\n  width: ", ";\n"])), function (_ref4) {
-  var $labelSize = _ref4.$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 (_ref5) {
-  var $labelWeight = _ref5.$labelWeight;
-  if (!$labelWeight) return "var(--weight-medium)";
-  if ($labelWeight !== null && $labelWeight !== void 0 && $labelWeight.startsWith("weight-")) {
-    return "var(--".concat($labelWeight, ", var(--weight-medium))");
-  }
-  return $labelWeight;
-}, function (_ref6) {
-  var _ref7;
-  var $labelColor = _ref6.$labelColor,
-    theme = _ref6.theme;
-  return $labelColor && theme && typeof $labelColor === "string" && theme[$labelColor] ? theme[$labelColor] : (_ref7 = $labelColor !== null && $labelColor !== void 0 ? $labelColor : theme && theme.purpleMedium) !== null && _ref7 !== void 0 ? _ref7 : "#7c4dff";
-}, function (_ref8) {
-  var $labelPosition = _ref8.$labelPosition;
-  return $labelPosition || "center";
-}, function (_ref9) {
-  var $labelWidth = _ref9.$labelWidth;
-  return $labelWidth || "auto";
-});
-export var Input = styled.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  font-size: ", " !important;\n  font-weight: ", " !important;\n  color: ", " !important;\n  background: ", " !important;\n  border: ", " !important;\n  text-align: ", ";\n  padding: 0.2em 1em;\n  border-radius: ", ";\n  font-family: \"Poppins\", sans-serif;\n  line-height: 1.5;\n  box-shadow: rgba(112, 37, 190, 0.11) 0px -6px 26px inset,\n    rgba(112, 37, 190, 0.27) 4px 4px 26px inset;\n  &::placeholder {\n    color: ", ";\n    text-align: ", ";\n  }\n  &:focus,\n  &:focus-visible {\n    outline: none;\n  }\n"])), function (_ref0) {
-  var $fontSize = _ref0.$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 (_ref1) {
-  var $fontWeight = _ref1.$fontWeight;
-  if (!$fontWeight) return "var(--weight-book)";
-  if ($fontWeight !== null && $fontWeight !== void 0 && $fontWeight.startsWith("weight-")) {
-    return "var(--".concat($fontWeight, ", var(--weight-book))");
-  }
-  return $fontWeight;
-}, function (_ref10) {
-  var _ref11;
-  var $fontColor = _ref10.$fontColor,
-    theme = _ref10.theme;
-  return $fontColor && theme && typeof $fontColor === "string" && theme[$fontColor] ? theme[$fontColor] : (_ref11 = $fontColor !== null && $fontColor !== void 0 ? $fontColor : theme && theme.purpleDark) !== null && _ref11 !== void 0 ? _ref11 : "#2d1e4a";
-}, function (_ref12) {
-  var $background = _ref12.$background,
-    theme = _ref12.theme;
-  return $background && theme && typeof $background === "string" && theme[$background] ? theme[$background] : $background !== null && $background !== void 0 ? $background : "white";
-}, function (_ref13) {
-  var $border = _ref13.$border,
-    theme = _ref13.theme;
-  return $border !== null && $border !== void 0 ? $border : "2px solid ".concat(theme.purpleMedium);
-}, function (_ref14) {
-  var $textAlign = _ref14.$textAlign;
-  return $textAlign !== null && $textAlign !== void 0 ? $textAlign : "left";
-}, function (props) {
-  return props.$borderRadius || "20px";
-}, function (_ref15) {
-  var $placeholderColor = _ref15.$placeholderColor,
-    theme = _ref15.theme;
-  return $placeholderColor && theme && typeof $placeholderColor === "string" && theme[$placeholderColor] ? theme[$placeholderColor] : $placeholderColor !== null && $placeholderColor !== void 0 ? $placeholderColor : "#999";
-}, function (_ref16) {
-  var $textAlign = _ref16.$textAlign;
-  return $textAlign !== null && $textAlign !== void 0 ? $textAlign : "left";
-});
-export var TextareaStyled = styled.textarea(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  font-size: ", " !important;\n  font-weight: ", " !important;\n  color: ", " !important;\n  background: ", " !important;\n  border: ", " !important;\n  text-align: ", ";\n  padding: 0.2em 1em !important;\n  border-radius: ", ";\n  font-family: \"Poppins\", sans-serif;\n  line-height: 1.5;\n  box-shadow: rgba(112, 37, 190, 0.11) 0px -6px 26px inset,\n    rgba(112, 37, 190, 0.27) 4px 4px 26px inset;\n  &::placeholder {\n    color: ", ";\n    text-align: ", ";\n  }\n  &:focus,\n  &:focus-visible {\n    outline: none;\n  }\n  resize: none;\n  min-height: 40px;\n  max-height: 120px;\n  box-sizing: border-box;\n  overflow: hidden;\n"])), function (_ref17) {
-  var $fontSize = _ref17.$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 (_ref18) {
-  var $fontWeight = _ref18.$fontWeight;
-  if (!$fontWeight) return "var(--weight-book)";
-  if ($fontWeight !== null && $fontWeight !== void 0 && $fontWeight.startsWith("weight-")) {
-    return "var(--".concat($fontWeight, ", var(--weight-book))");
-  }
-  return $fontWeight;
-}, function (_ref19) {
-  var _ref20;
-  var $fontColor = _ref19.$fontColor,
-    theme = _ref19.theme;
-  return $fontColor && theme && typeof $fontColor === "string" && theme[$fontColor] ? theme[$fontColor] : (_ref20 = $fontColor !== null && $fontColor !== void 0 ? $fontColor : theme && theme.purpleDark) !== null && _ref20 !== void 0 ? _ref20 : "#2d1e4a";
-}, function (_ref21) {
-  var $background = _ref21.$background,
-    theme = _ref21.theme;
-  return $background && theme && typeof $background === "string" && theme[$background] ? theme[$background] : $background !== null && $background !== void 0 ? $background : "white";
-}, function (_ref22) {
-  var $border = _ref22.$border,
-    theme = _ref22.theme;
-  return $border !== null && $border !== void 0 ? $border : "2px solid ".concat(theme.purpleMedium);
-}, function (_ref23) {
-  var $textAlign = _ref23.$textAlign;
-  return $textAlign !== null && $textAlign !== void 0 ? $textAlign : "left";
-}, function (props) {
-  return props.$borderRadius || "20px";
-}, function (_ref24) {
-  var $placeholderColor = _ref24.$placeholderColor,
-    theme = _ref24.theme;
-  return $placeholderColor && theme && typeof $placeholderColor === "string" && theme[$placeholderColor] ? theme[$placeholderColor] : $placeholderColor !== null && $placeholderColor !== void 0 ? $placeholderColor : "#999";
-}, function (_ref25) {
-  var $textAlign = _ref25.$textAlign;
-  return $textAlign !== null && $textAlign !== void 0 ? $textAlign : "left";
-});
-export var InputContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n  flex-direction: ", ";\n  height: ", ";\n  width: ", ";\n  img {\n    margin: 0 ", ";\n  }\n"])), function (_ref26) {
-  var theme = _ref26.theme;
-  return theme.purpleDark;
-}, function (props) {
-  return props.$borderRadius || "20px";
-}, function (props) {
-  return props.direction || "row";
-}, function (props) {
-  return props.height || "auto";
-}, function (props) {
-  return props.width || "auto";
-}, function (props) {
-  return props.gap || "5px";
-});