@qoretechnologies/reqore 0.20.0 → 0.20.3

package/dist/components/CommentFeed/index.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.ReqoreCommentFeed = exports.StyledCommentFeed = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Panel_1 = require("../Panel");
+exports.StyledCommentFeed = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    &:not(:first-child) {\n      margin-top: ", ";\n    }\n  }\n"], ["\n  ", " {\n    &:not(:first-child) {\n      margin-top: ", ";\n    }\n  }\n"])), Panel_1.StyledPanel, function (_a) {
+    var gapSize = _a.gapSize;
+    return gapSize;
+});
+var ReqoreCommentFeed = function (_a) {
+    var _b = _a.gapSize, gapSize = _b === void 0 ? '10px' : _b, className = _a.className, children = _a.children, rest = __rest(_a, ["gapSize", "className", "children"]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledCommentFeed, __assign({}, rest, { gapSize: gapSize, className: (0, classnames_1["default"])('reqore-comment-feed', {
+            className: className
+        }) }, { children: children })));
+};
+exports.ReqoreCommentFeed = ReqoreCommentFeed;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CommentFeed/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,wEAAuC;AACvC,kCAAuC;AAM1B,QAAA,iBAAiB,GAAG,8BAAM,CAAC,GAAG,iJAAqB,MAC5D,EAAW,mDAEK,EAAwB,iBAG3C,KALG,mBAAW,EAEK,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,OAAO;AAAP,CAAO,EAG1C;AAEK,IAAM,iBAAiB,GAAG,UAAC,EAKR;IAJxB,IAAA,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,IAAI,cAJyB,oCAKjC,CADQ;IAEP,OAAO,CACL,uBAAC,yBAAiB,eACZ,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,uBAAU,EAAC,qBAAqB,EAAE;YAC3C,SAAS,WAAA;SACV,CAAC,gBAED,QAAQ,IACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,iBAAiB,qBAiB5B"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { IReqoreTheme } from "../../constants/theme";
+export interface IReqoreContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+}
+export interface IReqoreContentStyle {
+    theme: IReqoreTheme;
+}
+declare const ReqoreContent: React.ForwardRefExoticComponent<IReqoreContentWrapperProps & React.RefAttributes<unknown>>;
+export default ReqoreContent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Content/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;CACrB;AAWD,QAAA,MAAM,aAAa,4FAYlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Content/index.js

@@ -0,0 +1,70 @@
+"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 ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var colors_1 = require("../../helpers/colors");
+var StyledReqoreContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    color: ", ";\n    overflow: auto;\n  "], ["\n    width: 100%;\n    height: 100%;\n    color: ", ";\n    overflow: auto;\n  "])), (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
+});
+var ReqoreContent = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(StyledReqoreContent, __assign({}, rest, { ref: ref, className: "".concat(className || "", " reqore-content") }, { children: children })) }));
+});
+exports["default"] = ReqoreContent;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAwD;AAWxD,IAAM,mBAAmB,GAAG,8BAAM,CAAC,GAAG,+EAAqB,MACvD,EAKD,IACF,KANG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IAA4B,WAAA,uBAAG,sJAAA,oDAG9B,EAAmD,4BAE7D,KAFU,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHxB,CAKrC,CACF,CAAC;AAEF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,UAAC,EAA4D,EAAE,GAAQ;IAApE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAA6C,OAAA,CAC1E,uBAAC,0BAAmB,cAClB,uBAAC,mBAAmB,eACd,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,oBAAiB,gBAE7C,QAAQ,IACW,GACF,CACvB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,aAAa,CAAC"}

package/dist/components/Content/wrapper.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IReqoreTheme } from "../../constants/theme";
+export interface IReqoreContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+}
+export interface IReqoreContentStyle {
+    theme: IReqoreTheme;
+}
+declare const ReqoreContentWrapper: React.ForwardRefExoticComponent<IReqoreContentWrapperProps & React.RefAttributes<unknown>>;
+export default ReqoreContentWrapper;
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/components/Content/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Content/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,QAAA,MAAM,oBAAoB,4FAYzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/Content/wrapper.js

@@ -0,0 +1,43 @@
+"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 ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var StyledReqoreContentWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  flex: 1;\n  padding: 15px;\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-flow: column;\n  flex: 1;\n  padding: 15px;\n  overflow: hidden;\n"])));
+var ReqoreContentWrapper = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(StyledReqoreContentWrapper, __assign({}, rest, { ref: ref, className: "".concat(className || "", " reqore-content-wrapper") }, { children: children })) }));
+});
+exports["default"] = ReqoreContentWrapper;
+var templateObject_1;
+//# sourceMappingURL=wrapper.js.map

package/dist/components/Content/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../src/components/Content/wrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,iFAAiE;AAWjE,IAAM,0BAA0B,GAAG,8BAAM,CAAC,GAAG,kKAAqB,+FAMjE,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,IAAA,kBAAU,EACrC,UAAC,EAA4D,EAAE,GAAQ;IAApE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAA6C,OAAA,CAC1E,uBAAC,0BAAmB,cAClB,uBAAC,0BAA0B,eACrB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,4BAAyB,gBAErD,QAAQ,IACkB,GACT,CACvB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreControlGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    stack?: boolean;
+    minimal?: boolean;
+    size?: TSizes;
+    children: any;
+    fluid?: boolean;
+    rounded?: boolean;
+}
+export interface IReqoreControlGroupStyle extends IReqoreControlGroupProps {
+    theme: IReqoreTheme;
+}
+declare const ReqoreControlGroup: ({ children, className, minimal, size, fluid, rounded, ...rest }: IReqoreControlGroupProps) => JSX.Element;
+export default ReqoreControlGroup;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAoCD,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAkB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/ControlGroup/index.js

@@ -0,0 +1,90 @@
+"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 = __importDefault(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var StyledControlGroup = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 0 auto;\n  width: ", ";\n\n  > .reqore-control-wrapper .reqore-control {\n    border-radius: ", ";\n  }\n\n  > .reqore-control,\n  > .reqore-control-wrapper,\n  > * {\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n\n    border-radius: ", ";\n\n    ", "\n  }\n"], ["\n  display: flex;\n  flex: 0 auto;\n  width: ", ";\n\n  > .reqore-control-wrapper .reqore-control {\n    border-radius: ", ";\n  }\n\n  > .reqore-control,\n  > .reqore-control-wrapper,\n  > * {\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n\n    border-radius: ", ";\n\n    ", "\n  }\n"])), function (_a) {
+    var fluid = _a.fluid;
+    return (fluid ? '100%' : undefined);
+}, function (_a) {
+    var stack = _a.stack;
+    return (!stack ? undefined : 0);
+}, function (_a) {
+    var stack = _a.stack;
+    return (!stack ? '5px' : undefined);
+}, function (_a) {
+    var stack = _a.stack;
+    return (!stack ? undefined : 0);
+}, function (_a) {
+    var rounded = _a.rounded, size = _a.size;
+    return rounded && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        &:first-child {\n          border-top-left-radius: ", "px;\n          border-bottom-left-radius: ", "px;\n        }\n\n        &:last-child {\n          border-top-right-radius: ", "px;\n          border-bottom-right-radius: ", "px;\n        }\n      "], ["\n        &:first-child {\n          border-top-left-radius: ", "px;\n          border-bottom-left-radius: ", "px;\n        }\n\n        &:last-child {\n          border-top-right-radius: ", "px;\n          border-bottom-right-radius: ", "px;\n        }\n      "])), sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size]);
+});
+var ReqoreControlGroup = function (_a) {
+    var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, _c = _a.rounded, rounded = _c === void 0 ? true : _c, rest = __rest(_a, ["children", "className", "minimal", "size", "fluid", "rounded"]);
+    return ((0, jsx_runtime_1.jsx)(StyledControlGroup, __assign({}, rest, { size: size, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
+            var _a;
+            return child
+                ? react_1["default"].cloneElement(child, {
+                    minimal: minimal || ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal),
+                    size: size,
+                    fluid: fluid
+                })
+                : null;
+        }) })));
+};
+exports["default"] = ReqoreControlGroup;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAAiE;AAgBjE,IAAM,kBAAkB,GAAG,8BAAM,CAAC,GAAG,kXAA0B,gDAGpD,EAA2C,yEAGjC,EAAuC,uHAOtC,EAA2C,iCAG5C,EAAuC,WAEtD,EAYC,SAEN,KA7BU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5B,CAA4B,EAGjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAAxB,CAAwB,EAOtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5B,CAA4B,EAG5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAAxB,CAAwB,EAEtD,UAAC,EAAiB;QAAf,OAAO,aAAA,EAAE,IAAI,UAAA;IAChB,OAAA,OAAO,QACP,uBAAG,2UAAA,+DAE2B,EAAsB,4CACnB,EAAsB,+EAIxB,EAAsB,6CACnB,EAAsB,wBAEvD,KAR6B,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,EAIxB,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,CAEvD;AAXD,CAWC,CAEN,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,EAQD;IAPzB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,IAAI,cAPmB,gEAQ3B,CADQ;IACuB,OAAA,CAC9B,uBAAC,kBAAkB,eACb,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,0BAAuB,gBAEnD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,OAAO,EAAE,OAAO,KAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,CAAA;oBACxC,IAAI,MAAA;oBACJ,KAAK,OAAA;iBACN,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACkB,CACtB,CAAA;CAAA,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { IReqoreTheme } from '../../constants/theme';
+import { IReqorePanelProps } from '../Panel';
+export declare type TPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface IReqoreDrawerProps extends IReqorePanelProps {
+    children?: any;
+    isOpen?: boolean;
+    isHidden?: boolean;
+    position?: TPosition;
+    hidable?: boolean;
+    resizable?: boolean;
+    onClose?: () => void;
+    onHideToggle?: (isHidden: boolean) => void;
+    hasBackdrop?: boolean;
+    size?: string;
+    maxSize?: string;
+    minSize?: string;
+    opacity?: number;
+    floating?: boolean;
+    blur?: number;
+    _isModal?: boolean;
+    width?: number | string;
+    height?: number | string;
+}
+export interface IReqoreDrawerStyle extends IReqoreDrawerProps {
+    theme: IReqoreTheme;
+    width?: number | string;
+    height?: number | string;
+    w?: number | string;
+    h?: number | string;
+}
+export declare const StyledCloseWrapper: any;
+export declare const StyledDrawerResizable: any;
+export declare const StyledBackdrop: any;
+export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, blur, opacity, intent, _isModal, width, height, ...rest }: IReqoreDrawerProps) => import("react").ReactPortal;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EAAsB,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE9E,oBAAY,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,KA+C9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAyB,CAAC;AAE5D,eAAO,MAAM,cAAc,KAY1B,CAAC;AAsCF,eAAO,MAAM,YAAY,8NAwBtB,kBAAkB,gCAsNpB,CAAC"}

package/dist/components/Drawer/index.js

@@ -0,0 +1,251 @@
+"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.ReqoreDrawer = exports.StyledBackdrop = exports.StyledDrawerResizable = exports.StyledCloseWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var web_1 = require("@react-spring/web");
+var polished_1 = require("polished");
+var re_resizable_1 = require("re-resizable");
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var styled_components_1 = __importStar(require("styled-components"));
+var animations_1 = require("../../constants/animations");
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var colors_1 = require("../../helpers/colors");
+var useLatestZIndex_1 = __importDefault(require("../../hooks/useLatestZIndex"));
+var useTheme_1 = require("../../hooks/useTheme");
+var Button_1 = __importDefault(require("../Button"));
+var Panel_1 = require("../Panel");
+exports.StyledCloseWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n"], ["\n  position: absolute;\n\n  ", "\n"])), function (_a) {
+    var position = _a.position, w = _a.w, h = _a.h;
+    switch (position) {
+        case 'bottom':
+            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: -35px;\n          > * {\n            margin-right: 5px;\n          }\n        "], ["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: -35px;\n          > * {\n            margin-right: 5px;\n          }\n        "])));
+        case 'top':
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: calc(", " + 5px);\n          > * {\n            margin-right: 5px;\n          }\n        "], ["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: calc(", " + 5px);\n          > * {\n            margin-right: 5px;\n          }\n        "])), h || '0px');
+        case 'left':
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: calc(", " + 5px);\n          > * {\n            margin-top: 5px;\n          }\n        "], ["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: calc(", " + 5px);\n          > * {\n            margin-top: 5px;\n          }\n        "])), w || '0px');
+        case 'right':
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: -35px;\n          > * {\n            margin-top: 5px;\n          }\n        "], ["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: -35px;\n          > * {\n            margin-top: 5px;\n          }\n        "])));
+    }
+});
+exports.StyledDrawerResizable = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
+exports.StyledBackdrop = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: ", ";\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n"], ["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: ", ";\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n"])), function (_a) {
+    var blur = _a.blur;
+    return (blur ? "blur(".concat(blur, "px)") : undefined);
+}, function (_a) {
+    var zIndex = _a.zIndex;
+    return zIndex;
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), 0.3);
+}, function (_a) {
+    var closable = _a.closable;
+    return (closable ? 'pointer' : 'initial');
+});
+/**
+ * It returns an icon name based on the position and whether the panel is hidden or not
+ * @param {'top' | 'bottom' | 'left' | 'right'} position - The position of the panel.
+ * @param {boolean} isHidden - boolean - This is a boolean value that determines whether the panel is
+ * hidden or not.
+ * @returns A function that takes two arguments, position and isHidden, and returns an IReqoreIconName.
+ */
+var getHideShowIcon = function (position, isHidden) {
+    switch (position) {
+        case 'top':
+            return isHidden ? 'ArrowDownSLine' : 'ArrowUpSLine';
+        case 'bottom':
+            return isHidden ? 'ArrowUpSLine' : 'ArrowDownSLine';
+        case 'left':
+            return isHidden ? 'ArrowRightSLine' : 'ArrowLeftSLine';
+        case 'right':
+            return isHidden ? 'ArrowLeftSLine' : 'ArrowRightSLine';
+    }
+};
+var getSpringConfig = function (isModal, position, floating) {
+    var _a, _b, _c;
+    return isModal
+        ? {
+            from: { opacity: 0, transform: 'scale(0.5) translate(-50%, -50%)', filter: 'blur(10px)' },
+            enter: { opacity: 1, transform: 'scale(1) translate(-50%, -50%)', filter: 'blur(0px)' },
+            leave: { opacity: 0, transform: 'scale(0.5) translate(-50%, -50%)', filter: 'blur(10px)' }
+        }
+        : {
+            from: (_a = { opacity: 0 }, _a[position] = '-80px', _a),
+            enter: (_b = { opacity: 1 }, _b[position] = floating ? '10px' : '0px', _b),
+            leave: (_c = { opacity: 0 }, _c[position] = '-80px', _c)
+        };
+};
+var ReqoreDrawer = function (_a) {
+    var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _b = _a.position, position = _b === void 0 ? 'right' : _b, maxSize = _a.maxSize, _c = _a.minSize, minSize = _c === void 0 ? '150px' : _c, onClose = _a.onClose, _d = _a.hasBackdrop, hasBackdrop = _d === void 0 ? true : _d, size = _a.size, _e = _a.resizable, resizable = _e === void 0 ? true : _e, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, blur = _a.blur, opacity = _a.opacity, intent = _a.intent, _isModal = _a._isModal, width = _a.width, height = _a.height, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating", "blur", "opacity", "intent", "_isModal", "width", "height"]);
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    var layout = (0, react_1.useMemo)(function () {
+        return _isModal ? 'center' : position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical';
+    }, [position, _isModal]);
+    var _f = (0, react_1.useState)(isHidden || false), _isHidden = _f[0], setIsHidden = _f[1];
+    var _g = (0, react_1.useState)({
+        width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
+        height: height || (layout === 'vertical' ? 'auto' : size || '300px')
+    }), _size = _g[0], setSize = _g[1];
+    (0, react_1.useEffect)(function () {
+        setSize({
+            width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
+            height: height || (layout === 'vertical' ? 'auto' : size || '300px')
+        });
+    }, [position, size, width, height]);
+    var transitions = (0, web_1.useTransition)(isOpen, __assign(__assign({}, getSpringConfig(_isModal, position, floating)), { config: animations_1.SPRING_CONFIG }));
+    var zIndex = (0, useLatestZIndex_1["default"])();
+    var wrapperZIndex = (0, useLatestZIndex_1["default"])();
+    var actions = (0, react_1.useMemo)(function () {
+        var actions = [];
+        /* Adding a hide/show button to the drawer. */
+        if (hidable) {
+            actions.push({
+                icon: getHideShowIcon(position, _isHidden),
+                onClick: function () {
+                    setIsHidden(!_isHidden);
+                    if (onHideToggle) {
+                        onHideToggle(_isHidden);
+                    }
+                },
+                className: 'reqore-drawer-hide-button'
+            });
+        }
+        /* Adding a close button to the drawer. */
+        if (onClose) {
+            actions.push({
+                icon: 'CloseLine',
+                onClick: onClose,
+                className: 'reqore-drawer-close-button'
+            });
+        }
+        return actions;
+    }, [hidable, position, onClose]);
+    var positions = (0, react_1.useMemo)(function () {
+        /* Centering the modal. */
+        if (_isModal) {
+            return {
+                left: '50%',
+                top: '50%',
+                transform: 'translate(-50%)'
+            };
+        }
+        return {
+            top: position === 'top' || layout === 'vertical' ? (floating ? '10px' : 0) : undefined,
+            bottom: position === 'bottom' || layout === 'vertical' ? (floating ? '10px' : 0) : undefined,
+            right: position === 'right' || layout === 'horizontal' ? (floating ? '10px' : 0) : undefined,
+            left: position === 'left' || layout === 'horizontal' ? (floating ? '10px' : 0) : undefined
+        };
+    }, [_isModal, position, layout, floating]);
+    console.log(width, height, _size);
+    return (0, react_dom_1.createPortal)(transitions(function (styles, item) {
+        return item ? ((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: [hasBackdrop && !_isHidden ? ((0, jsx_runtime_1.jsx)(exports.StyledBackdrop, { className: 'reqore-drawer-backdrop', onClick: function () { return onClose && onClose(); }, closable: !!onClose, zIndex: zIndex, blur: blur, style: {
+                        opacity: styles.opacity
+                    } })) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className: 'reqore-drawer-resizable', maxHeight: layout === 'horizontal' || layout === 'center' ? maxSize || '90vh' : undefined, minHeight: layout === 'center'
+                        ? '140px'
+                        : layout === 'horizontal'
+                            ? _isHidden
+                                ? 0
+                                : minSize || '140px'
+                            : undefined, maxWidth: layout === 'vertical' || layout === 'center' ? maxSize || '90vw' : undefined, minWidth: layout === 'center'
+                        ? '140px'
+                        : layout === 'vertical'
+                            ? _isHidden
+                                ? 0
+                                : minSize || '140px'
+                            : undefined, as: exports.StyledDrawerResizable, style: __assign(__assign({ zIndex: wrapperZIndex, display: 'flex', position: 'fixed', overflow: hidable ? undefined : 'hidden', transformOrigin: 'top left' }, positions), styles), handleWrapperStyle: {
+                        zIndex: wrapperZIndex + 1
+                    }, size: {
+                        width: _isModal
+                            ? _size.width
+                            : layout === 'vertical'
+                                ? _isHidden
+                                    ? 0
+                                    : _size.width
+                                : 'auto',
+                        height: _isModal
+                            ? _size.height
+                            : layout === 'horizontal'
+                                ? _isHidden
+                                    ? 0
+                                    : _size.height
+                                : 'auto'
+                    }, onResize: resizable
+                        ? function (_, _direction, component) {
+                            setSize({
+                                width: component.style.width,
+                                height: component.style.height
+                            });
+                        }
+                        : undefined, enable: {
+                        top: (resizable && position === 'bottom') || _isModal ? true : false,
+                        right: (resizable && position === 'left') || _isModal ? true : false,
+                        left: (resizable && position === 'right') || _isModal ? true : false,
+                        bottom: (resizable && position === 'top') || _isModal ? true : false,
+                        bottomLeft: _isModal,
+                        bottomRight: _isModal,
+                        topLeft: _isModal,
+                        topRight: _isModal
+                    } }, { children: [_isHidden && hidable ? ((0, jsx_runtime_1.jsx)(exports.StyledCloseWrapper, __assign({ className: 'reqore-drawer-controls', position: position, w: layout === 'vertical' && _isHidden ? 0 : _size.width, h: layout === 'horizontal' && _isHidden ? 0 : _size.height }, { children: hidable && ((0, jsx_runtime_1.jsx)(Button_1["default"], { flat: true, customTheme: theme, className: 'reqore-drawer-control reqore-drawer-hide-button', icon: getHideShowIcon(position, _isHidden), onClick: function () {
+                                    setIsHidden(!_isHidden);
+                                    onHideToggle && onHideToggle(!_isHidden);
+                                } })) }))) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { opacity: opacity, blur: hasBackdrop ? 0 : blur, actions: actions, customTheme: customTheme, intent: intent, rounded: floating || _isModal ? true : false, flat: flat, className: "".concat(className || '', " reqore-drawer"), style: {
+                                width: '100%',
+                                height: '100%'
+                            } }, { children: children })))] }))] }))) : null;
+    }), document.querySelector('#reqore-portal'));
+};
+exports.ReqoreDrawer = ReqoreDrawer;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=index.js.map