@redocly/theme 0.1.8 → 0.1.9

package/Sidebar/Drilldown.js

@@ -29,17 +29,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drilldown = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
-var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
-var DrilldownMenuItem_1 = __importDefault(require("../Sidebar/DrilldownMenuItem"));
-var DrilldownMenu_1 = __importDefault(require("../Sidebar/DrilldownMenu"));
+var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
+var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
+var DrilldownMenuItem_1 = require("../Sidebar/DrilldownMenuItem");
+var DrilldownMenu_1 = require("../Sidebar/DrilldownMenu");
 function Drilldown(_a) {
     var isExpanded = _a.isExpanded, item = _a.item, expand = _a.expand, props = __rest(_a, ["isExpanded", "item", "expand"]);
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Drilldown" }, { children: [(0, jsx_runtime_1.jsx)(DrilldownLabel, __assign({ onClick: expand }, { children: (0, jsx_runtime_1.jsx)(DrilldownMenuItem_1.default, { item: item }) })), isExpanded ? (0, jsx_runtime_1.jsx)(DrilldownMenu_1.default, __assign({ item: item }, props)) : null, item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Drilldown" }, { children: [(0, jsx_runtime_1.jsx)(DrilldownLabel, __assign({ onClick: expand }, { children: (0, jsx_runtime_1.jsx)(DrilldownMenuItem_1.DrilldownMenuItem, { item: item }) })), isExpanded ? (0, jsx_runtime_1.jsx)(DrilldownMenu_1.DrilldownMenu, __assign({ item: item }, props)) : null, item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
 }
-exports.default = Drilldown;
+exports.Drilldown = Drilldown;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var DrilldownLabel = (0, styled_components_1.default)(MenuItemLabel_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-top: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-bottom: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  font-weight: var(--font-weight-bold);\n\n  &:hover {\n    color: initial;\n    background-color: initial;\n  }\n"], ["\n  padding-top: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-bottom: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  font-weight: var(--font-weight-bold);\n\n  &:hover {\n    color: initial;\n    background-color: initial;\n  }\n"])));
+var DrilldownLabel = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-top: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-bottom: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  font-weight: var(--font-weight-bold);\n\n  &:hover {\n    color: initial;\n    background-color: initial;\n  }\n"], ["\n  padding-top: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-bottom: calc(var(--sidebar-spacing-padding-vertical) * 2);\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  font-weight: var(--font-weight-bold);\n\n  &:hover {\n    color: initial;\n    background-color: initial;\n  }\n"])));
 var templateObject_1, templateObject_2;

package/Sidebar/DrilldownMenu.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import DrilldownMenuProps from '../Sidebar/types/DrilldownMenuProps';
-export default function DrilldownMenu({ item, back, prevActiveItem, children, }: React.PropsWithChildren<DrilldownMenuProps>): JSX.Element;
+import { DrilldownMenuProps } from '../Sidebar/types/DrilldownMenuProps';
+export declare function DrilldownMenu({ item, back, prevActiveItem, children, }: React.PropsWithChildren<DrilldownMenuProps>): JSX.Element;

package/Sidebar/DrilldownMenu.js

@@ -37,19 +37,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrilldownMenu = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importStar(require("styled-components"));
-var BackButton_1 = __importDefault(require("../Sidebar/BackButton"));
-var DrilldownMenuItem_1 = __importDefault(require("../Sidebar/DrilldownMenuItem"));
+var BackButton_1 = require("../Sidebar/BackButton");
+var DrilldownMenuItem_1 = require("../Sidebar/DrilldownMenuItem");
 function DrilldownMenu(_a) {
     var item = _a.item, back = _a.back, prevActiveItem = _a.prevActiveItem, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(MenuContainer, __assign({ "data-component-name": "Sidebar/DrilldownMenu" }, { children: (0, jsx_runtime_1.jsxs)(MenuContent, { children: [(0, jsx_runtime_1.jsxs)(MenuWrapper, { children: [(0, jsx_runtime_1.jsx)(BackButton_1.default, __assign({ back: back }, { children: (prevActiveItem === null || prevActiveItem === void 0 ? void 0 : prevActiveItem.label) || 'Back' })), (0, jsx_runtime_1.jsx)(DrilldownMenuItem_1.default, { item: item })] }), children] }) })));
+    return ((0, jsx_runtime_1.jsx)(MenuContainer, __assign({ "data-component-name": "Sidebar/DrilldownMenu" }, { children: (0, jsx_runtime_1.jsxs)(MenuContent, { children: [(0, jsx_runtime_1.jsxs)(MenuWrapper, { children: [(0, jsx_runtime_1.jsx)(BackButton_1.BackButton, __assign({ back: back }, { children: (prevActiveItem === null || prevActiveItem === void 0 ? void 0 : prevActiveItem.label) || 'Back' })), (0, jsx_runtime_1.jsx)(DrilldownMenuItem_1.DrilldownMenuItem, { item: item })] }), children] }) })));
 }
-exports.default = DrilldownMenu;
+exports.DrilldownMenu = DrilldownMenu;
 var MenuContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  z-index: 100;\n  background-color: var(--sidebar-background-color);\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  z-index: 100;\n  background-color: var(--sidebar-background-color);\n"])));
 var slideInAnimation = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    transform: translateX(100%)\n  }\n  100% {\n    transform: translateX(0%)\n  }\n"], ["\n  0% {\n    transform: translateX(100%)\n  }\n  100% {\n    transform: translateX(0%)\n  }\n"])));
 var MenuContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation-name: ", ";\n  animation-fill-mode: forwards;\n  animation-duration: 0.3s;\n  animation-timing-function: ease;\n  background-color: transparent;\n"], ["\n  animation-name: ", ";\n  animation-fill-mode: forwards;\n  animation-duration: 0.3s;\n  animation-timing-function: ease;\n  background-color: transparent;\n"])), slideInAnimation);

package/Sidebar/DrilldownMenuItem.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import MenuItemProps from '../Sidebar/types/MenuItemProps';
-export default function DrilldownMenuItem({ item }: MenuItemProps): JSX.Element;
+import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
+export declare function DrilldownMenuItem({ item }: MenuItemProps): JSX.Element;

package/Sidebar/DrilldownMenuItem.js

@@ -18,13 +18,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrilldownMenuItem = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 function DrilldownMenuItem(_a) {
     var item = _a.item;
     return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Sidebar/DrilldownMenuItem" }, { children: [item.icon ? (0, jsx_runtime_1.jsx)(Icon, { src: item.icon }) : null, (0, jsx_runtime_1.jsxs)("div", { children: [item.label, item.sublabel ? (0, jsx_runtime_1.jsx)(Sublabel, { children: item.sublabel }) : null] })] })));
 }
-exports.default = DrilldownMenuItem;
+exports.DrilldownMenuItem = DrilldownMenuItem;
 var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-text-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"], ["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-text-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"])));
 var Icon = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: calc(var(--sidebar-spacing-unit) * 4);\n  height: calc(var(--sidebar-spacing-unit) * 4);\n  margin-right: var(--sidebar-spacing-unit);\n  border-radius: 50%;\n  flex-shrink: 0;\n  overflow: hidden;\n"], ["\n  width: calc(var(--sidebar-spacing-unit) * 4);\n  height: calc(var(--sidebar-spacing-unit) * 4);\n  margin-right: var(--sidebar-spacing-unit);\n  border-radius: 50%;\n  flex-shrink: 0;\n  overflow: hidden;\n"])));
 var Sublabel = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-top: 2px;\n  font-size: 0.85rem;\n  color: var(--color-secondary-contrast);\n  font-weight: var(--font-weight-regular);\n"], ["\n  margin-top: 2px;\n  font-size: 0.85rem;\n  color: var(--color-secondary-contrast);\n  font-weight: var(--font-weight-regular);\n"])));

package/Sidebar/ExternalIcon.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-declare const _default: import("styled-components").StyledComponent<({ className }: {
+export declare const ExternalIcon: import("styled-components").StyledComponent<({ className }: {
     className?: string | undefined;
 }) => JSX.Element, any, {}, never>;
-export default _default;

package/Sidebar/ExternalIcon.js

@@ -18,11 +18,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExternalIcon = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Icon = function (_a) {
     var className = _a.className;
     return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Sidebar/ExternalIcon" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", enableBackground: "new 0 0 100 100", className: className }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M-408.167-318.5" }), (0, jsx_runtime_1.jsx)("line", { fill: "none", stroke: "#ffffff", strokeWidth: "0.25", strokeMiterlimit: "10", x1: "57.5", y1: "11.75", x2: "57.5", y2: "17.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M98.57,4.784c-0.024-0.113-0.047-0.223-0.074-0.334c-0.035-0.117-0.075-0.231-0.117-0.346 c-0.023-0.062-0.037-0.125-0.064-0.187c-0.016-0.032-0.03-0.06-0.049-0.092c-0.048-0.119-0.107-0.227-0.17-0.336 c-0.05-0.089-0.095-0.179-0.152-0.265c-0.062-0.1-0.139-0.195-0.209-0.292C97.67,2.85,97.611,2.77,97.545,2.69 c-0.081-0.092-0.172-0.178-0.258-0.262c-0.07-0.068-0.139-0.139-0.212-0.202c-0.093-0.083-0.196-0.158-0.3-0.232 c-0.08-0.058-0.152-0.114-0.236-0.163c-0.104-0.069-0.219-0.128-0.329-0.186c-0.091-0.046-0.175-0.093-0.262-0.132 c-0.044-0.019-0.081-0.043-0.121-0.061c-0.074-0.03-0.154-0.046-0.234-0.072c-0.095-0.033-0.19-0.065-0.288-0.092 c-0.123-0.034-0.246-0.059-0.369-0.083c-0.096-0.019-0.188-0.036-0.289-0.046c-0.131-0.018-0.263-0.022-0.393-0.028 c-0.064-0.002-0.12-0.012-0.186-0.012L63.77,1.305c-2.535,0.017-4.566,2.078-4.554,4.605c0.019,2.525,2.084,4.563,4.604,4.546 l19.258-0.121l-29.79,30.162c-1.112,1.126-1.526,2.678-1.233,4.118c0.174,0.863,0.596,1.691,1.272,2.357 c0.897,0.888,2.073,1.325,3.245,1.32c1.17-0.007,2.337-0.459,3.227-1.361l0.002-0.001l29.787-30.158l0.121,19.255 c0.014,2.523,2.07,4.564,4.602,4.545c1.268-0.005,2.408-0.526,3.233-1.357c0.817-0.834,1.325-1.98,1.317-3.242L98.675,5.665 c0-0.063-0.016-0.124-0.016-0.189c-0.009-0.123-0.015-0.25-0.032-0.375C98.616,4.992,98.592,4.89,98.57,4.784z" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.542,83.279c0,5.717,4.635,10.354,10.354,10.354l55.616,0.065c5.719,0,10.354-4.636,10.354-10.354l-0.091-40.782h6.135 v40.849c0,9.014-7.307,16.319-16.319,16.319l-56.36-0.066c-8.597,0-15.564-6.969-15.564-15.562L0.585,27.821 c0-9.014,7.306-16.32,16.32-16.32l41.138-0.084v6.142L16.98,17.535c-5.718,0-10.354,4.635-10.354,10.354L6.542,83.279z" })] })) })));
 };
-exports.default = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n  margin-left: 5px;\n  fill: var(--sidebar-chevron-color);\n"], ["\n  width: 10px;\n  height: 10px;\n  margin-left: 5px;\n  fill: var(--sidebar-chevron-color);\n"])));
+exports.ExternalIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n  margin-left: 5px;\n  fill: var(--sidebar-chevron-color);\n"], ["\n  width: 10px;\n  height: 10px;\n  margin-left: 5px;\n  fill: var(--sidebar-chevron-color);\n"])));
 var templateObject_1;

package/Sidebar/Menu.d.ts

@@ -1,4 +1,3 @@
-declare const _default: import("styled-components").StyledComponent<"ul", any, {
+export declare const Menu: import("styled-components").StyledComponent<"ul", any, {
     'data-component-name': string;
 }, "data-component-name">;
-export default _default;

package/Sidebar/Menu.js

@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.default = styled_components_1.default.ul.attrs(function () { return ({
+exports.Menu = styled_components_1.default.ul.attrs(function () { return ({
     'data-component-name': 'Sidebar/Menu',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-text-color);\n  position: relative;\n"], ["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-text-color);\n  position: relative;\n"])));
 var templateObject_1;

package/Sidebar/MenuContainer.d.ts

@@ -1,2 +1 @@
-declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default _default;
+export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/Sidebar/MenuContainer.js

@@ -7,6 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuContainer = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.default = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow-y: auto;\n  flex-grow: 1;\n  padding-top: var(--sidebar-spacing-offset-top);\n"], ["\n  position: relative;\n  overflow-y: auto;\n  flex-grow: 1;\n  padding-top: var(--sidebar-spacing-offset-top);\n"])));
+exports.MenuContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow-y: auto;\n  flex-grow: 1;\n  padding-top: var(--sidebar-spacing-offset-top);\n"], ["\n  position: relative;\n  overflow-y: auto;\n  flex-grow: 1;\n  padding-top: var(--sidebar-spacing-offset-top);\n"])));
 var templateObject_1;

package/Sidebar/MenuGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import ItemState from '../Sidebar/types/ItemState';
+import { ItemState } from '../Sidebar/types/ItemState';
 interface MenuGroupProps {
     item: ItemState;
     isExpanded: boolean;

package/Sidebar/MenuGroup.js

@@ -21,17 +21,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuGroup = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var Arrow_1 = require("../ui/Arrow/Arrow");
-var MenuLinkItem_1 = __importDefault(require("../Sidebar/MenuLinkItem"));
-var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
-var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
+var Arrow_1 = require("../ui/Arrow");
+var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
+var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
+var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
 function MenuGroup(_a) {
     var item = _a.item, isExpanded = _a.isExpanded, toggleExpanded = _a.toggleExpanded, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuGroup" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.default, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuGroupLabel, __assign({ onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active }, { children: [(0, jsx_runtime_1.jsx)(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }), item.label] })) })), (0, jsx_runtime_1.jsx)(MenuWrapper, { children: isExpanded ? children : null }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuGroup" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuGroupLabel, __assign({ onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active }, { children: [(0, jsx_runtime_1.jsx)(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }), item.label] })) })), (0, jsx_runtime_1.jsx)(MenuWrapper, { children: isExpanded ? children : null }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
 }
 exports.MenuGroup = MenuGroup;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var MenuWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-left: var(--sidebar-spacing-offset-nesting);\n"], ["\n  padding-left: var(--sidebar-spacing-offset-nesting);\n"])));
-var MenuGroupLabel = (0, styled_components_1.default)(MenuItemLabel_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  cursor: ", ";\n"], ["\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  cursor: ", ";\n"])), function (props) { return (props.isAlwaysExpanded ? 'default' : 'pointer'); });
+var MenuGroupLabel = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  cursor: ", ";\n"], ["\n  padding-left: var(--sidebar-spacing-padding-horizontal);\n  cursor: ", ";\n"])), function (props) { return (props.isAlwaysExpanded ? 'default' : 'pointer'); });
 var MenuGroupArrow = (0, styled_components_1.default)(Arrow_1.Arrow)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-right: calc(var(--sidebar-spacing-unit) / 2);\n"], ["\n  margin-right: calc(var(--sidebar-spacing-unit) / 2);\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Sidebar/MenuItem.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import MenuItemProps from '../Sidebar/types/MenuItemProps';
-export default function MenuItem({ item }: MenuItemProps): JSX.Element;
+import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
+export declare function MenuItem({ item }: MenuItemProps): JSX.Element;

package/Sidebar/MenuItem.js

@@ -18,16 +18,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var MenuLinkItem_1 = __importDefault(require("../Sidebar/MenuLinkItem"));
-var ExternalIcon_1 = __importDefault(require("../Sidebar/ExternalIcon"));
-var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
-var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
+var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
+var ExternalIcon_1 = require("../Sidebar/ExternalIcon");
+var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
+var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
 function MenuItem(_a) {
     var item = _a.item;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.default, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.default, __assign({ active: item.active }, { children: [item.label, item.external ? (0, jsx_runtime_1.jsx)(ExternalIcon_1.default, {}) : null] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.MenuItemLabel, __assign({ active: item.active }, { children: [item.label, item.external ? (0, jsx_runtime_1.jsx)(ExternalIcon_1.ExternalIcon, {}) : null] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
 }
-exports.default = MenuItem;
+exports.MenuItem = MenuItem;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var templateObject_1;

package/Sidebar/MenuItemLabel.d.ts

@@ -1,6 +1,5 @@
-declare const _default: import("styled-components").StyledComponent<"li", any, {
+export declare const MenuItemLabel: import("styled-components").StyledComponent<"li", any, {
     'data-component-name': string;
 } & {
     active?: boolean | undefined;
 }, "data-component-name">;
-export default _default;

package/Sidebar/MenuItemLabel.js

@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemLabel = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.default = styled_components_1.default.li.attrs(function () { return ({
+exports.MenuItemLabel = styled_components_1.default.li.attrs(function () { return ({
     'data-component-name': 'Sidebar/MenuItemLabel',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  font-family: var(--sidebar-font-family);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-spacing-offset-left);\n  padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-top-left-radius: var(--sidebar-border-radius);\n  border-bottom-left-radius: var(--sidebar-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  font-family: var(--sidebar-font-family);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-spacing-offset-left);\n  padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-top-left-radius: var(--sidebar-border-radius);\n  border-bottom-left-radius: var(--sidebar-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"])), function (props) {
     return props.active

package/Sidebar/MenuLink.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { UniversalLinkProps } from '../ui/UniversalLink';
-declare const _default: import("styled-components").StyledComponent<(props: import("react").PropsWithChildren<object>) => JSX.Element, any, {
+export declare const MenuLink: import("styled-components").StyledComponent<(props: import("react").PropsWithChildren<object>) => JSX.Element, any, {
     'data-component-name': string;
 } & UniversalLinkProps, "data-component-name">;
-export default _default;

package/Sidebar/MenuLink.js

@@ -7,9 +7,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuLink = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var UniversalLink_1 = require("../ui/UniversalLink");
-exports.default = (0, styled_components_1.default)(UniversalLink_1.UniversalLink).attrs(function () { return ({
+exports.MenuLink = (0, styled_components_1.default)(UniversalLink_1.UniversalLink).attrs(function () { return ({
     'data-component-name': 'Sidebar/MenuLink',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: none;\n  color: var(--sidebar-text-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"], ["\n  text-decoration: none;\n  color: var(--sidebar-text-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"])));
 var templateObject_1;

package/Sidebar/MenuLinkItem.d.ts

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

package/Sidebar/MenuLinkItem.js

@@ -18,13 +18,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuLinkItem = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var MenuLink_1 = __importDefault(require("../Sidebar/MenuLink"));
+var MenuLink_1 = require("../Sidebar/MenuLink");
 function MenuLinkItem(_a) {
     var item = _a.item, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuLinkItem" }, { children: item.link ? ((0, jsx_runtime_1.jsx)(MenuLink_1.default, __assign({ to: item.link }, item, { children: children }))) : (children) })));
+    return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuLinkItem" }, { children: item.link ? ((0, jsx_runtime_1.jsx)(MenuLink_1.MenuLink, __assign({ to: item.link }, item, { children: children }))) : (children) })));
 }
-exports.default = MenuLinkItem;
+exports.MenuLinkItem = MenuLinkItem;
 var Wrapper = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var templateObject_1;

package/Sidebar/MobileSidebarButton.d.ts

@@ -1,6 +1,5 @@
-declare const _default: import("styled-components").StyledComponent<"span", any, {
+export declare const MobileSidebarButton: import("styled-components").StyledComponent<"span", any, {
     'data-component-name': string;
 } & {
     opened?: boolean | undefined;
 }, "data-component-name">;
-export default _default;

package/Sidebar/MobileSidebarButton.js

@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileSidebarButton = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.default = styled_components_1.default.span.attrs(function () { return ({
+exports.MobileSidebarButton = styled_components_1.default.span.attrs(function () { return ({
     'data-component-name': 'Sidebar/MobileSidebarButton',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(--color-primary-500);\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n\n  :after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    top: 50%;\n    left: 50%;\n    width: 25px;\n    height: 25px;\n    background-color: var(--color-primary-contrast);\n    -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n    mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n  }\n"], ["\n  background-color: var(--color-primary-500);\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n\n  :after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    top: 50%;\n    left: 50%;\n    width: 25px;\n    height: 25px;\n    background-color: var(--color-primary-contrast);\n    -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n    mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n  }\n"])), function (props) { return (props.opened ? 'rotate(180deg)' : 'rotate(0deg)'); }, function (_a) {
     var theme = _a.theme;

package/Sidebar/Separator.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import MenuItemProps from '../Sidebar/types/MenuItemProps';
-export default function Separator({ item }: MenuItemProps): JSX.Element;
+import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
+export declare function Separator({ item }: MenuItemProps): JSX.Element;

package/Sidebar/Separator.js

@@ -18,14 +18,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
-var SeparatorItem_1 = __importDefault(require("../Sidebar/SeparatorItem"));
+var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
+var SeparatorItem_1 = require("../Sidebar/SeparatorItem");
 function Separator(_a) {
     var item = _a.item;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Separator" }, { children: [(0, jsx_runtime_1.jsx)(SeparatorItem_1.default, { children: item.label }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Separator" }, { children: [(0, jsx_runtime_1.jsx)(SeparatorItem_1.SeparatorItem, { children: item.label }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
 }
-exports.default = Separator;
+exports.Separator = Separator;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var templateObject_1;

package/Sidebar/SeparatorItem.d.ts

@@ -1,6 +1,5 @@
-declare const _default: import("styled-components").StyledComponent<"li", any, {
+export declare const SeparatorItem: import("styled-components").StyledComponent<"li", any, {
     'data-component-name': string;
 } & {
     active?: boolean | undefined;
 }, "data-component-name">;
-export default _default;

package/Sidebar/SeparatorItem.js

@@ -7,7 +7,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeparatorItem = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
-exports.default = (0, styled_components_1.default)(MenuItemLabel_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: default;\n  font-weight: var(--font-weight-bold);\n  color: var(--sidebar-separator-label-color);\n\n  :hover {\n    color: inherit;\n    background-color: inherit;\n  }\n"], ["\n  cursor: default;\n  font-weight: var(--font-weight-bold);\n  color: var(--sidebar-separator-label-color);\n\n  :hover {\n    color: inherit;\n    background-color: inherit;\n  }\n"])));
+var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
+exports.SeparatorItem = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: default;\n  font-weight: var(--font-weight-bold);\n  color: var(--sidebar-separator-label-color);\n\n  :hover {\n    color: inherit;\n    background-color: inherit;\n  }\n"], ["\n  cursor: default;\n  font-weight: var(--font-weight-bold);\n  color: var(--sidebar-separator-label-color);\n\n  :hover {\n    color: inherit;\n    background-color: inherit;\n  }\n"])));
 var templateObject_1;

package/Sidebar/SeparatorLine.d.ts

@@ -1,4 +1,3 @@
-declare const _default: import("styled-components").StyledComponent<"div", any, {
+export declare const SeparatorLine: import("styled-components").StyledComponent<"div", any, {
     'data-component-name': string;
 }, "data-component-name">;
-export default _default;

package/Sidebar/SeparatorLine.js

@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeparatorLine = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.default = styled_components_1.default.div.attrs(function () { return ({
+exports.SeparatorLine = styled_components_1.default.div.attrs(function () { return ({
     'data-component-name': 'Sidebar/SeparatorLine',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-padding-vertical) 0;\n"], ["\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-padding-vertical) 0;\n"])));
 var templateObject_1;

package/Sidebar/Sidebar.d.ts

@@ -2,7 +2,7 @@ interface SidebarProps {
     opened?: boolean;
     animate?: boolean;
 }
-declare const _default: import("styled-components").StyledComponent<"aside", any, {
+export declare const Sidebar: import("styled-components").StyledComponent<"aside", any, {
     'data-component-name': string;
 } & SidebarProps, "data-component-name">;
-export default _default;
+export {};

package/Sidebar/Sidebar.js

@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.default = styled_components_1.default.aside.attrs(function () { return ({
+exports.Sidebar = styled_components_1.default.aside.attrs(function () { return ({
     'data-component-name': 'Sidebar/Sidebar',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-text-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"], ["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-text-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"])), function (_a) {
     var opened = _a.opened, animate = _a.animate;

package/Sidebar/SidebarLayout.d.ts

@@ -3,5 +3,5 @@ interface SidebarLayoutProps {
     versions: React.ReactNode;
     menu: React.ReactNode;
 }
-export default function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element;
+export declare function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element;
 export {};

package/Sidebar/SidebarLayout.js

@@ -18,18 +18,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarLayout = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var Sidebar_1 = __importDefault(require("../Sidebar/Sidebar"));
+var Sidebar_1 = require("../Sidebar/Sidebar");
 var useMobileMenu_1 = require("../hooks/useMobileMenu");
-var MobileSidebarButton_1 = __importDefault(require("../Sidebar/MobileSidebarButton"));
-var MenuContainer_1 = __importDefault(require("../Sidebar/MenuContainer"));
+var MobileSidebarButton_1 = require("../Sidebar/MobileSidebarButton");
+var MenuContainer_1 = require("../Sidebar/MenuContainer");
 function SidebarLayout(_a) {
     var versions = _a.versions, menu = _a.menu;
     var _b = (0, useMobileMenu_1.useMobileMenu)(), isOpen = _b[0], setIsOpen = _b[1];
     var toggleMenu = function () { return setIsOpen(!isOpen); };
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/SidebarLayout" }, { children: [(0, jsx_runtime_1.jsx)(MobileSidebarButton_1.default, { opened: isOpen, onClick: toggleMenu }), (0, jsx_runtime_1.jsxs)(Sidebar_1.default, __assign({ animate: true, opened: isOpen }, { children: [versions, (0, jsx_runtime_1.jsx)(MenuContainer_1.default, { children: menu })] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/SidebarLayout" }, { children: [(0, jsx_runtime_1.jsx)(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu }), (0, jsx_runtime_1.jsxs)(Sidebar_1.Sidebar, __assign({ animate: true, opened: isOpen }, { children: [versions, (0, jsx_runtime_1.jsx)(MenuContainer_1.MenuContainer, { children: menu })] }))] })));
 }
-exports.default = SidebarLayout;
+exports.SidebarLayout = SidebarLayout;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var templateObject_1;

package/Sidebar/index.d.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/Sidebar/index.js

@@ -0,0 +1,35 @@
+"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("./ApiCallItem"), exports);
+__exportStar(require("./ArrowBack"), exports);
+__exportStar(require("./BackButton"), exports);
+__exportStar(require("./Drilldown"), exports);
+__exportStar(require("./DrilldownMenu"), exports);
+__exportStar(require("./DrilldownMenuItem"), exports);
+__exportStar(require("./ExternalIcon"), exports);
+__exportStar(require("./Menu"), exports);
+__exportStar(require("./MenuContainer"), exports);
+__exportStar(require("./MenuGroup"), exports);
+__exportStar(require("./MenuItem"), exports);
+__exportStar(require("./MenuItemLabel"), exports);
+__exportStar(require("./MenuLink"), exports);
+__exportStar(require("./MenuLinkItem"), exports);
+__exportStar(require("./MobileSidebarButton"), exports);
+__exportStar(require("./Separator"), exports);
+__exportStar(require("./SeparatorItem"), exports);
+__exportStar(require("./Sidebar"), exports);
+__exportStar(require("./SidebarLayout"), exports);

package/Sidebar/types/DrilldownMenuProps.d.ts

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

package/Sidebar/types/ItemState.d.ts

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

package/Sidebar/types/MenuItemProps.d.ts

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

package/Sidebar/types/NavItem.d.ts

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

package/Sidebar/types/index.d.ts

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