heroes-of-chess-components 0.6.8 → 0.6.10

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

@@ -0,0 +1,105 @@
+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 = ["items", "sectionTitle", "singleOpen", "style", "className", "openIndexes", "setOpenIndexes"];
+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, { useState } from "react";
+import PropTypes from "prop-types";
+import { HAccordionContainer, HAccordionSection, HAccordionHeader, HAccordionContent } from "./HAccordion.styled";
+import HText from "../HText/HText";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var renderAnswer = function renderAnswer(answer) {
+  if (Array.isArray(answer)) {
+    return /*#__PURE__*/_jsx("ul", {
+      style: {
+        paddingLeft: 0,
+        margin: 0,
+        listStyle: "none"
+      },
+      children: answer.map(function (item, idx) {
+        return /*#__PURE__*/_jsxs("li", {
+          style: {
+            display: "flex",
+            alignItems: "flex-start",
+            marginBottom: 6,
+            fontWeight: item.bold ? 700 : 400,
+            fontSize: 16
+          },
+          children: [item.bullet && /*#__PURE__*/_jsx("span", {
+            style: {
+              display: "inline-block",
+              width: 8,
+              height: 8,
+              background: "#6c3eb6",
+              borderRadius: "50%",
+              marginRight: 10,
+              marginTop: 7,
+              flexShrink: 0
+            }
+          }), /*#__PURE__*/_jsx("span", {
+            children: item.text
+          })]
+        }, idx);
+      })
+    });
+  }
+  return answer;
+};
+var HAccordion = function HAccordion(_ref) {
+  var _items$items;
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    sectionTitle = _ref.sectionTitle,
+    _ref$singleOpen = _ref.singleOpen,
+    singleOpen = _ref$singleOpen === void 0 ? true : _ref$singleOpen,
+    style = _ref.style,
+    className = _ref.className,
+    openIndexes = _ref.openIndexes,
+    setOpenIndexes = _ref.setOpenIndexes,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var toggle = function toggle(idx) {
+    setOpenIndexes(function (prev) {
+      var _prev$section;
+      var section = sectionTitle || "default";
+      return _defineProperty({}, section, _defineProperty({}, idx, !((_prev$section = prev[section]) !== null && _prev$section !== void 0 && _prev$section[idx])));
+    });
+  };
+  var section = sectionTitle || "default";
+  var sectionOpenIndexes = openIndexes[section] || {};
+  return /*#__PURE__*/_jsxs(HAccordionContainer, _objectSpread(_objectSpread({
+    style: style,
+    className: className
+  }, props), {}, {
+    children: [sectionTitle && /*#__PURE__*/_jsx(HText, {
+      as: "h6",
+      margin: "40px 0px 0px 0px",
+      children: sectionTitle
+    }), items === null || items === void 0 || (_items$items = items.items) === null || _items$items === void 0 ? void 0 : _items$items.map(function (item, idx) {
+      var isOpen = !!sectionOpenIndexes[idx];
+      return /*#__PURE__*/_jsxs(HAccordionSection, {
+        isOpen: isOpen,
+        onClick: function onClick() {
+          return toggle(idx);
+        },
+        children: [/*#__PURE__*/_jsxs(HAccordionHeader, {
+          isOpen: isOpen,
+          "aria-expanded": isOpen,
+          "aria-controls": "hacontent-".concat(idx),
+          children: [item.question, /*#__PURE__*/_jsx("span", {
+            children: isOpen ? "-" : "+"
+          })]
+        }), /*#__PURE__*/_jsx(HAccordionContent, {
+          isOpen: isOpen,
+          id: "hacontent-".concat(idx),
+          "aria-hidden": !isOpen,
+          children: renderAnswer(item.answer)
+        })]
+      }, idx);
+    })]
+  }));
+};
+export default HAccordion;

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

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

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

@@ -0,0 +1,32 @@
+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 = ["bgImg", "bgSize"];
+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 { HBackgroundContainer, HDarkBackgroundContainer, HDarkBackgroundSquare } from "./HBackground.styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HBackground = function HBackground(_ref) {
+  var bgImg = _ref.bgImg,
+    _ref$bgSize = _ref.bgSize,
+    bgSize = _ref$bgSize === void 0 ? "100px" : _ref$bgSize,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!(bgImg !== null && bgImg !== void 0 && bgImg.includes("dark"))) {
+    return /*#__PURE__*/_jsx(HBackgroundContainer, _objectSpread(_objectSpread({}, props), {}, {
+      bgSize: bgSize,
+      bgImg: bgImg,
+      children: props.children
+    }));
+  } else {
+    return /*#__PURE__*/_jsxs(HDarkBackgroundContainer, _objectSpread(_objectSpread({}, props), {}, {
+      bgSize: bgSize,
+      children: [/*#__PURE__*/_jsx(HDarkBackgroundSquare, {
+        bgImg: bgImg
+      }), props.children]
+    }));
+  }
+};
+export default HBackground;

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

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

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

@@ -0,0 +1,15 @@
+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); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { HBlackBackContainer } from "./HBlackBack.styled";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HBlackBack = function HBlackBack(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_jsx(HBlackBackContainer, _objectSpread({}, props));
+};
+export default HBlackBack;

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

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

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

@@ -0,0 +1,66 @@
+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 = ["children", "direction", "gap", "align", "justify", "wrap", "width", "height", "padding", "margin", "border", "borderRadius", "background", "overflowX", "overflowY", "boxShadow", "position"];
+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 { HBoxContainer } from "./HBox.styled";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HBox = function HBox(_ref) {
+  var children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? "row" : _ref$direction,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? "10px" : _ref$gap,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "center" : _ref$align,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? "center" : _ref$justify,
+    _ref$wrap = _ref.wrap,
+    wrap = _ref$wrap === void 0 ? "nowrap" : _ref$wrap,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "auto" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "auto" : _ref$height,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? "0" : _ref$padding,
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? "0" : _ref$margin,
+    _ref$border = _ref.border,
+    border = _ref$border === void 0 ? "none" : _ref$border,
+    _ref$borderRadius = _ref.borderRadius,
+    borderRadius = _ref$borderRadius === void 0 ? "0" : _ref$borderRadius,
+    background = _ref.background,
+    _ref$overflowX = _ref.overflowX,
+    overflowX = _ref$overflowX === void 0 ? "visible" : _ref$overflowX,
+    _ref$overflowY = _ref.overflowY,
+    overflowY = _ref$overflowY === void 0 ? "visible" : _ref$overflowY,
+    boxShadow = _ref.boxShadow,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "relative" : _ref$position,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(HBoxContainer, _objectSpread(_objectSpread({
+    background: background,
+    direction: direction,
+    gap: gap,
+    align: align,
+    justify: justify,
+    wrap: wrap,
+    width: width,
+    height: height,
+    padding: padding,
+    margin: margin,
+    border: border,
+    $borderRadius: borderRadius,
+    $overflowX: overflowX,
+    $overflowY: overflowY,
+    boxShadow: boxShadow,
+    position: position
+  }, props), {}, {
+    children: children
+  }));
+};
+export default HBox;

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

@@ -0,0 +1,51 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var 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  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 (_ref) {
+  var theme = _ref.theme,
+    background = _ref.background;
+  return (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 (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.js

@@ -0,0 +1,55 @@
+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 = ["onClick", "children", "text", "background", "boxShadow", "color", "width", "height", "fontSize", "fontWeight", "borderRadius", "hoverBackground", "activeBackground", "padding", "disabled", "type", "margin"];
+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 { Button } from "./HButton.styled";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HButton = function HButton(_ref) {
+  var onClick = _ref.onClick,
+    children = _ref.children,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    background = _ref.background,
+    boxShadow = _ref.boxShadow,
+    color = _ref.color,
+    width = _ref.width,
+    height = _ref.height,
+    fontSize = _ref.fontSize,
+    fontWeight = _ref.fontWeight,
+    borderRadius = _ref.borderRadius,
+    hoverBackground = _ref.hoverBackground,
+    activeBackground = _ref.activeBackground,
+    padding = _ref.padding,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    type = _ref.type,
+    margin = _ref.margin,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    margin: margin,
+    type: type,
+    onClick: onClick,
+    background: background,
+    boxShadow: boxShadow,
+    color: color,
+    width: width,
+    height: height,
+    $fontSize: fontSize,
+    $fontWeight: fontWeight,
+    $borderRadius: borderRadius,
+    $hoverBackground: hoverBackground,
+    $activeBackground: activeBackground,
+    padding: padding,
+    disabled: disabled,
+    opacity: disabled ? 0.5 : 1,
+    pointerEvents: disabled ? "none" : "auto"
+  }, props), {}, {
+    children: children || text
+  }));
+};
+export default HButton;

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

@@ -0,0 +1,51 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var Button = styled.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: ", " !important;\n  color: ", " !important;\n\n  font-size: ", " !important;\n\n  font-weight: ", " !important;\n\n  width: ", ";\n  height: ", ";\n  border-radius: ", " !important;\n  border: none;\n  outline: none;\n  transition: all 0.3s ease;\n  padding: ", ";\n  text-transform: uppercase;\n  margin: ", ";\n  box-shadow: ", " !important; /* Sombra */\n  opacity: ", ";\n  pointer-events: ", ";\n"])), function (_ref) {
+  var background = _ref.background,
+    theme = _ref.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme[background]) || background || theme.shadePurpleDark;
+}, function (_ref2) {
+  var color = _ref2.color,
+    theme = _ref2.theme;
+  return (theme === null || theme === void 0 ? void 0 : theme[color]) || color || 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 (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/HCalendar/HCalendar.js

@@ -0,0 +1,34 @@
+import { HCalendarWrapper } from "./HCalendar.styled";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HCalendar = function HCalendar(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    name = _ref.name,
+    min = _ref.min,
+    max = _ref.max,
+    disabled = _ref.disabled,
+    labelPosition = _ref.labelPosition,
+    labelWidth = _ref.labelWidth,
+    labelColor = _ref.labelColor,
+    labelSize = _ref.labelSize,
+    labelWeight = _ref.labelWeight,
+    width = _ref.width;
+  return /*#__PURE__*/_jsx(HCalendarWrapper, {
+    labelWeight: labelWeight !== null && labelWeight !== void 0 ? labelWeight : "bold",
+    labelPosition: labelPosition !== null && labelPosition !== void 0 ? labelPosition : "flex-start",
+    labelWidth: labelWidth !== null && labelWidth !== void 0 ? labelWidth : "100%",
+    labelSize: labelSize !== null && labelSize !== void 0 ? labelSize : "var(--p16)",
+    labelColor: labelColor !== null && labelColor !== void 0 ? labelColor : "purpleMedium",
+    label: label !== null && label !== void 0 ? label : "Date",
+    type: "date",
+    name: name !== null && name !== void 0 ? name : "date",
+    onChange: onChange,
+    value: value,
+    width: width !== null && width !== void 0 ? width : "100%",
+    min: min !== null && min !== void 0 ? min : null,
+    max: max !== null && max !== void 0 ? max : null,
+    disabled: disabled
+  });
+};
+export default HCalendar;

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

@@ -0,0 +1,5 @@
+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";
+import HInput from "../HInput/HInput";
+export var HCalendarWrapper = styled(HInput)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));

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

@@ -0,0 +1,30 @@
+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 = ["value", "handleChange", "minDate"];
+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 { StyledDatePicker } from './HCalendarStyled.styled';
+import Calendar from 'react-calendar';
+import 'react-calendar/dist/Calendar.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+var HCalendarStyled = function HCalendarStyled(_ref) {
+  var value = _ref.value,
+    handleChange = _ref.handleChange,
+    minDate = _ref.minDate,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var date = new Date();
+  var sixYearsAgo = new Date(date.getFullYear() - 6, date.getMonth(), date.getDate());
+  return /*#__PURE__*/_jsx(StyledDatePicker, {
+    children: /*#__PURE__*/_jsx(Calendar, _objectSpread({
+      onChange: handleChange,
+      defaultValue: value === null ? sixYearsAgo : date,
+      value: value,
+      minDate: minDate
+    }, props))
+  });
+};
+export default HCalendarStyled;

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

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

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

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

package/dist/lib/HocComponents/HCards/HCardLayout.js

@@ -0,0 +1,41 @@
+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 = ["index", "img", "infoCardComponent", "actionsComponent", "maxWidth", "height"];
+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 { CardContainer, CardImage } from "./Cards.styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HCardLayout = function HCardLayout(_ref) {
+  var _ref$index = _ref.index,
+    index = _ref$index === void 0 ? 1 : _ref$index,
+    img = _ref.img,
+    infoCardComponent = _ref.infoCardComponent,
+    actionsComponent = _ref.actionsComponent,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? "800px" : _ref$maxWidth,
+    height = _ref.height,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs(CardContainer, _objectSpread(_objectSpread({
+    maxWidth: maxWidth,
+    height: height
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx("h1", {
+      children: index
+    }), (img === null || img === void 0 ? void 0 : img.img) && /*#__PURE__*/_jsxs(CardImage, {
+      className: "card-image",
+      children: [(img === null || img === void 0 ? void 0 : img.avatarPortrait) && /*#__PURE__*/_jsx("img", {
+        className: "portrait",
+        src: img.avatarPortrait,
+        alt: "Portrait"
+      }), /*#__PURE__*/_jsx("img", {
+        src: img.img,
+        alt: img.alt
+      })]
+    }), infoCardComponent, actionsComponent]
+  }));
+};
+export default HCardLayout;