@addev-be/ui 0.3.2 → 0.3.3

package/dist/components/ui/ContextMenu/styles.d.ts

@@ -0,0 +1,18 @@
+import { ThemeColor } from '../../../providers/ThemeProvider/types';
+export declare const MenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const SubMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const MenuItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, {
+    $color?: ThemeColor;
+    disabled?: boolean;
+    $withArrow?: boolean;
+    $opened?: boolean;
+}>> & string;
+export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/components/ui/ContextMenu/styles.js

@@ -0,0 +1,56 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = exports.MenuItemContainer = exports.SubMenu = exports.MenuContainer = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var menuContainerCss = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  color: var(--color-neutral-900);\n  border-radius: var(--rounded-md);\n  padding: var(--space-1) 0;\n  box-shadow: var(--shadow-lg);\n  background-color: var(--color-neutral-100);\n  min-width: 20em;\n  outline: 1px solid var(--color-neutral-200);\n  display: flex;\n  flex-direction: column;\n"], ["\n  position: absolute;\n  color: var(--color-neutral-900);\n  border-radius: var(--rounded-md);\n  padding: var(--space-1) 0;\n  box-shadow: var(--shadow-lg);\n  background-color: var(--color-neutral-100);\n  min-width: 20em;\n  outline: 1px solid var(--color-neutral-200);\n  display: flex;\n  flex-direction: column;\n"])));
+exports.MenuContainer = styled_components_1.default.div.attrs({
+    className: 'MenuContainer',
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  inset: 0;\n"], ["\n  ", "\n  inset: 0;\n"])), menuContainerCss);
+exports.MenuContainer.displayName = 'MenuContainer';
+exports.SubMenu = styled_components_1.default.div.attrs({
+    className: 'SubMenu',
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  top: 0;\n  left: 100%;\n  margin-top: -var(--space-1);\n"], ["\n  ", "\n  top: 0;\n  left: 100%;\n  margin-top: -var(--space-1);\n"])), menuContainerCss);
+exports.SubMenu.displayName = 'SubMenu';
+exports.MenuItemContainer = styled_components_1.default.div.attrs({
+    className: 'MenuItemContainer',
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  font-family: var(--font-sans);\n  font-weight: normal;\n  text-align: left;\n  padding: var(--space-1) var(--space-2);\n  font-size: var(--text-base);\n  line-height: var(--leading-6);\n  border: none;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  svg {\n    fill: currentColor;\n    width: var(--space-4);\n    height: var(--space-4);\n    margin-right: var(--space-2);\n  }\n\n  & > ", " {\n    display: none;\n    margin-top: calc(0px - var(--space-1));\n  }\n  &.opened > ", " {\n    display: block;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  font-family: var(--font-sans);\n  font-weight: normal;\n  text-align: left;\n  padding: var(--space-1) var(--space-2);\n  font-size: var(--text-base);\n  line-height: var(--leading-6);\n  border: none;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  svg {\n    fill: currentColor;\n    width: var(--space-4);\n    height: var(--space-4);\n    margin-right: var(--space-2);\n  }\n\n  & > ", " {\n    display: none;\n    margin-top: calc(0px - var(--space-1));\n  }\n  &.opened > ", " {\n    display: block;\n  }\n"])), function (_a) {
+    var $withArrow = _a.$withArrow;
+    return $withArrow && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        right: var(--space-2);\n        top: 50%;\n        transform: translateY(-50%);\n        border: 4px solid transparent;\n        border-left-color: var(--color-neutral-600);\n      }\n    "], ["\n      &::after {\n        content: '';\n        position: absolute;\n        right: var(--space-2);\n        top: 50%;\n        transform: translateY(-50%);\n        border: 4px solid transparent;\n        border-left-color: var(--color-neutral-600);\n      }\n    "])));
+}, function (_a) {
+    var $color = _a.$color, disabled = _a.disabled;
+    return disabled
+        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          color: var(--color-neutral-300);\n          background-color: var(--color-neutral-100);\n          cursor: default;\n        "], ["\n          color: var(--color-neutral-300);\n          background-color: var(--color-neutral-100);\n          cursor: default;\n        "]))) : $color
+        ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          color: var(--color-", "-600);\n          background-color: var(--color-neutral-100);\n          &:hover {\n            background-color: var(--color-", "-200);\n          }\n        "], ["\n          color: var(--color-", "-600);\n          background-color: var(--color-neutral-100);\n          &:hover {\n            background-color: var(--color-", "-200);\n          }\n        "])), $color, $color) : (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          color: var(--color-neutral-900);\n          background-color: var(--color-neutral-100);\n          &:hover {\n            background-color: var(--color-neutral-200);\n          }\n        "], ["\n          color: var(--color-neutral-900);\n          background-color: var(--color-neutral-100);\n          &:hover {\n            background-color: var(--color-neutral-200);\n          }\n        "])));
+}, exports.SubMenu, exports.SubMenu);
+exports.MenuItemContainer.displayName = 'MenuItemContainer';
+exports.Divider = styled_components_1.default.div.attrs({
+    className: 'Divider',
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  border-top: 1px solid var(--color-neutral-200);\n  margin: var(--space-1) 0;\n"], ["\n  border-top: 1px solid var(--color-neutral-200);\n  margin: var(--space-1) 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/dist/config/index.d.ts

@@ -0,0 +1,10 @@
+export type EnvType = 'dev' | 'test' | 'staging' | 'prod';
+export type Config = {
+    webSocketUrl: string;
+    httpServerUrl: `${string}/`;
+};
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export type PartialConfig = DeepPartial<Config>;
+export {};

package/dist/config/index.js

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

package/dist/config/types.d.ts

@@ -0,0 +1,11 @@
+export type EnvType = 'dev' | 'test' | 'staging' | 'prod';
+export type Config = {
+    webSocketUrl: string;
+    httpServerUrl: `${string}/`;
+    invoicingEnabled?: boolean;
+};
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export type PartialConfig = DeepPartial<Config>;
+export {};

package/dist/config/types.js

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

package/dist/helpers/dates.d.ts

@@ -0,0 +1,2 @@
+import moment from 'moment';
+export declare const formatDate: (date: moment.MomentInput, format?: string) => string;

package/dist/helpers/dates.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDate = void 0;
+var moment_1 = __importDefault(require("moment"));
+var formatDate = function (date, format) {
+    if (format === void 0) { format = 'DD/MM/YYYY'; }
+    var m = moment_1.default.utc(date);
+    return m.isValid() ? m.format(format) : '';
+};
+exports.formatDate = formatDate;

package/dist/helpers/getScrollbarSize.d.ts

@@ -0,0 +1 @@
+export declare const getScrollBarSize: () => number[];

package/dist/helpers/getScrollbarSize.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScrollBarSize = void 0;
+var scrollBarSize = undefined;
+var getScrollBarSize = function () {
+    if (!scrollBarSize) {
+        var el = document.createElement('div');
+        el.style.cssText = 'overflow:scroll; visibility:hidden; position:absolute;';
+        document.body.appendChild(el);
+        var width = el.offsetWidth - el.clientWidth;
+        var height = el.offsetHeight - el.clientHeight;
+        el.remove();
+        scrollBarSize = [width, height];
+    }
+    return scrollBarSize;
+};
+exports.getScrollBarSize = getScrollBarSize;

package/dist/helpers/numbers.d.ts

@@ -0,0 +1,3 @@
+export declare const formatMoney: (number: number, decimals?: number, currency?: string) => string;
+export declare const formatPercentage: (number: number, decimals?: number) => string;
+export declare const formatNumber: (number: number, decimals?: number) => string;

package/dist/helpers/numbers.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
+var formatMoney = function (number, decimals, currency) {
+    if (decimals === void 0) { decimals = 2; }
+    if (currency === void 0) { currency = 'EUR'; }
+    return new Intl.NumberFormat(navigator.language, {
+        style: 'currency',
+        currency: currency,
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(number);
+};
+exports.formatMoney = formatMoney;
+var formatPercentage = function (number, decimals) {
+    if (decimals === void 0) { decimals = 2; }
+    return new Intl.NumberFormat(navigator.language, {
+        style: 'percent',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(number);
+};
+exports.formatPercentage = formatPercentage;
+var formatNumber = function (number, decimals) {
+    if (decimals === void 0) { decimals = 2; }
+    return new Intl.NumberFormat(navigator.language, {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(number);
+};
+exports.formatNumber = formatNumber;

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useElementSize';
+export * from './useWindowSize';

package/dist/hooks/index.js

@@ -0,0 +1,18 @@
+"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("./useElementSize"), exports);
+__exportStar(require("./useWindowSize"), exports);

package/dist/hooks/useElementSize.d.ts

@@ -0,0 +1,4 @@
+export declare const useElementSize: (element: HTMLElement | null) => {
+    width: number;
+    height: number;
+};

package/dist/hooks/useElementSize.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementSize = void 0;
+var react_1 = require("react");
+var useElementSize = function (element) {
+    var _a = (0, react_1.useState)({ width: 0, height: 0 }), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        if (!element) {
+            return;
+        }
+        var observer = new ResizeObserver(function (entries) {
+            var entry = entries[0];
+            var _a = entry.contentRect, width = _a.width, height = _a.height;
+            setSize({ width: width, height: height });
+        });
+        observer.observe(element);
+        return function () {
+            observer.disconnect();
+        };
+    }, [element]);
+    return size;
+};
+exports.useElementSize = useElementSize;

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,4 @@
+export declare const useWindowSize: () => {
+    width: number;
+    height: number;
+};

package/dist/hooks/useWindowSize.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
+var react_1 = require("react");
+var useWindowSize = function () {
+    var _a = (0, react_1.useState)({ width: 0, height: 0 }), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () {
+            setSize({ width: window.outerWidth, height: window.outerHeight });
+        };
+        window.addEventListener('resize', handleResize);
+        handleResize();
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    return size;
+};
+exports.useWindowSize = useWindowSize;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './providers';
+export * from './Icons';
+export * from './config';
+export * from './services';

package/dist/index.js

@@ -0,0 +1,21 @@
+"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("./components"), exports);
+__exportStar(require("./providers"), exports);
+__exportStar(require("./Icons"), exports);
+__exportStar(require("./config"), exports);
+__exportStar(require("./services"), exports);

package/dist/providers/PortalsProvider/index.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren, ReactNode, ReactPortal } from 'react';
+export type PortalProps = {
+    key: string;
+    children: ReactNode;
+};
+export type PortalsContextType = {
+    createPortal: (children: ReactNode) => ReactPortal | null;
+};
+export declare const PortalsContext: import("react").Context<PortalsContextType>;
+export declare const PortalsProvider: FC<PropsWithChildren>;

package/dist/providers/PortalsProvider/index.js

@@ -0,0 +1,46 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PortalsProvider = exports.PortalsContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles = __importStar(require("./styles"));
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+exports.PortalsContext = (0, react_1.createContext)({
+    createPortal: function () { return null; },
+});
+var PortalsProvider = function (_a) {
+    var children = _a.children;
+    var containerRef = (0, react_1.useRef)(null);
+    var createLocalPortal = (0, react_1.useCallback)(function (children) {
+        var _a;
+        return (_a = (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles.PortalContainer, { children: children }), containerRef.current)) !== null && _a !== void 0 ? _a : null;
+    }, []);
+    var value = (0, react_1.useMemo)(function () { return ({
+        createPortal: createLocalPortal,
+    }); }, [createLocalPortal]);
+    return ((0, jsx_runtime_1.jsxs)(exports.PortalsContext.Provider, { value: value, children: [children, (0, jsx_runtime_1.jsx)(styles.PortalsWrapper, { ref: containerRef })] }));
+};
+exports.PortalsProvider = PortalsProvider;

package/dist/providers/PortalsProvider/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const BackdropContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const PortalsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const PortalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/providers/PortalsProvider/styles.js

@@ -0,0 +1,21 @@
+"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 });
+exports.PortalContainer = exports.PortalsWrapper = exports.BackdropContainer = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.BackdropContainer = styled_components_1.default.div.attrs({
+    className: 'BackdropContainer',
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+exports.PortalsWrapper = styled_components_1.default.div.attrs({
+    className: 'PortalsWrapper',
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 0;\n  height: 0;\n"], ["\n  width: 0;\n  height: 0;\n"])));
+exports.PortalContainer = styled_components_1.default.div.attrs({
+    className: 'PortalContainer',
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/providers/SettingsProvider/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+export type Settings = Record<string, string | undefined>;
+export type SettingsContextProps = {
+    settings: Settings;
+    updateSettings: (partialSettings: Settings) => void;
+};
+export declare const SettingsContext: import("react").Context<SettingsContextProps>;
+export declare const SettingsProvider: FC<PropsWithChildren>;

package/dist/providers/SettingsProvider/index.js

@@ -0,0 +1,54 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsProvider = exports.SettingsContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+exports.SettingsContext = (0, react_1.createContext)({
+    settings: {},
+    updateSettings: function () { },
+});
+var SettingsProvider = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)({}), settings = _b[0], setSettings = _b[1];
+    var getSettings = (0, react_1.useCallback)(function () {
+        try {
+            var settingsJson = localStorage.getItem('settings');
+            return settingsJson ? JSON.parse(settingsJson) : {};
+        }
+        catch (error) {
+            console.warn('Settings load error', error);
+            return {};
+        }
+    }, []);
+    var saveSettings = (0, react_1.useCallback)(function (settingsToSave) {
+        try {
+            localStorage.setItem('settings', JSON.stringify(settingsToSave));
+        }
+        catch (error) {
+            console.error('Settings save error', error);
+        }
+    }, []);
+    var updateSettings = (0, react_1.useCallback)(function (partialSettings) {
+        var newSettings = __assign(__assign({}, settings), partialSettings);
+        setSettings(newSettings);
+        saveSettings(newSettings);
+    }, [saveSettings, settings]);
+    (0, react_1.useEffect)(function () {
+        var readSettings = getSettings();
+        setSettings(readSettings);
+    }, [getSettings]);
+    var contextValue = (0, react_1.useMemo)(function () { return ({ settings: settings, updateSettings: updateSettings }); }, [settings, updateSettings]);
+    return ((0, jsx_runtime_1.jsx)(exports.SettingsContext.Provider, { value: contextValue, children: children }));
+};
+exports.SettingsProvider = SettingsProvider;

package/dist/providers/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from './types';
+type ThemeProviderProps = {
+    $theme?: Theme;
+    $darkMode?: boolean;
+};
+export declare const ThemeProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeProviderProps>> & string;
+export {};

package/dist/providers/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,51 @@
+"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 });
+exports.ThemeProvider = void 0;
+var defaultTheme_1 = require("./defaultTheme");
+var styled_components_1 = __importDefault(require("styled-components"));
+var getThemeValuesCss = function (prefix, obj) {
+    return Object.entries(obj !== null && obj !== void 0 ? obj : {})
+        .map(function (_a) {
+        var key = _a[0], value = _a[1];
+        return "--".concat(prefix, "-").concat(key, ": ").concat(value, ";");
+    })
+        .join('');
+};
+var getThemeColorsCss = function (colors, darkMode) {
+    if (darkMode === void 0) { darkMode = false; }
+    return Object.entries(colors !== null && colors !== void 0 ? colors : {})
+        .map(function (_a) {
+        var _b, _c, _d;
+        var color = _a[0], intensities = _a[1];
+        return Object.entries((_d = (typeof intensities === 'string'
+            ? (_b = (colors !== null && colors !== void 0 ? colors : {})[intensities]) !== null && _b !== void 0 ? _b : ((_c = defaultTheme_1.defaultTheme.colors) !== null && _c !== void 0 ? _c : {})[intensities]
+            : intensities)) !== null && _d !== void 0 ? _d : {})
+            .map(function (_a) {
+            var intensity = _a[0], value = _a[1];
+            return "--color-".concat(color, "-").concat(darkMode ? 1000 - Number(intensity) : intensity, ": ").concat(value, ";");
+        })
+            .join('');
+    })
+        .join('');
+};
+exports.ThemeProvider = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: contents;\n  ", "\n"], ["\n  display: contents;\n  ", "\n"])), function (_a) {
+    var _b = _a.$theme, $theme = _b === void 0 ? {} : _b, $darkMode = _a.$darkMode;
+    return [
+        getThemeColorsCss($theme.colors, $darkMode),
+        getThemeValuesCss('font', $theme.fonts),
+        getThemeValuesCss('text', $theme.texts),
+        getThemeValuesCss('weight', $theme.weights),
+        getThemeValuesCss('space', $theme.spaces),
+        getThemeValuesCss('size', $theme.sizes),
+        getThemeValuesCss('rounded', $theme.rounded),
+        getThemeValuesCss('shadow', $theme.shadows),
+    ].join('');
+});
+var templateObject_1;

package/dist/providers/ThemeProvider/defaultTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from './types';
+export declare const defaultTheme: Theme;