@ludo.ninja/components 2.0.0 → 2.0.2

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/dist/models/Keyframes").default;
+export declare const rotate: import("styled-components/dist/models/Keyframes").default;

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,3 @@
+/// <reference types="react" />
+declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+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;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  button {
+    cursor: pointer;
+  }
+
+  html {
+    font-size: 0.625rem;
+    min-height: var(--app-height);
+    -webkit-font-smoothing: antialiased;
+    scroll-behavior: smooth;
+  }
+
+  body {
+    font-family: 'Poppins', sans-serif;
+    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;
+      }
+    }
+  }
+
+  p {
+    padding: 0;
+    margin: 0;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .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").RuleSet<object>;
+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").RuleSet<object>;
+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';

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

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

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

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

package/build/system/ActiveLink/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const link_1 = __importDefault(require("next/link"));
+const router_1 = require("next/router");
+const path_to_regexp_1 = require("path-to-regexp");
+const ActiveLink = ({ children, activeClassName, ...props }) => {
+    const { asPath } = (0, router_1.useRouter)();
+    const child = react_1.Children.only(children);
+    const childClassName = child.props.className || '';
+    const isActive = (0, path_to_regexp_1.pathToRegexp)(props.href || props.as, [], {
+        sensitive: true,
+    }).test(asPath);
+    const className = props.href || asPath === props.as
+        ? `${childClassName} ${isActive ? activeClassName : ''}`.trim()
+        : childClassName;
+    return ((0, jsx_runtime_1.jsx)(link_1.default, { ...props, children: react_1.default.cloneElement(child, {
+            className: className || null,
+        }) }));
+};
+// Export
+exports.default = ActiveLink;

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

@@ -0,0 +1,2 @@
+declare const Alert: () => import("react/jsx-runtime").JSX.Element | null;
+export default Alert;

package/build/system/Alert/index.js

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

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

@@ -0,0 +1,2 @@
+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/build/system/Alert/type.js

@@ -0,0 +1,8 @@
+"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/build/system/BasicOverlay/index.d.ts

@@ -0,0 +1,2 @@
+declare const BasicOverlay: () => import("react/jsx-runtime").JSX.Element;
+export default BasicOverlay;

package/build/system/BasicOverlay/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+// Styles
+const StyledBasicOverlay = styled_components_1.default.div `
+  position: fixed;
+  display: block;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 3;
+  user-select: none;
+`;
+// Component
+const BasicOverlay = () => {
+    return (0, jsx_runtime_1.jsx)(StyledBasicOverlay, { "data-testid": "basic-overlay" });
+};
+// Export
+exports.default = BasicOverlay;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";

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

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

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

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

package/build/system/Cards/CardCheckbox/CardCheckbox.test.d.ts

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

package/build/system/Cards/CardCheckbox/CardCheckbox.test.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom/extend-expect");
+const react_1 = require("@testing-library/react");
+const index_1 = __importDefault(require("@/system/Cards/CardCheckbox/index"));
+const getCheckbox = () => react_1.screen.getByTestId('container')?.children[0].querySelector('input');
+describe('CardCheckBox Component', () => {
+    const handleChange = jest.fn();
+    const renderComponent = (isActiveCheckbox = false) => {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { "data-testid": 'container', children: (0, jsx_runtime_1.jsx)(index_1.default, { isActiveCheckbox: isActiveCheckbox, onChange: handleChange }) }));
+    };
+    test('renders the checkbox correctly', () => {
+        renderComponent(false);
+        const checkbox = getCheckbox();
+        expect(checkbox).toBeInTheDocument();
+        expect(checkbox).not.toBeChecked();
+    });
+    test('checkbox toggles state on click', () => {
+        const { rerender } = renderComponent(false);
+        const checkbox = getCheckbox();
+        expect(checkbox).not.toBeChecked();
+        rerender((0, jsx_runtime_1.jsx)("div", { "data-testid": 'container', children: (0, jsx_runtime_1.jsx)(index_1.default, { isActiveCheckbox: true, onChange: handleChange }) }));
+        expect(checkbox).toBeChecked();
+    });
+    test('calls onChange callback when clicked', () => {
+        renderComponent(false);
+        const checkbox = getCheckbox();
+        react_1.fireEvent.click(checkbox);
+        expect(handleChange).toHaveBeenCalledTimes(1);
+    });
+});

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

@@ -0,0 +1,5 @@
+declare const CardCheckBox: ({ isActiveCheckbox, onChange, }: {
+    isActiveCheckbox: boolean;
+    onChange: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CardCheckBox;