@qoretechnologies/reqore 0.20.0 → 0.20.3

package/dist/components/Panel/index.js

@@ -0,0 +1,172 @@
+"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.ReqorePanel = exports.StyledPanelTitleHeader = exports.StyledPanelTitleLabel = exports.StyledPanelContent = exports.StyledPanelBottomActions = exports.StyledPanelTitle = exports.StyledPanel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var colors_1 = require("../../helpers/colors");
+var useTheme_1 = require("../../hooks/useTheme");
+var Button_1 = __importDefault(require("../Button"));
+var ControlGroup_1 = __importDefault(require("../ControlGroup"));
+var Dropdown_1 = __importDefault(require("../Dropdown"));
+var Icon_1 = __importDefault(require("../Icon"));
+exports.StyledPanel = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n  border: ", ";\n  color: ", ";\n  overflow: hidden;\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  z-index: 1;\n  backdrop-filter: ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n  border: ", ";\n  color: ", ";\n  overflow: hidden;\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  z-index: 1;\n  backdrop-filter: ", ";\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
+    return (0, colors_1.changeDarkness)((0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity), 0.03);
+}, function (_a) {
+    var rounded = _a.rounded;
+    return (rounded ? sizes_1.RADIUS_FROM_SIZE.normal : 0);
+}, function (_a) {
+    var theme = _a.theme, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
+    return flat
+        ? undefined
+        : "1px solid ".concat((0, colors_1.changeLightness)((0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity), 0.2));
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+}, function (_a) {
+    var blur = _a.blur, opacity = _a.opacity;
+    return (blur && opacity < 1 ? "blur(".concat(blur, "px)") : undefined);
+}, function (_a) {
+    var fill = _a.fill, isCollapsed = _a.isCollapsed;
+    return !isCollapsed && fill
+        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          height: 100%;\n          flex: 1;\n        "], ["\n          height: 100%;\n          flex: 1;\n        "]))) : undefined;
+});
+exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  background-color: ", ";\n  justify-content: space-between;\n  height: 40px;\n  align-items: center;\n  padding: 0 5px 0 15px;\n  border-bottom: ", ";\n  transition: background-color 0.2s ease-out;\n  overflow: hidden;\n  flex: 0 0 auto;\n\n  ", "\n"], ["\n  display: flex;\n  background-color: ", ";\n  justify-content: space-between;\n  height: 40px;\n  align-items: center;\n  padding: 0 5px 0 15px;\n  border-bottom: ", ";\n  transition: background-color 0.2s ease-out;\n  overflow: hidden;\n  flex: 0 0 auto;\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
+    return (0, colors_1.changeLightness)((0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity), 0.07);
+}, function (_a) {
+    var theme = _a.theme, isCollapsed = _a.isCollapsed, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
+    return !isCollapsed && !flat
+        ? "1px solid ".concat((0, colors_1.changeLightness)((0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity), 0.2))
+        : null;
+}, function (_a) {
+    var collapsible = _a.collapsible;
+    return collapsible && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), function (_a) {
+        var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
+        return (0, colors_1.changeLightness)((0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity), 0.1);
+    });
+});
+exports.StyledPanelBottomActions = (0, styled_components_1["default"])(exports.StyledPanelTitle)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding-left: 5px;\n  border-bottom: 0;\n  border-top: ", ";\n"], ["\n  padding-left: 5px;\n  border-bottom: 0;\n  border-top: ", ";\n"])), function (_a) {
+    var theme = _a.theme, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
+    return !flat
+        ? "1px solid ".concat((0, colors_1.changeLightness)((0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity), 0.2))
+        : null;
+});
+exports.StyledPanelContent = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: ", ";\n  min-height: ", ";\n  padding: ", ";\n  flex: 1;\n  overflow: auto;\n"], ["\n  display: ", ";\n  min-height: ", ";\n  padding: ", ";\n  flex: 1;\n  overflow: auto;\n"])), function (_a) {
+    var isCollapsed = _a.isCollapsed;
+    return (isCollapsed ? 'none' : undefined);
+}, function (_a) {
+    var isCollapsed = _a.isCollapsed;
+    return (isCollapsed ? undefined : '40px');
+}, function (_a) {
+    var padded = _a.padded;
+    return (!padded ? undefined : '10px');
+});
+exports.StyledPanelTitleLabel = styled_components_1["default"].span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"], ["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])));
+exports.StyledPanelTitleHeader = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  padding-right: 5px;\n\n  ", " {\n    font-weight: 600;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  padding-right: 5px;\n\n  ", " {\n    font-weight: 600;\n  }\n"])), exports.StyledPanelTitleLabel);
+exports.ReqorePanel = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, label = _a.label, collapsible = _a.collapsible, onClose = _a.onClose, _b = _a.rounded, rounded = _b === void 0 ? true : _b, _c = _a.actions, actions = _c === void 0 ? [] : _c, _d = _a.bottomActions, bottomActions = _d === void 0 ? [] : _d, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, intent = _a.intent, className = _a.className, flat = _a.flat, _e = _a.unMountContentOnCollapse, unMountContentOnCollapse = _e === void 0 ? true : _e, onCollapseChange = _a.onCollapseChange, _f = _a.padded, padded = _f === void 0 ? true : _f, contentStyle = _a.contentStyle, rest = __rest(_a, ["children", "label", "collapsible", "onClose", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "icon", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "contentStyle"]);
+    var _g = (0, react_1.useState)(isCollapsed || false), _isCollapsed = _g[0], setIsCollapsed = _g[1];
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    (0, react_use_1.useUpdateEffect)(function () {
+        setIsCollapsed(!!isCollapsed);
+    }, [isCollapsed]);
+    var hasTitleBar = (0, react_1.useMemo)(function () { return !!label || collapsible || !!onClose || !!(0, lodash_1.size)(actions); }, [label, collapsible, onClose, actions]);
+    var handleCollapseClick = (0, react_1.useCallback)(function () {
+        if (collapsible) {
+            setIsCollapsed(!_isCollapsed);
+            onCollapseChange === null || onCollapseChange === void 0 ? void 0 : onCollapseChange(!_isCollapsed);
+        }
+    }, [collapsible, _isCollapsed, onCollapseChange]);
+    var leftBottomActions = (0, react_1.useMemo)(function () { return bottomActions.filter(function (_a) {
+        var position = _a.position;
+        return position === 'left';
+    }); }, [bottomActions]);
+    var rightBottomActions = (0, react_1.useMemo)(function () { return bottomActions.filter(function (_a) {
+        var position = _a.position;
+        return position === 'right';
+    }); }, [bottomActions]);
+    var hasBottomActions = (0, react_1.useMemo)(function () { return !!((0, lodash_1.size)(leftBottomActions) || (0, lodash_1.size)(rightBottomActions)); }, [leftBottomActions, rightBottomActions]);
+    var renderActions = function (_a) {
+        var label = _a.label, actions = _a.actions, intent = _a.intent, className = _a.className, id = _a.id, rest = __rest(_a, ["label", "actions", "intent", "className", "id"]);
+        return (0, lodash_1.size)(actions) ? ((0, jsx_runtime_1.jsx)(Dropdown_1["default"], __assign({}, rest, { label: label, componentProps: {
+                intent: intent,
+                id: id,
+                minimal: true,
+                className: className,
+                onClick: function (e) {
+                    e.stopPropagation();
+                }
+            }, items: actions }))) : ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({}, rest, { id: id, className: className, customTheme: theme, intent: intent, onClick: rest.onClick
+                ? function (e) {
+                    var _a;
+                    e.stopPropagation();
+                    (_a = rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest);
+                }
+                : undefined }, { children: label })));
+    };
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { as: rest.as || 'div', ref: ref, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, className: "".concat(className || '', " reqore-panel") }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, opacity: rest.opacity }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: 'right' }), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelTitleLabel, { children: label })) : (label)] }), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ minimal: true }, { children: [actions.map(renderActions), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' })), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: 'CloseLine', onClick: function (e) {
+                                        e.stopPropagation();
+                                        onClose === null || onClose === void 0 ? void 0 : onClose();
+                                    } }))] }))] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ className: 'reqore-panel-content', isCollapsed: _isCollapsed, style: contentStyle, padded: padded }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, opacity: rest.opacity }, { children: [(0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: leftBottomActions.map(renderActions) })), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: rightBottomActions.map(renderActions) }))] }))) : null] })) })));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Panel/panel.screenshot.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SomePanel: () => JSX.Element;
+//# sourceMappingURL=panel.screenshot.d.ts.map

package/dist/components/Panel/panel.screenshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.screenshot.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,mBAyBrB,CAAC"}

package/dist/components/Panel/panel.screenshot.js

@@ -0,0 +1,30 @@
+"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);
+};
+exports.__esModule = true;
+exports.SomePanel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
+var index_1 = require("../../index");
+var SomePanel = function () { return ((0, jsx_runtime_1.jsx)(index_1.ReqorePanel, __assign({ collapsible: true, intent: 'danger', title: 'DANGER', icon: 'AlarmWarningLine', padded: true, actions: [
+        {
+            icon: 'Settings2Line',
+            onClick: lodash_1.noop
+        },
+        {
+            icon: 'UserFill',
+            onClick: lodash_1.noop,
+            label: 'Test'
+        },
+    ] }, { children: "I am a message a very long message - Shadowlands has mechanisms put in place for allowing players to catch up on Renown, the system of gaining favor and unlocking rewards, Campaign chapters, and soulbinds within your Covenant. This system works for main characters who have started late, for alts, for players who have switched Covenants and are starting over, and for players who have simply missed weekly quests for earning Renown due to being away from the game." }))); };
+exports.SomePanel = SomePanel;
+//# sourceMappingURL=panel.screenshot.js.map

package/dist/components/Panel/panel.screenshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.screenshot.js","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,qCAA0C;AAEnC,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,uBAAC,mBAAW,aACV,WAAW,QACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kBAAkB,EACvB,MAAM,QACN,OAAO,EAAE;QACP;YACE,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,aAAI;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,aAAI;YACb,KAAK,EAAE,MAAM;SACd;KACF,ueAOW,CACf,EAzB8B,CAyB9B,CAAC;AAzBW,QAAA,SAAS,aAyBpB"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+export interface IReqoreParagraphStyle extends React.HTMLAttributes<HTMLHeadingElement> {
+    theme: IReqoreTheme;
+    intent?: IReqoreIntent;
+}
+export declare const ReqoreP: React.FC<Omit<IReqoreParagraphStyle, 'theme'>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACrF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAQD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CASlE,CAAC"}

package/dist/components/Paragraph/index.js

@@ -0,0 +1,64 @@
+"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.ReqoreP = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var colors_1 = require("../../helpers/colors");
+var style = function (_a) {
+    var theme = _a.theme, intent = _a.intent;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
+};
+exports.ReqoreP = styled_components_1["default"].p.attrs(function (_a) {
+    var className = _a.className, rest = __rest(_a, ["className"]);
+    return (__assign(__assign({}, (rest || {})), { className: "".concat(className, " ").concat((rest === null || rest === void 0 ? void 0 : rest.intent) ? "reqore-paragraph-".concat(rest.intent, " ") : "", " reqore-paragraph") }));
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA8B,WAAA,uBAAG,qHAAA,0CAGpD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHnC,CAI3D,CAAC;AAEW,QAAA,OAAO,GAAmD,8BAAM,CAAC,CAAC,CAAC,KAAK,CACnF,UAAC,EAA6C;IAA3C,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAA8B,OAAA,uBAC9C,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,SAAS,EAAE,UAAG,SAAS,cACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,2BAAoB,IAAI,CAAC,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE,sBACrC,IACnB,CAAA;CAAA,CACH,gFAAuB,MACpB,EAA8C,KACjD,KADG,UAAC,KAA4B,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EAChD"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IPopoverOptions } from '../../hooks/usePopover';
+import { IReqoreComponent } from '../../types/global';
+export interface IReqorePopoverProps extends IReqoreComponent, IPopoverOptions {
+    component: any;
+    componentProps?: any;
+    children?: any;
+    isReqoreComponent?: boolean;
+    noWrapper?: boolean;
+    wrapperTag?: string;
+    wrapperStyle?: React.CSSProperties;
+}
+export declare const StyledPopover: any;
+declare const Popover: ({ component: Component, componentProps, children, isReqoreComponent, noWrapper, wrapperTag, wrapperStyle, _insidePopover, _popoverId, ...rest }: IReqorePopoverProps) => JSX.Element;
+export default Popover;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,EAAE,eAAe;IAC5E,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,KAEzB,CAAC;AAEF,QAAA,MAAM,OAAO,oJAWV,mBAAmB,gBAgCrB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Popover/index.js

@@ -0,0 +1,55 @@
+"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.StyledPopover = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
+exports.StyledPopover = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n"], ["\n  overflow: hidden;\n"])));
+var Popover = function (_a) {
+    var Component = _a.component, componentProps = _a.componentProps, children = _a.children, isReqoreComponent = _a.isReqoreComponent, noWrapper = _a.noWrapper, _b = _a.wrapperTag, wrapperTag = _b === void 0 ? 'span' : _b, _c = _a.wrapperStyle, wrapperStyle = _c === void 0 ? {} : _c, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, rest = __rest(_a, ["component", "componentProps", "children", "isReqoreComponent", "noWrapper", "wrapperTag", "wrapperStyle", "_insidePopover", "_popoverId"]);
+    var _d = (0, react_1.useState)(undefined), ref = _d[0], setRef = _d[1];
+    (0, usePopover_1["default"])(__assign({ targetElement: ref }, rest));
+    if (isReqoreComponent || noWrapper) {
+        return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { _insidePopover: _insidePopover, _popoverId: _popoverId, ref: setRef }, { children: children })));
+    }
+    return (
+    // @ts-ignore
+    (0, jsx_runtime_1.jsx)(exports.StyledPopover
+    // @ts-ignore
+    , __assign({ 
+        // @ts-ignore
+        as: wrapperTag, className: 'reqore-popover-wrapper', ref: setRef, style: wrapperStyle }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { _insidePopover: _insidePopover, _popoverId: _popoverId }, { children: children })) })));
+};
+exports["default"] = Popover;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,wEAAuC;AACvC,sEAAqE;AAaxD,QAAA,aAAa,GAAG,8BAAM,CAAC,IAAI,4FAAA,yBAEvC,KAAC;AAEF,IAAM,OAAO,GAAG,UAAC,EAWK;IAVpB,IAAW,SAAS,eAAA,EACpB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA,EACnB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACP,IAAI,cAVQ,2IAWhB,CADQ;IAED,IAAA,KAAgB,IAAA,gBAAQ,EAAC,SAAS,CAAC,EAAlC,GAAG,QAAA,EAAE,MAAM,QAAuB,CAAC;IAE1C,IAAA,uBAAU,aAAG,aAAa,EAAE,GAAG,IAAK,IAAI,EAAG,CAAC;IAE5C,IAAI,iBAAiB,IAAI,SAAS,EAAE;QAClC,OAAO,CACL,uBAAC,SAAS,eACJ,cAAc,IAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,MAAM,gBAEV,QAAQ,IACC,CACb,CAAC;KACH;IAED,OAAO;IACL,aAAa;IACb,uBAAC,qBAAa;IACZ,aAAa;;QAAb,aAAa;QACb,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,YAAY,gBAEnB,uBAAC,SAAS,eAAK,cAAc,IAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,gBAClF,QAAQ,IACC,IACE,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,OAAO,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { TSizes } from "../../constants/sizes";
+import { IReqoreCheckboxProps } from "../Checkbox";
+export interface IReqoreRadioGroupItem extends IReqoreCheckboxProps {
+    value: string;
+}
+export interface IReqoreRadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: IReqoreRadioGroupItem[];
+    selected?: string;
+    onSelectClick?: (value: string) => void;
+    size?: TSizes;
+    disabled?: boolean;
+    asSwitch?: boolean;
+}
+declare const ReqoreRadioGroup: ({ items, selected, onSelectClick, size, disabled, asSwitch, ...rest }: IReqoreRadioGroupProps) => JSX.Element;
+export default ReqoreRadioGroup;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,QAAA,MAAM,gBAAgB,0EAQnB,sBAAsB,gBAgBxB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,48 @@
+"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 __1 = require("../..");
+var StyledRadioGroup = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n"], ["\n  display: flex;\n  flex-flow: column;\n"])));
+var ReqoreRadioGroup = function (_a) {
+    var _b = _a.items, items = _b === void 0 ? [] : _b, selected = _a.selected, onSelectClick = _a.onSelectClick, size = _a.size, disabled = _a.disabled, asSwitch = _a.asSwitch, rest = __rest(_a, ["items", "selected", "onSelectClick", "size", "disabled", "asSwitch"]);
+    return ((0, jsx_runtime_1.jsx)(StyledRadioGroup, __assign({}, rest, { children: items.map(function (_a) {
+            var value = _a.value, itemRest = __rest(_a, ["value"]);
+            return ((0, react_1.createElement)(__1.ReqoreCheckbox, __assign({ asSwitch: asSwitch }, itemRest, { key: value, checked: value === selected, size: size || itemRest.size, disabled: disabled || itemRest.disabled, onClick: function () {
+                    onSelectClick(value);
+                } })));
+        }) })));
+};
+exports["default"] = ReqoreRadioGroup;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wEAAuC;AACvC,2BAAuC;AAkBvC,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,+GAAA,4CAGlC,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,EAQD;IAPvB,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAPiB,sEAQzB,CADQ;IACqB,OAAA,CAC5B,uBAAC,gBAAgB,eAAK,IAAI,cACvB,KAAK,CAAC,GAAG,CAAC,UAAC,EAAsB;YAApB,IAAA,KAAK,WAAA,EAAK,QAAQ,cAApB,SAAsB,CAAF;YAAO,OAAA,CACrC,2BAAC,kBAAc,aACb,QAAQ,EAAE,QAAQ,IACd,QAAQ,IACZ,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,KAAK,KAAK,QAAQ,EAC3B,IAAI,EAAE,IAAI,IAAI,QAAQ,CAAC,IAAI,EAC3B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EACvC,OAAO,EAAE;oBACP,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,IACD,CACH,CAAA;SAAA,CAAC,IACe,CACpB,CAAA;CAAA,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,60 @@
+import React from 'react';
+import { IReqoreSidebarTheme, IReqoreTheme } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+export interface IQorusSidebarCustomItem {
+    element: React.FC<any>;
+}
+export interface IQorusSidebarItems {
+    [sectionId: string]: {
+        title?: string | undefined;
+        items: IQorusSidebarItem[];
+    };
+}
+export interface IQorusSidebarItem {
+    name: string;
+    props?: any;
+    activePaths?: string[];
+    submenu?: IQorusSidebarItem[];
+    id: string;
+    as?: JSX.Element | string;
+    icon?: IReqoreIconName;
+    exact?: boolean;
+    element?: JSX.Element;
+}
+export interface IQorusSidebarProps {
+    isCollapsed?: boolean;
+    onCollapseChange?: (isCollapsed?: boolean) => void;
+    items: IQorusSidebarItems;
+    bookmarks?: string[];
+    customItems?: IQorusSidebarCustomItem[];
+    collapseLabel?: string;
+    closeLabel?: string;
+    path: string;
+    wrapperStyle?: React.CSSProperties;
+    onBookmarksChange?: (bookmarks: string[]) => void;
+    useNativeTitle?: boolean;
+    position?: 'left' | 'right';
+    collapsible?: boolean;
+    bordered?: boolean;
+    customTheme?: IReqoreSidebarTheme;
+    flat?: boolean;
+    floating?: boolean;
+    hasFloatingBackdrop?: boolean;
+    onCloseClick?: () => void;
+    isOpen?: boolean;
+    closeOnItemClick?: boolean;
+}
+export interface IReqoreSidebarStyle {
+    expanded?: boolean;
+    theme: IReqoreTheme;
+    bordered?: boolean;
+    position?: 'left' | 'right';
+    customThemeId?: string;
+    flat?: boolean;
+    floating?: boolean;
+    isOpen?: boolean;
+    zIndex?: number;
+}
+declare const ReqoreSidebar: React.FC<IQorusSidebarProps>;
+export default ReqoreSidebar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,SAAS,EAAE,MAAM,GAAG;QACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,KAAK,EAAE,iBAAiB,EAAE,CAAC;KAC5B,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoRD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4K/C,CAAC;AAEF,eAAe,aAAa,CAAC"}