@qoretechnologies/reqore 0.20.0 → 0.20.3

package/dist/components/Tabs/list.js

@@ -0,0 +1,189 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.getTabsLength = exports.StyledReqoreTabsList = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var lodash_1 = require("lodash");
+var react_2 = __importDefault(require("react"));
+var react_use_1 = require("react-use");
+var styled_components_1 = __importStar(require("styled-components"));
+var __1 = require("../..");
+var sizes_1 = require("../../constants/sizes");
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var colors_1 = require("../../helpers/colors");
+var utils_1 = require("../../helpers/utils");
+var useTheme_1 = require("../../hooks/useTheme");
+var Menu_1 = __importDefault(require("../Menu"));
+var item_1 = __importDefault(require("../Menu/item"));
+var Popover_1 = require("../Popover");
+var item_2 = __importStar(require("./item"));
+exports.StyledReqoreTabsList = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, fill = _a.fill, vertical = _a.vertical, size = _a.size, width = _a.width;
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    height: ", ";\n    width: ", ";\n    flex-flow: ", ";\n    display: flex;\n    align-items: center;\n    border-", ": 1px solid ", ";\n\n    ", "\n\n    ", " {\n      > ", " {\n        height: 100%;\n      }\n    }\n  "], ["\n    height: ", ";\n    width: ", ";\n    flex-flow: ", ";\n    display: flex;\n    align-items: center;\n    border-", ": 1px solid ", ";\n\n    ", "\n\n    ", " {\n      > ", " {\n        height: 100%;\n      }\n    }\n  "])), vertical ? '100%' : "".concat(sizes_1.TABS_SIZE_TO_PX[size], "px"), vertical ? width || '200px' : '100%', vertical ? 'column' : 'row', vertical ? 'right' : 'bottom', (0, colors_1.changeLightness)(theme.main, 0.05), fill && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        justify-content: space-around;\n      "], ["\n        justify-content: space-around;\n      "]))), Popover_1.StyledPopover, item_2.StyledTabListItem);
+});
+var isTabHidden = function (items, activeTab) {
+    return items.find(function (item) { return (item === null || item === void 0 ? void 0 : item.id) === activeTab; });
+};
+var getMoreLabel = function (items, activeTab) {
+    var _a;
+    if (isTabHidden(items, activeTab)) {
+        return (_a = isTabHidden(items, activeTab)) === null || _a === void 0 ? void 0 : _a.label;
+    }
+    return 'More';
+};
+var getLabel = function (item, activeTab, tabsSize) {
+    if (tabsSize === void 0) { tabsSize = 'normal'; }
+    if (!item) {
+        return 0;
+    }
+    var label = (0, lodash_1.isArray)(item) ? getMoreLabel(item, activeTab) : item.label;
+    var icon = (0, lodash_1.isArray)(item) || item.icon ? sizes_1.TEXT_FROM_SIZE[tabsSize] : 0;
+    var closeIconSize = (0, lodash_1.isArray)(item) || !item.onCloseClick ? 0 : 30;
+    return (0, utils_1.calculateStringSizeInPixels)(label, sizes_1.TEXT_FROM_SIZE[tabsSize]) + icon + closeIconSize;
+};
+var getTabsLength = function (items, type, activeTab, tabsSize) {
+    if (type === void 0) { type = 'width'; }
+    return items.reduce(function (len, item) {
+        if (type === 'height') {
+            var rows = getLabel(item, activeTab, tabsSize) / 4 || 1;
+            return len + rows * 15 + 10;
+        }
+        return len + 36 + getLabel(item, activeTab, tabsSize);
+    }, 0);
+};
+exports.getTabsLength = getTabsLength;
+var getTransformedItems = function (items, size, type, activeTab, tabsSize) {
+    if (type === void 0) { type = 'width'; }
+    if (!size) {
+        return items;
+    }
+    var newItems = __spreadArray([], items, true);
+    console.log('SIZES', (0, exports.getTabsLength)(newItems, type, activeTab, tabsSize), size);
+    while ((0, exports.getTabsLength)(newItems, type, activeTab, tabsSize) > size && newItems.length > 1) {
+        if ((0, lodash_1.isArray)(newItems[newItems.length - 1])) {
+            newItems[newItems.length - 1].unshift(newItems[newItems.length - 2]);
+            newItems[newItems.length - 2] = undefined;
+        }
+        else {
+            var lastItem = newItems[newItems.length - 1];
+            newItems[newItems.length - 1] = [
+                lastItem,
+            ];
+        }
+        newItems = newItems.filter(function (i) { return i; });
+    }
+    return newItems.filter(function (i) { return i; });
+};
+var ReqoreTabsList = function (_a) {
+    var tabs = _a.tabs, onTabChange = _a.onTabChange, activeTab = _a.activeTab, _testWidth = _a._testWidth, fill = _a.fill, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, customTheme = _a.customTheme, wrapTabNames = _a.wrapTabNames, flat = _a.flat, size = _a.size, intent = _a.intent, rest = __rest(_a, ["tabs", "onTabChange", "activeTab", "_testWidth", "fill", "vertical", "activeTabIntent", "customTheme", "wrapTabNames", "flat", "size", "intent"]);
+    var _b = (0, react_use_1.useMeasure)(), ref = _b[0], _c = _b[1], width = _c.width, height = _c.height;
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    var transformedItems = vertical
+        ? tabs
+        : getTransformedItems(tabs, vertical ? height : _testWidth || width, vertical ? 'height' : 'width', activeTab, size);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(exports.StyledReqoreTabsList, __assign({}, rest, { size: size, fill: fill, vertical: vertical, className: "".concat(rest.className || '', " reqore-tabs-list"), ref: ref, flat: flat, theme: theme }, { children: transformedItems.map(function (item, index) {
+                return (0, lodash_1.isArray)(item) ? ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_2["default"], componentProps: {
+                            icon: 'ArrowDownSLine',
+                            id: 'showMore',
+                            label: getMoreLabel(item, activeTab),
+                            active: !!isTabHidden(item, activeTab),
+                            activeIntent: activeTabIntent,
+                            customTheme: theme,
+                            vertical: vertical,
+                            flat: flat,
+                            size: size,
+                            className: 'reqore-tabs-list-item-menu'
+                        }, closeOnOutsideClick: true, isReqoreComponent: true, handler: 'hoverStay', content: (0, jsx_runtime_1.jsx)(Menu_1["default"], __assign({ customTheme: theme }, { children: item.map(function (_a) {
+                                var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props, disabled = _a.disabled, id = _a.id, onCloseClick = _a.onCloseClick, intent = _a.intent, activeIntent = _a.activeIntent, closeIcon = _a.closeIcon;
+                                return ((0, react_1.createElement)(item_1["default"], __assign({}, __assign(__assign({}, props), { icon: icon, as: as, intent: activeTab === id ? activeIntent || intent : intent, disabled: disabled, rightIcon: onCloseClick ? closeIcon || 'CloseLine' : undefined, onRightIconClick: onCloseClick
+                                        ? function () {
+                                            onCloseClick(id);
+                                        }
+                                        : undefined, selected: activeTab === id, onClick: function (_id, event) {
+                                        if (!disabled) {
+                                            onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(id);
+                                            if (props === null || props === void 0 ? void 0 : props.onClick) {
+                                                props.onClick(event);
+                                            }
+                                        }
+                                    } }), { tooltip: tooltip, key: index + label }), label));
+                            }) })) }, index) }, index)) : ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, react_1.createElement)(item_2["default"], __assign({}, item, { fill: fill, size: size, activeIntent: activeTabIntent, customTheme: theme, wrapTabNames: wrapTabNames, key: index, vertical: vertical, active: activeTab === item.id, onClick: function (event) {
+                            var _a;
+                            if (!item.disabled) {
+                                onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(item.id);
+                                if ((_a = item.props) === null || _a === void 0 ? void 0 : _a.onClick) {
+                                    item.props.onClick(event);
+                                }
+                            }
+                        }, onCloseClick: item.onCloseClick
+                            ? function () {
+                                var _a;
+                                (_a = item.onCloseClick) === null || _a === void 0 ? void 0 : _a.call(item, item.id);
+                            }
+                            : undefined })) }, index));
+            }) })) })));
+};
+exports["default"] = ReqoreTabsList;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=list.js.map

package/dist/components/Tabs/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tag/group.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+export interface IReqoreTagGroup extends React.HTMLAttributes<HTMLDivElement> {
+    children: any;
+    size?: TSizes;
+    columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+}
+declare const ReqoreTagGroup: ({ children, size, className, columns, ...rest }: IReqoreTagGroup) => JSX.Element;
+export default ReqoreTagGroup;
+//# sourceMappingURL=group.d.ts.map

package/dist/components/Tag/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;CAClD;AASD,QAAA,MAAM,cAAc,oDAAqD,eAAe,gBAWvF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Tag/group.js

@@ -0,0 +1,50 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var _1 = require(".");
+var StyledTagGroup = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    margin-right: 5px;\n    margin-bottom: 5px;\n  }\n"], ["\n  ", " {\n    margin-right: 5px;\n    margin-bottom: 5px;\n  }\n"])), _1.StyledTag);
+var ReqoreTagGroup = function (_a) {
+    var children = _a.children, size = _a.size, className = _a.className, columns = _a.columns, rest = __rest(_a, ["children", "size", "className", "columns"]);
+    return ((0, jsx_runtime_1.jsx)(StyledTagGroup, __assign({}, rest, { className: "".concat(className || '', " reqore-tag-group") }, { children: react_1["default"].Children.map(children, function (child) {
+            return child
+                ? react_1["default"].cloneElement(child, {
+                    size: size,
+                    width: columns ? "calc(".concat(100 / columns, "% - 5px)") : child.props.width
+                })
+                : null;
+        }) })));
+};
+exports["default"] = ReqoreTagGroup;
+var templateObject_1;
+//# sourceMappingURL=group.js.map

package/dist/components/Tag/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,sBAA8B;AAS9B,IAAM,cAAc,GAAG,8BAAM,CAAC,GAAG,uIAAA,MAC7B,EAAS,4DAIZ,KAJG,YAAS,CAIZ,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAgE;IAA9D,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA7C,4CAA+C,CAAF;IAAwB,OAAA,CAC3F,uBAAC,cAAc,eAAK,IAAI,IAAE,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,sBAAmB,gBACvE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAQ,GAAG,GAAG,OAAO,aAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;iBACrE,CAAC;gBACJ,CAAC,CAAC,IAAI;QALR,CAKQ,CACT,IACc,CAClB,CAAA;CAAA,CAAC;AAEF,qBAAe,cAAc,CAAC"}

package/dist/components/Tag/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreTooltip } from '../../types/global';
+import { IReqoreIconName } from '../../types/icons';
+export interface IReqoreTagAction {
+    icon: IReqoreIconName;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    disabled?: boolean;
+    tooltip?: IReqoreTooltip;
+    intent?: IReqoreIntent;
+}
+export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    size?: TSizes;
+    label?: string;
+    onRemoveClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    icon?: IReqoreIconName;
+    rightIcon?: IReqoreIconName;
+    color?: string;
+    tooltip?: IReqoreTooltip;
+    disabled?: boolean;
+    actions?: IReqoreTagAction[];
+    width?: string;
+    badge?: boolean;
+    intent?: IReqoreIntent;
+}
+export interface IReqoreTagStyle extends IReqoreTagProps {
+    theme: IReqoreTheme;
+    removable?: boolean;
+    interactive?: boolean;
+}
+export declare const StyledTag: any;
+declare const ReqoreTag: React.ForwardRefExoticComponent<IReqoreTagProps & React.RefAttributes<unknown>>;
+export default ReqoreTag;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,KAyCrB,CAAC;AA8CF,QAAA,MAAM,SAAS,iFAiGd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Tag/index.js

@@ -0,0 +1,136 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.StyledTag = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var size_1 = __importDefault(require("lodash/size"));
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var __1 = require("../..");
+var sizes_1 = require("../../constants/sizes");
+var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
+var colors_1 = require("../../helpers/colors");
+var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
+var Icon_1 = __importDefault(require("../Icon"));
+exports.StyledTag = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: center;\n  font-family: system-ui;\n  font-weight: 600;\n  overflow: hidden;\n  font-size: ", "px;\n  height: ", "px;\n  min-width: ", "px;\n  border-radius: ", "px;\n  width: ", ";\n\n  ", "\n\n  ", "\n\n\n  ", "\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: center;\n  font-family: system-ui;\n  font-weight: 600;\n  overflow: hidden;\n  font-size: ", "px;\n  height: ", "px;\n  min-width: ", "px;\n  border-radius: ", "px;\n  width: ", ";\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (_a) {
+    var size = _a.size;
+    return sizes_1.TEXT_FROM_SIZE[size];
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size];
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size];
+}, function (_a) {
+    var badge = _a.badge, size = _a.size;
+    return (badge ? 20 : sizes_1.RADIUS_FROM_SIZE[size]);
+}, function (_a) {
+    var width = _a.width;
+    return width || undefined;
+}, function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n      }\n    "])), color || (0, colors_1.changeLightness)(theme.main, 0.1), color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined));
+}, function (_a) {
+    var theme = _a.theme, color = _a.color, interactive = _a.interactive;
+    return interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n    "])), (0, colors_1.changeLightness)(color || theme.main, color ? 0.05 : 0.15), color
+        ? (0, colors_1.getReadableColorFrom)(color)
+        : (0, colors_1.getReadableColor)(theme, undefined, undefined));
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "], ["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "])));
+});
+var StyledTagContentWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0 ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  flex: 1;\n  overflow: hidden;\n"], ["\n  padding: 0 ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  flex: 1;\n  overflow: hidden;\n"])), function (_a) {
+    var size = _a.size;
+    return sizes_1.PADDING_FROM_SIZE[size];
+});
+var StyledTagContent = styled_components_1["default"].span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
+var StyledButtonWrapper = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  flex-shrink: 0;\n  font-size: ", "px;\n  height: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.2s ease-out;\n\n  ", "\n"], ["\n  flex-shrink: 0;\n  font-size: ", "px;\n  height: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.2s ease-out;\n\n  ", "\n"])), function (_a) {
+    var size = _a.size;
+    return sizes_1.TEXT_FROM_SIZE[size];
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size];
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size];
+}, function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "], ["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "])), (0, colors_1.changeLightness)(color || theme.main, color ? 0.09 : 0.19));
+});
+var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
+    var tooltip = _a.tooltip, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, badge = _a.badge, intent = _a.intent, color = _a.color, rest = __rest(_a, ["tooltip", "label", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "badge", "intent", "color"]);
+    var innerRef = (0, react_1.useRef)(null);
+    var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
+    (0, usePopover_1["default"])(__assign(__assign({}, tooltip), { targetElement: combinedRef.current, show: !!(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content) }));
+    // If color or intent was specified, set the color
+    var customColor = intent ? theme.intents[intent] : color;
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { color: customColor, className: "".concat(className || '', " reqore-tag"), size: size, ref: combinedRef, badge: badge, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled }, { children: [(0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: onClick }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: label || rightIcon ? 'right' : undefined })), label && (0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size }, { children: label })), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: label ? 'left' : undefined }))] })), (0, size_1["default"])(actions)
+                ? actions.map(function (action) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, action.tooltip, { component: StyledButtonWrapper, componentProps: {
+                            size: size,
+                            color: customColor,
+                            className: 'reqore-tag-action',
+                            onClick: action.onClick
+                        }, noWrapper: true }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: action.icon, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) })) })); })
+                : null, onRemoveClick && !rest.disabled ? ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: {
+                    size: size,
+                    color: customColor,
+                    className: 'reqore-tag-remove',
+                    onClick: onRemoveClick
+                }, noWrapper: true, content: 'Remove' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null] })));
+});
+exports["default"] = ReqoreTag;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=index.js.map

package/dist/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreTextareaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    width?: number;
+    height?: number;
+    scaleWithContent?: boolean;
+    size?: TSizes;
+    minimal?: boolean;
+    fluid?: boolean;
+    value?: string;
+    rows?: number;
+    cols?: number;
+    onClearClick?: () => any;
+}
+export interface IReqoreTextareaStyle extends IReqoreTextareaProps {
+    theme: IReqoreTheme;
+    _size?: TSizes;
+}
+export declare const StyledTextareaWrapper: any;
+export declare const StyledTextarea: any;
+declare const ReqoreInput: React.ForwardRefExoticComponent<IReqoreTextareaProps & React.RefAttributes<unknown>>;
+export default ReqoreInput;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,KAMjC,CAAC;AAEF,eAAO,MAAM,cAAc,KA0C1B,CAAC;AAEF,QAAA,MAAM,WAAW,sFAsChB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Textarea/index.js

@@ -0,0 +1,85 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.StyledTextarea = exports.StyledTextareaWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var colors_1 = require("../../helpers/colors");
+var InputClearButton_1 = __importDefault(require("../InputClearButton"));
+exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n  flex: ", ";\n  position: relative;\n  overflow: hidden;\n"], ["\n  height: ", ";\n  width: ", ";\n  flex: ", ";\n  position: relative;\n  overflow: hidden;\n"])), function (_a) {
+    var height = _a.height;
+    return (height ? "".concat(height, "px") : undefined);
+}, function (_a) {
+    var width = _a.width, fluid = _a.fluid;
+    return (fluid ? '100%' : width ? "".concat(width, "px") : 'auto');
+}, function (_a) {
+    var fluid = _a.fluid;
+    return (fluid ? '1' : undefined);
+});
+exports.StyledTextarea = styled_components_1["default"].textarea(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  resize: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  border: ", ";\n  border-bottom: ", ";\n\n  border-radius: ", "px;\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  resize: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  border: ", ";\n  border-bottom: ", ";\n\n  border-radius: ", "px;\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"])), function (_a) {
+    var _size = _a._size;
+    return sizes_1.TEXT_FROM_SIZE[_size];
+}, function (_a) {
+    var theme = _a.theme, minimal = _a.minimal;
+    return minimal ? 'transparent' : (0, polished_1.darken)(0.01, theme.main);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, colors_1.getReadableColor)(theme);
+}, function (_a) {
+    var minimal = _a.minimal, theme = _a.theme;
+    return !minimal ? "1px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : 0;
+}, function (_a) {
+    var minimal = _a.minimal, theme = _a.theme;
+    return minimal ? "0.5px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : undefined;
+}, function (_a) {
+    var minimal = _a.minimal;
+    return (minimal ? 0 : 3);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.5);
+});
+var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b;
+    var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _c = _a.size, size = _c === void 0 ? 'normal' : _c, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid"]);
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: ref, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' })] })));
+});
+exports["default"] = ReqoreInput;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAwC;AACxC,+BAA0C;AAC1C,wEAAuC;AACvC,+CAA+D;AAE/D,+CAAwD;AACxD,yEAAyD;AAsB5C,QAAA,qBAAqB,GAAG,8BAAM,CAAC,GAAG,mKAAsB,cACzD,EAAoD,cACrD,EAAsE,aACvE,EAAwC,iDAGjD,KALW,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAApC,CAAoC,EACrD,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAAhD,CAAgD,EACvE,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;AAAzB,CAAyB,EAGhD;AAEW,QAAA,cAAc,GAAG,8BAAM,CAAC,QAAQ,6nBAAsB,kDAGpD,EAAoC,iFAK7B,EACgC,cAC3C,EAA4D,iBAE3D,EACwD,sBACjD,EAC0D,wBAE1D,EAAkC,uHAOjC,EAAiD,+EAKxD,EAAiD,4DAK/C,EAAiD,sFAQ/D,KAvCc,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,sBAAc,CAAC,KAAK,CAAC;AAArB,CAAqB,EAK7B,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,OAAO,aAAA;IACnC,OAAA,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,iBAAM,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;AAAlD,CAAkD,EAC3C,UAAC,EAA+B;QAA7B,KAAK,WAAA;IAA6B,OAAA,IAAA,yBAAgB,EAAC,KAAK,CAAC;AAAvB,CAAuB,EAE3D,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IACzB,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAa,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC;AAAhE,CAAgE,EACjD,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IAChC,OAAA,OAAO,CAAC,CAAC,CAAC,sBAAe,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,SAAS;AAAzE,CAAyE,EAE1D,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAAjB,CAAiB,EAOjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAAlC,CAAkC,EAKxD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAAlC,CAAkC,EAK/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAAlC,CAAkC,EAQ9D;AAEF,IAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,UACE,EASuB,EACvB,GAAQ;;IATN,IAAA,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,KAAK,WAAA,EACF,IAAI,cART,qFASC,CADQ;IAIT,OAAO,CACL,wBAAC,6BAAqB,aACpB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,4BAAyB,EACtD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,iBAEX,uBAAC,sBAAc,eACT,IAAI,IACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,oCAAiC,EAC9D,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAC,YAAY,EAAE,MAAM,KAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IACvF,EACF,uBAAC,6BAAsB,IACrB,OAAO,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,CAAC,CAAC,YAAY,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,CAAC,EAC9D,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EACtC,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,KAAK,GACV,KACoB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,WAAW,CAAC"}

package/dist/components/TimeAgo/index.d.ts

@@ -0,0 +1,4 @@
+export declare const TimeAgo: ({ time }: {
+    time: number | string;
+}) => any;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TimeAgo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeAgo/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;UAAsB,MAAM,GAAG,MAAM;SASxD,CAAC"}