@ludo.ninja/components 1.9.5 → 2.0.0

package/dist/modules/virtuoso/VirtuosoToTopBtn.js

@@ -1,43 +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.VirtuosoToTopBtn = exports.useVirtuosoToTopBtnInitialize = void 0;
-var react_1 = require("react");
-var react_2 = __importDefault(require("react"));
-var toTopBtn_1 = require("@ludo.ninja/components/dist/components/toTopBtn");
-var useVirtuosoToTopBtnInitialize = function () {
-    var _a = (0, react_1.useState)(false), isShowBtn = _a[0], setIsShowBtn = _a[1];
-    var oldScrollY = (0, react_1.useRef)(0);
-    var offsetPixels = 600;
-    return {
-        isShowBtn: isShowBtn,
-        onScroll: function (scrollY) {
-            if (scrollY > offsetPixels) {
-                if (oldScrollY.current > scrollY) {
-                    setIsShowBtn(true);
-                }
-                oldScrollY.current = scrollY;
-            }
-            else {
-                setIsShowBtn(false);
-                oldScrollY.current = offsetPixels;
-            }
-        },
-    };
-};
-exports.useVirtuosoToTopBtnInitialize = useVirtuosoToTopBtnInitialize;
-var VirtuosoToTopBtn = function (_a) {
-    var virtuoso = _a.virtuoso;
-    var handleClickFunction = function () {
-        var _a;
-        (_a = virtuoso.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex({
-            index: 0,
-            behavior: 'smooth',
-            align: 'end',
-        });
-    };
-    return (react_2.default.createElement(toTopBtn_1.ToTopBtnWithCustomHandler, { handleClickFunction: handleClickFunction }));
-};
-exports.VirtuosoToTopBtn = VirtuosoToTopBtn;

package/dist/modules/virtuoso/index.d.ts

@@ -1,5 +0,0 @@
-export * from './types';
-export * from './VirtuosoPageBuilder';
-export * from './VirtuosoToTopBtn';
-export * from './useVirtuosoData';
-export * from './useSubscribeVirtuosoScrollToHeader';

package/dist/modules/virtuoso/index.js

@@ -1,21 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./VirtuosoPageBuilder"), exports);
-__exportStar(require("./VirtuosoToTopBtn"), exports);
-__exportStar(require("./useVirtuosoData"), exports);
-__exportStar(require("./useSubscribeVirtuosoScrollToHeader"), exports);

package/dist/modules/virtuoso/types.d.ts

@@ -1,7 +0,0 @@
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
-export type TCreationAndCollection = CreationEntity | CollectionCreationEntity;
-export type TVirtuosoData<TData> = {
-    creationPacks: TData[][];
-    creations: TData[];
-};

package/dist/modules/virtuoso/types.js

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

package/dist/modules/virtuoso/useSubscribeVirtuosoScrollToHeader.d.ts

@@ -1,3 +0,0 @@
-export declare const useSubscribeVirtuosoScrollToHeader: () => {
-    onScroll(scrollY: number): void;
-};

package/dist/modules/virtuoso/useSubscribeVirtuosoScrollToHeader.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSubscribeVirtuosoScrollToHeader = void 0;
-var react_1 = require("react");
-var useSubscribeVirtuosoScrollToHeader = function () {
-    var lastScrollY = (0, react_1.useRef)(0);
-    var scrollDirection = (0, react_1.useRef)('up');
-    return {
-        onScroll: function (scrollY) {
-            var direction = scrollY > lastScrollY.current ? 'down' : 'up';
-            if (direction !== scrollDirection.current &&
-                (scrollY - lastScrollY.current > 5 ||
-                    scrollY - lastScrollY.current < -5)) {
-                scrollDirection.current = direction;
-                var header = document.body.querySelector('header');
-                if (header) {
-                    if (!header.classList.contains(direction)) {
-                        header.classList.remove(direction === 'up' ? 'down' : 'up');
-                        header.classList.add(direction);
-                    }
-                }
-            }
-            lastScrollY.current = scrollY > 0 ? scrollY : 0;
-        },
-    };
-};
-exports.useSubscribeVirtuosoScrollToHeader = useSubscribeVirtuosoScrollToHeader;

package/dist/modules/virtuoso/useVirtuosoData.d.ts

@@ -1,11 +0,0 @@
-import { TActiveTab } from '@/system/Tabs/TabsNav/type';
-export declare const useVirtuosoData: <TData>({ activeTab, creations, isMobile, isThreeColumn, isProfileCards, }: {
-    activeTab: TActiveTab;
-    isMobile: boolean;
-    creations: TData[];
-    isThreeColumn?: boolean;
-    isProfileCards?: boolean;
-}) => {
-    virtuosoData: TVirtuosoData<TData>;
-    placeholderData: number[][];
-};

package/dist/modules/virtuoso/useVirtuosoData.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtuosoData = void 0;
-var react_1 = require("react");
-var getPageSizeAssets_1 = require("@/utils/getPageSizeAssets");
-var useVirtuosoData = function (_a) {
-    var activeTab = _a.activeTab, creations = _a.creations, isMobile = _a.isMobile, isThreeColumn = _a.isThreeColumn, isProfileCards = _a.isProfileCards;
-    var virtuosoData = (0, react_1.useMemo)(function () {
-        var columnCount = isMobile ? 2 : isThreeColumn ? 3 : 4;
-        if (isProfileCards) {
-            columnCount = isMobile ? 1 : 2;
-        }
-        var creationPacks = [];
-        var indexPack = 0;
-        creations.forEach(function (creation) {
-            if (!creationPacks[indexPack]) {
-                creationPacks[indexPack] = [];
-            }
-            creationPacks[indexPack].push(creation);
-            if (creationPacks[indexPack].length >= columnCount) {
-                indexPack++;
-            }
-        });
-        return { creationPacks: creationPacks, creations: creations };
-    }, [isMobile, creations, isProfileCards]);
-    var placeholderData = (0, react_1.useMemo)(function () {
-        var columnCount = isMobile ? 2 : isThreeColumn ? 3 : 4;
-        var creationPacks = [[]];
-        var indexPack = 0;
-        Array.from({
-            length: (0, getPageSizeAssets_1.getPageSize)({
-                scrollTab: activeTab === null || activeTab === void 0 ? void 0 : activeTab.value,
-            }),
-        }).forEach(function (_, index) {
-            if (!creationPacks[indexPack]) {
-                creationPacks[indexPack] = [];
-            }
-            creationPacks[indexPack].push(index);
-            if (creationPacks[indexPack].length >= columnCount) {
-                indexPack++;
-            }
-        });
-        return creationPacks;
-    }, [isMobile]);
-    return {
-        virtuosoData: virtuosoData,
-        placeholderData: placeholderData,
-    };
-};
-exports.useVirtuosoData = useVirtuosoData;

package/dist/pages/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function Home(): import("react").JSX.Element;

package/dist/pages/index.js

@@ -1,16 +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 head_1 = __importDefault(require("next/head"));
-function Home() {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(head_1.default, null,
-            React.createElement("title", null, "Create Next App"),
-            React.createElement("meta", { name: "description", content: "Generated by create next app" }),
-            React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
-            React.createElement("link", { rel: "icon", href: "/favicon.ico" })),
-        React.createElement("div", null, "Hello")));
-}
-exports.default = Home;

package/dist/store/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export * from './ui';
-export * from './media';
-interface ISSRStore {
-    isMobile: boolean;
-}
-export declare const useSSRStore: <F>(selector: (state: ISSRStore) => F, equalityFn?: (a: F, b: F) => boolean) => F;
-export declare const SSRProvider: ({ children, initialState }: {
-    children: import("react").ReactNode;
-    initialState: ((prevStore: ISSRStore) => Partial<ISSRStore>) | Partial<ISSRStore>;
-}) => JSX.Element;

package/dist/store/index.js

@@ -1,28 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SSRProvider = exports.useSSRStore = void 0;
-var next_zustand_1 = require("next-zustand");
-__exportStar(require("./ui"), exports);
-__exportStar(require("./media"), exports);
-var creators = (0, next_zustand_1.createProvider)()(function ( /*setState*/) { return ({
-    isMobile: false,
-    // setIsMobile: (isMobile) => {
-    //   setState({ isMobile });
-    // },
-}); });
-exports.useSSRStore = creators.getUseStore();
-exports.SSRProvider = creators.Provider;

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

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

package/dist/store/media/index.js

@@ -1,69 +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 __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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaStore = void 0;
-var shallow_1 = require("zustand/shallow");
-var traditional_1 = require("zustand/traditional");
-exports.useMediaStore = (0, traditional_1.createWithEqualityFn)()(function (setState) { return ({
-    audioTracks: [],
-    setAudioTracks: function (audioTracks) {
-        setState({ audioTracks: audioTracks });
-    },
-    playAudioTrack: function (audioSrc) {
-        setState(function (prevStore) {
-            var tracks = prevStore.audioTracks;
-            var ifExist = tracks.some(function (track) {
-                return track.audioSrc === audioSrc;
-            });
-            if (!ifExist) {
-                var newTracks = __spreadArray([], tracks, true).map(function (track) {
-                    track.playing = false;
-                    track.audio.currentTime = 0;
-                    return track;
-                });
-                return __assign(__assign({}, prevStore), { audioTracks: __spreadArray(__spreadArray([], newTracks, true), [
-                        {
-                            audioSrc: audioSrc,
-                            audio: new Audio(audioSrc),
-                            playing: true,
-                        },
-                    ], false) });
-            }
-            else {
-                return __assign(__assign({}, prevStore), { audioTracks: __spreadArray([], tracks, true).map(function (track) {
-                        track.playing = track.audioSrc === audioSrc;
-                        track.audio.currentTime = 0;
-                        return track;
-                    }) });
-            }
-        });
-    },
-    pauseAudioTrack: function (audioSrc) {
-        setState(function (prevStore) { return (__assign(__assign({}, prevStore), { audioTracks: __spreadArray([], prevStore.audioTracks, true).map(function (track) {
-                if (track.audioSrc === audioSrc) {
-                    track.playing = false;
-                    track.audio.currentTime = 0;
-                }
-                return track;
-            }) })); });
-    },
-}); }, shallow_1.shallow);

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

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

package/dist/store/media/types.js

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

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

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

package/dist/store/ui/index.js

@@ -1,167 +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 __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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUiStore = void 0;
-var shallow_1 = require("zustand/shallow");
-var traditional_1 = require("zustand/traditional");
-var core_1 = require("@ludo.ninja/core");
-var createNotificationWithId_1 = require("@ludo.ninja/ui/build/modules/notifications/createNotificationWithId");
-var utils_1 = require("@ludo.ninja/utils");
-var utils_2 = require("@ludo.ninja/utils");
-var system_1 = require("@ludo.ninja/components/dist/system");
-var utils_3 = require("./utils");
-exports.useUiStore = (0, traditional_1.createWithEqualityFn)()(function (setState) { return (__assign(__assign(__assign({ 
-    //theme
-    theme: system_1.lightTheme, toggleTheme: function (theme, themeName) {
-        setState({ theme: theme });
-        window.localStorage.setItem('theme', themeName);
-        if (themeName === core_1.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*/, (0, utils_1.sendEventToExtension)(utils_1.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*/, (0, createNotificationWithId_1.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 () {
-        (0, utils_2.rootAddOverflow)();
-        setState({ isOverlayActive: true });
-    }, closeOverlay: function () {
-        (0, utils_2.rootRemoveOverflow)();
-        setState({
-            isOverlayActive: false,
-            isModalOpen: false,
-            isSidebarOpen: false,
-            isModalSidebarOpen: false,
-            isOpenModalSidebarPortal: false,
-        });
-    }, 
-    //sidebar
-    isSidebarOpen: false, openSidebar: function () {
-        (0, utils_2.rootAddOverflow)();
-        setState({ isOverlayActive: true, isSidebarOpen: true });
-    }, closeSidebar: function () {
-        (0, utils_2.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 });
-    } }, (0, utils_3.builderModal)({
-    trigger: 'isModalOpen',
-    opener: 'openModal',
-    closer: 'closeModal',
-}, setState)), (0, utils_3.builderModal)({
-    trigger: 'isModalSidebarOpen',
-    opener: 'openModalSidebar',
-    closer: 'closeModalSidebar',
-}, setState)), (0, utils_3.builderModal)({
-    trigger: 'isOpenModalSidebarPortal',
-    opener: 'openModalSidebarPortal',
-    closer: 'closeModalSidebarPortal',
-}, setState))); }, shallow_1.shallow);

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

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

package/dist/store/ui/types.js

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

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

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

package/dist/store/ui/utils.js

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

package/dist/styles/ScreenWidth.d.ts

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

@@ -1,26 +0,0 @@
-"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: ".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.d.ts

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

package/dist/styles/animations/index.js

@@ -1,11 +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 });
-exports.rotate = exports.rotateReverse = void 0;
-var styled_components_1 = require("styled-components");
-exports.rotateReverse = (0, styled_components_1.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"])));
-exports.rotate = (0, styled_components_1.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;