@ludo.ninja/components 1.9.2 → 1.9.3

package/dist/system/Cards/CardContent/index.js

@@ -12,7 +12,7 @@ var router_1 = require("next/router");
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 var utils_1 = require("@ludo.ninja/utils");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var CardShowMore_1 = __importDefault(require("@/system/Cards/CardContent/CardShowMore"));
 var vars_1 = require("@/fonts/vars");
 // Styles

package/dist/system/Cards/CardHeadIcons/index.js

@@ -41,9 +41,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var router_1 = require("next/router");
-var user_1 = require("@ludo.ninja/components/src/modules/user");
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var user_1 = require("@ludo.ninja/components/dist/modules/user");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var addCreationToFavoriteList_1 = __importDefault(require("@/components/favoriteList/add/addCreationToFavoriteList"));
 var CardRank_1 = __importDefault(require("@/system/Cards/CardRank"));
 var Headicons_1 = __importDefault(require("@/system/Cards/Styles/Headicons"));

package/dist/system/Cards/CardMedia/CardAudio/index.js

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-var store_1 = require("@ludo.ninja/components/src/store");
-var Styles_1 = require("@ludo.ninja/components/src/system/Cards/Styles");
-var utils_1 = require("@ludo.ninja/components/src/utils");
+var store_1 = require("@ludo.ninja/components/dist/store");
+var Styles_1 = require("@ludo.ninja/components/dist/system/Cards/Styles");
+var utils_1 = require("@ludo.ninja/components/dist/utils");
 var pause_svg_1 = __importDefault(require("@/public/video/pause.svg"));
 var play_svg_1 = __importDefault(require("@/public/video/play.svg"));
 // Component

package/dist/system/Cards/CardRank/index.js

@@ -11,7 +11,7 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 var utils_1 = require("@ludo.ninja/utils");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var colors_1 = require("@/styles/colors");
 var _system_1 = require("@system");
 // Styles

package/dist/system/Cards/CardsGrid/index.js

@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var profile_1 = require("@/components/profile");
 var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
 var env_1 = require("@/utils/env");

package/dist/system/Cards/MultiMediaCard/index.js

@@ -11,7 +11,7 @@ var react_1 = __importDefault(require("react"));
 var link_1 = __importDefault(require("next/link"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var CardContent_1 = __importDefault(require("@/system/Cards/CardContent"));
 var CardLikes_1 = __importDefault(require("@/system/Cards/CardContent/CardLikes"));
 var MultiHead_1 = __importDefault(require("@/system/Cards/Styles/MultiHead"));

package/dist/system/Cards/RegularCard/index.js

@@ -12,7 +12,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var utils_1 = require("@ludo.ninja/utils");
 var HideLink_1 = __importDefault(require("@/system/Cards/HideLink"));
 var likes_1 = __importDefault(require("@/hooks/likes"));
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var CardContent_1 = __importDefault(require("@/system/Cards/CardContent"));
 var CardCategory_1 = __importDefault(require("@/system/Cards/CardContent/CardCategory"));
 var CardLikes_1 = __importDefault(require("@/system/Cards/CardContent/CardLikes"));

package/dist/system/Cards/Styles/Head.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 // Styles
 var StyledCardHead = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height: 252px;\n  width: 252px;\n  margin: 0 auto;\n\n  .playIcon,\n  .pauseIcon {\n    position: absolute;\n    right: 6%;\n    bottom: 6%;\n\n    :hover {\n      circle {\n        opacity: 0.6;\n        fill: #12183a;\n      }\n    }\n  }\n\n  @media (max-width: 1200px) {\n    height: 164px;\n    width: 164px;\n  }\n\n  @media (max-width: 767px) {\n    height: 154px;\n    width: 154px;\n  }\n\n  ", " {\n    height: ", ";\n    width: ", ";\n  }\n"], ["\n  position: relative;\n  height: 252px;\n  width: 252px;\n  margin: 0 auto;\n\n  .playIcon,\n  .pauseIcon {\n    position: absolute;\n    right: 6%;\n    bottom: 6%;\n\n    :hover {\n      circle {\n        opacity: 0.6;\n        fill: #12183a;\n      }\n    }\n  }\n\n  @media (max-width: 1200px) {\n    height: 164px;\n    width: 164px;\n  }\n\n  @media (max-width: 767px) {\n    height: 154px;\n    width: 154px;\n  }\n\n  ", " {\n    height: ", ";\n    width: ", ";\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(252), (0, _4k_1.adaptiveValueCalc)(252));
 exports.default = StyledCardHead;

package/dist/system/Cards/Styles/Headicons.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // Styles
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var StyledHeadIcons = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: 0.2s opacity ease-out;\n  opacity: 0;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 100px;\n    border-top-left-radius: 6px;\n    border-top-right-radius: 6px;\n    background: linear-gradient(180deg, #12183a 0%, rgba(18, 24, 58, 0) 100%);\n    opacity: 0.3;\n  }\n\n  .rank {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n  }\n\n  .icons {\n    position: absolute;\n    top: 16px;\n    right: 7px;\n    display: flex;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: ", ";\n    border-radius: 6px;\n    width: ", ";\n    height: ", ";\n\n    svg {\n      overflow: visible;\n      will-change: transform;\n      transition: transform 0.2s;\n      transform: scale(1);\n      width: ", ";\n      height: ", ";\n\n      path {\n        fill: ", ";\n        transition: fill 0.2s;\n      }\n    }\n\n    :hover svg {\n      transform: scale(1.1);\n      transition: transform 0.2s;\n\n      path {\n        fill: ", ";\n        transition: fill 0.2s;\n      }\n    }\n  }\n\n  .icon.like {\n    margin-left: 12px;\n  }\n\n  .icon.like.liked {\n    svg path {\n      fill: #f94c66;\n    }\n  }\n\n  ", " {\n    &:before {\n      height: ", ";\n      border-top-left-radius: ", ";\n      border-top-right-radius: ", ";\n    }\n\n    .rank {\n      top: ", ";\n      left: ", ";\n    }\n\n    .icons {\n      top: ", ";\n      right: ", ";\n    }\n\n    .icon {\n      border-radius: ", ";\n      width: ", ";\n      height: ", ";\n\n      svg {\n        width: ", ";\n        height: ", ";\n      }\n    }\n\n    .icon.like {\n      margin-left: ", ";\n    }\n  }\n"], ["\n  transition: 0.2s opacity ease-out;\n  opacity: 0;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 100px;\n    border-top-left-radius: 6px;\n    border-top-right-radius: 6px;\n    background: linear-gradient(180deg, #12183a 0%, rgba(18, 24, 58, 0) 100%);\n    opacity: 0.3;\n  }\n\n  .rank {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n  }\n\n  .icons {\n    position: absolute;\n    top: 16px;\n    right: 7px;\n    display: flex;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: ", ";\n    border-radius: 6px;\n    width: ", ";\n    height: ", ";\n\n    svg {\n      overflow: visible;\n      will-change: transform;\n      transition: transform 0.2s;\n      transform: scale(1);\n      width: ", ";\n      height: ", ";\n\n      path {\n        fill: ", ";\n        transition: fill 0.2s;\n      }\n    }\n\n    :hover svg {\n      transform: scale(1.1);\n      transition: transform 0.2s;\n\n      path {\n        fill: ", ";\n        transition: fill 0.2s;\n      }\n    }\n  }\n\n  .icon.like {\n    margin-left: 12px;\n  }\n\n  .icon.like.liked {\n    svg path {\n      fill: #f94c66;\n    }\n  }\n\n  ", " {\n    &:before {\n      height: ", ";\n      border-top-left-radius: ", ";\n      border-top-right-radius: ", ";\n    }\n\n    .rank {\n      top: ", ";\n      left: ", ";\n    }\n\n    .icons {\n      top: ", ";\n      right: ", ";\n    }\n\n    .icon {\n      border-radius: ", ";\n      width: ", ";\n      height: ", ";\n\n      svg {\n        width: ", ";\n        height: ", ";\n      }\n    }\n\n    .icon.like {\n      margin-left: ", ";\n    }\n  }\n"])), styles_1.WhiteColor, function (props) { return (props.isMobile ? '24px' : '36px'); }, function (props) { return (props.isMobile ? '24px' : '36px'); }, function (props) { return (props.isMobile ? '13px' : '20px'); }, function (props) { return (props.isMobile ? '12px' : '18px'); }, styles_1.TextDarkGrayColor, styles_1.BlackColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(100), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(7), (0, _4k_1.adaptiveValueCalc)(6), function (props) { return (props.isMobile ? '24px' : (0, _4k_1.adaptiveValueCalc)(36)); }, function (props) { return (props.isMobile ? '24px' : (0, _4k_1.adaptiveValueCalc)(36)); }, function (props) { return (props.isMobile ? '13px' : (0, _4k_1.adaptiveValueCalc)(20)); }, function (props) { return (props.isMobile ? '12px' : (0, _4k_1.adaptiveValueCalc)(18)); }, (0, _4k_1.adaptiveValueCalc)(12));
 StyledHeadIcons.defaultProps = {
     isMobile: false,

package/dist/system/Cards/Styles/Image.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var StyledImg = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  opacity: ", ";\n  transition: opacity ease-in 0.3s;\n\n  ", " {\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  }\n"], ["\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  opacity: ", ";\n  transition: opacity ease-in 0.3s;\n\n  ", " {\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  }\n"])), function (props) { return (props.isLoading ? '0' : '1'); }, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(6));
 exports.default = StyledImg;
 var templateObject_1;

package/dist/system/Cards/Styles/Likes.js

@@ -9,8 +9,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var system_1 = require("@ludo.ninja/components/src/system");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var system_1 = require("@ludo.ninja/components/dist/system");
 // Styles
 var StyledLikes = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: end;\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    margin-right: 5px;\n\n    path {\n      fill: ", ";\n      transition: fill 0.2s;\n    }\n\n    :hover path {\n      fill: ", ";\n    }\n  }\n\n  .counter {\n    ", ";\n    font-size: 15px;\n    color: ", ";\n    line-height: 1;\n  }\n\n  ", " {\n    .icon {\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n    }\n\n    .counter {\n      font-size: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: end;\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    margin-right: 5px;\n\n    path {\n      fill: ", ";\n      transition: fill 0.2s;\n    }\n\n    :hover path {\n      fill: ", ";\n    }\n  }\n\n  .counter {\n    ", ";\n    font-size: 15px;\n    color: ", ";\n    line-height: 1;\n  }\n\n  ", " {\n    .icon {\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n    }\n\n    .counter {\n      font-size: ", ";\n    }\n  }\n"])), function (props) { return (props.isLiked ? '#F94C66' : '#cfd5ea'); }, function (props) { return (props.isLiked ? '' : '#696F90'); }, system_1.MainText, styles_1.TextGrayColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(18), (0, _4k_1.adaptiveValueCalc)(18), (0, _4k_1.adaptiveValueCalc)(5), (0, _4k_1.adaptiveValueCalc)(15));
 exports.default = StyledLikes;

package/dist/system/Cards/Styles/MultiHead.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 // Styles
 var StyledMultiHead = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: 114px;\n  gap: 8px;\n  position: relative;\n  height: 252px;\n  width: 252px;\n  cursor: pointer;\n  padding: 8px;\n\n  @media (max-width: 1200px) {\n    height: 75%;\n    width: 100%;\n    grid-auto-rows: auto;\n    gap: 5.21px;\n    padding: 5.21px;\n  }\n\n  @media (max-width: 767px) {\n    height: 75%;\n    width: 100%;\n    gap: 4px;\n    padding: 4px;\n  }\n\n  ", " {\n    grid-auto-rows: ", ";\n    gap: ", ";\n    padding: ", ";\n    height: ", ";\n    width: ", ";\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: 114px;\n  gap: 8px;\n  position: relative;\n  height: 252px;\n  width: 252px;\n  cursor: pointer;\n  padding: 8px;\n\n  @media (max-width: 1200px) {\n    height: 75%;\n    width: 100%;\n    grid-auto-rows: auto;\n    gap: 5.21px;\n    padding: 5.21px;\n  }\n\n  @media (max-width: 767px) {\n    height: 75%;\n    width: 100%;\n    gap: 4px;\n    padding: 4px;\n  }\n\n  ", " {\n    grid-auto-rows: ", ";\n    gap: ", ";\n    padding: ", ";\n    height: ", ";\n    width: ", ";\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(114), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(252), (0, _4k_1.adaptiveValueCalc)(252));
 exports.default = StyledMultiHead;

package/dist/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton/index.js

@@ -12,8 +12,8 @@ var react_1 = __importDefault(require("react"));
 var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var system_1 = require("@ludo.ninja/components/src/system");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var system_1 = require("@ludo.ninja/components/dist/system");
 // Styles
 var StyledCardSkeleton = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px 0 0 0;\n  }\n\n  .footer {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  ", " {\n    .content {\n      padding: ", " 0 0 0;\n      gap: ", ";\n\n      .react-loading-skeleton {\n        height: ", " !important;\n      }\n\n      .footer {\n        & > *:first-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n\n        & > *:last-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n      }\n    }\n  }\n"], ["\n  .content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px 0 0 0;\n  }\n\n  .footer {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  ", " {\n    .content {\n      padding: ", " 0 0 0;\n      gap: ", ";\n\n      .react-loading-skeleton {\n        height: ", " !important;\n      }\n\n      .footer {\n        & > *:first-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n\n        & > *:last-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n      }\n    }\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(12), (0, _4k_1.adaptiveValueCalc)(4), (0, _4k_1.adaptiveValueCalc)(18), (0, _4k_1.adaptiveValueCalc)(120), (0, _4k_1.adaptiveValueCalc)(30));
 var CardsSkeleton = function (_a) {

package/dist/system/CardsHolderWithSkeleton/CardsHolder/index.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var CardsGrid_1 = __importDefault(require("@/system/Cards/CardsGrid"));
 var CardsError_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsError"));
 var CardsNoResults_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults"));

package/dist/system/CardsHolderWithSkeleton/CardsHolderLoader/index.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var utils_1 = require("@ludo.ninja/components/src/utils");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var utils_1 = require("@ludo.ninja/components/dist/utils");
 var loader_svg_1 = __importDefault(require("@/public/cardsHolderLoader/loader.svg"));
 // Styles
 var StyledCardsHolderLoader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-top: 24px;\n\n  .loader {\n    animation: ", " 1s ease-in-out infinite;\n  }\n\n  ", " {\n    padding-top: ", ";\n  }\n\n  /* &.virtual {\n  position: fixed;\n    bottom: 90px;\n    right: 30px;\n } */\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-top: 24px;\n\n  .loader {\n    animation: ", " 1s ease-in-out infinite;\n  }\n\n  ", " {\n    padding-top: ", ";\n  }\n\n  /* &.virtual {\n  position: fixed;\n    bottom: 90px;\n    right: 30px;\n } */\n"])), styles_1.rotate, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24));

package/dist/system/Forms/DatePicker/index.js

@@ -16,7 +16,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 var boxShadow_1 = __importDefault(require("@ludo.ninja/ui/build/styles/mixins/boxShadow"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var colors_2 = require("@/styles/colors");
 var typography_1 = require("@/styles/typography");
 var vars_1 = require("@/fonts/vars");

package/dist/system/Forms/ErrorLabel/index.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var StyledLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  user-select: none;\n  padding-top: 8px;\n  color: #f4205f;\n  font-size: 13px;\n  font-weight: 400;\n\n  ", " {\n    padding-top: ", ";\n    font-size: ", ";\n  }\n"], ["\n  user-select: none;\n  padding-top: 8px;\n  color: #f4205f;\n  font-size: 13px;\n  font-weight: 400;\n\n  ", " {\n    padding-top: ", ";\n    font-size: ", ";\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(13));
 var BasicErrorLabel = function (_a) {
     var children = _a.children, id = _a.id;

package/dist/system/Forms/Input/index.js

@@ -23,7 +23,7 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var colors_2 = require("@/styles/colors");
 var typography_1 = require("@/styles/typography");
 var ErrorLabel_1 = __importDefault(require("@/system/Forms/ErrorLabel"));

package/dist/system/Forms/Selects/DesktopSelect/index.js

@@ -93,10 +93,10 @@ var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton")
 var react_select_1 = __importStar(require("react-select"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var system_1 = require("@ludo.ninja/components/src/system");
-var utils_1 = require("@ludo.ninja/components/src/utils");
-var fonts_1 = require("@ludo.ninja/components/src/fonts");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var system_1 = require("@ludo.ninja/components/dist/system");
+var utils_1 = require("@ludo.ninja/components/dist/utils");
+var fonts_1 = require("@ludo.ninja/components/dist/fonts");
 var arrow_down_svg_1 = __importDefault(require("@/public/selects/arrow_down.svg"));
 var SelectElement = (0, styled_components_1.default)(react_select_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: ", ";\n\n  .react-select__value-container {\n    padding: 0 0 0 20px;\n  }\n\n  .react-select__control {\n    border: none;\n    background-color: white;\n    border-radius: 6px;\n    box-shadow: none;\n    min-height: ", ";\n    cursor: pointer;\n\n    &:hover,\n    &:focus,\n    &:active {\n      box-shadow: none;\n      border-color: transparent;\n    }\n  }\n\n  .react-select__indicator {\n    padding: 0;\n  }\n\n  .react-select__indicators {\n    padding-right: 12px;\n  }\n\n  .react-select__menu {\n    ", ";\n    color: ", ";\n    margin: 4px 0;\n    background: ", ";\n    box-shadow: 0 8px 16px -16px rgba(33, 21, 95, 0.1);\n    border-radius: 6px;\n    z-index: 9999;\n  }\n\n  .react-select__single-value {\n    ", ";\n    margin: 0;\n    color: ", ";\n  }\n\n  .react-select__menu-list {\n    padding: 8px 0;\n  }\n\n  .react-select__option {\n    padding: 8.5px 20px;\n    font-weight: 400;\n  }\n\n  .react-select__option--is-selected {\n    background-color: transparent;\n    color: ", ";\n    font-weight: 500;\n  }\n\n  .react-select__option--is-focused {\n    background-color: transparent;\n    color: ", ";\n    font-weight: 500;\n    transition: font-weight 0.3s ease-in-out;\n    cursor: pointer;\n  }\n\n  ", " {\n    .react-select__value-container {\n      padding: 0 0 0 ", ";\n    }\n\n    .react-select__control {\n      border-radius: ", ";\n      min-height: ", ";\n    }\n\n    .react-select__indicator {\n      transform: ", ";\n    }\n\n    .react-select__indicators {\n      padding-right: ", ";\n    }\n\n    .react-select__menu {\n      margin: ", " 0;\n      box-shadow: 0 ", " ", "\n        ", " rgba(33, 21, 95, 0.1);\n      border-radius: ", ";\n    }\n\n    .react-select__menu-list {\n      padding: ", " 0;\n      max-height: ", ";\n    }\n\n    .react-select__option {\n      padding: ", " ", ";\n    }\n  }\n"], ["\n  font-family: ", ";\n\n  .react-select__value-container {\n    padding: 0 0 0 20px;\n  }\n\n  .react-select__control {\n    border: none;\n    background-color: white;\n    border-radius: 6px;\n    box-shadow: none;\n    min-height: ", ";\n    cursor: pointer;\n\n    &:hover,\n    &:focus,\n    &:active {\n      box-shadow: none;\n      border-color: transparent;\n    }\n  }\n\n  .react-select__indicator {\n    padding: 0;\n  }\n\n  .react-select__indicators {\n    padding-right: 12px;\n  }\n\n  .react-select__menu {\n    ", ";\n    color: ", ";\n    margin: 4px 0;\n    background: ", ";\n    box-shadow: 0 8px 16px -16px rgba(33, 21, 95, 0.1);\n    border-radius: 6px;\n    z-index: 9999;\n  }\n\n  .react-select__single-value {\n    ", ";\n    margin: 0;\n    color: ", ";\n  }\n\n  .react-select__menu-list {\n    padding: 8px 0;\n  }\n\n  .react-select__option {\n    padding: 8.5px 20px;\n    font-weight: 400;\n  }\n\n  .react-select__option--is-selected {\n    background-color: transparent;\n    color: ", ";\n    font-weight: 500;\n  }\n\n  .react-select__option--is-focused {\n    background-color: transparent;\n    color: ", ";\n    font-weight: 500;\n    transition: font-weight 0.3s ease-in-out;\n    cursor: pointer;\n  }\n\n  ", " {\n    .react-select__value-container {\n      padding: 0 0 0 ", ";\n    }\n\n    .react-select__control {\n      border-radius: ", ";\n      min-height: ", ";\n    }\n\n    .react-select__indicator {\n      transform: ", ";\n    }\n\n    .react-select__indicators {\n      padding-right: ", ";\n    }\n\n    .react-select__menu {\n      margin: ", " 0;\n      box-shadow: 0 ", " ", "\n        ", " rgba(33, 21, 95, 0.1);\n      border-radius: ", ";\n    }\n\n    .react-select__menu-list {\n      padding: ", " 0;\n      max-height: ", ";\n    }\n\n    .react-select__option {\n      padding: ", " ", ";\n    }\n  }\n"])), fonts_1.dmsansFontVarCss.css, function (props) { return "".concat(props.minHeight, "px"); }, system_1.MainText, styles_1.TextGrayColor, styles_1.WhiteColor, system_1.MainText, styles_1.BlackColor, styles_1.BlackColor, styles_1.BlackColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(20), (0, _4k_1.adaptiveValueCalc)(6), function (props) { return (0, _4k_1.adaptiveValueCalc)(props.minHeight); }, function (props) {
     return 'transform' in props.scale && props.scale.transform;

package/dist/system/Forms/TextArea/index.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var colors_1 = require("@/styles/colors");
 var typography_1 = require("@/styles/typography");
 var vars_1 = require("@/fonts/vars");

package/dist/system/Img/Userpic/index.js

@@ -36,10 +36,10 @@ var link_1 = __importDefault(require("next/link"));
 var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var modules_1 = require("@ludo.ninja/components/src/modules");
+var modules_1 = require("@ludo.ninja/components/dist/modules");
 var useFetchUserPic_1 = __importDefault(require("@/api/server-medias/queries/useFetchUserPic"));
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var system_1 = require("@ludo.ninja/components/src/system");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var system_1 = require("@ludo.ninja/components/dist/system");
 var env_1 = require("@/utils/env");
 var defaultUserpic_svg_1 = __importDefault(require("@/public/defaultUserpics/defaultUserpic.svg"));
 // Styles

package/dist/system/Labels/ExperienceLabel/index.js

@@ -12,9 +12,9 @@ var image_1 = __importDefault(require("next/image"));
 var link_1 = __importDefault(require("next/link"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 var SkeletonLabel_1 = __importDefault(require("@/system/Labels/SkeletonLabel"));
-var fonts_1 = require("@ludo.ninja/components/src/fonts");
+var fonts_1 = require("@ludo.ninja/components/dist/fonts");
 // Styles
 var StyledExpTab = (0, styled_components_1.default)(link_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  display: flex;\n  gap: 8px;\n  user-select: none;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 5px 8px 5px 6px;\n  max-width: max-content;\n  min-width: 116px;\n  min-height: 32px;\n  border-radius: 24px;\n  background: ", ";\n\n  .value {\n    font-family: ", ";\n    font-size: 1.6em;\n    font-weight: 600;\n    line-height: 1.3;\n    color: ", ";\n  }\n  ", " {\n    gap: ", ";\n    padding: ", " ", "\n      ", " ", ";\n    min-width: ", ";\n    min-height: ", ";\n    border-radius: ", ";\n\n    img {\n      width: ", ";\n      height: ", ";\n    }\n\n    .value {\n      font-size: ", ";\n    }\n  }\n"], ["\n  ", ";\n  ", ";\n  display: flex;\n  gap: 8px;\n  user-select: none;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 5px 8px 5px 6px;\n  max-width: max-content;\n  min-width: 116px;\n  min-height: 32px;\n  border-radius: 24px;\n  background: ", ";\n\n  .value {\n    font-family: ", ";\n    font-size: 1.6em;\n    font-weight: 600;\n    line-height: 1.3;\n    color: ", ";\n  }\n  ", " {\n    gap: ", ";\n    padding: ", " ", "\n      ", " ", ";\n    min-width: ", ";\n    min-height: ", ";\n    border-radius: ", ";\n\n    img {\n      width: ", ";\n      height: ", ";\n    }\n\n    .value {\n      font-size: ", ";\n    }\n  }\n"])), styles_1.BoxShadow, styles_1.BoxTransform, function (_a) {
     var _b, _c;

package/dist/system/Modals/Modal/Modal.test.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 require("@testing-library/jest-dom");
 var react_2 = require("@testing-library/react");
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
-var Modals_1 = __importDefault(require("@ludo.ninja/components/src/system/Modals"));
-jest.mock('@ludo.ninja/components/src/store/ui');
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
+var Modals_1 = __importDefault(require("@ludo.ninja/components/dist/system/Modals"));
+jest.mock('@ludo.ninja/components/dist/store/ui');
 describe('Modal Component', function () {
     afterEach(react_2.cleanup);
     test('open modal', function () {

package/dist/system/Modals/Modal/index.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var store_1 = require("@ludo.ninja/components/src/store");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var store_1 = require("@ludo.ninja/components/dist/store");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 // import ModalCloseIcon from '@/public/modal/close.svg';
 var StyledModal = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 250px;\n  min-width: 300px;\n  width: auto;\n  z-index: ", ";\n  padding: 16px;\n  background-color: ", ";\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 8px;\n\n  @media (max-width: 767px) {\n    //top: 20%;\n    //left: 0;\n    //right: 0;\n    //transform: none;\n    //margin: auto;\n    max-width: 320px;\n    max-height: calc(var(--app-height) - 20px);\n    overflow: hidden;\n    .modalContent {\n      max-height: calc(var(--app-height) - 20px - 16px - 16px - 24px);\n      overflow-y: auto;\n    }\n  }\n\n  .modalCloseIcon {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n  }\n\n  .modalContent {\n    margin-top: 24px;\n  }\n\n  ", " {\n    min-height: ", ";\n    min-width: ", ";\n    padding: ", ";\n    border-radius: ", ";\n\n    .modalCloseIcon {\n      width: ", ";\n      height: ", ";\n      top: ", ";\n      right: ", ";\n    }\n\n    .modalContent {\n      margin-top: ", ";\n    }\n  }\n"], ["\n  min-height: 250px;\n  min-width: 300px;\n  width: auto;\n  z-index: ", ";\n  padding: 16px;\n  background-color: ", ";\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 8px;\n\n  @media (max-width: 767px) {\n    //top: 20%;\n    //left: 0;\n    //right: 0;\n    //transform: none;\n    //margin: auto;\n    max-width: 320px;\n    max-height: calc(var(--app-height) - 20px);\n    overflow: hidden;\n    .modalContent {\n      max-height: calc(var(--app-height) - 20px - 16px - 16px - 24px);\n      overflow-y: auto;\n    }\n  }\n\n  .modalCloseIcon {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n  }\n\n  .modalContent {\n    margin-top: 24px;\n  }\n\n  ", " {\n    min-height: ", ";\n    min-width: ", ";\n    padding: ", ";\n    border-radius: ", ";\n\n    .modalCloseIcon {\n      width: ", ";\n      height: ", ";\n      top: ", ";\n      right: ", ";\n    }\n\n    .modalContent {\n      margin-top: ", ";\n    }\n  }\n"])), styles_1.zIndexModal.toString(), styles_1.WhiteColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(250), (0, _4k_1.adaptiveValueCalc)(300), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(24));
 var Modal = function () {

package/dist/system/Modals/ModalSidebar/CreatorModalSidebarPortal.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreatorModalSidebarPortal = void 0;
 var dynamic_1 = __importDefault(require("next/dynamic"));
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
 // add first load chunk when component needed
 var ModalSidebarPortal = (0, dynamic_1.default)(function () {
     return Promise.resolve().then(function () { return __importStar(require('./ModalSidebarPortal')); }).then(function (_) { return _.ModalSidebarPortal; });

package/dist/system/Modals/ModalSidebar/ModalSidebar.test.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 require("@testing-library/jest-dom");
 var react_2 = require("@testing-library/react");
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
 var index_1 = __importDefault(require("./index"));
-jest.mock('@ludo.ninja/components/src/store/ui');
+jest.mock('@ludo.ninja/components/dist/store/ui');
 describe('Modal Component', function () {
     afterEach(react_2.cleanup);
     test('open modal', function () {

package/dist/system/Modals/ModalSidebar/index.js

@@ -11,8 +11,8 @@ exports.StyledModalSidebar = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var store_1 = require("@ludo.ninja/components/src/store");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+var store_1 = require("@ludo.ninja/components/dist/store");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 // import ModalCloseIcon from '@/public/modal/close.svg';
 exports.StyledModalSidebar = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 300px;\n  //max-width: 536px;\n  z-index: ", ";\n  padding: 24px;\n  background-color: ", ";\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 8px;\n\n  @media (max-width: 767px) {\n    padding: 32px;\n    border-radius: 0;\n    max-width: none;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    transform: none;\n  }\n\n  .modalCloseIcon {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n  }\n\n  .modalContent {\n    margin-top: 24px;\n  }\n\n  ", " {\n    min-height: ", ";\n    padding: ", ";\n    border-radius: ", ";\n\n    .modalCloseIcon {\n      width: ", ";\n      height: ", ";\n      top: ", ";\n      right: ", ";\n    }\n\n    .modalContent {\n      margin-top: ", ";\n    }\n  }\n"], ["\n  min-height: 300px;\n  //max-width: 536px;\n  z-index: ", ";\n  padding: 24px;\n  background-color: ", ";\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 8px;\n\n  @media (max-width: 767px) {\n    padding: 32px;\n    border-radius: 0;\n    max-width: none;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    transform: none;\n  }\n\n  .modalCloseIcon {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n  }\n\n  .modalContent {\n    margin-top: 24px;\n  }\n\n  ", " {\n    min-height: ", ";\n    padding: ", ";\n    border-radius: ", ";\n\n    .modalCloseIcon {\n      width: ", ";\n      height: ", ";\n      top: ", ";\n      right: ", ";\n    }\n\n    .modalContent {\n      margin-top: ", ";\n    }\n  }\n"])), styles_1.zIndexModal.toString(), styles_1.WhiteColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(300), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(24));
 var ModalSidebar = function () {

package/dist/system/Overlay/Overlay.test.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 require("@testing-library/jest-dom/extend-expect");
 var react_2 = require("@testing-library/react");
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
 var Overlay_1 = __importDefault(require("../Overlay"));
 // Mocking dependencies
-jest.mock('@ludo.ninja/components/src/store/ui');
+jest.mock('@ludo.ninja/components/dist/store/ui');
 describe('Overlay Component', function () {
     var mockCloseOverlay = jest.fn();
     var mockUseUiStore = {

package/dist/system/Overlay/index.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
 var colors_1 = require("@/styles/colors");
 var z_indexes_1 = require("@/styles/mixins/z-indexes");
 // Styles

package/dist/system/ShareIconResize.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShareIconResize = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var utils_1 = require("@ludo.ninja/components/src/utils");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var utils_1 = require("@ludo.ninja/components/dist/utils");
 var share_svg_1 = __importDefault(require("@/public/iconButton/share.svg"));
 var SIcon = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ", " {\n    width: ", ";\n    height: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ", " {\n    width: ", ";\n    height: ", ";\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(19), (0, _4k_1.adaptiveValueCalc)(20));
 var ShareIconResize = function () {

package/dist/system/Tabs/TabNavLink/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TabsNavType } from '@ludo.ninja/components/src/system';
+import { TabsNavType } from '@ludo.ninja/components/dist/system';
 export declare const StyledTabsNavLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isActive: boolean;
 }>> & string;

package/dist/system/Tabs/TabNavLink/index.js

@@ -11,9 +11,9 @@ exports.StyledTabsNavLink = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var system_1 = require("@ludo.ninja/components/src/system");
-var fonts_1 = require("@ludo.ninja/components/src/fonts");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var system_1 = require("@ludo.ninja/components/dist/system");
+var fonts_1 = require("@ludo.ninja/components/dist/fonts");
 // Styles
 exports.StyledTabsNavLink = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: ", ";\n\n  ", ";\n  position: relative;\n  color: ", ";\n  text-decoration: none;\n  cursor: pointer;\n  text-align: left;\n  display: inline-block;\n  width: max-content;\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 2px;\n    bottom: -2px;\n    left: 0;\n    background-color: #000;\n    transform: ", ";\n    transition: transform 0.3s ease;\n\n    ", " {\n      height: ", ";\n      bottom: ", ";\n    }\n  }\n\n  :hover {\n    color: ", ";\n  }\n\n  :hover::before {\n    transform: scaleX(1);\n  }\n"], ["\n  font-family: ", ";\n\n  ", ";\n  position: relative;\n  color: ", ";\n  text-decoration: none;\n  cursor: pointer;\n  text-align: left;\n  display: inline-block;\n  width: max-content;\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 2px;\n    bottom: -2px;\n    left: 0;\n    background-color: #000;\n    transform: ", ";\n    transition: transform 0.3s ease;\n\n    ", " {\n      height: ", ";\n      bottom: ", ";\n    }\n  }\n\n  :hover {\n    color: ", ";\n  }\n\n  :hover::before {\n    transform: scaleX(1);\n  }\n"])), fonts_1.poppinsFontVarCss.css, system_1.FH5, function (props) { return (props.isActive ? styles_1.BlackColor : styles_1.TextDarkGrayColor); }, function (props) { return (props.isActive ? 'scaleX(1)' : 'scaleX(0)'); }, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(2), (0, _4k_1.adaptiveValueCalc)(-2), styles_1.BlackColor);
 // Component