@redocly/theme 0.1.8 → 0.1.9

package/Sidebar/types/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DrilldownMenuProps"), exports);
+__exportStar(require("./ItemState"), exports);
+__exportStar(require("./MenuItemProps"), exports);
+__exportStar(require("./MenuStyle"), exports);
+__exportStar(require("./NavItem"), exports);

package/TableOfContent/TableOfContent.d.ts

@@ -5,5 +5,5 @@ interface TableOfContentProps {
     contentWrapper: HTMLDivElement | null;
     tocMaxDepth: number;
 }
-export default function TableOfContent(props: TableOfContentProps): JSX.Element | null;
+export declare function TableOfContent(props: TableOfContentProps): JSX.Element | null;
 export {};

package/TableOfContent/TableOfContent.js

@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableOfContent = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
@@ -50,7 +51,7 @@ function TableOfContent(props) {
                         return ((0, jsx_runtime_1.jsx)(MenuItem, { depth: heading.depth || 0, href: href, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": "toc-".concat(heading.value) }, href));
                     })] })) }))) }));
 }
-exports.default = TableOfContent;
+exports.TableOfContent = TableOfContent;
 var TocHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 0.8em;\n  padding: 10px 15px;\n  font-weight: bold;\n  text-transform: uppercase;\n"], ["\n  font-size: 0.8em;\n  padding: 10px 15px;\n  font-weight: bold;\n  text-transform: uppercase;\n"])));
 var MenuItem = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  color: var(--color-text-main);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--font-family-h);\n  :hover,\n  &.active {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: block;\n  color: var(--color-text-main);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--font-family-h);\n  :hover,\n  &.active {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n  :empty {\n    padding: 0;\n  }\n"])), function (_a) {
     var depth = _a.depth;

package/TableOfContent/index.d.ts

@@ -0,0 +1 @@
+export * from './TableOfContent';

package/TableOfContent/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableOfContent"), exports);

package/index.d.ts

@@ -13,3 +13,4 @@ export * from './hooks';
 export * from './utils';
 export * from './globalStyle';
 export * from './OperationBadge';
+export * from './TableOfContent';

package/index.js

@@ -29,3 +29,4 @@ __exportStar(require("./hooks"), exports);
 __exportStar(require("./utils"), exports);
 __exportStar(require("./globalStyle"), exports);
 __exportStar(require("./OperationBadge"), exports);
+__exportStar(require("./TableOfContent"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Shared UI components",
   "author": "team@redocly.com",
   "license": "SEE LICENSE IN LICENSE",

package/src/Footer/Footer.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import FooterColumns from '@theme/Footer/FooterColumns';
-import FooterCopyright from '@theme/Footer/FooterCopyright';
+import { FooterColumns } from '@theme/Footer/FooterColumns';
+import { FooterCopyright } from '@theme/Footer/FooterCopyright';
 import type { FooterConfig } from '@theme/types/portal';
 
-export default function Footer({
+export function Footer({
   columns,
   copyrightText,
 }: React.PropsWithChildren<FooterConfig>): JSX.Element | null {

package/src/Footer/FooterColumn.tsx

@@ -8,7 +8,7 @@ interface FooterColumnProps {
   column: Column;
 }
 
-export default function FooterColumn({ column }: FooterColumnProps): JSX.Element {
+export function FooterColumn({ column }: FooterColumnProps): JSX.Element {
   return (
     <FooterColumnContainer data-component-name="Footer/FooterColumn">
       <FooterColumnTitle>{column.group || column.label}</FooterColumnTitle>

package/src/Footer/FooterColumns.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import FooterColumn from '@theme/Footer/FooterColumn';
+import { FooterColumn } from '@theme/Footer/FooterColumn';
 import type { FooterConfig } from '@theme/types/portal';
 
-export default function FooterColumns({
+export function FooterColumns({
   columns = [],
 }: React.PropsWithChildren<{ columns?: FooterConfig['columns'] }>): JSX.Element | null {
   if (!columns?.length) {

package/src/Footer/FooterCopyright.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import type { FooterConfig } from '@theme/types/portal';
 
-export default function FooterCopyright({
+export function FooterCopyright({
   copyrightText = '',
 }: React.PropsWithChildren<{ copyrightText?: FooterConfig['copyrightText'] }>): JSX.Element | null {
   return copyrightText ? (

package/src/Footer/index.ts

@@ -0,0 +1,4 @@
+export * from './Footer';
+export * from './FooterColumn';
+export * from './FooterColumns';
+export * from './FooterCopyright';

package/src/Layout/PageLayout.tsx

@@ -5,7 +5,7 @@ interface PageLayoutProps {
   sidebar?: React.ReactNode;
 }
 
-export default function PageLayout({
+export function PageLayout({
   sidebar,
   children,
 }: React.PropsWithChildren<PageLayoutProps>): JSX.Element {

package/src/Layout/RootLayout.tsx

@@ -8,7 +8,7 @@ interface LayoutConfig {
 
 const Wrapper = styled.div``;
 
-export default function RootLayout({
+export function RootLayout({
   navbar,
   footer,
   children,

package/src/Layout/index.ts

@@ -0,0 +1,2 @@
+export * from './RootLayout';
+export * from './PageLayout';

package/src/Logo/index.ts

@@ -0,0 +1 @@
+export * from './Logo';

package/src/Markdown/CodeSample/index.ts

@@ -0,0 +1,3 @@
+export * from './CodeSample';
+export * from './styled';
+export * from './types';

package/src/Markdown/Tabs/index.ts

@@ -0,0 +1,2 @@
+export * from './Tab';
+export * from './Tabs';

package/src/Markdown/index.ts

@@ -0,0 +1,9 @@
+export * from './CodeSample';
+export * from './Tabs';
+export * from './Admonition';
+export * from './ContentWrapper';
+export * from './Heading';
+export * from './MarkdownLayout';
+export * from './Mermaid';
+export * from './PageWrapper';
+export * from './StyledMarkdown';

package/src/Navbar/Navbar.stories.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 
-import Navbar from './Navbar';
-import NavbarMenu from './NavbarMenu';
+import { Navbar } from './Navbar';
+import { NavbarMenu } from './NavbarMenu';
 
 import { Logo } from '@theme/Logo/Logo';
 

package/src/Navbar/Navbar.tsx

@@ -8,7 +8,7 @@ interface NavbarProps {
   theme: any;
 }
 
-export default function Navbar({ menu, logo, search }: NavbarProps): JSX.Element {
+export function Navbar({ menu, logo, search }: NavbarProps): JSX.Element {
   return (
     <NavbarContainer data-component-name="Navbar/Navbar">
       {logo}

package/src/Navbar/NavbarItem.tsx

@@ -51,7 +51,7 @@ interface NavbarItemProps {
   navItem: ResolvedNavLinkItem;
 }
 
-export default function NavbarItem({ navItem }: NavbarItemProps): JSX.Element {
+export function NavbarItem({ navItem }: NavbarItemProps): JSX.Element {
   const { pathname } = useLocation();
   const isActive = pathname === withPathPrefix(navItem.link);
 

package/src/Navbar/NavbarMenu.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import NavbarItem from '@theme/Navbar/NavbarItem';
+import { NavbarItem } from '@theme/Navbar/NavbarItem';
 
-export default function NavbarMenu({ menuItems }: { menuItems: any[] }): JSX.Element | null {
+export function NavbarMenu({ menuItems }: { menuItems: any[] }): JSX.Element | null {
   if (!menuItems || !menuItems.length) {
     return null;
   }

package/src/Search/index.ts

@@ -0,0 +1,9 @@
+export * from './Autocomplete';
+export * from './ClearIcon';
+export * from './Input';
+export * from './Parameters';
+export * from './Popover';
+export * from './Search';
+export * from './SearchIcon';
+export * from './SearchItem';
+export * from './utils';

package/src/Sidebar/ApiCallItem.tsx

@@ -2,12 +2,12 @@ import React from 'react';
 import styled from 'styled-components';
 
 import { OperationBadge } from '@theme/OperationBadge';
-import MenuItemProps from '@theme/Sidebar/types/MenuItemProps';
-import MenuLinkItem from '@theme/Sidebar/MenuLinkItem';
-import SeparatorLine from '@theme/Sidebar/SeparatorLine';
-import MenuItemLabel from '@theme/Sidebar/MenuItemLabel';
+import { MenuItemProps } from '@theme/Sidebar/types/MenuItemProps';
+import { MenuLinkItem } from '@theme/Sidebar/MenuLinkItem';
+import { SeparatorLine } from '@theme/Sidebar/SeparatorLine';
+import { MenuItemLabel } from '@theme/Sidebar/MenuItemLabel';
 
-export default function ApiCallItem({ item }: MenuItemProps): JSX.Element {
+export function ApiCallItem({ item }: MenuItemProps): JSX.Element {
   return (
     <Wrapper data-component-name="Sidebar/ApiCallItem">
       <MenuLinkItem item={item}>

package/src/Sidebar/ArrowBack.tsx

@@ -17,6 +17,6 @@ const Arrow = ({ className }: { className?: string }): JSX.Element => (
   </span>
 );
 
-export default styled(Arrow)`
+export const ArrowBack = styled(Arrow)`
   fill: var(--sidebar-chevron-color);
 `;

package/src/Sidebar/BackButton.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import ArrowBack from '@theme/Sidebar/ArrowBack';
+import { ArrowBack } from '@theme/Sidebar/ArrowBack';
 
 interface BackButtonProps {
   back: () => void;
 }
 
-export default function BackButton({
+export function BackButton({
   children,
   back,
 }: React.PropsWithChildren<BackButtonProps>): JSX.Element {

package/src/Sidebar/Drilldown.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import MenuItemLabel from '@theme/Sidebar/MenuItemLabel';
-import SeparatorLine from '@theme/Sidebar/SeparatorLine';
-import DrilldownMenuItem from '@theme/Sidebar/DrilldownMenuItem';
-import DrilldownMenu from '@theme/Sidebar/DrilldownMenu';
-import DrilldownMenuProps from '@theme/Sidebar/types/DrilldownMenuProps';
+import { MenuItemLabel } from '@theme/Sidebar/MenuItemLabel';
+import { SeparatorLine } from '@theme/Sidebar/SeparatorLine';
+import { DrilldownMenuItem } from '@theme/Sidebar/DrilldownMenuItem';
+import { DrilldownMenu } from '@theme/Sidebar/DrilldownMenu';
+import { DrilldownMenuProps } from '@theme/Sidebar/types/DrilldownMenuProps';
 
 interface DrilldownProps extends DrilldownMenuProps {
   isExpanded: boolean;
   expand: () => void;
 }
 
-export default function Drilldown({
+export function Drilldown({
   isExpanded,
   item,
   expand,

package/src/Sidebar/DrilldownMenu.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import styled, { keyframes } from 'styled-components';
 
-import DrilldownMenuProps from '@theme/Sidebar/types/DrilldownMenuProps';
-import BackButton from '@theme/Sidebar/BackButton';
-import DrilldownMenuItem from '@theme/Sidebar/DrilldownMenuItem';
+import { DrilldownMenuProps } from '@theme/Sidebar/types/DrilldownMenuProps';
+import { BackButton } from '@theme/Sidebar/BackButton';
+import { DrilldownMenuItem } from '@theme/Sidebar/DrilldownMenuItem';
 
-export default function DrilldownMenu({
+export function DrilldownMenu({
   item,
   back,
   prevActiveItem,

package/src/Sidebar/DrilldownMenuItem.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import MenuItemProps from '@theme/Sidebar/types/MenuItemProps';
+import { MenuItemProps } from '@theme/Sidebar/types/MenuItemProps';
 
-export default function DrilldownMenuItem({ item }: MenuItemProps): JSX.Element {
+export function DrilldownMenuItem({ item }: MenuItemProps): JSX.Element {
   return (
     <Container data-component-name="Sidebar/DrilldownMenuItem">
       {item.icon ? <Icon src={item.icon} /> : null}

package/src/Sidebar/ExternalIcon.tsx

@@ -29,7 +29,7 @@ const Icon = ({ className }: { className?: string }): JSX.Element => (
   </span>
 );
 
-export default styled(Icon)`
+export const ExternalIcon = styled(Icon)`
   width: 10px;
   height: 10px;
   margin-left: 5px;

package/src/Sidebar/Menu.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export default styled.ul.attrs(() => ({
+export const Menu = styled.ul.attrs(() => ({
   'data-component-name': 'Sidebar/Menu',
 }))`
   padding: 0;

package/src/Sidebar/MenuContainer.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export default styled.div`
+export const MenuContainer = styled.div`
   position: relative;
   overflow-y: auto;
   flex-grow: 1;

package/src/Sidebar/MenuGroup.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { Arrow } from '@theme/ui/Arrow/Arrow';
-import ItemState from '@theme/Sidebar/types/ItemState';
-import MenuLinkItem from '@theme/Sidebar/MenuLinkItem';
-import MenuItemLabel from '@theme/Sidebar/MenuItemLabel';
-import SeparatorLine from '@theme/Sidebar/SeparatorLine';
+import { Arrow } from '@theme/ui/Arrow';
+import { ItemState } from '@theme/Sidebar/types/ItemState';
+import { MenuLinkItem } from '@theme/Sidebar/MenuLinkItem';
+import { MenuItemLabel } from '@theme/Sidebar/MenuItemLabel';
+import { SeparatorLine } from '@theme/Sidebar/SeparatorLine';
 
 interface MenuGroupProps {
   item: ItemState;

package/src/Sidebar/MenuItem.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import MenuItemProps from '@theme/Sidebar/types/MenuItemProps';
-import MenuLinkItem from '@theme/Sidebar/MenuLinkItem';
-import ExternalIcon from '@theme/Sidebar/ExternalIcon';
-import MenuItemLabel from '@theme/Sidebar/MenuItemLabel';
-import SeparatorLine from '@theme/Sidebar/SeparatorLine';
+import { MenuItemProps } from '@theme/Sidebar/types/MenuItemProps';
+import { MenuLinkItem } from '@theme/Sidebar/MenuLinkItem';
+import { ExternalIcon } from '@theme/Sidebar/ExternalIcon';
+import { MenuItemLabel } from '@theme/Sidebar/MenuItemLabel';
+import { SeparatorLine } from '@theme/Sidebar/SeparatorLine';
 
-export default function MenuItem({ item }: MenuItemProps): JSX.Element {
+export function MenuItem({ item }: MenuItemProps): JSX.Element {
   return (
     <Wrapper data-component-name="Sidebar/MenuItem">
       <MenuLinkItem item={item}>

package/src/Sidebar/MenuItemLabel.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export default styled.li.attrs(() => ({
+export const MenuItemLabel = styled.li.attrs(() => ({
   'data-component-name': 'Sidebar/MenuItemLabel',
 }))<{ active?: boolean }>`
   display: flex;

package/src/Sidebar/MenuLink.tsx

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 
 import { UniversalLink, UniversalLinkProps } from '@theme/ui/UniversalLink';
 
-export default styled(UniversalLink).attrs(() => ({
+export const MenuLink = styled(UniversalLink).attrs(() => ({
   'data-component-name': 'Sidebar/MenuLink',
 }))<UniversalLinkProps>`
   text-decoration: none;

package/src/Sidebar/MenuLinkItem.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import MenuLink from '@theme/Sidebar/MenuLink';
-import MenuItemProps from '@theme/Sidebar/types/MenuItemProps';
+import { MenuLink } from '@theme/Sidebar/MenuLink';
+import { MenuItemProps } from '@theme/Sidebar/types/MenuItemProps';
 
-export default function MenuLinkItem({
+export function MenuLinkItem({
   item,
   children,
 }: React.PropsWithChildren<MenuItemProps>): JSX.Element {

package/src/Sidebar/MobileSidebarButton.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export default styled.span.attrs(() => ({
+export const MobileSidebarButton = styled.span.attrs(() => ({
   'data-component-name': 'Sidebar/MobileSidebarButton',
 }))<{ opened?: boolean }>`
   background-color: var(--color-primary-500);

package/src/Sidebar/Separator.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import MenuItemProps from '@theme/Sidebar/types/MenuItemProps';
-import SeparatorLine from '@theme/Sidebar/SeparatorLine';
-import SeparatorItem from '@theme/Sidebar/SeparatorItem';
+import { MenuItemProps } from '@theme/Sidebar/types/MenuItemProps';
+import { SeparatorLine } from '@theme/Sidebar/SeparatorLine';
+import { SeparatorItem } from '@theme/Sidebar/SeparatorItem';
 
-export default function Separator({ item }: MenuItemProps): JSX.Element {
+export function Separator({ item }: MenuItemProps): JSX.Element {
   return (
     <Wrapper data-component-name="Sidebar/Separator">
       <SeparatorItem>{item.label}</SeparatorItem>

package/src/Sidebar/SeparatorItem.tsx

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
 
-import MenuItemLabel from '@theme/Sidebar/MenuItemLabel';
+import { MenuItemLabel } from '@theme/Sidebar/MenuItemLabel';
 
-export default styled(MenuItemLabel)`
+export const SeparatorItem = styled(MenuItemLabel)`
   cursor: default;
   font-weight: var(--font-weight-bold);
   color: var(--sidebar-separator-label-color);

package/src/Sidebar/SeparatorLine.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export default styled.div.attrs(() => ({
+export const SeparatorLine = styled.div.attrs(() => ({
   'data-component-name': 'Sidebar/SeparatorLine',
 }))`
   height: 1px;

package/src/Sidebar/Sidebar.tsx

@@ -5,7 +5,7 @@ interface SidebarProps {
   animate?: boolean;
 }
 
-export default styled.aside.attrs(() => ({
+export const Sidebar = styled.aside.attrs(() => ({
   'data-component-name': 'Sidebar/Sidebar',
 }))<SidebarProps>`
   border-right: 1px solid var(--sidebar-right-line-color);

package/src/Sidebar/SidebarLayout.tsx

@@ -1,17 +1,17 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import Sidebar from '@theme/Sidebar/Sidebar';
+import { Sidebar } from '@theme/Sidebar/Sidebar';
 import { useMobileMenu } from '@theme/hooks/useMobileMenu';
-import MobileSidebarButton from '@theme/Sidebar/MobileSidebarButton';
-import MenuContainer from '@theme/Sidebar/MenuContainer';
+import { MobileSidebarButton } from '@theme/Sidebar/MobileSidebarButton';
+import { MenuContainer } from '@theme/Sidebar/MenuContainer';
 
 interface SidebarLayoutProps {
   versions: React.ReactNode;
   menu: React.ReactNode;
 }
 
-export default function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element {
+export function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element {
   const [isOpen, setIsOpen] = useMobileMenu();
   const toggleMenu = () => setIsOpen(!isOpen);
 

package/src/Sidebar/index.ts

@@ -0,0 +1,19 @@
+export * from './ApiCallItem';
+export * from './ArrowBack';
+export * from './BackButton';
+export * from './Drilldown';
+export * from './DrilldownMenu';
+export * from './DrilldownMenuItem';
+export * from './ExternalIcon';
+export * from './Menu';
+export * from './MenuContainer';
+export * from './MenuGroup';
+export * from './MenuItem';
+export * from './MenuItemLabel';
+export * from './MenuLink';
+export * from './MenuLinkItem';
+export * from './MobileSidebarButton';
+export * from './Separator';
+export * from './SeparatorItem';
+export * from './Sidebar';
+export * from './SidebarLayout';

package/src/Sidebar/types/DrilldownMenuProps.ts

@@ -1,6 +1,6 @@
-import ItemState from '@theme/Sidebar/types/ItemState';
+import { ItemState } from '@theme/Sidebar/types/ItemState';
 
-export default interface DrilldownMenuProps {
+export interface DrilldownMenuProps {
   back: () => void;
   item: ItemState;
   prevActiveItem?: ItemState;

package/src/Sidebar/types/ItemState.ts

@@ -1,11 +1,9 @@
-import NavItem from '@theme/Sidebar/types/NavItem';
+import { NavItem } from '@theme/Sidebar/types/NavItem';
 import { MenuStyle } from '@theme/Sidebar/types/MenuStyle';
 
-interface ItemState extends NavItem {
+export interface ItemState extends NavItem {
   items: ItemState[];
   active: boolean;
   hasActiveSubItem: boolean;
   menuStyle?: MenuStyle;
 }
-
-export default ItemState;

package/src/Sidebar/types/MenuItemProps.ts

@@ -1,6 +1,6 @@
-import ItemState from '@theme/Sidebar/types/ItemState';
+import { ItemState } from '@theme/Sidebar/types/ItemState';
 
-export default interface MenuItemProps {
+export interface MenuItemProps {
   item: ItemState;
   activeItem?: ItemState;
 }

package/src/Sidebar/types/NavItem.ts

@@ -1,6 +1,6 @@
 import { MenuStyle } from '@theme/Sidebar/types/MenuStyle';
 
-export default interface NavItem {
+export interface NavItem {
   label?: string;
   sublabel?: string;
   icon?: string;

package/src/Sidebar/types/index.ts

@@ -0,0 +1,5 @@
+export * from './DrilldownMenuProps';
+export * from './ItemState';
+export * from './MenuItemProps';
+export * from './MenuStyle';
+export * from './NavItem';