@ludo.ninja/components 1.9.0 → 1.9.2

package/dist/components/filters/index.js

@@ -44,8 +44,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(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/dist/store");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
+var store_1 = require("@ludo.ninja/components/src/store");
+var styles_1 = require("@ludo.ninja/components/src/styles");
 var applyResetBtns_1 = __importDefault(require("@/components/filters/applyResetBtns"));
 var mobileFilters_1 = __importDefault(require("@/components/filters/mobileFilters"));
 var sidebarFilters_1 = __importDefault(require("@/components/sidebar/sidebarFilters"));

package/dist/components/forms/form/index.js

@@ -47,7 +47,7 @@ var react_hook_form_1 = require("react-hook-form");
 var styled_components_1 = __importDefault(require("styled-components"));
 var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 var Text_1 = require("@ludo.ninja/ui/build/system/Text");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/styles");
 var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
 var Forms_1 = require("@/system/Forms");
 var DatePicker_1 = __importDefault(require("@/system/Forms/DatePicker"));

package/dist/components/forms/formsTemplate/index.js

@@ -96,8 +96,8 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var api_1 = require("@ludo.ninja/api");
 var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 var modules_1 = require("@ludo.ninja/components/src/modules");
-var store_1 = require("@ludo.ninja/components/dist/store");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
+var store_1 = require("@ludo.ninja/components/src/store");
+var styles_1 = require("@ludo.ninja/components/src/styles");
 var form_1 = __importDefault(require("@/components/forms/form"));
 var formsNavigation_1 = __importDefault(require("@/components/forms/formsNavigation"));
 var types_1 = require("@/components/forms/types");

package/dist/components/rewards/userExp/index.js

@@ -11,7 +11,7 @@ var react_1 = __importDefault(require("react"));
 var image_1 = __importDefault(require("next/image"));
 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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/styles");
 var boxTransform_1 = __importDefault(require("@/styles/mixins/boxTransform"));
 var _system_1 = require("@system");
 var vars_1 = require("@/fonts/vars");

package/dist/hooks/apollo/index.d.ts

@@ -1,5 +1,8 @@
 import { AppProps } from 'next/app';
+import { APOLLO_STATE_PROP_NAME } from '@ludo.ninja/components/src/api/graphql';
 import { ApolloClient, NormalizedCacheObject } from "@apollo/client";
-type PagePropsWithApollo = AppProps['pageProps'] & {};
+type PagePropsWithApollo = AppProps['pageProps'] & {
+    [APOLLO_STATE_PROP_NAME]?: NormalizedCacheObject;
+};
 export declare function useApollo(pageProps: PagePropsWithApollo, ENV: string): ApolloClient<NormalizedCacheObject>;
 export {};

package/dist/hooks/apollo/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useApollo = void 0;
 var react_1 = require("react");
 var api_1 = require("@ludo.ninja/api");
-var graphql_1 = require("@ludo.ninja/components/dist/api/graphql");
+var graphql_1 = require("@ludo.ninja/components/src/api/graphql");
 function useApollo(pageProps, ENV) {
     var state = pageProps[graphql_1.APOLLO_STATE_PROP_NAME];
     return (0, react_1.useMemo)(function () { return api_1.graphqlConfig.initializeApollo(state, ENV); }, [state, ENV]);

package/dist/layouts/GlobalLayout.js

@@ -7,20 +7,20 @@ exports.GlobalLayout = void 0;
 var react_1 = __importDefault(require("react"));
 var process_1 = __importDefault(require("process"));
 var envLine_1 = __importDefault(require("@ludo.ninja/ui/build/components/envLine"));
-var useMultiAudio_1 = __importDefault(require("@ludo.ninja/components/dist/hooks/audio/useMultiAudio"));
-var CreatorNotifications_1 = require("@ludo.ninja/components/dist/modules/notifications/CreatorNotifications");
-var modules_1 = require("@ludo.ninja/components/dist/modules");
-var useAuthVerification_1 = require("@ludo.ninja/components/dist/modules/user/auth/useAuthVerification");
-var profileDataInitialization_1 = require("@ludo.ninja/components/dist/modules/user/profileData/profileDataInitialization");
+var useMultiAudio_1 = __importDefault(require("@ludo.ninja/components/src/hooks/audio/useMultiAudio"));
+var CreatorNotifications_1 = require("@ludo.ninja/components/src/modules/notifications/CreatorNotifications");
+var modules_1 = require("@ludo.ninja/components/src/modules");
+var useAuthVerification_1 = require("@ludo.ninja/components/src/modules/user/auth/useAuthVerification");
+var profileDataInitialization_1 = require("@ludo.ninja/components/src/modules/user/profileData/profileDataInitialization");
 var useFetchMyExperienceWithLevel_1 = __importDefault(require("@/api/server-experiences/queries/useFetchMyExperienceWithLevel"));
 var SubscriberInviteNotification_1 = require("@/api/subscriptions/SubscriberInviteNotification");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var initializer_1 = require("@ludo.ninja/components/dist/components/sidebar/initializer");
-var Alert_1 = __importDefault(require("@ludo.ninja/components/dist/system/Alert"));
-var system_1 = require("@ludo.ninja/components/dist/system");
-var CreatorModalSidebarPortal_1 = require("@ludo.ninja/components/dist/system/Modals/ModalSidebar/CreatorModalSidebarPortal");
-var Overlay_1 = __importDefault(require("@ludo.ninja/components/dist/system/Overlay"));
-var utils_1 = require("@ludo.ninja/components/dist/utils");
+var styles_1 = require("@ludo.ninja/components/src/styles");
+var initializer_1 = require("@ludo.ninja/components/src/components/sidebar/initializer");
+var Alert_1 = __importDefault(require("@ludo.ninja/components/src/system/Alert"));
+var system_1 = require("@ludo.ninja/components/src/system");
+var CreatorModalSidebarPortal_1 = require("@ludo.ninja/components/src/system/Modals/ModalSidebar/CreatorModalSidebarPortal");
+var Overlay_1 = __importDefault(require("@ludo.ninja/components/src/system/Overlay"));
+var utils_1 = require("@ludo.ninja/components/src/utils");
 var GlobalLayout = function (_a) {
     var children = _a.children;
     (0, useFetchMyExperienceWithLevel_1.default)();

package/dist/layouts/custom/accountLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/src/layouts/pageWithLayout';
 declare const AccountLayout: LayoutProps;
 export default AccountLayout;

package/dist/layouts/custom/accountLayout/index.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var NoSSR_1 = __importDefault(require("@ludo.ninja/components/dist/components/base/NoSSR"));
-var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
-var LWithSearchHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithSearchHeader"));
-var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
+var NoSSR_1 = __importDefault(require("@ludo.ninja/components/src/components/base/NoSSR"));
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/src/components/toTopBtn"));
+var LWithSearchHeader_1 = __importDefault(require("@ludo.ninja/components/src/layouts/base/LWithSearchHeader"));
+var styles_1 = require("@ludo.ninja/components/src/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/src/layouts/pageTransitionLayout"));
 // Components
 var AccountLayout = function (_a) {
     var children = _a.children;

package/dist/layouts/custom/formsLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/src/layouts/pageWithLayout';
 declare const FormsLayout: LayoutProps;
 export default FormsLayout;

package/dist/layouts/custom/formsLayout/index.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var LWithoutHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithoutHeader"));
-var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
+var LWithoutHeader_1 = __importDefault(require("@ludo.ninja/components/src/layouts/base/LWithoutHeader"));
+var styles_1 = require("@ludo.ninja/components/src/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/src/layouts/pageTransitionLayout"));
 // Component
 var FormsLayout = function (_a) {
     var children = _a.children;

package/dist/layouts/custom/mainLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/src/layouts/pageWithLayout';
 declare const MainLayout: LayoutProps;
 export default MainLayout;

package/dist/layouts/custom/mainLayout/index.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("@ludo.ninja/utils");
-var LWithRegularHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithRegularHeader"));
-var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
-var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
+var LWithRegularHeader_1 = __importDefault(require("@ludo.ninja/components/src/layouts/base/LWithRegularHeader"));
+var styles_1 = require("@ludo.ninja/components/src/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/src/layouts/pageTransitionLayout"));
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/src/components/toTopBtn"));
 // Component
 var MainLayout = function (_a) {
     var children = _a.children;

package/dist/layouts/custom/searchLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/src/layouts/pageWithLayout';
 declare const SearchLayout: LayoutProps;
 export default SearchLayout;

package/dist/layouts/custom/searchLayout/index.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
-var LWithSearchHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithSearchHeader"));
-var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/src/components/toTopBtn"));
+var LWithSearchHeader_1 = __importDefault(require("@ludo.ninja/components/src/layouts/base/LWithSearchHeader"));
+var styles_1 = require("@ludo.ninja/components/src/layouts/custom/styles");
 var utils_1 = require("@ludo.ninja/utils");
 // import PageTransitionLayout from '@/layouts/pageTransitionLayout';
 // Component

package/dist/layouts/custom/simpleLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/src/layouts/pageWithLayout';
 declare const SimpleLayout: LayoutProps;
 export default SimpleLayout;

package/dist/layouts/custom/simpleLayout/index.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("@ludo.ninja/utils");
-var LWithSimpleHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithSimpleHeader"));
-var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
-var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
+var LWithSimpleHeader_1 = __importDefault(require("@ludo.ninja/components/src/layouts/base/LWithSimpleHeader"));
+var styles_1 = require("@ludo.ninja/components/src/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/src/layouts/pageTransitionLayout"));
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/src/components/toTopBtn"));
 // Component
 var SimpleLayout = function (_a) {
     var children = _a.children;

package/dist/layouts/custom/styles.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMainForms = exports.StyledMain = 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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/styles");
 exports.StyledMain = styled_components_1.default.main(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 1080px;\n  margin: 0 auto;\n  padding-top: 124px;\n  padding-bottom: 60px;\n\n  ", " {\n    width: 768px;\n    padding-bottom: 32px;\n  }\n\n  ", " {\n    width: 320px;\n    padding-top: 80px;\n    padding-bottom: 20px;\n  }\n  ", " {\n    width: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n  }\n"], ["\n  width: 1080px;\n  margin: 0 auto;\n  padding-top: 124px;\n  padding-bottom: 60px;\n\n  ", " {\n    width: 768px;\n    padding-bottom: 32px;\n  }\n\n  ", " {\n    width: 320px;\n    padding-top: 80px;\n    padding-bottom: 20px;\n  }\n  ", " {\n    width: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n  }\n"])), styles_1.mediaQuery.maxWidthTablet, styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(1080), (0, _4k_1.adaptiveValueCalc)(124), (0, _4k_1.adaptiveValueCalc)(60));
 exports.StyledMainForms = styled_components_1.default.main(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 768px;\n  }\n\n  ", " {\n    width: 400px;\n  }\n  ", " {\n    width: ", ";\n  }\n"], ["\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 768px;\n  }\n\n  ", " {\n    width: 400px;\n  }\n  ", " {\n    width: ", ";\n  }\n"])), styles_1.mediaQuery.maxWidthTablet, styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(1080));
 var templateObject_1, templateObject_2;

package/dist/modules/notifications/CreatorNotifications.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreatorNotifications = void 0;
 var dynamic_1 = __importDefault(require("next/dynamic"));
 var useIsOpenNotifications_1 = require("@ludo.ninja/ui/build/modules/notifications/useIsOpenNotifications");
-var ui_1 = require("@ludo.ninja/components/dist/store/ui");
+var ui_1 = require("@ludo.ninja/components/src/store/ui");
 var Notifications = (0, dynamic_1.default)(function () {
     return Promise.resolve().then(function () { return __importStar(require('@ludo.ninja/ui/build/modules/notifications')); }).then(function (_) { return _.Notifications; });
 });

package/dist/modules/sessionScroll/useVirtuosoInitialScroll.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { VirtuosoHandle } from 'react-virtuoso';
-import { TVirtuosoData } from '@ludo.ninja/components/dist/modules/virtuoso/types';
-import { TActiveTab } from '@ludo.ninja/components/dist/system';
+import { TVirtuosoData } from '@ludo.ninja/components/src/modules/virtuoso/types';
+import { TActiveTab } from '@ludo.ninja/components/src/system';
 export declare const useVirtuosoInitialScroll: <TData>({ virtuosoData, activeTab, virtuoso, }: {
     virtuosoData: TVirtuosoData<TData>;
     activeTab: TActiveTab;

package/dist/modules/user/profileData/profileDataInitialization.js

@@ -4,8 +4,8 @@ exports.ProfileDataInitialization = void 0;
 var api_1 = require("@ludo.ninja/api");
 var api_2 = require("@ludo.ninja/api");
 var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
-var user_1 = require("@ludo.ninja/components/dist/modules/user");
-var ui_1 = require("@ludo.ninja/components/dist/store/ui");
+var user_1 = require("@ludo.ninja/components/src/modules/user");
+var ui_1 = require("@ludo.ninja/components/src/store/ui");
 var FetcherMyProfile = function ( /*{ userId }: { userId: string }*/) {
     var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
     var _a = (0, user_1.useUserStore)(function (state) { return ({

package/dist/modules/virtuoso/VirtuosoPageBuilder.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ApolloError } from '@apollo/client';
-import { TDimensions } from '@ludo.ninja/components/dist/utils';
-import { TActiveTab } from '@ludo.ninja/components/dist/system';
+import { TDimensions } from '@ludo.ninja/components/src/utils';
+import { TActiveTab } from '@ludo.ninja/components/src/system';
 export declare const VirtuosoPageBuilder: <TCreation>({ activeTab, isMobile, creations, windowDimensions, isLoading, error, refetchQuery, loadMore, renderCreation, notFoundText, isNextLoading, headerSlot, isProfileCards, }: {
     activeTab: TActiveTab;
     isMobile: boolean;

package/dist/modules/virtuoso/VirtuosoPageBuilder.js

@@ -34,11 +34,11 @@ exports.VirtuosoPageBuilder = void 0;
 var react_1 = __importStar(require("react"));
 var react_virtuoso_1 = require("react-virtuoso");
 var styled_components_1 = __importDefault(require("styled-components"));
-var modules_1 = require("@ludo.ninja/components/dist/modules");
+var modules_1 = require("@ludo.ninja/components/src/modules");
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var profile_1 = require("@ludo.ninja/components/dist/components/profile");
-var system_1 = require("@ludo.ninja/components/dist/system");
+var styles_1 = require("@ludo.ninja/components/src/styles");
+var profile_1 = require("@ludo.ninja/components/src/components/profile");
+var system_1 = require("@ludo.ninja/components/src/system");
 var SCardsRow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"], ["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"])), styles_1.mediaQuery.maxWidthTablet, styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(1080));
 var VirtuosoPageBuilder = function (_a) {
     var activeTab = _a.activeTab, isMobile = _a.isMobile, creations = _a.creations, windowDimensions = _a.windowDimensions, isLoading = _a.isLoading, error = _a.error, refetchQuery = _a.refetchQuery, loadMore = _a.loadMore, renderCreation = _a.renderCreation, notFoundText = _a.notFoundText, isNextLoading = _a.isNextLoading, headerSlot = _a.headerSlot, isProfileCards = _a.isProfileCards;

package/dist/modules/virtuoso/VirtuosoToTopBtn.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VirtuosoToTopBtn = exports.useVirtuosoToTopBtnInitialize = void 0;
 var react_1 = require("react");
 var react_2 = __importDefault(require("react"));
-var toTopBtn_1 = require("@ludo.ninja/components/dist/components/toTopBtn");
+var toTopBtn_1 = require("@ludo.ninja/components/src/components/toTopBtn");
 var useVirtuosoToTopBtnInitialize = function () {
     var _a = (0, react_1.useState)(false), isShowBtn = _a[0], setIsShowBtn = _a[1];
     var oldScrollY = (0, react_1.useRef)(0);

package/dist/store/ui/index.js

@@ -63,7 +63,7 @@ var core_1 = require("@ludo.ninja/core");
 var createNotificationWithId_1 = require("@ludo.ninja/ui/build/modules/notifications/createNotificationWithId");
 var utils_1 = require("@ludo.ninja/utils");
 var utils_2 = require("@ludo.ninja/utils");
-var system_1 = require("@ludo.ninja/components/dist/system");
+var system_1 = require("@ludo.ninja/components/src/system");
 var utils_3 = require("./utils");
 exports.useUiStore = (0, traditional_1.createWithEqualityFn)()(function (setState) { return (__assign(__assign(__assign({ 
     //theme

package/dist/store/ui/utils.d.ts

@@ -1,5 +1,5 @@
 import { StoreApi } from 'zustand/esm/vanilla';
-import { IUiStore } from '@ludo.ninja/components/dist/store/ui/types';
+import { IUiStore } from '@ludo.ninja/components/src/store/ui/types';
 export declare const builderModal: <T, O, C>(fields: {
     trigger: keyof T;
     opener: keyof O;

package/dist/system/Alert/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var Alert_1 = __importDefault(require("@ludo.ninja/ui/build/system/Alert"));
-var ui_1 = require("@ludo.ninja/components/dist/store/ui");
+var ui_1 = require("@ludo.ninja/components/src/store/ui");
 // Component
 var Alert = function () {
     var _a = (0, ui_1.useUiStore)(function (state) { return ({

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

@@ -33,7 +33,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/styles");
 // Styles
 var StyledCardCheckBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  .cardCheckboxLabel {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    .cardCheckboxInput {\n      margin: 0;\n      visibility: hidden;\n\n      &:checked + span {\n        border: none;\n      }\n\n      &:checked + span:after {\n        opacity: 1;\n      }\n    }\n\n    .cardCustomCheckbox {\n      cursor: pointer;\n      width: 32px;\n      height: 32px;\n      border: 2px solid ", ";\n      background-color: #12183a33;\n      border-radius: 50%;\n      display: inline-block;\n      position: relative;\n\n      &::after {\n        content: '';\n        display: block;\n        background-image: url('/forms/checkbox/checked.svg');\n        background-size: cover;\n        background-repeat: no-repeat;\n        width: 32px;\n        height: 32px;\n        opacity: 0;\n        transition: opacity 0.2s;\n      }\n\n      @media (max-width: 767px) {\n        width: 24px;\n        height: 24px;\n\n        &::after {\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n  }\n\n  ", " {\n    top: ", ";\n    right: ", ";\n    .cardCheckboxLabel {\n      .cardCustomCheckbox {\n        width: ", ";\n        height: ", ";\n        border-width: ", ";\n        &::after {\n          width: ", ";\n          height: ", ";\n        }\n      }\n    }\n  }\n"], ["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  .cardCheckboxLabel {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    .cardCheckboxInput {\n      margin: 0;\n      visibility: hidden;\n\n      &:checked + span {\n        border: none;\n      }\n\n      &:checked + span:after {\n        opacity: 1;\n      }\n    }\n\n    .cardCustomCheckbox {\n      cursor: pointer;\n      width: 32px;\n      height: 32px;\n      border: 2px solid ", ";\n      background-color: #12183a33;\n      border-radius: 50%;\n      display: inline-block;\n      position: relative;\n\n      &::after {\n        content: '';\n        display: block;\n        background-image: url('/forms/checkbox/checked.svg');\n        background-size: cover;\n        background-repeat: no-repeat;\n        width: 32px;\n        height: 32px;\n        opacity: 0;\n        transition: opacity 0.2s;\n      }\n\n      @media (max-width: 767px) {\n        width: 24px;\n        height: 24px;\n\n        &::after {\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n  }\n\n  ", " {\n    top: ", ";\n    right: ", ";\n    .cardCheckboxLabel {\n      .cardCustomCheckbox {\n        width: ", ";\n        height: ", ";\n        border-width: ", ";\n        &::after {\n          width: ", ";\n          height: ", ";\n        }\n      }\n    }\n  }\n"])), styles_1.WhiteColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(2), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(32));
 // Component

package/dist/system/Cards/CardContent/CardCategory/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/styles");
 // Styles
 var StyledCardCategory = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 8px;\n\n  .category {\n    .label {\n      ", ";\n      display: inline-block;\n      background: ", ";\n      padding: 1px 5px;\n      line-height: 1.35em;\n      color: ", ";\n      user-select: none;\n      border-radius: 2px;\n      text-transform: uppercase;\n    }\n  }\n\n  @media (max-width: 1040px) {\n    margin-top: 6px;\n  }\n\n  ", " {\n    margin-top: ", ";\n\n    .category {\n      .label {\n        padding: ", " ", ";\n        border-radius: ", ";\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 8px;\n\n  .category {\n    .label {\n      ", ";\n      display: inline-block;\n      background: ", ";\n      padding: 1px 5px;\n      line-height: 1.35em;\n      color: ", ";\n      user-select: none;\n      border-radius: 2px;\n      text-transform: uppercase;\n    }\n  }\n\n  @media (max-width: 1040px) {\n    margin-top: 6px;\n  }\n\n  ", " {\n    margin-top: ", ";\n\n    .category {\n      .label {\n        padding: ", " ", ";\n        border-radius: ", ";\n      }\n    }\n  }\n"])), styles_1.FH6, function (props) { return props.background; }, function (props) { return props.color; }, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(1), (0, _4k_1.adaptiveValueCalc)(5), (0, _4k_1.adaptiveValueCalc)(2));
 // Component

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

@@ -12,9 +12,9 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 var utils_1 = require("@ludo.ninja/utils");
-var ui_1 = require("@ludo.ninja/components/dist/store/ui");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var fonts_1 = require("@ludo.ninja/components/dist/fonts");
+var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var styles_1 = require("@ludo.ninja/components/src/styles");
+var fonts_1 = require("@ludo.ninja/components/src/fonts");
 var moreBtnVertical_svg_1 = __importDefault(require("@/public/creation/card/moreBtnVertical.svg"));
 // Styles
 exports.StyledCardShowMore = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .cardShowMore {\n    position: relative;\n    cursor: pointer;\n    z-index: 100;\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      z-index: -1;\n    }\n\n    @media (max-width: 1200px) {\n      display: none;\n    }\n\n    &DropDown {\n      font-family: ", ";\n      display: none;\n      position: absolute;\n      background-color: white;\n      top: 20px;\n      left: -170px;\n      width: 184px;\n      box-shadow: 0px 0px 10px 5px rgba(33, 21, 95, 0.1);\n      border-radius: 6px;\n      padding: 8px;;\n\n      &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: -15px;\n        height: 15px;\n        width: 100%;\n      }\n\n      &Item {\n        ", ";\n        display: block;\n        padding: 6px 0 6px 8px;\n        color: #696f91;\n\n        &:hover {\n          border-radius: 4px;\n          color: ", ";\n          background-color: ", ";\n        }\n      }\n    }\n\n    &:hover > div {\n      display: block;\n      z-index: 100000;\n    }\n    ", " {\n      &:before {\n        width: ", ";\n        height:  ", ";\n      }\n      &DropDown {\n        top: ", ";\n        left:", ";\n        width: ", ";\n        box-shadow: 0px 0px ", " ", " rgba(33, 21, 95, 0.1);\n        border-radius: ", ";\n        padding: ", ";\n\n        &:before {\n          top: ", ";\n          height: ", ";\n        }\n\n        &Item {\n          padding: ", " 0 ", " ", ";\n          &:hover {\n            border-radius: ", ";\n          }\n        }\n      }\n    }\n  }\n}\n"], ["\n  .cardShowMore {\n    position: relative;\n    cursor: pointer;\n    z-index: 100;\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      z-index: -1;\n    }\n\n    @media (max-width: 1200px) {\n      display: none;\n    }\n\n    &DropDown {\n      font-family: ", ";\n      display: none;\n      position: absolute;\n      background-color: white;\n      top: 20px;\n      left: -170px;\n      width: 184px;\n      box-shadow: 0px 0px 10px 5px rgba(33, 21, 95, 0.1);\n      border-radius: 6px;\n      padding: 8px;;\n\n      &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: -15px;\n        height: 15px;\n        width: 100%;\n      }\n\n      &Item {\n        ", ";\n        display: block;\n        padding: 6px 0 6px 8px;\n        color: #696f91;\n\n        &:hover {\n          border-radius: 4px;\n          color: ", ";\n          background-color: ", ";\n        }\n      }\n    }\n\n    &:hover > div {\n      display: block;\n      z-index: 100000;\n    }\n    ", " {\n      &:before {\n        width: ", ";\n        height:  ", ";\n      }\n      &DropDown {\n        top: ", ";\n        left:", ";\n        width: ", ";\n        box-shadow: 0px 0px ", " ", " rgba(33, 21, 95, 0.1);\n        border-radius: ", ";\n        padding: ", ";\n\n        &:before {\n          top: ", ";\n          height: ", ";\n        }\n\n        &Item {\n          padding: ", " 0 ", " ", ";\n          &:hover {\n            border-radius: ", ";\n          }\n        }\n      }\n    }\n  }\n}\n"])), fonts_1.dmsansFontVarCss.css, styles_1.TextSmall, styles_1.BlackColor, styles_1.BackgroundColorLight, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(20), (0, _4k_1.adaptiveValueCalc)(-170), (0, _4k_1.adaptiveValueCalc)(184), (0, _4k_1.adaptiveValueCalc)(10), (0, _4k_1.adaptiveValueCalc)(5), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(-15), (0, _4k_1.adaptiveValueCalc)(15), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(4));

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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/modules/user");
-var ui_1 = require("@ludo.ninja/components/dist/store/ui");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
+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 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/dist/store");
-var Styles_1 = require("@ludo.ninja/components/dist/system/Cards/Styles");
-var utils_1 = require("@ludo.ninja/components/dist/utils");
+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 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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
-var system_1 = require("@ludo.ninja/components/dist/system");
+var styles_1 = require("@ludo.ninja/components/src/styles");
+var system_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
-var system_1 = require("@ludo.ninja/components/dist/system");
+var styles_1 = require("@ludo.ninja/components/src/styles");
+var system_1 = require("@ludo.ninja/components/src/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/dist/styles");
+var styles_1 = require("@ludo.ninja/components/src/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/dist/styles");
-var utils_1 = require("@ludo.ninja/components/dist/utils");
+var styles_1 = require("@ludo.ninja/components/src/styles");
+var utils_1 = require("@ludo.ninja/components/src/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));