@qoretechnologies/reqore 0.20.1 → 0.20.2

package/dist/src/components/Notifications/index.js

@@ -0,0 +1,60 @@
+"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;
+};
+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 StyledNotificationsWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n\n  ", "\n"])), function (_a) {
+    var positions = _a.positions;
+    var hasTwoPositions = positions.length > 1;
+    if (hasTwoPositions) {
+        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", ": 30px;\n        ", ": 30px;\n      "], ["\n        ", ": 30px;\n        ", ": 30px;\n      "])), positions[0], positions[1]);
+    }
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ": 30px;\n      left: 50%;\n      transform: translateX(-50%);\n    "], ["\n      ", ": 30px;\n      left: 50%;\n      transform: translateX(-50%);\n    "])), positions[0]);
+});
+var ReqoreNotificationsWrapper = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, _b = _a.position, position = _b === void 0 ? 'TOP' : _b;
+    return ((0, jsx_runtime_1.jsx)(StyledNotificationsWrapper, __assign({ positions: position
+            .split(' ')
+            .map(function (p) { return p.toLowerCase(); }), ref: ref }, { children: children })));
+});
+exports["default"] = ReqoreNotificationsWrapper;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAkBhD,IAAM,0BAA0B,GAAG,8BAAM,CAAC,GAAG,sJAA2B,6EAKpE,EAeD,IACF,KAhBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,IAAI,eAAe,EAAE;QACnB,WAAO,uBAAG,wHAAA,YACN,EAAY,mBACZ,EAAY,iBACf,KAFG,SAAS,CAAC,CAAC,CAAC,EACZ,SAAS,CAAC,CAAC,CAAC,EACd;KACH;IAED,WAAO,uBAAG,qJAAA,UACN,EAAY,qEAGf,KAHG,SAAS,CAAC,CAAC,CAAC,EAGd;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,0BAA0B,GAA+C,IAAA,kBAAU,EACvF,UAAC,EAA8B,EAAE,GAAQ;QAAtC,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAAiB,OAAA,CAC5C,uBAAC,0BAA0B,aACzB,SAAS,EAAE,QAAQ;aAChB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,CAAwC,IAAa,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,EAC7E,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACkB,CAC9B;AAT6C,CAS7C,CACF,CAAC;AAEF,qBAAe,0BAA0B,CAAC"}

package/dist/src/components/Notifications/notification.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+export declare type IReqoreNotificationType = IReqoreIntent;
+export interface IReqoreNotificationProps {
+    type?: IReqoreNotificationType;
+    intent?: IReqoreIntent;
+    title?: string;
+    content: string;
+    icon?: IReqoreIconName;
+    onClose?: () => any;
+    onClick?: () => any;
+    duration?: number;
+    onFinish?: () => any;
+    fluid?: boolean;
+    flat?: boolean;
+    inverted?: boolean;
+    size?: TSizes;
+}
+export interface IReqoreNotificationStyle {
+    theme: IReqoreTheme;
+    type?: IReqoreNotificationType;
+    clickable?: boolean;
+    timeout?: number;
+    intent?: IReqoreIntent;
+    hasShadow?: boolean;
+    fluid?: boolean;
+    flat?: boolean;
+    inverted?: boolean;
+    size?: TSizes;
+}
+export declare const StyledReqoreNotification: any;
+export declare const StyledIconWrapper: any;
+export declare const StyledNotificationContentWrapper: any;
+export declare const StyledNotificationTitle: any;
+export declare const StyledNotificationContent: any;
+export declare const typeToIcon: {
+    [type: string]: IReqoreIconName;
+};
+declare const ReqoreNotification: React.FC<IReqoreNotificationProps>;
+export default ReqoreNotification;
+//# sourceMappingURL=notification.d.ts.map

package/dist/src/components/Notifications/notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAsD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,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,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAWD,eAAO,MAAM,wBAAwB,KAkEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmG1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Notifications/notification.js

@@ -0,0 +1,140 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.typeToIcon = exports.StyledNotificationContent = exports.StyledNotificationTitle = exports.StyledNotificationContentWrapper = exports.StyledIconWrapper = exports.StyledReqoreNotification = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var web_1 = require("@react-spring/web");
+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 animations_1 = require("../../constants/animations");
+var sizes_1 = require("../../constants/sizes");
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var animations_2 = require("../../helpers/animations");
+var colors_1 = require("../../helpers/colors");
+var Icon_1 = __importDefault(require("../Icon"));
+var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    width: 100%;\n  }\n  100% {\n    width: 0;\n  }\n"], ["\n  0% {\n    width: 100%;\n  }\n  100% {\n    width: 0;\n  }\n"])));
+exports.StyledReqoreNotification = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-width: ", ";\n  max-width: ", ";\n  border-radius: 5px;\n  min-height: ", "px;\n  display: flex;\n  flex: 0 1 auto;\n  overflow: auto;\n  position: relative;\n  transition: all 0.2s ease-out;\n  animation: 0.2s ", " ease-in;\n  font-size: ", "px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n\n  ", "\n"], ["\n  min-width: ", ";\n  max-width: ", ";\n  border-radius: 5px;\n  min-height: ", "px;\n  display: flex;\n  flex: 0 1 auto;\n  overflow: auto;\n  position: relative;\n  transition: all 0.2s ease-out;\n  animation: 0.2s ", " ease-in;\n  font-size: ", "px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n\n  ", "\n"])), function (_a) {
+    var fluid = _a.fluid;
+    return (!fluid ? '200px' : undefined);
+}, function (_a) {
+    var fluid = _a.fluid;
+    return (!fluid ? '450px' : undefined);
+}, function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return sizes_1.TABS_SIZE_TO_PX[size];
+}, animations_2.fadeIn, function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return sizes_1.TEXT_FROM_SIZE[size];
+}, function (_a) {
+    var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat, inverted = _a.inverted;
+    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: ", ";\n    border: ", ";\n    border-color: ", ";\n\n    ", "\n\n    ", "\n\n    color: ", ";\n\n    ", "\n  "], ["\n    background-color: ", ";\n    border: ", ";\n    border-color: ", ";\n\n    ", "\n\n    ", "\n\n    color: ", ";\n\n    ", "\n  "])), inverted ? 'transparent' : (0, colors_1.getNotificationIntent)(theme, intent || type), flat ? 0 : '1px solid', inverted
+        ? (0, colors_1.getNotificationIntent)(theme, intent || type)
+        : (0, polished_1.darken)(0.2, (0, colors_1.getNotificationIntent)(theme, intent || type)), hasShadow && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      box-shadow: 0px 0px 30px 10px ", ";\n    "], ["\n      box-shadow: 0px 0px 30px 10px ", ";\n    "])), (0, polished_1.rgba)('#000000', 0.3)), timeout && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      &::before {\n        content: '';\n        position: absolute;\n        display: block;\n        top: 0;\n        height: 3px;\n        background-color: ", ";\n        animation-name: ", ";\n        animation-duration: ", "ms;\n      }\n    "], ["\n      &::before {\n        content: '';\n        position: absolute;\n        display: block;\n        top: 0;\n        height: 3px;\n        background-color: ", ";\n        animation-name: ", ";\n        animation-duration: ", "ms;\n      }\n    "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.1), timeoutAnimation, timeout), inverted && (intent || type)
+        ? (0, colors_1.getNotificationIntent)(theme, intent || type)
+        : (0, colors_1.getReadableColorFrom)((0, colors_1.getNotificationIntent)(theme, intent || type), true), clickable && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), inverted
+        ? (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2), 0.1)
+        : (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.0625)));
+});
+exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  min-height: ", "px;\n  flex: 0 1 auto;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"], ["\n  min-height: ", "px;\n  flex: 0 1 auto;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"])), function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return sizes_1.TABS_SIZE_TO_PX[size];
+}, function (_a) {
+    var clickable = _a.clickable, theme = _a.theme, intent = _a.intent, type = _a.type;
+    return clickable && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "], ["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.02));
+});
+exports.StyledNotificationContentWrapper = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  flex: 1;\n  min-height: ", "px;\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  padding: ", ";\n"], ["\n  flex: 1;\n  min-height: ", "px;\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  padding: ", ";\n"])), function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return sizes_1.TABS_SIZE_TO_PX[size];
+}, function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return "".concat(sizes_1.PADDING_FROM_SIZE[size], "px");
+});
+exports.StyledNotificationTitle = styled_components_1["default"].h4(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin: 0 0 5px 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0 5px 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"])));
+exports.StyledNotificationContent = styled_components_1["default"].p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0;\n  padding: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n"])));
+exports.typeToIcon = {
+    info: 'InformationLine',
+    pending: 'TimerLine',
+    warning: 'AlarmWarningLine',
+    danger: 'ErrorWarningLine',
+    success: 'CheckFill',
+    muted: 'Forbid2Line'
+};
+var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
+    var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, 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];
+    var transitions = (0, web_1.useTransition)(true, {
+        from: { opacity: 0, transform: 'scale(0.9)' },
+        enter: { opacity: 1, transform: 'scale(1)' },
+        leave: { opacity: 0, transform: 'scale(0.9)' },
+        config: animations_1.SPRING_CONFIG
+    });
+    (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, type, intent, content, title]);
+    (0, react_use_1.useUnmount)(function () {
+        clearTimeout(internalTimeout);
+    });
+    return transitions(function (styles, item) {
+        return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, className: 'reqore-notification', ref: ref, style: styles, size: size }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(exports.StyledNotificationTitle, { children: title }), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, { children: content })] })), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-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(type || intent).concat(title).concat(content)) })) : null;
+    });
+});
+exports["default"] = ReqoreNotification;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+//# sourceMappingURL=notification.js.map

package/dist/src/components/Notifications/notification.js.map

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

package/dist/src/components/Panel/index.d.ts

@@ -0,0 +1,49 @@
+import { ReactElement } from 'react';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+import { IReqoreDropdownItemProps } from '../Dropdown/item';
+export interface IReqorePanelAction {
+    icon?: IReqoreIconName;
+    label?: string;
+    onClick?: () => void;
+    intent?: IReqoreIntent;
+    actions?: IReqoreDropdownItemProps[];
+    className?: string;
+    id?: string;
+}
+export interface IReqorePanelBottomAction extends IReqorePanelAction {
+    position: 'left' | 'right';
+}
+export interface IReqorePanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: any;
+    children?: any;
+    icon?: IReqoreIconName;
+    label?: string | ReactElement<any>;
+    collapsible?: boolean;
+    isCollapsed?: boolean;
+    onClose?: () => void;
+    rounded?: boolean;
+    actions?: IReqorePanelAction[];
+    bottomActions?: IReqorePanelBottomAction[];
+    customTheme?: IReqoreTheme;
+    intent?: IReqoreIntent;
+    flat?: boolean;
+    unMountContentOnCollapse?: boolean;
+    onCollapseChange?: (isCollapsed?: boolean) => void;
+    fill?: boolean;
+    padded?: boolean;
+    contentStyle?: React.CSSProperties;
+    opacity?: number;
+    blur?: number;
+}
+export interface IStyledPanel extends IReqorePanelProps {
+    theme: IReqoreTheme;
+}
+export declare const StyledPanel: any;
+export declare const StyledPanelTitle: any;
+export declare const StyledPanelBottomActions: any;
+export declare const StyledPanelContent: any;
+export declare const StyledPanelTitleLabel: any;
+export declare const StyledPanelTitleHeader: any;
+export declare const ReqorePanel: import("react").ForwardRefExoticComponent<IReqorePanelProps & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,KAuBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAyB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAOpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAM9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAIjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGAsLvB,CAAC"}

package/dist/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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"}