@ludo.ninja/components 1.9.6 → 2.0.0

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

@@ -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.js

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

package/dist/styles/globalStyles.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
-export default GlobalStyle;

package/dist/styles/globalStyles.js

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

package/dist/styles/index.d.ts

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

package/dist/styles/index.js

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

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

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

package/dist/styles/mixins/boxShadow.js

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

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

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

package/dist/styles/mixins/boxTransform.js

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

package/dist/styles/mixins/index.d.ts

@@ -1,3 +0,0 @@
-export { default as BoxShadow } from './boxShadow';
-export { default as BoxTransform } from './boxTransform';
-export * from './z-indexes';

package/dist/styles/mixins/index.js

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

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

@@ -1,10 +0,0 @@
-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/dist/styles/mixins/z-indexes.js

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

package/dist/styles/typography/index.d.ts

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

package/dist/styles/typography/index.js

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

package/dist/system/ActiveLink/index.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactElement } from 'react';
-interface Props {
-    children: ReactElement;
-    activeClassName?: string;
-    href: string;
-    as?: string;
-}
-declare const ActiveLink: ({ children, activeClassName, ...props }: Props) => React.JSX.Element;
-export default ActiveLink;

package/dist/system/ActiveLink/index.js

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

package/dist/system/Alert/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Alert: () => import("react").JSX.Element;
-export default Alert;

package/dist/system/Alert/index.js

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

package/dist/system/Alert/type.d.ts

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

package/dist/system/Alert/type.js

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

package/dist/system/BasicOverlay/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const BasicOverlay: () => React.JSX.Element;
-export default BasicOverlay;

package/dist/system/BasicOverlay/index.js

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

package/dist/system/Buttons/IconButton/index.d.ts

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

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

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

package/dist/system/Buttons/IconWithButton/index.d.ts

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

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

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

package/dist/system/Buttons/MainButton/index.d.ts

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

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

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

package/dist/system/Buttons/SecondaryButton/index.d.ts

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

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

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

package/dist/system/Buttons/index.d.ts

@@ -1,4 +0,0 @@
-export { default as IconButton } from './IconButton';
-export { default as IconWithButton } from './IconWithButton';
-export { default as MainButton } from './MainButton';
-export { default as SecondaryButton } from './SecondaryButton';

package/dist/system/Buttons/index.js

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

package/dist/system/Cards/CardCheckbox/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const CardCheckBox: ({ isActiveCheckbox, onChange, }: {
-    isActiveCheckbox: boolean;
-    onChange: () => void;
-}) => React.JSX.Element;
-export default CardCheckBox;

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

@@ -1,50 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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 });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-// Styles
-var StyledCardCheckBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  .cardCheckboxLabel {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    .cardCheckboxInput {\n      margin: 0;\n      visibility: hidden;\n\n      &:checked + span {\n        border: none;\n      }\n\n      &:checked + span:after {\n        opacity: 1;\n      }\n    }\n\n    .cardCustomCheckbox {\n      cursor: pointer;\n      width: 32px;\n      height: 32px;\n      border: 2px solid ", ";\n      background-color: #12183a33;\n      border-radius: 50%;\n      display: inline-block;\n      position: relative;\n\n      &::after {\n        content: '';\n        display: block;\n        background-image: url('/forms/checkbox/checked.svg');\n        background-size: cover;\n        background-repeat: no-repeat;\n        width: 32px;\n        height: 32px;\n        opacity: 0;\n        transition: opacity 0.2s;\n      }\n\n      @media (max-width: 767px) {\n        width: 24px;\n        height: 24px;\n\n        &::after {\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n  }\n\n  ", " {\n    top: ", ";\n    right: ", ";\n    .cardCheckboxLabel {\n      .cardCustomCheckbox {\n        width: ", ";\n        height: ", ";\n        border-width: ", ";\n        &::after {\n          width: ", ";\n          height: ", ";\n        }\n      }\n    }\n  }\n"], ["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 1;\n\n  .cardCheckboxLabel {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    .cardCheckboxInput {\n      margin: 0;\n      visibility: hidden;\n\n      &:checked + span {\n        border: none;\n      }\n\n      &:checked + span:after {\n        opacity: 1;\n      }\n    }\n\n    .cardCustomCheckbox {\n      cursor: pointer;\n      width: 32px;\n      height: 32px;\n      border: 2px solid ", ";\n      background-color: #12183a33;\n      border-radius: 50%;\n      display: inline-block;\n      position: relative;\n\n      &::after {\n        content: '';\n        display: block;\n        background-image: url('/forms/checkbox/checked.svg');\n        background-size: cover;\n        background-repeat: no-repeat;\n        width: 32px;\n        height: 32px;\n        opacity: 0;\n        transition: opacity 0.2s;\n      }\n\n      @media (max-width: 767px) {\n        width: 24px;\n        height: 24px;\n\n        &::after {\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n  }\n\n  ", " {\n    top: ", ";\n    right: ", ";\n    .cardCheckboxLabel {\n      .cardCustomCheckbox {\n        width: ", ";\n        height: ", ";\n        border-width: ", ";\n        &::after {\n          width: ", ";\n          height: ", ";\n        }\n      }\n    }\n  }\n"])), styles_1.WhiteColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(2), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(32));
-// Component
-var CardCheckBox = function (_a) {
-    var isActiveCheckbox = _a.isActiveCheckbox, onChange = _a.onChange;
-    var id = (0, react_1.useId)();
-    return (react_1.default.createElement(StyledCardCheckBox, null,
-        react_1.default.createElement("label", { htmlFor: id, className: "cardCheckboxLabel" },
-            react_1.default.createElement("input", { className: "cardCheckboxInput", type: "checkbox", name: 'checkbox', id: id, onChange: onChange, checked: isActiveCheckbox }),
-            react_1.default.createElement("span", { className: "cardCustomCheckbox" }))));
-};
-// Export
-exports.default = CardCheckBox;
-var templateObject_1;

package/dist/system/Cards/CardContent/CardCategory/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { LabelType } from '@/dto/common/ItemType';
-declare const CardCategory: ({ label }: {
-    label: LabelType | undefined;
-}) => React.JSX.Element;
-export default CardCategory;

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

@@ -1,27 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-// Styles
-var StyledCardCategory = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 8px;\n\n  .category {\n    .label {\n      ", ";\n      display: inline-block;\n      background: ", ";\n      padding: 1px 5px;\n      line-height: 1.35em;\n      color: ", ";\n      user-select: none;\n      border-radius: 2px;\n      text-transform: uppercase;\n    }\n  }\n\n  @media (max-width: 1040px) {\n    margin-top: 6px;\n  }\n\n  ", " {\n    margin-top: ", ";\n\n    .category {\n      .label {\n        padding: ", " ", ";\n        border-radius: ", ";\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 8px;\n\n  .category {\n    .label {\n      ", ";\n      display: inline-block;\n      background: ", ";\n      padding: 1px 5px;\n      line-height: 1.35em;\n      color: ", ";\n      user-select: none;\n      border-radius: 2px;\n      text-transform: uppercase;\n    }\n  }\n\n  @media (max-width: 1040px) {\n    margin-top: 6px;\n  }\n\n  ", " {\n    margin-top: ", ";\n\n    .category {\n      .label {\n        padding: ", " ", ";\n        border-radius: ", ";\n      }\n    }\n  }\n"])), styles_1.FH6, function (props) { return props.background; }, function (props) { return props.color; }, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(1), (0, _4k_1.adaptiveValueCalc)(5), (0, _4k_1.adaptiveValueCalc)(2));
-// Component
-var CardCategory = function (_a) {
-    var label = _a.label;
-    if (!label)
-        return null;
-    return (react_1.default.createElement(StyledCardCategory, { background: label.backgroundColor, color: label.color },
-        react_1.default.createElement("div", { className: 'category' },
-            react_1.default.createElement("span", { className: 'label' }, label.text))));
-};
-// Export
-exports.default = CardCategory;
-var templateObject_1;

package/dist/system/Cards/CardContent/CardLikes/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const CardLikes: ({ likes, isLiked }: {
-    likes: number;
-    isLiked: boolean;
-}) => React.JSX.Element;
-export default CardLikes;

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

@@ -1,32 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Likes_1 = __importDefault(require("@/system/Cards/Styles/Likes"));
-var scale_1 = require("@/utils/adaptive/scale");
-var screen_1 = require("@/utils/screen");
-var heart_svg_1 = __importDefault(require("@/public/showCaseIcons/heart.svg"));
-// Styles
-var StyledCardLikes = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n"])));
-// Component
-var CardLikes = function (_a) {
-    var likes = _a.likes, isLiked = _a.isLiked;
-    var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (react_1.default.createElement(StyledCardLikes, null, Boolean(likes) && (react_1.default.createElement(Likes_1.default, { isLiked: isLiked },
-        react_1.default.createElement("div", { className: 'icon' },
-            react_1.default.createElement(heart_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({
-                    windowDimensions: windowDimensions,
-                    currentSize: 1,
-                }) })),
-        react_1.default.createElement("span", { className: 'counter' }, likes)))));
-};
-// Export
-exports.default = CardLikes;
-var templateObject_1;

package/dist/system/Cards/CardContent/CardShowMore/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const StyledCardShowMore: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const CardShowMore: ({ itemId, href }: {
-    itemId: string;
-    href: string;
-}) => import("react").JSX.Element;
-export default CardShowMore;