@ludo.ninja/components 1.1.6 → 1.1.7

package/dist/store/ui/index.js

@@ -1,164 +0,0 @@
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    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({ 
-    //theme
-    theme: lightTheme, toggleTheme: function (theme, themeName) {
-        setState({ theme: theme });
-        window.localStorage.setItem('theme', themeName);
-        if (themeName === ThemeEnum.dark) {
-            document.body.classList.add('dark-theme');
-        }
-        else {
-            document.body.classList.remove('dark-theme');
-        }
-    }, 
-    //notifications
-    notifications: [], addNotification: function (content) { return __awaiter(void 0, void 0, void 0, function () {
-        var isOpenNotification, response, e_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (process.env.NODE_ENV === 'development') {
-                        return [2 /*return*/];
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, sendEventToExtension(eventsTypes.pingVersion)];
-                case 2:
-                    response = (_a.sent());
-                    isOpenNotification = !(response === null || response === void 0 ? void 0 : response.version);
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _a.sent();
-                    isOpenNotification = true;
-                    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 __generator(this, function (_a) {
-                                setState(function (prev) { return (__assign(__assign({}, prev), { notifications: __spreadArray([data], prev.notifications, true) })); });
-                                return [2 /*return*/];
-                            });
-                        }); })(content)];
-                case 5:
-                    _a.sent();
-                    _a.label = 6;
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); }, removeNotification: function (id) {
-        setState(function (prev) { return (__assign(__assign({}, prev), { notifications: prev.notifications.filter(function (el) { return el.id !== id; }) })); });
-    }, 
-    //overlay
-    isOverlayActive: false, openOverLay: function () {
-        rootAddOverflow();
-        setState({ isOverlayActive: true });
-    }, closeOverlay: function () {
-        rootRemoveOverflow();
-        setState({
-            isOverlayActive: false,
-            isModalOpen: false,
-            isSidebarOpen: false,
-            isModalSidebarOpen: false,
-            isOpenModalSidebarPortal: false,
-        });
-    }, 
-    //sidebar
-    isSidebarOpen: false, openSidebar: function () {
-        rootAddOverflow();
-        setState({ isOverlayActive: true, isSidebarOpen: true });
-    }, closeSidebar: function () {
-        rootRemoveOverflow();
-        setState({ isOverlayActive: false, isSidebarOpen: false });
-    }, 
-    //alert
-    isAlertOpen: false, alertType: null, openAlert: function (alertType) {
-        setState({
-            isAlertOpen: true,
-            alertType: alertType,
-        });
-    }, closeAlert: function () {
-        setState({
-            isAlertOpen: false,
-            alertType: null,
-        });
-    }, 
-    //modals
-    contentModals: null, stylesModals: null, addStylesModals: function (styles) {
-        setState({ stylesModals: styles });
-    } }, builderModal({
-    trigger: 'isModalOpen',
-    opener: 'openModal',
-    closer: 'closeModal',
-}, setState)), builderModal({
-    trigger: 'isModalSidebarOpen',
-    opener: 'openModalSidebar',
-    closer: 'closeModalSidebar',
-}, setState)), builderModal({
-    trigger: 'isOpenModalSidebarPortal',
-    opener: 'openModalSidebarPortal',
-    closer: 'closeModalSidebarPortal',
-}, setState))); }, shallow);

package/dist/store/ui/types.js

@@ -1 +0,0 @@
-export {};

package/dist/store/ui/utils.js

@@ -1,28 +0,0 @@
-import { rootAddOverflow, rootRemoveOverflow } from '@ludo.ninja/utils';
-export var builderModal = function (fields, setState) {
-    var _a;
-    return (_a = {},
-        _a[fields.trigger] = false,
-        _a[fields.opener] = function (component) {
-            var _a;
-            rootAddOverflow();
-            setState((_a = {
-                    contentModals: component,
-                    isOverlayActive: true
-                },
-                _a[fields.trigger] = true,
-                _a));
-        },
-        _a[fields.closer] = function () {
-            var _a;
-            rootRemoveOverflow();
-            setState((_a = {
-                    contentModals: null,
-                    stylesModals: null,
-                    isOverlayActive: false
-                },
-                _a[fields.trigger] = false,
-                _a));
-        },
-        _a);
-};

package/dist/styles/ScreenWidth.js

@@ -1,23 +0,0 @@
-export 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 || (ScreenWidth = {}));
-export var 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)"),
-    bigPhone: "@media (max-width: ".concat(ScreenWidth.BIG_PHONE, "px)"),
-    tablet: "@media (max-width: ".concat(ScreenWidth.TABLET, "px)"),
-    desktop: "@media (max-width: ".concat(ScreenWidth.DESKTOP, "px)"),
-    maxWidthTablet: "@media (max-width: ".concat(ScreenWidth.MAX_WIDTH_TABLET, "px)"),
-    minWidthTablet: "@media (min-width: ".concat(ScreenWidth.TABLET, "px)"),
-    minWidthDesktop: "@media (min-width: ".concat(ScreenWidth.DESKTOP, "px)"),
-    minWidthFourK: "@media (min-width: ".concat(ScreenWidth.FOUR_K_MIN, "px)"),
-};

package/dist/styles/animations/index.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { keyframes } from 'styled-components';
-export var rotateReverse = 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"])));
-export var rotate = 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/animations/index.jsx

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { keyframes } from 'styled-components';
-export var rotateReverse = 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"])));
-export var rotate = 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 +0,0 @@
-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/dist/styles/colors/index.jsx

@@ -1,36 +0,0 @@
-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/dist/styles/globalStyles.js

@@ -1,21 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { createGlobalStyle } from 'styled-components';
-import { GlobalFontsFallback } from '@/fonts/FontsInitializeLayout';
-var GlobalStyle = 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;
-}, GlobalFontsFallback);
-export default GlobalStyle;
-var templateObject_1;

package/dist/styles/globalStyles.jsx

@@ -1,55 +0,0 @@
-import { createGlobalStyle } from 'styled-components';
-
-import { GlobalFontsFallback } from '@/fonts/FontsInitializeLayout';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var GlobalStyle = 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;
-  },
-  GlobalFontsFallback
-);
-export default GlobalStyle;
-var templateObject_1;

package/dist/styles/index.js

@@ -1,3 +0,0 @@
-export { default as GlobalStyle } from './globalStyles';
-export * from './ScreenWidth';
-export * from './colors';

package/dist/styles/mixins/boxShadow.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from 'styled-components';
-var BoxShadow = function () { return 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"]))); };
-export default BoxShadow;
-var templateObject_1;

package/dist/styles/mixins/boxShadow.jsx

@@ -1,28 +0,0 @@
-import { css } from 'styled-components';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var BoxShadow = function () {
-  return 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',
-        ]
-      ))
-  );
-};
-export default BoxShadow;
-var templateObject_1;

package/dist/styles/mixins/boxTransform.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from 'styled-components';
-var BoxTransform = function () { return 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"]))); };
-export default BoxTransform;
-var templateObject_1;

package/dist/styles/mixins/boxTransform.jsx

@@ -1,28 +0,0 @@
-import { css } from 'styled-components';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var BoxTransform = function () {
-  return 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',
-        ]
-      ))
-  );
-};
-export default BoxTransform;
-var templateObject_1;

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

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

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

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

package/dist/styles/typography/index.js

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

package/dist/styles/typography/index.jsx

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

package/dist/system/ActiveLink/index.js

@@ -1,44 +0,0 @@
-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 __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;
-};
-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';
-var ActiveLink = function (_a) {
-    var children = _a.children, activeClassName = _a.activeClassName, props = __rest(_a, ["children", "activeClassName"]);
-    var asPath = useRouter().asPath;
-    var child = Children.only(children);
-    var childClassName = child.props.className || '';
-    var isActive = pathToRegexp(props.href || props.as, [], {
-        sensitive: true,
-    }).test(asPath);
-    var className = props.href || asPath === props.as
-        ? "".concat(childClassName, " ").concat(isActive ? activeClassName : '').trim()
-        : childClassName;
-    return (_jsx(Link, __assign({}, props, { children: React.cloneElement(child, {
-            className: className || null,
-        }) })));
-};
-// Export
-export default ActiveLink;

package/dist/system/ActiveLink/index.jsx

@@ -1,34 +0,0 @@
-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;
-};
-import React, { Children } from 'react';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import { pathToRegexp } from 'path-to-regexp';
-var ActiveLink = function (_a) {
-    var children = _a.children, activeClassName = _a.activeClassName, props = __rest(_a, ["children", "activeClassName"]);
-    var asPath = useRouter().asPath;
-    var child = Children.only(children);
-    var childClassName = child.props.className || '';
-    var isActive = pathToRegexp(props.href || props.as, [], {
-        sensitive: true,
-    }).test(asPath);
-    var className = props.href || asPath === props.as
-        ? "".concat(childClassName, " ").concat(isActive ? activeClassName : '').trim()
-        : childClassName;
-    return (<Link {...props}>
-      {React.cloneElement(child, {
-            className: className || null,
-        })}
-    </Link>);
-};
-// Export
-export default ActiveLink;

package/dist/system/Alert/index.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import AlertUi from '@ludo.ninja/ui/build/system/Alert';
-import { useUiStore } from '@/store/ui';
-// Component
-var Alert = function () {
-    var _a = 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 _jsx(AlertUi, { closeAlert: closeAlert, updateData: updateData });
-};
-// Export
-export default Alert;

package/dist/system/Alert/index.jsx

@@ -1,15 +0,0 @@
-import AlertUi from '@ludo.ninja/ui/build/system/Alert';
-import { useUiStore } from '@/store/ui';
-// Component
-var Alert = function () {
-    var _a = 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 <AlertUi closeAlert={closeAlert} updateData={updateData}/>;
-};
-// Export
-export default Alert;

package/dist/system/Alert/type.js

@@ -1 +0,0 @@
-export { alertVariants, alertCaptions, alertBgColors, alertDefaultText, } from '@ludo.ninja/ui/build/system/Alert/type';

package/dist/system/BasicOverlay/index.js

@@ -1,15 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-// Styles
-var StyledBasicOverlay = styled.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 _jsx(StyledBasicOverlay, { "data-testid": "basic-overlay" });
-};
-// Export
-export default BasicOverlay;
-var templateObject_1;

package/dist/system/BasicOverlay/index.jsx

@@ -1,15 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-// Styles
-var StyledBasicOverlay = styled.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 <StyledBasicOverlay data-testid="basic-overlay"/>;
-};
-// Export
-export default BasicOverlay;
-var templateObject_1;

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

@@ -1,2 +0,0 @@
-import IconButton from '@ludo.ninja/ui/build/system/Buttons/IconButton';
-export default IconButton;

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

@@ -1,2 +0,0 @@
-import IconButton from '@ludo.ninja/ui/build/system/Buttons/IconButton';
-export default IconButton;

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

@@ -1,2 +0,0 @@
-import IconWithButton from '@ludo.ninja/ui/build/system/Buttons/IconWithButton';
-export default IconWithButton;

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

@@ -1,2 +0,0 @@
-import IconWithButton from '@ludo.ninja/ui/build/system/Buttons/IconWithButton';
-export default IconWithButton;