@qoretechnologies/reqore 0.63.5 → 0.63.7

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

@@ -24,8 +24,6 @@ export interface IReqoreEmptyStateProps extends Omit<React.HTMLAttributes<HTMLDi
     transparent?: boolean;
     /** Background opacity */
     opacity?: number;
-    /** Whether to use a compact layout with less padding */
-    compact?: boolean;
 }
 export declare const ReqoreEmptyState: React.MemoExoticComponent<(props: IReqoreEmptyStateProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
 export default ReqoreEmptyState;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAazD,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE5E,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIvD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kCAAkC;IAClC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAC9D,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,yEAAyE;IACzE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA4CD,eAAO,MAAM,gBAAgB,wKA2G5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE9D,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGvD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kCAAkC;IAClC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAC9D,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,yEAAyE;IACzE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,wKAyG5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/EmptyState/index.js

@@ -1,8 +1,4 @@
 "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++) {
@@ -14,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -54,36 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 exports.ReqoreEmptyState = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
-var sizes_1 = require("../../constants/sizes");
-var colors_1 = require("../../helpers/colors");
+var __1 = require("../..");
 var utils_1 = require("../../helpers/utils");
 var useTheme_1 = require("../../hooks/useTheme");
-var styles_1 = require("../../styles");
 var ControlGroup_1 = __importDefault(require("../ControlGroup"));
-var Effect_1 = require("../Effect");
 var Header_1 = require("../Header");
 var Icon_1 = __importDefault(require("../Icon"));
 var Paragraph_1 = require("../Paragraph");
-var TooltipComponent_1 = require("../TooltipComponent");
-var StyledEmptyStateWrapper = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  width: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  width: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var $fluid = _a.$fluid;
-    return ($fluid ? '100%' : undefined);
-}, function (_a) {
-    var $hasBackground = _a.$hasBackground, theme = _a.theme, size = _a.size, rounded = _a.rounded, flat = _a.flat, intent = _a.intent, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, compact = _a.compact;
-    return $hasBackground && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      border-radius: ", "px;\n      border: ", ";\n      color: ", ";\n      padding: ", ";\n    "], ["\n      background-color: ", ";\n      border-radius: ", "px;\n      border: ", ";\n      color: ", ";\n      padding: ", ";\n    "])), (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity), rounded ? sizes_1.RADIUS_FROM_SIZE[size] : 0, flat
-        ? undefined
-        : "1px solid ".concat((0, colors_1.changeLightness)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.08)), (0, colors_1.getReadableColor)(theme, undefined, undefined, true), compact
-        ? "".concat(sizes_1.PADDING_FROM_SIZE[size] * 2, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 3, "px")
-        : "".concat(sizes_1.PADDING_FROM_SIZE[size] * 4, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 6, "px"));
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.DisabledElement);
-});
 exports.ReqoreEmptyState = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
-    var icon = _a.icon, iconColor = _a.iconColor, iconProps = _a.iconProps, title = _a.title, description = _a.description, actions = _a.actions, _b = _a.size, size = _b === void 0 ? 'normal' : _b, customTheme = _a.customTheme, intent = _a.intent, fluid = _a.fluid, flat = _a.flat, disabled = _a.disabled, tooltip = _a.tooltip, rounded = _a.rounded, transparent = _a.transparent, opacity = _a.opacity, effect = _a.effect, compact = _a.compact, className = _a.className, rest = __rest(_a, ["icon", "iconColor", "iconProps", "title", "description", "actions", "size", "customTheme", "intent", "fluid", "flat", "disabled", "tooltip", "rounded", "transparent", "opacity", "effect", "compact", "className"]);
+    var icon = _a.icon, iconColor = _a.iconColor, iconProps = _a.iconProps, title = _a.title, description = _a.description, actions = _a.actions, _b = _a.size, size = _b === void 0 ? 'normal' : _b, customTheme = _a.customTheme, intent = _a.intent, fluid = _a.fluid, flat = _a.flat, disabled = _a.disabled, tooltip = _a.tooltip, rounded = _a.rounded, transparent = _a.transparent, opacity = _a.opacity, effect = _a.effect, className = _a.className, rest = __rest(_a, ["icon", "iconColor", "iconProps", "title", "description", "actions", "size", "customTheme", "intent", "fluid", "flat", "disabled", "tooltip", "rounded", "transparent", "opacity", "effect", "className"]);
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
     var iconSize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneHigherSize)(size); }, [size]);
     var descriptionSize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
@@ -97,9 +50,8 @@ exports.ReqoreEmptyState = (0, react_1.memo)((0, react_1.forwardRef)(function (_
         }
         return newEffect;
     }, [effect, intent, theme]);
-    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledEmptyStateWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, "$hasBackground": hasBackground, rounded: rounded, flat: flat, intent: intent, opacity: transparent ? 0 : opacity, effect: transformedEffect, compact: compact, className: "".concat(className || '', " reqore-empty-state") }, { children: (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ vertical: true, horizontalAlign: 'center', className: 'reqore-empty-state-content' }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({}, iconProps, { icon: icon, size: iconSize, color: iconColor, intent: iconColor || hasBackground ? undefined : intent, className: 'reqore-empty-state-icon' }))), title && ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: (0, utils_1.getOneHigherSize)(size), className: 'reqore-empty-state-title' }, { children: title }))), description &&
+    return ((0, jsx_runtime_1.jsx)(__1.ReqorePanel, __assign({ transparent: transparent, minimal: true, flat: true, padded: 'massive' }, rest, { tooltip: tooltip, ref: ref, customTheme: theme, size: size, fluid: fluid, disabled: disabled, rounded: rounded, intent: intent, contentEffect: transformedEffect, className: "".concat(className || '', " reqore-empty-state") }, { children: (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ vertical: true, horizontalAlign: 'center', className: 'reqore-empty-state-content' }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({}, iconProps, { icon: icon, size: iconSize, color: iconColor, intent: iconColor || hasBackground ? undefined : intent, className: 'reqore-empty-state-icon' }))), title && ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: (0, utils_1.getOneHigherSize)(size), className: 'reqore-empty-state-title' }, { children: title }))), description &&
                     (typeof description === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ size: descriptionSize, className: 'reqore-empty-state-description', effect: { opacity: 0.7 }, style: { textAlign: 'center', maxWidth: '480px' } }, { children: description }))) : ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'reqore-empty-state-description' }, { children: description })))), actions && (0, jsx_runtime_1.jsx)("div", __assign({ className: 'reqore-empty-state-actions' }, { children: actions }))] })) })));
 }));
 exports["default"] = exports.ReqoreEmptyState;
-var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyD;AACzD,2BAAoC;AACpC,6CAAuE;AACvE,iDAAsD;AAWtD,iEAAiD;AAEjD,oCAA0C;AAC1C,iDAAuD;AACvD,0CAAuC;AAiC1B,QAAA,gBAAgB,GAAG,IAAA,YAAI,EAClC,IAAA,kBAAU,EACR,UACE,EAoBC,EACD,GAAG;IApBD,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACN,IAAI,cAnBT,0MAoBC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAtB,CAAsB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,sBAAc,EAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,IAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,cAAM,OAAA,CAAC,CAAC,CAAC,MAAM,IAAI,OAAO,IAAI,IAAI,KAAK,SAAS,IAAI,WAAW,IAAI,OAAO,KAAK,SAAS,CAAC,EAAnF,CAAmF,EACzF,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAC9C,CAAC;IAEF,IAAM,iBAAiB,GAAkB,IAAA,eAAO,EAAC;QAC/C,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAE9B,IAAM,SAAS,gBAAuB,MAAM,CAAE,CAAC;QAE/C,IAAI,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;YAChC,SAAS,CAAC,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;SACxD;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,uBAAC,eAAW,aACV,WAAW,EAAE,WAAW,EACxB,OAAO,QACP,IAAI,QACJ,MAAM,EAAC,SAAS,IACZ,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,wBAAqB,gBAElD,wBAAC,yBAAkB,aACjB,QAAQ,QACR,eAAe,EAAC,QAAQ,EACxB,SAAS,EAAC,4BAA4B,iBAErC,IAAI,IAAI,CACP,uBAAC,iBAAU,eACL,SAAS,IACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACvD,SAAS,EAAC,yBAAyB,IACnC,CACH,EACA,KAAK,IAAI,CACR,uBAAC,sBAAa,aAAC,IAAI,EAAE,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAE,SAAS,EAAC,0BAA0B,gBAC9E,KAAK,IACQ,CACjB,EACA,WAAW;oBACV,CAAC,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,uBAAC,mBAAO,aACN,IAAI,EAAE,eAAe,EACrB,SAAS,EAAC,gCAAgC,EAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACxB,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAEhD,WAAW,IACJ,CACX,CAAC,CAAC,CAAC,CACF,yCAAK,SAAS,EAAC,gCAAgC,gBAAE,WAAW,IAAO,CACpE,CAAC,EACH,OAAO,IAAI,yCAAK,SAAS,EAAC,4BAA4B,gBAAE,OAAO,IAAO,KACpD,IACT,CACf,CAAC;AACJ,CAAC,CACF,CACF,CAAC;AAEF,qBAAe,wBAAgB,CAAC"}

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

@@ -58,7 +58,7 @@ export interface IReqorePanelProps extends IReqoreComponent, IWithReqoreSize, IW
     unMountContentOnCollapse?: boolean;
     onCollapseChange?: (isCollapsed?: boolean) => void;
     fill?: boolean;
-    padded?: boolean;
+    padded?: boolean | TSizes;
     contentStyle?: React.CSSProperties;
     opacity?: number;
     blur?: number;
@@ -80,6 +80,7 @@ export interface IReqorePanelProps extends IReqoreComponent, IWithReqoreSize, IW
     responsiveActionsWrapperProps?: Partial<IReqoreControlGroupProps>;
     stickyHeader?: boolean;
     stickyHeaderOffset?: number;
+    floatingActions?: boolean;
 }
 export interface IStyledPanel extends IReqorePanelProps {
     theme: IReqoreTheme;
@@ -101,6 +102,7 @@ export declare const StyledPanelTitle: any;
 export declare const StyledPanelTopBar: any;
 export declare const StyledPanelBottomActions: any;
 export declare const StyledPanelContent: any;
+export declare const StyledFloatingActions: any;
 export declare const ReqorePanelSkeleton: import("react").MemoExoticComponent<({ size, isCollapsed, children, }: Pick<IReqorePanelProps, 'size' | 'isCollapsed' | 'children'>) => import("react/jsx-runtime").JSX.Element>;
 export declare const ReqorePanel: (props: IReqorePanelProps & import("react").RefAttributes<HTMLDivElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAGL,YAAY,EAMb,MAAM,OAAO,CAAC;AAKf,OAAO,EASL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAYpE,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAA0B,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAqB,EAAe,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAExF,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE5E,OAAmB,EAAE,gBAAgB,EAAqB,MAAM,SAAS,CAAC;AAU1E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AACD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,kBAAkB,EAAE,aAAa;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,SAAS,CAAC;IAEpD,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;CAAG;AACvC,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;AACvD,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,EAAE,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IAEf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,WAAW,CAAC,EAAE,uBAAuB,CAAC;IAEtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IAEtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAEpD,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,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,GAAG,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,GAAG,CAAC;IAE7C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAEpC,6BAA6B,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,sBAAsB,KAOlC,CAAC;AAEF,eAAO,MAAM,6BAA6B,KAezC,CAAC;AAEF,eAAO,MAAM,yCAAyC,KAMrD,CAAC;AAEF,eAAO,MAAM,mCAAmC,KAG/C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,CAChC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,MAAM,CAAC,GAC1C,cAAc,GAAG;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CACJ,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAuFzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAuC5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAoB7B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAmBpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAsB9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAcjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,yEAK3B,KAAK,iBAAiB,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC,6CA2BhE,CAAC;AAEF,eAAO,MAAM,WAAW,sJA8rBvB,CAAC"}

package/dist/components/Panel/index.js

@@ -52,7 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.ReqorePanel = exports.ReqorePanelSkeleton = exports.StyledPanelContent = exports.StyledPanelBottomActions = exports.StyledPanelTopBar = exports.StyledPanelTitle = exports.StyledPanel = exports.StyledPanelTitleHeaderLabelAndBadge = exports.StyledPanelTitleHeaderLabelAndDescription = exports.StyledPanelTitleHeaderContent = exports.StyledPanelTitleHeader = void 0;
+exports.ReqorePanel = exports.ReqorePanelSkeleton = exports.StyledFloatingActions = exports.StyledPanelContent = exports.StyledPanelBottomActions = exports.StyledPanelTopBar = exports.StyledPanelTitle = exports.StyledPanel = exports.StyledPanelTitleHeaderLabelAndBadge = exports.StyledPanelTitleHeaderLabelAndDescription = exports.StyledPanelTitleHeaderContent = exports.StyledPanelTitleHeader = void 0;
 var react_1 = require("react");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
@@ -60,6 +60,7 @@ var lodash_1 = require("lodash");
 var polished_1 = require("polished");
 var re_resizable_1 = require("re-resizable");
 var react_2 = require("react");
+var react_dom_1 = require("react-dom");
 var react_use_1 = require("react-use");
 var styled_components_1 = __importStar(require("styled-components"));
 var colors_1 = require("../../constants/colors");
@@ -83,6 +84,9 @@ var Span_1 = require("../Span");
 var TooltipComponent_1 = require("../TooltipComponent");
 var LabelEditor_1 = require("./LabelEditor");
 var NonResponsiveActions_1 = require("./NonResponsiveActions");
+var getPaddingSize = function (padded, size) {
+    return typeof padded === 'string' ? sizes_1.PADDING_FROM_SIZE[padded] : sizes_1.PADDING_FROM_SIZE[size];
+};
 exports.StyledPanelTitleHeader = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1 1 auto;\n  width: 100%;\n  overflow: hidden;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1 1 auto;\n  width: 100%;\n  overflow: hidden;\n"])));
 exports.StyledPanelTitleHeaderContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 0 1 auto;\n  overflow: hidden;\n  min-width: ", "px;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 0 1 auto;\n  overflow: hidden;\n  min-width: ", "px;\n"])), function (_a) {
     var iconSize = _a.iconSize, hasIcon = _a.hasIcon;
@@ -94,7 +98,7 @@ exports.StyledPanelTitleHeaderContent = styled_components_1["default"].div(templ
 });
 exports.StyledPanelTitleHeaderLabelAndDescription = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 3px;\n  min-width: 0;\n  flex: 1 auto;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 3px;\n  min-width: 0;\n  flex: 1 auto;\n"])));
 exports.StyledPanelTitleHeaderLabelAndBadge = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  max-width: 100%;\n"], ["\n  display: inline-flex;\n  max-width: 100%;\n"])));
-exports.StyledPanel = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n  border: ", ";\n  color: ", ";\n  overflow: ", ";\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  backdrop-filter: ", ";\n  width: ", ";\n  max-width: 100%;\n  flex: ", ";\n\n  &:not(:hover) {\n    .reqore-panel-action-hidden {\n      display: none;\n    }\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n  border: ", ";\n  color: ", ";\n  overflow: ", ";\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  backdrop-filter: ", ";\n  width: ", ";\n  max-width: 100%;\n  flex: ", ";\n\n  &:not(:hover) {\n    .reqore-panel-action-hidden {\n      display: none;\n    }\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+exports.StyledPanel = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n  border: ", ";\n  color: ", ";\n  overflow: ", ";\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  backdrop-filter: ", ";\n  width: ", ";\n  max-width: 100%;\n  flex: ", ";\n\n  &:not(:hover) {\n    .reqore-panel-action-hidden {\n      opacity: 0;\n      pointer-events: none;\n      visibility: hidden;\n    }\n  }\n\n  &.reqore-panel-floating-active {\n    border-top-right-radius: 0;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n  border: ", ";\n  color: ", ";\n  overflow: ", ";\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  backdrop-filter: ", ";\n  width: ", ";\n  max-width: 100%;\n  flex: ", ";\n\n  &:not(:hover) {\n    .reqore-panel-action-hidden {\n      opacity: 0;\n      pointer-events: none;\n      visibility: hidden;\n    }\n  }\n\n  &.reqore-panel-floating-active {\n    border-top-right-radius: 0;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
     return (0, polished_1.rgba)((0, colors_2.changeDarkness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity);
 }, function (_a) {
@@ -143,8 +147,8 @@ exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_10
     var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
     return (0, polished_1.rgba)((0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity);
 }, function (_a) {
-    var noHorizontalPadding = _a.noHorizontalPadding, size = _a.size, transparent = _a.transparent, flat = _a.flat, intent = _a.intent;
-    return "".concat(transparent && flat && !intent ? 0 : sizes_1.PADDING_FROM_SIZE[size], "px ").concat(noHorizontalPadding ? 0 : "".concat(sizes_1.PADDING_FROM_SIZE[size], "px"));
+    var noHorizontalPadding = _a.noHorizontalPadding, size = _a.size, padded = _a.padded, transparent = _a.transparent, flat = _a.flat, intent = _a.intent;
+    return "".concat(transparent && flat && !intent ? 0 : getPaddingSize(padded, size), "px ").concat(noHorizontalPadding ? 0 : "".concat(getPaddingSize(padded, size), "px"));
 }, function (_a) {
     var theme = _a.theme, isCollapsed = _a.isCollapsed, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
     return !isCollapsed && !flat && opacity
@@ -158,18 +162,20 @@ exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_10
     });
 });
 exports.StyledPanelTopBar = (0, styled_components_1["default"])(exports.StyledPanelTitle)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  min-height: ", "px;\n  padding-bottom: ", ";\n  padding-top: ", ";\n  position: ", ";\n  top: ", ";\n  z-index: ", ";\n  background: ", ";\n"], ["\n  min-height: ", "px;\n  padding-bottom: ", ";\n  padding-top: ", ";\n  position: ", ";\n  top: ", ";\n  z-index: ", ";\n  background: ", ";\n"])), function (_a) {
-    var size = _a.size, wrapperPadding = _a.wrapperPadding;
+    var size = _a.size, padded = _a.padded, wrapperPadding = _a.wrapperPadding;
     return sizes_1.SIZE_TO_PX[size] +
-        (wrapperPadding === 'both' || wrapperPadding === 'top' ? sizes_1.PADDING_FROM_SIZE[size] * 2 : 0);
+        (wrapperPadding === 'both' || wrapperPadding === 'top'
+            ? getPaddingSize(padded, size) * 2
+            : 0);
 }, function (_a) {
     var padded = _a.padded, size = _a.size, isCollapsed = _a.isCollapsed;
-    return !padded || isCollapsed ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") : undefined;
+    return !padded || isCollapsed ? "".concat(getPaddingSize(padded, size), "px") : undefined;
 }, function (_a) {
-    var minimal = _a.minimal, size = _a.size, wrapperPadding = _a.wrapperPadding;
+    var minimal = _a.minimal, size = _a.size, padded = _a.padded, wrapperPadding = _a.wrapperPadding;
     return wrapperPadding === 'bottom' || wrapperPadding === 'none'
         ? undefined
         : minimal
-            ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px")
+            ? "".concat(getPaddingSize(padded, size), "px")
             : undefined;
 }, function (_a) {
     var stickyHeader = _a.stickyHeader;
@@ -185,18 +191,20 @@ exports.StyledPanelTopBar = (0, styled_components_1["default"])(exports.StyledPa
     return (0, polished_1.rgba)((0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity);
 });
 exports.StyledPanelBottomActions = (0, styled_components_1["default"])(exports.StyledPanelTitle)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  min-height: ", "px;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  border-bottom: 0;\n  border-top: ", ";\n"], ["\n  min-height: ", "px;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  border-bottom: 0;\n  border-top: ", ";\n"])), function (_a) {
-    var size = _a.size, wrapperPadding = _a.wrapperPadding;
+    var size = _a.size, padded = _a.padded, wrapperPadding = _a.wrapperPadding;
     return sizes_1.SIZE_TO_PX[size] +
-        (wrapperPadding === 'both' || wrapperPadding === 'bottom' ? sizes_1.PADDING_FROM_SIZE[size] * 2 : 0);
+        (wrapperPadding === 'both' || wrapperPadding === 'bottom'
+            ? getPaddingSize(padded, size) * 2
+            : 0);
 }, function (_a) {
     var padded = _a.padded, size = _a.size;
-    return !padded ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") : undefined;
+    return !padded ? "".concat(getPaddingSize(padded, size), "px") : undefined;
 }, function (_a) {
-    var minimal = _a.minimal, size = _a.size, wrapperPadding = _a.wrapperPadding;
+    var minimal = _a.minimal, size = _a.size, padded = _a.padded, wrapperPadding = _a.wrapperPadding;
     return wrapperPadding === 'top' || wrapperPadding === 'none'
         ? undefined
         : minimal
-            ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px")
+            ? "".concat(getPaddingSize(padded, size), "px")
             : undefined;
 }, function (_a) {
     var theme = _a.theme, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
@@ -212,22 +220,41 @@ exports.StyledPanelContent = styled_components_1["default"].div(templateObject_1
     return !padded
         ? undefined
         : noHorizontalPadding
-            ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px 0")
-            : "".concat(sizes_1.PADDING_FROM_SIZE[size] / (minimal ? 2 : 1), "px ").concat(sizes_1.PADDING_FROM_SIZE[size], "px");
+            ? "".concat(getPaddingSize(padded, size), "px 0")
+            : "".concat(getPaddingSize(padded, size) / (minimal ? 2 : 1), "px ").concat(getPaddingSize(padded, size), "px");
 }, function (_a) {
     var minimal = _a.minimal, hasLabel = _a.hasLabel, padded = _a.padded, size = _a.size;
-    return minimal && hasLabel && padded ? 0 : padded ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") : undefined;
+    return minimal && hasLabel && padded ? 0 : padded ? "".concat(getPaddingSize(padded, size), "px") : undefined;
 }, function (_a) {
     var minimal = _a.minimal, padded = _a.padded, size = _a.size, hasBottomActions = _a.hasBottomActions;
     return minimal && hasBottomActions && padded
         ? 0
         : padded
-            ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px")
+            ? "".concat(getPaddingSize(padded, size), "px")
             : undefined;
 }, function (_a) {
     var size = _a.size;
     return sizes_1.TEXT_FROM_SIZE[size];
 });
+exports.StyledFloatingActions = styled_components_1["default"].div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 999999;\n  display: flex;\n  padding: ", "px;\n  background-color: ", ";\n  border: ", ";\n  border-bottom: none;\n  border-radius: ", "px ", "px\n    0 0;\n  gap: ", "px;\n  pointer-events: auto;\n"], ["\n  position: fixed;\n  z-index: 999999;\n  display: flex;\n  padding: ", "px;\n  background-color: ", ";\n  border: ", ";\n  border-bottom: none;\n  border-radius: ", "px ", "px\n    0 0;\n  gap: ", "px;\n  pointer-events: auto;\n"])), function (_a) {
+    var size = _a.size;
+    return sizes_1.PADDING_FROM_SIZE[size];
+}, function (_a) {
+    var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
+    return (0, polished_1.rgba)((0, colors_2.changeDarkness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity);
+}, function (_a) {
+    var flat = _a.flat, theme = _a.theme;
+    return flat ? 'none' : "1px solid ".concat((0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.08));
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.RADIUS_FROM_SIZE[size];
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.RADIUS_FROM_SIZE[size];
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.GAP_FROM_SIZE[size];
+});
 exports.ReqorePanelSkeleton = (0, react_2.memo)(function (_a) {
     var size = _a.size, isCollapsed = _a.isCollapsed, children = _a.children;
     var style = (0, react_2.useMemo)(function () { return ({ padding: "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") }); }, [size]);
@@ -235,7 +262,7 @@ exports.ReqorePanelSkeleton = (0, react_2.memo)(function (_a) {
                 (children ? (children) : ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ vertical: true }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.ReqoreSkeleton, { lines: 5, width: '100%', size: 'tiny' }) }))))] })));
 });
 exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
-    var children = _a.children, label = _a.label, description = _a.description, _b = _a.collapseButtonProps, collapseButtonProps = _b === void 0 ? {} : _b, collapsible = _a.collapsible, onClose = _a.onClose, _c = _a.closeButtonProps, closeButtonProps = _c === void 0 ? {} : _c, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, iconImage = _a.iconImage, intent = _a.intent, className = _a.className, flat = _a.flat, _g = _a.unMountContentOnCollapse, unMountContentOnCollapse = _g === void 0 ? true : _g, onCollapseChange = _a.onCollapseChange, _h = _a.padded, padded = _h === void 0 ? true : _h, _j = _a.wrapperPadding, wrapperPadding = _j === void 0 ? 'both' : _j, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _k = _a.labelEffect, labelEffect = _k === void 0 ? {} : _k, _l = _a.descriptionEffect, descriptionEffect = _l === void 0 ? {} : _l, descriptionIntent = _a.descriptionIntent, labelSize = _a.labelSize, contentSize = _a.contentSize, minimal = _a.minimal, badge = _a.badge, iconColor = _a.iconColor, _m = _a.iconProps, iconProps = _m === void 0 ? {} : _m, fluid = _a.fluid, _o = _a.responsiveActions, responsiveActions = _o === void 0 ? true : _o, _p = _a.responsiveTitle, responsiveTitle = _p === void 0 ? true : _p, _q = _a.size, panelSize = _q === void 0 ? 'normal' : _q, getContentRef = _a.getContentRef, _r = _a.labelProps, labelProps = _r === void 0 ? {} : _r, disabled = _a.disabled, breadcrumbs = _a.breadcrumbs, _s = _a.showActionsWhenCollapsed, showActionsWhenCollapsed = _s === void 0 ? true : _s, showLabelTooltip = _a.showLabelTooltip, customLabelTooltip = _a.customLabelTooltip, resizable = _a.resizable, onLabelEdit = _a.onLabelEdit, responsiveActionsWrapperProps = _a.responsiveActionsWrapperProps, loading = _a.loading, loadingIconType = _a.loadingIconType, skeleton = _a.skeleton, errorBoundaryOptions = _a.errorBoundaryOptions, rest = __rest(_a, ["children", "label", "description", "collapseButtonProps", "collapsible", "onClose", "closeButtonProps", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "icon", "iconImage", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "wrapperPadding", "contentStyle", "contentEffect", "labelEffect", "descriptionEffect", "descriptionIntent", "labelSize", "contentSize", "minimal", "badge", "iconColor", "iconProps", "fluid", "responsiveActions", "responsiveTitle", "size", "getContentRef", "labelProps", "disabled", "breadcrumbs", "showActionsWhenCollapsed", "showLabelTooltip", "customLabelTooltip", "resizable", "onLabelEdit", "responsiveActionsWrapperProps", "loading", "loadingIconType", "skeleton", "errorBoundaryOptions"]);
+    var children = _a.children, label = _a.label, description = _a.description, _b = _a.collapseButtonProps, collapseButtonProps = _b === void 0 ? {} : _b, collapsible = _a.collapsible, onClose = _a.onClose, _c = _a.closeButtonProps, closeButtonProps = _c === void 0 ? {} : _c, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, iconImage = _a.iconImage, intent = _a.intent, className = _a.className, flat = _a.flat, _g = _a.unMountContentOnCollapse, unMountContentOnCollapse = _g === void 0 ? true : _g, onCollapseChange = _a.onCollapseChange, _h = _a.padded, padded = _h === void 0 ? true : _h, _j = _a.wrapperPadding, wrapperPadding = _j === void 0 ? 'both' : _j, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _k = _a.labelEffect, labelEffect = _k === void 0 ? {} : _k, _l = _a.descriptionEffect, descriptionEffect = _l === void 0 ? {} : _l, descriptionIntent = _a.descriptionIntent, labelSize = _a.labelSize, contentSize = _a.contentSize, minimal = _a.minimal, badge = _a.badge, iconColor = _a.iconColor, _m = _a.iconProps, iconProps = _m === void 0 ? {} : _m, fluid = _a.fluid, _o = _a.responsiveActions, responsiveActions = _o === void 0 ? true : _o, _p = _a.responsiveTitle, responsiveTitle = _p === void 0 ? true : _p, _q = _a.size, panelSize = _q === void 0 ? 'normal' : _q, getContentRef = _a.getContentRef, _r = _a.labelProps, labelProps = _r === void 0 ? {} : _r, disabled = _a.disabled, breadcrumbs = _a.breadcrumbs, _s = _a.showActionsWhenCollapsed, showActionsWhenCollapsed = _s === void 0 ? true : _s, showLabelTooltip = _a.showLabelTooltip, customLabelTooltip = _a.customLabelTooltip, resizable = _a.resizable, onLabelEdit = _a.onLabelEdit, responsiveActionsWrapperProps = _a.responsiveActionsWrapperProps, loading = _a.loading, loadingIconType = _a.loadingIconType, skeleton = _a.skeleton, errorBoundaryOptions = _a.errorBoundaryOptions, floatingActions = _a.floatingActions, rest = __rest(_a, ["children", "label", "description", "collapseButtonProps", "collapsible", "onClose", "closeButtonProps", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "icon", "iconImage", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "wrapperPadding", "contentStyle", "contentEffect", "labelEffect", "descriptionEffect", "descriptionIntent", "labelSize", "contentSize", "minimal", "badge", "iconColor", "iconProps", "fluid", "responsiveActions", "responsiveTitle", "size", "getContentRef", "labelProps", "disabled", "breadcrumbs", "showActionsWhenCollapsed", "showLabelTooltip", "customLabelTooltip", "resizable", "onLabelEdit", "responsiveActionsWrapperProps", "loading", "loadingIconType", "skeleton", "errorBoundaryOptions", "floatingActions"]);
     var _t = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _t[0], setIsCollapsed = _t[1];
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme ||
         ((contentEffect === null || contentEffect === void 0 ? void 0 : contentEffect.gradient) && minimal
@@ -244,9 +271,53 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
     var isMobile = (0, useReqoreContext_1.useReqoreProperty)('isMobile');
     var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
     var _u = (0, react_use_1.useMeasure)(), measureRef = _u[0], width = _u[1].width;
+    var _v = (0, react_2.useState)(false), _isHovered = _v[0], setIsHovered = _v[1];
+    var floatingActionsRef = (0, react_2.useRef)(null);
+    var panelRef = (0, react_2.useRef)(null);
     (0, react_use_1.useUpdateEffect)(function () {
         setIsCollapsed(!!isCollapsed);
     }, [isCollapsed]);
+    var floatingActionsList = (0, react_2.useMemo)(function () { return (floatingActions ? actions.filter(function (action) { return action.show === 'hover'; }) : []); }, [floatingActions, actions]);
+    var nonFloatingActions = (0, react_2.useMemo)(function () { return (floatingActions ? actions.filter(function (action) { return action.show !== 'hover'; }) : actions); }, [floatingActions, actions]);
+    var updateFloatingActionsPosition = (0, react_2.useCallback)(function () {
+        if (!floatingActionsRef.current || !panelRef.current)
+            return;
+        var panelRect = panelRef.current.getBoundingClientRect();
+        var floatingRect = floatingActionsRef.current.getBoundingClientRect();
+        floatingActionsRef.current.style.top = "".concat(panelRect.top - floatingRect.height, "px");
+        floatingActionsRef.current.style.left = "".concat(panelRect.right - floatingRect.width, "px");
+    }, []);
+    (0, react_2.useEffect)(function () {
+        if (!_isHovered || !floatingActions || !(0, lodash_1.size)(floatingActionsList))
+            return;
+        updateFloatingActionsPosition();
+    }, [_isHovered, floatingActions, floatingActionsList, updateFloatingActionsPosition]);
+    var handleMouseEnter = (0, react_2.useCallback)(function (e) {
+        var _a;
+        if (floatingActions)
+            setIsHovered(true);
+        (_a = rest.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(rest, e);
+    }, [floatingActions, rest.onMouseEnter]);
+    var handleMouseLeave = (0, react_2.useCallback)(function (e) {
+        var _a;
+        if (floatingActions) {
+            var relatedTarget = e.relatedTarget;
+            if (floatingActionsRef.current &&
+                relatedTarget &&
+                floatingActionsRef.current.contains(relatedTarget)) {
+                return;
+            }
+            setIsHovered(false);
+        }
+        (_a = rest.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(rest, e);
+    }, [floatingActions, rest.onMouseLeave]);
+    var handleFloatingActionsMouseLeave = (0, react_2.useCallback)(function (e) {
+        var relatedTarget = e.relatedTarget;
+        if (panelRef.current && relatedTarget && panelRef.current.contains(relatedTarget)) {
+            return;
+        }
+        setIsHovered(false);
+    }, []);
     var _resizable = (0, react_2.useMemo)(function () {
         var disabledProps = {
             enable: {
@@ -271,10 +342,10 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
             !!breadcrumbs ||
             collapsible ||
             !!onClose ||
-            !!(0, lodash_1.size)(actions.filter(utils_1.isActionShown)) ||
+            !!(0, lodash_1.size)(nonFloatingActions.filter(utils_1.isActionShown)) ||
             !!((0, lodash_1.isArray)(badge) ? (0, lodash_1.size)(badge) : badge) ||
             !!icon;
-    }, [label, collapsible, onClose, actions, badge, icon]);
+    }, [label, collapsible, onClose, nonFloatingActions, badge, icon]);
     // Return true if the card has a title bar, otherwise return false.
     var hasTitleHeader = (0, react_2.useMemo)(function () { return !!label || !!badge || !!icon || !!breadcrumbs; }, [label, icon, badge, breadcrumbs]);
     var isSmall = (0, react_2.useMemo)(function () { return responsiveTitle && width < 480 && process.env.NODE_ENV !== 'test'; }, [width, responsiveTitle]);
@@ -386,11 +457,11 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
         // OTHERWISE, ARE THERE ANY NON RESPONSIVE ACTIONS TO BE SHOWN?
         // This either means actions where user specified responsive: false
         // or user passed responsiveActions: false
-        if (hasNonResponsiveActions(actions)) {
+        if (hasNonResponsiveActions(nonFloatingActions)) {
             show = true;
         }
         return show;
-    }, [isSmall, collapsible, actions, hasNonResponsiveActions]);
+    }, [isSmall, collapsible, nonFloatingActions, hasNonResponsiveActions]);
     var iconTooltip = (0, react_2.useMemo)(function () { return ({
         content: label
     }); }, [label]);
@@ -404,9 +475,14 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
     if (skeleton) {
         return (0, jsx_runtime_1.jsx)(exports.ReqorePanelSkeleton, { size: panelSize, isCollapsed: _isCollapsed });
     }
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, (0, lodash_1.omit)(rest, ['onResize']), _resizable, { as: rest.as || (!!resizable && !disabled && !_isCollapsed) ? re_resizable_1.Resizable : 'div', isCollapsed: _isCollapsed, rounded: rounded, flat: flat, intent: intent, className: "".concat(className || '', " reqore-panel"), interactive: interactive, theme: theme, effect: transformedContentEffect, opacity: opacity, fluid: fluid, disabled: disabled, Component: exports.StyledPanel, ref: handleRef }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTopBar, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, minimal: minimal, size: contentSize || panelSize, opacity: opacity !== null && opacity !== void 0 ? opacity : (minimal ? 0 : 1), noHorizontalPadding: noHorizontalPadding, responsive: responsiveTitle, isMobile: isMobile || isSmall, ref: measureRef, padded: padded, wrapperPadding: wrapperPadding, transparent: rest.transparent || opacity === 0, intent: intent, stickyHeader: rest.stickyHeader, stickyHeaderOffset: rest.stickyHeaderOffset }, { children: [hasTitleHeader && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [breadcrumbs ? ((0, jsx_runtime_1.jsx)(Breadcrumbs_1["default"], __assign({}, breadcrumbs, { padded: false, margin: 'none', flat: true, responsive: true }))) : icon || iconImage || label || badge ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeaderContent, __assign({ size: panelSize }, labelProps, { hasLabel: !!label, hasIcon: !!icon || !!iconImage || loading, iconSize: sizes_1.ICON_FROM_HEADER_SIZE[labelSize || sizes_1.HEADER_SIZE_TO_NUMBER[panelSize]] }, { children: [icon || iconImage ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({ size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[labelSize || sizes_1.HEADER_SIZE_TO_NUMBER[panelSize]], "px"), image: loading ? undefined : iconImage, margin: 'right', color: iconColor, tooltip: iconTooltip, effect: {
+    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, (0, lodash_1.omit)(rest, ['onResize']), _resizable, { as: rest.as || (!!resizable && !disabled && !_isCollapsed) ? re_resizable_1.Resizable : 'div', isCollapsed: _isCollapsed, rounded: rounded, flat: flat, intent: intent, className: "".concat(className || '', " reqore-panel").concat(_isHovered && (0, lodash_1.size)(floatingActionsList) > 0 ? ' reqore-panel-floating-active' : ''), interactive: interactive, theme: theme, effect: transformedContentEffect, opacity: opacity, fluid: fluid, disabled: disabled, Component: exports.StyledPanel, ref: function (node) {
+                handleRef(node);
+                panelRef.current = node;
+            }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: [_isHovered &&
+                    (0, lodash_1.size)(floatingActionsList) > 0 &&
+                    (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.StyledFloatingActions, __assign({ className: 'reqore-panel-floating-actions', theme: theme, opacity: opacity, size: panelSize, flat: flat, ref: floatingActionsRef, onMouseLeave: handleFloatingActionsMouseLeave }, { children: (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ size: panelSize, gapSize: panelSize }, { children: floatingActionsList.map(function (action, index) { return renderActions(action, index, true); }) })) })), document.body), hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTopBar, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, minimal: minimal, size: contentSize || panelSize, opacity: opacity !== null && opacity !== void 0 ? opacity : (minimal ? 0 : 1), noHorizontalPadding: noHorizontalPadding, responsive: responsiveTitle, isMobile: isMobile || isSmall, ref: measureRef, padded: padded, wrapperPadding: wrapperPadding, transparent: rest.transparent || opacity === 0, intent: intent, stickyHeader: rest.stickyHeader, stickyHeaderOffset: rest.stickyHeaderOffset }, { children: [hasTitleHeader && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [breadcrumbs ? ((0, jsx_runtime_1.jsx)(Breadcrumbs_1["default"], __assign({}, breadcrumbs, { padded: false, margin: 'none', flat: true, responsive: true }))) : icon || iconImage || label || badge ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeaderContent, __assign({ size: panelSize }, labelProps, { hasLabel: !!label, hasIcon: !!icon || !!iconImage || loading, iconSize: sizes_1.ICON_FROM_HEADER_SIZE[labelSize || sizes_1.HEADER_SIZE_TO_NUMBER[panelSize]] }, { children: [icon || iconImage ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({ size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[labelSize || sizes_1.HEADER_SIZE_TO_NUMBER[panelSize]], "px"), image: loading ? undefined : iconImage, margin: 'right', color: iconColor, tooltip: iconTooltip, effect: {
                                                 opacity: colors_1.CONTROL_ICON_OPACITY
-                                            } }, iconProps, { animation: loading ? 'spin' : iconProps === null || iconProps === void 0 ? void 0 : iconProps.animation, icon: loading ? "Loader".concat(loadingIconType || '', "Line") : icon || (iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeaderLabelAndDescription, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeaderLabelAndBadge, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(LabelEditor_1.LabelEditor, { size: labelSize || panelSize, customTheme: theme, effect: __assign({ noWrap: true }, labelEffect), style: { display: 'inline-flex', alignItems: 'center', minWidth: 0 }, label: label, onSubmit: onLabelEdit, tooltip: showLabelTooltip ? customLabelTooltip || label : undefined })) : (label), badge || badge === 0 ? ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: (0, utils_1.getOneHigherSize)(panelSize), content: badge, wrapGroup: isSmall, margin: label ? 'left' : 'none' })) : null] }), description && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({ size: labelSize ? sizes_1.NUMBER_TO_SIZE[labelSize] : panelSize, effect: __assign({ opacity: 0.7 }, descriptionEffect), intent: descriptionIntent }, { children: description })))] })] }))) : null, breadcrumbs && (badge || badge === 0) ? ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: (0, utils_1.getOneHigherSize)(panelSize), content: badge, wrapGroup: isSmall, margin: label ? 'left' : 'none' })) : null, (0, jsx_runtime_1.jsx)(NonResponsiveActions_1.ReqorePanelNonResponsiveActions, { show: isSmall && (!!onClose || collapsible), isSmall: isSmall, showControlButtons: true, size: panelSize, hasResponsiveActions: hasResponsiveActions(actions), customTheme: theme, isCollapsed: _isCollapsed, onCollapseClick: collapsible ? handleCollapseClick : undefined, onCloseClick: onClose, closeButtonProps: closeButtonProps, collapseButtonProps: collapseButtonProps, fluid: false, style: { marginLeft: 'auto' } })] })), hasResponsiveActions(actions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ responsive: responsiveActions, fluid: responsiveActions || isSmall, horizontalAlign: 'flex-end', customTheme: theme, size: panelSize }, responsiveActionsWrapperProps, { children: actions.map(renderResponsiveActions()) }))), (0, jsx_runtime_1.jsx)(NonResponsiveActions_1.ReqorePanelNonResponsiveActions, __assign({ show: showNonResponsiveGroup(), isSmall: isSmall, showControlButtons: !isSmall, size: panelSize, hasResponsiveActions: hasResponsiveActions(actions), customTheme: theme, isCollapsed: _isCollapsed, onCollapseClick: collapsible ? handleCollapseClick : undefined, onCloseClick: onClose, closeButtonProps: closeButtonProps, collapseButtonProps: collapseButtonProps, fluid: !hasTitleHeader || isSmall }, { children: actions.map(renderNonResponsiveActions()) }))] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ as: 'div', className: 'reqore-panel-content', hasLabel: !!hasTitleBar, hasBottomActions: hasBottomActions, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal, size: contentSize || panelSize, ref: getContentRef, noHorizontalPadding: noHorizontalPadding }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, padded: padded, intent: intent, minimal: minimal, transparent: rest.transparent || opacity === 0, opacity: opacity !== null && opacity !== void 0 ? opacity : (minimal ? 0 : 1), size: contentSize || panelSize, noHorizontalPadding: noHorizontalPadding }, { children: [hasNonResponsiveActions(leftBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ size: panelSize, style: { marginRight: 'auto' } }, { children: leftBottomActions.map(renderNonResponsiveActions('flex-start')) }))) : null, hasResponsiveActions(leftBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ fluid: responsiveActions, responsive: responsiveActions, customTheme: theme, size: panelSize, style: { marginRight: 'auto' } }, { children: leftBottomActions.map(renderResponsiveActions('flex-start')) }))), hasResponsiveActions(rightBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ fluid: responsiveActions, horizontalAlign: 'flex-end', responsive: responsiveActions, customTheme: theme, style: { marginLeft: 'auto' }, size: panelSize }, { children: rightBottomActions.map(renderResponsiveActions()) }))), hasNonResponsiveActions(rightBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ horizontalAlign: 'flex-end', size: panelSize, style: { marginLeft: 'auto' } }, { children: rightBottomActions.map(renderNonResponsiveActions()) }))) : null] }))) : null] })) })));
+                                            } }, iconProps, { animation: loading ? 'spin' : iconProps === null || iconProps === void 0 ? void 0 : iconProps.animation, icon: loading ? "Loader".concat(loadingIconType || '', "Line") : icon || (iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeaderLabelAndDescription, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeaderLabelAndBadge, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(LabelEditor_1.LabelEditor, { size: labelSize || panelSize, customTheme: theme, effect: __assign({ noWrap: true }, labelEffect), style: { display: 'inline-flex', alignItems: 'center', minWidth: 0 }, label: label, onSubmit: onLabelEdit, tooltip: showLabelTooltip ? customLabelTooltip || label : undefined })) : (label), badge || badge === 0 ? ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: (0, utils_1.getOneHigherSize)(panelSize), content: badge, wrapGroup: isSmall, margin: label ? 'left' : 'none' })) : null] }), description && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({ size: labelSize ? sizes_1.NUMBER_TO_SIZE[labelSize] : panelSize, effect: __assign({ opacity: 0.7 }, descriptionEffect), intent: descriptionIntent }, { children: description })))] })] }))) : null, breadcrumbs && (badge || badge === 0) ? ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: (0, utils_1.getOneHigherSize)(panelSize), content: badge, wrapGroup: isSmall, margin: label ? 'left' : 'none' })) : null, (0, jsx_runtime_1.jsx)(NonResponsiveActions_1.ReqorePanelNonResponsiveActions, { show: isSmall && (!!onClose || collapsible), isSmall: isSmall, showControlButtons: true, size: panelSize, hasResponsiveActions: hasResponsiveActions(nonFloatingActions), customTheme: theme, isCollapsed: _isCollapsed, onCollapseClick: collapsible ? handleCollapseClick : undefined, onCloseClick: onClose, closeButtonProps: closeButtonProps, collapseButtonProps: collapseButtonProps, fluid: false, style: { marginLeft: 'auto' } })] })), hasResponsiveActions(nonFloatingActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ responsive: responsiveActions, fluid: responsiveActions || isSmall, horizontalAlign: 'flex-end', customTheme: theme, size: panelSize }, responsiveActionsWrapperProps, { children: nonFloatingActions.map(renderResponsiveActions()) }))), (0, jsx_runtime_1.jsx)(NonResponsiveActions_1.ReqorePanelNonResponsiveActions, __assign({ show: showNonResponsiveGroup(), isSmall: isSmall, showControlButtons: !isSmall, size: panelSize, hasResponsiveActions: hasResponsiveActions(nonFloatingActions), customTheme: theme, isCollapsed: _isCollapsed, onCollapseClick: collapsible ? handleCollapseClick : undefined, onCloseClick: onClose, closeButtonProps: closeButtonProps, collapseButtonProps: collapseButtonProps, fluid: !hasTitleHeader || isSmall }, { children: nonFloatingActions.map(renderNonResponsiveActions()) }))] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ as: 'div', className: 'reqore-panel-content', hasLabel: !!hasTitleBar, hasBottomActions: hasBottomActions, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal, size: contentSize || panelSize, ref: getContentRef, noHorizontalPadding: noHorizontalPadding }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, padded: padded, intent: intent, minimal: minimal, transparent: rest.transparent || opacity === 0, opacity: opacity !== null && opacity !== void 0 ? opacity : (minimal ? 0 : 1), size: contentSize || panelSize, noHorizontalPadding: noHorizontalPadding }, { children: [hasNonResponsiveActions(leftBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ size: panelSize, style: { marginRight: 'auto' } }, { children: leftBottomActions.map(renderNonResponsiveActions('flex-start')) }))) : null, hasResponsiveActions(leftBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ fluid: responsiveActions, responsive: responsiveActions, customTheme: theme, size: panelSize, style: { marginRight: 'auto' } }, { children: leftBottomActions.map(renderResponsiveActions('flex-start')) }))), hasResponsiveActions(rightBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ fluid: responsiveActions, horizontalAlign: 'flex-end', responsive: responsiveActions, customTheme: theme, style: { marginLeft: 'auto' }, size: panelSize }, { children: rightBottomActions.map(renderResponsiveActions()) }))), hasNonResponsiveActions(rightBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ horizontalAlign: 'flex-end', size: panelSize, style: { marginLeft: 'auto' } }, { children: rightBottomActions.map(renderNonResponsiveActions()) }))) : null] }))) : null] })) })));
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
 //# sourceMappingURL=index.js.map