@ludo.ninja/components 2.0.9 → 2.0.11

package/build/store/env/index.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnvProvider = exports.useEnvStore = void 0;
-const next_zustand_1 = require("next-zustand");
-const creators = (0, next_zustand_1.createProvider)()((setState, getState) => ({
+import { createProvider } from 'next-zustand';
+const creators = createProvider()((setState, getState) => ({
     NODE_ENV: '',
     NEXT_PUBLIC_ENV_VALUE: '',
     NEXT_PUBLIC_AUTH_HOST: '',
@@ -32,6 +29,6 @@ const creators = (0, next_zustand_1.createProvider)()((setState, getState) => ({
         return NEXT_PUBLIC_ENV_VALUE === 'prod';
     },
 }));
-exports.useEnvStore = creators.getUseStore();
-exports.EnvProvider = creators.Provider;
+export const useEnvStore = creators.getUseStore();
+export const EnvProvider = creators.Provider;
 //  const getMediaDomain = useEnvStore((state) => state.getMediaDomain);

package/build/store/index.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SSRProvider = exports.useSSRStore = void 0;
-const next_zustand_1 = require("next-zustand");
-const creators = (0, next_zustand_1.createProvider)()(( /*setState*/) => ({
+import { createProvider } from 'next-zustand';
+const creators = createProvider()(( /*setState*/) => ({
     isMobile: false,
     // setIsMobile: (isMobile) => {
     //   setState({ isMobile });
     // },
 }));
-exports.useSSRStore = creators.getUseStore();
-exports.SSRProvider = creators.Provider;
+export const useSSRStore = creators.getUseStore();
+export const SSRProvider = creators.Provider;

package/build/store/media/index.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaStore = void 0;
-const shallow_1 = require("zustand/shallow");
-const traditional_1 = require("zustand/traditional");
-exports.useMediaStore = (0, traditional_1.createWithEqualityFn)()((setState) => ({
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+export const useMediaStore = createWithEqualityFn()((setState) => ({
     audioTracks: [],
     setAudioTracks: (audioTracks) => {
         setState({ audioTracks });
@@ -56,4 +53,4 @@ exports.useMediaStore = (0, traditional_1.createWithEqualityFn)()((setState) =>
             }),
         }));
     },
-}), shallow_1.shallow);
+}), shallow);

package/build/store/media/types.js

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

package/build/store/ui/index.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUiStore = void 0;
-const shallow_1 = require("zustand/shallow");
-const traditional_1 = require("zustand/traditional");
-const createNotificationWithId_1 = require("@ludo.ninja/ui/build/modules/notifications/createNotificationWithId");
-const utils_1 = require("@ludo.ninja/utils");
-const utils_2 = require("@ludo.ninja/utils");
-const theme_1 = require("../../system/theme");
-const interface_1 = require("../../dto/Theme/interface");
-const utils_3 = require("./utils");
-exports.useUiStore = (0, traditional_1.createWithEqualityFn)()((setState) => ({
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+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 { ThemeEnum } from "../../dto/Theme/interface";
+import { builderModal } from './utils';
+export const useUiStore = createWithEqualityFn()((setState) => ({
     //theme
-    theme: theme_1.lightTheme,
+    theme: lightTheme,
     toggleTheme: (theme, themeName) => {
         setState({ theme });
         window.localStorage.setItem('theme', themeName);
-        if (themeName === interface_1.ThemeEnum.dark) {
+        if (themeName === ThemeEnum.dark) {
             document.body.classList.add('dark-theme');
         }
         else {
@@ -30,14 +27,14 @@ exports.useUiStore = (0, traditional_1.createWithEqualityFn)()((setState) => ({
         }
         let isOpenNotification;
         try {
-            const response = (await (0, utils_1.sendEventToExtension)(utils_1.eventsTypes.pingVersion));
+            const response = (await sendEventToExtension(eventsTypes.pingVersion));
             isOpenNotification = !response?.version;
         }
         catch (e) {
             isOpenNotification = true;
         }
         if (isOpenNotification) {
-            await (0, createNotificationWithId_1.createNotificationWithId)(async (data) => {
+            await createNotificationWithId(async (data) => {
                 setState((prev) => ({
                     ...prev,
                     notifications: [data, ...prev.notifications],
@@ -54,11 +51,11 @@ exports.useUiStore = (0, traditional_1.createWithEqualityFn)()((setState) => ({
     //overlay
     isOverlayActive: false,
     openOverLay: () => {
-        (0, utils_2.rootAddOverflow)();
+        rootAddOverflow();
         setState({ isOverlayActive: true });
     },
     closeOverlay: () => {
-        (0, utils_2.rootRemoveOverflow)();
+        rootRemoveOverflow();
         setState({
             isOverlayActive: false,
             isModalOpen: false,
@@ -70,11 +67,11 @@ exports.useUiStore = (0, traditional_1.createWithEqualityFn)()((setState) => ({
     //sidebar
     isSidebarOpen: false,
     openSidebar: () => {
-        (0, utils_2.rootAddOverflow)();
+        rootAddOverflow();
         setState({ isOverlayActive: true, isSidebarOpen: true });
     },
     closeSidebar: () => {
-        (0, utils_2.rootRemoveOverflow)();
+        rootRemoveOverflow();
         setState({ isOverlayActive: false, isSidebarOpen: false });
     },
     //alert
@@ -98,19 +95,19 @@ exports.useUiStore = (0, traditional_1.createWithEqualityFn)()((setState) => ({
     addStylesModals: (styles) => {
         setState({ stylesModals: styles });
     },
-    ...(0, utils_3.builderModal)({
+    ...builderModal({
         trigger: 'isModalOpen',
         opener: 'openModal',
         closer: 'closeModal',
     }, setState),
-    ...(0, utils_3.builderModal)({
+    ...builderModal({
         trigger: 'isModalSidebarOpen',
         opener: 'openModalSidebar',
         closer: 'closeModalSidebar',
     }, setState),
-    ...(0, utils_3.builderModal)({
+    ...builderModal({
         trigger: 'isOpenModalSidebarPortal',
         opener: 'openModalSidebarPortal',
         closer: 'closeModalSidebarPortal',
     }, setState),
-}), shallow_1.shallow);
+}), shallow);

package/build/store/ui/types.js

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

package/build/store/ui/utils.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.builderModal = void 0;
-const utils_1 = require("@ludo.ninja/utils");
-const builderModal = (fields, setState) => ({
+import { rootAddOverflow, rootRemoveOverflow } from '@ludo.ninja/utils';
+export const builderModal = (fields, setState) => ({
     [fields.trigger]: false,
     [fields.opener]: (component) => {
-        (0, utils_1.rootAddOverflow)();
+        rootAddOverflow();
         setState({
             contentModals: component,
             isOverlayActive: true,
@@ -13,7 +10,7 @@ const builderModal = (fields, setState) => ({
         });
     },
     [fields.closer]: () => {
-        (0, utils_1.rootRemoveOverflow)();
+        rootRemoveOverflow();
         setState({
             contentModals: null,
             stylesModals: null,
@@ -22,4 +19,3 @@ const builderModal = (fields, setState) => ({
         });
     },
 });
-exports.builderModal = builderModal;

package/build/styles/ScreenWidth.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mediaQuery = exports.ScreenWidth = void 0;
-var ScreenWidth;
+export var ScreenWidth;
 (function (ScreenWidth) {
     ScreenWidth[ScreenWidth["MOBILE"] = 767] = "MOBILE";
     ScreenWidth[ScreenWidth["PHONE"] = 360] = "PHONE";
@@ -11,8 +8,8 @@ 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 || (exports.ScreenWidth = ScreenWidth = {}));
-exports.mediaQuery = {
+})(ScreenWidth || (ScreenWidth = {}));
+export const mediaQuery = {
     mobile: `@media (max-width: ${ScreenWidth.MOBILE}px)`,
     tablets: `@media (min-width: ${ScreenWidth.TABLET}px) and (max-width: ${ScreenWidth.DESKTOP}px)`,
     phone: `@media (max-width: ${ScreenWidth.PHONE}px)`,

package/build/styles/animations/index.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rotate = exports.rotateReverse = void 0;
-const styled_components_1 = require("styled-components");
-exports.rotateReverse = (0, styled_components_1.keyframes) `
+import { keyframes } from 'styled-components';
+export const rotateReverse = keyframes `
   from {
     transform: rotate(360deg);
   }
@@ -10,7 +7,7 @@ exports.rotateReverse = (0, styled_components_1.keyframes) `
     transform: rotate(0deg);
   }
 `;
-exports.rotate = (0, styled_components_1.keyframes) `
+export const rotate = keyframes `
   from {
     transform: rotate(0deg);
   }

package/build/styles/colors/index.js

@@ -1,38 +1 @@
-"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; } });
+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';

package/build/styles/globalStyles.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = require("styled-components");
-const FontsInitializeLayout_1 = require("../fonts/FontsInitializeLayout");
-const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
+import { createGlobalStyle } from 'styled-components';
+import { GlobalFontsFallback } from "../fonts/FontsInitializeLayout";
+const GlobalStyle = createGlobalStyle `
   :root {
     --app-height: 100vh;
   }
@@ -81,6 +79,6 @@ const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
     background: ${({ theme }) => theme.colors.scrollBar};
   }
 
-  ${FontsInitializeLayout_1.GlobalFontsFallback}
+  ${GlobalFontsFallback}
 `;
-exports.default = GlobalStyle;
+export default GlobalStyle;

package/build/styles/mixins/boxShadow.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = require("styled-components");
-const BoxShadow = () => (0, styled_components_1.css) `
+import { css } from 'styled-components';
+const BoxShadow = () => css `
   transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
   box-shadow: none;
 
@@ -10,4 +8,4 @@ const BoxShadow = () => (0, styled_components_1.css) `
     transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
   }
 `;
-exports.default = BoxShadow;
+export default BoxShadow;

package/build/styles/mixins/boxTransform.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = require("styled-components");
-const BoxTransform = () => (0, styled_components_1.css) `
+import { css } from 'styled-components';
+const BoxTransform = () => css `
   transition: 0.2s transform ease-in-out;
 
   &:hover {
@@ -9,4 +7,4 @@ const BoxTransform = () => (0, styled_components_1.css) `
     transform: translate(0px, -4px);
   }
 `;
-exports.default = BoxTransform;
+export default BoxTransform;

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

@@ -1,13 +1,10 @@
-"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;
+export const zIndexSearch = 996;
+export const zIndexModal = 996;
+export const zIndexOverlay = 995;
+export const zIndexToTopBtn = 993;
+export const zIndexSidebar = 996;
+export const zIndexHeaderSearchFocused = 996;
+export const zIndexAlert = 999;
+export const zIndexHeaderSearch = 994;
+export const zIndexPageLoader = 996;
+export const zIndexApplyResetBtns = 996;

package/build/styles/typography/index.js

@@ -1,13 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextSmall = exports.FH7 = exports.FH6 = exports.FH5 = exports.FH4 = exports.MainText = 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, "MainText", { enumerable: true, get: function () { return typography_1.MainText; } });
-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; } });
+export { FH1, FH2, FH3, MainText, FH4, FH5, FH6, FH7, TextSmall, } from '@ludo.ninja/ui/build/styles/typography';

package/build/system/ActiveLink/ActiveLink.test.js

@@ -1,18 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const router_1 = require("next/router");
-require("@testing-library/jest-dom/extend-expect");
-const react_1 = require("@testing-library/react");
-const index_1 = __importDefault(require("./index"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRouter } from 'next/router';
+import '@testing-library/jest-dom/extend-expect';
+import { render, screen } from '@testing-library/react';
+import ActiveLink from './index';
 jest.mock('next/router', () => ({
     useRouter: jest.fn(),
 }));
 describe('ActiveLink Component', () => {
-    const useRouterMock = router_1.useRouter;
+    const useRouterMock = useRouter;
     beforeEach(() => {
         useRouterMock.mockReturnValue({
             asPath: '/test-path',
@@ -22,27 +17,27 @@ describe('ActiveLink Component', () => {
         jest.clearAllMocks();
     });
     test('renders child component', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { href: "/test-path", activeClassName: "active", children: (0, jsx_runtime_1.jsx)("span", { children: "Test Link" }) }));
-        const linkElement = react_1.screen.getByText('Test Link');
+        render(_jsx(ActiveLink, { href: "/test-path", activeClassName: "active", children: _jsx("span", { children: "Test Link" }) }));
+        const linkElement = screen.getByText('Test Link');
         expect(linkElement).toBeInTheDocument();
     });
     test('applies activeClassName when href matches asPath', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { href: "/test-path", activeClassName: "active", children: (0, jsx_runtime_1.jsx)("span", { className: "link", children: "Test Link" }) }));
-        const linkElement = react_1.screen.getByText('Test Link');
+        render(_jsx(ActiveLink, { href: "/test-path", activeClassName: "active", children: _jsx("span", { className: "link", children: "Test Link" }) }));
+        const linkElement = screen.getByText('Test Link');
         expect(linkElement).toHaveClass('link active');
     });
     test('does not apply activeClassName when href does not match asPath', () => {
         useRouterMock.mockReturnValueOnce({
             asPath: '/different-path',
         });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { href: "/test-path", activeClassName: "active", children: (0, jsx_runtime_1.jsx)("span", { className: "link", children: "Test Link" }) }));
-        const linkElement = react_1.screen.getByText('Test Link');
+        render(_jsx(ActiveLink, { href: "/test-path", activeClassName: "active", children: _jsx("span", { className: "link", children: "Test Link" }) }));
+        const linkElement = screen.getByText('Test Link');
         expect(linkElement).toHaveClass('link');
         expect(linkElement).not.toHaveClass('active');
     });
     test('applies activeClassName when as prop matches asPath', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { href: "/test-path", as: "/test-path", activeClassName: "active", children: (0, jsx_runtime_1.jsx)("span", { className: "link", children: "Test Link" }) }));
-        const linkElement = react_1.screen.getByText('Test Link');
+        render(_jsx(ActiveLink, { href: "/test-path", as: "/test-path", activeClassName: "active", children: _jsx("span", { className: "link", children: "Test Link" }) }));
+        const linkElement = screen.getByText('Test Link');
         expect(linkElement).toHaveClass('link active');
     });
 });

package/build/system/ActiveLink/index.js

@@ -1,49 +1,21 @@
-"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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const link_1 = __importDefault(require("next/link"));
-const router_1 = require("next/router");
-const path_to_regexp_1 = require("path-to-regexp");
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Children } from 'react';
+import Link from 'next/link';
+import { useRouter } from 'next/router';
+import { pathToRegexp } from 'path-to-regexp';
 const ActiveLink = ({ children, activeClassName, ...props }) => {
-    const { asPath } = (0, router_1.useRouter)();
-    const child = react_1.Children.only(children);
+    const { asPath } = useRouter();
+    const child = Children.only(children);
     const childClassName = child.props.className || '';
-    const isActive = (0, path_to_regexp_1.pathToRegexp)(props.href || props.as, [], {
+    const isActive = pathToRegexp(props.href || props.as, [], {
         sensitive: true,
     }).test(asPath);
     const className = props.href || asPath === props.as
         ? `${childClassName} ${isActive ? activeClassName : ''}`.trim()
         : childClassName;
-    return ((0, jsx_runtime_1.jsx)(link_1.default, { ...props, children: react_1.default.cloneElement(child, {
+    return (_jsx(Link, { ...props, children: React.cloneElement(child, {
             className: className || null,
         }) }));
 };
 // Export
-exports.default = ActiveLink;
+export default ActiveLink;

package/build/system/Alert/index.js

@@ -1,21 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Alert_1 = __importDefault(require("@ludo.ninja/ui/build/system/Alert"));
-const ui_1 = require("../../store/ui");
+import { jsx as _jsx } from "react/jsx-runtime";
+import AlertUi from '@ludo.ninja/ui/build/system/Alert';
+import { useUiStore } from "../../store/ui";
 // Component
 const Alert = () => {
-    const { closeAlert, updateData, isAlertOpen } = (0, ui_1.useUiStore)((state) => ({
+    const { closeAlert, updateData, isAlertOpen } = useUiStore((state) => ({
         closeAlert: state.closeAlert,
         updateData: state.alertType,
         isAlertOpen: state.isAlertOpen,
     }));
     if (!(isAlertOpen && updateData))
         return null;
-    return (0, jsx_runtime_1.jsx)(Alert_1.default, { closeAlert: closeAlert, updateData: updateData });
+    return _jsx(AlertUi, { closeAlert: closeAlert, updateData: updateData });
 };
 // Export
-exports.default = Alert;
+export default Alert;

package/build/system/Alert/type.js

@@ -1,8 +1 @@
-"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; } });
+export { alertVariants, alertCaptions, alertBgColors, alertDefaultText, } from '@ludo.ninja/ui/build/system/Alert/type';

package/build/system/BasicOverlay/index.js

@@ -1,12 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
 // Styles
-const StyledBasicOverlay = styled_components_1.default.div `
+const StyledBasicOverlay = styled.div `
   position: fixed;
   display: block;
   width: 100%;
@@ -21,7 +16,7 @@ const StyledBasicOverlay = styled_components_1.default.div `
 `;
 // Component
 const BasicOverlay = () => {
-    return (0, jsx_runtime_1.jsx)(StyledBasicOverlay, { "data-testid": "basic-overlay" });
+    return _jsx(StyledBasicOverlay, { "data-testid": "basic-overlay" });
 };
 // Export
-exports.default = BasicOverlay;
+export default BasicOverlay;

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

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

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

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

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

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

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

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