@rocket.chat/fuselage 0.87.0 → 0.89.0

package/dist/fuselage.development.js

@@ -8370,125 +8370,6 @@ var SelectFiltered_1 = __webpack_require__(/*! ./SelectFiltered */ "./src/compon
 Object.defineProperty(exports, "SelectFiltered", ({ enumerable: true, get: function () { return __importDefault(SelectFiltered_1).default; } }));
 
 
-/***/ },
-
-/***/ "./src/components/Sidebar/Item.tsx"
-/*!*****************************************!*\
-  !*** ./src/components/Sidebar/Item.tsx ***!
-  \*****************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.SidebarItem = exports.SidebarItemAction = exports.SidebarItemActions = exports.SidebarItemAvatar = exports.SidebarItemIcon = exports.SidebarItemWrapper = exports.SidebarItemSubtitle = exports.SidebarItemBadge = exports.SidebarItemTime = exports.SidebarItemTitle = exports.SidebarItemContent = exports.SidebarItemMenu = exports.SidebarItemContainer = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
-const SidebarActions_1 = __webpack_require__(/*! ./SidebarActions */ "./src/components/Sidebar/SidebarActions.tsx");
-/**
- * @deprecated Use the `SidebarV2` component family instead.
- */
-const SidebarItemContainer = (props) => ((0, jsx_runtime_1.jsx)("div", { className: 'rc-box rcx-box--full rcx-sidebar-item__container', ...props }));
-exports.SidebarItemContainer = SidebarItemContainer;
-/**
- * @deprecated Use `SidebarV2ItemMenu` instead.
- */
-const SidebarItemMenu = (props) => ((0, jsx_runtime_1.jsx)("div", { className: 'rc-box rcx-box--full rcx-box--animated rcx-sidebar-item__menu-wrapper', ...props }));
-exports.SidebarItemMenu = SidebarItemMenu;
-/**
- * @deprecated Use `SidebarV2ItemContent` instead.
- */
-const SidebarItemContent = ({ className = '', ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: `rc-box rcx-box--full rcx-sidebar-item__container rcx-sidebar-item__content ${className}`, ...props }));
-exports.SidebarItemContent = SidebarItemContent;
-/**
- * @deprecated Use `SidebarV2ItemTitle` instead.
- */
-const SidebarItemTitle = ({ className = '', ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: `rc-box rcx-box--full rcx-sidebar-item__title ${className}`, ...props }));
-exports.SidebarItemTitle = SidebarItemTitle;
-/**
- * @deprecated Use `SidebarV2ItemTimestamp` instead.
- */
-const SidebarItemTime = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: `rc-box rcx-box--full rcx-sidebar-item__time ${className}`, ...props }));
-exports.SidebarItemTime = SidebarItemTime;
-/**
- * @deprecated Use `SidebarV2ItemBadge` instead.
- */
-const SidebarItemBadge = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: `rc-box rcx-box--full rcx-sidebar-item__badge ${className}`, ...props }));
-exports.SidebarItemBadge = SidebarItemBadge;
-/**
- * @deprecated Use the `SidebarV2` component family instead.
- */
-const SidebarItemSubtitle = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: `rc-box rcx-box--full rcx-sidebar-item__subtitle ${className}`, ...props }));
-exports.SidebarItemSubtitle = SidebarItemSubtitle;
-/**
- * @deprecated Use the `SidebarV2` component family instead.
- */
-const SidebarItemWrapper = ({ className = '', ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: `rc-box rcx-box--full rcx-sidebar-item__wrapper ${className}`, ...props }));
-exports.SidebarItemWrapper = SidebarItemWrapper;
-/**
- * @deprecated Use `SidebarV2ItemIcon` instead.
- */
-const SidebarItemIcon = ({ highlighted, children, icon, className: _className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rc-box rcx-box--full rcx-sidebar-item__icon',
-        highlighted && 'rcx-sidebar-item__icon--highlighted',
-    ]
-        .filter(Boolean)
-        .join(' '), ...props, children: children || (0, jsx_runtime_1.jsx)(Icon_1.Icon, { size: 'x16', name: icon, ...props }) }));
-exports.SidebarItemIcon = SidebarItemIcon;
-/**
- * @deprecated Use `SidebarV2ItemAvatarWrapper` instead.
- */
-const SidebarItemAvatar = ({ ...props }) => ((0, jsx_runtime_1.jsx)(exports.SidebarItemContainer, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rc-box rcx-box--full rcx-sidebar-item__avatar', ...props }) }));
-exports.SidebarItemAvatar = SidebarItemAvatar;
-/**
- * @deprecated Use `SidebarV2ItemMenu` instead.
- */
-exports.SidebarItemActions = SidebarActions_1.SidebarActions;
-/**
- * @deprecated Use `SidebarV2ItemAction` instead.
- */
-const SidebarItemAction = (props) => ((0, jsx_runtime_1.jsx)(SidebarActions_1.SidebarAction, { ...props }));
-exports.SidebarItemAction = SidebarItemAction;
-/**
- * Item component to be used inside Sidebar.
- *
- * @deprecated Use `SidebarV2Item` instead.
- */
-const SidebarItem = ({ selected, highlighted, clickable, featured, is: Tag = 'div', children, ...props }) => ((0, jsx_runtime_1.jsx)(Tag, { className: [
-        'rc-box rcx-box--full rcx-sidebar-item',
-        highlighted && 'rcx-sidebar-item--highlighted',
-        (clickable || Tag === 'a') && 'rcx-sidebar-item--clickable',
-        selected && 'rcx-sidebar-item--selected',
-        featured && 'rcx-sidebar-item--featured',
-    ]
-        .filter(Boolean)
-        .join(' '), ...props, children: (0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-item__wrapper', children: children }) }));
-exports.SidebarItem = SidebarItem;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/Section.tsx"
-/*!********************************************!*\
-  !*** ./src/components/Sidebar/Section.tsx ***!
-  \********************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.SidebarSection = exports.SidebarSectionTitle = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-/**
- * @deprecated Use `SidebarV2GroupTitle` instead.
- */
-const SidebarSectionTitle = (props) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-title', ...props }));
-exports.SidebarSectionTitle = SidebarSectionTitle;
-/**
- * @deprecated Use `SidebarV2Section` instead.
- */
-const SidebarSection = (props) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-section', ...props }));
-exports.SidebarSection = SidebarSection;
-
-
 /***/ },
 
 /***/ "./src/components/Sidebar/Sidebar.tsx"
@@ -8498,402 +8379,14 @@ exports.SidebarSection = SidebarSection;
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const Box_1 = __webpack_require__(/*! ../Box */ "./src/components/Box/index.ts");
-/**
- * @deprecated Use `SidebarV2` instead.
- */
-const Sidebar = (props) => (0, jsx_runtime_1.jsx)(Box_1.Box, { "rcx-sidebar": true, ...props });
-exports["default"] = Sidebar;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/SidebarActions.tsx"
-/*!***************************************************!*\
-  !*** ./src/components/Sidebar/SidebarActions.tsx ***!
-  \***************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.SidebarActions = SidebarActions;
-exports.SidebarAction = SidebarAction;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
-const ButtonGroup_1 = __webpack_require__(/*! ../ButtonGroup */ "./src/components/ButtonGroup/index.ts");
-/**
- * @deprecated Use `SidebarV2Actions` instead.
- */
-function SidebarActions(props) {
-    return (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, { ...props });
-}
-/**
- * @deprecated Use `SidebarV2Action` instead.
- */
-function SidebarAction(props) {
-    return (0, jsx_runtime_1.jsx)(Button_1.IconButton, { small: true, ...props });
-}
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/SidebarBanner.tsx"
-/*!**************************************************!*\
-  !*** ./src/components/Sidebar/SidebarBanner.tsx ***!
-  \**************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
-/**
- * @deprecated Use `SidebarV2Banner` instead.
- */
-const SidebarBanner = ({ text, description, onClick, variant = 'default', addon, onClose, children, }) => ((0, jsx_runtime_1.jsxs)("div", { className: `rcx-box rcx-box--full rcx-sidebar-banner rcx-sidebar-banner--${variant}`, children: [(0, jsx_runtime_1.jsxs)("div", { children: [text && (0, jsx_runtime_1.jsx)("div", { className: 'rcx-sidebar-banner--text', children: text }), description && ((0, jsx_runtime_1.jsx)("div", { role: onClick ? 'link' : undefined, tabIndex: 0, className: [
-                        'rcx-sidebar-banner--description',
-                        onClick && 'rcx-sidebar-banner--description--clickable',
-                    ]
-                        .filter(Boolean)
-                        .join(' '), onClick: onClick, onKeyDown: (e) => e.key === 'Enter' && onClick?.(), children: description })), children] }), (0, jsx_runtime_1.jsxs)("div", { className: 'rcx-sidebar-banner__actions', children: [addon, onClose && (0, jsx_runtime_1.jsx)(Button_1.IconButton, { onClick: onClose, tiny: true, icon: 'cross' })] })] }));
-exports["default"] = SidebarBanner;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/SidebarDivider.tsx"
-/*!***************************************************!*\
-  !*** ./src/components/Sidebar/SidebarDivider.tsx ***!
-  \***************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const Divider_1 = __webpack_require__(/*! ../Divider */ "./src/components/Divider/index.ts");
-/**
- * @deprecated Use `SidebarV2Divider` instead.
- */
-const SidebarDivider = () => ((0, jsx_runtime_1.jsx)(Divider_1.Divider, { "rcx-sidebar--divider": true, marginBlockStart: -2, marginBlockEnd: 0 }));
-exports["default"] = SidebarDivider;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/SidebarFooter.tsx"
-/*!**************************************************!*\
-  !*** ./src/components/Sidebar/SidebarFooter.tsx ***!
-  \**************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.SidebarFooterHighlight = exports.SidebarFooter = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-/**
- * @deprecated Use `SidebarV2Footer` instead.
- */
-const SidebarFooter = ({ elevated, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rcx-box rcx-box--full rcx-sidebar-footer',
-        elevated && 'rcx-sidebar-footer--elevated',
-    ]
-        .filter(Boolean)
-        .join(' '), ...props }));
-exports.SidebarFooter = SidebarFooter;
-/**
- * @deprecated Use `SidebarV2FooterContent` instead.
- */
-const SidebarFooterHighlight = ({ ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-footer__highlights', ...props }));
-exports.SidebarFooterHighlight = SidebarFooterHighlight;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBar.tsx"
-/*!**************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBar.tsx ***!
-  \**************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBar = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-/**
- * Sidebar TopBar and ToolBox.
- *
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-const TopBar = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rc-box rc-box--full rcx-sidebar-topbar', className]
-        .filter(Boolean)
-        .join(' '), ...props }));
-exports.TopBar = TopBar;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBarAction.tsx"
-/*!********************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBarAction.tsx ***!
-  \********************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBarAction = TopBarAction;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarActions_1 = __webpack_require__(/*! ../SidebarActions */ "./src/components/Sidebar/SidebarActions.tsx");
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-function TopBarAction(props) {
-    return (0, jsx_runtime_1.jsx)(SidebarActions_1.SidebarAction, { ...props });
-}
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBarActions.tsx"
-/*!*********************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBarActions.tsx ***!
-  \*********************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBarActions = TopBarActions;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarActions_1 = __webpack_require__(/*! ../SidebarActions */ "./src/components/Sidebar/SidebarActions.tsx");
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-function TopBarActions(props) {
-    return (0, jsx_runtime_1.jsx)(SidebarActions_1.SidebarActions, { ...props });
-}
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBarSection.tsx"
-/*!*********************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBarSection.tsx ***!
-  \*********************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBarSection = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarDivider_1 = __importDefault(__webpack_require__(/*! ../SidebarDivider */ "./src/components/Sidebar/SidebarDivider.tsx"));
-const TopBar_1 = __webpack_require__(/*! ./TopBar */ "./src/components/Sidebar/TopBar/TopBar.tsx");
-const TopBarWrapper_1 = __webpack_require__(/*! ./TopBarWrapper */ "./src/components/Sidebar/TopBar/TopBarWrapper.tsx");
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-const TopBarSection = ({ className, children, ...props }) => ((0, jsx_runtime_1.jsxs)(TopBar_1.TopBar, { className: ['rcx-sidebar-topbar--section', className]
-        .filter(Boolean)
-        .join(' '), ...props, children: [(0, jsx_runtime_1.jsx)(TopBarWrapper_1.TopBarWrapper, { children: children }), (0, jsx_runtime_1.jsx)(SidebarDivider_1.default, {})] }));
-exports.TopBarSection = TopBarSection;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBarTitle.tsx"
-/*!*******************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBarTitle.tsx ***!
-  \*******************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBarTitle = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const Box_1 = __webpack_require__(/*! ../../Box */ "./src/components/Box/index.ts");
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-const TopBarTitle = (props) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { className: 'rcx-sidebar-topbar__title', withTruncatedText: true, ...props }));
-exports.TopBarTitle = TopBarTitle;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBarToolBox.tsx"
-/*!*********************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBarToolBox.tsx ***!
-  \*********************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBarToolBox = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarDivider_1 = __importDefault(__webpack_require__(/*! ../SidebarDivider */ "./src/components/Sidebar/SidebarDivider.tsx"));
-const TopBar_1 = __webpack_require__(/*! ./TopBar */ "./src/components/Sidebar/TopBar/TopBar.tsx");
-const TopBarWrapper_1 = __webpack_require__(/*! ./TopBarWrapper */ "./src/components/Sidebar/TopBar/TopBarWrapper.tsx");
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-const TopBarToolBox = ({ children, className, ...props }) => ((0, jsx_runtime_1.jsxs)(TopBar_1.TopBar, { className: ['rcx-sidebar-topbar--toolbox', className]
-        .filter(Boolean)
-        .join(' '), ...props, children: [(0, jsx_runtime_1.jsx)(TopBarWrapper_1.TopBarWrapper, { children: children }), (0, jsx_runtime_1.jsx)(SidebarDivider_1.default, {})] }));
-exports.TopBarToolBox = TopBarToolBox;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBarV2.tsx"
-/*!****************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBarV2.tsx ***!
-  \****************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBarV2 = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-const TopBarV2 = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rc-box rc-box--full rcx-sidebar-topbar-v2 rcx-sidebar-topbar-v2',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' '), ...props }));
-exports.TopBarV2 = TopBarV2;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/TopBarWrapper.tsx"
-/*!*********************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/TopBarWrapper.tsx ***!
-  \*********************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TopBarWrapper = void 0;
-const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-const TopBarWrapper = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { className: 'rc-box rc-box--full rcx-sidebar-topbar__wrapper', children: children }));
-exports.TopBarWrapper = TopBarWrapper;
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/TopBar/index.ts"
-/*!************************************************!*\
-  !*** ./src/components/Sidebar/TopBar/index.ts ***!
-  \************************************************/
-(__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.TopBarAvatar = void 0;
-/**
- * @deprecated Use `NavBar` for app-level navigation instead.
- */
-exports.TopBarAvatar = { size: 'x24' };
-__exportStar(__webpack_require__(/*! ./TopBar */ "./src/components/Sidebar/TopBar/TopBar.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBarV2 */ "./src/components/Sidebar/TopBar/TopBarV2.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBarAction */ "./src/components/Sidebar/TopBar/TopBarAction.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBarActions */ "./src/components/Sidebar/TopBar/TopBarActions.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBarSection */ "./src/components/Sidebar/TopBar/TopBarSection.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBarTitle */ "./src/components/Sidebar/TopBar/TopBarTitle.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBarToolBox */ "./src/components/Sidebar/TopBar/TopBarToolBox.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBarWrapper */ "./src/components/Sidebar/TopBar/TopBarWrapper.tsx"), exports);
-
-
-/***/ },
-
-/***/ "./src/components/Sidebar/index.ts"
-/*!*****************************************!*\
-  !*** ./src/components/Sidebar/index.ts ***!
-  \*****************************************/
-(__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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.SidebarDivider = exports.SidebarBanner = exports.SidebarTopBarToolBox = exports.SidebarTopBarAvatar = exports.SidebarTopBarActions = exports.SidebarTopBarAction = exports.SidebarTopBarTitle = exports.SidebarTopBar = exports.Sidebar = void 0;
-var Sidebar_1 = __webpack_require__(/*! ./Sidebar */ "./src/components/Sidebar/Sidebar.tsx");
-Object.defineProperty(exports, "Sidebar", ({ enumerable: true, get: function () { return __importDefault(Sidebar_1).default; } }));
-__exportStar(__webpack_require__(/*! ./Item */ "./src/components/Sidebar/Item.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./Section */ "./src/components/Sidebar/Section.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TopBar */ "./src/components/Sidebar/TopBar/index.ts"), exports);
-var TopBar_1 = __webpack_require__(/*! ./TopBar */ "./src/components/Sidebar/TopBar/index.ts");
-Object.defineProperty(exports, "SidebarTopBar", ({ enumerable: true, get: function () { return TopBar_1.TopBar; } }));
-Object.defineProperty(exports, "SidebarTopBarTitle", ({ enumerable: true, get: function () { return TopBar_1.TopBarTitle; } }));
-Object.defineProperty(exports, "SidebarTopBarAction", ({ enumerable: true, get: function () { return TopBar_1.TopBarAction; } }));
-Object.defineProperty(exports, "SidebarTopBarActions", ({ enumerable: true, get: function () { return TopBar_1.TopBarActions; } }));
-Object.defineProperty(exports, "SidebarTopBarAvatar", ({ enumerable: true, get: function () { return TopBar_1.TopBarAvatar; } }));
-Object.defineProperty(exports, "SidebarTopBarToolBox", ({ enumerable: true, get: function () { return TopBar_1.TopBarToolBox; } }));
-var SidebarBanner_1 = __webpack_require__(/*! ./SidebarBanner */ "./src/components/Sidebar/SidebarBanner.tsx");
-Object.defineProperty(exports, "SidebarBanner", ({ enumerable: true, get: function () { return __importDefault(SidebarBanner_1).default; } }));
-__exportStar(__webpack_require__(/*! ./SidebarFooter */ "./src/components/Sidebar/SidebarFooter.tsx"), exports);
-var SidebarDivider_1 = __webpack_require__(/*! ./SidebarDivider */ "./src/components/Sidebar/SidebarDivider.tsx");
-Object.defineProperty(exports, "SidebarDivider", ({ enumerable: true, get: function () { return __importDefault(SidebarDivider_1).default; } }));
-
-
-/***/ },
-
-/***/ "./src/components/SidebarV2/Sidebar.tsx"
-/*!**********************************************!*\
-  !*** ./src/components/SidebarV2/Sidebar.tsx ***!
-  \**********************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Sidebar = Sidebar;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 function Sidebar({ collapsed, className, ...props }) {
     return ((0, jsx_runtime_1.jsx)("nav", { className: [
-            'rcx-box rcx-box--full rcx-sidebar-v2',
+            'rcx-box rcx-box--full rcx-sidebar',
             'rcx-box--animated',
-            collapsed && 'rcx-sidebar-v2--collapsed',
+            collapsed && 'rcx-sidebar--collapsed',
             className,
         ]
             .filter(Boolean)
@@ -8903,37 +8396,37 @@ function Sidebar({ collapsed, className, ...props }) {
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarAccordion.tsx"
-/*!*******************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarAccordion.tsx ***!
-  \*******************************************************/
+/***/ "./src/components/Sidebar/SidebarAccordion.tsx"
+/*!*****************************************************!*\
+  !*** ./src/components/Sidebar/SidebarAccordion.tsx ***!
+  \*****************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const SidebarAccordion = ({ className, children, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rcx-box rcx-box--full rcx-sidebar-v2-accordion rcx-box--animated',
+        'rcx-box rcx-box--full rcx-sidebar-accordion rcx-box--animated',
         className,
     ]
         .filter(Boolean)
-        .join(' '), ...props, children: (0, jsx_runtime_1.jsx)("div", { className: 'rcx-sidebar-v2-accordion__wrapper', children: children }) }));
+        .join(' '), ...props, children: (0, jsx_runtime_1.jsx)("div", { className: 'rcx-sidebar-accordion__wrapper', children: children }) }));
 exports["default"] = SidebarAccordion;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarAccordionItem.tsx"
-/*!***********************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarAccordionItem.tsx ***!
-  \***********************************************************/
+/***/ "./src/components/Sidebar/SidebarAccordionItem.tsx"
+/*!*********************************************************!*\
+  !*** ./src/components/Sidebar/SidebarAccordionItem.tsx ***!
+  \*********************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Chevron_1 = __webpack_require__(/*! ../Chevron */ "./src/components/Chevron/index.ts");
-const useCollapse_1 = __webpack_require__(/*! ./hooks/useCollapse */ "./src/components/SidebarV2/hooks/useCollapse.tsx");
+const useCollapse_1 = __webpack_require__(/*! ./hooks/useCollapse */ "./src/components/Sidebar/hooks/useCollapse.tsx");
 const SidebarAccordionItem = ({ children, title, badge, noncollapsible, disabled, expanded: propExpanded, defaultExpanded, tabIndex, ...props }) => {
     const { barProps, expanded, panelExpanded, panelId, titleId } = (0, useCollapse_1.useCollapse)({
         expanded: propExpanded,
@@ -8942,15 +8435,15 @@ const SidebarAccordionItem = ({ children, title, badge, noncollapsible, disabled
         disabled,
         noncollapsible,
     });
-    return ((0, jsx_runtime_1.jsxs)("section", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-accordion-item', ...props, children: [(0, jsx_runtime_1.jsxs)("div", { 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',
+    return ((0, jsx_runtime_1.jsxs)("section", { className: 'rcx-box rcx-box--full rcx-sidebar-accordion-item', ...props, children: [(0, jsx_runtime_1.jsxs)("div", { role: 'button', className: [
+                    'rcx-box rcx-box--full rcx-sidebar-accordion-item__bar rcx-box--animated',
+                    disabled && 'rcx-sidebar-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',
+                    .join(' '), ...barProps, children: [!noncollapsible && ((0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { className: 'rcx-sidebar-accordion-item__chevron', size: 'x16', right: !expanded })), title && ((0, jsx_runtime_1.jsx)("h5", { className: 'rcx-sidebar-accordion-item__title', id: titleId, children: title })), !expanded && badge && badge] }), (0, jsx_runtime_1.jsx)("div", { className: [
+                    'rcx-sidebar-accordion-item__panel',
                     'rcx-box--animated',
-                    panelExpanded && 'rcx-sidebar-v2-accordion-item__panel--expanded',
+                    panelExpanded && 'rcx-sidebar-accordion-item__panel--expanded',
                 ]
                     .filter(Boolean)
                     .join(' '), id: panelId, children: children })] }));
@@ -8960,10 +8453,10 @@ exports["default"] = SidebarAccordionItem;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarAction.tsx"
-/*!****************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarAction.tsx ***!
-  \****************************************************/
+/***/ "./src/components/Sidebar/SidebarAction.tsx"
+/*!**************************************************!*\
+  !*** ./src/components/Sidebar/SidebarAction.tsx ***!
+  \**************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -8978,10 +8471,10 @@ exports["default"] = SidebarAction;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarActions.tsx"
-/*!*****************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarActions.tsx ***!
-  \*****************************************************/
+/***/ "./src/components/Sidebar/SidebarActions.tsx"
+/*!***************************************************!*\
+  !*** ./src/components/Sidebar/SidebarActions.tsx ***!
+  \***************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -8996,10 +8489,10 @@ exports["default"] = SidebarActions;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarBanner.tsx"
-/*!****************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarBanner.tsx ***!
-  \****************************************************/
+/***/ "./src/components/Sidebar/SidebarBanner.tsx"
+/*!**************************************************!*\
+  !*** ./src/components/Sidebar/SidebarBanner.tsx ***!
+  \**************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9007,16 +8500,16 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarBanner = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
-const SidebarBanner = ({ title, linkText, linkProps, variant = 'default', addon, onClose, children, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: `rcx-box rcx-box--full rcx-sidebar-v2-banner rcx-sidebar-v2-banner--${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", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-banner__link', ...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' })] })] }));
+const SidebarBanner = ({ title, linkText, linkProps, variant = 'default', addon, onClose, children, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: `rcx-box rcx-box--full rcx-sidebar-banner rcx-sidebar-banner--${variant}`, ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-banner__content', children: [title && ((0, jsx_runtime_1.jsx)("h5", { className: 'rcx-box rcx-box--full rcx-sidebar-banner__title', children: title })), linkText && ((0, jsx_runtime_1.jsx)("a", { className: 'rcx-box rcx-box--full rcx-sidebar-banner__link', ...linkProps, children: linkText })), children] }), (0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-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 ***!
-  \*********************************************************/
+/***/ "./src/components/Sidebar/SidebarButtonGroup.tsx"
+/*!*******************************************************!*\
+  !*** ./src/components/Sidebar/SidebarButtonGroup.tsx ***!
+  \*******************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9030,27 +8523,28 @@ exports.SidebarButtonGroup = SidebarButtonGroup;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarCollapseGroup.tsx"
-/*!***********************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarCollapseGroup.tsx ***!
-  \***********************************************************/
+/***/ "./src/components/Sidebar/SidebarCollapseGroup.tsx"
+/*!*********************************************************!*\
+  !*** ./src/components/Sidebar/SidebarCollapseGroup.tsx ***!
+  \*********************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarCollapseGroup = SidebarCollapseGroup;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarGroupTitle_1 = __webpack_require__(/*! ./SidebarGroupTitle */ "./src/components/SidebarV2/SidebarGroupTitle.tsx");
-const useCollapse_1 = __webpack_require__(/*! ./hooks/useCollapse */ "./src/components/SidebarV2/hooks/useCollapse.tsx");
-function SidebarCollapseGroup({ ref, expanded: propExpanded, defaultExpanded, tabIndex, children, badge, menu, title, ...props }) {
+const SidebarGroupTitle_1 = __webpack_require__(/*! ./SidebarGroupTitle */ "./src/components/Sidebar/SidebarGroupTitle.tsx");
+const useCollapse_1 = __webpack_require__(/*! ./hooks/useCollapse */ "./src/components/Sidebar/hooks/useCollapse.tsx");
+function SidebarCollapseGroup({ ref, expanded: propExpanded, defaultExpanded, tabIndex, children, badge, menu, title, empty, role = 'group', ...props }) {
     const { barProps, expanded, panelExpanded, panelId, titleId } = (0, useCollapse_1.useCollapse)({
         expanded: propExpanded,
         defaultExpanded,
         tabIndex,
     });
-    return ((0, jsx_runtime_1.jsxs)("section", { 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, menu: menu, 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',
+    const labelledBy = props['aria-label'] ? undefined : titleId;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-collapse-group', role: role, "aria-labelledby": labelledBy, ...props, children: [(0, jsx_runtime_1.jsx)(SidebarGroupTitle_1.SidebarGroupTitle, { expanded: expanded, empty: empty, title: title, titleId: titleId, badge: badge, menu: menu, barProps: barProps, role: 'button' }), (0, jsx_runtime_1.jsx)("div", { role: 'list', ref: ref, className: [
+                    'rcx-box rcx-box--full rcx-sidebar-collapse-group__panel rcx-box--animated',
+                    panelExpanded && 'rcx-sidebar-collapse-group__panel--expanded',
                 ]
                     .filter(Boolean)
                     .join(' '), id: panelId, children: children })] }));
@@ -9059,10 +8553,10 @@ function SidebarCollapseGroup({ ref, expanded: propExpanded, defaultExpanded, ta
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarCollapseGroupMenu.tsx"
-/*!***************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarCollapseGroupMenu.tsx ***!
-  \***************************************************************/
+/***/ "./src/components/Sidebar/SidebarCollapseGroupMenu.tsx"
+/*!*************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarCollapseGroupMenu.tsx ***!
+  \*************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9071,18 +8565,18 @@ exports.SidebarCollapseGroupMenu = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const appendClassName_1 = __webpack_require__(/*! ../../helpers/appendClassName */ "./src/helpers/appendClassName.ts");
 const patchChildren_1 = __webpack_require__(/*! ../../helpers/patchChildren */ "./src/helpers/patchChildren.ts");
-const SidebarCollapseGroupMenu = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-collapse-group__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-collapse-group__menu', children: children }), (childProps) => ({
-        className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-sidebar-v2-collapse-group__menu'),
+const SidebarCollapseGroupMenu = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-collapse-group__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-collapse-group__menu', children: children }), (childProps) => ({
+        className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-sidebar-collapse-group__menu'),
     })) }));
 exports.SidebarCollapseGroupMenu = SidebarCollapseGroupMenu;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarDivider.tsx"
-/*!*****************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarDivider.tsx ***!
-  \*****************************************************/
+/***/ "./src/components/Sidebar/SidebarDivider.tsx"
+/*!***************************************************!*\
+  !*** ./src/components/Sidebar/SidebarDivider.tsx ***!
+  \***************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9090,32 +8584,32 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarDivider = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Divider_1 = __webpack_require__(/*! ../Divider */ "./src/components/Divider/index.ts");
-const SidebarDivider = () => ((0, jsx_runtime_1.jsx)(Divider_1.Divider, { "rcx-sidebar-v2--divider": true, marginBlockStart: -2, marginBlockEnd: 0 }));
+const SidebarDivider = () => ((0, jsx_runtime_1.jsx)(Divider_1.Divider, { "rcx-sidebar--divider": true, marginBlockStart: -2, marginBlockEnd: 0 }));
 exports.SidebarDivider = SidebarDivider;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarFooter/SidebarFooter.tsx"
-/*!******************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarFooter/SidebarFooter.tsx ***!
-  \******************************************************************/
+/***/ "./src/components/Sidebar/SidebarFooter/SidebarFooter.tsx"
+/*!****************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarFooter/SidebarFooter.tsx ***!
+  \****************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarFooter = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarFooter = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("footer", { className: 'rcx-sidebar-v2-footer', ...props, children: children }));
+const SidebarFooter = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("footer", { className: 'rcx-sidebar-footer', ...props, children: children }));
 exports.SidebarFooter = SidebarFooter;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarFooter/SidebarFooterContent.tsx"
-/*!*************************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarFooter/SidebarFooterContent.tsx ***!
-  \*************************************************************************/
+/***/ "./src/components/Sidebar/SidebarFooter/SidebarFooterContent.tsx"
+/*!***********************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarFooter/SidebarFooterContent.tsx ***!
+  \***********************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9123,33 +8617,33 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarFooterContent = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Box_1 = __webpack_require__(/*! ../../Box */ "./src/components/Box/index.ts");
-const SidebarFooterContent = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { className: 'rcx-sidebar-v2-footer__content', ...props, children: children }));
+const SidebarFooterContent = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { className: 'rcx-sidebar-footer__content', ...props, children: children }));
 exports.SidebarFooterContent = SidebarFooterContent;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarFooter/index.ts"
-/*!*********************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarFooter/index.ts ***!
-  \*********************************************************/
+/***/ "./src/components/Sidebar/SidebarFooter/index.ts"
+/*!*******************************************************!*\
+  !*** ./src/components/Sidebar/SidebarFooter/index.ts ***!
+  \*******************************************************/
 (__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; } }));
+exports.SidebarFooterContent = exports.SidebarFooter = void 0;
+var SidebarFooter_1 = __webpack_require__(/*! ./SidebarFooter */ "./src/components/Sidebar/SidebarFooter/SidebarFooter.tsx");
+Object.defineProperty(exports, "SidebarFooter", ({ enumerable: true, get: function () { return SidebarFooter_1.SidebarFooter; } }));
+var SidebarFooterContent_1 = __webpack_require__(/*! ./SidebarFooterContent */ "./src/components/Sidebar/SidebarFooter/SidebarFooterContent.tsx");
+Object.defineProperty(exports, "SidebarFooterContent", ({ enumerable: true, get: function () { return SidebarFooterContent_1.SidebarFooterContent; } }));
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarGroupTitle.tsx"
-/*!********************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarGroupTitle.tsx ***!
-  \********************************************************/
+/***/ "./src/components/Sidebar/SidebarGroupTitle.tsx"
+/*!******************************************************!*\
+  !*** ./src/components/Sidebar/SidebarGroupTitle.tsx ***!
+  \******************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9157,31 +8651,35 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarGroupTitle = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Chevron_1 = __webpack_require__(/*! ../Chevron */ "./src/components/Chevron/index.ts");
-const SidebarGroupTitle = ({ title, titleId, badge, menu, barProps, expanded, role, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: [
+const SidebarGroupTitle = ({ title, titleId, badge, menu, barProps, expanded, empty, role, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: [
         'rcx-box rcx-box--full',
-        'rcx-sidebar-v2-collapse-group__bar rcx-box--animated',
+        'rcx-sidebar-collapse-group__bar',
+        !expanded && empty && 'rcx-sidebar-collapse-group__bar--empty',
+        !expanded && badge && 'rcx-sidebar-collapse-group__bar--unread',
+        'rcx-box--animated',
     ]
         .filter(Boolean)
-        .join(' '), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-sidebar-v2-collapse-group__bar-button', role: role, ...barProps, 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] }), menu] }));
+        .join(' '), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-sidebar-collapse-group__bar-button', role: role, ...barProps, 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-collapse-group__title', id: titleId, children: title })), !expanded && badge && badge] }), menu] }));
 exports.SidebarGroupTitle = SidebarGroupTitle;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItem.tsx"
-/*!**************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItem.tsx ***!
-  \**************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItem.tsx"
+/*!************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItem.tsx ***!
+  \************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItem = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarItem = ({ selected, level = 1, className, children, is: Tag = 'a', ...props }) => ((0, jsx_runtime_1.jsx)(Tag, { className: [
-        'rcx-box rcx-box--full rcx-sidebar-v2-item',
-        selected && 'rcx-sidebar-v2-item--selected',
-        level && `rcx-sidebar-v2-item--level-${level}`,
+const SidebarItem = ({ selected, level = 1, indent, className, children, is: Tag = 'a', ...props }) => ((0, jsx_runtime_1.jsx)(Tag, { className: [
+        'rcx-box rcx-box--full rcx-sidebar-item',
+        selected && 'rcx-sidebar-item--selected',
+        level && `rcx-sidebar-item--level-${level}`,
+        indent && 'rcx-sidebar-item--indent',
         className,
     ]
         .filter(Boolean)
@@ -9191,10 +8689,10 @@ exports.SidebarItem = SidebarItem;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemAction.tsx"
-/*!********************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemAction.tsx ***!
-  \********************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemAction.tsx"
+/*!******************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemAction.tsx ***!
+  \******************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9203,7 +8701,7 @@ exports.SidebarItemAction = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Icon_1 = __webpack_require__(/*! ../../Icon */ "./src/components/Icon/index.ts");
 const SidebarItemAction = ({ children, className, icon = 'plus-small', ...props }) => ((0, jsx_runtime_1.jsxs)("div", { role: 'button', tabIndex: 0, className: [
-        'rcx-box rcx-box--full rcx-sidebar-v2-item rcx-sidebar-v2-item__action',
+        'rcx-box rcx-box--full rcx-sidebar-item rcx-sidebar-item__action',
         className,
     ]
         .filter(Boolean)
@@ -9213,17 +8711,17 @@ exports.SidebarItemAction = SidebarItemAction;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemAvatarWrapper.tsx"
-/*!***************************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemAvatarWrapper.tsx ***!
-  \***************************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemAvatarWrapper.tsx"
+/*!*************************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemAvatarWrapper.tsx ***!
+  \*************************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemAvatarWrapper = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarItemAvatarWrapper = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__avatar', className]
+const SidebarItemAvatarWrapper = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-box rcx-box--full rcx-sidebar-item__avatar', className]
         .filter(Boolean)
         .join(' '), ...props }));
 exports.SidebarItemAvatarWrapper = SidebarItemAvatarWrapper;
@@ -9231,10 +8729,10 @@ exports.SidebarItemAvatarWrapper = SidebarItemAvatarWrapper;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemBadge.tsx"
-/*!*******************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemBadge.tsx ***!
-  \*******************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemBadge.tsx"
+/*!*****************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemBadge.tsx ***!
+  \*****************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9242,7 +8740,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemBadge = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Badge_1 = __webpack_require__(/*! ../../Badge */ "./src/components/Badge/index.ts");
-const SidebarItemBadge = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(Badge_1.Badge, { className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__badge', className]
+const SidebarItemBadge = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(Badge_1.Badge, { className: ['rcx-box rcx-box--full rcx-sidebar-item__badge', className]
         .filter(Boolean)
         .join(' '), ...props }));
 exports.SidebarItemBadge = SidebarItemBadge;
@@ -9250,17 +8748,17 @@ exports.SidebarItemBadge = SidebarItemBadge;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemCol.tsx"
-/*!*****************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemCol.tsx ***!
-  \*****************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemCol.tsx"
+/*!***************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemCol.tsx ***!
+  \***************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemCol = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarItemCol = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__col', className]
+const SidebarItemCol = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-box rcx-box--full rcx-sidebar-item__col', className]
         .filter(Boolean)
         .join(' '), ...props }));
 exports.SidebarItemCol = SidebarItemCol;
@@ -9268,10 +8766,10 @@ exports.SidebarItemCol = SidebarItemCol;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemContent.tsx"
-/*!*********************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemContent.tsx ***!
-  \*********************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemContent.tsx"
+/*!*******************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemContent.tsx ***!
+  \*******************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9279,8 +8777,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemContent = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const SidebarItemContent = ({ className, unread, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rcx-box rcx-box--full rcx-sidebar-v2-item__subtitle',
-        unread && 'rcx-sidebar-v2-item__subtitle--highlighted',
+        'rcx-box rcx-box--full rcx-sidebar-item__subtitle',
+        unread && 'rcx-sidebar-item__subtitle--highlighted',
         className,
     ]
         .filter(Boolean)
@@ -9290,10 +8788,10 @@ exports.SidebarItemContent = SidebarItemContent;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemIcon.tsx"
-/*!******************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemIcon.tsx ***!
-  \******************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemIcon.tsx"
+/*!****************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemIcon.tsx ***!
+  \****************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9303,8 +8801,8 @@ const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-ru
 const react_1 = __webpack_require__(/*! react */ "react");
 const Icon_1 = __webpack_require__(/*! ../../Icon */ "./src/components/Icon/index.ts");
 const SidebarItemIcon = ({ icon, className, highlighted, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rcx-box rcx-box--full rcx-sidebar-v2-item__icon',
-        highlighted && 'rcx-sidebar-v2-item__icon--highlighted',
+        'rcx-box rcx-box--full rcx-sidebar-item__icon',
+        highlighted && 'rcx-sidebar-item__icon--highlighted',
         className,
     ]
         .filter(Boolean)
@@ -9314,10 +8812,10 @@ exports.SidebarItemIcon = SidebarItemIcon;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx"
-/*!******************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx ***!
-  \******************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemMenu.tsx"
+/*!****************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemMenu.tsx ***!
+  \****************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9326,25 +8824,25 @@ exports.SidebarItemMenu = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const appendClassName_1 = __webpack_require__(/*! ../../../helpers/appendClassName */ "./src/helpers/appendClassName.ts");
 const patchChildren_1 = __webpack_require__(/*! ../../../helpers/patchChildren */ "./src/helpers/patchChildren.ts");
-const SidebarItemMenu = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("div", { 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 }), (childProps) => ({
-        className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-sidebar-v2-item__menu'),
+const SidebarItemMenu = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-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-item__menu', children: children }), (childProps) => ({
+        className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-sidebar-item__menu'),
     })) }));
 exports.SidebarItemMenu = SidebarItemMenu;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemRow.tsx"
-/*!*****************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemRow.tsx ***!
-  \*****************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemRow.tsx"
+/*!***************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemRow.tsx ***!
+  \***************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemRow = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarItemRow = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-box rcx-box--full rcx-sidebar-v2-item__row', className]
+const SidebarItemRow = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-box rcx-box--full rcx-sidebar-item__row', className]
         .filter(Boolean)
         .join(' '), ...props }));
 exports.SidebarItemRow = SidebarItemRow;
@@ -9352,10 +8850,10 @@ exports.SidebarItemRow = SidebarItemRow;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx"
-/*!**************************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx ***!
-  \**************************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemStatusBullet.tsx"
+/*!************************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemStatusBullet.tsx ***!
+  \************************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9363,16 +8861,16 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemStatusBullet = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const StatusBullet_1 = __webpack_require__(/*! ../../StatusBullet */ "./src/components/StatusBullet/index.ts");
-const SidebarItemStatusBullet = (props) => ((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, { ...props }) }));
+const SidebarItemStatusBullet = (props) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-item__status-bullet', children: (0, jsx_runtime_1.jsx)(StatusBullet_1.StatusBullet, { ...props }) }));
 exports.SidebarItemStatusBullet = SidebarItemStatusBullet;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemTimestamp.tsx"
-/*!***********************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemTimestamp.tsx ***!
-  \***********************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemTimestamp.tsx"
+/*!*********************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemTimestamp.tsx ***!
+  \*********************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9380,8 +8878,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemTimestamp = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const SidebarItemTimestamp = ({ className, unread, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rcx-box rcx-box--full rcx-sidebar-v2-item__timestamp',
-        unread && 'rcx-sidebar-v2-item__timestamp--highlighted',
+        'rcx-box rcx-box--full rcx-sidebar-item__timestamp',
+        unread && 'rcx-sidebar-item__timestamp--highlighted',
         className,
     ]
         .filter(Boolean)
@@ -9391,10 +8889,10 @@ exports.SidebarItemTimestamp = SidebarItemTimestamp;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarItemTitle.tsx"
-/*!*******************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarItemTitle.tsx ***!
-  \*******************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarItemTitle.tsx"
+/*!*****************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarItemTitle.tsx ***!
+  \*****************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9402,8 +8900,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItemTitle = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const SidebarItemTitle = ({ className, unread, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: [
-        'rcx-box rcx-box--full rcx-sidebar-v2-item__title',
-        unread && 'rcx-sidebar-v2-item__title--highlighted',
+        'rcx-box rcx-box--full rcx-sidebar-item__title',
+        unread && 'rcx-sidebar-item__title--highlighted',
         className,
     ]
         .filter(Boolean)
@@ -9413,10 +8911,10 @@ exports.SidebarItemTitle = SidebarItemTitle;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/SidebarListItem.tsx"
-/*!******************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/SidebarListItem.tsx ***!
-  \******************************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/SidebarListItem.tsx"
+/*!****************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/SidebarListItem.tsx ***!
+  \****************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9435,49 +8933,49 @@ function SidebarListItem({ className, children, ...props }) {
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarItem/index.ts"
-/*!*******************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarItem/index.ts ***!
-  \*******************************************************/
+/***/ "./src/components/Sidebar/SidebarItem/index.ts"
+/*!*****************************************************!*\
+  !*** ./src/components/Sidebar/SidebarItem/index.ts ***!
+  \*****************************************************/
 (__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 ***!
-  \**************************************************/
+exports.SidebarItemStatusBullet = exports.SidebarItemContent = exports.SidebarListItem = exports.SidebarItemTimestamp = exports.SidebarItemCol = exports.SidebarItemRow = exports.SidebarItemTitle = exports.SidebarItemMenu = exports.SidebarItemIcon = exports.SidebarItemBadge = exports.SidebarItemAvatarWrapper = exports.SidebarItemAction = exports.SidebarItem = void 0;
+var SidebarItem_1 = __webpack_require__(/*! ./SidebarItem */ "./src/components/Sidebar/SidebarItem/SidebarItem.tsx");
+Object.defineProperty(exports, "SidebarItem", ({ enumerable: true, get: function () { return SidebarItem_1.SidebarItem; } }));
+var SidebarItemAction_1 = __webpack_require__(/*! ./SidebarItemAction */ "./src/components/Sidebar/SidebarItem/SidebarItemAction.tsx");
+Object.defineProperty(exports, "SidebarItemAction", ({ enumerable: true, get: function () { return SidebarItemAction_1.SidebarItemAction; } }));
+var SidebarItemAvatarWrapper_1 = __webpack_require__(/*! ./SidebarItemAvatarWrapper */ "./src/components/Sidebar/SidebarItem/SidebarItemAvatarWrapper.tsx");
+Object.defineProperty(exports, "SidebarItemAvatarWrapper", ({ enumerable: true, get: function () { return SidebarItemAvatarWrapper_1.SidebarItemAvatarWrapper; } }));
+var SidebarItemBadge_1 = __webpack_require__(/*! ./SidebarItemBadge */ "./src/components/Sidebar/SidebarItem/SidebarItemBadge.tsx");
+Object.defineProperty(exports, "SidebarItemBadge", ({ enumerable: true, get: function () { return SidebarItemBadge_1.SidebarItemBadge; } }));
+var SidebarItemIcon_1 = __webpack_require__(/*! ./SidebarItemIcon */ "./src/components/Sidebar/SidebarItem/SidebarItemIcon.tsx");
+Object.defineProperty(exports, "SidebarItemIcon", ({ enumerable: true, get: function () { return SidebarItemIcon_1.SidebarItemIcon; } }));
+var SidebarItemMenu_1 = __webpack_require__(/*! ./SidebarItemMenu */ "./src/components/Sidebar/SidebarItem/SidebarItemMenu.tsx");
+Object.defineProperty(exports, "SidebarItemMenu", ({ enumerable: true, get: function () { return SidebarItemMenu_1.SidebarItemMenu; } }));
+var SidebarItemTitle_1 = __webpack_require__(/*! ./SidebarItemTitle */ "./src/components/Sidebar/SidebarItem/SidebarItemTitle.tsx");
+Object.defineProperty(exports, "SidebarItemTitle", ({ enumerable: true, get: function () { return SidebarItemTitle_1.SidebarItemTitle; } }));
+var SidebarItemRow_1 = __webpack_require__(/*! ./SidebarItemRow */ "./src/components/Sidebar/SidebarItem/SidebarItemRow.tsx");
+Object.defineProperty(exports, "SidebarItemRow", ({ enumerable: true, get: function () { return SidebarItemRow_1.SidebarItemRow; } }));
+var SidebarItemCol_1 = __webpack_require__(/*! ./SidebarItemCol */ "./src/components/Sidebar/SidebarItem/SidebarItemCol.tsx");
+Object.defineProperty(exports, "SidebarItemCol", ({ enumerable: true, get: function () { return SidebarItemCol_1.SidebarItemCol; } }));
+var SidebarItemTimestamp_1 = __webpack_require__(/*! ./SidebarItemTimestamp */ "./src/components/Sidebar/SidebarItem/SidebarItemTimestamp.tsx");
+Object.defineProperty(exports, "SidebarItemTimestamp", ({ enumerable: true, get: function () { return SidebarItemTimestamp_1.SidebarItemTimestamp; } }));
+var SidebarListItem_1 = __webpack_require__(/*! ./SidebarListItem */ "./src/components/Sidebar/SidebarItem/SidebarListItem.tsx");
+Object.defineProperty(exports, "SidebarListItem", ({ enumerable: true, get: function () { return SidebarListItem_1.SidebarListItem; } }));
+var SidebarItemContent_1 = __webpack_require__(/*! ./SidebarItemContent */ "./src/components/Sidebar/SidebarItem/SidebarItemContent.tsx");
+Object.defineProperty(exports, "SidebarItemContent", ({ enumerable: true, get: function () { return SidebarItemContent_1.SidebarItemContent; } }));
+var SidebarItemStatusBullet_1 = __webpack_require__(/*! ./SidebarItemStatusBullet */ "./src/components/Sidebar/SidebarItem/SidebarItemStatusBullet.tsx");
+Object.defineProperty(exports, "SidebarItemStatusBullet", ({ enumerable: true, get: function () { return SidebarItemStatusBullet_1.SidebarItemStatusBullet; } }));
+
+
+/***/ },
+
+/***/ "./src/components/Sidebar/SidebarLink.tsx"
+/*!************************************************!*\
+  !*** ./src/components/Sidebar/SidebarLink.tsx ***!
+  \************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9488,66 +8986,66 @@ const patchChildren_1 = __webpack_require__(/*! ../../helpers/patchChildren */ "
 const Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
 const SidebarLink = ({ selected, icon, badge, menu, ...props }) => ((0, jsx_runtime_1.jsxs)("a", { role: 'link', tabIndex: 0, className: [
         'rcx-box rcx-box--full',
-        'rcx-sidebar-v2-link',
-        'rcx-sidebar-v2-item',
-        selected && 'rcx-sidebar-v2-item--selected',
+        'rcx-sidebar-link',
+        'rcx-sidebar-item',
+        selected && 'rcx-sidebar-item--selected',
     ]
         .filter(Boolean)
-        .join(' '), onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.code === 'Enter' && 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 }), (childProps) => ({
-                className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-box rcx-box--full rcx-sidebar-v2-item__menu rcx-box--animated'),
+        .join(' '), onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.code === 'Enter' && e.stopPropagation(), ...props, children: [icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: 'x20', className: 'rcx-sidebar-item__icon' }), (0, jsx_runtime_1.jsx)("span", { className: 'rcx-box rcx-box--full rcx-sidebar-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-item__menu-wrapper', children: menu }), (childProps) => ({
+                className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-box rcx-box--full rcx-sidebar-item__menu rcx-box--animated'),
             }))] }));
 exports["default"] = SidebarLink;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarMedia/SidebarMedia.tsx"
-/*!****************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarMedia/SidebarMedia.tsx ***!
-  \****************************************************************/
+/***/ "./src/components/Sidebar/SidebarMedia/SidebarMedia.tsx"
+/*!**************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarMedia/SidebarMedia.tsx ***!
+  \**************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarMedia = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarMedia = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-sidebar-v2-media', className].filter(Boolean).join(' '), ...props }));
+const SidebarMedia = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-sidebar-media', className].filter(Boolean).join(' '), ...props }));
 exports.SidebarMedia = SidebarMedia;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarMedia/SidebarMediaController.tsx"
-/*!**************************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarMedia/SidebarMediaController.tsx ***!
-  \**************************************************************************/
+/***/ "./src/components/Sidebar/SidebarMedia/SidebarMediaController.tsx"
+/*!************************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarMedia/SidebarMediaController.tsx ***!
+  \************************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarMediaController = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarButtonGroup_1 = __webpack_require__(/*! ../SidebarButtonGroup */ "./src/components/SidebarV2/SidebarButtonGroup.tsx");
-const SidebarMediaController = ({ className, label, children, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: ['rcx-sidebar-v2-media__controller', className]
+const SidebarButtonGroup_1 = __webpack_require__(/*! ../SidebarButtonGroup */ "./src/components/Sidebar/SidebarButtonGroup.tsx");
+const SidebarMediaController = ({ className, label, children, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: ['rcx-sidebar-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, { small: true, align: 'end', ...props, children: children })] }));
+        .join(' '), children: [(0, jsx_runtime_1.jsx)("div", { className: 'rcx-sidebar-media__controller__label', children: label }), (0, jsx_runtime_1.jsx)(SidebarButtonGroup_1.SidebarButtonGroup, { small: true, align: 'end', ...props, children: children })] }));
 exports.SidebarMediaController = SidebarMediaController;
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarMedia/SidebarMediaTitle.tsx"
-/*!*********************************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarMedia/SidebarMediaTitle.tsx ***!
-  \*********************************************************************/
+/***/ "./src/components/Sidebar/SidebarMedia/SidebarMediaTitle.tsx"
+/*!*******************************************************************!*\
+  !*** ./src/components/Sidebar/SidebarMedia/SidebarMediaTitle.tsx ***!
+  \*******************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarMediaTitle = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarMediaTitle = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-sidebar-v2-media__title', className]
+const SidebarMediaTitle = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: ['rcx-sidebar-media__title', className]
         .filter(Boolean)
         .join(' '), ...props }));
 exports.SidebarMediaTitle = SidebarMediaTitle;
@@ -9555,46 +9053,46 @@ exports.SidebarMediaTitle = SidebarMediaTitle;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarMedia/index.ts"
-/*!********************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarMedia/index.ts ***!
-  \********************************************************/
+/***/ "./src/components/Sidebar/SidebarMedia/index.ts"
+/*!******************************************************!*\
+  !*** ./src/components/Sidebar/SidebarMedia/index.ts ***!
+  \******************************************************/
 (__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; } }));
+exports.SidebarMediaTitle = exports.SidebarMediaController = exports.SidebarMedia = void 0;
+var SidebarMedia_1 = __webpack_require__(/*! ./SidebarMedia */ "./src/components/Sidebar/SidebarMedia/SidebarMedia.tsx");
+Object.defineProperty(exports, "SidebarMedia", ({ enumerable: true, get: function () { return SidebarMedia_1.SidebarMedia; } }));
+var SidebarMediaController_1 = __webpack_require__(/*! ./SidebarMediaController */ "./src/components/Sidebar/SidebarMedia/SidebarMediaController.tsx");
+Object.defineProperty(exports, "SidebarMediaController", ({ enumerable: true, get: function () { return SidebarMediaController_1.SidebarMediaController; } }));
+var SidebarMediaTitle_1 = __webpack_require__(/*! ./SidebarMediaTitle */ "./src/components/Sidebar/SidebarMedia/SidebarMediaTitle.tsx");
+Object.defineProperty(exports, "SidebarMediaTitle", ({ enumerable: true, get: function () { return SidebarMediaTitle_1.SidebarMediaTitle; } }));
 
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/SidebarSection.tsx"
-/*!*****************************************************!*\
-  !*** ./src/components/SidebarV2/SidebarSection.tsx ***!
-  \*****************************************************/
+/***/ "./src/components/Sidebar/SidebarSection.tsx"
+/*!***************************************************!*\
+  !*** ./src/components/Sidebar/SidebarSection.tsx ***!
+  \***************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarSection = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarDivider_1 = __webpack_require__(/*! ./SidebarDivider */ "./src/components/SidebarV2/SidebarDivider.tsx");
-const SidebarSection = (props) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-v2-section', ...props }), (0, jsx_runtime_1.jsx)(SidebarDivider_1.SidebarDivider, {})] }));
+const SidebarDivider_1 = __webpack_require__(/*! ./SidebarDivider */ "./src/components/Sidebar/SidebarDivider.tsx");
+const SidebarSection = (props) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-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 ***!
-  \********************************************************/
+/***/ "./src/components/Sidebar/hooks/useCollapse.tsx"
+/*!******************************************************!*\
+  !*** ./src/components/Sidebar/hooks/useCollapse.tsx ***!
+  \******************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9648,10 +9146,10 @@ exports.useCollapse = useCollapse;
 
 /***/ },
 
-/***/ "./src/components/SidebarV2/index.ts"
-/*!*******************************************!*\
-  !*** ./src/components/SidebarV2/index.ts ***!
-  \*******************************************/
+/***/ "./src/components/Sidebar/index.ts"
+/*!*****************************************!*\
+  !*** ./src/components/Sidebar/index.ts ***!
+  \*****************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -9673,36 +9171,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.SidebarV2GroupTitle = exports.SidebarV2Divider = exports.SidebarV2Section = exports.SidebarV2ButtonGroup = exports.SidebarV2Banner = exports.SidebarV2CollapseGroupMenu = 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 __importDefault(SidebarAccordion_1).default; } }));
-var SidebarAccordionItem_1 = __webpack_require__(/*! ./SidebarAccordionItem */ "./src/components/SidebarV2/SidebarAccordionItem.tsx");
-Object.defineProperty(exports, "SidebarV2AccordionItem", ({ enumerable: true, get: function () { return __importDefault(SidebarAccordionItem_1).default; } }));
-var SidebarAction_1 = __webpack_require__(/*! ./SidebarAction */ "./src/components/SidebarV2/SidebarAction.tsx");
-Object.defineProperty(exports, "SidebarV2Action", ({ enumerable: true, get: function () { return __importDefault(SidebarAction_1).default; } }));
-var SidebarActions_1 = __webpack_require__(/*! ./SidebarActions */ "./src/components/SidebarV2/SidebarActions.tsx");
-Object.defineProperty(exports, "SidebarV2Actions", ({ enumerable: true, get: function () { return __importDefault(SidebarActions_1).default; } }));
-var SidebarLink_1 = __webpack_require__(/*! ./SidebarLink */ "./src/components/SidebarV2/SidebarLink.tsx");
-Object.defineProperty(exports, "SidebarV2Link", ({ enumerable: true, get: function () { return __importDefault(SidebarLink_1).default; } }));
-__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 SidebarCollapseGroupMenu_1 = __webpack_require__(/*! ./SidebarCollapseGroupMenu */ "./src/components/SidebarV2/SidebarCollapseGroupMenu.tsx");
-Object.defineProperty(exports, "SidebarV2CollapseGroupMenu", ({ enumerable: true, get: function () { return SidebarCollapseGroupMenu_1.SidebarCollapseGroupMenu; } }));
-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; } }));
+exports.SidebarGroupTitle = exports.SidebarDivider = exports.SidebarSection = exports.SidebarButtonGroup = exports.SidebarBanner = exports.SidebarCollapseGroupMenu = exports.SidebarCollapseGroup = exports.SidebarLink = exports.SidebarActions = exports.SidebarAction = exports.SidebarAccordionItem = exports.SidebarAccordion = exports.Sidebar = void 0;
+var Sidebar_1 = __webpack_require__(/*! ./Sidebar */ "./src/components/Sidebar/Sidebar.tsx");
+Object.defineProperty(exports, "Sidebar", ({ enumerable: true, get: function () { return Sidebar_1.Sidebar; } }));
+var SidebarAccordion_1 = __webpack_require__(/*! ./SidebarAccordion */ "./src/components/Sidebar/SidebarAccordion.tsx");
+Object.defineProperty(exports, "SidebarAccordion", ({ enumerable: true, get: function () { return __importDefault(SidebarAccordion_1).default; } }));
+var SidebarAccordionItem_1 = __webpack_require__(/*! ./SidebarAccordionItem */ "./src/components/Sidebar/SidebarAccordionItem.tsx");
+Object.defineProperty(exports, "SidebarAccordionItem", ({ enumerable: true, get: function () { return __importDefault(SidebarAccordionItem_1).default; } }));
+var SidebarAction_1 = __webpack_require__(/*! ./SidebarAction */ "./src/components/Sidebar/SidebarAction.tsx");
+Object.defineProperty(exports, "SidebarAction", ({ enumerable: true, get: function () { return __importDefault(SidebarAction_1).default; } }));
+var SidebarActions_1 = __webpack_require__(/*! ./SidebarActions */ "./src/components/Sidebar/SidebarActions.tsx");
+Object.defineProperty(exports, "SidebarActions", ({ enumerable: true, get: function () { return __importDefault(SidebarActions_1).default; } }));
+var SidebarLink_1 = __webpack_require__(/*! ./SidebarLink */ "./src/components/Sidebar/SidebarLink.tsx");
+Object.defineProperty(exports, "SidebarLink", ({ enumerable: true, get: function () { return __importDefault(SidebarLink_1).default; } }));
+__exportStar(__webpack_require__(/*! ./SidebarItem */ "./src/components/Sidebar/SidebarItem/index.ts"), exports);
+var SidebarCollapseGroup_1 = __webpack_require__(/*! ./SidebarCollapseGroup */ "./src/components/Sidebar/SidebarCollapseGroup.tsx");
+Object.defineProperty(exports, "SidebarCollapseGroup", ({ enumerable: true, get: function () { return SidebarCollapseGroup_1.SidebarCollapseGroup; } }));
+var SidebarCollapseGroupMenu_1 = __webpack_require__(/*! ./SidebarCollapseGroupMenu */ "./src/components/Sidebar/SidebarCollapseGroupMenu.tsx");
+Object.defineProperty(exports, "SidebarCollapseGroupMenu", ({ enumerable: true, get: function () { return SidebarCollapseGroupMenu_1.SidebarCollapseGroupMenu; } }));
+var SidebarBanner_1 = __webpack_require__(/*! ./SidebarBanner */ "./src/components/Sidebar/SidebarBanner.tsx");
+Object.defineProperty(exports, "SidebarBanner", ({ enumerable: true, get: function () { return SidebarBanner_1.SidebarBanner; } }));
+__exportStar(__webpack_require__(/*! ./SidebarFooter */ "./src/components/Sidebar/SidebarFooter/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./SidebarMedia */ "./src/components/Sidebar/SidebarMedia/index.ts"), exports);
+var SidebarButtonGroup_1 = __webpack_require__(/*! ./SidebarButtonGroup */ "./src/components/Sidebar/SidebarButtonGroup.tsx");
+Object.defineProperty(exports, "SidebarButtonGroup", ({ enumerable: true, get: function () { return SidebarButtonGroup_1.SidebarButtonGroup; } }));
+var SidebarSection_1 = __webpack_require__(/*! ./SidebarSection */ "./src/components/Sidebar/SidebarSection.tsx");
+Object.defineProperty(exports, "SidebarSection", ({ enumerable: true, get: function () { return SidebarSection_1.SidebarSection; } }));
+var SidebarDivider_1 = __webpack_require__(/*! ./SidebarDivider */ "./src/components/Sidebar/SidebarDivider.tsx");
+Object.defineProperty(exports, "SidebarDivider", ({ enumerable: true, get: function () { return SidebarDivider_1.SidebarDivider; } }));
+var SidebarGroupTitle_1 = __webpack_require__(/*! ./SidebarGroupTitle */ "./src/components/Sidebar/SidebarGroupTitle.tsx");
+Object.defineProperty(exports, "SidebarGroupTitle", ({ enumerable: true, get: function () { return SidebarGroupTitle_1.SidebarGroupTitle; } }));
 
 
 /***/ },
@@ -11278,7 +10776,6 @@ __exportStar(__webpack_require__(/*! ./Scrollable */ "./src/components/Scrollabl
 __exportStar(__webpack_require__(/*! ./SearchInput */ "./src/components/SearchInput/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Select */ "./src/components/Select/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Sidebar */ "./src/components/Sidebar/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./SidebarV2 */ "./src/components/SidebarV2/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Sidepanel */ "./src/components/Sidepanel/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Skeleton */ "./src/components/Skeleton/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Slider */ "./src/components/Slider/index.ts"), exports);
@@ -11911,7 +11408,7 @@ 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.useArrayLikeClassNameProp = exports.Var = exports.__setThrowErrorOnInvalidToken__ = exports.Palette = void 0;
+exports.Var = exports.__setThrowErrorOnInvalidToken__ = exports.Palette = void 0;
 __webpack_require__(/*! ./index.scss */ "./src/index.scss");
 __exportStar(__webpack_require__(/*! ./components */ "./src/components/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./styleTokens */ "./src/styleTokens.ts"), exports);
@@ -11920,8 +11417,6 @@ var Theme_1 = __webpack_require__(/*! ./Theme */ "./src/Theme.ts");
 Object.defineProperty(exports, "Palette", ({ enumerable: true, get: function () { return Theme_1.Palette; } }));
 Object.defineProperty(exports, "__setThrowErrorOnInvalidToken__", ({ enumerable: true, get: function () { return Theme_1.__setThrowErrorOnInvalidToken__; } }));
 Object.defineProperty(exports, "Var", ({ enumerable: true, get: function () { return Theme_1.Var; } }));
-var useArrayLikeClassNameProp_1 = __webpack_require__(/*! ./hooks/useArrayLikeClassNameProp */ "./src/hooks/useArrayLikeClassNameProp.ts");
-Object.defineProperty(exports, "useArrayLikeClassNameProp", ({ enumerable: true, get: function () { return useArrayLikeClassNameProp_1.useArrayLikeClassNameProp; } }));
 
 
 /***/ },