@redocly/theme 0.9.0-beta.3 → 0.9.0-beta.5

package/lib/ReferenceDocs/Dropdown.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface DropdownOption {
+    idx?: number;
+    value: string;
+    title?: string;
+    serverUrl?: string;
+    label?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onChange: (option: DropdownOption) => void;
+    handleClear?: () => void;
+    clearable?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    dense?: boolean;
+    fullWidth?: boolean;
+    variant?: 'dark' | 'light';
+}
+export interface ArrowIconProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    style?: React.CSSProperties;
+}
+export declare const Dropdown: import("styled-components").StyledComponent<React.NamedExoticComponent<DropdownProps>, any, {}, never>;
+export declare const normalizeText: (description?: string | Record<string, any>) => string;

package/lib/ReferenceDocs/Dropdown.js

@@ -0,0 +1,150 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.normalizeText = exports.Dropdown = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const ClearButton_1 = require("./ClearButton");
+const ArrowSvg = ({ className, style }) => (react_1.default.createElement("svg", { className: className, style: style, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    react_1.default.createElement("polyline", { points: "6 9 12 15 18 9" })));
+const ArrowIcon = (0, styled_components_1.default)(ArrowSvg) `
+  position: absolute;
+  pointer-events: none;
+  z-index: 1;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  right: 8px;
+  margin: auto;
+  text-align: center;
+  polyline {
+    color: ${(props) => props.variant === 'dark' && 'white'};
+  }
+`;
+const DropdownComponent = ({ options, onChange, handleClear, clearable, placeholder, value = '', className, variant = 'light', }) => {
+    var _a;
+    const handleOnChange = (event) => {
+        const { selectedIndex } = event.target;
+        const index = placeholder || !value ? selectedIndex - 1 : selectedIndex;
+        onChange(options[index]);
+    };
+    const renderOptions = (0, react_1.useMemo)(() => options.map(({ idx, value, title }, index) => {
+        const normalizedValue = (0, exports.normalizeText)(value);
+        return (react_1.default.createElement("option", { key: idx || normalizedValue + index, value: normalizedValue, className: "dropdown-option" }, title || normalizedValue));
+    }), [options]);
+    const normalizedValue = (0, exports.normalizeText)(value);
+    const title = ((_a = options.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.title) || normalizedValue;
+    return (react_1.default.createElement("div", { className: className + ' dropdown-wrapper' },
+        react_1.default.createElement(ArrowIcon, { variant: variant }),
+        clearable && (normalizedValue === null || normalizedValue === void 0 ? void 0 : normalizedValue.length) > 0 && react_1.default.createElement(ClearButton_1.ClearButton, { handleClear: handleClear }),
+        react_1.default.createElement("select", { onChange: handleOnChange, value: normalizedValue, className: "dropdown-select" },
+            placeholder && (react_1.default.createElement("option", { disabled: true, hidden: true, value: placeholder }, placeholder)),
+            !normalizedValue && !placeholder && react_1.default.createElement("option", { disabled: true }),
+            renderOptions),
+        react_1.default.createElement("label", null, title)));
+};
+exports.Dropdown = (0, styled_components_1.default)((0, react_1.memo)(DropdownComponent)) `
+
+box-sizing: border-box;
+  outline: none;
+  display: inline-block;
+  border-radius: var(--border-radius);
+  vertical-align: bottom;
+  position: relative;
+  width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
+  cursor: pointer;
+  text-transform: none;
+
+  label {
+    box-sizing: border-box;
+    min-width: 90px;
+    height: 36px;
+    outline: none;
+    display: inline-block;
+    color: var(--dropdown-text-color);
+    border-radius: var(--border-radius);
+    border: var(--dropdown-border);
+    padding: var(--dropdown-padding);
+    vertical-align: bottom;
+    width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
+    text-transform: none;
+    line-height: inherit;
+    font-size: var(--dropdown-font-size);
+    font-family: inherit;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    &,
+    &:hover,
+    &:focus-within {
+      border: 1px solid var(--border-color);
+      box-shadow: none;
+    }
+
+    ${({ variant }) => (variant === 'dark' ? darkDropdownStyle : '')};
+  }
+
+  .dropdown-select {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    border: none;
+    appearance: none;
+    cursor: pointer;
+
+    color: var(--text-color);
+    line-height: inherit;
+    font-size: 14px;
+    font-family: inherit;
+    padding: var(--dropdown-padding);
+    ${({ variant }) => (variant === 'dark' ? darkDropdownStyle : '')};
+
+`;
+const darkDropdownStyle = `
+  background-color: var(--panel-samples-dropdown-background-color);
+  border: var(--panel-samples-dropdown-border);
+  color: var(--panel-samples-dropdown-color);
+
+  &,
+  &:hover,
+  &:focus-within {
+    border: none;
+    box-shadow: none;
+  }
+`;
+function isString(value) {
+    return typeof value === 'string';
+}
+const normalizeText = (description) => isString(description) ? description : description === null || description === void 0 ? void 0 : description.raw;
+exports.normalizeText = normalizeText;
+//# sourceMappingURL=Dropdown.js.map

package/lib/ReferenceDocs/TryItSecurity.d.ts

@@ -1,2 +1,7 @@
-import type { BeforeSecurityPanelHookProps } from '@redocly/openapi-docs';
-export declare const TryItSecurity: ((props: BeforeSecurityPanelHookProps) => JSX.Element) | undefined;
+/// <reference types="react" />
+export type TryItSecurityProps = {
+    apiId?: string;
+    value?: string;
+    onChange: (newSecretKey: string) => void;
+};
+export declare function TryItSecurity(props: TryItSecurityProps): JSX.Element | null;

package/lib/ReferenceDocs/TryItSecurity.js

@@ -1,5 +1,15 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TryItSecurity = void 0;
-exports.TryItSecurity = undefined;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../mocks/hooks");
+const DevOnboardingTryItSecurity_1 = require("./DevOnboardingTryItSecurity");
+function TryItSecurity(props) {
+    const { hasDeveloperOnboarding } = (0, hooks_1.useGlobalData)() || {};
+    return hasDeveloperOnboarding && props.apiId ? react_1.default.createElement(DevOnboardingTryItSecurity_1.DevOnboardingTryItSecurity, Object.assign({}, props)) : null;
+}
+exports.TryItSecurity = TryItSecurity;
 //# sourceMappingURL=TryItSecurity.js.map

package/lib/ReferenceDocs/index.d.ts

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

package/lib/ReferenceDocs/index.js

@@ -0,0 +1,18 @@
+"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("./TryItSecurity"), exports);
+//# sourceMappingURL=index.js.map

package/lib/Search/Parameters.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { OperationParameter } from '../mocks/types';
 interface ParametersProps {
     parameters: OperationParameter[];

package/lib/Search/Search.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function Search(): JSX.Element;

package/lib/Search/SearchItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ActiveItem, SearchDocument } from '../mocks/types';
 interface SearchItemProps {
     item: ActiveItem<SearchDocument>;

package/lib/Search/ShortcutKey.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ShortcutKeyProps {
     keyShortcuts?: string | string[];
 }

package/lib/Search/utils.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const highlight: (text: string | string[]) => JSX.Element | string;

package/lib/Sidebar/ApiCallItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MenuItemProps } from '../Sidebar/types/MenuItemProps';
 export declare function ApiCallItem({ item }: MenuItemProps): JSX.Element;
 export declare const Badge: import("styled-components").StyledComponent<"span", any, {

package/lib/Sidebar/ArrowBack.d.ts

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

package/lib/Sidebar/DrilldownMenuItem.d.ts

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

package/lib/Sidebar/ExternalIcon.d.ts

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

package/lib/Sidebar/FooterWrapper.d.ts

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

package/lib/Sidebar/FooterWrapper.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.FooterWrapper = styled_components_1.default.div.attrs(() => ({
+    'data-component-name': 'Sidebar/FooterWrapper',
+})) `
+  margin: var(--sidebar-offset-top) 0 var(--sidebar-spacing-unit) var(--sidebar-offset-left);
+  padding-top: var(--sidebar-spacing-unit);
+  border-top: solid 1px #daddde;
+`;
+//# sourceMappingURL=FooterWrapper.js.map

package/lib/Sidebar/HeaderWrapper.d.ts

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

package/lib/Sidebar/HeaderWrapper.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.HeaderWrapper = styled_components_1.default.div.attrs(() => ({
+    'data-component-name': 'Sidebar/HeaderWrapper',
+})) `
+  margin: var(--sidebar-offset-top) 0 0 var(--sidebar-offset-left);
+  padding-bottom: var(--sidebar-spacing-unit);
+  border-bottom: solid 1px #daddde;
+`;
+//# sourceMappingURL=HeaderWrapper.js.map

package/lib/Sidebar/MenuGroup.js

@@ -53,7 +53,7 @@ function MenuGroup({ item, isExpanded, toggleExpanded, children, }) {
     return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuGroup" },
         react_1.default.createElement(MenuLinkItem_1.MenuLinkItem, { item: item },
             react_1.default.createElement(MenuGroupLabel, { onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active },
-                react_1.default.createElement(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }),
+                react_1.default.createElement(MenuGroupArrow, { visibility: item.items.length ? 'visible' : 'hidden', direction: isExpanded ? 'down' : 'right' }),
                 item.label)),
         react_1.default.createElement(MenuWrapper, { isExpanded: isExpanded }, showChildren ? children : null),
         item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));

package/lib/Sidebar/MenuItem.d.ts

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

package/lib/Sidebar/Separator.d.ts

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

package/lib/Sidebar/SidebarLayout.d.ts

@@ -11,5 +11,5 @@ interface SidebarLayoutProps {
     growContent?: boolean;
     hasNavbar: boolean;
 }
-export declare function SidebarLayout({ versions, menu, backLink, footer, header, growContent, hasNavbar, }: SidebarLayoutProps): JSX.Element | null;
+export declare function SidebarLayout({ versions, menu, footer, header, growContent, hasNavbar, }: SidebarLayoutProps): JSX.Element | null;
 export {};

package/lib/Sidebar/SidebarLayout.js

@@ -7,15 +7,14 @@ exports.SidebarLayout = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Sidebar_1 = require("../Sidebar/Sidebar");
+const FooterWrapper_1 = require("../Sidebar/FooterWrapper");
+const HeaderWrapper_1 = require("../Sidebar/HeaderWrapper");
 const useMobileMenu_1 = require("../hooks/useMobileMenu");
 const MobileSidebarButton_1 = require("../Sidebar/MobileSidebarButton");
 const MenuContainer_1 = require("../Sidebar/MenuContainer");
 const SidebarSearch_1 = require("../Search/SidebarSearch");
 const useThemeConfig_1 = require("../hooks/useThemeConfig");
-const ArrowBack_1 = require("../Sidebar/ArrowBack");
-const Link_1 = require("../mocks/Link");
-const Button_1 = require("../Button/Button");
-function SidebarLayout({ versions, menu, backLink, footer, header, growContent, hasNavbar, }) {
+function SidebarLayout({ versions, menu, footer, header, growContent, hasNavbar, }) {
     const [isOpen, setIsOpen] = (0, useMobileMenu_1.useMobileMenu)();
     const toggleMenu = () => setIsOpen(!isOpen);
     const { search, sidebar } = (0, useThemeConfig_1.useThemeConfig)();
@@ -26,47 +25,11 @@ function SidebarLayout({ versions, menu, backLink, footer, header, growContent,
         react_1.default.createElement(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu }),
         !(search === null || search === void 0 ? void 0 : search.hide) && (search === null || search === void 0 ? void 0 : search.placement) === 'sidebar' ? react_1.default.createElement(SidebarSearch_1.SidebarSearch, null) : null,
         react_1.default.createElement(Sidebar_1.Sidebar, { animate: true, opened: isOpen, hasNavbar: hasNavbar },
-            header ? react_1.default.createElement(HeaderWrapper, null, header) : null,
-            (backLink && (react_1.default.createElement(BackLinkWrapper, null,
-                react_1.default.createElement(Link_1.Link, { to: backLink.slug },
-                    react_1.default.createElement(ArrowBack_1.ArrowBack, null),
-                    "Back to ",
-                    backLink.label)))) ||
-                null,
+            header ? react_1.default.createElement(HeaderWrapper_1.HeaderWrapper, null, header) : null,
             versions,
             react_1.default.createElement(MenuContainer_1.MenuContainer, { growContent: growContent }, menu),
-            footer ? react_1.default.createElement(FooterWrapper, null, footer) : null)));
+            footer ? react_1.default.createElement(FooterWrapper_1.FooterWrapper, null, footer) : null)));
 }
 exports.SidebarLayout = SidebarLayout;
-const FooterWrapper = styled_components_1.default.div `
-  padding: var(--sidebar-offset-top) var(--sidebar-item-padding-horizontal)
-    var(--sidebar-item-padding-horizontal) var(--sidebar-offset-left);
-
-  ${Button_1.Button} {
-    width: 100%;
-    margin: 0;
-  }
-`;
-const HeaderWrapper = styled_components_1.default.div `
-  padding: var(--sidebar-offset-top) var(--sidebar-item-padding-horizontal)
-    var(--sidebar-item-padding-horizontal) var(--sidebar-offset-left);
-`;
-const BackLinkWrapper = styled_components_1.default.div `
-  padding: var(--sidebar-offset-top) var(--sidebar-item-padding-horizontal)
-    var(--sidebar-item-padding-horizontal)
-    calc(var(--sidebar-offset-left) + var(--sidebar-item-padding-horizontal));
-
-  a {
-    color: var(--sidebar-back-button-text-color);
-    font-size: var(--sidebar-back-button-font-size);
-    font-family: var(--sidebar-back-button-font-family);
-    text-decoration: none;
-    &:hover {
-      color: var(--sidebar-back-button-hover-text-color);
-    }
-  }
-
-  border-bottom: 1px solid var(--sidebar-border-color);
-`;
 const Wrapper = styled_components_1.default.div ``;
 //# sourceMappingURL=SidebarLayout.js.map

package/lib/Sidebar/index.d.ts

@@ -17,3 +17,5 @@ export * from '../Sidebar/Separator';
 export * from '../Sidebar/SeparatorItem';
 export * from '../Sidebar/Sidebar';
 export * from '../Sidebar/SidebarLayout';
+export * from '../Sidebar/FooterWrapper';
+export * from '../Sidebar/HeaderWrapper';

package/lib/Sidebar/index.js

@@ -33,4 +33,6 @@ __exportStar(require("../Sidebar/Separator"), exports);
 __exportStar(require("../Sidebar/SeparatorItem"), exports);
 __exportStar(require("../Sidebar/Sidebar"), exports);
 __exportStar(require("../Sidebar/SidebarLayout"), exports);
+__exportStar(require("../Sidebar/FooterWrapper"), exports);
+__exportStar(require("../Sidebar/HeaderWrapper"), exports);
 //# sourceMappingURL=index.js.map

package/lib/SidebarLogo/SidebarLogo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LogoProps {
     imageUrl?: string;
     href?: string;

package/lib/SourceCode/SourceCode.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface CommonCodeProps {
     withLineNumbers?: boolean;
     startLineNumber?: number;

package/lib/TableOfContent/TableOfContent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MdHeading } from '@theme/types/portal';
 interface TableOfContentProps {
     headings?: Array<MdHeading | null> | null | undefined;

package/lib/globalStyle.js

@@ -872,6 +872,7 @@ const apiReferencePanels = (0, styled_components_1.css) `
   */
 
   .panel-try-it,
+  .panel-pull-right,
   .panel-request-samples,
   .panel-response-samples,
   .panel-callback-samples {
@@ -1659,7 +1660,7 @@ const loadProgressBar = (0, styled_components_1.css) `
   #nprogress .peg {
     display: block;
     position: absolute;
-    right: 0px;
+    right: 0;
     width: 100px;
     height: 100%;
     box-shadow: var(--load-progress-bar-shadow);

package/lib/icons/AlertIcon/AlertIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface AlertIconProps {
     type: 'warning' | 'success' | 'danger' | 'attention' | 'info';
     className?: string;

package/lib/icons/AnchorIcon/AnchorIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface AnchorIconProps {
+    className?: string;
+}
+export declare const AnchorIcon: import("styled-components").StyledComponent<({ className }: AnchorIconProps) => JSX.Element, any, {
+    'data-component-name': string;
+}, "data-component-name">;

package/lib/icons/AnchorIcon/AnchorIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnchorIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = ({ className }) => (react_1.default.createElement("svg", { "aria-hidden": "true", focusable: "false", height: "16", version: "1.1", viewBox: "0 0 16 16", width: "16", className: className },
+    react_1.default.createElement("path", { fillRule: "evenodd", d: "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" })));
+exports.AnchorIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/AnchorIcon/AnchorIcon',
+})) `
+  fill: var(--heading-anchor-color);
+  visibility: hidden;
+  cursor: pointer;
+
+  background-image: var(--heading-anchor-icon);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+`;
+//# sourceMappingURL=AnchorIcon.js.map

package/lib/icons/AnchorIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { AnchorIcon } from '../../icons/AnchorIcon/AnchorIcon';
+export type { AnchorIconProps } from '../../icons/AnchorIcon/AnchorIcon';

package/lib/icons/AnchorIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnchorIcon = void 0;
+var AnchorIcon_1 = require("../../icons/AnchorIcon/AnchorIcon");
+Object.defineProperty(exports, "AnchorIcon", { enumerable: true, get: function () { return AnchorIcon_1.AnchorIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/ArrowIcon/ArrowIcon.d.ts

@@ -1,5 +1,7 @@
+/// <reference types="react" />
 export interface ArrowIconProps {
     direction?: 'up' | 'right' | 'left' | 'down';
+    visibility?: 'visible' | 'hidden';
 }
 export declare const ArrowIcon: import("styled-components").StyledComponent<({ className }: {
     className?: string | undefined;

package/lib/icons/ArrowIcon/ArrowIcon.js

@@ -26,6 +26,7 @@ exports.ArrowIcon = (0, styled_components_1.default)(Icon) `
   height: var(--sidebar-group-item-chevron-size);
   fill: var(--sidebar-group-item-chevron-color);
   transform: rotate(${directionToTransform}deg);
+  visibility: ${({ visibility = 'visible' }) => visibility};
 
   vertical-align: middle;
 `;

package/lib/icons/ColorModeIcon/ColorModeIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ColorModeIconProps {
     mode?: 'dark' | 'light' | string;
     className?: string;

package/lib/icons/index.d.ts

@@ -2,3 +2,4 @@ export * from '../icons/ShelfIcon';
 export * from '../icons/AlertIcon';
 export * from '../icons/ArrowIcon';
 export * from '../icons/ColorModeIcon';
+export * from '../icons/AnchorIcon';

package/lib/icons/index.js

@@ -18,4 +18,5 @@ __exportStar(require("../icons/ShelfIcon"), exports);
 __exportStar(require("../icons/AlertIcon"), exports);
 __exportStar(require("../icons/ArrowIcon"), exports);
 __exportStar(require("../icons/ColorModeIcon"), exports);
+__exportStar(require("../icons/AnchorIcon"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.d.ts

@@ -22,3 +22,5 @@ export * from './Sidebar';
 export * from './types/config';
 export * from './config';
 export * from './Pages';
+export * from './Markdown';
+export * from './ReferenceDocs';

package/lib/index.js

@@ -38,4 +38,6 @@ __exportStar(require("./Sidebar"), exports);
 __exportStar(require("./types/config"), exports);
 __exportStar(require("./config"), exports);
 __exportStar(require("./Pages"), exports);
+__exportStar(require("./Markdown"), exports);
+__exportStar(require("./ReferenceDocs"), exports);
 //# sourceMappingURL=index.js.map

package/lib/mocks/Link.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function Link(props: any): JSX.Element;

package/lib/mocks/hooks/index.d.ts

@@ -13,4 +13,4 @@ export declare function useSidebarSiblingsData(): {
 };
 export declare function usePageSharedData<T = unknown>(_id: string): T;
 export declare function useCatalog(_items: ResolvedNavItem[], _config: CatalogConfig): FilteredCatalog;
-export {};
+export { useGlobalData } from '../useGlobalData';

package/lib/mocks/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCatalog = exports.usePageSharedData = exports.useSidebarSiblingsData = exports.useThemeConfig = void 0;
+exports.useGlobalData = exports.useCatalog = exports.usePageSharedData = exports.useSidebarSiblingsData = exports.useThemeConfig = void 0;
 function useThemeConfig() {
     return {
         search: {
@@ -69,4 +69,6 @@ function useCatalog(_items, _config) {
     throw new Error('Mock not implemented yet.');
 }
 exports.useCatalog = useCatalog;
+var useGlobalData_1 = require("../useGlobalData");
+Object.defineProperty(exports, "useGlobalData", { enumerable: true, get: function () { return useGlobalData_1.useGlobalData; } });
 //# sourceMappingURL=index.js.map

package/lib/mocks/useGlobalData.d.ts

@@ -0,0 +1 @@
+export declare function useGlobalData(): Record<string, unknown>;

package/lib/mocks/useGlobalData.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalData = void 0;
+function useGlobalData() {
+    console.log('>>>> mock');
+    return {};
+}
+exports.useGlobalData = useGlobalData;
+//# sourceMappingURL=useGlobalData.js.map

package/lib/ui/Dropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Version } from '@theme/types/portal';
 type DropdownProps = {
     items: Version[];