@rocket.chat/fuselage 0.55.0 → 0.55.2

package/dist/fuselage.development.js

@@ -4136,6 +4136,742 @@ exports["default"] = (0, react_1.memo)(ContextualbarEmptyContent);
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarFooter = (0, react_1.forwardRef)(function ContextualbarFooter(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(__1.Box, __assign({ ref: ref, p: 24 }, props), children));
+});
+exports["default"] = (0, react_1.memo)(ContextualbarFooter);
+
+
+/***/ }),
+
+/***/ "./src/components/Contextualbar/ContextualbarHeader.tsx":
+/*!**************************************************************!*\
+  !*** ./src/components/Contextualbar/ContextualbarHeader.tsx ***!
+  \**************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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 };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
+var Margins_1 = __importDefault(__webpack_require__(/*! ../Margins */ "./src/components/Margins/index.ts"));
+var ContextualbarHeader = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(Box_1.default, __assign({ display: 'flex', alignItems: 'center', height: 'x56', pi: 24, borderBlockEndWidth: 'default', borderBlockColor: 'extra-light', flexShrink: 0 }, props),
+        react_1.default.createElement(Box_1.default, { marginInline: 'neg-x4', display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexGrow: 1, height: '100%', overflow: 'hidden' },
+            react_1.default.createElement(Margins_1.default, { inline: 'x4' }, children))));
+};
+exports["default"] = (0, react_1.memo)(ContextualbarHeader);
+
+
+/***/ }),
+
+/***/ "./src/components/Contextualbar/ContextualbarIcon.tsx":
+/*!************************************************************!*\
+  !*** ./src/components/Contextualbar/ContextualbarIcon.tsx ***!
+  \************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarIcon = function (props) { return react_1.default.createElement(__1.Icon, __assign({}, props, { pi: 2, size: 'x24' })); };
+exports["default"] = (0, react_1.memo)(ContextualbarIcon);
+
+
+/***/ }),
+
+/***/ "./src/components/Contextualbar/ContextualbarSection.tsx":
+/*!***************************************************************!*\
+  !*** ./src/components/Contextualbar/ContextualbarSection.tsx ***!
+  \***************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarSection = (0, react_1.forwardRef)(function ContextualbarSection(props, ref) {
+    return (react_1.default.createElement(__1.Box, __assign({ ref: ref, "rcx-vertical-bar__section": true, pi: 24, pb: 16, display: 'flex', alignItems: 'center', flexGrow: 1, borderBlockEndWidth: 'default', borderBlockColor: 'extra-light' }, props)));
+});
+exports["default"] = (0, react_1.memo)(ContextualbarSection);
+
+
+/***/ }),
+
+/***/ "./src/components/Contextualbar/ContextualbarSkeleton.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/Contextualbar/ContextualbarSkeleton.tsx ***!
+  \****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var _1 = __webpack_require__(/*! . */ "./src/components/Contextualbar/index.ts");
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarSkeleton = function (props) { return (react_1.default.createElement(_1.Contextualbar, __assign({}, props),
+    react_1.default.createElement(_1.ContextualbarHeader, null,
+        react_1.default.createElement(__1.Skeleton, { width: '100%' })),
+    react_1.default.createElement(__1.Box, { p: 24 },
+        react_1.default.createElement(__1.Skeleton, { mbe: 4, width: '32px', height: '32px', variant: 'rect' }),
+        Array(5)
+            .fill(5)
+            .map(function (_, index) { return (react_1.default.createElement(__1.Skeleton, { key: index })); })))); };
+exports["default"] = (0, react_1.memo)(ContextualbarSkeleton);
+
+
+/***/ }),
+
+/***/ "./src/components/Contextualbar/ContextualbarTitle.tsx":
+/*!*************************************************************!*\
+  !*** ./src/components/Contextualbar/ContextualbarTitle.tsx ***!
+  \*************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarTitle = function (props) { return (react_1.default.createElement(__1.Box, __assign({ flexShrink: 1, flexGrow: 1, fontScale: 'h4', withTruncatedText: true }, props))); };
+exports["default"] = (0, react_1.memo)(ContextualbarTitle);
+
+
+/***/ }),
+
+/***/ "./src/components/Contextualbar/index.ts":
+/*!***********************************************!*\
+  !*** ./src/components/Contextualbar/index.ts ***!
+  \***********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.ContextualbarSection = exports.ContextualbarTitle = exports.ContextualbarSkeleton = exports.ContextualbarIcon = exports.ContextualbarHeader = exports.ContextualbarFooter = exports.ContextualbarEmptyContent = exports.ContextualbarContent = exports.ContextualbarButton = exports.ContextualbarActions = exports.ContextualbarAction = exports.Contextualbar = void 0;
+var Contextualbar_1 = __importDefault(__webpack_require__(/*! ./Contextualbar */ "./src/components/Contextualbar/Contextualbar.tsx"));
+exports.Contextualbar = Contextualbar_1.default;
+var ContextualbarAction_1 = __importDefault(__webpack_require__(/*! ./ContextualbarAction */ "./src/components/Contextualbar/ContextualbarAction.tsx"));
+exports.ContextualbarAction = ContextualbarAction_1.default;
+var ContextualbarActions_1 = __importDefault(__webpack_require__(/*! ./ContextualbarActions */ "./src/components/Contextualbar/ContextualbarActions.tsx"));
+exports.ContextualbarActions = ContextualbarActions_1.default;
+var ContextualbarButton_1 = __importDefault(__webpack_require__(/*! ./ContextualbarButton */ "./src/components/Contextualbar/ContextualbarButton.tsx"));
+exports.ContextualbarButton = ContextualbarButton_1.default;
+var ContextualbarContent_1 = __importDefault(__webpack_require__(/*! ./ContextualbarContent */ "./src/components/Contextualbar/ContextualbarContent.tsx"));
+exports.ContextualbarContent = ContextualbarContent_1.default;
+var ContextualbarEmptyContent_1 = __importDefault(__webpack_require__(/*! ./ContextualbarEmptyContent */ "./src/components/Contextualbar/ContextualbarEmptyContent.tsx"));
+exports.ContextualbarEmptyContent = ContextualbarEmptyContent_1.default;
+var ContextualbarFooter_1 = __importDefault(__webpack_require__(/*! ./ContextualbarFooter */ "./src/components/Contextualbar/ContextualbarFooter.tsx"));
+exports.ContextualbarFooter = ContextualbarFooter_1.default;
+var ContextualbarHeader_1 = __importDefault(__webpack_require__(/*! ./ContextualbarHeader */ "./src/components/Contextualbar/ContextualbarHeader.tsx"));
+exports.ContextualbarHeader = ContextualbarHeader_1.default;
+var ContextualbarIcon_1 = __importDefault(__webpack_require__(/*! ./ContextualbarIcon */ "./src/components/Contextualbar/ContextualbarIcon.tsx"));
+exports.ContextualbarIcon = ContextualbarIcon_1.default;
+var ContextualbarSection_1 = __importDefault(__webpack_require__(/*! ./ContextualbarSection */ "./src/components/Contextualbar/ContextualbarSection.tsx"));
+exports.ContextualbarSection = ContextualbarSection_1.default;
+var ContextualbarSkeleton_1 = __importDefault(__webpack_require__(/*! ./ContextualbarSkeleton */ "./src/components/Contextualbar/ContextualbarSkeleton.tsx"));
+exports.ContextualbarSkeleton = ContextualbarSkeleton_1.default;
+var ContextualbarTitle_1 = __importDefault(__webpack_require__(/*! ./ContextualbarTitle */ "./src/components/Contextualbar/ContextualbarTitle.tsx"));
+exports.ContextualbarTitle = ContextualbarTitle_1.default;
+
+
+/***/ }),
+
+/***/ "./src/components/ContextualbarV2/Contextualbar.tsx":
+/*!**********************************************************!*\
+  !*** ./src/components/ContextualbarV2/Contextualbar.tsx ***!
+  \**********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var Contextualbar = (0, react_1.forwardRef)(function Contextualbar(_a, ref) {
+    var children = _a.children, width = _a.width, position = _a.position, _b = _a.bg, bg = _b === void 0 ? 'room' : _b, props = __rest(_a, ["children", "width", "position", "bg"]);
+    return (react_1.default.createElement(__1.Box, __assign({ ref: ref, "rcx-vertical-bar": true, bg: bg, color: 'default', display: 'flex', flexDirection: 'column', flexShrink: 0, width: width, borderInlineStartWidth: 'default', borderInlineStartColor: 'extra-light', borderInlineStartStyle: 'solid', height: 'full', position: position, insetInlineEnd: 'none', insetBlockStart: 'none', zIndex: 5 }, props), children));
+});
+exports["default"] = (0, react_1.memo)(Contextualbar);
+
+
+/***/ }),
+
+/***/ "./src/components/ContextualbarV2/ContextualbarAction.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarAction.tsx ***!
+  \****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarAction = function (_a) {
+    var name = _a.name, props = __rest(_a, ["name"]);
+    return (react_1.default.createElement(__1.IconButton, __assign({}, props, { small: true, flexShrink: 0, icon: name })));
+};
+exports["default"] = (0, react_1.memo)(ContextualbarAction);
+
+
+/***/ }),
+
+/***/ "./src/components/ContextualbarV2/ContextualbarActions.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarActions.tsx ***!
+  \*****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarActions = function (props) { return react_1.default.createElement(__1.ButtonGroup, __assign({}, props)); };
+exports["default"] = (0, react_1.memo)(ContextualbarActions);
+
+
+/***/ }),
+
+/***/ "./src/components/ContextualbarV2/ContextualbarButton.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarButton.tsx ***!
+  \****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarButton = function (props) { return react_1.default.createElement(__1.Button, __assign({}, props)); };
+exports["default"] = (0, react_1.memo)(ContextualbarButton);
+
+
+/***/ }),
+
+/***/ "./src/components/ContextualbarV2/ContextualbarContent.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarContent.tsx ***!
+  \*****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarContent = (0, react_1.forwardRef)(function ContextualbarContent(props, ref) {
+    return (react_1.default.createElement(__1.Box, __assign({ ref: ref, "rcx-vertical-bar__content": true, paddingInline: 24, display: 'flex', flexDirection: 'column', overflowY: 'hidden', height: 'full' }, props)));
+});
+exports["default"] = (0, react_1.memo)(ContextualbarContent);
+
+
+/***/ }),
+
+/***/ "./src/components/ContextualbarV2/ContextualbarEmptyContent.tsx":
+/*!**********************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarEmptyContent.tsx ***!
+  \**********************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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 };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
+var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var ContextualbarContent_1 = __importDefault(__webpack_require__(/*! ./ContextualbarContent */ "./src/components/ContextualbarV2/ContextualbarContent.tsx"));
+var ContextualbarEmptyContent = (0, react_1.forwardRef)(function ContextualbarEmptyContent(_a, ref) {
+    var _b = _a.icon, icon = _b === void 0 ? 'magnifier' : _b, _c = _a.title, title = _c === void 0 ? 'Nothing Found' : _c, subtitle = _a.subtitle, props = __rest(_a, ["icon", "title", "subtitle"]);
+    return (react_1.default.createElement(ContextualbarContent_1.default, __assign({ justifyContent: 'center' }, props, { ref: ref }),
+        react_1.default.createElement(__1.States, null,
+            react_1.default.createElement(__1.StatesIcon, { name: icon }),
+            react_1.default.createElement(__1.StatesTitle, null, title),
+            subtitle && react_1.default.createElement(__1.StatesSubtitle, null, subtitle))));
+});
+exports["default"] = (0, react_1.memo)(ContextualbarEmptyContent);
+
+
+/***/ }),
+
+/***/ "./src/components/ContextualbarV2/ContextualbarFooter.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarFooter.tsx ***!
+  \****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -4193,10 +4929,10 @@ exports["default"] = (0, react_1.memo)(ContextualbarFooter);
 
 /***/ }),
 
-/***/ "./src/components/Contextualbar/ContextualbarHeader.tsx":
-/*!**************************************************************!*\
-  !*** ./src/components/Contextualbar/ContextualbarHeader.tsx ***!
-  \**************************************************************/
+/***/ "./src/components/ContextualbarV2/ContextualbarHeader.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarHeader.tsx ***!
+  \****************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -4267,10 +5003,10 @@ var templateObject_1;
 
 /***/ }),
 
-/***/ "./src/components/Contextualbar/ContextualbarIcon.tsx":
-/*!************************************************************!*\
-  !*** ./src/components/Contextualbar/ContextualbarIcon.tsx ***!
-  \************************************************************/
+/***/ "./src/components/ContextualbarV2/ContextualbarIcon.tsx":
+/*!**************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarIcon.tsx ***!
+  \**************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -4317,10 +5053,10 @@ exports["default"] = (0, react_1.memo)(ContextualbarIcon);
 
 /***/ }),
 
-/***/ "./src/components/Contextualbar/ContextualbarSection.tsx":
-/*!***************************************************************!*\
-  !*** ./src/components/Contextualbar/ContextualbarSection.tsx ***!
-  \***************************************************************/
+/***/ "./src/components/ContextualbarV2/ContextualbarSection.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarSection.tsx ***!
+  \*****************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -4369,10 +5105,10 @@ exports["default"] = (0, react_1.memo)(ContextualbarSection);
 
 /***/ }),
 
-/***/ "./src/components/Contextualbar/ContextualbarSkeleton.tsx":
-/*!****************************************************************!*\
-  !*** ./src/components/Contextualbar/ContextualbarSkeleton.tsx ***!
-  \****************************************************************/
+/***/ "./src/components/ContextualbarV2/ContextualbarSkeleton.tsx":
+/*!******************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarSkeleton.tsx ***!
+  \******************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -4412,10 +5148,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
-var _1 = __webpack_require__(/*! . */ "./src/components/Contextualbar/index.ts");
+var _1 = __webpack_require__(/*! . */ "./src/components/ContextualbarV2/index.ts");
 var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
-var ContextualbarSkeleton = function (props) { return (react_1.default.createElement(_1.Contextualbar, __assign({}, props),
-    react_1.default.createElement(_1.ContextualbarHeader, null,
+var ContextualbarSkeleton = function (props) { return (react_1.default.createElement(_1.ContextualbarV2, __assign({}, props),
+    react_1.default.createElement(_1.ContextualbarV2Header, null,
         react_1.default.createElement(__1.Skeleton, { width: '100%' })),
     react_1.default.createElement(__1.Box, { p: 24 },
         react_1.default.createElement(__1.Skeleton, { mbe: 4, width: '32px', height: '32px', variant: 'rect' }),
@@ -4427,10 +5163,10 @@ exports["default"] = (0, react_1.memo)(ContextualbarSkeleton);
 
 /***/ }),
 
-/***/ "./src/components/Contextualbar/ContextualbarTitle.tsx":
-/*!*************************************************************!*\
-  !*** ./src/components/Contextualbar/ContextualbarTitle.tsx ***!
-  \*************************************************************/
+/***/ "./src/components/ContextualbarV2/ContextualbarTitle.tsx":
+/*!***************************************************************!*\
+  !*** ./src/components/ContextualbarV2/ContextualbarTitle.tsx ***!
+  \***************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -4477,10 +5213,10 @@ exports["default"] = (0, react_1.memo)(ContextualbarTitle);
 
 /***/ }),
 
-/***/ "./src/components/Contextualbar/index.ts":
-/*!***********************************************!*\
-  !*** ./src/components/Contextualbar/index.ts ***!
-  \***********************************************/
+/***/ "./src/components/ContextualbarV2/index.ts":
+/*!*************************************************!*\
+  !*** ./src/components/ContextualbarV2/index.ts ***!
+  \*************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -4488,31 +5224,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.ContextualbarSection = exports.ContextualbarTitle = exports.ContextualbarSkeleton = exports.ContextualbarIcon = exports.ContextualbarHeader = exports.ContextualbarFooter = exports.ContextualbarEmptyContent = exports.ContextualbarContent = exports.ContextualbarButton = exports.ContextualbarActions = exports.ContextualbarAction = exports.Contextualbar = void 0;
-var Contextualbar_1 = __importDefault(__webpack_require__(/*! ./Contextualbar */ "./src/components/Contextualbar/Contextualbar.tsx"));
-exports.Contextualbar = Contextualbar_1.default;
-var ContextualbarAction_1 = __importDefault(__webpack_require__(/*! ./ContextualbarAction */ "./src/components/Contextualbar/ContextualbarAction.tsx"));
-exports.ContextualbarAction = ContextualbarAction_1.default;
-var ContextualbarActions_1 = __importDefault(__webpack_require__(/*! ./ContextualbarActions */ "./src/components/Contextualbar/ContextualbarActions.tsx"));
-exports.ContextualbarActions = ContextualbarActions_1.default;
-var ContextualbarButton_1 = __importDefault(__webpack_require__(/*! ./ContextualbarButton */ "./src/components/Contextualbar/ContextualbarButton.tsx"));
-exports.ContextualbarButton = ContextualbarButton_1.default;
-var ContextualbarContent_1 = __importDefault(__webpack_require__(/*! ./ContextualbarContent */ "./src/components/Contextualbar/ContextualbarContent.tsx"));
-exports.ContextualbarContent = ContextualbarContent_1.default;
-var ContextualbarEmptyContent_1 = __importDefault(__webpack_require__(/*! ./ContextualbarEmptyContent */ "./src/components/Contextualbar/ContextualbarEmptyContent.tsx"));
-exports.ContextualbarEmptyContent = ContextualbarEmptyContent_1.default;
-var ContextualbarFooter_1 = __importDefault(__webpack_require__(/*! ./ContextualbarFooter */ "./src/components/Contextualbar/ContextualbarFooter.tsx"));
-exports.ContextualbarFooter = ContextualbarFooter_1.default;
-var ContextualbarHeader_1 = __importDefault(__webpack_require__(/*! ./ContextualbarHeader */ "./src/components/Contextualbar/ContextualbarHeader.tsx"));
-exports.ContextualbarHeader = ContextualbarHeader_1.default;
-var ContextualbarIcon_1 = __importDefault(__webpack_require__(/*! ./ContextualbarIcon */ "./src/components/Contextualbar/ContextualbarIcon.tsx"));
-exports.ContextualbarIcon = ContextualbarIcon_1.default;
-var ContextualbarSection_1 = __importDefault(__webpack_require__(/*! ./ContextualbarSection */ "./src/components/Contextualbar/ContextualbarSection.tsx"));
-exports.ContextualbarSection = ContextualbarSection_1.default;
-var ContextualbarSkeleton_1 = __importDefault(__webpack_require__(/*! ./ContextualbarSkeleton */ "./src/components/Contextualbar/ContextualbarSkeleton.tsx"));
-exports.ContextualbarSkeleton = ContextualbarSkeleton_1.default;
-var ContextualbarTitle_1 = __importDefault(__webpack_require__(/*! ./ContextualbarTitle */ "./src/components/Contextualbar/ContextualbarTitle.tsx"));
-exports.ContextualbarTitle = ContextualbarTitle_1.default;
+exports.ContextualbarV2Section = exports.ContextualbarV2Title = exports.ContextualbarV2Skeleton = exports.ContextualbarV2Icon = exports.ContextualbarV2Header = exports.ContextualbarV2Footer = exports.ContextualbarV2EmptyContent = exports.ContextualbarV2Content = exports.ContextualbarV2Button = exports.ContextualbarV2Actions = exports.ContextualbarV2Action = exports.ContextualbarV2 = void 0;
+var Contextualbar_1 = __importDefault(__webpack_require__(/*! ./Contextualbar */ "./src/components/ContextualbarV2/Contextualbar.tsx"));
+exports.ContextualbarV2 = Contextualbar_1.default;
+var ContextualbarAction_1 = __importDefault(__webpack_require__(/*! ./ContextualbarAction */ "./src/components/ContextualbarV2/ContextualbarAction.tsx"));
+exports.ContextualbarV2Action = ContextualbarAction_1.default;
+var ContextualbarActions_1 = __importDefault(__webpack_require__(/*! ./ContextualbarActions */ "./src/components/ContextualbarV2/ContextualbarActions.tsx"));
+exports.ContextualbarV2Actions = ContextualbarActions_1.default;
+var ContextualbarButton_1 = __importDefault(__webpack_require__(/*! ./ContextualbarButton */ "./src/components/ContextualbarV2/ContextualbarButton.tsx"));
+exports.ContextualbarV2Button = ContextualbarButton_1.default;
+var ContextualbarContent_1 = __importDefault(__webpack_require__(/*! ./ContextualbarContent */ "./src/components/ContextualbarV2/ContextualbarContent.tsx"));
+exports.ContextualbarV2Content = ContextualbarContent_1.default;
+var ContextualbarEmptyContent_1 = __importDefault(__webpack_require__(/*! ./ContextualbarEmptyContent */ "./src/components/ContextualbarV2/ContextualbarEmptyContent.tsx"));
+exports.ContextualbarV2EmptyContent = ContextualbarEmptyContent_1.default;
+var ContextualbarFooter_1 = __importDefault(__webpack_require__(/*! ./ContextualbarFooter */ "./src/components/ContextualbarV2/ContextualbarFooter.tsx"));
+exports.ContextualbarV2Footer = ContextualbarFooter_1.default;
+var ContextualbarHeader_1 = __importDefault(__webpack_require__(/*! ./ContextualbarHeader */ "./src/components/ContextualbarV2/ContextualbarHeader.tsx"));
+exports.ContextualbarV2Header = ContextualbarHeader_1.default;
+var ContextualbarIcon_1 = __importDefault(__webpack_require__(/*! ./ContextualbarIcon */ "./src/components/ContextualbarV2/ContextualbarIcon.tsx"));
+exports.ContextualbarV2Icon = ContextualbarIcon_1.default;
+var ContextualbarSection_1 = __importDefault(__webpack_require__(/*! ./ContextualbarSection */ "./src/components/ContextualbarV2/ContextualbarSection.tsx"));
+exports.ContextualbarV2Section = ContextualbarSection_1.default;
+var ContextualbarSkeleton_1 = __importDefault(__webpack_require__(/*! ./ContextualbarSkeleton */ "./src/components/ContextualbarV2/ContextualbarSkeleton.tsx"));
+exports.ContextualbarV2Skeleton = ContextualbarSkeleton_1.default;
+var ContextualbarTitle_1 = __importDefault(__webpack_require__(/*! ./ContextualbarTitle */ "./src/components/ContextualbarV2/ContextualbarTitle.tsx"));
+exports.ContextualbarV2Title = ContextualbarTitle_1.default;
 
 
 /***/ }),
@@ -15924,6 +16660,55 @@ var TopBarToolBox = function (_a) {
 exports.TopBarToolBox = TopBarToolBox;
 
 
+/***/ }),
+
+/***/ "./src/components/Sidebar/TopBar/TopBarV2.tsx":
+/*!****************************************************!*\
+  !*** ./src/components/Sidebar/TopBar/TopBarV2.tsx ***!
+  \****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.TopBarV2 = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var TopBarV2 = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("div", __assign({ className: [
+            'rc-box rc-box--full rcx-sidebar-topbar-v2 rcx-sidebar-topbar-v2',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.TopBarV2 = TopBarV2;
+
+
 /***/ }),
 
 /***/ "./src/components/Sidebar/TopBar/TopBarWrapper.tsx":
@@ -16000,6 +16785,7 @@ exports["default"] = Object.assign(TopBar_1.TopBar, {
     Title: TopBarTitle_1.TopBarTitle,
 });
 __exportStar(__webpack_require__(/*! ./TopBar */ "./src/components/Sidebar/TopBar/TopBar.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./TopBarV2 */ "./src/components/Sidebar/TopBar/TopBarV2.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./TopBarAction */ "./src/components/Sidebar/TopBar/TopBarAction.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./TopBarActions */ "./src/components/Sidebar/TopBar/TopBarActions.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./TopBarSection */ "./src/components/Sidebar/TopBar/TopBarSection.tsx"), exports);
@@ -18792,6 +19578,7 @@ __exportStar(__webpack_require__(/*! ./Chevron */ "./src/components/Chevron/inde
 var CodeSnippet_1 = __webpack_require__(/*! ./CodeSnippet */ "./src/components/CodeSnippet/index.tsx");
 Object.defineProperty(exports, "CodeSnippet", ({ enumerable: true, get: function () { return __importDefault(CodeSnippet_1).default; } }));
 __exportStar(__webpack_require__(/*! ./Contextualbar */ "./src/components/Contextualbar/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./ContextualbarV2 */ "./src/components/ContextualbarV2/index.ts"), exports);
 var Chip_1 = __webpack_require__(/*! ./Chip */ "./src/components/Chip/index.ts");
 Object.defineProperty(exports, "Chip", ({ enumerable: true, get: function () { return __importDefault(Chip_1).default; } }));
 __exportStar(__webpack_require__(/*! ./Divider */ "./src/components/Divider/index.tsx"), exports);