@addev-be/ui 2.7.7 → 3.0.8

package/dist/components/ui/Avatar/index.js

@@ -1,62 +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 __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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var hash_js_1 = require("hash.js");
-var getInitials = function (name) {
-    var matches = name.matchAll(/(?:^|\s+)([A-Z0-9])/g);
-    return Array.from(matches)
-        .slice(0, 2)
-        .map(function (m) { return m[1]; })
-        .join('');
-};
-var Avatar = function (_a) {
-    var children = _a.children, className = _a.className, color = _a.color, name = _a.name, _b = _a.size, size = _b === void 0 ? 'md' : _b;
-    var initials = (0, react_1.useMemo)(function () { return getInitials(name || ''); }, [name]);
-    var backgroundColor = (0, react_1.useMemo)(function () {
-        if (color)
-            return "var(--color-".concat(color, ")");
-        var h = parseInt((0, hash_js_1.sha256)()
-            .update(name || '')
-            .digest('hex')
-            .substring(0, 4), 16) % 360;
-        return "hsl(".concat(h, ", 50%, 50%)");
-    }, [color, name]);
-    return ((0, jsx_runtime_1.jsx)(styles.AvatarContainer, { size: size, className: className, style: { backgroundColor: backgroundColor }, children: initials || children }));
-};
-exports.Avatar = Avatar;

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

@@ -1,4 +0,0 @@
-export type AvatarContainerProps = {
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-};
-export declare const AvatarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarContainerProps>> & string;

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

@@ -1,53 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarContainer = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var stylesMap = {
-    xs: (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: var(--size-6);\n    height: var(--size-6);\n    min-width: var(--size-6);\n    min-height: var(--size-6);\n    font-size: var(--text-xs);\n    line-height: var(--text-xs);\n  "], ["\n    width: var(--size-6);\n    height: var(--size-6);\n    min-width: var(--size-6);\n    min-height: var(--size-6);\n    font-size: var(--text-xs);\n    line-height: var(--text-xs);\n  "]))),
-    sm: (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    width: var(--size-8);\n    height: var(--size-8);\n    min-width: var(--size-8);\n    min-height: var(--size-8);\n    font-size: var(--text-sm);\n    line-height: var(--text-sm);\n  "], ["\n    width: var(--size-8);\n    height: var(--size-8);\n    min-width: var(--size-8);\n    min-height: var(--size-8);\n    font-size: var(--text-sm);\n    line-height: var(--text-sm);\n  "]))),
-    md: (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: var(--size-10);\n    height: var(--size-10);\n    min-width: var(--size-10);\n    min-height: var(--size-10);\n    font-size: var(--text-md);\n    line-height: var(--text-md);\n  "], ["\n    width: var(--size-10);\n    height: var(--size-10);\n    min-width: var(--size-10);\n    min-height: var(--size-10);\n    font-size: var(--text-md);\n    line-height: var(--text-md);\n  "]))),
-    lg: (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    width: var(--size-12);\n    height: var(--size-12);\n    min-width: var(--size-12);\n    min-height: var(--size-12);\n    font-size: var(--text-lg);\n    line-height: var(--text-lg);\n  "], ["\n    width: var(--size-12);\n    height: var(--size-12);\n    min-width: var(--size-12);\n    min-height: var(--size-12);\n    font-size: var(--text-lg);\n    line-height: var(--text-lg);\n  "]))),
-    xl: (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    width: var(--size-14);\n    height: var(--size-14);\n    min-width: var(--size-14);\n    min-height: var(--size-14);\n    font-size: var(--text-2xl);\n    line-height: var(--text-2xl);\n  "], ["\n    width: var(--size-14);\n    height: var(--size-14);\n    min-width: var(--size-14);\n    min-height: var(--size-14);\n    font-size: var(--text-2xl);\n    line-height: var(--text-2xl);\n  "]))),
-};
-exports.AvatarContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-full);\n  user-select: none;\n\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-full);\n  user-select: none;\n\n  ", "\n"])), function (_a) {
-    var size = _a.size;
-    return stylesMap[size];
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/ui/Card/index.d.ts

@@ -1,10 +0,0 @@
-import { CardFooter, CardHeader } from './styles';
-import { FC, HTMLAttributes } from 'react';
-import { SizeProps } from '../../../helpers/styled/size';
-import { SpaceProps } from '../../../helpers/styled/space';
-type CardFC = FC<HTMLAttributes<HTMLDivElement> & SpaceProps & SizeProps> & {
-    Header: typeof CardHeader;
-    Footer: typeof CardFooter;
-};
-export declare const Card: CardFC;
-export {};

package/dist/components/ui/Card/index.js

@@ -1,34 +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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var Card = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (0, jsx_runtime_1.jsx)(styles_1.CardContainer, __assign({}, props, { children: children }));
-};
-exports.Card = Card;
-exports.Card.Header = styles_1.CardHeader;
-exports.Card.Footer = styles_1.CardFooter;

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

@@ -1,4 +0,0 @@
-import { SizeProps } from '../../../helpers/styled/size';
-export declare const CardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../../helpers/styled/space").MarginProps & import("../../../helpers/styled/space").PaddingProps & SizeProps>> & string;
-export declare const CardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CardFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,17 +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 });
-exports.CardFooter = exports.CardHeader = exports.CardContainer = void 0;
-var size_1 = require("../../../helpers/styled/size");
-var space_1 = require("../../../helpers/styled/space");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.CardContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-base-200);\n  box-sizing: border-box;\n\n  ", "\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-base-200);\n  box-sizing: border-box;\n\n  ", "\n  ", "\n"])), space_1.space, size_1.size);
-exports.CardHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"])));
-exports.CardFooter = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--color-base-200);\n  margin-top: var(--space-2);\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--color-base-200);\n  margin-top: var(--space-2);\n  gap: var(--space-2);\n"])));
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,11 +0,0 @@
-import { Divider, MenuItemContainer, SubMenu } from './styles';
-import { FC, HTMLAttributes, PropsWithChildren } from 'react';
-type ContextMenuFC = FC<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> & {
-    Item: typeof MenuItemContainer;
-    ParentItem: typeof ParentMenuItem;
-    Divider: typeof Divider;
-    SubMenu: typeof SubMenu;
-};
-export declare const ContextMenu: ContextMenuFC;
-export declare const ParentMenuItem: FC<HTMLAttributes<HTMLDivElement>>;
-export {};

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

@@ -1,63 +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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ParentMenuItem = exports.ContextMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var react_1 = require("react");
-var ContextMenu = function (_a) {
-    var children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(styles_1.MenuContainer, { onClick: function (e) { return e.stopPropagation(); }, children: children }));
-};
-exports.ContextMenu = ContextMenu;
-var ParentMenuItem = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = (0, react_1.useState)(false), isOpened = _b[0], setIsOpened = _b[1];
-    var _c = (0, react_1.useState)(false), isSubMenuLeft = _c[0], setIsSubMenuLeft = _c[1];
-    var _d = (0, react_1.useState)(null), currentTimeout = _d[0], setCurrentTimeout = _d[1];
-    var containerRef = (0, react_1.useRef)(null);
-    var stopTimeout = (0, react_1.useCallback)(function () {
-        if (currentTimeout) {
-            clearTimeout(currentTimeout);
-        }
-        setCurrentTimeout(null);
-    }, [currentTimeout]);
-    var startTimeout = (0, react_1.useCallback)(function (open) {
-        stopTimeout();
-        setCurrentTimeout(window.setTimeout(function () {
-            var _a;
-            var rect = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            setIsSubMenuLeft(!!rect && rect.right + 280 > window.innerWidth);
-            setIsOpened(open);
-        }, open ? 100 : 300));
-    }, [stopTimeout]);
-    var open = (0, react_1.useCallback)(function () { return startTimeout(true); }, [startTimeout]);
-    var close = (0, react_1.useCallback)(function () { return startTimeout(false); }, [startTimeout]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.MenuItemContainer, __assign({ ref: containerRef }, props, { className: "".concat(isOpened ? 'opened' : '', " ").concat(isSubMenuLeft ? 'left' : ''), onMouseEnter: open, onMouseLeave: close, "$withArrow": true, children: children })));
-};
-exports.ParentMenuItem = ParentMenuItem;
-exports.ContextMenu.Item = styles_1.MenuItemContainer;
-exports.ContextMenu.ParentItem = exports.ParentMenuItem;
-exports.ContextMenu.Divider = styles_1.Divider;
-exports.ContextMenu.SubMenu = styles_1.SubMenu;

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

@@ -1,10 +0,0 @@
-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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

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

@@ -1,66 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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-text-800);\n  border-radius: var(--rounded-md);\n  padding: var(--space-1) 0;\n  box-shadow: var(--shadow-lg);\n  background-color: var(--color-base-100);\n  min-width: 20em;\n  outline: 1px solid var(--color-base-200);\n  display: flex;\n  flex-direction: column;\n"], ["\n  position: absolute;\n  color: var(--color-text-800);\n  border-radius: var(--rounded-md);\n  padding: var(--space-1) 0;\n  box-shadow: var(--shadow-lg);\n  background-color: var(--color-base-100);\n  min-width: 20em;\n  outline: 1px solid var(--color-base-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  &.opened.left > ", " {\n    left: auto;\n    right: 100%;\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  &.opened.left > ", " {\n    left: auto;\n    right: 100%;\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-text-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-text-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-text-300);\n          background-color: var(--color-base-100);\n          cursor: default;\n        "], ["\n          color: var(--color-text-300);\n          background-color: var(--color-base-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-base-100);\n          &:hover {\n            background-color: var(--color-", "-200);\n          }\n        "], ["\n          color: var(--color-", "-600);\n          background-color: var(--color-base-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-text-800);\n          background-color: var(--color-base-100);\n          &:hover {\n            background-color: var(--color-base-200);\n          }\n        "], ["\n          color: var(--color-text-800);\n          background-color: var(--color-base-100);\n          &:hover {\n            background-color: var(--color-base-200);\n          }\n        "])));
-}, exports.SubMenu, 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-base-200);\n  margin: var(--space-1) 0;\n"], ["\n  border-top: 1px solid var(--color-base-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/components/ui/Ellipsis.d.ts

@@ -1,12 +0,0 @@
-type EllipsisProps = React.HTMLAttributes<HTMLElement> & {
-    $width?: string;
-    $maxWidth?: string;
-    $multiline?: boolean;
-    $lineClamp?: number;
-};
-/**
- * Ellipsis component that truncates text with an ellipsis when it overflows
- * Can be rendered as any HTML element (div, span, p, etc.) using the "as" prop
- */
-export declare const Ellipsis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EllipsisProps>> & string;
-export {};

package/dist/components/ui/Ellipsis.js

@@ -1,28 +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 });
-exports.Ellipsis = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-/**
- * Ellipsis component that truncates text with an ellipsis when it overflows
- * Can be rendered as any HTML element (div, span, p, etc.) using the "as" prop
- */
-exports.Ellipsis = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  width: ", ";\n  max-width: ", ";\n\n  ", "\n"], ["\n  overflow: hidden;\n  width: ", ";\n  max-width: ", ";\n\n  ", "\n"])), function (_a) {
-    var $width = _a.$width;
-    return $width || 'auto';
-}, function (_a) {
-    var $maxWidth = _a.$maxWidth;
-    return $maxWidth || '100%';
-}, function (_a) {
-    var $multiline = _a.$multiline, _b = _a.$lineClamp, $lineClamp = _b === void 0 ? 1 : _b;
-    return $multiline
-        ? "\n        display: -webkit-box;\n        -webkit-line-clamp: ".concat($lineClamp, ";\n        -webkit-box-orient: vertical;\n        white-space: normal;\n        line-height: 1.25;\n        max-height: calc(").concat(1.25 * $lineClamp, "em);\n      ")
-        : "\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      ";
-});
-var templateObject_1;

package/dist/components/ui/Label.d.ts

@@ -1,10 +0,0 @@
-import { ComponentProps } from 'react';
-import { ThemeColor } from '../../providers/ThemeProvider/types';
-export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LabelProps>> & string;
-export type LabelProps = {
-    color?: ThemeColor;
-    size?: 'small' | 'medium' | 'large';
-    rounded?: boolean;
-    bordered?: boolean;
-};
-export declare const Label: ({ children, size, className, ref, ...props }: ComponentProps<typeof StyledLabel> & LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Label.js

@@ -1,84 +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 __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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = exports.StyledLabel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importStar(require("styled-components"));
-exports.StyledLabel = styled_components_1.default.span.withConfig({
-    shouldForwardProp: function () { return true; },
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-sans);\n  font-weight: 500;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-0_5) var(--space-1_5);\n    font-size: var(--text-xs);\n    border-radius: var(--rounded-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n\n  &.medium {\n    padding: var(--space-1) var(--space-2);\n    font-size: var(--text-sm);\n    border-radius: var(--rounded-md);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3_5);\n      height: var(--space-3_5);\n    }\n  }\n\n  &.large {\n    padding: var(--space-1_5) var(--space-2_5);\n    font-size: var(--text-base);\n    border-radius: var(--rounded-lg);\n    svg {\n      margin-right: var(--space-1_5);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-sans);\n  font-weight: 500;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-0_5) var(--space-1_5);\n    font-size: var(--text-xs);\n    border-radius: var(--rounded-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n\n  &.medium {\n    padding: var(--space-1) var(--space-2);\n    font-size: var(--text-sm);\n    border-radius: var(--rounded-md);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3_5);\n      height: var(--space-3_5);\n    }\n  }\n\n  &.large {\n    padding: var(--space-1_5) var(--space-2_5);\n    font-size: var(--text-base);\n    border-radius: var(--rounded-lg);\n    svg {\n      margin-right: var(--space-1_5);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n"])), function (_a) {
-    var color = _a.color;
-    return color
-        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-700);\n          svg {\n            fill: var(--color-", "-700);\n          }\n        "], ["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-700);\n          svg {\n            fill: var(--color-", "-700);\n          }\n        "])), color, color, color) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background-color: var(--color-base-100);\n          color: var(--color-text-700);\n          svg {\n            fill: var(--color-base-700);\n          }\n        "], ["\n          background-color: var(--color-base-100);\n          color: var(--color-text-700);\n          svg {\n            fill: var(--color-base-700);\n          }\n        "])));
-}, function (_a) {
-    var bordered = _a.bordered, color = _a.color;
-    return bordered
-        ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          border: 1px solid\n            ", ";\n        "], ["\n          border: 1px solid\n            ", ";\n        "])), color ? "var(--color-".concat(color, "-200)") : 'var(--color-base-200)') : 'border: none;';
-}, function (_a) {
-    var rounded = _a.rounded;
-    return rounded && 'border-radius: var(--rounded-full);';
-});
-var Label = function (_a) {
-    var children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, ref = _a.ref, props = __rest(_a, ["children", "size", "className", "ref"]);
-    return ((0, jsx_runtime_1.jsx)(exports.StyledLabel, __assign({ ref: ref, className: "".concat(size, " ").concat(className) }, props, { children: children })));
-};
-exports.Label = Label;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/ui/Message/index.d.ts

@@ -1,9 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-type MessageType = 'success' | 'info' | 'warning' | 'error';
-type MessageProps = PropsWithChildren<{
-    className?: string;
-    title?: string;
-    type: MessageType;
-}>;
-export declare const Message: FC<MessageProps>;
-export {};

package/dist/components/ui/Message/index.js

@@ -1,63 +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 __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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Message = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var Icons_1 = require("../../../Icons");
-var colorsMap = {
-    success: {
-        baseColor: 'green',
-        iconComponent: Icons_1.CircleCheckIcon,
-    },
-    info: {
-        baseColor: 'sky',
-        iconComponent: Icons_1.CircleInfoIcon,
-    },
-    warning: {
-        baseColor: 'amber',
-        iconComponent: Icons_1.TriangleExclamationIcon,
-    },
-    error: {
-        baseColor: 'red',
-        iconComponent: Icons_1.CircleXMarkIcon,
-    },
-};
-var Message = function (_a) {
-    var children = _a.children, title = _a.title, type = _a.type;
-    var _b = colorsMap[type], Icon = _b.iconComponent, _c = _b.baseColor, baseColor = _c === void 0 ? 'base' : _c;
-    return ((0, jsx_runtime_1.jsxs)(styles.MessageContainer, { "$baseColor": baseColor, children: [(0, jsx_runtime_1.jsx)(Icon, { className: "MessageIcon" }), (0, jsx_runtime_1.jsxs)(styles.MessageContent, { children: [title && (0, jsx_runtime_1.jsx)(styles.MessageTitle, { children: title }), (0, jsx_runtime_1.jsx)("div", { children: children })] })] }));
-};
-exports.Message = Message;

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

@@ -1,6 +0,0 @@
-import { ThemeColor } from '../../../providers/ThemeProvider/types';
-export declare const MessageContainer: 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, {
-    $baseColor: ThemeColor;
-}>> & string;
-export declare const MessageContent: 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const MessageTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;