@redocly/theme 0.4.7 → 0.4.8

package/Panel/PanelComponent.js

@@ -3,28 +3,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
@@ -47,7 +35,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineBox = exports.PanelComponent = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 var icons_1 = require("../icons");
 var PanelBody_1 = require("../Panel/PanelBody");
@@ -66,14 +55,8 @@ function PanelComponent(_a) {
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isExpanded);
     };
     (0, react_1.useEffect)(function () { return setExpanded(expanded); }, [expanded]);
-    return (react_1.default.createElement("div", { className: className, "data-cy": typeof header === 'string' ? ('panel-' + header).replace(/ /g, '-').toLowerCase() : null, "data-component-name": "Panel/PanelComponent" },
-        header &&
-            (typeof header === 'function' ? (header({ expanded: isExpanded, toggle: toggle })) : (react_1.default.createElement(PanelHeader_1.PanelHeader, { "data-cy": "panel-header", onClick: toggle, expanded: isExpanded },
-                react_1.default.createElement(exports.InlineBox, null,
-                    react_1.default.createElement(PanelHeaderTitle_1.PanelHeaderTitle, { "data-cy": "title" }, header),
-                    react_1.default.createElement(icons_1.ShelfIcon, { direction: isExpanded ? 'down' : 'right' }),
-                    description)))),
-        (isExpanded || renderChildrenHidden) && (react_1.default.createElement(PanelBody_1.PanelBody, { "data-cy": "panel-body", hidden: !isExpanded, animate: animate }, children))));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: className, "data-cy": typeof header === 'string' ? ('panel-' + header).replace(/ /g, '-').toLowerCase() : null, "data-component-name": "Panel/PanelComponent" }, { children: [header &&
+                (typeof header === 'function' ? (header({ expanded: isExpanded, toggle: toggle })) : ((0, jsx_runtime_1.jsx)(PanelHeader_1.PanelHeader, __assign({ "data-cy": "panel-header", onClick: toggle, expanded: isExpanded }, { children: (0, jsx_runtime_1.jsxs)(exports.InlineBox, { children: [(0, jsx_runtime_1.jsx)(PanelHeaderTitle_1.PanelHeaderTitle, __assign({ "data-cy": "title" }, { children: header })), (0, jsx_runtime_1.jsx)(icons_1.ShelfIcon, { direction: isExpanded ? 'down' : 'right' }), description] }) })))), (isExpanded || renderChildrenHidden) && ((0, jsx_runtime_1.jsx)(PanelBody_1.PanelBody, __assign({ "data-cy": "panel-body", hidden: !isExpanded, animate: animate }, { children: children })))] })));
 }
 exports.PanelComponent = PanelComponent;
 exports.InlineBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n\n  > span:last-child {\n    margin-left: 8px;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n\n  > span:last-child {\n    margin-left: 8px;\n  }\n"])));

package/Panel/PanelHeader.d.ts

@@ -1,4 +1,4 @@
-import { BaseSyntheticEvent } from 'react';
+import type { BaseSyntheticEvent } from 'react';
 export interface PanelHeaderProps {
     expanded?: boolean;
     disabled?: boolean;

package/Profile/Profile.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ProfileProps {
     name: string;
     imageUrl?: string;
     color?: string;
     onClick?: () => void;
 }
-export declare const Profile: React.NamedExoticComponent<ProfileProps>;
+export declare const Profile: import("react").NamedExoticComponent<ProfileProps>;

package/Profile/Profile.js

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -28,23 +39,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Profile = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var utils_1 = require("../utils");
 function ProfileComponent(_a) {
     var _b;
     var name = _a.name, imageUrl = _a.imageUrl, onClick = _a.onClick, color = _a.color;
     if (imageUrl) {
-        return (react_1.default.createElement(ProfileWrapper, { onClick: onClick },
-            react_1.default.createElement(StyledUserName, { "data-cy": "user-name", color: color }, name),
-            imageUrl && (react_1.default.createElement(AvatarWrapper, null,
-                react_1.default.createElement("img", { "data-cy": "user-avatar", src: imageUrl, alt: "profile" })))));
+        return ((0, jsx_runtime_1.jsxs)(ProfileWrapper, __assign({ onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)(StyledUserName, __assign({ "data-cy": "user-name", color: color }, { children: name })), imageUrl && ((0, jsx_runtime_1.jsx)(AvatarWrapper, { children: (0, jsx_runtime_1.jsx)("img", { "data-cy": "user-avatar", src: imageUrl, alt: "profile" }) }))] })));
     }
     var avatarLetters = "".concat(name.charAt(0).toUpperCase()).concat(((_b = name.split(' ')[1]) === null || _b === void 0 ? void 0 : _b.charAt(0).toUpperCase()) || '');
-    return (react_1.default.createElement(ProfileWrapper, { onClick: onClick },
-        react_1.default.createElement(StyledUserName, { "data-cy": "user-name", color: color }, name),
-        react_1.default.createElement(AvatarWrapper, { background: (0, utils_1.stringToHslColor)(name) },
-            react_1.default.createElement("span", null, avatarLetters))));
+    return ((0, jsx_runtime_1.jsxs)(ProfileWrapper, __assign({ onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)(StyledUserName, __assign({ "data-cy": "user-name", color: color }, { children: name })), (0, jsx_runtime_1.jsx)(AvatarWrapper, __assign({ background: (0, utils_1.stringToHslColor)(name) }, { children: (0, jsx_runtime_1.jsx)("span", { children: avatarLetters }) }))] })));
 }
 exports.Profile = (0, react_1.memo)(ProfileComponent);
 var ProfileWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: auto;\n  padding: 0 var(--navbar-item-padding-horizontal);\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: auto;\n  padding: 0 var(--navbar-item-padding-horizontal);\n"])));

package/Search/Autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import type { ActiveItem } from '../mocks/types';
 interface AutocompleteProps<T> {
     placeholder?: string;

package/Search/Autocomplete.js

@@ -14,29 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -58,7 +35,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Input_1 = require("../Search/Input");
@@ -107,12 +85,7 @@ function Autocomplete(_a) {
         return renderItem(__assign(__assign({}, item), { active: active }));
     };
     (0, react_1.useEffect)(close, [location]);
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Autocomplete" },
-        isOpen ? react_1.default.createElement(Overlay, { onClick: close }) : null,
-        react_1.default.createElement(AutocompleteBox, { onKeyDown: onKeydown },
-            react_1.default.createElement(Input_1.FormInput, { value: value, placeholder: placeholder, onChange: onChange, onFocus: open, onClick: stopPropagation }), children === null || children === void 0 ? void 0 :
-            children(isOpen, reset),
-            isOpen && value ? (react_1.default.createElement(Popover_1.Popover, null, items.length ? items.map(mapItem) : react_1.default.createElement(Message, null, "No results"))) : null)));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Search/Autocomplete" }, { children: [isOpen ? (0, jsx_runtime_1.jsx)(Overlay, { onClick: close }) : null, (0, jsx_runtime_1.jsxs)(AutocompleteBox, __assign({ onKeyDown: onKeydown }, { children: [(0, jsx_runtime_1.jsx)(Input_1.FormInput, { value: value, placeholder: placeholder, onChange: onChange, onFocus: open, onClick: stopPropagation }), children === null || children === void 0 ? void 0 : children(isOpen, reset), isOpen && value ? ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { children: items.length ? items.map(mapItem) : (0, jsx_runtime_1.jsx)(Message, { children: "No results" }) })) : null] }))] })));
 }
 exports.Autocomplete = Autocomplete;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Search/ClearIcon.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export declare const ClearIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/Search/ClearIcon.js

@@ -19,10 +19,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClearIcon = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var Icon = function (props) { return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7", "data-component-name": "Search/ClearIcon" }, props),
-    react_1.default.createElement("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }))); };
+var Icon = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7", "data-component-name": "Search/ClearIcon" }, props, { children: (0, jsx_runtime_1.jsx)("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }) }))); };
 exports.ClearIcon = (0, styled_components_1.default)(Icon).attrs(function () { return ({
     'data-component-name': 'Search/ClearIcon',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--search-input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--search-input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"])), function (_a) {

package/Search/Parameters.js

@@ -3,12 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Parameters = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var utils_1 = require("../Search/utils");
 var MAX_ITEMS = 2;
@@ -18,22 +29,11 @@ function Parameters(_a) {
     if (moreItems) {
         parameters.length = MAX_ITEMS;
     }
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Parameters" },
-        parameters.map(function (param) {
-            var _a, _b;
-            var path = "".concat(param.place, " \u2192 ").concat(((_a = param.path) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = param.path) === null || _b === void 0 ? void 0 : _b.join(' → ')) + ' → ' : '');
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Place, null,
-                    path,
-                    (0, utils_1.highlight)(param.name),
-                    " ",
-                    react_1.default.createElement("br", null),
-                    (0, utils_1.highlight)(param.description))));
-        }),
-        moreItems ? react_1.default.createElement(MoreText, null,
-            "and ",
-            moreItems,
-            " more...") : null));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Search/Parameters" }, { children: [parameters.map(function (param) {
+                var _a, _b;
+                var path = "".concat(param.place, " \u2192 ").concat(((_a = param.path) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = param.path) === null || _b === void 0 ? void 0 : _b.join(' → ')) + ' → ' : '');
+                return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(Place, { children: [path, (0, utils_1.highlight)(param.name), " ", (0, jsx_runtime_1.jsx)("br", {}), (0, utils_1.highlight)(param.description)] }) }));
+            }), moreItems ? (0, jsx_runtime_1.jsxs)(MoreText, { children: ["and ", moreItems, " more..."] }) : null] })));
 }
 exports.Parameters = Parameters;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-left: 1px solid var(--border-color);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"], ["\n  border-left: 1px solid var(--border-color);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"])));

package/Search/Search.js

@@ -3,12 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var usePreloadHistory_1 = require("../mocks/usePreloadHistory");
 var search_1 = require("../mocks/search");
@@ -21,8 +32,7 @@ function Search() {
     var _a = (0, search_1.useFuseSearch)(), query = _a.query, setQuery = _a.setQuery, items = _a.items;
     // TODO: ask somebody about typings
     var navigate = function (item) { return history.push(item.url); };
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Search" },
-        react_1.default.createElement(Autocomplete_1.Autocomplete, { items: items, value: query, change: setQuery, select: navigate, placeholder: "Search the docs", renderItem: function (item) { return react_1.default.createElement(SearchItem_1.SearchItem, { key: item.id, item: item }); } }, function (isOpen, reset) { return (isOpen ? react_1.default.createElement(ClearIcon_1.ClearIcon, { onClick: reset }) : react_1.default.createElement(SearchIcon_1.SearchIcon, null)); })));
+    return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Search/Search" }, { children: (0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, __assign({ items: items, value: query, change: setQuery, select: navigate, placeholder: "Search the docs", renderItem: function (item) { return (0, jsx_runtime_1.jsx)(SearchItem_1.SearchItem, { item: item }, item.id); } }, { children: function (isOpen, reset) { return (isOpen ? (0, jsx_runtime_1.jsx)(ClearIcon_1.ClearIcon, { onClick: reset }) : (0, jsx_runtime_1.jsx)(SearchIcon_1.SearchIcon, {})); } })) })));
 }
 exports.Search = Search;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 auto;\n"], ["\n  margin: 0 auto;\n"])));

package/Search/SearchIcon.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export declare const SearchIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/Search/SearchIcon.js

@@ -19,10 +19,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchIcon = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var Icon = function (props) { return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 490 490", "data-component-name": "Search/SearchIcon" }, props),
-    react_1.default.createElement("path", { d: "M484 455.2L366.2 337.4c29.2-35.6 46.8-81.2 46.8-130.9C413 92.5 320.5 0 206.5 0 92.4 0 0 92.5 0 206.5S92.4 413 206.5 413c49.7 0 95.2-17.5 130.8-46.7L455.1 484c8 8 20.9 8 28.9 0C492 476.1 492 463.1 484 455.2zM206.5 371.9C115.2 371.9 41 297.7 41 206.5S115.2 41 206.5 41C297.7 41 372 115.3 372 206.5S297.7 371.9 206.5 371.9z" }))); };
+var Icon = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 490 490", "data-component-name": "Search/SearchIcon" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M484 455.2L366.2 337.4c29.2-35.6 46.8-81.2 46.8-130.9C413 92.5 320.5 0 206.5 0 92.4 0 0 92.5 0 206.5S92.4 413 206.5 413c49.7 0 95.2-17.5 130.8-46.7L455.1 484c8 8 20.9 8 28.9 0C492 476.1 492 463.1 484 455.2zM206.5 371.9C115.2 371.9 41 297.7 41 206.5S115.2 41 206.5 41C297.7 41 372 115.3 372 206.5S297.7 371.9 206.5 371.9z" }) }))); };
 exports.SearchIcon = (0, styled_components_1.default)(Icon).attrs(function () { return ({
     'data-component-name': 'Search/SearchIcon',
 }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--search-input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--search-input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"])), function (_a) {

package/Search/SearchItem.js

@@ -3,35 +3,24 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchItem = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 var OperationBadge_1 = require("../OperationBadge");
 var Link_1 = require("../mocks/Link");
@@ -47,13 +36,7 @@ function SearchItem(_a) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [item.active]);
-    return (react_1.default.createElement(SearchLink, { to: item.url, tabIndex: 0, innerRef: ref, "data-component-name": "Search/SearchItem" },
-        item.httpVerb ? (react_1.default.createElement(Operation, null,
-            react_1.default.createElement(OperationBadge_1.OperationBadge, { type: item.httpVerb }, item.httpVerb),
-            item.pathName ? (0, utils_1.highlight)(item.pathName) : null)) : null,
-        react_1.default.createElement(Title, null, (0, utils_1.highlight)(item.title)),
-        react_1.default.createElement(Description, null, (0, utils_1.highlight)(item.text)),
-        ((_b = item.parameters) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(Parameters_1.Parameters, { parameters: item.parameters })) : (react_1.default.createElement(Path, null, (_c = item.path) === null || _c === void 0 ? void 0 : _c.join(' → ')))));
+    return ((0, jsx_runtime_1.jsxs)(SearchLink, __assign({ to: item.url, tabIndex: 0, innerRef: ref, "data-component-name": "Search/SearchItem" }, { children: [item.httpVerb ? ((0, jsx_runtime_1.jsxs)(Operation, { children: [(0, jsx_runtime_1.jsx)(OperationBadge_1.OperationBadge, __assign({ type: item.httpVerb }, { children: item.httpVerb })), item.pathName ? (0, utils_1.highlight)(item.pathName) : null] })) : null, (0, jsx_runtime_1.jsx)(Title, { children: (0, utils_1.highlight)(item.title) }), (0, jsx_runtime_1.jsx)(Description, { children: (0, utils_1.highlight)(item.text) }), ((_b = item.parameters) === null || _b === void 0 ? void 0 : _b.length) ? ((0, jsx_runtime_1.jsx)(Parameters_1.Parameters, { parameters: item.parameters })) : ((0, jsx_runtime_1.jsx)(Path, { children: (_c = item.path) === null || _c === void 0 ? void 0 : _c.join(' → ') }))] })));
 }
 exports.SearchItem = SearchItem;
 var Title = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-base);\n"], ["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-base);\n"])));

package/Search/utils.js

@@ -3,29 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -47,16 +24,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.highlight = void 0;
-var React = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var highlight = function (text) {
     if (!Array.isArray(text))
         return text;
     var _a = __read(text, 3), pre = _a[0], entry = _a[1], suf = _a[2];
-    return (React.createElement(React.Fragment, null,
-        pre,
-        React.createElement(Strong, null, entry),
-        suf));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [pre, (0, jsx_runtime_1.jsx)(Strong, { children: entry }), suf] }));
 };
 exports.highlight = highlight;
 var Strong = styled_components_1.default.strong(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: var(--search-highlight-text-color);\n"], ["\n  color: var(--search-highlight-text-color);\n"])));

package/Sidebar/ApiCallItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
+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, {
     className: `operation-type ${string}`;

package/Sidebar/ApiCallItem.js

@@ -3,12 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = exports.ApiCallItem = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var OperationBadge_1 = require("../OperationBadge");
 var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
@@ -16,12 +27,7 @@ var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
 var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
 function ApiCallItem(_a) {
     var item = _a.item;
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/ApiCallItem" },
-        react_1.default.createElement(MenuLinkItem_1.MenuLinkItem, { item: item },
-            react_1.default.createElement(MenuItemLabel_1.MenuItemLabel, { active: item.active },
-                react_1.default.createElement(exports.Badge, { type: item.httpVerb || '' }, item.httpVerb === 'hook' ? 'event' : item.httpVerb),
-                item.label)),
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/ApiCallItem" }, { 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: [(0, jsx_runtime_1.jsx)(exports.Badge, __assign({ type: item.httpVerb || '' }, { children: item.httpVerb === 'hook' ? 'event' : item.httpVerb })), item.label] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
 }
 exports.ApiCallItem = ApiCallItem;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Sidebar/ArrowBack.js

@@ -3,19 +3,27 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowBack = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Arrow = function (_a) {
     var className = _a.className;
-    return (react_1.default.createElement("span", { "data-component-name": "Sidebar/ArrowBack" },
-        react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 10", width: "12px", height: "10px", className: className },
-            react_1.default.createElement("path", { d: "M2.414 5l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L2.414 5z" }),
-            react_1.default.createElement("path", { d: "M2 5a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" }))));
+    return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Sidebar/ArrowBack" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 10", width: "12px", height: "10px", className: className }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M2.414 5l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L2.414 5z" }), (0, jsx_runtime_1.jsx)("path", { d: "M2 5a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" })] })) })));
 };
 exports.ArrowBack = (0, styled_components_1.default)(Arrow)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: var(--sidebar-back-button-icon-color);\n  margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n\n  background-image: var(--sidebar-back-button-icon);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n"], ["\n  fill: var(--sidebar-back-button-icon-color);\n  margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n\n  background-image: var(--sidebar-back-button-icon);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n"])));
 var templateObject_1;

package/Sidebar/BackButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 interface BackButtonProps {
     back: () => void;
 }
-export declare function BackButton({ children, back, }: React.PropsWithChildren<BackButtonProps>): JSX.Element;
+export declare function BackButton({ children, back }: PropsWithChildren<BackButtonProps>): JSX.Element;
 export {};

package/Sidebar/BackButton.js

@@ -3,19 +3,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackButton = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var ArrowBack_1 = require("../Sidebar/ArrowBack");
 function BackButton(_a) {
     var children = _a.children, back = _a.back;
-    return (react_1.default.createElement(Button, { onClick: back, "data-component-name": "Sidebar/BackButton" },
-        react_1.default.createElement(ArrowBack_1.ArrowBack, null),
-        children));
+    return ((0, jsx_runtime_1.jsxs)(Button, __assign({ onClick: back, "data-component-name": "Sidebar/BackButton" }, { children: [(0, jsx_runtime_1.jsx)(ArrowBack_1.ArrowBack, {}), children] })));
 }
 exports.BackButton = BackButton;
 var Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: var(--sidebar-back-button-background-color);\n  padding: 0;\n  border: 0;\n  outline: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--sidebar-back-button-text-color);\n  font-size: var(--sidebar-back-button-font-size);\n  font-family: var(--sidebar-back-button-font-family);\n  text-transform: var(--sidebar-back-button-transform);\n\n  transition: color 0.25s ease;\n  text-align: left;\n  margin: var(--sidebar-back-button-margin);\n\n  &:hover {\n    color: var(--sidebar-back-button-hover-text-color);\n    background: var(--sidebar-back-button-hover-background-color);\n  }\n"], ["\n  width: 100%;\n  background-color: var(--sidebar-back-button-background-color);\n  padding: 0;\n  border: 0;\n  outline: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--sidebar-back-button-text-color);\n  font-size: var(--sidebar-back-button-font-size);\n  font-family: var(--sidebar-back-button-font-family);\n  text-transform: var(--sidebar-back-button-transform);\n\n  transition: color 0.25s ease;\n  text-align: left;\n  margin: var(--sidebar-back-button-margin);\n\n  &:hover {\n    color: var(--sidebar-back-button-hover-text-color);\n    background: var(--sidebar-back-button-hover-background-color);\n  }\n"])));

package/Sidebar/Drilldown.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { DrilldownMenuProps } from '../Sidebar/types/DrilldownMenuProps';
+import type { PropsWithChildren } from 'react';
+import type { DrilldownMenuProps } from '../Sidebar/types/DrilldownMenuProps';
 interface DrilldownProps extends DrilldownMenuProps {
     isExpanded: boolean;
     expand: () => void;
 }
-export declare function Drilldown({ isExpanded, item, expand, ...props }: React.PropsWithChildren<DrilldownProps>): JSX.Element;
+export declare function Drilldown({ isExpanded, item, expand, ...props }: PropsWithChildren<DrilldownProps>): JSX.Element;
 export {};

package/Sidebar/Drilldown.js

@@ -30,7 +30,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drilldown = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
 var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
@@ -38,11 +38,7 @@ 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 (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/Drilldown" },
-        react_1.default.createElement(DrilldownLabel, { onClick: expand },
-            react_1.default.createElement(DrilldownMenuItem_1.DrilldownMenuItem, { item: item })),
-        isExpanded ? react_1.default.createElement(DrilldownMenu_1.DrilldownMenu, __assign({ item: item }, props)) : null,
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : 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.Drilldown = Drilldown;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));