heroes-of-chess-components 0.6.9 → 0.6.10

package/dist/lib/HocComponents/HToggleButton/HToggleButton.js

@@ -0,0 +1,76 @@
+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 = ["label", "labelSize", "labelColor", "labelWeight", "option1", "option2", "off", "on", "onClickToggle", "useHocStyle"];
+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 React from "react";
+import { Toggle, ToggleButton, ToggleContainer, ToggleLabel, ToggleOption } from "./HToggleButton.styled";
+import HBox from "../HBox/HBox";
+import { useSounds } from "../../hooks";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HToggleButton = function HToggleButton(_ref) {
+  var label = _ref.label,
+    labelSize = _ref.labelSize,
+    labelColor = _ref.labelColor,
+    labelWeight = _ref.labelWeight,
+    _ref$option = _ref.option1,
+    option1 = _ref$option === void 0 ? "On" : _ref$option,
+    _ref$option2 = _ref.option2,
+    option2 = _ref$option2 === void 0 ? "Off" : _ref$option2,
+    off = _ref.off,
+    on = _ref.on,
+    onClickToggle = _ref.onClickToggle,
+    _ref$useHocStyle = _ref.useHocStyle,
+    useHocStyle = _ref$useHocStyle === void 0 ? false : _ref$useHocStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useSounds = useSounds(),
+    playSound = _useSounds.playSound,
+    HOC_SOUNDS = _useSounds.HOC_SOUNDS;
+  var onClickToggleWithSound = function onClickToggleWithSound() {
+    playSound(HOC_SOUNDS.toggleSecondary);
+    onClickToggle && onClickToggle();
+  };
+  return /*#__PURE__*/_jsxs(HBox, _objectSpread(_objectSpread({
+    direction: "column"
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx(ToggleLabel, {
+      labelSize: labelSize,
+      labelColor: labelColor,
+      labelWeight: labelWeight,
+      children: label
+    }), /*#__PURE__*/_jsxs(ToggleContainer, {
+      off: true,
+      children: [/*#__PURE__*/_jsx(ToggleOption, {
+        className: "option",
+        style: {
+          color: "green"
+        },
+        useHocStyle: useHocStyle,
+        children: option1
+      }), /*#__PURE__*/_jsx(Toggle, {
+        off: off,
+        on: on,
+        onClick: onClickToggleWithSound,
+        useHocStyle: useHocStyle,
+        children: /*#__PURE__*/_jsx(ToggleButton, {
+          off: off,
+          on: on,
+          child: on,
+          useHocStyle: useHocStyle
+        })
+      }), /*#__PURE__*/_jsx(ToggleOption, {
+        className: "option",
+        style: {
+          color: "red"
+        },
+        useHocStyle: useHocStyle,
+        children: option2
+      })]
+    })]
+  }));
+};
+export default HToggleButton;

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

@@ -0,0 +1,49 @@
+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 ToggleContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  margin-top: -10px;\n  margin-bottom: 20px;\n  z-index: 100;\n"])));
+export var ToggleOption = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: var(--p16);\n  font-weight: ", ";\n  color: ", " !important;\n"])), function (_ref) {
+  var select = _ref.select;
+  return select ? "var(--weight-bold)" : "var(--weight-book)";
+}, function (_ref2) {
+  var theme = _ref2.theme,
+    useHocStyle = _ref2.useHocStyle;
+  return useHocStyle && theme.purpleMedium;
+});
+export var Toggle = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 70px;\n  height: 30px;\n  border-radius: 15px;\n  background-color: ", ";\n  box-shadow: ", ";\n  border: 2px solid\n    ", ";\n  position: relative;\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.white;
+}, function (_ref4) {
+  var useHocStyle = _ref4.useHocStyle;
+  return useHocStyle ? "rgba(112, 37, 190, 0.11) 0px -6px 26px inset,\n    rgba(112, 37, 190, 0.27) 4px 4px 26px inset" : "none";
+}, function (_ref5) {
+  var theme = _ref5.theme,
+    off = _ref5.off,
+    on = _ref5.on,
+    useHocStyle = _ref5.useHocStyle;
+  return useHocStyle ? theme.purpleMedium : off ? "red" : on ? "green" : theme.purpleMedium;
+});
+export var ToggleButton = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: ", ";\n  position: absolute;\n  left: ", ";\n  right: ", ";\n"])), function (_ref6) {
+  var theme = _ref6.theme,
+    off = _ref6.off,
+    on = _ref6.on,
+    useHocStyle = _ref6.useHocStyle;
+  return useHocStyle ? theme.purpleMedium : off ? "red" : on ? "green" : theme.purpleMedium;
+}, function (_ref7) {
+  var child = _ref7.child;
+  return child ? "3px" : null;
+}, function (_ref8) {
+  var child = _ref8.child;
+  return child ? null : "3px";
+});
+export var ToggleLabel = styled.label(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: ", "; /* Tama\xF1o de fuente del label */\n  color: ", "; /* Color del label */\n  font-weight: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-bottom: 10px;\n"])), function (_ref9) {
+  var labelSize = _ref9.labelSize;
+  return labelSize || "var(--p16)";
+}, function (_ref0) {
+  var labelColor = _ref0.labelColor,
+    theme = _ref0.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme[labelColor]) || labelColor || theme.purpleMedium;
+}, function (_ref1) {
+  var labelWeight = _ref1.labelWeight;
+  return labelWeight || "var(--weight-regular)";
+});

package/dist/lib/HocComponents/HToggleButtonCustom/HCustomToggle.styled.js

@@ -0,0 +1,59 @@
+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";
+import HBox from "../HBox/HBox";
+export var ToggleContainer = styled(HBox)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: ", ";\n  top: ", ";\n  left: ", ";\n  right: ", ";\n  bottom: ", ";\n  display: flex;\n  flex-direction: ", ";\n  justify-content: space-between;\n  align-items: center;\n  z-index: 2;\n\n  p {\n    color: ", ";\n    font-size: var(--p16);\n    font-weight: var(--weight-bold);\n    text-align: center;\n  }\n\n  @media (max-width: 1440px) {\n    transform: scale(0.85);\n  }\n\n  @media (max-width: 1000px) {\n    ", "\n  }\n"])), function (_ref) {
+  var position = _ref.position;
+  return position || "static";
+}, function (_ref2) {
+  var top = _ref2.top;
+  return top;
+}, function (_ref3) {
+  var left = _ref3.left;
+  return left;
+}, function (_ref4) {
+  var right = _ref4.right;
+  return right;
+}, function (_ref5) {
+  var bottom = _ref5.bottom;
+  return bottom;
+}, function (_ref6) {
+  var direction = _ref6.direction;
+  return direction || "column";
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.purpleMedium;
+}, function (_ref8) {
+  var $useResponsive = _ref8.$useResponsive;
+  return $useResponsive && "\n      position: static;\n      flex-direction: row;\n    ";
+});
+export var ToggleBar = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 30.5px;\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  position: relative;\n\n  @media (max-width: 1000px) {\n    ", "\n  }\n"])), function (_ref9) {
+  var direction = _ref9.direction;
+  return direction === "row" ? "158px" : "60px";
+}, function (_ref0) {
+  var direction = _ref0.direction;
+  return direction === "row" ? "60px" : "158px";
+}, function (_ref1) {
+  var theme = _ref1.theme,
+    color = _ref1.color;
+  return color === "light" ? theme.shadePurpleLight : theme.shadePurpleDark;
+}, function (_ref10) {
+  var direction = _ref10.direction;
+  return direction === "row" ? "row" : "column";
+}, function (_ref11) {
+  var $useResponsive = _ref11.$useResponsive;
+  return $useResponsive && "\n      width: 158px;\n      height: 60px;\n      flex-direction: row;\n    ";
+});
+export var TogglePivot = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background-color: white;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  transition: all 0.3s;\n\n  left: ", ";\n\n  top: ", ";\n\n  @media (max-width: 1000px) {\n    ", "\n  }\n\n  img {\n    width: 30px;\n    height: auto;\n  }\n"])), function (_ref12) {
+  var direction = _ref12.direction,
+    toggleState = _ref12.toggleState;
+  return direction === "row" ? toggleState ? "102px" : "3px" : "4px";
+}, function (_ref13) {
+  var direction = _ref13.direction,
+    toggleState = _ref13.toggleState;
+  return direction === "column" ? toggleState ? "102px" : "3px" : "4px";
+}, function (_ref14) {
+  var $useResponsive = _ref14.$useResponsive,
+    toggleState = _ref14.toggleState;
+  return $useResponsive && "\n      left: ".concat(toggleState ? "102px" : "3px", ";\n      top: 4px;\n    ");
+});

package/dist/lib/HocComponents/HToggleButtonCustom/HToggleButtonCustom.js

@@ -0,0 +1,65 @@
+//ANCHOR Styled Components
+import { useSounds } from "../../hooks";
+import { ToggleBar, ToggleContainer, TogglePivot } from "./HCustomToggle.styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HToggleButtonCustom = function HToggleButtonCustom(_ref) {
+  var toggleState = _ref.toggleState,
+    handleToggle = _ref.handleToggle,
+    icon1 = _ref.icon1,
+    icon2 = _ref.icon2,
+    text1 = _ref.text1,
+    text2 = _ref.text2,
+    direction = _ref.direction,
+    position = _ref.position,
+    top = _ref.top,
+    left = _ref.left,
+    right = _ref.right,
+    bottom = _ref.bottom,
+    _ref$useResponsive = _ref.useResponsive,
+    useResponsive = _ref$useResponsive === void 0 ? false : _ref$useResponsive;
+  var _useSounds = useSounds(),
+    playSound = _useSounds.playSound,
+    HOC_SOUNDS = _useSounds.HOC_SOUNDS;
+  var onClickToggleWithSound = function onClickToggleWithSound() {
+    playSound(HOC_SOUNDS.toggleOnOff);
+    handleToggle && handleToggle();
+  };
+  return /*#__PURE__*/_jsxs(ToggleContainer, {
+    position: position,
+    direction: direction,
+    top: top,
+    left: left,
+    right: right,
+    bottom: bottom,
+    $useResponsive: useResponsive,
+    children: [/*#__PURE__*/_jsx("p", {
+      style: {
+        marginBottom: useResponsive || direction === "row" ? 0 : "13px"
+      },
+      children: text1
+    }), /*#__PURE__*/_jsx(ToggleBar, {
+      onClick: onClickToggleWithSound,
+      color: toggleState ? "light" : "dark",
+      direction: direction,
+      style: {
+        position: "relative"
+      },
+      $useResponsive: useResponsive,
+      children: /*#__PURE__*/_jsx(TogglePivot, {
+        direction: direction,
+        $useResponsive: useResponsive,
+        toggleState: toggleState,
+        children: /*#__PURE__*/_jsx("img", {
+          src: toggleState ? icon2 : icon1,
+          alt: "toggle icon"
+        })
+      })
+    }), /*#__PURE__*/_jsx("p", {
+      style: {
+        marginTop: useResponsive || direction === "row" ? 0 : "13px"
+      },
+      children: text2
+    })]
+  });
+};
+export default HToggleButtonCustom;

package/dist/lib/HocComponents/HVideoPlayer/HVideoPlayer.js

@@ -0,0 +1,36 @@
+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); }
+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); }
+// just to update the package
+import ReactPlayer from "react-player/youtube";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HVideoPlayer = function HVideoPlayer(_ref) {
+  var url = _ref.url,
+    _ref$controls = _ref.controls,
+    controls = _ref$controls === void 0 ? true : _ref$controls,
+    _ref$playing = _ref.playing,
+    playing = _ref$playing === void 0 ? false : _ref$playing,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "100%" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 360 : _ref$height,
+    onReady = _ref.onReady,
+    _ref$playerProps = _ref.playerProps,
+    playerProps = _ref$playerProps === void 0 ? {} : _ref$playerProps,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  // ReactPlayer automatically detects URL type (YouTube, Vimeo, MP4, etc.)
+  return /*#__PURE__*/_jsx(ReactPlayer, _objectSpread({
+    url: url,
+    controls: controls,
+    playing: playing,
+    width: width,
+    height: height,
+    onReady: onReady,
+    style: style
+  }, playerProps));
+};
+export default HVideoPlayer;

package/dist/lib/assets/HocLogos/logoCircular.svg

@@ -1,22 +1,22 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.68 163.24">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        fill: #ffb600;
-      }
-    </style>
-  </defs>
-  <g id="Capa_1-2" data-name="Capa 1">
-    <g id="circular_logo" data-name="circular logo">
-      <path class="cls-1" d="m104.11,129.65c-6.39,3.2-9.74,4.48-16.59,6.4-.43-24.93-.87-49.87-1.3-74.8,6.63-.45,9.93-.75,16.46-1.5.14,7.04.29,14.08.43,21.12,6.59-1.47,13.27-3.44,19.58-5.81,0-12.25,0-24.49,0-36.74-14.26,0-28.53,0-42.79,0-4.83,5.73-9.65,11.46-14.48,17.19.02,7,.05,14,.07,21,2.58-.03,5.16-.08,7.76-.17.15,16.1.3,32.2.45,48.31-2.68.3-5.36.5-8.05.61.04,12.65.08,25.3.12,37.94,3.8-.29,7.55-.89,11.2-1.72,8.8-1.84,16.78-4.79,24.66-9.14,12.66-6.41,21.06-13.24,21.06-13.24v-16.95c0-6.73,0-10.09,0-16.82-5.66,4.19-12.34,7.93-18.86,10.6.11,5.49.17,8.23.28,13.72Z"/>
-      <path class="cls-1" d="m49.24,124.73c.14-16.12.28-32.24.42-48.36,2.86.09,5.69.13,8.51.15.03-12.73.06-25.47.1-38.2-6.8,0-13.59,0-20.39,0-.28,16.56-.56,33.12-.84,49.68-7.16-.99-10.71-1.67-17.6-3.41.32-15.42.63-30.85.95-46.27-6.8,0-13.59,0-20.39,0v97.29c5.88,6.02,11.18,10.55,18.08,15.35.31-15.01.62-30.02.92-45.03,6.85,2.53,10.42,3.53,17.66,4.98-.27,16.11-.54,32.23-.82,48.34,7.64,2.09,14.22,3.28,22.12,3.98.03-12.64.06-25.29.09-37.93-2.94-.08-5.89-.27-8.82-.58Z"/>
-      <path class="cls-2" d="m67.37,115.89c-4.82.1-7.23.1-12.05.03.04-10.07.08-20.13.12-30.2,4.71.05,7.07.04,11.77-.02.05,10.06.1,20.13.16,30.19Z"/>
-      <path class="cls-2" d="m116.4,0c-4.96,0-8.97,4.02-8.97,8.97v8.41h-36.13V3.7c0-2.04-1.65-3.7-3.7-3.7h-11.69c-2.04,0-3.7,1.65-3.7,3.7v13.68H15.25v-8.57C15.25,3.94,11.31,0,6.44,0H0v31.14h122.68V0h-6.28Z"/>
-    </g>
-  </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.68 163.24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #ffb600;
+      }
+    </style>
+  </defs>
+  <g id="Capa_1-2" data-name="Capa 1">
+    <g id="circular_logo" data-name="circular logo">
+      <path class="cls-1" d="m104.11,129.65c-6.39,3.2-9.74,4.48-16.59,6.4-.43-24.93-.87-49.87-1.3-74.8,6.63-.45,9.93-.75,16.46-1.5.14,7.04.29,14.08.43,21.12,6.59-1.47,13.27-3.44,19.58-5.81,0-12.25,0-24.49,0-36.74-14.26,0-28.53,0-42.79,0-4.83,5.73-9.65,11.46-14.48,17.19.02,7,.05,14,.07,21,2.58-.03,5.16-.08,7.76-.17.15,16.1.3,32.2.45,48.31-2.68.3-5.36.5-8.05.61.04,12.65.08,25.3.12,37.94,3.8-.29,7.55-.89,11.2-1.72,8.8-1.84,16.78-4.79,24.66-9.14,12.66-6.41,21.06-13.24,21.06-13.24v-16.95c0-6.73,0-10.09,0-16.82-5.66,4.19-12.34,7.93-18.86,10.6.11,5.49.17,8.23.28,13.72Z"/>
+      <path class="cls-1" d="m49.24,124.73c.14-16.12.28-32.24.42-48.36,2.86.09,5.69.13,8.51.15.03-12.73.06-25.47.1-38.2-6.8,0-13.59,0-20.39,0-.28,16.56-.56,33.12-.84,49.68-7.16-.99-10.71-1.67-17.6-3.41.32-15.42.63-30.85.95-46.27-6.8,0-13.59,0-20.39,0v97.29c5.88,6.02,11.18,10.55,18.08,15.35.31-15.01.62-30.02.92-45.03,6.85,2.53,10.42,3.53,17.66,4.98-.27,16.11-.54,32.23-.82,48.34,7.64,2.09,14.22,3.28,22.12,3.98.03-12.64.06-25.29.09-37.93-2.94-.08-5.89-.27-8.82-.58Z"/>
+      <path class="cls-2" d="m67.37,115.89c-4.82.1-7.23.1-12.05.03.04-10.07.08-20.13.12-30.2,4.71.05,7.07.04,11.77-.02.05,10.06.1,20.13.16,30.19Z"/>
+      <path class="cls-2" d="m116.4,0c-4.96,0-8.97,4.02-8.97,8.97v8.41h-36.13V3.7c0-2.04-1.65-3.7-3.7-3.7h-11.69c-2.04,0-3.7,1.65-3.7,3.7v13.68H15.25v-8.57C15.25,3.94,11.31,0,6.44,0H0v31.14h122.68V0h-6.28Z"/>
+    </g>
+  </g>
 </svg>

package/dist/lib/assets/HocLogos/logoLogin.svg

@@ -1,28 +1,28 @@
-<svg width="487" height="212" viewBox="0 0 487 212" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3010_83807)">
-<path d="M134.339 168.666C126.099 172.803 121.761 174.451 112.923 176.923C112.362 144.753 111.8 112.583 111.248 80.4122C119.805 79.8327 124.07 79.4434 132.483 78.4746C132.673 87.5561 132.854 96.6377 133.045 105.728C141.539 103.836 150.16 101.292 158.31 98.2313C158.31 82.4313 158.31 66.6314 158.31 50.8315C139.9 50.8315 121.499 50.8315 103.089 50.8315C96.8584 58.2199 90.6372 65.6173 84.407 73.0057C84.4341 82.033 84.4704 91.0693 84.4975 100.097C87.8209 100.051 91.1534 99.9879 94.513 99.8702C94.7122 120.65 94.9024 141.421 95.1016 162.201C91.6514 162.59 88.1832 162.853 84.7058 162.988C84.7602 179.305 84.8145 195.63 84.8688 211.946C89.7769 211.574 94.6126 210.805 99.3306 209.736C110.686 207.364 120.982 203.552 131.152 197.948C147.488 189.672 158.319 180.871 158.319 180.871V159.005C158.319 150.321 158.319 145.984 158.319 137.301C151.011 142.707 142.39 147.533 133.986 150.982C134.131 158.063 134.204 161.603 134.349 168.675L134.339 168.666Z" fill="white"/>
-<path d="M63.534 162.309C63.7151 141.511 63.8962 120.713 64.0773 99.9154C67.7629 100.033 71.4123 100.087 75.0617 100.115C75.107 83.6808 75.1432 67.2561 75.1885 50.8224C66.4227 50.8224 57.6478 50.8224 48.882 50.8224C48.5198 72.1908 48.1576 93.5592 47.7954 114.928C38.5496 113.651 33.9766 112.764 25.0749 110.527C25.4824 90.6256 25.8899 70.724 26.2974 50.8224C17.5316 50.8224 8.75677 50.8224 -0.0090332 50.8224V176.353C7.57049 184.121 14.4165 189.962 23.3181 196.164C23.7166 176.796 24.115 157.429 24.5135 138.071C33.3608 141.339 37.961 142.625 47.2973 144.49C46.9441 165.279 46.591 186.077 46.2469 206.866C56.1084 209.573 64.6025 211.104 74.79 212C74.8353 195.684 74.8716 179.368 74.9168 163.052C71.1135 162.952 67.3192 162.708 63.543 162.3L63.534 162.309Z" fill="white"/>
-<path d="M86.9337 150.91C80.7125 151.037 77.5974 151.046 71.3762 150.946C71.4306 137.962 71.4849 124.969 71.5302 111.985C77.6065 112.048 80.6491 112.039 86.7254 111.967C86.7888 124.951 86.8613 137.935 86.9247 150.919L86.9337 150.91Z" fill="#FFB600"/>
-<path d="M150.214 1.37625C143.821 1.37625 138.632 6.55538 138.632 12.9568V23.804H92.0047V6.14793C92.0047 3.51309 89.8676 1.37625 87.2324 1.37625H72.1458C69.5106 1.37625 67.3735 3.51309 67.3735 6.14793V23.804H19.6778V12.7486C19.6778 6.47388 14.5885 1.38531 8.31302 1.38531H0V41.5688H158.31V1.37625H150.205H150.214Z" fill="#FFB600"/>
-<path d="M208.297 161.331V148.746H230.039V166.619L215.74 180.916H169.113V91.7573L184.562 77.5329H230.039V116.575H208.297V97.1991H190.846V161.331H208.297Z" fill="white"/>
-<path d="M259.805 119.998H278.396V77.5238H300.066V180.916H278.396V139.592H259.805V180.916H238.135V77.5238H259.805V119.998Z" fill="white"/>
-<path d="M308.161 77.5329H358.366V97.1991H329.614V117.146H356.926V136.45H329.895V161.331H358.375V180.925H308.161V77.5329Z" fill="white"/>
-<path d="M422.615 180.916H366.498V148.737H387.434V161.322H400.882V144.88L366.489 118.921V77.5238H422.697V108.273H402.312V97.2624H388.149V110.781L422.615 136.667V180.925V180.916Z" fill="white"/>
-<path d="M486.928 180.916H430.81V148.737H451.747V161.322H465.194V144.88L430.801 118.921V77.5238H487.009V108.273H466.625V97.2624H452.462V110.781L486.928 136.667V180.925V180.916Z" fill="white"/>
-<path d="M183.584 28.5574H196.053V0.0632019H210.588V69.4291H196.053V41.7044H183.584V69.4291H169.05V0.0632019H183.584V28.5574Z" fill="white"/>
-<path d="M352 0.171997H385.632V13.3462H366.371V26.7105H384.672V39.6402H366.561V56.3093H385.641V69.4382H352V0.171997Z" fill="white"/>
-<path d="M216.41 0.0633545H250.115V13.2647H230.818V26.6562H249.155V39.613H231.008V56.3184H250.124V69.4745H216.41V0.0633545Z" fill="white"/>
-<path d="M429.099 69.5016H391.473V47.934H405.509V56.3727H414.519V45.3444L391.464 27.9419V0.190094H429.144V20.7979H415.479V13.4186H405.989V22.4821L429.099 39.8303V69.5016Z" fill="white"/>
-<path d="M331.624 50.4421V13.2556H320.93L308.714 0.0633545H346.213V66.1877L331.624 50.4421Z" fill="white"/>
-<path d="M318.865 18.4076V56.2913H330.212L342.382 69.4292H304.331V2.71631L318.865 18.4076Z" fill="white"/>
-<path d="M255.947 1.6026V69.5197H271.151V21.1511L255.947 1.6026Z" fill="white"/>
-<path d="M289.217 40.5004C291.852 40.3645 294.053 39.7941 295.837 38.771C297.612 37.7478 298.499 36.0546 298.499 33.6824V8.90951C298.499 5.94872 297.548 3.73038 295.638 2.24546C293.727 0.760538 291.001 0.0271301 287.442 0.0271301H261.073L271.151 12.984V12.8572H283.295V27.8604H274.611V42.1754L285.369 69.5197H300.971L289.217 40.4913V40.5004Z" fill="white"/>
-<path d="M434.976 -3.05176e-05V69.5016H487V-3.05176e-05H434.976ZM461.49 49.5638H443.606V19.9378H461.49V49.5548V49.5638ZM478.37 25.5787H470.419V31.292H477.754V36.8243H470.419V49.5638H464.216V24.0394L468.309 19.9468H478.37V25.5787Z" fill="#FFB600"/>
-<path d="M455.278 25.5696H449.827V43.941H455.278V25.5696Z" fill="#FFB600"/>
-</g>
-<defs>
-<clipPath id="clip0_3010_83807">
-<rect width="487" height="212" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="487" height="212" viewBox="0 0 487 212" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3010_83807)">
+<path d="M134.339 168.666C126.099 172.803 121.761 174.451 112.923 176.923C112.362 144.753 111.8 112.583 111.248 80.4122C119.805 79.8327 124.07 79.4434 132.483 78.4746C132.673 87.5561 132.854 96.6377 133.045 105.728C141.539 103.836 150.16 101.292 158.31 98.2313C158.31 82.4313 158.31 66.6314 158.31 50.8315C139.9 50.8315 121.499 50.8315 103.089 50.8315C96.8584 58.2199 90.6372 65.6173 84.407 73.0057C84.4341 82.033 84.4704 91.0693 84.4975 100.097C87.8209 100.051 91.1534 99.9879 94.513 99.8702C94.7122 120.65 94.9024 141.421 95.1016 162.201C91.6514 162.59 88.1832 162.853 84.7058 162.988C84.7602 179.305 84.8145 195.63 84.8688 211.946C89.7769 211.574 94.6126 210.805 99.3306 209.736C110.686 207.364 120.982 203.552 131.152 197.948C147.488 189.672 158.319 180.871 158.319 180.871V159.005C158.319 150.321 158.319 145.984 158.319 137.301C151.011 142.707 142.39 147.533 133.986 150.982C134.131 158.063 134.204 161.603 134.349 168.675L134.339 168.666Z" fill="white"/>
+<path d="M63.534 162.309C63.7151 141.511 63.8962 120.713 64.0773 99.9154C67.7629 100.033 71.4123 100.087 75.0617 100.115C75.107 83.6808 75.1432 67.2561 75.1885 50.8224C66.4227 50.8224 57.6478 50.8224 48.882 50.8224C48.5198 72.1908 48.1576 93.5592 47.7954 114.928C38.5496 113.651 33.9766 112.764 25.0749 110.527C25.4824 90.6256 25.8899 70.724 26.2974 50.8224C17.5316 50.8224 8.75677 50.8224 -0.0090332 50.8224V176.353C7.57049 184.121 14.4165 189.962 23.3181 196.164C23.7166 176.796 24.115 157.429 24.5135 138.071C33.3608 141.339 37.961 142.625 47.2973 144.49C46.9441 165.279 46.591 186.077 46.2469 206.866C56.1084 209.573 64.6025 211.104 74.79 212C74.8353 195.684 74.8716 179.368 74.9168 163.052C71.1135 162.952 67.3192 162.708 63.543 162.3L63.534 162.309Z" fill="white"/>
+<path d="M86.9337 150.91C80.7125 151.037 77.5974 151.046 71.3762 150.946C71.4306 137.962 71.4849 124.969 71.5302 111.985C77.6065 112.048 80.6491 112.039 86.7254 111.967C86.7888 124.951 86.8613 137.935 86.9247 150.919L86.9337 150.91Z" fill="#FFB600"/>
+<path d="M150.214 1.37625C143.821 1.37625 138.632 6.55538 138.632 12.9568V23.804H92.0047V6.14793C92.0047 3.51309 89.8676 1.37625 87.2324 1.37625H72.1458C69.5106 1.37625 67.3735 3.51309 67.3735 6.14793V23.804H19.6778V12.7486C19.6778 6.47388 14.5885 1.38531 8.31302 1.38531H0V41.5688H158.31V1.37625H150.205H150.214Z" fill="#FFB600"/>
+<path d="M208.297 161.331V148.746H230.039V166.619L215.74 180.916H169.113V91.7573L184.562 77.5329H230.039V116.575H208.297V97.1991H190.846V161.331H208.297Z" fill="white"/>
+<path d="M259.805 119.998H278.396V77.5238H300.066V180.916H278.396V139.592H259.805V180.916H238.135V77.5238H259.805V119.998Z" fill="white"/>
+<path d="M308.161 77.5329H358.366V97.1991H329.614V117.146H356.926V136.45H329.895V161.331H358.375V180.925H308.161V77.5329Z" fill="white"/>
+<path d="M422.615 180.916H366.498V148.737H387.434V161.322H400.882V144.88L366.489 118.921V77.5238H422.697V108.273H402.312V97.2624H388.149V110.781L422.615 136.667V180.925V180.916Z" fill="white"/>
+<path d="M486.928 180.916H430.81V148.737H451.747V161.322H465.194V144.88L430.801 118.921V77.5238H487.009V108.273H466.625V97.2624H452.462V110.781L486.928 136.667V180.925V180.916Z" fill="white"/>
+<path d="M183.584 28.5574H196.053V0.0632019H210.588V69.4291H196.053V41.7044H183.584V69.4291H169.05V0.0632019H183.584V28.5574Z" fill="white"/>
+<path d="M352 0.171997H385.632V13.3462H366.371V26.7105H384.672V39.6402H366.561V56.3093H385.641V69.4382H352V0.171997Z" fill="white"/>
+<path d="M216.41 0.0633545H250.115V13.2647H230.818V26.6562H249.155V39.613H231.008V56.3184H250.124V69.4745H216.41V0.0633545Z" fill="white"/>
+<path d="M429.099 69.5016H391.473V47.934H405.509V56.3727H414.519V45.3444L391.464 27.9419V0.190094H429.144V20.7979H415.479V13.4186H405.989V22.4821L429.099 39.8303V69.5016Z" fill="white"/>
+<path d="M331.624 50.4421V13.2556H320.93L308.714 0.0633545H346.213V66.1877L331.624 50.4421Z" fill="white"/>
+<path d="M318.865 18.4076V56.2913H330.212L342.382 69.4292H304.331V2.71631L318.865 18.4076Z" fill="white"/>
+<path d="M255.947 1.6026V69.5197H271.151V21.1511L255.947 1.6026Z" fill="white"/>
+<path d="M289.217 40.5004C291.852 40.3645 294.053 39.7941 295.837 38.771C297.612 37.7478 298.499 36.0546 298.499 33.6824V8.90951C298.499 5.94872 297.548 3.73038 295.638 2.24546C293.727 0.760538 291.001 0.0271301 287.442 0.0271301H261.073L271.151 12.984V12.8572H283.295V27.8604H274.611V42.1754L285.369 69.5197H300.971L289.217 40.4913V40.5004Z" fill="white"/>
+<path d="M434.976 -3.05176e-05V69.5016H487V-3.05176e-05H434.976ZM461.49 49.5638H443.606V19.9378H461.49V49.5548V49.5638ZM478.37 25.5787H470.419V31.292H477.754V36.8243H470.419V49.5638H464.216V24.0394L468.309 19.9468H478.37V25.5787Z" fill="#FFB600"/>
+<path d="M455.278 25.5696H449.827V43.941H455.278V25.5696Z" fill="#FFB600"/>
+</g>
+<defs>
+<clipPath id="clip0_3010_83807">
+<rect width="487" height="212" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/lib/assets/HocLogos/shieldTitans.svg

@@ -1,33 +1,33 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172.7 179.31">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        fill: #ffb600;
-      }
-
-      .cls-3 {
-        fill: url(#Degradado_sin_nombre_8);
-      }
-    </style>
-    <linearGradient id="Degradado_sin_nombre_8" data-name="Degradado sin nombre 8" x1="86.35" y1="0" x2="86.35" y2="179.31" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#7025be"/>
-      <stop offset=".61" stop-color="#4e1389"/>
-      <stop offset="1" stop-color="#3c096c"/>
-    </linearGradient>
-  </defs>
-  <g id="Capa_1-2" data-name="Capa 1">
-    <g>
-      <path class="cls-3" d="M0,0v116.36c0,7.21,3.58,13.94,9.56,17.97l59.45,40.05c9.64,6.49,22.23,6.59,31.96.24l61.88-40.32c6.14-4,9.84-10.83,9.84-18.15V0H0"/>
-      <g>
-        <path class="cls-2" d="M124.75,76.46h0s-5.06,3.63-5.06,3.63c.02.09.03.18.05.28.02.09.03.19.05.28.02.13.04.27.05.4.01.09.02.17.03.26.02.15.02.3.03.45,0,.07.01.15.02.22.01.22.02.45.02.67,0,5.54-3.7,10.81-9.05,11.92-6.52,1.35-12.97-3.78-12.97-11.73,0-.31.01-.63.03-.94,0-.1.02-.21.03-.31.02-.21.04-.41.07-.61.02-.12.04-.24.06-.36.03-.18.06-.36.1-.54.03-.13.06-.25.09-.38.04-.17.08-.34.13-.5.04-.13.08-.25.12-.38.05-.16.1-.32.16-.47.05-.13.1-.25.15-.37.06-.15.12-.3.18-.45.05-.12.11-.24.17-.36.07-.14.14-.29.21-.43.06-.12.13-.23.2-.35.08-.13.15-.27.24-.4.07-.11.15-.22.22-.33.09-.13.17-.25.26-.38.08-.11.16-.21.24-.31.09-.12.18-.24.28-.35.08-.1.17-.19.26-.29.1-.11.2-.22.3-.33.09-.09.18-.18.28-.27.11-.1.21-.2.32-.3.1-.08.2-.17.29-.25.11-.09.22-.18.34-.27.1-.08.21-.15.31-.22.12-.08.23-.16.35-.24.11-.07.21-.13.32-.2.12-.07.24-.15.37-.21.11-.06.22-.12.33-.18.07-.04.14-.08.22-.11-.55-.83-1.1-1.7-1.67-2.61-1.75-2.82-3.6-6-5.51-9.53h0c-3.46-6.41-7.17-13.99-11.03-22.65,0,0,0,0,0,0,0,0,0,0,0,0-3.86,8.66-7.56,16.24-11.03,22.65h0c-1.91,3.53-3.75,6.71-5.51,9.53-.57.91-1.12,1.78-1.67,2.61.07.04.14.08.22.11.11.06.22.11.33.18.12.07.25.14.37.21.11.07.22.13.32.2.12.08.24.16.35.24.1.07.21.15.31.22.11.09.23.18.34.27.1.08.2.16.29.25.11.1.22.2.32.3.09.09.19.18.28.27.1.11.2.22.3.33.09.1.18.19.26.29.1.11.19.23.28.35.08.1.16.21.24.31.09.12.17.25.26.38.07.11.15.22.22.33.08.13.16.27.24.4.07.12.13.23.2.35.07.14.14.28.21.43.06.12.12.24.17.36.07.15.12.3.18.45.05.12.1.25.15.37.06.16.1.31.16.47.04.13.08.25.12.38.05.17.09.33.13.5.03.13.07.25.09.38.04.18.07.36.1.54.02.12.05.24.06.36.03.2.05.41.06.61,0,.1.02.21.03.31.02.31.03.62.03.94,0,7.94-6.45,13.08-12.97,11.73-5.35-1.11-9.05-6.38-9.05-11.92,0-.22,0-.45.02-.67,0-.07.01-.15.02-.22,0-.15.02-.3.03-.45,0-.09.02-.17.03-.26.02-.13.03-.27.05-.4.01-.09.03-.19.05-.28.02-.09.03-.18.05-.28l-5.06-3.63h0s-3.99-2.86-3.99-2.86l1.8,6.28,2.8,9.98c1.66,5.14,5.05,9.66,9.68,12.56-.14-.08-.27-.16-.41-.25v.13l-7.39-2.66,2.03,9.64,33.78,18.13.1.06h0s0,0,0,0h0s0,0,0,0l.1-.06,33.78-18.13,2.03-9.64-7.39,2.66v-.13c-.13.09-.27.17-.41.25,4.64-2.9,8.02-7.42,9.68-12.56l2.8-9.98,1.8-6.28-3.99,2.86ZM104.54,105.77l-18.09,6.44-.1.04-.1-.04-18.09-6.44c-1.99-.18-3.93-.62-5.77-1.3,1.81.67,3.7,1.1,5.64,1.27h.06c6.47.56,13.31-1.9,18.16-7.31v-.27l.1.15h0s0,0,0,0l.1-.15v.27c4.86,5.41,11.7,7.87,18.16,7.32h.06c1.94-.18,3.84-.61,5.64-1.28-1.84.68-3.78,1.13-5.77,1.3Z"/>
-        <polygon class="cls-1" points="86.35 6.41 86.35 25.14 86.35 25.14 135.77 53.67 135.77 110.74 86.35 139.28 86.35 158.01 152 120.11 152 44.31 86.35 6.41"/>
-        <polygon class="cls-2" points="86.35 139.28 36.92 110.75 36.92 53.67 86.35 25.14 86.35 6.41 20.7 44.31 20.7 120.11 86.35 158.01 86.35 139.28 86.35 139.28"/>
-      </g>
-    </g>
-  </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172.7 179.31">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #ffb600;
+      }
+
+      .cls-3 {
+        fill: url(#Degradado_sin_nombre_8);
+      }
+    </style>
+    <linearGradient id="Degradado_sin_nombre_8" data-name="Degradado sin nombre 8" x1="86.35" y1="0" x2="86.35" y2="179.31" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7025be"/>
+      <stop offset=".61" stop-color="#4e1389"/>
+      <stop offset="1" stop-color="#3c096c"/>
+    </linearGradient>
+  </defs>
+  <g id="Capa_1-2" data-name="Capa 1">
+    <g>
+      <path class="cls-3" d="M0,0v116.36c0,7.21,3.58,13.94,9.56,17.97l59.45,40.05c9.64,6.49,22.23,6.59,31.96.24l61.88-40.32c6.14-4,9.84-10.83,9.84-18.15V0H0"/>
+      <g>
+        <path class="cls-2" d="M124.75,76.46h0s-5.06,3.63-5.06,3.63c.02.09.03.18.05.28.02.09.03.19.05.28.02.13.04.27.05.4.01.09.02.17.03.26.02.15.02.3.03.45,0,.07.01.15.02.22.01.22.02.45.02.67,0,5.54-3.7,10.81-9.05,11.92-6.52,1.35-12.97-3.78-12.97-11.73,0-.31.01-.63.03-.94,0-.1.02-.21.03-.31.02-.21.04-.41.07-.61.02-.12.04-.24.06-.36.03-.18.06-.36.1-.54.03-.13.06-.25.09-.38.04-.17.08-.34.13-.5.04-.13.08-.25.12-.38.05-.16.1-.32.16-.47.05-.13.1-.25.15-.37.06-.15.12-.3.18-.45.05-.12.11-.24.17-.36.07-.14.14-.29.21-.43.06-.12.13-.23.2-.35.08-.13.15-.27.24-.4.07-.11.15-.22.22-.33.09-.13.17-.25.26-.38.08-.11.16-.21.24-.31.09-.12.18-.24.28-.35.08-.1.17-.19.26-.29.1-.11.2-.22.3-.33.09-.09.18-.18.28-.27.11-.1.21-.2.32-.3.1-.08.2-.17.29-.25.11-.09.22-.18.34-.27.1-.08.21-.15.31-.22.12-.08.23-.16.35-.24.11-.07.21-.13.32-.2.12-.07.24-.15.37-.21.11-.06.22-.12.33-.18.07-.04.14-.08.22-.11-.55-.83-1.1-1.7-1.67-2.61-1.75-2.82-3.6-6-5.51-9.53h0c-3.46-6.41-7.17-13.99-11.03-22.65,0,0,0,0,0,0,0,0,0,0,0,0-3.86,8.66-7.56,16.24-11.03,22.65h0c-1.91,3.53-3.75,6.71-5.51,9.53-.57.91-1.12,1.78-1.67,2.61.07.04.14.08.22.11.11.06.22.11.33.18.12.07.25.14.37.21.11.07.22.13.32.2.12.08.24.16.35.24.1.07.21.15.31.22.11.09.23.18.34.27.1.08.2.16.29.25.11.1.22.2.32.3.09.09.19.18.28.27.1.11.2.22.3.33.09.1.18.19.26.29.1.11.19.23.28.35.08.1.16.21.24.31.09.12.17.25.26.38.07.11.15.22.22.33.08.13.16.27.24.4.07.12.13.23.2.35.07.14.14.28.21.43.06.12.12.24.17.36.07.15.12.3.18.45.05.12.1.25.15.37.06.16.1.31.16.47.04.13.08.25.12.38.05.17.09.33.13.5.03.13.07.25.09.38.04.18.07.36.1.54.02.12.05.24.06.36.03.2.05.41.06.61,0,.1.02.21.03.31.02.31.03.62.03.94,0,7.94-6.45,13.08-12.97,11.73-5.35-1.11-9.05-6.38-9.05-11.92,0-.22,0-.45.02-.67,0-.07.01-.15.02-.22,0-.15.02-.3.03-.45,0-.09.02-.17.03-.26.02-.13.03-.27.05-.4.01-.09.03-.19.05-.28.02-.09.03-.18.05-.28l-5.06-3.63h0s-3.99-2.86-3.99-2.86l1.8,6.28,2.8,9.98c1.66,5.14,5.05,9.66,9.68,12.56-.14-.08-.27-.16-.41-.25v.13l-7.39-2.66,2.03,9.64,33.78,18.13.1.06h0s0,0,0,0h0s0,0,0,0l.1-.06,33.78-18.13,2.03-9.64-7.39,2.66v-.13c-.13.09-.27.17-.41.25,4.64-2.9,8.02-7.42,9.68-12.56l2.8-9.98,1.8-6.28-3.99,2.86ZM104.54,105.77l-18.09,6.44-.1.04-.1-.04-18.09-6.44c-1.99-.18-3.93-.62-5.77-1.3,1.81.67,3.7,1.1,5.64,1.27h.06c6.47.56,13.31-1.9,18.16-7.31v-.27l.1.15h0s0,0,0,0l.1-.15v.27c4.86,5.41,11.7,7.87,18.16,7.32h.06c1.94-.18,3.84-.61,5.64-1.28-1.84.68-3.78,1.13-5.77,1.3Z"/>
+        <polygon class="cls-1" points="86.35 6.41 86.35 25.14 86.35 25.14 135.77 53.67 135.77 110.74 86.35 139.28 86.35 158.01 152 120.11 152 44.31 86.35 6.41"/>
+        <polygon class="cls-2" points="86.35 139.28 36.92 110.75 36.92 53.67 86.35 25.14 86.35 6.41 20.7 44.31 20.7 120.11 86.35 158.01 86.35 139.28 86.35 139.28"/>
+      </g>
+    </g>
+  </g>
 </svg>

package/dist/lib/assets/HocLogos/shieldWithLogo.svg

@@ -1,34 +1,34 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 206.77 224.58">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        fill: #ffb600;
-      }
-
-      .cls-3 {
-        fill: url(#Degradado_sin_nombre_8);
-      }
-    </style>
-    <linearGradient id="Degradado_sin_nombre_8" data-name="Degradado sin nombre 8" x1="103.39" y1="0" x2="103.39" y2="224.58" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#7025be"/>
-      <stop offset=".61" stop-color="#4e1389"/>
-      <stop offset="1" stop-color="#3c096c"/>
-    </linearGradient>
-  </defs>
-  <g id="Capa_1-2" data-name="Capa 1">
-    <g id="HOC_shield_icon" data-name="HOC shield icon">
-      <path class="cls-3" d="m0,0v145.16c0,6.17,3,11.95,8.03,15.51l85.56,60.43c6.68,4.71,15.62,4.63,22.2-.21l83.23-61.2c4.87-3.58,7.74-9.26,7.74-15.3V0H0Z"/>
-      <g>
-        <path class="cls-1" d="m146.15,145.15c-6.39,3.2-9.74,4.48-16.59,6.4-.43-24.93-.87-49.87-1.3-74.8,6.63-.45,9.93-.75,16.46-1.5.14,7.04.29,14.08.43,21.12,6.59-1.47,13.27-3.44,19.58-5.81,0-12.25,0-24.49,0-36.74-14.26,0-28.53,0-42.79,0-4.83,5.73-9.65,11.46-14.48,17.19.02,7,.05,14,.07,21,2.58-.03,5.16-.08,7.76-.17.15,16.1.3,32.2.45,48.31-2.68.3-5.36.5-8.05.61.04,12.65.08,25.3.12,37.94,3.8-.29,7.55-.89,11.2-1.72,8.8-1.84,16.78-4.79,24.66-9.14,12.66-6.41,21.06-13.24,21.06-13.24v-16.95c0-6.73,0-10.09,0-16.82-5.66,4.19-12.34,7.93-18.86,10.6.11,5.49.17,8.23.28,13.72Z"/>
-        <path class="cls-1" d="m91.28,140.22c.14-16.12.28-32.24.42-48.36,2.86.09,5.69.13,8.51.15.03-12.73.06-25.47.1-38.2-6.8,0-13.59,0-20.39,0-.28,16.56-.56,33.12-.84,49.68-7.16-.99-10.71-1.67-17.6-3.41.32-15.42.63-30.85.95-46.27-6.8,0-13.59,0-20.39,0v97.29c5.88,6.02,11.18,10.55,18.08,15.35.31-15.01.62-30.02.92-45.03,6.85,2.53,10.42,3.53,17.66,4.98-.27,16.11-.54,32.23-.82,48.34,7.64,2.09,14.22,3.28,22.12,3.98.03-12.64.06-25.29.09-37.93-2.94-.08-5.89-.27-8.82-.58Z"/>
-        <path class="cls-2" d="m109.41,131.39c-4.82.1-7.23.1-12.05.03.04-10.07.08-20.13.12-30.2,4.71.05,7.07.04,11.77-.02.05,10.06.1,20.13.16,30.19Z"/>
-        <path class="cls-2" d="m158.45,15.5c-4.96,0-8.97,4.02-8.97,8.97v8.41h-36.13v-13.68c0-2.04-1.65-3.7-3.7-3.7h-11.69c-2.04,0-3.7,1.65-3.7,3.7v13.68h-36.96v-8.57c0-4.87-3.94-8.81-8.81-8.81h-6.44v31.14h122.68V15.5h-6.28Z"/>
-      </g>
-    </g>
-  </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 206.77 224.58">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #ffb600;
+      }
+
+      .cls-3 {
+        fill: url(#Degradado_sin_nombre_8);
+      }
+    </style>
+    <linearGradient id="Degradado_sin_nombre_8" data-name="Degradado sin nombre 8" x1="103.39" y1="0" x2="103.39" y2="224.58" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7025be"/>
+      <stop offset=".61" stop-color="#4e1389"/>
+      <stop offset="1" stop-color="#3c096c"/>
+    </linearGradient>
+  </defs>
+  <g id="Capa_1-2" data-name="Capa 1">
+    <g id="HOC_shield_icon" data-name="HOC shield icon">
+      <path class="cls-3" d="m0,0v145.16c0,6.17,3,11.95,8.03,15.51l85.56,60.43c6.68,4.71,15.62,4.63,22.2-.21l83.23-61.2c4.87-3.58,7.74-9.26,7.74-15.3V0H0Z"/>
+      <g>
+        <path class="cls-1" d="m146.15,145.15c-6.39,3.2-9.74,4.48-16.59,6.4-.43-24.93-.87-49.87-1.3-74.8,6.63-.45,9.93-.75,16.46-1.5.14,7.04.29,14.08.43,21.12,6.59-1.47,13.27-3.44,19.58-5.81,0-12.25,0-24.49,0-36.74-14.26,0-28.53,0-42.79,0-4.83,5.73-9.65,11.46-14.48,17.19.02,7,.05,14,.07,21,2.58-.03,5.16-.08,7.76-.17.15,16.1.3,32.2.45,48.31-2.68.3-5.36.5-8.05.61.04,12.65.08,25.3.12,37.94,3.8-.29,7.55-.89,11.2-1.72,8.8-1.84,16.78-4.79,24.66-9.14,12.66-6.41,21.06-13.24,21.06-13.24v-16.95c0-6.73,0-10.09,0-16.82-5.66,4.19-12.34,7.93-18.86,10.6.11,5.49.17,8.23.28,13.72Z"/>
+        <path class="cls-1" d="m91.28,140.22c.14-16.12.28-32.24.42-48.36,2.86.09,5.69.13,8.51.15.03-12.73.06-25.47.1-38.2-6.8,0-13.59,0-20.39,0-.28,16.56-.56,33.12-.84,49.68-7.16-.99-10.71-1.67-17.6-3.41.32-15.42.63-30.85.95-46.27-6.8,0-13.59,0-20.39,0v97.29c5.88,6.02,11.18,10.55,18.08,15.35.31-15.01.62-30.02.92-45.03,6.85,2.53,10.42,3.53,17.66,4.98-.27,16.11-.54,32.23-.82,48.34,7.64,2.09,14.22,3.28,22.12,3.98.03-12.64.06-25.29.09-37.93-2.94-.08-5.89-.27-8.82-.58Z"/>
+        <path class="cls-2" d="m109.41,131.39c-4.82.1-7.23.1-12.05.03.04-10.07.08-20.13.12-30.2,4.71.05,7.07.04,11.77-.02.05,10.06.1,20.13.16,30.19Z"/>
+        <path class="cls-2" d="m158.45,15.5c-4.96,0-8.97,4.02-8.97,8.97v8.41h-36.13v-13.68c0-2.04-1.65-3.7-3.7-3.7h-11.69c-2.04,0-3.7,1.65-3.7,3.7v13.68h-36.96v-8.57c0-4.87-3.94-8.81-8.81-8.81h-6.44v31.14h122.68V15.5h-6.28Z"/>
+      </g>
+    </g>
+  </g>
 </svg>

package/dist/lib/assets/HocLogos/shiledTitans.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172.7 179.31">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #ffb600;
+      }
+
+      .cls-3 {
+        fill: url(#Degradado_sin_nombre_8);
+      }
+    </style>
+    <linearGradient id="Degradado_sin_nombre_8" data-name="Degradado sin nombre 8" x1="86.35" y1="0" x2="86.35" y2="179.31" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7025be"/>
+      <stop offset=".61" stop-color="#4e1389"/>
+      <stop offset="1" stop-color="#3c096c"/>
+    </linearGradient>
+  </defs>
+  <g id="Capa_1-2" data-name="Capa 1">
+    <g>
+      <path class="cls-3" d="M0,0v116.36c0,7.21,3.58,13.94,9.56,17.97l59.45,40.05c9.64,6.49,22.23,6.59,31.96.24l61.88-40.32c6.14-4,9.84-10.83,9.84-18.15V0H0"/>
+      <g>
+        <path class="cls-2" d="M124.75,76.46h0s-5.06,3.63-5.06,3.63c.02.09.03.18.05.28.02.09.03.19.05.28.02.13.04.27.05.4.01.09.02.17.03.26.02.15.02.3.03.45,0,.07.01.15.02.22.01.22.02.45.02.67,0,5.54-3.7,10.81-9.05,11.92-6.52,1.35-12.97-3.78-12.97-11.73,0-.31.01-.63.03-.94,0-.1.02-.21.03-.31.02-.21.04-.41.07-.61.02-.12.04-.24.06-.36.03-.18.06-.36.1-.54.03-.13.06-.25.09-.38.04-.17.08-.34.13-.5.04-.13.08-.25.12-.38.05-.16.1-.32.16-.47.05-.13.1-.25.15-.37.06-.15.12-.3.18-.45.05-.12.11-.24.17-.36.07-.14.14-.29.21-.43.06-.12.13-.23.2-.35.08-.13.15-.27.24-.4.07-.11.15-.22.22-.33.09-.13.17-.25.26-.38.08-.11.16-.21.24-.31.09-.12.18-.24.28-.35.08-.1.17-.19.26-.29.1-.11.2-.22.3-.33.09-.09.18-.18.28-.27.11-.1.21-.2.32-.3.1-.08.2-.17.29-.25.11-.09.22-.18.34-.27.1-.08.21-.15.31-.22.12-.08.23-.16.35-.24.11-.07.21-.13.32-.2.12-.07.24-.15.37-.21.11-.06.22-.12.33-.18.07-.04.14-.08.22-.11-.55-.83-1.1-1.7-1.67-2.61-1.75-2.82-3.6-6-5.51-9.53h0c-3.46-6.41-7.17-13.99-11.03-22.65,0,0,0,0,0,0,0,0,0,0,0,0-3.86,8.66-7.56,16.24-11.03,22.65h0c-1.91,3.53-3.75,6.71-5.51,9.53-.57.91-1.12,1.78-1.67,2.61.07.04.14.08.22.11.11.06.22.11.33.18.12.07.25.14.37.21.11.07.22.13.32.2.12.08.24.16.35.24.1.07.21.15.31.22.11.09.23.18.34.27.1.08.2.16.29.25.11.1.22.2.32.3.09.09.19.18.28.27.1.11.2.22.3.33.09.1.18.19.26.29.1.11.19.23.28.35.08.1.16.21.24.31.09.12.17.25.26.38.07.11.15.22.22.33.08.13.16.27.24.4.07.12.13.23.2.35.07.14.14.28.21.43.06.12.12.24.17.36.07.15.12.3.18.45.05.12.1.25.15.37.06.16.1.31.16.47.04.13.08.25.12.38.05.17.09.33.13.5.03.13.07.25.09.38.04.18.07.36.1.54.02.12.05.24.06.36.03.2.05.41.06.61,0,.1.02.21.03.31.02.31.03.62.03.94,0,7.94-6.45,13.08-12.97,11.73-5.35-1.11-9.05-6.38-9.05-11.92,0-.22,0-.45.02-.67,0-.07.01-.15.02-.22,0-.15.02-.3.03-.45,0-.09.02-.17.03-.26.02-.13.03-.27.05-.4.01-.09.03-.19.05-.28.02-.09.03-.18.05-.28l-5.06-3.63h0s-3.99-2.86-3.99-2.86l1.8,6.28,2.8,9.98c1.66,5.14,5.05,9.66,9.68,12.56-.14-.08-.27-.16-.41-.25v.13l-7.39-2.66,2.03,9.64,33.78,18.13.1.06h0s0,0,0,0h0s0,0,0,0l.1-.06,33.78-18.13,2.03-9.64-7.39,2.66v-.13c-.13.09-.27.17-.41.25,4.64-2.9,8.02-7.42,9.68-12.56l2.8-9.98,1.8-6.28-3.99,2.86ZM104.54,105.77l-18.09,6.44-.1.04-.1-.04-18.09-6.44c-1.99-.18-3.93-.62-5.77-1.3,1.81.67,3.7,1.1,5.64,1.27h.06c6.47.56,13.31-1.9,18.16-7.31v-.27l.1.15h0s0,0,0,0l.1-.15v.27c4.86,5.41,11.7,7.87,18.16,7.32h.06c1.94-.18,3.84-.61,5.64-1.28-1.84.68-3.78,1.13-5.77,1.3Z"/>
+        <polygon class="cls-1" points="86.35 6.41 86.35 25.14 86.35 25.14 135.77 53.67 135.77 110.74 86.35 139.28 86.35 158.01 152 120.11 152 44.31 86.35 6.41"/>
+        <polygon class="cls-2" points="86.35 139.28 36.92 110.75 36.92 53.67 86.35 25.14 86.35 6.41 20.7 44.31 20.7 120.11 86.35 158.01 86.35 139.28 86.35 139.28"/>
+      </g>
+    </g>
+  </g>
+</svg>