heroes-of-chess-components 0.6.22 → 0.6.23

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

@@ -1,137 +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: ", "; /* Direcci\xF3n (row o column) */\n  gap: ", "; /* Espaciado entre label y select */\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\n  font-weight: ", "!important;\n  color: ", "!important; /* Color del label */\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; // 400, 700, 'inherit', etc.
-}, function (_ref6) {
-  var _ref7, _theme$$labelColor;
-  var $labelColor = _ref6.$labelColor,
-    theme = _ref6.theme;
-  return (_ref7 = (_theme$$labelColor = theme === null || theme === void 0 ? void 0 : theme[$labelColor]) !== null && _theme$$labelColor !== void 0 ? _theme$$labelColor : $labelColor) !== null && _ref7 !== void 0 ? _ref7 : theme.purpleMedium;
-}, 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\n  font-size: ", " !important;\n\n  font-weight: ", " !important;\n\n  color: ", " !important; /* Color del texto desde el theme */\n  \n  background: ", " !important;\n  \n  border: ", " !important;\n  \n  text-align: ", ";\n  \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\n  &::placeholder {\n    color: ", ";\n    text-align: ", ";\n  }\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; // 400, 700, 'inherit', etc.
-}, function (_ref10) {
-  var _ref11, _theme$$fontColor;
-  var $fontColor = _ref10.$fontColor,
-    theme = _ref10.theme;
-  return (_ref11 = (_theme$$fontColor = theme[$fontColor]) !== null && _theme$$fontColor !== void 0 ? _theme$$fontColor : $fontColor) !== null && _ref11 !== void 0 ? _ref11 : theme.purpleDark;
-}, function (_ref12) {
-  var _ref13, _theme$$background;
-  var $background = _ref12.$background,
-    theme = _ref12.theme;
-  return (_ref13 = (_theme$$background = theme[$background]) !== null && _theme$$background !== void 0 ? _theme$$background : $background) !== null && _ref13 !== void 0 ? _ref13 : "white";
-}, function (_ref14) {
-  var $border = _ref14.$border,
-    theme = _ref14.theme;
-  return $border !== null && $border !== void 0 ? $border : "2px solid ".concat(theme.purpleMedium);
-}, function (_ref15) {
-  var $textAlign = _ref15.$textAlign;
-  return $textAlign !== null && $textAlign !== void 0 ? $textAlign : "left";
-}, function (props) {
-  return props.$borderRadius || "20px";
-}, function (_ref16) {
-  var _ref17, _theme$$placeholderCo;
-  var $placeholderColor = _ref16.$placeholderColor,
-    theme = _ref16.theme;
-  return (_ref17 = (_theme$$placeholderCo = theme[$placeholderColor]) !== null && _theme$$placeholderCo !== void 0 ? _theme$$placeholderCo : $placeholderColor) !== null && _ref17 !== void 0 ? _ref17 : "#999";
-}, function (_ref18) {
-  var $textAlign = _ref18.$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  \n  background: ", " !important;\n  \n  border: ", " !important;\n  \n  text-align: ", ";\n  \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\n  &::placeholder {\n    color: ", ";\n    text-align: ", ";\n  }\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 (_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 $fontWeight = _ref20.$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 (_ref21) {
-  var _ref22, _theme$$fontColor2;
-  var $fontColor = _ref21.$fontColor,
-    theme = _ref21.theme;
-  return (_ref22 = (_theme$$fontColor2 = theme[$fontColor]) !== null && _theme$$fontColor2 !== void 0 ? _theme$$fontColor2 : $fontColor) !== null && _ref22 !== void 0 ? _ref22 : theme.purpleDark;
-}, function (_ref23) {
-  var _ref24, _theme$$background2;
-  var $background = _ref23.$background,
-    theme = _ref23.theme;
-  return (_ref24 = (_theme$$background2 = theme[$background]) !== null && _theme$$background2 !== void 0 ? _theme$$background2 : $background) !== null && _ref24 !== void 0 ? _ref24 : "white";
-}, function (_ref25) {
-  var $border = _ref25.$border,
-    theme = _ref25.theme;
-  return $border !== null && $border !== void 0 ? $border : "2px solid ".concat(theme.purpleMedium);
-}, function (_ref26) {
-  var $textAlign = _ref26.$textAlign;
-  return $textAlign !== null && $textAlign !== void 0 ? $textAlign : "left";
-}, function (props) {
-  return props.$borderRadius || "20px";
-}, function (_ref27) {
-  var _ref28, _theme$$placeholderCo2;
-  var $placeholderColor = _ref27.$placeholderColor,
-    theme = _ref27.theme;
-  return (_ref28 = (_theme$$placeholderCo2 = theme[$placeholderColor]) !== null && _theme$$placeholderCo2 !== void 0 ? _theme$$placeholderCo2 : $placeholderColor) !== null && _ref28 !== void 0 ? _ref28 : "#999";
-}, function (_ref29) {
-  var $textAlign = _ref29.$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\n  img {\n    margin: 0 ", ";\n  }\n"])), function (_ref30) {
-  var theme = _ref30.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";
-});

package/dist/lib/HocComponents/HInputArea/HInputArea.js

@@ -1,73 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "placeholder", "value", "onChange", "width", "height", "fontSize", "fontColor", "fontWeight", "label", "labelColor", "labelSize", "labelWeight", "direction", "gap", "labelPosition", "labelWidth", "resizable", "name", "rows", "disabled"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { forwardRef } from "react";
-import { HTextAreaContainer, TextAreaLabel, StyledTextArea } from "./HInputArea.styled";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var HInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var id = _ref.id,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? "Enter text..." : _ref$placeholder,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? "" : _ref$value,
-    onChange = _ref.onChange,
-    width = _ref.width,
-    height = _ref.height,
-    fontSize = _ref.fontSize,
-    fontColor = _ref.fontColor,
-    fontWeight = _ref.fontWeight,
-    label = _ref.label,
-    labelColor = _ref.labelColor,
-    labelSize = _ref.labelSize,
-    labelWeight = _ref.labelWeight,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? "column" : _ref$direction,
-    _ref$gap = _ref.gap,
-    gap = _ref$gap === void 0 ? "10px" : _ref$gap,
-    labelPosition = _ref.labelPosition,
-    labelWidth = _ref.labelWidth,
-    _ref$resizable = _ref.resizable,
-    resizable = _ref$resizable === void 0 ? false : _ref$resizable,
-    name = _ref.name,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? 4 : _ref$rows,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsxs(HTextAreaContainer, _objectSpread(_objectSpread({
-    id: id,
-    gap: gap,
-    direction: direction,
-    width: width
-  }, props), {}, {
-    children: [label && /*#__PURE__*/_jsx(TextAreaLabel, {
-      $labelWidth: labelWidth,
-      $labelColor: labelColor,
-      $labelSize: labelSize,
-      $labelWeight: labelWeight,
-      $labelPosition: labelPosition,
-      children: label
-    }), /*#__PURE__*/_jsx(StyledTextArea, {
-      ref: ref,
-      name: name,
-      disabled: disabled,
-      placeholder: placeholder,
-      value: value,
-      onChange: onChange,
-      $fontSize: fontSize,
-      $fontColor: fontColor,
-      $fontWeight: fontWeight,
-      $resizable: resizable,
-      rows: rows,
-      width: width,
-      height: height
-    })]
-  }));
-});
-export default HInputArea;

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

@@ -1,81 +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 HTextAreaContainer = 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 TextAreaLabel = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", " !important;\n  font-weight: ", " !important;\n  color: ", ";\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, _theme$$labelColor;
-  var $labelColor = _ref6.$labelColor,
-    theme = _ref6.theme;
-  return (_ref7 = (_theme$$labelColor = theme === null || theme === void 0 ? void 0 : theme[$labelColor]) !== null && _theme$$labelColor !== void 0 ? _theme$$labelColor : $labelColor) !== null && _ref7 !== void 0 ? _ref7 : theme.purpleMedium;
-}, function (_ref8) {
-  var $labelPosition = _ref8.$labelPosition;
-  return $labelPosition || "center";
-}, function (_ref9) {
-  var $labelWidth = _ref9.$labelWidth;
-  return $labelWidth || "auto";
-});
-export var TextAreaWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: ", " !important;\n  border-radius: ", ";\n  flex-direction: ", ";\n  height: ", ";\n  width: ", ";\n\n  img {\n    margin: 0 ", ";\n  }\n"])), function (_ref0) {
-  var theme = _ref0.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";
-});
-export var StyledTextArea = styled.textarea(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  resize: ", ";\n  font-size: ", " !important;\n  font-weight: ", " !important;\n  color: ", " !important;\n  background: white;\n  border: 2px solid ", ";\n  padding: 0.6em 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\n  &:focus,\n  &:focus-visible {\n    outline: none;\n  }\n"])), function (_ref1) {
-  var $resizable = _ref1.$resizable;
-  return $resizable ? "vertical" : "none";
-}, function (_ref10) {
-  var $fontSize = _ref10.$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 (_ref11) {
-  var $fontWeight = _ref11.$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 (_ref12) {
-  var _ref13, _theme$$fontColor;
-  var $fontColor = _ref12.$fontColor,
-    theme = _ref12.theme;
-  return (_ref13 = (_theme$$fontColor = theme === null || theme === void 0 ? void 0 : theme[$fontColor]) !== null && _theme$$fontColor !== void 0 ? _theme$$fontColor : $fontColor) !== null && _ref13 !== void 0 ? _ref13 : theme.purpleDark;
-}, function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.purpleMedium;
-}, function (props) {
-  return props.$borderRadius || "20px";
-});

package/dist/lib/HocComponents/HLevelUpAnimation/HLevelUpAnimation.js

@@ -1,83 +0,0 @@
-import { useEffect, useRef } from "react";
-import { HocIconTrumpet } from "../../assets/Icons/ui";
-import { CongratulationContainer } from "./HLevelUpAnimation.styled";
-import ConfettiGenerator from "confetti-js";
-import { useSounds } from "../../hooks";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var HLevelUpAnimation = function HLevelUpAnimation(_ref) {
-  var _customer$profileInfo;
-  var customer = _ref.customer,
-    navigate = _ref.navigate,
-    setCongratulations = _ref.setCongratulations;
-  var isRenderingCong = useRef(false);
-  var _useSounds = useSounds(),
-    playSound = _useSounds.playSound,
-    HOC_SOUNDS = _useSounds.HOC_SOUNDS;
-  useEffect(function () {
-    if (isRenderingCong.current) return;
-    isRenderingCong.current = true;
-    playSound(HOC_SOUNDS.congratulations);
-    setTimeout(function () {
-      navigate("/dashboard");
-      setCongratulations(false);
-    }, 4500);
-  }, []);
-  useEffect(function () {
-    var confettiSettings = {
-      target: "my-canvas",
-      max: "1000",
-      size: "1.3",
-      colors: [[249, 196, 7], [91, 33, 167]]
-    };
-    var confetti = new ConfettiGenerator(confettiSettings);
-    confetti.render();
-    return function () {
-      return confetti.clear();
-    };
-  }, []);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(CongratulationContainer, {
-      children: [/*#__PURE__*/_jsx("canvas", {
-        id: "my-canvas",
-        style: {
-          position: "fixed",
-          zIndex: "998",
-          top: "0",
-          left: "0",
-          width: "100%",
-          height: "100%"
-        }
-      }), /*#__PURE__*/_jsx("h1", {
-        children: "CONGRATULAZIONI!"
-      }), /*#__PURE__*/_jsxs("h1", {
-        className: "level",
-        children: ["LV ", (customer === null || customer === void 0 || (_customer$profileInfo = customer.profileInfo) === null || _customer$profileInfo === void 0 ? void 0 : _customer$profileInfo.level) || 0]
-      }), /*#__PURE__*/_jsx("img", {
-        src: HocIconTrumpet,
-        className: "trom1",
-        alt: ""
-      }), /*#__PURE__*/_jsx("img", {
-        src: HocIconTrumpet,
-        className: "trom2",
-        alt: ""
-      }), /*#__PURE__*/_jsx("img", {
-        src: HocIconTrumpet,
-        className: "trom3",
-        alt: ""
-      }), /*#__PURE__*/_jsx("img", {
-        src: HocIconTrumpet,
-        className: "trom4",
-        alt: ""
-      }), /*#__PURE__*/_jsx("img", {
-        src: HocIconTrumpet,
-        className: "trom5",
-        alt: ""
-      }), /*#__PURE__*/_jsx("img", {
-        src: HocIconTrumpet,
-        className: "trom6",
-        alt: ""
-      }), /*#__PURE__*/_jsx("span", {})]
-    })
-  });
-};
-export default HLevelUpAnimation;

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

@@ -1,6 +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, { keyframes } from "styled-components";
-var confettiScale1 = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: scale(1);\n  }\n  10% {\n    transform: scale(1.2);\n  }\n  20% {\n    transform: scale(1);\n  }\n  30% {\n    transform: scale(1.2);\n  }\n  40% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n  60% {\n    transform: scale(1);\n  }\n  70% {\n    transform: scale(1.2);\n  }\n  80% {\n    transform: scale(1);\n  }\n  90% {\n    transform: scale(1.2);\n  }\n  100% {\n    transform: scale(1);\n  }\n"])));
-var confettiScale2 = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    transform: scale(1) scaleX(-1);\n  }\n  10% {\n    transform: scale(1.2) scaleX(-1);\n  }\n  20% {\n    transform: scale(1) scaleX(-1);\n  }\n  30% {\n    transform: scale(1.2) scaleX(-1);\n  }\n  40% {\n    transform: scale(1) scaleX(-1);\n  }\n  50% {\n    transform: scale(1.2) scaleX(-1);\n  }\n  60% {\n    transform: scale(1) scaleX(-1);\n  }\n  70% {\n    transform: scale(1.2) scaleX(-1);\n  }\n  80% {\n    transform: scale(1) scaleX(-1);\n  }\n  90% {\n    transform: scale(1.2) scaleX(-1);\n  }\n  100% {\n    transform: scale(1) scaleX(-1);\n  }\n"])));
-export var CongratulationContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 999999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n\n  h1 {\n    z-index: 999;\n    font-family: \"AldoTheApalache\", sans-serif;\n    font-size: 8vw; /* Tama\xF1o de fuente responsivo */\n    background: linear-gradient(\n      180deg,\n      #eaa80c 0%,\n      #fdcc06 35%,\n      #fac707 48%,\n      #f4ba0c 64%,\n      #eaa415 79%,\n      #dc8521 96%,\n      #d87c25 100%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    -webkit-text-stroke: 1px #3c096c;\n    letter-spacing: 7px; /* Espaciado entre letras */\n    @media (max-width: 900px) {\n      font-size: 6vw; /* Tama\xF1o de fuente responsivo para dispositivos m\xF3viles */\n    }\n  }\n\n  .level {\n    margin-top: -50px; /* Ajuste de margen para .level */\n\n    @media (max-width: 900px) {\n      margin-top: -20px; /* Ajuste de margen para dispositivos m\xF3viles */\n    }\n    @media (max-width: 500px) {\n      margin-top: -0px; /* Ajuste de margen para dispositivos m\xF3viles */\n    }\n  }\n\n   .trom1 {\n      position: fixed;\n      bottom: 65px;\n      left: 0;\n      width: 270px;\n      transform: scaleX(-1);\n      animation: ", " 3.5s infinite;\n      @media (max-width: 900px){\n        width: 220px;\n        bottom: 70px;\n      }  \n    }\n   .trom2 {\n      position: fixed;\n      bottom: -13.5px;\n      left: 0;\n      width: 220px;\n      transform: scaleX(-1);\n      animation: ", " 3.5s infinite;\n      @media (max-width: 900px){\n        width: 170px;\n        bottom: 0.5px;\n      }\n   }\n   .trom3 {\n      position: fixed;\n      bottom: -70px;\n      left: 0;\n      width: 170px;\n      transform: scaleX(-1);\n      animation: ", " 3.5s infinite;\n      @media (max-width: 900px){\n        width: 120px;\n        bottom: -50px\n      }\n   }\n   .trom4 {\n      position: fixed;\n      bottom: 65px;\n      right: 0;\n      width: 270px;\n      animation: ", " 3.5s infinite;\n      @media (max-width: 900px){\n        width: 220px;\n        bottom: 70px;\n      }\n   }\n   .trom5 {\n      position: fixed;\n      bottom: -13.5px;\n      right: 0;\n      width: 220px;\n      animation: ", " 3.5s infinite;\n      @media (max-width: 900px){\n        width: 170px;\n        bottom: 0.5px;\n      }\n   }\n   .trom6 {\n      position: fixed;\n      bottom: -70px;\n      right: 0;\n      width: 170px;\n      animation: ", " 3.5s infinite;\n      @media (max-width: 900px){\n        width: 120px;\n        bottom: -50px\n      }\n   }\n"])), confettiScale2, confettiScale2, confettiScale2, confettiScale1, confettiScale1, confettiScale1);

package/dist/lib/HocComponents/HLoaderSpinner/HLoaderSpinner.js

@@ -1,22 +0,0 @@
-//ANCHOR Dependencies
-import { PuffLoader } from "react-spinners";
-import { useTheme } from "styled-components";
-
-//SECTION React Function
-import { jsx as _jsx } from "react/jsx-runtime";
-var HLoaderSpinner = function HLoaderSpinner(_ref) {
-  var margin = _ref.margin,
-    size = _ref.size,
-    color = _ref.color;
-  var theme = useTheme();
-  return /*#__PURE__*/_jsx(PuffLoader, {
-    color: theme[color] ? theme[color] : color || "#7025BE",
-    loading: true,
-    size: size || 120,
-    cssOverride: {
-      display: "block",
-      margin: margin || "250px auto"
-    }
-  });
-};
-export default HLoaderSpinner;