@rocket.chat/fuselage 0.58.2 → 0.59.0

package/dist/fuselage.development.js

@@ -16011,6 +16011,1840 @@ __exportStar(__webpack_require__(/*! ./SidebarBanner */ "./src/components/Sideba
 __exportStar(__webpack_require__(/*! ./SidebarFooter */ "./src/components/Sidebar/SidebarFooter.tsx"), exports);
 
 
+/***/ }),
+
+/***/ "./src/components/SidebarV2/Sidebar.tsx":
+/*!**********************************************!*\
+  !*** ./src/components/SidebarV2/Sidebar.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.Sidebar = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+exports.Sidebar = (0, react_1.forwardRef)(function (_a, ref) {
+    var collapsed = _a.collapsed, className = _a.className, props = __rest(_a, ["collapsed", "className"]);
+    return ((0, jsx_runtime_1.jsx)("nav", __assign({ ref: ref, className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2',
+            'rcx-box--animated',
+            collapsed && 'rcx-sidebar-v2--collapsed',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props)));
+});
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarAccordion.tsx":
+/*!*******************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarAccordion.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarAccordion = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarAccordion = function (_a) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2-accordion rcx-box--animated',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rcx-sidebar-v2-accordion__wrapper', children: children }) })));
+};
+exports.SidebarAccordion = SidebarAccordion;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarAccordionItem.tsx":
+/*!***********************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarAccordionItem.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarAccordionItem = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Chevron_1 = __webpack_require__(/*! ../Chevron */ "./src/components/Chevron/index.tsx");
+var useCollapse_1 = __webpack_require__(/*! ./hooks/useCollapse */ "./src/components/SidebarV2/hooks/useCollapse.tsx");
+var SidebarAccordionItem = function (_a) {
+    var children = _a.children, title = _a.title, badge = _a.badge, noncollapsible = _a.noncollapsible, disabled = _a.disabled, propExpanded = _a.expanded, defaultExpanded = _a.defaultExpanded, tabIndex = _a.tabIndex, props = __rest(_a, ["children", "title", "badge", "noncollapsible", "disabled", "expanded", "defaultExpanded", "tabIndex"]);
+    var _b = (0, useCollapse_1.useCollapse)({
+        expanded: propExpanded,
+        defaultExpanded: defaultExpanded,
+        tabIndex: tabIndex,
+        disabled: disabled,
+        noncollapsible: noncollapsible,
+    }), barProps = _b.barProps, expanded = _b.expanded, panelExpanded = _b.panelExpanded, panelId = _b.panelId, titleId = _b.titleId;
+    return ((0, jsx_runtime_1.jsxs)("section", __assign({ className: 'rcx-box rcx-box--full rcx-sidebar-v2-accordion-item' }, props, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ role: 'button', className: [
+                    'rcx-box rcx-box--full rcx-sidebar-v2-accordion-item__bar rcx-box--animated',
+                    disabled && 'rcx-sidebar-v2-accordion-item__bar--disabled',
+                ]
+                    .filter(Boolean)
+                    .join(' ') }, barProps, { children: [!noncollapsible && ((0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { className: 'rcx-sidebar-v2-accordion-item__chevron', size: 'x16', right: !expanded })), title && ((0, jsx_runtime_1.jsx)("h5", { className: 'rcx-sidebar-v2-accordion-item__title', id: titleId, children: title })), !expanded && badge && badge] })), (0, jsx_runtime_1.jsx)("div", { className: [
+                    'rcx-sidebar-v2-accordion-item__panel',
+                    'rcx-box--animated',
+                    panelExpanded && 'rcx-sidebar-v2-accordion-item__panel--expanded',
+                ]
+                    .filter(Boolean)
+                    .join(' '), id: panelId, children: children })] })));
+};
+exports.SidebarAccordionItem = SidebarAccordionItem;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarAction.tsx":
+/*!****************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarAction.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);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarAction = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+var Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
+exports.SidebarAction = (0, react_1.forwardRef)(function SidebarAction(props, ref) {
+    return (0, jsx_runtime_1.jsx)(Button_1.IconButton, __assign({ small: true, ref: ref }, props));
+});
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarActions.tsx":
+/*!*****************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarActions.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);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarActions = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+var ButtonGroup_1 = __webpack_require__(/*! ../ButtonGroup */ "./src/components/ButtonGroup/index.ts");
+exports.SidebarActions = (0, react_1.forwardRef)(function SidebarActions(props, ref) {
+    return (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, __assign({ ref: ref }, props));
+});
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarBanner.tsx":
+/*!****************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarBanner.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarBanner = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
+var SidebarBanner = function (_a) {
+    var title = _a.title, linkText = _a.linkText, linkProps = _a.linkProps, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, addon = _a.addon, onClose = _a.onClose, children = _a.children, props = __rest(_a, ["title", "linkText", "linkProps", "variant", "addon", "onClose", "children"]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "rcx-box rcx-box--full rcx-sidebar-v2-banner rcx-sidebar-v2-banner--".concat(variant) }, props, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-banner__content', children: [title && ((0, jsx_runtime_1.jsx)("h5", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-banner__title', children: title })), linkText && ((0, jsx_runtime_1.jsx)("a", __assign({ className: 'rcx-box rcx-box--full rcx-sidebar-v2-banner__link', tabIndex: 0 }, linkProps, { children: linkText }))), children] }), (0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-banner__addon', children: [addon, onClose && (0, jsx_runtime_1.jsx)(Button_1.IconButton, { onClick: onClose, tiny: true, icon: 'cross' })] })] })));
+};
+exports.SidebarBanner = SidebarBanner;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarButtonGroup.tsx":
+/*!*********************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarButtonGroup.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarButtonGroup = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var ButtonGroup_1 = __webpack_require__(/*! ../ButtonGroup */ "./src/components/ButtonGroup/index.ts");
+var SidebarButtonGroup = function (_a) {
+    var _b = _a.align, align = _b === void 0 ? 'end' : _b, _c = _a.small, small = _c === void 0 ? true : _c, props = __rest(_a, ["align", "small"]);
+    return ((0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, __assign({ align: align, small: small }, props)));
+};
+exports.SidebarButtonGroup = SidebarButtonGroup;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarCollapseGroup.tsx":
+/*!***********************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarCollapseGroup.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarCollapseGroup = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+var SidebarGroupTitle_1 = __webpack_require__(/*! ./SidebarGroupTitle */ "./src/components/SidebarV2/SidebarGroupTitle.tsx");
+var useCollapse_1 = __webpack_require__(/*! ./hooks/useCollapse */ "./src/components/SidebarV2/hooks/useCollapse.tsx");
+exports.SidebarCollapseGroup = (0, react_1.forwardRef)(function (_a, ref) {
+    var propExpanded = _a.expanded, defaultExpanded = _a.defaultExpanded, tabIndex = _a.tabIndex, children = _a.children, badge = _a.badge, title = _a.title, props = __rest(_a, ["expanded", "defaultExpanded", "tabIndex", "children", "badge", "title"]);
+    var _b = (0, useCollapse_1.useCollapse)({
+        expanded: propExpanded,
+        defaultExpanded: defaultExpanded,
+        tabIndex: tabIndex,
+    }), barProps = _b.barProps, expanded = _b.expanded, panelExpanded = _b.panelExpanded, panelId = _b.panelId, titleId = _b.titleId;
+    return ((0, jsx_runtime_1.jsxs)("section", __assign({ className: 'rcx-box rcx-box--full rcx-sidebar-v2-collapse-group' }, props, { children: [(0, jsx_runtime_1.jsx)(SidebarGroupTitle_1.SidebarGroupTitle, { expanded: expanded, title: title, titleId: titleId, badge: badge, barProps: barProps, role: 'button' }), (0, jsx_runtime_1.jsx)("div", { role: 'list', ref: ref, className: [
+                    'rcx-box rcx-box--full rcx-sidebar-v2-collapse-group__panel rcx-box--animated',
+                    panelExpanded && 'rcx-sidebar-v2-collapse-group__panel--expanded',
+                ]
+                    .filter(Boolean)
+                    .join(' '), id: panelId, children: children })] })));
+});
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarDivider.tsx":
+/*!*****************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarDivider.tsx ***!
+  \*****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarDivider = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Divider_1 = __webpack_require__(/*! ../Divider */ "./src/components/Divider/index.tsx");
+var SidebarDivider = function () { return ((0, jsx_runtime_1.jsx)(Divider_1.Divider, { "rcx-sidebar-v2--divider": true, mbs: -2, mbe: 0 })); };
+exports.SidebarDivider = SidebarDivider;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarFooter/SidebarFooter.tsx":
+/*!******************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarFooter/SidebarFooter.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarFooter = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarFooter = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)("footer", __assign({ className: 'rcx-sidebar-v2-footer' }, props, { children: children })));
+};
+exports.SidebarFooter = SidebarFooter;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarFooter/SidebarFooterContent.tsx":
+/*!*************************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarFooter/SidebarFooterContent.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.SidebarFooterContent = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Box_1 = __importDefault(__webpack_require__(/*! ../../Box */ "./src/components/Box/index.tsx"));
+var SidebarFooterContent = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, __assign({ className: 'rcx-sidebar-v2-footer__content' }, props, { children: children })));
+};
+exports.SidebarFooterContent = SidebarFooterContent;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarFooter/index.ts":
+/*!*********************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarFooter/index.ts ***!
+  \*********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarV2FooterContent = exports.SidebarV2Footer = void 0;
+var SidebarFooter_1 = __webpack_require__(/*! ./SidebarFooter */ "./src/components/SidebarV2/SidebarFooter/SidebarFooter.tsx");
+Object.defineProperty(exports, "SidebarV2Footer", ({ enumerable: true, get: function () { return SidebarFooter_1.SidebarFooter; } }));
+var SidebarFooterContent_1 = __webpack_require__(/*! ./SidebarFooterContent */ "./src/components/SidebarV2/SidebarFooter/SidebarFooterContent.tsx");
+Object.defineProperty(exports, "SidebarV2FooterContent", ({ enumerable: true, get: function () { return SidebarFooterContent_1.SidebarFooterContent; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarGroupTitle.tsx":
+/*!********************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarGroupTitle.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarGroupTitle = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Chevron_1 = __webpack_require__(/*! ../Chevron */ "./src/components/Chevron/index.tsx");
+var SidebarGroupTitle = function (_a) {
+    var title = _a.title, titleId = _a.titleId, badge = _a.badge, barProps = _a.barProps, expanded = _a.expanded, props = __rest(_a, ["title", "titleId", "badge", "barProps", "expanded"]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: [
+            'rcx-box rcx-box--full',
+            'rcx-sidebar-v2-collapse-group__bar rcx-box--animated',
+        ]
+            .filter(Boolean)
+            .join(' ') }, barProps, props, { children: [expanded !== undefined && (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { size: 'x20', right: !expanded }), title && ((0, jsx_runtime_1.jsx)("h4", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-collapse-group__title', id: titleId, children: title })), !expanded && badge && badge] })));
+};
+exports.SidebarGroupTitle = SidebarGroupTitle;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItem.tsx":
+/*!**************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItem.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItem = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarItem = function (_a) {
+    var selected = _a.selected, className = _a.className, children = _a.children, _b = _a.is, Tag = _b === void 0 ? 'a' : _b, props = __rest(_a, ["selected", "className", "children", "is"]);
+    return ((0, jsx_runtime_1.jsx)(Tag, __assign({ className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2-item',
+            selected && 'rcx-sidebar-v2-item--selected',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props, { children: children })));
+};
+exports.SidebarItem = SidebarItem;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemAction.tsx":
+/*!********************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemAction.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemAction = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Icon_1 = __webpack_require__(/*! ../../Icon */ "./src/components/Icon/index.ts");
+var SidebarItemAction = function (_a) {
+    var children = _a.children, className = _a.className, _b = _a.icon, icon = _b === void 0 ? 'plus-small' : _b, props = __rest(_a, ["children", "className", "icon"]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ role: 'button', tabIndex: 0, className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2-item rcx-sidebar-v2-item__action',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: 'x20' }), children] })));
+};
+exports.SidebarItemAction = SidebarItemAction;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemAvatarWrapper.tsx":
+/*!***************************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemAvatarWrapper.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemAvatarWrapper = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarItemAvatarWrapper = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__avatar', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarItemAvatarWrapper = SidebarItemAvatarWrapper;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemBadge.tsx":
+/*!*******************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemBadge.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemBadge = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Badge_1 = __webpack_require__(/*! ../../Badge */ "./src/components/Badge/index.tsx");
+var SidebarItemBadge = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(Badge_1.Badge, __assign({ className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__badge', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarItemBadge = SidebarItemBadge;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemCol.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemCol.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemCol = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarItemCol = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__col', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarItemCol = SidebarItemCol;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemContent.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemContent.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemContent = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarItemContent = function (_a) {
+    var className = _a.className, unread = _a.unread, props = __rest(_a, ["className", "unread"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2-item__subtitle',
+            unread && 'rcx-sidebar-v2-item__subtitle--highlighted',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarItemContent = SidebarItemContent;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemIcon.tsx":
+/*!******************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemIcon.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemIcon = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+var Icon_1 = __webpack_require__(/*! ../../Icon */ "./src/components/Icon/index.ts");
+var SidebarItemIcon = function (_a) {
+    var icon = _a.icon, className = _a.className, highlighted = _a.highlighted, props = __rest(_a, ["icon", "className", "highlighted"]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2-item__icon',
+            highlighted && 'rcx-sidebar-v2-item__icon--highlighted',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), children: (0, react_1.isValidElement)(icon) ? (icon) : ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ name: icon, size: 'x20' }, props))) }));
+};
+exports.SidebarItemIcon = SidebarItemIcon;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx":
+/*!******************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemMenu.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemMenu = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var appendClassName_1 = __webpack_require__(/*! ../../../helpers/appendClassName */ "./src/helpers/appendClassName.ts");
+var patchChildren_1 = __webpack_require__(/*! ../../../helpers/patchChildren */ "./src/helpers/patchChildren.ts");
+var SidebarItemMenu = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'rcx-box rcx-box--full rcx-sidebar-v2-item__menu-wrapper rcx-box--animated' }, props, { children: (0, patchChildren_1.patchChildren)((0, jsx_runtime_1.jsx)("span", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-item__menu', children: children }), function (childProps) { return ({
+            className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-sidebar-v2-item__menu'),
+        }); }) })));
+};
+exports.SidebarItemMenu = SidebarItemMenu;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemRow.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemRow.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemRow = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarItemRow = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__row', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarItemRow = SidebarItemRow;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx":
+/*!**************************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.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);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemStatusBullet = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var StatusBullet_1 = __webpack_require__(/*! ../../StatusBullet */ "./src/components/StatusBullet/index.tsx");
+var SidebarItemStatusBullet = function (props) { return ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-item__status-bullet', children: (0, jsx_runtime_1.jsx)(StatusBullet_1.StatusBullet, __assign({}, props)) })); };
+exports.SidebarItemStatusBullet = SidebarItemStatusBullet;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemTimestamp.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemTimestamp.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemTimestamp = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarItemTimestamp = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2-item__timestamp',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarItemTimestamp = SidebarItemTimestamp;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemTitle.tsx":
+/*!*******************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemTitle.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarItemTitle = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarItemTitle = function (_a) {
+    var className = _a.className, unread = _a.unread, props = __rest(_a, ["className", "unread"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: [
+            'rcx-box rcx-box--full rcx-sidebar-v2-item__title',
+            unread && 'rcx-sidebar-v2-item__title--highlighted',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarItemTitle = SidebarItemTitle;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/SidebarListItem.tsx":
+/*!******************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/SidebarListItem.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarListItem = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+exports.SidebarListItem = (0, react_1.forwardRef)(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, role: 'listitem', className: [
+            'rcx-box rcx-box--full rcx-sidebar-item__list-item',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' ') }, props, { children: children })));
+});
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarItem/index.ts":
+/*!*******************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarItem/index.ts ***!
+  \*******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarV2ItemStatusBullet = exports.SidebarV2ItemContent = exports.SidebarV2ListItem = exports.SidebarV2ItemTimestamp = exports.SidebarV2ItemCol = exports.SidebarV2ItemRow = exports.SidebarV2ItemTitle = exports.SidebarV2ItemMenu = exports.SidebarV2ItemIcon = exports.SidebarV2ItemBadge = exports.SidebarV2ItemAvatarWrapper = exports.SidebarV2ItemAction = exports.SidebarV2Item = void 0;
+var SidebarItem_1 = __webpack_require__(/*! ./SidebarItem */ "./src/components/SidebarV2/SidebarItem/SidebarItem.tsx");
+Object.defineProperty(exports, "SidebarV2Item", ({ enumerable: true, get: function () { return SidebarItem_1.SidebarItem; } }));
+var SidebarItemAction_1 = __webpack_require__(/*! ./SidebarItemAction */ "./src/components/SidebarV2/SidebarItem/SidebarItemAction.tsx");
+Object.defineProperty(exports, "SidebarV2ItemAction", ({ enumerable: true, get: function () { return SidebarItemAction_1.SidebarItemAction; } }));
+var SidebarItemAvatarWrapper_1 = __webpack_require__(/*! ./SidebarItemAvatarWrapper */ "./src/components/SidebarV2/SidebarItem/SidebarItemAvatarWrapper.tsx");
+Object.defineProperty(exports, "SidebarV2ItemAvatarWrapper", ({ enumerable: true, get: function () { return SidebarItemAvatarWrapper_1.SidebarItemAvatarWrapper; } }));
+var SidebarItemBadge_1 = __webpack_require__(/*! ./SidebarItemBadge */ "./src/components/SidebarV2/SidebarItem/SidebarItemBadge.tsx");
+Object.defineProperty(exports, "SidebarV2ItemBadge", ({ enumerable: true, get: function () { return SidebarItemBadge_1.SidebarItemBadge; } }));
+var SidebarItemIcon_1 = __webpack_require__(/*! ./SidebarItemIcon */ "./src/components/SidebarV2/SidebarItem/SidebarItemIcon.tsx");
+Object.defineProperty(exports, "SidebarV2ItemIcon", ({ enumerable: true, get: function () { return SidebarItemIcon_1.SidebarItemIcon; } }));
+var SidebarItemMenu_1 = __webpack_require__(/*! ./SidebarItemMenu */ "./src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx");
+Object.defineProperty(exports, "SidebarV2ItemMenu", ({ enumerable: true, get: function () { return SidebarItemMenu_1.SidebarItemMenu; } }));
+var SidebarItemTitle_1 = __webpack_require__(/*! ./SidebarItemTitle */ "./src/components/SidebarV2/SidebarItem/SidebarItemTitle.tsx");
+Object.defineProperty(exports, "SidebarV2ItemTitle", ({ enumerable: true, get: function () { return SidebarItemTitle_1.SidebarItemTitle; } }));
+var SidebarItemRow_1 = __webpack_require__(/*! ./SidebarItemRow */ "./src/components/SidebarV2/SidebarItem/SidebarItemRow.tsx");
+Object.defineProperty(exports, "SidebarV2ItemRow", ({ enumerable: true, get: function () { return SidebarItemRow_1.SidebarItemRow; } }));
+var SidebarItemCol_1 = __webpack_require__(/*! ./SidebarItemCol */ "./src/components/SidebarV2/SidebarItem/SidebarItemCol.tsx");
+Object.defineProperty(exports, "SidebarV2ItemCol", ({ enumerable: true, get: function () { return SidebarItemCol_1.SidebarItemCol; } }));
+var SidebarItemTimestamp_1 = __webpack_require__(/*! ./SidebarItemTimestamp */ "./src/components/SidebarV2/SidebarItem/SidebarItemTimestamp.tsx");
+Object.defineProperty(exports, "SidebarV2ItemTimestamp", ({ enumerable: true, get: function () { return SidebarItemTimestamp_1.SidebarItemTimestamp; } }));
+var SidebarListItem_1 = __webpack_require__(/*! ./SidebarListItem */ "./src/components/SidebarV2/SidebarItem/SidebarListItem.tsx");
+Object.defineProperty(exports, "SidebarV2ListItem", ({ enumerable: true, get: function () { return SidebarListItem_1.SidebarListItem; } }));
+var SidebarItemContent_1 = __webpack_require__(/*! ./SidebarItemContent */ "./src/components/SidebarV2/SidebarItem/SidebarItemContent.tsx");
+Object.defineProperty(exports, "SidebarV2ItemContent", ({ enumerable: true, get: function () { return SidebarItemContent_1.SidebarItemContent; } }));
+var SidebarItemStatusBullet_1 = __webpack_require__(/*! ./SidebarItemStatusBullet */ "./src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx");
+Object.defineProperty(exports, "SidebarV2ItemStatusBullet", ({ enumerable: true, get: function () { return SidebarItemStatusBullet_1.SidebarItemStatusBullet; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarLink.tsx":
+/*!**************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarLink.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarLink = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var appendClassName_1 = __webpack_require__(/*! ../../helpers/appendClassName */ "./src/helpers/appendClassName.ts");
+var patchChildren_1 = __webpack_require__(/*! ../../helpers/patchChildren */ "./src/helpers/patchChildren.ts");
+var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
+var SidebarLink = function (_a) {
+    var selected = _a.selected, icon = _a.icon, badge = _a.badge, menu = _a.menu, props = __rest(_a, ["selected", "icon", "badge", "menu"]);
+    return ((0, jsx_runtime_1.jsxs)("a", __assign({ className: [
+            'rcx-box rcx-box--full',
+            'rcx-sidebar-v2-link',
+            'rcx-sidebar-v2-item',
+            selected && 'rcx-sidebar-v2-item--selected',
+        ]
+            .filter(Boolean)
+            .join(' '), onClick: function (e) { return e.stopPropagation(); } }, props, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: 'x20', className: 'rcx-sidebar-v2-item__icon' })), (0, jsx_runtime_1.jsx)("span", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-item__title', children: props.children }), badge, menu &&
+                (0, patchChildren_1.patchChildren)((0, jsx_runtime_1.jsx)("span", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-item__menu-wrapper', children: menu }), function (childProps) { return ({
+                    className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-box rcx-box--full rcx-sidebar-v2-item__menu rcx-box--animated'),
+                }); })] })));
+};
+exports.SidebarLink = SidebarLink;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarMedia/SidebarMedia.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarMedia/SidebarMedia.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarMedia = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarMedia = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-sidebar-v2-media', className].filter(Boolean).join(' ') }, props)));
+};
+exports.SidebarMedia = SidebarMedia;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarMedia/SidebarMediaController.tsx":
+/*!**************************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarMedia/SidebarMediaController.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarMediaController = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarButtonGroup_1 = __webpack_require__(/*! ../SidebarButtonGroup */ "./src/components/SidebarV2/SidebarButtonGroup.tsx");
+var SidebarMediaController = function (_a) {
+    var className = _a.className, label = _a.label, children = _a.children, props = __rest(_a, ["className", "label", "children"]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: ['rcx-sidebar-v2-media__controller', className]
+            .filter(Boolean)
+            .join(' '), children: [(0, jsx_runtime_1.jsx)("div", { className: 'rcx-sidebar-v2-media__controller__label', children: label }), (0, jsx_runtime_1.jsx)(SidebarButtonGroup_1.SidebarButtonGroup, __assign({ small: true, align: 'end' }, props, { children: children }))] }));
+};
+exports.SidebarMediaController = SidebarMediaController;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarMedia/SidebarMediaTitle.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarMedia/SidebarMediaTitle.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarMediaTitle = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarMediaTitle = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-sidebar-v2-media__title', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidebarMediaTitle = SidebarMediaTitle;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarMedia/index.ts":
+/*!********************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarMedia/index.ts ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarV2MediaTitle = exports.SidebarV2MediaController = exports.SidebarV2Media = void 0;
+var SidebarMedia_1 = __webpack_require__(/*! ./SidebarMedia */ "./src/components/SidebarV2/SidebarMedia/SidebarMedia.tsx");
+Object.defineProperty(exports, "SidebarV2Media", ({ enumerable: true, get: function () { return SidebarMedia_1.SidebarMedia; } }));
+var SidebarMediaController_1 = __webpack_require__(/*! ./SidebarMediaController */ "./src/components/SidebarV2/SidebarMedia/SidebarMediaController.tsx");
+Object.defineProperty(exports, "SidebarV2MediaController", ({ enumerable: true, get: function () { return SidebarMediaController_1.SidebarMediaController; } }));
+var SidebarMediaTitle_1 = __webpack_require__(/*! ./SidebarMediaTitle */ "./src/components/SidebarV2/SidebarMedia/SidebarMediaTitle.tsx");
+Object.defineProperty(exports, "SidebarV2MediaTitle", ({ enumerable: true, get: function () { return SidebarMediaTitle_1.SidebarMediaTitle; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/SidebarSection.tsx":
+/*!*****************************************************!*\
+  !*** ./src/components/SidebarV2/SidebarSection.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);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidebarSection = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidebarDivider_1 = __webpack_require__(/*! ./SidebarDivider */ "./src/components/SidebarV2/SidebarDivider.tsx");
+var SidebarSection = function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: 'rcx-box rcx-box--full rcx-sidebar-v2-section' }, props)), (0, jsx_runtime_1.jsx)(SidebarDivider_1.SidebarDivider, {})] })); };
+exports.SidebarSection = SidebarSection;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/hooks/useCollapse.tsx":
+/*!********************************************************!*\
+  !*** ./src/components/SidebarV2/hooks/useCollapse.tsx ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.useCollapse = void 0;
+var fuselage_hooks_1 = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
+var useCollapse = function (_a) {
+    var propExpanded = _a.expanded, defaultExpanded = _a.defaultExpanded, disabled = _a.disabled, noncollapsible = _a.noncollapsible, _b = _a.tabIndex, tabIndex = _b === void 0 ? 0 : _b;
+    var _c = __read((0, fuselage_hooks_1.useToggle)(defaultExpanded), 2), stateExpanded = _c[0], toggleStateExpanded = _c[1];
+    var expanded = propExpanded || stateExpanded;
+    var panelExpanded = noncollapsible || expanded;
+    var titleId = (0, fuselage_hooks_1.useUniqueId)();
+    var panelId = (0, fuselage_hooks_1.useUniqueId)();
+    var handleClick = function (e) {
+        var _a;
+        if (disabled) {
+            return;
+        }
+        (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.blur();
+        toggleStateExpanded();
+    };
+    var handleKeyDown = function (event) {
+        if (disabled || event.currentTarget !== event.target) {
+            return;
+        }
+        if (['Enter', 'Space'].includes(event.code)) {
+            event.preventDefault();
+            if (event.repeat) {
+                return;
+            }
+            toggleStateExpanded();
+        }
+    };
+    var collapsibleProps = {
+        'aria-controls': panelId,
+        'aria-expanded': expanded ? 'true' : 'false',
+        'tabIndex': !disabled ? tabIndex : undefined,
+        'onClick': handleClick,
+        'onKeyDown': handleKeyDown,
+    };
+    var nonCollapsibleProps = {
+        'aria-disabled': 'true',
+        'aria-expanded': 'true',
+        'aria-labelledby': titleId,
+    };
+    var barProps = noncollapsible ? nonCollapsibleProps : collapsibleProps;
+    return { barProps: barProps, titleId: titleId, panelId: panelId, panelExpanded: panelExpanded, expanded: expanded };
+};
+exports.useCollapse = useCollapse;
+
+
+/***/ }),
+
+/***/ "./src/components/SidebarV2/index.tsx":
+/*!********************************************!*\
+  !*** ./src/components/SidebarV2/index.tsx ***!
+  \********************************************/
+/***/ (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 }));
+exports.SidebarV2GroupTitle = exports.SidebarV2Divider = exports.SidebarV2Section = exports.SidebarV2ButtonGroup = exports.SidebarV2Banner = exports.SidebarV2CollapseGroup = exports.SidebarV2Link = exports.SidebarV2Actions = exports.SidebarV2Action = exports.SidebarV2AccordionItem = exports.SidebarV2Accordion = exports.SidebarV2 = void 0;
+var Sidebar_1 = __webpack_require__(/*! ./Sidebar */ "./src/components/SidebarV2/Sidebar.tsx");
+Object.defineProperty(exports, "SidebarV2", ({ enumerable: true, get: function () { return Sidebar_1.Sidebar; } }));
+var SidebarAccordion_1 = __webpack_require__(/*! ./SidebarAccordion */ "./src/components/SidebarV2/SidebarAccordion.tsx");
+Object.defineProperty(exports, "SidebarV2Accordion", ({ enumerable: true, get: function () { return SidebarAccordion_1.SidebarAccordion; } }));
+var SidebarAccordionItem_1 = __webpack_require__(/*! ./SidebarAccordionItem */ "./src/components/SidebarV2/SidebarAccordionItem.tsx");
+Object.defineProperty(exports, "SidebarV2AccordionItem", ({ enumerable: true, get: function () { return SidebarAccordionItem_1.SidebarAccordionItem; } }));
+var SidebarAction_1 = __webpack_require__(/*! ./SidebarAction */ "./src/components/SidebarV2/SidebarAction.tsx");
+Object.defineProperty(exports, "SidebarV2Action", ({ enumerable: true, get: function () { return SidebarAction_1.SidebarAction; } }));
+var SidebarActions_1 = __webpack_require__(/*! ./SidebarActions */ "./src/components/SidebarV2/SidebarActions.tsx");
+Object.defineProperty(exports, "SidebarV2Actions", ({ enumerable: true, get: function () { return SidebarActions_1.SidebarActions; } }));
+var SidebarLink_1 = __webpack_require__(/*! ./SidebarLink */ "./src/components/SidebarV2/SidebarLink.tsx");
+Object.defineProperty(exports, "SidebarV2Link", ({ enumerable: true, get: function () { return SidebarLink_1.SidebarLink; } }));
+__exportStar(__webpack_require__(/*! ./SidebarItem */ "./src/components/SidebarV2/SidebarItem/index.ts"), exports);
+var SidebarCollapseGroup_1 = __webpack_require__(/*! ./SidebarCollapseGroup */ "./src/components/SidebarV2/SidebarCollapseGroup.tsx");
+Object.defineProperty(exports, "SidebarV2CollapseGroup", ({ enumerable: true, get: function () { return SidebarCollapseGroup_1.SidebarCollapseGroup; } }));
+var SidebarBanner_1 = __webpack_require__(/*! ./SidebarBanner */ "./src/components/SidebarV2/SidebarBanner.tsx");
+Object.defineProperty(exports, "SidebarV2Banner", ({ enumerable: true, get: function () { return SidebarBanner_1.SidebarBanner; } }));
+__exportStar(__webpack_require__(/*! ./SidebarFooter */ "./src/components/SidebarV2/SidebarFooter/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./SidebarMedia */ "./src/components/SidebarV2/SidebarMedia/index.ts"), exports);
+var SidebarButtonGroup_1 = __webpack_require__(/*! ./SidebarButtonGroup */ "./src/components/SidebarV2/SidebarButtonGroup.tsx");
+Object.defineProperty(exports, "SidebarV2ButtonGroup", ({ enumerable: true, get: function () { return SidebarButtonGroup_1.SidebarButtonGroup; } }));
+var SidebarSection_1 = __webpack_require__(/*! ./SidebarSection */ "./src/components/SidebarV2/SidebarSection.tsx");
+Object.defineProperty(exports, "SidebarV2Section", ({ enumerable: true, get: function () { return SidebarSection_1.SidebarSection; } }));
+var SidebarDivider_1 = __webpack_require__(/*! ./SidebarDivider */ "./src/components/SidebarV2/SidebarDivider.tsx");
+Object.defineProperty(exports, "SidebarV2Divider", ({ enumerable: true, get: function () { return SidebarDivider_1.SidebarDivider; } }));
+var SidebarGroupTitle_1 = __webpack_require__(/*! ./SidebarGroupTitle */ "./src/components/SidebarV2/SidebarGroupTitle.tsx");
+Object.defineProperty(exports, "SidebarV2GroupTitle", ({ enumerable: true, get: function () { return SidebarGroupTitle_1.SidebarGroupTitle; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/Sidepanel.tsx":
+/*!************************************************!*\
+  !*** ./src/components/Sidepanel/Sidepanel.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.Sidepanel = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Sidepanel = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-sidepanel', className].filter(Boolean).join(' ') }, props)));
+};
+exports.Sidepanel = Sidepanel;
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/SidepanelDivider.tsx":
+/*!*******************************************************!*\
+  !*** ./src/components/Sidepanel/SidepanelDivider.tsx ***!
+  \*******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidepanelDivider = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var Divider_1 = __webpack_require__(/*! ../Divider */ "./src/components/Divider/index.tsx");
+var SidepanelDivider = function () { return ((0, jsx_runtime_1.jsx)(Divider_1.Divider, { "rcx-sidepanel--divider": true, mbs: -2, mbe: 0 })); };
+exports.SidepanelDivider = SidepanelDivider;
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/SidepanelHeader.tsx":
+/*!******************************************************!*\
+  !*** ./src/components/Sidepanel/SidepanelHeader.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidepanelHeader = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidepanelDivider_1 = __webpack_require__(/*! ./SidepanelDivider */ "./src/components/Sidepanel/SidepanelDivider.tsx");
+var SidepanelHeader = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-sidepanel-header', className].filter(Boolean).join(' ') }, props)), (0, jsx_runtime_1.jsx)(SidepanelDivider_1.SidepanelDivider, {})] }));
+};
+exports.SidepanelHeader = SidepanelHeader;
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/SidepanelHeaderTitle.tsx":
+/*!***********************************************************!*\
+  !*** ./src/components/Sidepanel/SidepanelHeaderTitle.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidepanelHeaderTitle = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidepanelHeaderTitle = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-sidepanel-header__title', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidepanelHeaderTitle = SidepanelHeaderTitle;
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/SidepanelList.tsx":
+/*!****************************************************!*\
+  !*** ./src/components/Sidepanel/SidepanelList.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidepanelList = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+exports.SidepanelList = (0, react_1.forwardRef)(function SidepanelList(_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ role: 'list', ref: ref, className: ['rcx-sidepanel-list', className].filter(Boolean).join(' ') }, props)));
+});
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/SidepanelListItem.tsx":
+/*!********************************************************!*\
+  !*** ./src/components/Sidepanel/SidepanelListItem.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidepanelListItem = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+exports.SidepanelListItem = (0, react_1.forwardRef)(function SidepanelListItem(_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ role: 'listitem', ref: ref, className: ['rcx-sidepanel-list__item', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+});
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/SidepanelSection.tsx":
+/*!*******************************************************!*\
+  !*** ./src/components/Sidepanel/SidepanelSection.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidepanelSection = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidepanelSection = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-sidepanel-section', className].filter(Boolean).join(' ') }, props)));
+};
+exports.SidepanelSection = SidepanelSection;
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/SidepanelSectionAction.tsx":
+/*!*************************************************************!*\
+  !*** ./src/components/Sidepanel/SidepanelSectionAction.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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SidepanelSectionAction = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var SidepanelSectionAction = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: ['rcx-sidepanel-section__action', className]
+            .filter(Boolean)
+            .join(' ') }, props)));
+};
+exports.SidepanelSectionAction = SidepanelSectionAction;
+
+
+/***/ }),
+
+/***/ "./src/components/Sidepanel/index.ts":
+/*!*******************************************!*\
+  !*** ./src/components/Sidepanel/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__(/*! ./Sidepanel */ "./src/components/Sidepanel/Sidepanel.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./SidepanelSection */ "./src/components/Sidepanel/SidepanelSection.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./SidepanelSectionAction */ "./src/components/Sidepanel/SidepanelSectionAction.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./SidepanelHeaderTitle */ "./src/components/Sidepanel/SidepanelHeaderTitle.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./SidepanelHeader */ "./src/components/Sidepanel/SidepanelHeader.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./SidepanelList */ "./src/components/Sidepanel/SidepanelList.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./SidepanelListItem */ "./src/components/Sidepanel/SidepanelListItem.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./SidepanelDivider */ "./src/components/Sidepanel/SidepanelDivider.tsx"), exports);
+
+
 /***/ }),
 
 /***/ "./src/components/Skeleton/Skeleton.tsx":
@@ -18460,6 +20294,8 @@ __exportStar(__webpack_require__(/*! ./SelectInput */ "./src/components/SelectIn
 var Sidebar_1 = __webpack_require__(/*! ./Sidebar */ "./src/components/Sidebar/index.tsx");
 Object.defineProperty(exports, "Sidebar", ({ enumerable: true, get: function () { return __importDefault(Sidebar_1).default; } }));
 __exportStar(__webpack_require__(/*! ./Sidebar */ "./src/components/Sidebar/index.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./Sidepanel */ "./src/components/Sidepanel/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./SidebarV2 */ "./src/components/SidebarV2/index.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./Skeleton */ "./src/components/Skeleton/index.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./States */ "./src/components/States/index.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./Table */ "./src/components/Table/index.ts"), exports);