@ludo.ninja/components 2.3.6 → 2.3.8

package/build/store/env/index.js

@@ -0,0 +1,33 @@
+"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) => ({
+    NODE_ENV: '',
+    NEXT_PUBLIC_ENV_VALUE: '',
+    NEXT_PUBLIC_ENV_DOMAIN: '',
+    NEXT_PUBLIC_STATIC_DOMAIN: '',
+    getStaticDomain: (env) => {
+        const { NEXT_PUBLIC_STATIC_DOMAIN } = getState();
+        return `https://static.${env || NEXT_PUBLIC_STATIC_DOMAIN}`;
+    },
+    getMediaDomain: (env) => {
+        const { NEXT_PUBLIC_STATIC_DOMAIN } = getState();
+        return `https://media.${env || NEXT_PUBLIC_STATIC_DOMAIN}`;
+    },
+    getAudioDomain: (env) => {
+        const { NEXT_PUBLIC_STATIC_DOMAIN } = getState();
+        return `https://sound.${env || NEXT_PUBLIC_STATIC_DOMAIN}`;
+    },
+    getVideoDomain: (env) => {
+        const { NEXT_PUBLIC_STATIC_DOMAIN } = getState();
+        return `https://video.${env || NEXT_PUBLIC_STATIC_DOMAIN}`;
+    },
+    isProd: () => {
+        const { NEXT_PUBLIC_ENV_VALUE } = getState();
+        return NEXT_PUBLIC_ENV_VALUE === 'prod';
+    },
+}));
+exports.useEnvStore = creators.getUseStore();
+exports.EnvProvider = creators.Provider;
+//  const getMediaDomain = useEnvStore((state) => state.getMediaDomain);

package/build/store/index.d.ts

@@ -0,0 +1,9 @@
+interface ISSRStore {
+    isMobile: boolean;
+}
+export declare const useSSRStore: <F>(selector: (state: ISSRStore) => F, equalityFn?: ((a: F, b: F) => boolean) | undefined) => F;
+export declare const SSRProvider: ({ children, initialState }: {
+    children: import("react").ReactNode;
+    initialState: ((prevStore: ISSRStore) => Partial<ISSRStore>) | Partial<ISSRStore>;
+}) => JSX.Element;
+export {};

package/build/store/index.js

@@ -0,0 +1,12 @@
+"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*/) => ({
+    isMobile: false,
+    // setIsMobile: (isMobile) => {
+    //   setState({ isMobile });
+    // },
+}));
+exports.useSSRStore = creators.getUseStore();
+exports.SSRProvider = creators.Provider;

package/build/store/media/index.d.ts

@@ -0,0 +1,2 @@
+import { IMediaStore } from './types';
+export declare const useMediaStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<IMediaStore>>;

package/build/store/media/index.js

@@ -0,0 +1,59 @@
+"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) => ({
+    audioTracks: [],
+    setAudioTracks: (audioTracks) => {
+        setState({ audioTracks });
+    },
+    playAudioTrack: (audioSrc) => {
+        setState((prevStore) => {
+            const tracks = prevStore.audioTracks;
+            const ifExist = tracks.some((track) => {
+                return track.audioSrc === audioSrc;
+            });
+            if (!ifExist) {
+                const newTracks = [...tracks].map((track) => {
+                    track.playing = false;
+                    track.audio.currentTime = 0;
+                    return track;
+                });
+                return {
+                    ...prevStore,
+                    audioTracks: [
+                        ...newTracks,
+                        {
+                            audioSrc,
+                            audio: new Audio(audioSrc),
+                            playing: true,
+                        },
+                    ],
+                };
+            }
+            else {
+                return {
+                    ...prevStore,
+                    audioTracks: [...tracks].map((track) => {
+                        track.playing = track.audioSrc === audioSrc;
+                        track.audio.currentTime = 0;
+                        return track;
+                    }),
+                };
+            }
+        });
+    },
+    pauseAudioTrack: (audioSrc) => {
+        setState((prevStore) => ({
+            ...prevStore,
+            audioTracks: [...prevStore.audioTracks].map((track) => {
+                if (track.audioSrc === audioSrc) {
+                    track.playing = false;
+                    track.audio.currentTime = 0;
+                }
+                return track;
+            }),
+        }));
+    },
+}), shallow_1.shallow);

package/build/store/media/types.d.ts

@@ -0,0 +1,11 @@
+export type sourceType = {
+    audioSrc: string;
+    audio: HTMLAudioElement;
+    playing: boolean;
+};
+export interface IMediaStore {
+    audioTracks: sourceType[];
+    setAudioTracks: (audioTracks: sourceType[]) => void;
+    playAudioTrack: (audioSrc: string) => void;
+    pauseAudioTrack: (audioSrc: string) => void;
+}

package/build/store/media/types.js

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

package/build/store/ui/index.d.ts

@@ -0,0 +1,2 @@
+import { IUiStore } from './types';
+export declare const useUiStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<IUiStore>>;

package/build/store/ui/index.js

@@ -0,0 +1,116 @@
+"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) => ({
+    //theme
+    theme: theme_1.lightTheme,
+    toggleTheme: (theme, themeName) => {
+        setState({ theme });
+        window.localStorage.setItem('theme', themeName);
+        if (themeName === interface_1.ThemeEnum.dark) {
+            document.body.classList.add('dark-theme');
+        }
+        else {
+            document.body.classList.remove('dark-theme');
+        }
+    },
+    //notifications
+    notifications: [],
+    addNotification: async (content) => {
+        // if (process.env.NODE_ENV === 'development') {
+        //   return;
+        // }
+        let isOpenNotification;
+        try {
+            const response = (await (0, utils_1.sendEventToExtension)(utils_1.eventsTypes.pingVersion));
+            isOpenNotification = !response?.version;
+        }
+        catch (e) {
+            isOpenNotification = true;
+        }
+        if (isOpenNotification) {
+            await (0, createNotificationWithId_1.createNotificationWithId)(async (data) => {
+                setState((prev) => ({
+                    ...prev,
+                    notifications: [data, ...prev.notifications],
+                }));
+            })(content);
+        }
+    },
+    removeNotification: (id) => {
+        setState((prev) => ({
+            ...prev,
+            notifications: prev.notifications.filter((el) => el.id !== id),
+        }));
+    },
+    //overlay
+    isOverlayActive: false,
+    openOverLay: () => {
+        (0, utils_2.rootAddOverflow)();
+        setState({ isOverlayActive: true });
+    },
+    closeOverlay: () => {
+        (0, utils_2.rootRemoveOverflow)();
+        setState({
+            isOverlayActive: false,
+            isModalOpen: false,
+            isSidebarOpen: false,
+            isModalSidebarOpen: false,
+            isOpenModalSidebarPortal: false,
+        });
+    },
+    //sidebar
+    isSidebarOpen: false,
+    openSidebar: () => {
+        (0, utils_2.rootAddOverflow)();
+        setState({ isOverlayActive: true, isSidebarOpen: true });
+    },
+    closeSidebar: () => {
+        (0, utils_2.rootRemoveOverflow)();
+        setState({ isOverlayActive: false, isSidebarOpen: false });
+    },
+    //alert
+    isAlertOpen: false,
+    alertType: null,
+    openAlert: (alertType) => {
+        setState({
+            isAlertOpen: true,
+            alertType,
+        });
+    },
+    closeAlert: () => {
+        setState({
+            isAlertOpen: false,
+            alertType: null,
+        });
+    },
+    //modals
+    contentModals: null,
+    stylesModals: null,
+    addStylesModals: (styles) => {
+        setState({ stylesModals: styles });
+    },
+    ...(0, utils_3.builderModal)({
+        trigger: 'isModalOpen',
+        opener: 'openModal',
+        closer: 'closeModal',
+    }, setState),
+    ...(0, utils_3.builderModal)({
+        trigger: 'isModalSidebarOpen',
+        opener: 'openModalSidebar',
+        closer: 'closeModalSidebar',
+    }, setState),
+    ...(0, utils_3.builderModal)({
+        trigger: 'isOpenModalSidebarPortal',
+        opener: 'openModalSidebarPortal',
+        closer: 'closeModalSidebarPortal',
+    }, setState),
+}), shallow_1.shallow);

package/build/store/ui/types.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+import { DefaultTheme } from 'styled-components';
+import { TNotificationData, TNotifications } from '../../modules/notifications';
+import { alertTypeProps } from '../../system/Alert/type';
+import { ThemeEnum } from '../../dto/Theme/interface';
+export interface IUiStore {
+    theme: DefaultTheme;
+    toggleTheme: (theme: DefaultTheme, themeName: keyof typeof ThemeEnum) => void;
+    notifications: TNotifications;
+    addNotification: (content: TNotificationData['content']) => Promise<void>;
+    removeNotification: (id: number) => void;
+    isOverlayActive: boolean;
+    openOverLay: () => void;
+    closeOverlay: () => void;
+    isSidebarOpen: boolean;
+    openSidebar: () => void;
+    closeSidebar: () => void;
+    isAlertOpen: boolean;
+    alertType: alertTypeProps | null;
+    openAlert: (alertType: alertTypeProps) => void;
+    closeAlert: () => void;
+    contentModals: null | JSX.Element;
+    stylesModals: null | CSSProperties;
+    addStylesModals: (styles: CSSProperties) => void;
+    isModalOpen: boolean;
+    openModal: (component: JSX.Element) => void;
+    closeModal: () => void;
+    isModalSidebarOpen: boolean;
+    openModalSidebar: (component: JSX.Element) => void;
+    closeModalSidebar: () => void;
+    isOpenModalSidebarPortal: boolean;
+    openModalSidebarPortal: (component: JSX.Element) => void;
+    closeModalSidebarPortal: () => void;
+}

package/build/store/ui/types.js

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

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

@@ -0,0 +1,7 @@
+import { StoreApi } from 'zustand/esm/vanilla';
+import { IUiStore } from './types';
+export declare const builderModal: <T, O, C>(fields: {
+    trigger: keyof T;
+    opener: keyof O;
+    closer: keyof C;
+}, setState: StoreApi<IUiStore>["setState"]) => T & C & O;

package/build/store/ui/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.builderModal = void 0;
+const utils_1 = require("@ludo.ninja/utils");
+const builderModal = (fields, setState) => ({
+    [fields.trigger]: false,
+    [fields.opener]: (component) => {
+        (0, utils_1.rootAddOverflow)();
+        setState({
+            contentModals: component,
+            isOverlayActive: true,
+            [fields.trigger]: true,
+        });
+    },
+    [fields.closer]: () => {
+        (0, utils_1.rootRemoveOverflow)();
+        setState({
+            contentModals: null,
+            stylesModals: null,
+            isOverlayActive: false,
+            [fields.trigger]: false,
+        });
+    },
+});
+exports.builderModal = builderModal;

package/build/styles/ScreenWidth.d.ts

@@ -0,0 +1,22 @@
+export declare enum ScreenWidth {
+    MOBILE = 767,
+    PHONE = 360,
+    BIG_PHONE = 500,
+    TABLET = 768,
+    DESKTOP = 1200,
+    MAX_WIDTH_TABLET = 1199,
+    FOUR_K_MIN = 2032,
+    FOUR_K_MAX = 4064
+}
+export declare const mediaQuery: {
+    mobile: string;
+    tablets: string;
+    phone: string;
+    bigPhone: string;
+    tablet: string;
+    desktop: string;
+    maxWidthTablet: string;
+    minWidthTablet: string;
+    minWidthDesktop: string;
+    minWidthFourK: string;
+};

package/build/styles/ScreenWidth.js

@@ -0,0 +1,26 @@
+"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";
+    ScreenWidth[ScreenWidth["BIG_PHONE"] = 500] = "BIG_PHONE";
+    ScreenWidth[ScreenWidth["TABLET"] = 768] = "TABLET";
+    ScreenWidth[ScreenWidth["DESKTOP"] = 1200] = "DESKTOP";
+    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 = {
+    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)`,
+    bigPhone: `@media (max-width: ${ScreenWidth.BIG_PHONE}px)`,
+    tablet: `@media (max-width: ${ScreenWidth.TABLET}px)`,
+    desktop: `@media (max-width: ${ScreenWidth.DESKTOP}px)`,
+    maxWidthTablet: `@media (max-width: ${ScreenWidth.MAX_WIDTH_TABLET}px)`,
+    minWidthTablet: `@media (min-width: ${ScreenWidth.TABLET}px)`,
+    minWidthDesktop: `@media (min-width: ${ScreenWidth.DESKTOP}px)`,
+    minWidthFourK: `@media (min-width: ${ScreenWidth.FOUR_K_MIN}px)`,
+};

package/build/styles/animations/index.d.ts

@@ -0,0 +1,2 @@
+export declare const rotateReverse: import("styled-components").Keyframes;
+export declare const rotate: import("styled-components").Keyframes;

package/build/styles/animations/index.js

@@ -0,0 +1,20 @@
+"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) `
+  from {
+    transform: rotate(360deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+`;
+exports.rotate = (0, styled_components_1.keyframes) `
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;

package/build/styles/colors/index.d.ts

@@ -0,0 +1 @@
+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/colors/index.js

@@ -0,0 +1,38 @@
+"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/build/styles/globalStyles.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default GlobalStyle;

package/build/styles/globalStyles.js

@@ -0,0 +1,86 @@
+"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) `
+  :root {
+    --app-height: 100vh;
+  }
+
+  button {
+    cursor: pointer;
+    box-sizing: border-box;
+    font-family: inherit;
+  }
+
+  html {
+    font-size: 0.625rem;
+    min-height: var(--app-height);
+    -webkit-font-smoothing: antialiased;
+    scroll-behavior: smooth;
+  }
+
+  body {
+    font-family: var(--PoppinsFont);
+    letter-spacing: -0.015em;
+    padding: 0;
+    background: ${({ theme }) => theme.colors.bg};
+    border: 0;
+    margin: 0;
+    min-height: var(--app-height);
+    position: relative;
+
+    &.dark-theme {
+      .react-loading-skeleton {
+        --base-color: #3A3D4C !important;
+        --highlight-color: #292C39 !important;
+      }
+    }
+  }
+
+  * {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+  }
+
+  a {
+    text-decoration: none;
+    color: rgba(13, 110, 253, var(--bs-link-opacity, 1));
+  }
+
+  .modal-dialog {
+    max-width: 100%;
+    width: fit-content;
+  }
+
+  .modal-dg {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+  }
+
+  .modal-content {
+    border-radius: 2.2rem !important;
+    overflow: hidden;
+    outline: none;
+    border: 0;
+  }
+
+  ::selection {
+    color: ${({ theme }) => theme.colors.naturalWhite};
+    background-color: ${({ theme }) => theme.colors.accent};
+  }
+
+  ::-webkit-scrollbar {
+    height: 2px;
+    width: 4px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: ${({ theme }) => theme.colors.scrollBar};
+  }
+
+  ${FontsInitializeLayout_1.GlobalFontsFallback}
+`;
+exports.default = GlobalStyle;

package/build/styles/mixins/boxShadow.d.ts

@@ -0,0 +1,2 @@
+declare const BoxShadow: () => import("styled-components").FlattenSimpleInterpolation;
+export default BoxShadow;

package/build/styles/mixins/boxShadow.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = require("styled-components");
+const BoxShadow = () => (0, styled_components_1.css) `
+  transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
+  box-shadow: none;
+
+  &:hover {
+    box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.15);
+    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
+  }
+`;
+exports.default = BoxShadow;

package/build/styles/mixins/boxTransform.d.ts

@@ -0,0 +1,2 @@
+declare const BoxTransform: () => import("styled-components").FlattenSimpleInterpolation;
+export default BoxTransform;

package/build/styles/mixins/boxTransform.js

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

package/build/styles/mixins/z-indexes.d.ts

@@ -0,0 +1,10 @@
+export declare const zIndexSearch = 996;
+export declare const zIndexModal = 996;
+export declare const zIndexOverlay = 995;
+export declare const zIndexToTopBtn = 993;
+export declare const zIndexSidebar = 996;
+export declare const zIndexHeaderSearchFocused = 996;
+export declare const zIndexAlert = 999;
+export declare const zIndexHeaderSearch = 994;
+export declare const zIndexPageLoader = 996;
+export declare const zIndexApplyResetBtns = 996;

package/build/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/build/styles/typography/index.d.ts

@@ -0,0 +1 @@
+export { FH1, FH2, FH3, MainText, FH4, FH5, FH6, FH7, TextSmall, } from '@ludo.ninja/ui/build/styles/typography';

package/build/styles/typography/index.js

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

package/build/system/ActiveLink/ActiveLink.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';