@rocket.chat/fuselage 0.86.0 → 0.88.0

package/dist/fuselage.development.js

@@ -689,11 +689,11 @@ function AutoComplete({ ref, value, filter, setFilter, options = [], renderItem,
         onBlurAction(event);
     });
     (0, react_1.useEffect)(reset, [filter, reset]);
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { "rcx-autocomplete": true, ref: containerRef, onClick: (0, fuselage_hooks_1.useStableCallback)(() => innerRef.current?.focus()), flexGrow: 1, className: (0, react_1.useMemo)(() => [error && 'invalid', disabled && 'disabled'], [error, disabled]), children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { display: 'flex', flexGrow: 1, alignItems: 'center', flexWrap: 'wrap', margin: 'neg-x4', role: 'group', children: (0, jsx_runtime_1.jsxs)(Margins_1.Margins, { all: 'x4', children: [(0, jsx_runtime_1.jsx)(InputBox_1.Input, { ref: mergedRefs, onChange: (0, fuselage_hooks_1.useStableCallback)((e) => setFilter?.(e.currentTarget.value)), onBlur: handleOnBlur, onFocus: show, onKeyDown: handleKeyDown, placeholder: optionsAreVisible === AnimatedVisibility_1.AnimatedVisibility.HIDDEN || !value
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { animated: true, "rcx-autocomplete": true, ref: containerRef, onClick: (0, fuselage_hooks_1.useStableCallback)(() => innerRef.current?.focus()), flexGrow: 1, className: (0, react_1.useMemo)(() => [error && 'invalid', disabled && 'disabled'], [error, disabled]), children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { display: 'flex', flexGrow: 1, alignItems: 'center', flexWrap: 'wrap', margin: 'neg-x4', role: 'group', children: (0, jsx_runtime_1.jsxs)(Margins_1.Margins, { all: 'x4', children: [(0, jsx_runtime_1.jsx)(InputBox_1.Input, { ref: mergedRefs, onChange: (0, fuselage_hooks_1.useStableCallback)((e) => setFilter?.(e.currentTarget.value)), onBlur: handleOnBlur, onFocus: show, onKeyDown: handleKeyDown, placeholder: optionsAreVisible === AnimatedVisibility_1.AnimatedVisibility.HIDDEN || !value
                                 ? placeholder
                                 : undefined, order: 1, "rcx-input-box--undecorated": true, value: filter, disabled: disabled, ...props }), selected.map((itemSelected) => RenderSelected ? ((0, jsx_runtime_1.jsx)(RenderSelected, { selected: itemSelected, onRemove: handleRemove }, itemSelected.value)) : ((0, jsx_runtime_1.jsx)(Chip_1.Chip, { value: itemSelected.value, onClick: handleRemove, children: itemSelected.label }, itemSelected.value)))] }) }), (0, jsx_runtime_1.jsx)(Box_1.Box, { "rcx-autocomplete__addon": true, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: optionsAreVisible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE
                         ? 'cross'
-                        : 'magnifier', size: 'x20', color: 'default' }) }), (0, jsx_runtime_1.jsx)(PositionAnimated_1.PositionAnimated, { visible: optionsAreVisible, anchor: containerRef, children: (0, jsx_runtime_1.jsx)(Options_1.Options, { width: borderBoxSize.inlineSize, onSelect: handleSelect, renderItem: renderItem, renderEmpty: renderEmpty, cursor: cursor, value: value, options: memoizedOptions }) })] }));
+                        : 'magnifier', size: 'x20', color: 'titles-labels' }) }), (0, jsx_runtime_1.jsx)(PositionAnimated_1.PositionAnimated, { visible: optionsAreVisible, anchor: containerRef, children: (0, jsx_runtime_1.jsx)(Options_1.Options, { width: borderBoxSize.inlineSize, onSelect: handleSelect, renderItem: renderItem, renderEmpty: renderEmpty, cursor: cursor, value: value, options: memoizedOptions }) })] }));
 }
 exports["default"] = AutoComplete;
 
@@ -5832,7 +5832,7 @@ function MultiSelect({ ref, value, filter, setFilter, options = [], error, disab
     });
     const listboxId = props.id ? `${props.id}-listbox` : undefined;
     const { id, name, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, ...containerProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { is: 'div', "rcx-select": true, className: [error && 'invalid', disabled && 'disabled'], ref: containerRef, onClick: handleClick, disabled: disabled, ...containerProps, children: [(0, jsx_runtime_1.jsx)(Flex_1.FlexItem, { grow: 1, children: (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(Flex_1.FlexContainer, { children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', display: 'flex', alignItems: 'center', flexWrap: 'wrap', margin: '-x8', children: (0, jsx_runtime_1.jsxs)(Margins_1.Margins, { all: 'x4', children: [(0, jsx_runtime_1.jsx)(Anchor, { ref: anchorRef, disabled: disabled ?? false, onClick: show, onBlur: hide, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, role: 'combobox', "aria-expanded": visible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE, "aria-haspopup": 'listbox', "aria-controls": listboxId, id: id, name: name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, children: internalValue.length === 0 ? placeholder : null }), internalValue.map((value) => {
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { is: 'div', animated: true, "rcx-select": true, className: [error && 'invalid', disabled && 'disabled'], ref: containerRef, onClick: handleClick, disabled: disabled, ...containerProps, children: [(0, jsx_runtime_1.jsx)(Flex_1.FlexItem, { grow: 1, children: (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(Flex_1.FlexContainer, { children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', display: 'flex', alignItems: 'center', flexWrap: 'wrap', margin: '-x8', children: (0, jsx_runtime_1.jsxs)(Margins_1.Margins, { all: 'x4', children: [(0, jsx_runtime_1.jsx)(Anchor, { ref: anchorRef, disabled: disabled ?? false, onClick: show, onBlur: hide, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, role: 'combobox', "aria-expanded": visible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE, "aria-haspopup": 'listbox', "aria-controls": listboxId, id: id, name: name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, children: internalValue.length === 0 ? placeholder : null }), internalValue.map((value) => {
                                             const currentOption = options.find(([val]) => val === value);
                                             return RenderSelected ? ((0, jsx_runtime_1.jsx)(RenderSelected, { value: value, label: getLabel(currentOption), onMouseDown: (e) => {
                                                     (0, prevent_1.prevent)(e);
@@ -6956,7 +6956,7 @@ const PaginatedSelect = ({ value, withTitle, filter, setFilter: _setFilter, erro
             return show();
         }
     });
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { "rcx-select": true, disabled: disabled, ref: containerRef, onClick: handleClick, className: (0, react_1.useMemo)(() => [error && 'invalid', disabled && 'disabled'], [error, disabled]), ...props, children: [(0, jsx_runtime_1.jsxs)(PaginatedSelectWrapper_1.default, { display: 'flex', marginInline: 'neg-x4', "rcx-select__wrapper--hidden": !!visibleText, children: [visibleText && ((0, jsx_runtime_1.jsx)(Box_1.Box, { flexGrow: 1, is: 'span', marginInline: 4, "rcx-select__item": true, fontScale: 'p2m', color: valueLabel ? 'default' : 'hint', children: visibleText })), (0, jsx_runtime_1.jsx)(Anchor, { disabled: disabled, "rcx-input-box--undecorated": true, filter: filter, ref: ref, "aria-haspopup": 'listbox', onClick: show, onBlur: hide }), (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(SelectAddon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: visible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { animated: true, "rcx-select": true, disabled: disabled, ref: containerRef, onClick: handleClick, className: (0, react_1.useMemo)(() => [error && 'invalid', disabled && 'disabled'], [error, disabled]), ...props, children: [(0, jsx_runtime_1.jsxs)(PaginatedSelectWrapper_1.default, { display: 'flex', marginInline: 'neg-x4', "rcx-select__wrapper--hidden": !!visibleText, children: [visibleText && ((0, jsx_runtime_1.jsx)(Box_1.Box, { flexGrow: 1, is: 'span', marginInline: 4, "rcx-select__item": true, fontScale: 'p2m', color: valueLabel ? 'titles-labels' : 'hint', children: visibleText })), (0, jsx_runtime_1.jsx)(Anchor, { disabled: disabled, "rcx-input-box--undecorated": true, filter: filter, ref: ref, "aria-haspopup": 'listbox', onClick: show, onBlur: hide }), (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(SelectAddon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: visible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE
                                     ? 'chevron-up'
                                     : 'chevron-down', size: 'x20' }) }) })] }), (0, jsx_runtime_1.jsx)(PositionAnimated_1.PositionAnimated, { visible: visible, anchor: containerRef, children: (0, jsx_runtime_1.jsx)(_Options, { withTitle: withTitle, width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: options, onSelect: internalChangedByClick, endReached: endReached, onMouseDown: prevent_1.prevent, renderItem: renderItem }) })] }));
 };
@@ -8147,7 +8147,7 @@ function SelectAria({ ref: outerRef, error, placeholder, value, onChange, small,
     const mergedRef = (0, fuselage_hooks_1.useMergedRefs)(outerRef, ref);
     const { triggerProps, valueProps, menuProps } = (0, react_aria_1.useSelect)({ isDisabled, ...props }, state, ref);
     const { focusProps, isFocusVisible } = (0, react_aria_1.useFocusRing)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { position: 'relative', size: 0, children: (0, jsx_runtime_1.jsx)(react_aria_1.HiddenSelect, { state: state, triggerRef: ref, label: props.label, name: props.name, isDisabled: isDisabled }) }), (0, jsx_runtime_1.jsxs)(SelectTrigger_1.SelectTrigger, { ...(0, react_aria_1.mergeProps)(focusProps, triggerProps), ref: mergedRef, small: small, focus: isFocusVisible || state.isOpen, error: error, id: id, children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'span', color: state.selectedItem ? 'default' : 'hint', ...valueProps, ...(small && { fontScale: 'c1' }), children: state.selectedItem ? state.selectedItem.rendered : placeholder }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { color: 'default', name: state.isOpen ? 'chevron-up' : 'chevron-down', size: 'x20' })] }), state.isOpen && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { state: state, triggerRef: ref, placement: 'bottom', offset: 4, containerPadding: 8, children: (0, jsx_runtime_1.jsx)(Options_1.OptionContainer, { style: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { position: 'relative', size: 0, children: (0, jsx_runtime_1.jsx)(react_aria_1.HiddenSelect, { state: state, triggerRef: ref, label: props.label, name: props.name, isDisabled: isDisabled }) }), (0, jsx_runtime_1.jsxs)(SelectTrigger_1.SelectTrigger, { ...(0, react_aria_1.mergeProps)(focusProps, triggerProps), ref: mergedRef, small: small, focus: isFocusVisible || state.isOpen, error: error, id: id, children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'span', color: state.selectedItem ? 'titles-labels' : 'hint', ...valueProps, ...(small && { fontScale: 'c1' }), children: state.selectedItem ? state.selectedItem.rendered : placeholder }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { color: 'titles-labels', name: state.isOpen ? 'chevron-up' : 'chevron-down', size: 'x20' })] }), state.isOpen && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { state: state, triggerRef: ref, placement: 'bottom', offset: 4, containerPadding: 8, children: (0, jsx_runtime_1.jsx)(Options_1.OptionContainer, { style: {
                         width: borderBoxSize?.inlineSize,
                     }, children: (0, jsx_runtime_1.jsx)(Listbox_1.ListBox, { ...menuProps, state: state }) }) }))] }));
 }
@@ -8314,8 +8314,8 @@ function SelectLegacy({ ref, value, filter, error, disabled, options = [], ancho
         innerRef.current?.focus();
         return show();
     });
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { "rcx-select": true, disabled: disabled, ref: containerRef, onClick: handleClick, className: (0, react_1.useMemo)(() => [error && 'invalid', disabled && 'disabled'], [error, disabled]), ...props, children: [(0, jsx_runtime_1.jsxs)(Wrapper, { display: 'flex', marginInline: 'neg-x4', "rcx-select__wrapper--hidden": !!visibleText, children: [visibleText &&
-                        (RenderSelected ? ((0, jsx_runtime_1.jsx)(RenderSelected, { role: 'option', value: getValue(option), label: valueLabel, onClick: internalChangedByClick }, getValue(option))) : ((0, jsx_runtime_1.jsx)(Box_1.Box, { flexGrow: 1, is: 'span', marginInline: 4, "rcx-select__item": true, fontScale: 'p2', color: valueLabel ? 'default' : 'hint', children: visibleText }))), (0, jsx_runtime_1.jsx)(Anchor, { ref: anchorRef, disabled: disabled ?? false, onClick: show, onBlur: hide, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, children: !value ? option || placeholder : null }), (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(SelectAddon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: visible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { animated: true, "rcx-select": true, disabled: disabled, ref: containerRef, onClick: handleClick, className: (0, react_1.useMemo)(() => [error && 'invalid', disabled && 'disabled'], [error, disabled]), ...props, children: [(0, jsx_runtime_1.jsxs)(Wrapper, { display: 'flex', marginInline: 'neg-x4', "rcx-select__wrapper--hidden": !!visibleText, children: [visibleText &&
+                        (RenderSelected ? ((0, jsx_runtime_1.jsx)(RenderSelected, { role: 'option', value: getValue(option), label: valueLabel, onClick: internalChangedByClick }, getValue(option))) : ((0, jsx_runtime_1.jsx)(Box_1.Box, { flexGrow: 1, is: 'span', marginInline: 4, "rcx-select__item": true, fontScale: 'p2', color: valueLabel ? 'titles-labels' : 'hint', children: visibleText }))), (0, jsx_runtime_1.jsx)(Anchor, { ref: anchorRef, disabled: disabled ?? false, onClick: show, onBlur: hide, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, children: !value ? option || placeholder : null }), (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(SelectAddon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: visible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE
                                     ? 'chevron-up'
                                     : addonIcon || 'chevron-down', size: 'x20' }) }) })] }), (0, jsx_runtime_1.jsx)(PositionAnimated_1.PositionAnimated, { visible: visible, anchor: containerRef, children: (0, jsx_runtime_1.jsx)(_Options, { width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: filteredOptions, onSelect: internalChangedByClick, renderItem: renderItem, cursor: cursor, customEmpty: customEmpty }) })] }));
 }
@@ -8338,7 +8338,7 @@ const react_aria_1 = __webpack_require__(/*! react-aria */ "react-aria");
 const Box_1 = __webpack_require__(/*! ../Box */ "./src/components/Box/index.ts");
 function SelectTrigger({ ref, small, error, isDisabled, focus, id, ...props }) {
     const { buttonProps } = (0, react_aria_1.useButton)(props, ref);
-    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { ...buttonProps, id: id, "rcx-select": true, ref: ref, is: 'button', display: 'flex', flexDirection: 'row', fontScale: 'p2', justifyContent: 'space-between', "rcx-input-box--small": small, className: [
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { ...buttonProps, id: id, animated: true, "rcx-select": true, ref: ref, is: 'button', display: 'flex', flexDirection: 'row', fontScale: 'p2', justifyContent: 'space-between', "rcx-input-box--small": small, className: [
             error && 'invalid',
             isDisabled && 'disabled',
             focus && 'focus',
@@ -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,27 @@ 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");
+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, ...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',
+    return ((0, jsx_runtime_1.jsxs)("section", { className: 'rcx-box rcx-box--full rcx-sidebar-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-collapse-group__panel rcx-box--animated',
+                    panelExpanded && 'rcx-sidebar-collapse-group__panel--expanded',
                 ]
                     .filter(Boolean)
                     .join(' '), id: panelId, children: children })] }));
@@ -9059,10 +8552,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 +8564,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 +8583,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 +8616,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__) {
 
 
@@ -9159,19 +8652,19 @@ const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-ru
 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: [
         'rcx-box rcx-box--full',
-        'rcx-sidebar-v2-collapse-group__bar rcx-box--animated',
+        'rcx-sidebar-collapse-group__bar 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__) {
 
 
@@ -9179,9 +8672,9 @@ 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}`,
+        'rcx-box rcx-box--full rcx-sidebar-item',
+        selected && 'rcx-sidebar-item--selected',
+        level && `rcx-sidebar-item--level-${level}`,
         className,
     ]
         .filter(Boolean)
@@ -9191,10 +8684,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 +8696,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 +8706,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 +8724,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 +8735,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 +8743,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 +8761,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 +8772,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 +8783,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 +8796,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 +8807,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 +8819,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 +8845,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 +8856,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 +8873,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 +8884,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 +8895,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 +8906,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 +8928,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 +8981,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 +9048,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 +9141,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 +9166,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 +10771,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);