@qoretechnologies/reqore 0.20.0 → 0.20.3

package/dist/components/Menu/item.js

@@ -0,0 +1,121 @@
+"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;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
+var colors_1 = require("../../helpers/colors");
+var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var useTooltip_1 = require("../../hooks/useTooltip");
+var Icon_1 = __importDefault(require("../Icon"));
+var StyledElementContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-right: 3px;\n  word-break: break-word;\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-right: 3px;\n  word-break: break-word;\n\n  ", "\n"])), function (_a) {
+    var hasRightIcon = _a.hasRightIcon;
+    return hasRightIcon && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      margin-right: 33px;\n    "], ["\n      margin-right: 33px;\n    "])));
+});
+var StyledElement = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  min-height: 35px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 6px;\n  position: relative;\n  width: 100%;\n  z-index: 0;\n  cursor: pointer;\n  transition: background-color 0.05s ease-out;\n  border-radius: 4px;\n  ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:not(:first-child) {\n    margin-top: 4px;\n  }\n"], ["\n  min-height: 35px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 6px;\n  position: relative;\n  width: 100%;\n  z-index: 0;\n  cursor: pointer;\n  transition: background-color 0.05s ease-out;\n  border-radius: 4px;\n  ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:not(:first-child) {\n    margin-top: 4px;\n  }\n"])), function (_a) {
+    var theme = _a.theme, selected = _a.selected, intent = _a.intent;
+    return intent
+        ? (0, colors_1.getReadableColorFrom)(theme.intents[intent], true)
+        : (0, colors_1.getReadableColor)(theme, undefined, undefined, !selected);
+}, function (_a) {
+    var theme = _a.theme, selected = _a.selected, intent = _a.intent;
+    var bg = intent ? theme.intents[intent] : theme.main;
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), selected ? (0, colors_1.changeLightness)(bg, 0.07) : bg);
+}, function (_a) {
+    var theme = _a.theme, selected = _a.selected, disabled = _a.disabled, intent = _a.intent;
+    return !disabled
+        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          ", "\n\n          &:hover {\n            color: ", ";\n            text-decoration: none;\n          }\n        "], ["\n          ", "\n\n          &:hover {\n            color: ", ";\n            text-decoration: none;\n          }\n        "])), !selected && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            &:hover {\n              background-color: ", ";\n            }\n          "], ["\n            &:hover {\n              background-color: ", ";\n            }\n          "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : theme.main, 0.05)), function (_a) {
+            var theme = _a.theme;
+            return intent
+                ? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
+                : (0, colors_1.getReadableColor)(theme, undefined, undefined);
+        }) : (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          cursor: not-allowed;\n          > * {\n            opacity: 0.5;\n          }\n        "], ["\n          cursor: not-allowed;\n          > * {\n            opacity: 0.5;\n          }\n        "])));
+});
+var StyledRightIcon = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, interactive = _a.interactive, intent = _a.intent;
+    return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    position: absolute;\n    right: 0px;\n    height: 100%;\n    width: 33px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    top: 0;\n    z-index: 1;\n    transition: background-color 0.2s ease-out;\n\n    ", "\n  "], ["\n    position: absolute;\n    right: 0px;\n    height: 100%;\n    width: 33px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    top: 0;\n    z-index: 1;\n    transition: background-color 0.2s ease-out;\n\n    ", "\n  "])), interactive && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : theme.main, 0.09)));
+});
+var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, id = _a.id, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "id", "_insidePopover", "_popoverId", "tooltip", "intent"]);
+    var removePopover = (0, react_1.useContext)(PopoverContext_1["default"]).removePopover;
+    var innerRef = (0, react_1.useRef)(null);
+    var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    var handleClick = function (event) {
+        event.persist();
+        onClick === null || onClick === void 0 ? void 0 : onClick(id, event);
+        if (_insidePopover && _popoverId) {
+            removePopover(_popoverId);
+        }
+    };
+    var handleRightIconClick = function (event) {
+        event.persist();
+        event.stopPropagation();
+        if (onRightIconClick) {
+            onRightIconClick(id, event);
+            if (_insidePopover && _popoverId) {
+                removePopover(_popoverId);
+            }
+        }
+    };
+    (0, useTooltip_1.useTooltip)(combinedRef.current, tooltip);
+    return ((0, jsx_runtime_1.jsxs)(StyledElement
+    //@ts-ignore
+    , __assign({ 
+        //@ts-ignore
+        as: as }, rest, { className: 'reqore-menu-item', onClick: handleClick, selected: selected, ref: combinedRef, disabled: disabled, intent: intent }, { children: [(0, jsx_runtime_1.jsxs)(StyledElementContent, __assign({ hasRightIcon: !!rightIcon }, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: '13px', margin: 'right' }), label || children] })), rightIcon && ((0, jsx_runtime_1.jsx)(StyledRightIcon, __assign({ className: 'reqore-menu-item-right-icon', interactive: !!onRightIconClick, onClick: handleRightIconClick, intent: intent }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: '13px' }) })))] })));
+});
+exports["default"] = ReqoreMenuItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+//# sourceMappingURL=item.js.map

package/dist/components/Menu/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA8D;AAC9D,qEAAgD;AAEhD,gFAA0D;AAC1D,+CAA+F;AAC/F,+DAA8D;AAC9D,qDAAoD;AAGpD,iDAAiC;AAiBjC,IAAM,oBAAoB,GAAG,8BAAM,CAAC,GAAG,wLAGrC,+GAOE,EAIC,IACJ,KALG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,QACZ,uBAAG,uGAAA,mCAEF,IAAA;AAHD,CAGC,CACJ,CAAC;AASF,IAAM,aAAa,GAAG,8BAAM,CAAC,GAAG,6bAAsB,kCAE3C,EAGqD,0PAW5D,EAMD,8BAGC,EA0BK,0DAKR,KAtDU,UAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IACjC,OAAA,MAAM;QACJ,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC;QACnD,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC;AAF5D,CAE4D,EAW5D,UAAC,EAAiD;QAA/C,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC1B,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAEvD,WAAO,uBAAG,2GAAA,4BACY,EAA0C,SAC/D,KADqB,QAAQ,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,EAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9D;AACJ,CAAC,EAGC,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IACpC,OAAA,CAAC,QAAQ;QACP,CAAC,KAAC,uBAAG,kMAAA,cACC,EAQD,8CAGU,EAG0C,8DAGtD,KAjBG,CAAC,QAAQ,QACX,uBAAG,+JAAA,2DAEqB,EAGnB,8BAEJ,KALuB,IAAA,wBAAe,EACjC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAC3C,IAAI,CACL,CAEJ,EAGU,UAAC,EAAS;gBAAP,KAAK,WAAA;YACf,OAAA,MAAM;gBACJ,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAC7C,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;QAFjD,CAEiD,EAIzD,CAAC,KAAC,uBAAG,yKAAA,qGAKF,IAAA;AAzBL,CAyBK,CAKR,CAAC;AAQF,IAAM,eAAe,GAAG,8BAAM,CAAC,GAAG,iFAA+B,MAC7D,EAmBD,IACF,KApBG,UAAC,EAA8B;QAA5B,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA;IAAO,WAAA,uBAAG,gUAAA,oPAYrC,EAMD,MACF,KAPG,WAAW,QACb,uBAAG,+JAAA,uEAGqB,EAAkE,kBAEzF,KAFuB,IAAA,wBAAe,EAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAEzF;AAlBmC,CAmBrC,CACF,CAAC;AAEF,IAAM,cAAc,GAAmC,IAAA,kBAAU,EAC/D,UACE,EAgBC,EACD,GAAQ;IAhBN,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACH,IAAI,cAfT,kKAgBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IACrD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,IAAM,WAAW,GAAG,UAAC,KAAuC;QAC1D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,EAAE,KAAK,CAAC,CAAC;QAErB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YAE5B,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,uBAAU,EAAC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEzC,OAAO,CACL,wBAAC,aAAa;IACZ,YAAY;;QAAZ,YAAY;QACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,iBAEd,wBAAC,oBAAoB,aAAC,YAAY,EAAE,CAAC,CAAC,SAAS,iBAC5C,IAAI,IAAI,uBAAC,iBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,EAC7D,KAAK,IAAI,QAAQ,KACG,EACtB,SAAS,IAAI,CACZ,uBAAC,eAAe,aACd,SAAS,EAAC,6BAA6B,EACvC,WAAW,EAAE,CAAC,CAAC,gBAAgB,EAC/B,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,gBAEd,uBAAC,iBAAU,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,GAAG,IAC3B,CACnB,KACa,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { TSizes } from '../../constants/sizes';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+export interface IReqoreMessageProps {
+    intent?: IReqoreIntent;
+    title?: string;
+    children: any;
+    icon?: IReqoreIconName;
+    onClose?: () => any;
+    onClick?: () => any;
+    duration?: number;
+    onFinish?: () => any;
+    flat?: boolean;
+    inverted?: boolean;
+    size?: TSizes;
+}
+export interface IReqoreNotificationStyle extends IReqoreMessageProps {
+    theme: IReqoreTheme;
+    clickable?: boolean;
+    timeout?: number;
+}
+declare const ReqoreMessage: React.FC<IReqoreMessageProps>;
+export default ReqoreMessage;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiGhD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Message/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);
+};
+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 = require("react");
+var react_use_1 = require("react-use");
+var sizes_1 = require("../../constants/sizes");
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var Icon_1 = __importDefault(require("../Icon"));
+var notification_1 = require("../Notifications/notification");
+var ReqoreMessage = (0, react_1.forwardRef)(function (_a, ref) {
+    var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, inverted = _a.inverted, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    var _c = (0, react_1.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
+    (0, react_use_1.useMount)(function () {
+        if (duration) {
+            setInternalTimeout(setTimeout(function () {
+                onFinish && onFinish();
+            }, duration));
+        }
+    });
+    (0, react_1.useEffect)(function () {
+        if (internalTimeout) {
+            clearTimeout(internalTimeout);
+            setInternalTimeout(setTimeout(function () {
+                onFinish && onFinish();
+            }, duration));
+        }
+    }, [duration, intent, children, title]);
+    (0, react_use_1.useUnmount)(function () {
+        if (internalTimeout) {
+            clearTimeout(internalTimeout);
+        }
+    });
+    var leftIcon = (0, react_1.useMemo)(function () { return icon || (intent ? notification_1.typeToIcon[intent] : undefined); }, [icon, intent]);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(notification_1.StyledReqoreNotification, __assign({ intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, fluid: true, className: 'reqore-message', ref: ref, size: size }, { children: [leftIcon ? ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: leftIcon, margin: flat && inverted ? undefined : 'left', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null, (0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationTitle, { children: title }), (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationContent, { children: children })] })), onClose && ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: function (event) {
+                        event.stopPropagation();
+                        onClose && onClose();
+                    } }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) })))] }), "".concat(duration).concat(intent).concat(title).concat(children)) }));
+});
+exports["default"] = ReqoreMessage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAiE;AACjE,uCAAiD;AACjD,+CAA+D;AAE/D,iFAAiE;AAEjE,iDAAiC;AACjC,8DAOuC;AAsBvC,IAAM,aAAa,GAAkC,IAAA,kBAAU,EAC7D,UACE,EAYC,EACD,GAAQ;QAZN,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAIX,IAAA,KAAwC,IAAA,gBAAQ,EAAwB,IAAI,CAAC,EAA5E,eAAe,QAAA,EAAE,kBAAkB,QAAyC,CAAC;IAEpF,IAAA,oBAAQ,EAAC;QACP,IAAI,QAAQ,EAAE;YACZ,kBAAkB,CAChB,UAAU,CAAC;gBACT,QAAQ,IAAI,QAAQ,EAAE,CAAC;YACzB,CAAC,EAAE,QAAQ,CAAC,CACb,CAAC;SACH;IACH,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe,EAAE;YACnB,YAAY,CAAC,eAAe,CAAC,CAAC;YAC9B,kBAAkB,CAChB,UAAU,CAAC;gBACT,QAAQ,IAAI,QAAQ,EAAE,CAAC;YACzB,CAAC,EAAE,QAAQ,CAAC,CACb,CAAC;SACH;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAExC,IAAA,sBAAU,EAAC;QACT,IAAI,eAAe,EAAE;YACnB,YAAY,CAAC,eAAe,CAAC,CAAC;SAC/B;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,QAAQ,GAAgC,IAAA,eAAO,EACnD,cAAM,OAAA,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,yBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAjD,CAAiD,EACvD,CAAC,IAAI,EAAE,MAAM,CAAC,CACf,CAAC;IAEF,OAAO,CACL,uBAAC,0BAAmB,cAClB,wBAAC,uCAAwB,aAEvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,CAAC,CAAC,OAAO,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,QACL,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,iBAET,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,gCAAiB,aAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,gBAC3C,uBAAC,iBAAU,IACT,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC7C,IAAI,EAAE,UAAG,sBAAc,CAAC,IAAI,CAAC,OAAI,GACjC,IACgB,CACrB,CAAC,CAAC,CAAC,IAAI,EACR,wBAAC,+CAAgC,aAAC,IAAI,EAAE,IAAI,iBACzC,KAAK,IAAI,uBAAC,sCAAuB,cAAE,KAAK,GAA2B,EACpE,uBAAC,wCAAyB,cAAE,QAAQ,GAA6B,KAChC,EAClC,OAAO,IAAI,CACV,uBAAC,gCAAiB,aAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,QACT,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,UAAC,KAAK;wBACb,KAAK,CAAC,eAAe,EAAE,CAAC;wBACxB,OAAO,IAAI,OAAO,EAAE,CAAC;oBACvB,CAAC,gBAED,uBAAC,iBAAU,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,UAAG,sBAAc,CAAC,IAAI,CAAC,OAAI,GAAI,IAC9D,CACrB,MAtCI,UAAG,QAAQ,SAAG,MAAM,SAAG,KAAK,SAAG,QAAQ,CAAE,CAuCrB,GACP,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,aAAa,CAAC"}

package/dist/components/Modal/actions.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IReqoreNavbarProps } from '../Navbar';
+import { IReqoreNavbarGroupProps } from '../Navbar/group';
+export declare const ReqoreModalActionsGroup: ({ children, className, ...rest }: IReqoreNavbarGroupProps) => JSX.Element;
+export declare const ReqoreModalActions: ({ children, className, ...rest }: IReqoreNavbarProps) => JSX.Element;
+//# sourceMappingURL=actions.d.ts.map

package/dist/components/Modal/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,WAAW,CAAC;AAC7D,OAA0B,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAS7E,eAAO,MAAM,uBAAuB,qCAIjC,uBAAuB,gBAIzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAAsC,kBAAkB,gBAItF,CAAC"}

package/dist/components/Modal/actions.js

@@ -0,0 +1,49 @@
+"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.ReqoreModalActions = exports.ReqoreModalActionsGroup = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Navbar_1 = require("../Navbar");
+var group_1 = __importDefault(require("../Navbar/group"));
+var StyledActions = (0, styled_components_1["default"])(Navbar_1.StyledNavbar)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: transparent;\n  border: 0;\n  box-shadow: none;\n  padding: 0;\n"], ["\n  background-color: transparent;\n  border: 0;\n  box-shadow: none;\n  padding: 0;\n"])));
+var ReqoreModalActionsGroup = function (_a) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(group_1["default"], __assign({}, rest, { className: "".concat(className || '', " reqore-modal-actions-group") }, { children: children })));
+};
+exports.ReqoreModalActionsGroup = ReqoreModalActionsGroup;
+var ReqoreModalActions = function (_a) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(StyledActions, __assign({}, rest, { className: "".concat(className || '', " reqore-modal-actions") }, { children: children })));
+};
+exports.ReqoreModalActions = ReqoreModalActions;
+var templateObject_1;
+//# sourceMappingURL=actions.js.map

package/dist/components/Modal/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/components/Modal/actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAAuC;AACvC,oCAA6D;AAC7D,0DAA6E;AAE7E,IAAM,aAAa,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,2JAAA,wFAKzC,IAAA,CAAC;AAEK,IAAM,uBAAuB,GAAG,UAAC,EAId;IAHxB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAH+B,yBAIvC,CADQ;IACsB,OAAA,CAC7B,uBAAC,kBAAiB,eAAK,IAAI,IAAE,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,gCAA6B,gBACpF,QAAQ,IACS,CACrB,CAAA;CAAA,CAAC;AARW,QAAA,uBAAuB,2BAQlC;AAEK,IAAM,kBAAkB,GAAG,UAAC,EAAoD;IAAlD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAA2B,OAAA,CAC1F,uBAAC,aAAa,eAAK,IAAI,IAAE,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,0BAAuB,gBAC1E,QAAQ,IACK,CACjB,CAAA;CAAA,CAAC;AAJW,QAAA,kBAAkB,sBAI7B"}

package/dist/components/Modal/content.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface IReqoreModalContent {
+    children?: any;
+}
+export declare const ReqoreModalContent: ({ children }: IReqoreModalContent) => JSX.Element;
+//# sourceMappingURL=content.d.ts.map

package/dist/components/Modal/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/content.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,iBAAkB,mBAAmB,gBAInE,CAAC"}

package/dist/components/Modal/content.js

@@ -0,0 +1,25 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreModalContent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_scrollbar_1 = __importDefault(require("react-scrollbar"));
+var ReqoreModalContent = function (_a) {
+    var children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(react_scrollbar_1["default"], __assign({ horizontal: 'false', className: 'reqore-modal-content' }, { children: children })));
+};
+exports.ReqoreModalContent = ReqoreModalContent;
+//# sourceMappingURL=content.js.map

package/dist/components/Modal/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/components/Modal/content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oEAAqC;AAM9B,IAAM,kBAAkB,GAAG,UAAC,EAAiC;QAA/B,QAAQ,cAAA;IAA4B,OAAA,CACvE,uBAAC,4BAAM,aAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,sBAAsB,gBACxD,QAAQ,IACF,CACV;AAJwE,CAIxE,CAAC;AAJW,QAAA,kBAAkB,sBAI7B"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { IReqoreTheme } from '../../constants/theme';
+import { IReqoreDrawerProps } from '../Drawer';
+export interface IReqoreModalProps extends Omit<IReqoreDrawerProps, 'position'> {
+    position?: 'top' | 'center' | 'bottom';
+    width?: string;
+    height?: string;
+}
+export interface IReqoreModalStyle extends IReqoreModalProps {
+    theme: IReqoreTheme;
+    zIndex?: number;
+}
+export declare const ReqoreModal: ({ width, height, ...rest }: IReqoreModalProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,WAAW,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAC7E,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,+BAAkD,iBAAiB,gBAW1F,CAAC"}

package/dist/components/Modal/index.js

@@ -0,0 +1,33 @@
+"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;
+};
+exports.__esModule = true;
+exports.ReqoreModal = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Drawer_1 = require("../Drawer");
+var ReqoreModal = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? '80vw' : _b, _c = _a.height, height = _c === void 0 ? 'auto' : _c, rest = __rest(_a, ["width", "height"]);
+    return ((0, jsx_runtime_1.jsx)(Drawer_1.ReqoreDrawer, __assign({}, rest, { width: width, height: height, position: 'left', _isModal: true, className: "".concat(rest.className || '', " reqore-modal") })));
+};
+exports.ReqoreModal = ReqoreModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oCAA6D;AAatD,IAAM,WAAW,GAAG,UAAC,EAA+D;IAA7D,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAK,IAAI,cAA1C,mBAA4C,CAAF;IACpE,OAAO,CACL,uBAAC,qBAAY,eACP,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAC,MAAM,EACf,QAAQ,QACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,kBAAe,IACjD,CACH,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,WAAW,eAWtB"}

package/dist/components/Navbar/divider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreNavbarDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    type?: 'header' | 'footer';
+    theme?: IReqoreTheme;
+}
+declare const ReqoreNavbarDivider: React.ForwardRefExoticComponent<IReqoreNavbarDividerProps & React.RefAttributes<unknown>>;
+export default ReqoreNavbarDivider;
+//# sourceMappingURL=divider.d.ts.map

package/dist/components/Navbar/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AA8BD,QAAA,MAAM,mBAAmB,2FASxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/Navbar/divider.js

@@ -0,0 +1,47 @@
+"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 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var colors_1 = require("../../helpers/colors");
+var StyledNavbarDivider = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 20px;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 50%;\n    background-color: ", ";\n    opacity: 0.2;\n  }\n"], ["\n  position: relative;\n  width: 20px;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 50%;\n    background-color: ", ";\n    opacity: 0.2;\n  }\n"])), function (_a) {
+    var _b, _c;
+    var theme = _a.theme, type = _a.type;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true, ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.background) || ((_c = theme[type]) === null || _c === void 0 ? void 0 : _c.main) || theme.main);
+});
+var ReqoreNavbarDivider = (0, react_1.forwardRef)(function (_a, ref) {
+    var type = _a.type, rest = __rest(_a, ["type"]);
+    return ((0, jsx_runtime_1.jsx)(StyledNavbarDivider, __assign({}, rest, { type: type, className: "".concat(rest.className || '', " reqore-navbar-divider"), ref: ref })));
+});
+exports["default"] = ReqoreNavbarDivider;
+var templateObject_1;
+//# sourceMappingURL=divider.js.map

package/dist/components/Navbar/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,+CAAwD;AAQxD,IAAM,mBAAmB,GAAG,8BAAM,CAAC,GAAG,oVAGpC,kPAasB,EAOjB,6BAGN,KAVuB,UAAC,EAAe;;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAChC,OAAA,IAAA,yBAAgB,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,CAC3D,CAAA;CAAA,CAGN,CAAC;AAEF,IAAM,mBAAmB,GAAG,IAAA,kBAAU,EACpC,UAAC,EAA4C,EAAE,GAAQ;IAApD,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAA4C,OAAA,CAC1D,uBAAC,mBAAmB,eACd,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,2BAAwB,EAC1D,GAAG,EAAE,GAAG,IACR,CACH,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreNavbarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    position?: 'right' | 'left';
+    type?: 'footer' | 'header';
+    children?: any;
+    theme?: IReqoreTheme;
+}
+export interface IReqoreNavbarGroupStyle extends IReqoreNavbarGroupProps {
+    theme: IReqoreTheme;
+}
+export declare const StyledNavbarGroup: any;
+declare const ReqoreNavbarGroup: React.ForwardRefExoticComponent<IReqoreNavbarGroupProps & React.RefAttributes<unknown>>;
+export default ReqoreNavbarGroup;
+//# sourceMappingURL=group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACtE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,KAU7B,CAAC;AAEF,QAAA,MAAM,iBAAiB,yFA0BtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Navbar/group.js

@@ -0,0 +1,75 @@
+"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;
+};
+exports.__esModule = true;
+exports.StyledNavbarGroup = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+exports.StyledNavbarGroup = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var position = _a.position;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    height: 100%;\n    float: ", ";\n    color: inherit;\n    background-color: inherit;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  "], ["\n    height: 100%;\n    float: ", ";\n    color: inherit;\n    background-color: inherit;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  "])), position);
+});
+var ReqoreNavbarGroup = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.position, position = _b === void 0 ? 'left' : _b, children = _a.children, type = _a.type, rest = __rest(_a, ["position", "children", "type"]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledNavbarGroup, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-navbar-group"), position: position, ref: ref }, { children: react_1["default"].Children.map(children, function (child) {
+            var _a;
+            return child
+                ? react_1["default"].cloneElement(child, {
+                    type: type,
+                    theme: rest.theme,
+                    componentProps: __assign(__assign({}, (_a = child.props) === null || _a === void 0 ? void 0 : _a.componentProps), { type: type, theme: rest.theme })
+                })
+                : null;
+        }) })));
+});
+exports["default"] = ReqoreNavbarGroup;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAenC,QAAA,iBAAiB,GAAG,8BAAM,CAAC,GAAG,+EAAyB,MAChE,EAQD,IACF,KATG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAAgC,WAAA,uBAAG,gPAAA,kCAErC,EAAQ,wIAMlB,KANU,QAAQ;AAF0B,CAQ5C,EACD;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UACE,EAAuE,EACvE,GAAQ;IADN,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAA5C,gCAA8C,CAAF;IAEzC,OAAA,CACH,uBAAC,yBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAsB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,gBAEP,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,IAAI,CAAC,KAAK;oBACjB,cAAc,wBACT,MAAA,KAAK,CAAC,KAAK,0CAAE,cAAc,KAC9B,IAAI,MAAA,EACJ,KAAK,EAAE,IAAI,CAAC,KAAK,GAClB;iBACF,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACiB,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IReqoreNavbarTheme, IReqoreTheme } from '../../constants/theme';
+export interface IReqoreNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+    position?: 'top' | 'bottom';
+    type?: 'header' | 'footer';
+    customTheme?: IReqoreNavbarTheme;
+    flat?: boolean;
+}
+export interface IReqoreNavbarStyle extends IReqoreNavbarProps {
+    theme: IReqoreTheme;
+}
+export declare const StyledNavbar: any;
+export declare const ReqoreHeader: React.ForwardRefExoticComponent<IReqoreNavbarProps & React.RefAttributes<unknown>>;
+export declare const ReqoreFooter: React.ForwardRefExoticComponent<IReqoreNavbarProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIzE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,KA0BxB,CAAC;AA6BF,eAAO,MAAM,YAAY,oFAEvB,CAAC;AAEH,eAAO,MAAM,YAAY,oFAEvB,CAAC"}