@rocket.chat/fuselage 0.55.1 → 0.56.0

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;
 
 
 /***/ }),
@@ -6777,6 +7513,7 @@ var Menu = function (_a) {
         button ? ((0, react_1.cloneElement)(button, __assign(__assign({}, buttonProps), { ref: ref, icon: icon, className: className, title: title, pressed: pressed || state.isOpen }))) : (react_1.default.createElement(MenuButton, __assign({}, buttonProps, { ref: ref, icon: icon, className: className, title: title, pressed: pressed || state.isOpen, small: defaultSmall }, sizes))),
         detached ? (0, react_dom_1.createPortal)(popover, document.body) : popover));
 };
+Menu.displayName = 'MenuV2';
 exports["default"] = Menu;
 
 
@@ -7197,9 +7934,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MenuItemDescription = exports.MenuItemTitle = exports.MenuItemSkeleton = exports.MenuItemInput = exports.MenuItemIcon = exports.MenuItemContent = exports.MenuItemColumn = exports.MenuItemAvatar = exports.MenuSection = exports.MenuItem = exports.MenuV2 = void 0;
-var react_stately_1 = __webpack_require__(/*! react-stately */ "react-stately");
-Object.defineProperty(exports, "MenuItem", ({ enumerable: true, get: function () { return react_stately_1.Item; } }));
-Object.defineProperty(exports, "MenuSection", ({ enumerable: true, get: function () { return react_stately_1.Section; } }));
 var Option_1 = __webpack_require__(/*! ../../Option */ "./src/components/Option/index.tsx");
 Object.defineProperty(exports, "MenuItemIcon", ({ enumerable: true, get: function () { return Option_1.OptionIcon; } }));
 Object.defineProperty(exports, "MenuItemAvatar", ({ enumerable: true, get: function () { return Option_1.OptionAvatar; } }));
@@ -7211,6 +7945,290 @@ Object.defineProperty(exports, "MenuItemTitle", ({ enumerable: true, get: functi
 Object.defineProperty(exports, "MenuItemDescription", ({ enumerable: true, get: function () { return Option_1.OptionDescriptionBlock; } }));
 var Menu_1 = __webpack_require__(/*! ./Menu */ "./src/components/Menu/V2/Menu.tsx");
 Object.defineProperty(exports, "MenuV2", ({ enumerable: true, get: function () { return __importDefault(Menu_1).default; } }));
+var MenuItem_1 = __webpack_require__(/*! ./stately/MenuItem */ "./src/components/Menu/V2/stately/MenuItem.tsx");
+Object.defineProperty(exports, "MenuItem", ({ enumerable: true, get: function () { return __importDefault(MenuItem_1).default; } }));
+var MenuSection_1 = __webpack_require__(/*! ./stately/MenuSection */ "./src/components/Menu/V2/stately/MenuSection.tsx");
+Object.defineProperty(exports, "MenuSection", ({ enumerable: true, get: function () { return __importDefault(MenuSection_1).default; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/Menu/V2/stately/MenuItem.tsx":
+/*!*****************************************************!*\
+  !*** ./src/components/Menu/V2/stately/MenuItem.tsx ***!
+  \*****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __webpack_require__(/*! react */ "react");
+function MenuItem(_props) {
+    return null;
+}
+MenuItem.getCollectionNode = function getCollectionNode(props, context) {
+    var childItems, title, children, rendered, textValue;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                childItems = props.childItems, title = props.title, children = props.children;
+                rendered = props.title || props.children;
+                textValue = props.textValue ||
+                    (typeof rendered === 'string' ? rendered : '') ||
+                    props['aria-label'] ||
+                    '';
+                if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning)) {
+                    console.warn('<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.');
+                }
+                return [4 /*yield*/, {
+                        'type': 'item',
+                        props: props,
+                        rendered: rendered,
+                        textValue: textValue,
+                        'aria-label': props['aria-label'],
+                        'hasChildNodes': hasChildItems(props),
+                        'childNodes': function () {
+                            var childItems_1, childItems_1_1, child, e_1_1, items_1;
+                            var e_1, _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        if (!childItems) return [3 /*break*/, 9];
+                                        _b.label = 1;
+                                    case 1:
+                                        _b.trys.push([1, 6, 7, 8]);
+                                        childItems_1 = __values(childItems), childItems_1_1 = childItems_1.next();
+                                        _b.label = 2;
+                                    case 2:
+                                        if (!!childItems_1_1.done) return [3 /*break*/, 5];
+                                        child = childItems_1_1.value;
+                                        return [4 /*yield*/, {
+                                                type: 'item',
+                                                value: child,
+                                            }];
+                                    case 3:
+                                        _b.sent();
+                                        _b.label = 4;
+                                    case 4:
+                                        childItems_1_1 = childItems_1.next();
+                                        return [3 /*break*/, 2];
+                                    case 5: return [3 /*break*/, 8];
+                                    case 6:
+                                        e_1_1 = _b.sent();
+                                        e_1 = { error: e_1_1 };
+                                        return [3 /*break*/, 8];
+                                    case 7:
+                                        try {
+                                            if (childItems_1_1 && !childItems_1_1.done && (_a = childItems_1.return)) _a.call(childItems_1);
+                                        }
+                                        finally { if (e_1) throw e_1.error; }
+                                        return [7 /*endfinally*/];
+                                    case 8: return [3 /*break*/, 11];
+                                    case 9:
+                                        if (!title) return [3 /*break*/, 11];
+                                        items_1 = [];
+                                        react_1.Children.forEach(children, function (child) {
+                                            items_1.push({
+                                                type: 'item',
+                                                element: child,
+                                            });
+                                        });
+                                        return [5 /*yield**/, __values(items_1)];
+                                    case 10:
+                                        _b.sent();
+                                        _b.label = 11;
+                                    case 11: return [2 /*return*/];
+                                }
+                            });
+                        },
+                    }];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+};
+function hasChildItems(props) {
+    if (props.hasChildItems != null) {
+        return props.hasChildItems;
+    }
+    if (props.childItems) {
+        return true;
+    }
+    if (props.title && react_1.Children.count(props.children) > 0) {
+        return true;
+    }
+    return false;
+}
+exports["default"] = MenuItem;
+
+
+/***/ }),
+
+/***/ "./src/components/Menu/V2/stately/MenuSection.tsx":
+/*!********************************************************!*\
+  !*** ./src/components/Menu/V2/stately/MenuSection.tsx ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __webpack_require__(/*! react */ "react");
+function MenuSection(_props) {
+    return null;
+}
+MenuSection.getCollectionNode = function getCollectionNode(props) {
+    var children, title, items;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                children = props.children, title = props.title, items = props.items;
+                return [4 /*yield*/, {
+                        'type': 'section',
+                        props: props,
+                        'hasChildNodes': true,
+                        'rendered': title,
+                        'aria-label': props['aria-label'],
+                        'childNodes': function () {
+                            var items_1, items_1_1, item, e_1_1, items_2;
+                            var e_1, _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        if (!(typeof children === 'function')) return [3 /*break*/, 9];
+                                        if (!items) {
+                                            throw new Error('props.children was a function but props.items is missing');
+                                        }
+                                        _b.label = 1;
+                                    case 1:
+                                        _b.trys.push([1, 6, 7, 8]);
+                                        items_1 = __values(items), items_1_1 = items_1.next();
+                                        _b.label = 2;
+                                    case 2:
+                                        if (!!items_1_1.done) return [3 /*break*/, 5];
+                                        item = items_1_1.value;
+                                        return [4 /*yield*/, {
+                                                type: 'item',
+                                                value: item,
+                                                renderer: children,
+                                            }];
+                                    case 3:
+                                        _b.sent();
+                                        _b.label = 4;
+                                    case 4:
+                                        items_1_1 = items_1.next();
+                                        return [3 /*break*/, 2];
+                                    case 5: return [3 /*break*/, 8];
+                                    case 6:
+                                        e_1_1 = _b.sent();
+                                        e_1 = { error: e_1_1 };
+                                        return [3 /*break*/, 8];
+                                    case 7:
+                                        try {
+                                            if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
+                                        }
+                                        finally { if (e_1) throw e_1.error; }
+                                        return [7 /*endfinally*/];
+                                    case 8: return [3 /*break*/, 11];
+                                    case 9:
+                                        items_2 = [];
+                                        react_1.Children.forEach(children, function (child) {
+                                            items_2.push({
+                                                type: 'item',
+                                                element: child,
+                                            });
+                                        });
+                                        return [5 /*yield**/, __values(items_2)];
+                                    case 10:
+                                        _b.sent();
+                                        _b.label = 11;
+                                    case 11: return [2 /*return*/];
+                                }
+                            });
+                        },
+                    }];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+};
+exports["default"] = MenuSection;
 
 
 /***/ }),
@@ -15583,7 +16601,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarDivider = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var Divider_1 = __webpack_require__(/*! ../Divider */ "./src/components/Divider/index.tsx");
-var SidebarDivider = function () { return (react_1.default.createElement(Divider_1.Divider, { "rcx-sidebar--divider": true, mbs: 'neg-x2', mbe: 0 })); };
+var SidebarDivider = function () { return (react_1.default.createElement(Divider_1.Divider, { "rcx-sidebar--divider": true, mbs: -2, mbe: 0 })); };
 exports.SidebarDivider = SidebarDivider;
 
 
@@ -15924,6 +16942,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 +17067,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);
@@ -17338,14 +18406,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.Table = exports.style = void 0;
+exports.Table = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-exports.style = {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-};
 var Table = function (_a) {
     var striped = _a.striped, sticky = _a.sticky, _b = _a.fixed, fixed = _b === void 0 ? false : _b, props = __rest(_a, ["striped", "sticky", "fixed"]);
     return (react_1.default.createElement(Box_1.default, { "rcx-table__wrapper": true },
@@ -17590,10 +18653,10 @@ exports.TableRow = TableRow;
 
 /***/ }),
 
-/***/ "./src/components/Table/TableSelection.tsx":
-/*!*************************************************!*\
-  !*** ./src/components/Table/TableSelection.tsx ***!
-  \*************************************************/
+/***/ "./src/components/Table/TableSelection/TableSelection.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/Table/TableSelection/TableSelection.tsx ***!
+  \****************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -17625,13 +18688,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TableSelection = void 0;
 var react_1 = __importDefault(__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 Table_1 = __webpack_require__(/*! ./Table */ "./src/components/Table/Table.tsx");
+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 TableSelection = function (_a) {
     var children = _a.children, text = _a.text, props = __rest(_a, ["children", "text"]);
-    return (react_1.default.createElement(Box_1.default, __assign({ "rcx-table__selection": true, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, props, { pi: 24 }),
-        react_1.default.createElement(Box_1.default, { fontScale: 'p2m', mb: 16, flexShrink: 1, style: Table_1.style }, text),
+    return (react_1.default.createElement(Box_1.default, __assign({ "rcx-table__selection": true, display: 'flex', alignItems: 'center', justifyContent: 'space-between', pi: 24, elevation: '2' }, props),
+        react_1.default.createElement(Box_1.default, { fontScale: 'p2b', mb: 16, flexShrink: 1, withTruncatedText: true }, text),
         children && (react_1.default.createElement(Box_1.default, { mi: 'neg-x8', fontScale: 'p2m', flexShrink: 0 },
             react_1.default.createElement(Margins_1.default, { inline: 'x4' }, children)))));
 };
@@ -17640,10 +18702,10 @@ exports.TableSelection = TableSelection;
 
 /***/ }),
 
-/***/ "./src/components/Table/TableSelectionButton.tsx":
-/*!*******************************************************!*\
-  !*** ./src/components/Table/TableSelectionButton.tsx ***!
-  \*******************************************************/
+/***/ "./src/components/Table/TableSelection/TableSelectionButton.tsx":
+/*!**********************************************************************!*\
+  !*** ./src/components/Table/TableSelection/TableSelectionButton.tsx ***!
+  \**********************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -17664,11 +18726,71 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TableSelectionButton = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-var Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
-var TableSelectionButton = function (props) { return (react_1.default.createElement(Button_1.Button, __assign({ small: true, primary: true, flexShrink: 0 }, props))); };
+var Button_1 = __webpack_require__(/*! ../../Button */ "./src/components/Button/index.ts");
+var TableSelectionButton = function (props) { return (react_1.default.createElement(Button_1.Button, __assign({ small: true, flexShrink: 0 }, props))); };
 exports.TableSelectionButton = TableSelectionButton;
 
 
+/***/ }),
+
+/***/ "./src/components/Table/TableSelection/TableSelectionButtonGroup.tsx":
+/*!***************************************************************************!*\
+  !*** ./src/components/Table/TableSelection/TableSelectionButtonGroup.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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.TableSelectionButtonGroup = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var ButtonGroup_1 = __webpack_require__(/*! ../../ButtonGroup */ "./src/components/ButtonGroup/index.ts");
+var TableSelectionButtonGroup = function (props) { return react_1.default.createElement(ButtonGroup_1.ButtonGroup, __assign({}, props)); };
+exports.TableSelectionButtonGroup = TableSelectionButtonGroup;
+
+
+/***/ }),
+
+/***/ "./src/components/Table/TableSelection/index.ts":
+/*!******************************************************!*\
+  !*** ./src/components/Table/TableSelection/index.ts ***!
+  \******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__exportStar(__webpack_require__(/*! ./TableSelection */ "./src/components/Table/TableSelection/TableSelection.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./TableSelectionButton */ "./src/components/Table/TableSelection/TableSelectionButton.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./TableSelectionButtonGroup */ "./src/components/Table/TableSelection/TableSelectionButtonGroup.tsx"), exports);
+
+
 /***/ }),
 
 /***/ "./src/components/Table/index.ts":
@@ -17699,8 +18821,7 @@ __exportStar(__webpack_require__(/*! ./TableCell */ "./src/components/Table/Tabl
 __exportStar(__webpack_require__(/*! ./TableFoot */ "./src/components/Table/TableFoot.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./TableHead */ "./src/components/Table/TableHead.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./TableRow */ "./src/components/Table/TableRow.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TableSelection */ "./src/components/Table/TableSelection.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TableSelectionButton */ "./src/components/Table/TableSelectionButton.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./TableSelection */ "./src/components/Table/TableSelection/index.ts"), exports);
 
 
 /***/ }),
@@ -18792,6 +19913,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);