@ludo.ninja/components 1.7.5 → 1.7.6

package/dist/store/index.js

@@ -1,11 +1,28 @@
-import { createProvider } from 'next-zustand';
-export * from './ui';
-export * from './media';
-var creators = createProvider()(function ( /*setState*/) { return ({
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSRProvider = exports.useSSRStore = void 0;
+var next_zustand_1 = require("next-zustand");
+__exportStar(require("./ui"), exports);
+__exportStar(require("./media"), exports);
+var creators = (0, next_zustand_1.createProvider)()(function ( /*setState*/) { return ({
     isMobile: false,
     // setIsMobile: (isMobile) => {
     //   setState({ isMobile });
     // },
 }); });
-export var useSSRStore = creators.getUseStore();
-export var SSRProvider = creators.Provider;
+exports.useSSRStore = creators.getUseStore();
+exports.SSRProvider = creators.Provider;

package/dist/store/media/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -18,9 +19,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-export var useMediaStore = createWithEqualityFn()(function (setState) { return ({
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaStore = void 0;
+var shallow_1 = require("zustand/shallow");
+var traditional_1 = require("zustand/traditional");
+exports.useMediaStore = (0, traditional_1.createWithEqualityFn)()(function (setState) { return ({
     audioTracks: [],
     setAudioTracks: function (audioTracks) {
         setState({ audioTracks: audioTracks });
@@ -63,4 +66,4 @@ export var useMediaStore = createWithEqualityFn()(function (setState) { return (
                 return track;
             }) })); });
     },
-}); }, shallow);
+}); }, shallow_1.shallow);

package/dist/store/media/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/store/ui/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -54,20 +55,22 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-import { ThemeEnum } from '@ludo.ninja/core';
-import { createNotificationWithId } from '@ludo.ninja/ui/build/modules/notifications/createNotificationWithId';
-import { eventsTypes, sendEventToExtension } from '@ludo.ninja/utils';
-import { rootAddOverflow, rootRemoveOverflow } from '@ludo.ninja/utils';
-import { lightTheme } from '@/system/theme';
-import { builderModal } from './utils';
-export var useUiStore = createWithEqualityFn()(function (setState) { return (__assign(__assign(__assign({ 
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUiStore = void 0;
+var shallow_1 = require("zustand/shallow");
+var traditional_1 = require("zustand/traditional");
+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 theme_1 = require("@/system/theme");
+var utils_3 = require("./utils");
+exports.useUiStore = (0, traditional_1.createWithEqualityFn)()(function (setState) { return (__assign(__assign(__assign({ 
     //theme
-    theme: lightTheme, toggleTheme: function (theme, themeName) {
+    theme: theme_1.lightTheme, toggleTheme: function (theme, themeName) {
         setState({ theme: theme });
         window.localStorage.setItem('theme', themeName);
-        if (themeName === ThemeEnum.dark) {
+        if (themeName === core_1.ThemeEnum.dark) {
             document.body.classList.add('dark-theme');
         }
         else {
@@ -86,7 +89,7 @@ export var useUiStore = createWithEqualityFn()(function (setState) { return (__a
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, sendEventToExtension(eventsTypes.pingVersion)];
+                    return [4 /*yield*/, (0, utils_1.sendEventToExtension)(utils_1.eventsTypes.pingVersion)];
                 case 2:
                     response = (_a.sent());
                     isOpenNotification = !(response === null || response === void 0 ? void 0 : response.version);
@@ -97,7 +100,7 @@ export var useUiStore = createWithEqualityFn()(function (setState) { return (__a
                     return [3 /*break*/, 4];
                 case 4:
                     if (!isOpenNotification) return [3 /*break*/, 6];
-                    return [4 /*yield*/, createNotificationWithId(function (data) { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, createNotificationWithId_1.createNotificationWithId)(function (data) { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 setState(function (prev) { return (__assign(__assign({}, prev), { notifications: __spreadArray([data], prev.notifications, true) })); });
                                 return [2 /*return*/];
@@ -114,10 +117,10 @@ export var useUiStore = createWithEqualityFn()(function (setState) { return (__a
     }, 
     //overlay
     isOverlayActive: false, openOverLay: function () {
-        rootAddOverflow();
+        (0, utils_2.rootAddOverflow)();
         setState({ isOverlayActive: true });
     }, closeOverlay: function () {
-        rootRemoveOverflow();
+        (0, utils_2.rootRemoveOverflow)();
         setState({
             isOverlayActive: false,
             isModalOpen: false,
@@ -128,10 +131,10 @@ export var useUiStore = createWithEqualityFn()(function (setState) { return (__a
     }, 
     //sidebar
     isSidebarOpen: false, openSidebar: function () {
-        rootAddOverflow();
+        (0, utils_2.rootAddOverflow)();
         setState({ isOverlayActive: true, isSidebarOpen: true });
     }, closeSidebar: function () {
-        rootRemoveOverflow();
+        (0, utils_2.rootRemoveOverflow)();
         setState({ isOverlayActive: false, isSidebarOpen: false });
     }, 
     //alert
@@ -149,16 +152,16 @@ export var useUiStore = createWithEqualityFn()(function (setState) { return (__a
     //modals
     contentModals: null, stylesModals: null, addStylesModals: function (styles) {
         setState({ stylesModals: styles });
-    } }, builderModal({
+    } }, (0, utils_3.builderModal)({
     trigger: 'isModalOpen',
     opener: 'openModal',
     closer: 'closeModal',
-}, setState)), builderModal({
+}, setState)), (0, utils_3.builderModal)({
     trigger: 'isModalSidebarOpen',
     opener: 'openModalSidebar',
     closer: 'closeModalSidebar',
-}, setState)), builderModal({
+}, setState)), (0, utils_3.builderModal)({
     trigger: 'isOpenModalSidebarPortal',
     opener: 'openModalSidebarPortal',
     closer: 'closeModalSidebarPortal',
-}, setState))); }, shallow);
+}, setState))); }, shallow_1.shallow);

package/dist/store/ui/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/store/ui/utils.js

@@ -1,11 +1,14 @@
-import { rootAddOverflow, rootRemoveOverflow } from '@ludo.ninja/utils';
-export var builderModal = function (fields, setState) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.builderModal = void 0;
+var utils_1 = require("@ludo.ninja/utils");
+var builderModal = function (fields, setState) {
     var _a;
     return (_a = {},
         _a[fields.trigger] = false,
         _a[fields.opener] = function (component) {
             var _a;
-            rootAddOverflow();
+            (0, utils_1.rootAddOverflow)();
             setState((_a = {
                     contentModals: component,
                     isOverlayActive: true
@@ -15,7 +18,7 @@ export var builderModal = function (fields, setState) {
         },
         _a[fields.closer] = function () {
             var _a;
-            rootRemoveOverflow();
+            (0, utils_1.rootRemoveOverflow)();
             setState((_a = {
                     contentModals: null,
                     stylesModals: null,
@@ -26,3 +29,4 @@ export var builderModal = function (fields, setState) {
         },
         _a);
 };
+exports.builderModal = builderModal;

package/dist/styles/ScreenWidth.js

@@ -1,4 +1,7 @@
-export var ScreenWidth;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mediaQuery = exports.ScreenWidth = void 0;
+var ScreenWidth;
 (function (ScreenWidth) {
     ScreenWidth[ScreenWidth["MOBILE"] = 767] = "MOBILE";
     ScreenWidth[ScreenWidth["PHONE"] = 360] = "PHONE";
@@ -8,8 +11,8 @@ export var ScreenWidth;
     ScreenWidth[ScreenWidth["MAX_WIDTH_TABLET"] = 1199] = "MAX_WIDTH_TABLET";
     ScreenWidth[ScreenWidth["FOUR_K_MIN"] = 2032] = "FOUR_K_MIN";
     ScreenWidth[ScreenWidth["FOUR_K_MAX"] = 4064] = "FOUR_K_MAX";
-})(ScreenWidth || (ScreenWidth = {}));
-export var mediaQuery = {
+})(ScreenWidth || (exports.ScreenWidth = ScreenWidth = {}));
+exports.mediaQuery = {
     mobile: "@media (max-width: ".concat(ScreenWidth.MOBILE, "px)"),
     tablets: "@media (min-width: ".concat(ScreenWidth.TABLET, "px) and (max-width: ").concat(ScreenWidth.DESKTOP, "px)"),
     phone: "@media (max-width: ".concat(ScreenWidth.PHONE, "px)"),

package/dist/styles/animations/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rotate = exports.rotateReverse = void 0;
+var styled_components_1 = require("styled-components");
+exports.rotateReverse = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    transform: rotate(360deg);\n  }\n  to {\n    transform: rotate(0deg);\n  }\n"], ["\n  from {\n    transform: rotate(360deg);\n  }\n  to {\n    transform: rotate(0deg);\n  }\n"])));
+exports.rotate = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"], ["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
+var templateObject_1, templateObject_2;

package/dist/styles/colors/index.js

@@ -1 +1,38 @@
-export { AccentColor, BlackColor, TextGrayColor, TextGray2Color, TextDarkGrayColor, BorderColorLight, BorderColorDark, InactiveButtonColor, BackgroundColorLight, BackgroundColorDark, WhiteColor, ProgressColor, ProgressColorMedium, ProgressColorMinimum, DangerColorLight, DangerColorDark, DarkBlueColor, DisabledGrayColor, BlueShadowColor, DisabledLightGrayColor, GrayBackgroundColor, DisabledDangerColor, ErrorColor, TableExperienceColorDark, ExpProgressBlankDark, ExpUserProgressFill, ExpTaskProgressFill, HeaderBackgroundDark, SearchInputBg, ExperienceGradientLabelLight, ExperienceGradientLabelDark, InviteGradientLabelLight, InviteGradientLabelDark, CategoryHoverBg, } from '@ludo.ninja/ui/build/styles/colors';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CategoryHoverBg = exports.InviteGradientLabelDark = exports.InviteGradientLabelLight = exports.ExperienceGradientLabelDark = exports.ExperienceGradientLabelLight = exports.SearchInputBg = exports.HeaderBackgroundDark = exports.ExpTaskProgressFill = exports.ExpUserProgressFill = exports.ExpProgressBlankDark = exports.TableExperienceColorDark = exports.ErrorColor = exports.DisabledDangerColor = exports.GrayBackgroundColor = exports.DisabledLightGrayColor = exports.BlueShadowColor = exports.DisabledGrayColor = exports.DarkBlueColor = exports.DangerColorDark = exports.DangerColorLight = exports.ProgressColorMinimum = exports.ProgressColorMedium = exports.ProgressColor = exports.WhiteColor = exports.BackgroundColorDark = exports.BackgroundColorLight = exports.InactiveButtonColor = exports.BorderColorDark = exports.BorderColorLight = exports.TextDarkGrayColor = exports.TextGray2Color = exports.TextGrayColor = exports.BlackColor = exports.AccentColor = void 0;
+var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+Object.defineProperty(exports, "AccentColor", { enumerable: true, get: function () { return colors_1.AccentColor; } });
+Object.defineProperty(exports, "BlackColor", { enumerable: true, get: function () { return colors_1.BlackColor; } });
+Object.defineProperty(exports, "TextGrayColor", { enumerable: true, get: function () { return colors_1.TextGrayColor; } });
+Object.defineProperty(exports, "TextGray2Color", { enumerable: true, get: function () { return colors_1.TextGray2Color; } });
+Object.defineProperty(exports, "TextDarkGrayColor", { enumerable: true, get: function () { return colors_1.TextDarkGrayColor; } });
+Object.defineProperty(exports, "BorderColorLight", { enumerable: true, get: function () { return colors_1.BorderColorLight; } });
+Object.defineProperty(exports, "BorderColorDark", { enumerable: true, get: function () { return colors_1.BorderColorDark; } });
+Object.defineProperty(exports, "InactiveButtonColor", { enumerable: true, get: function () { return colors_1.InactiveButtonColor; } });
+Object.defineProperty(exports, "BackgroundColorLight", { enumerable: true, get: function () { return colors_1.BackgroundColorLight; } });
+Object.defineProperty(exports, "BackgroundColorDark", { enumerable: true, get: function () { return colors_1.BackgroundColorDark; } });
+Object.defineProperty(exports, "WhiteColor", { enumerable: true, get: function () { return colors_1.WhiteColor; } });
+Object.defineProperty(exports, "ProgressColor", { enumerable: true, get: function () { return colors_1.ProgressColor; } });
+Object.defineProperty(exports, "ProgressColorMedium", { enumerable: true, get: function () { return colors_1.ProgressColorMedium; } });
+Object.defineProperty(exports, "ProgressColorMinimum", { enumerable: true, get: function () { return colors_1.ProgressColorMinimum; } });
+Object.defineProperty(exports, "DangerColorLight", { enumerable: true, get: function () { return colors_1.DangerColorLight; } });
+Object.defineProperty(exports, "DangerColorDark", { enumerable: true, get: function () { return colors_1.DangerColorDark; } });
+Object.defineProperty(exports, "DarkBlueColor", { enumerable: true, get: function () { return colors_1.DarkBlueColor; } });
+Object.defineProperty(exports, "DisabledGrayColor", { enumerable: true, get: function () { return colors_1.DisabledGrayColor; } });
+Object.defineProperty(exports, "BlueShadowColor", { enumerable: true, get: function () { return colors_1.BlueShadowColor; } });
+Object.defineProperty(exports, "DisabledLightGrayColor", { enumerable: true, get: function () { return colors_1.DisabledLightGrayColor; } });
+Object.defineProperty(exports, "GrayBackgroundColor", { enumerable: true, get: function () { return colors_1.GrayBackgroundColor; } });
+Object.defineProperty(exports, "DisabledDangerColor", { enumerable: true, get: function () { return colors_1.DisabledDangerColor; } });
+Object.defineProperty(exports, "ErrorColor", { enumerable: true, get: function () { return colors_1.ErrorColor; } });
+Object.defineProperty(exports, "TableExperienceColorDark", { enumerable: true, get: function () { return colors_1.TableExperienceColorDark; } });
+Object.defineProperty(exports, "ExpProgressBlankDark", { enumerable: true, get: function () { return colors_1.ExpProgressBlankDark; } });
+Object.defineProperty(exports, "ExpUserProgressFill", { enumerable: true, get: function () { return colors_1.ExpUserProgressFill; } });
+Object.defineProperty(exports, "ExpTaskProgressFill", { enumerable: true, get: function () { return colors_1.ExpTaskProgressFill; } });
+Object.defineProperty(exports, "HeaderBackgroundDark", { enumerable: true, get: function () { return colors_1.HeaderBackgroundDark; } });
+Object.defineProperty(exports, "SearchInputBg", { enumerable: true, get: function () { return colors_1.SearchInputBg; } });
+Object.defineProperty(exports, "ExperienceGradientLabelLight", { enumerable: true, get: function () { return colors_1.ExperienceGradientLabelLight; } });
+Object.defineProperty(exports, "ExperienceGradientLabelDark", { enumerable: true, get: function () { return colors_1.ExperienceGradientLabelDark; } });
+Object.defineProperty(exports, "InviteGradientLabelLight", { enumerable: true, get: function () { return colors_1.InviteGradientLabelLight; } });
+Object.defineProperty(exports, "InviteGradientLabelDark", { enumerable: true, get: function () { return colors_1.InviteGradientLabelDark; } });
+Object.defineProperty(exports, "CategoryHoverBg", { enumerable: true, get: function () { return colors_1.CategoryHoverBg; } });

package/dist/styles/globalStyles.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var FontsInitializeLayout_1 = require("@/fonts/FontsInitializeLayout");
+var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  :root {\n    --app-height: 100vh;\n  }\n\n  html {\n    font-size: 0.625rem;\n    min-height: var(--app-height);\n    -webkit-font-smoothing: antialiased;\n    scroll-behavior: smooth;\n  }\n\n  body {\n    font-family: 'Poppins', sans-serif;\n    letter-spacing: -0.015em;\n    padding: 0;\n    background: ", ";\n    border: 0;\n    margin: 0;\n    min-height: var(--app-height);\n    position: relative;\n\n    &.dark-theme {\n      .react-loading-skeleton {\n        --base-color: #3A3D4C !important;\n        --highlight-color: #292C39 !important;\n      }\n    }\n  }\n\n  p {\n    padding: 0;\n    margin: 0;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  .modal-dialog {\n    max-width: 100%;\n    width: fit-content;\n  }\n\n  .modal-dg {\n    display: flex;\n    align-content: center;\n    justify-content: center;\n  }\n\n  .modal-content {\n    border-radius: 2.2rem !important;\n    overflow: hidden;\n    outline: none;\n    border: 0;\n  }\n\n  ::selection {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  ::-webkit-scrollbar {\n    height: 2px;\n    width: 4px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n  }\n\n  ", "\n"], ["\n  :root {\n    --app-height: 100vh;\n  }\n\n  html {\n    font-size: 0.625rem;\n    min-height: var(--app-height);\n    -webkit-font-smoothing: antialiased;\n    scroll-behavior: smooth;\n  }\n\n  body {\n    font-family: 'Poppins', sans-serif;\n    letter-spacing: -0.015em;\n    padding: 0;\n    background: ", ";\n    border: 0;\n    margin: 0;\n    min-height: var(--app-height);\n    position: relative;\n\n    &.dark-theme {\n      .react-loading-skeleton {\n        --base-color: #3A3D4C !important;\n        --highlight-color: #292C39 !important;\n      }\n    }\n  }\n\n  p {\n    padding: 0;\n    margin: 0;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  .modal-dialog {\n    max-width: 100%;\n    width: fit-content;\n  }\n\n  .modal-dg {\n    display: flex;\n    align-content: center;\n    justify-content: center;\n  }\n\n  .modal-content {\n    border-radius: 2.2rem !important;\n    overflow: hidden;\n    outline: none;\n    border: 0;\n  }\n\n  ::selection {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  ::-webkit-scrollbar {\n    height: 2px;\n    width: 4px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n  }\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.bg;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.naturalWhite;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.accent;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.scrollBar;
+}, FontsInitializeLayout_1.GlobalFontsFallback);
+exports.default = GlobalStyle;
+var templateObject_1;

package/dist/styles/index.js

@@ -1,5 +1,26 @@
-export { default as GlobalStyle } from './globalStyles';
-export * from './ScreenWidth';
-export * from './colors';
-export * from './mixins';
-export * from './typography';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalStyle = void 0;
+var globalStyles_1 = require("./globalStyles");
+Object.defineProperty(exports, "GlobalStyle", { enumerable: true, get: function () { return __importDefault(globalStyles_1).default; } });
+__exportStar(require("./ScreenWidth"), exports);
+__exportStar(require("./colors"), exports);
+__exportStar(require("./mixins"), exports);
+__exportStar(require("./typography"), exports);

package/dist/styles/mixins/boxShadow.js

@@ -0,0 +1,10 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var BoxShadow = function () { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  box-shadow: none;\n\n  &:hover {\n    box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.15);\n    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  }\n"], ["\n  transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  box-shadow: none;\n\n  &:hover {\n    box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.15);\n    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  }\n"]))); };
+exports.default = BoxShadow;
+var templateObject_1;

package/dist/styles/mixins/boxTransform.js

@@ -0,0 +1,10 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var BoxTransform = function () { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: 0.2s transform ease-in-out;\n\n  &:hover {\n    transition: 0.2s transform ease-in;\n    transform: translate(0px, -4px);\n  }\n"], ["\n  transition: 0.2s transform ease-in-out;\n\n  &:hover {\n    transition: 0.2s transform ease-in;\n    transform: translate(0px, -4px);\n  }\n"]))); };
+exports.default = BoxTransform;
+var templateObject_1;

package/dist/styles/mixins/index.js

@@ -1,3 +1,25 @@
-export { default as BoxShadow } from './boxShadow';
-export { default as BoxTransform } from './boxTransform';
-export * from './z-indexes';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxTransform = exports.BoxShadow = void 0;
+var boxShadow_1 = require("./boxShadow");
+Object.defineProperty(exports, "BoxShadow", { enumerable: true, get: function () { return __importDefault(boxShadow_1).default; } });
+var boxTransform_1 = require("./boxTransform");
+Object.defineProperty(exports, "BoxTransform", { enumerable: true, get: function () { return __importDefault(boxTransform_1).default; } });
+__exportStar(require("./z-indexes"), exports);

package/dist/styles/mixins/z-indexes.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zIndexApplyResetBtns = exports.zIndexPageLoader = exports.zIndexHeaderSearch = exports.zIndexAlert = exports.zIndexHeaderSearchFocused = exports.zIndexSidebar = exports.zIndexToTopBtn = exports.zIndexOverlay = exports.zIndexModal = exports.zIndexSearch = void 0;
+exports.zIndexSearch = 996;
+exports.zIndexModal = 996;
+exports.zIndexOverlay = 995;
+exports.zIndexToTopBtn = 993;
+exports.zIndexSidebar = 996;
+exports.zIndexHeaderSearchFocused = 996;
+exports.zIndexAlert = 999;
+exports.zIndexHeaderSearch = 994;
+exports.zIndexPageLoader = 996;
+exports.zIndexApplyResetBtns = 996;

package/dist/styles/typography/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextSmall = exports.FH7 = exports.FH6 = exports.FH5 = exports.FH4 = exports.FH3 = exports.FH2 = exports.FH1 = void 0;
+var typography_1 = require("@ludo.ninja/ui/build/styles/typography");
+Object.defineProperty(exports, "FH1", { enumerable: true, get: function () { return typography_1.FH1; } });
+Object.defineProperty(exports, "FH2", { enumerable: true, get: function () { return typography_1.FH2; } });
+Object.defineProperty(exports, "FH3", { enumerable: true, get: function () { return typography_1.FH3; } });
+Object.defineProperty(exports, "FH4", { enumerable: true, get: function () { return typography_1.FH4; } });
+Object.defineProperty(exports, "FH5", { enumerable: true, get: function () { return typography_1.FH5; } });
+Object.defineProperty(exports, "FH6", { enumerable: true, get: function () { return typography_1.FH6; } });
+Object.defineProperty(exports, "FH7", { enumerable: true, get: function () { return typography_1.FH7; } });
+Object.defineProperty(exports, "TextSmall", { enumerable: true, get: function () { return typography_1.TextSmall; } });

package/dist/system/ActiveLink/index.js

@@ -0,0 +1,71 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var router_1 = require("next/router");
+var path_to_regexp_1 = require("path-to-regexp");
+var ActiveLink = function (_a) {
+    var children = _a.children, activeClassName = _a.activeClassName, props = __rest(_a, ["children", "activeClassName"]);
+    var asPath = (0, router_1.useRouter)().asPath;
+    var child = react_1.Children.only(children);
+    var childClassName = child.props.className || '';
+    var isActive = (0, path_to_regexp_1.pathToRegexp)(props.href || props.as, [], {
+        sensitive: true,
+    }).test(asPath);
+    var className = props.href || asPath === props.as
+        ? "".concat(childClassName, " ").concat(isActive ? activeClassName : '').trim()
+        : childClassName;
+    return (react_1.default.createElement(link_1.default, __assign({}, props), react_1.default.cloneElement(child, {
+        className: className || null,
+    })));
+};
+// Export
+exports.default = ActiveLink;

package/dist/system/Alert/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Alert_1 = __importDefault(require("@ludo.ninja/ui/build/system/Alert"));
+var ui_1 = require("@/store/ui");
+// Component
+var Alert = function () {
+    var _a = (0, ui_1.useUiStore)(function (state) { return ({
+        closeAlert: state.closeAlert,
+        updateData: state.alertType,
+        isAlertOpen: state.isAlertOpen,
+    }); }), closeAlert = _a.closeAlert, updateData = _a.updateData, isAlertOpen = _a.isAlertOpen;
+    if (!(isAlertOpen && updateData))
+        return null;
+    return React.createElement(Alert_1.default, { closeAlert: closeAlert, updateData: updateData });
+};
+// Export
+exports.default = Alert;

package/dist/system/Alert/type.js

@@ -1 +1,8 @@
-export { alertVariants, alertCaptions, alertBgColors, alertDefaultText, } from '@ludo.ninja/ui/build/system/Alert/type';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alertDefaultText = exports.alertBgColors = exports.alertCaptions = exports.alertVariants = void 0;
+var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
+Object.defineProperty(exports, "alertVariants", { enumerable: true, get: function () { return type_1.alertVariants; } });
+Object.defineProperty(exports, "alertCaptions", { enumerable: true, get: function () { return type_1.alertCaptions; } });
+Object.defineProperty(exports, "alertBgColors", { enumerable: true, get: function () { return type_1.alertBgColors; } });
+Object.defineProperty(exports, "alertDefaultText", { enumerable: true, get: function () { return type_1.alertDefaultText; } });

package/dist/system/BasicOverlay/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+// Styles
+var StyledBasicOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: 3;\n  user-select: none;\n"], ["\n  position: fixed;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: 3;\n  user-select: none;\n"])));
+// Component
+var BasicOverlay = function () {
+    return react_1.default.createElement(StyledBasicOverlay, { "data-testid": "basic-overlay" });
+};
+// Export
+exports.default = BasicOverlay;
+var templateObject_1;

package/dist/system/Buttons/IconButton/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var IconButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/IconButton"));
+exports.default = IconButton_1.default;

package/dist/system/Buttons/IconWithButton/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var IconWithButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/IconWithButton"));
+exports.default = IconWithButton_1.default;

package/dist/system/Buttons/MainButton/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var MainButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/MainButton"));
+exports.default = MainButton_1.default;

package/dist/system/Buttons/SecondaryButton/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var SecondaryButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/SecondaryButton"));
+exports.default = SecondaryButton_1.default;

package/dist/system/Buttons/index.js

@@ -1,4 +1,14 @@
-export { default as IconButton } from './IconButton';
-export { default as IconWithButton } from './IconWithButton';
-export { default as MainButton } from './MainButton';
-export { default as SecondaryButton } from './SecondaryButton';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryButton = exports.MainButton = exports.IconWithButton = exports.IconButton = void 0;
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+var IconWithButton_1 = require("./IconWithButton");
+Object.defineProperty(exports, "IconWithButton", { enumerable: true, get: function () { return __importDefault(IconWithButton_1).default; } });
+var MainButton_1 = require("./MainButton");
+Object.defineProperty(exports, "MainButton", { enumerable: true, get: function () { return __importDefault(MainButton_1).default; } });
+var SecondaryButton_1 = require("./SecondaryButton");
+Object.defineProperty(exports, "SecondaryButton", { enumerable: true, get: function () { return __importDefault(SecondaryButton_1).default; } });