docusaurus-theme-openapi-docs 0.0.0-1295 → 0.0.0-1313

package/lib/theme/ApiExplorer/ApiCodeBlock/Container/index.js

@@ -14,11 +14,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CodeBlockContainer;
 const react_1 = __importDefault(require("react"));
 const theme_common_1 = require("@docusaurus/theme-common");
-const internal_1 = require("@docusaurus/theme-common/internal");
 const clsx_1 = __importDefault(require("clsx"));
+const codeBlockUtils_1 = require("@theme/utils/codeBlockUtils");
 function CodeBlockContainer({ as: As, ...props }) {
   const prismTheme = (0, theme_common_1.usePrismTheme)();
-  const prismCssVariables = (0, internal_1.getPrismCssVariables)(prismTheme);
+  const prismCssVariables = (0, codeBlockUtils_1.getPrismCssVariables)(
+    prismTheme
+  );
   return react_1.default.createElement(
     As,
     // Polymorphic components are hard to type, without `oneOf` generics

package/lib/theme/ApiExplorer/ApiCodeBlock/Content/String.js

@@ -14,7 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CodeBlockString;
 const react_1 = __importDefault(require("react"));
 const theme_common_1 = require("@docusaurus/theme-common");
-const internal_1 = require("@docusaurus/theme-common/internal");
 const Container_1 = __importDefault(
   require("@theme/ApiExplorer/ApiCodeBlock/Container")
 );
@@ -30,6 +29,8 @@ const WordWrapButton_1 = __importDefault(
 );
 const clsx_1 = __importDefault(require("clsx"));
 const prism_react_renderer_1 = require("prism-react-renderer");
+const codeBlockUtils_1 = require("@theme/utils/codeBlockUtils");
+const useCodeWordWrap_1 = require("@theme/utils/useCodeWordWrap");
 function CodeBlockString({
   children,
   className: blockClassName = "",
@@ -43,21 +44,23 @@ function CodeBlockString({
   } = (0, theme_common_1.useThemeConfig)();
   const language =
     languageProp ??
-    (0, internal_1.parseLanguage)(blockClassName) ??
+    (0, codeBlockUtils_1.parseLanguage)(blockClassName) ??
     defaultLanguage;
   const prismTheme = (0, theme_common_1.usePrismTheme)();
-  const wordWrap = (0, internal_1.useCodeWordWrap)();
+  const wordWrap = (0, useCodeWordWrap_1.useCodeWordWrap)();
   // We still parse the metastring in case we want to support more syntax in the
   // future. Note that MDX doesn't strip quotes when parsing metastring:
   // "title=\"xyz\"" => title: "\"xyz\""
-  const title = (0, internal_1.parseCodeBlockTitle)(metastring) || titleProp;
-  const { lineClassNames, code } = (0, internal_1.parseLines)(children, {
+  const title =
+    (0, codeBlockUtils_1.parseCodeBlockTitle)(metastring) || titleProp;
+  const { lineClassNames, code } = (0, codeBlockUtils_1.parseLines)(children, {
     metastring,
     language,
     magicComments,
   });
   const showLineNumbers =
-    showLineNumbersProp ?? (0, internal_1.containsLineNumbers)(metastring);
+    showLineNumbersProp ??
+    (0, codeBlockUtils_1.containsLineNumbers)(metastring);
   return react_1.default.createElement(
     Container_1.default,
     {

package/lib/theme/ApiExplorer/ApiCodeBlock/Line/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { LineProps } from "@docusaurus/theme-common/internal";
+import type { Props as LineProps } from "@theme/CodeBlock/Line";
 export default function CodeBlockLine({ line, classNames, showLineNumbers, getLineProps, getTokenProps, }: LineProps): React.JSX.Element;

package/lib/theme/ApiExplorer/ApiCodeBlock/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { CodeBlockProps } from "@docusaurus/theme-common/internal";
+import type { Props as CodeBlockProps } from "@theme/CodeBlock";
 export default function ApiCodeBlock({ children: rawChildren, ...props }: CodeBlockProps): React.JSX.Element;

package/lib/theme/ApiExplorer/CodeTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type TabProps } from "@docusaurus/theme-common/internal";
+import { type TabProps } from "@theme/utils/tabsUtils";
 import { Language } from "../CodeSnippets/code-snippets-types";
 export interface Props {
     action: {

package/lib/theme/ApiExplorer/CodeTabs/index.js

@@ -69,9 +69,10 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CodeTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   action,
   currentLanguage,
@@ -87,7 +88,7 @@ function TabList({
   const tabRefs = (0, react_1.useRef)([]);
   const tabsScrollContainerRef = (0, react_1.useRef)(null);
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   (0, react_1.useEffect)(() => {
     const activeTab = tabRefs.current.find(
       (tab) => tab?.getAttribute("aria-selected") === "true"
@@ -235,10 +236,10 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   const { className } = props;
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -265,6 +266,6 @@ function CodeTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/ApiTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export interface TabListProps extends TabProps {
     label: string;
     id: string;

package/lib/theme/ApiTabs/index.js

@@ -69,11 +69,12 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ApiTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const Translate_1 = require("@docusaurus/Translate");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const Heading_1 = __importDefault(require("@theme/Heading"));
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   className,
   block,
@@ -88,7 +89,7 @@ function TabList({
 }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -244,9 +245,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -268,6 +269,6 @@ function ApiTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/DiscriminatorTabs/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export default function DiscriminatorTabs(props: TabProps): React.JSX.Element;

package/lib/theme/DiscriminatorTabs/index.js

@@ -69,14 +69,15 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DiscriminatorTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
 const flatten_1 = __importDefault(require("lodash/flatten"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({ className, block, selectedValue, selectValue, tabValues }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -223,9 +224,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -252,6 +253,6 @@ function DiscriminatorTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/MimeTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export interface Props {
     schemaType: any;
 }

package/lib/theme/MimeTabs/index.js

@@ -69,12 +69,13 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = MimeTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const slice_1 = require("@theme/ApiExplorer/Accept/slice");
 const slice_2 = require("@theme/ApiExplorer/ContentType/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   className,
   block,
@@ -85,7 +86,7 @@ function TabList({
 }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   // custom
   const dispatch = (0, hooks_1.useTypedDispatch)();
   const isRequestSchema = schemaType?.toLowerCase() === "request";
@@ -256,9 +257,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -280,6 +281,6 @@ function MimeTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/OperationTabs/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export default function OperationTabs(props: TabProps): React.JSX.Element;

package/lib/theme/OperationTabs/index.js

@@ -69,13 +69,14 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = OperationTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({ className, block, selectedValue, selectValue, tabValues }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -218,9 +219,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -242,6 +243,6 @@ function OperationTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/SchemaTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export interface SchemaTabsProps extends TabProps {
     /**
      * Optional callback fired when the selected tab changes.

package/lib/theme/SchemaTabs/index.js

@@ -69,10 +69,11 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SchemaTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
 const flatten_1 = __importDefault(require("lodash/flatten"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   className,
   block,
@@ -83,7 +84,7 @@ function TabList({
 }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -237,9 +238,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -261,7 +262,7 @@ function SchemaTabs(props) {
   }
   let sanitizedChildren;
   try {
-    sanitizedChildren = (0, internal_1.sanitizeTabsChildren)(children);
+    sanitizedChildren = (0, tabsUtils_1.sanitizeTabsChildren)(children);
   } catch {
     return null;
   }

package/lib/theme/TabItem/index.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+import { type TabItemProps } from "@theme/utils/tabsUtils";
+type Props = TabItemProps;
+export default function TabItem({ children, className, value, }: Props): ReactNode;
+export {};

package/lib/theme/TabItem/index.js

@@ -0,0 +1,51 @@
+"use strict";
+/* ============================================================================
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Portions Copyright (c) Palo Alto Networks
+ *
+ * Swizzled from @docusaurus/theme-classic/src/theme/TabItem/index.tsx (MIT).
+ * Re-points useTabs to our vendored tabsUtils so that <TabItem> reads the same
+ * context our swizzled <Tabs> and OpenAPI tab variants (ApiTabs, MimeTabs,
+ * SchemaTabs, etc.) provide. See:
+ * https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/1140
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TabItem;
+const react_1 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+function TabItemPanel({ children, className, hidden }) {
+  return react_1.default.createElement(
+    "div",
+    {
+      role: "tabpanel",
+      className: (0, clsx_1.default)(
+        styles_module_css_1.default.tabItem,
+        className
+      ),
+      hidden,
+    },
+    children
+  );
+}
+function TabItem({ children, className, value }) {
+  const { selectedValue, lazy } = (0, tabsUtils_1.useTabs)();
+  const isSelected = value === selectedValue;
+  if (!isSelected && lazy) {
+    return null;
+  }
+  return react_1.default.createElement(
+    TabItemPanel,
+    { className: className, hidden: !isSelected },
+    children
+  );
+}

package/lib/theme/TabItem/styles.module.css

@@ -0,0 +1,3 @@
+.tabItem > *:last-child {
+  margin-bottom: 0;
+}

package/lib/theme/Tabs/index.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+import { type TabsProps } from "@theme/utils/tabsUtils";
+type Props = TabsProps;
+export default function Tabs(props: Props): ReactNode;
+export {};

package/lib/theme/Tabs/index.js

@@ -0,0 +1,148 @@
+"use strict";
+/* ============================================================================
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Portions Copyright (c) Palo Alto Networks
+ *
+ * Swizzled from @docusaurus/theme-classic/src/theme/Tabs/index.tsx (MIT).
+ * Re-points the internal hooks (useTabs, useTabsContextValue, etc.) to our
+ * vendored tabsUtils so that the entire <Tabs>/<TabItem> pair runs through a
+ * single React context owned by this package. See:
+ * https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/1140
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Tabs;
+const react_1 = __importDefault(require("react"));
+const theme_common_1 = require("@docusaurus/theme-common");
+const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
+const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+function TabList({ className }) {
+  const { selectedValue, selectValue, tabValues, block } = (0,
+  tabsUtils_1.useTabs)();
+  const tabRefs = [];
+  const { blockElementScrollPositionUntilNextRender } = (0,
+  scrollUtils_1.useScrollPositionBlocker)();
+  const handleTabChange = (event) => {
+    const newTab = event.currentTarget;
+    const newTabIndex = tabRefs.indexOf(newTab);
+    const newTabValue = tabValues[newTabIndex].value;
+    if (newTabValue !== selectedValue) {
+      blockElementScrollPositionUntilNextRender(newTab);
+      selectValue(newTabValue);
+    }
+  };
+  const handleKeydown = (event) => {
+    let focusElement = null;
+    switch (event.key) {
+      case "Enter": {
+        handleTabChange(event);
+        break;
+      }
+      case "ArrowRight": {
+        const nextTab = tabRefs.indexOf(event.currentTarget) + 1;
+        focusElement = tabRefs[nextTab] ?? tabRefs[0];
+        break;
+      }
+      case "ArrowLeft": {
+        const prevTab = tabRefs.indexOf(event.currentTarget) - 1;
+        focusElement = tabRefs[prevTab] ?? tabRefs[tabRefs.length - 1];
+        break;
+      }
+      default:
+        break;
+    }
+    focusElement?.focus();
+  };
+  return react_1.default.createElement(
+    "ul",
+    {
+      role: "tablist",
+      "aria-orientation": "horizontal",
+      className: (0, clsx_1.default)(
+        "tabs",
+        {
+          "tabs--block": block,
+        },
+        className
+      ),
+    },
+    tabValues.map(({ value, label, attributes }) =>
+      react_1.default.createElement(
+        "li",
+        {
+          // TODO extract TabListItem
+          role: "tab",
+          tabIndex: selectedValue === value ? 0 : -1,
+          "aria-selected": selectedValue === value,
+          key: value,
+          ref: (ref) => {
+            tabRefs.push(ref);
+          },
+          onKeyDown: handleKeydown,
+          onClick: handleTabChange,
+          ...attributes,
+          className: (0, clsx_1.default)(
+            "tabs__item",
+            styles_module_css_1.default.tabItem,
+            attributes?.className,
+            {
+              "tabs__item--active": selectedValue === value,
+            }
+          ),
+        },
+        label ?? value
+      )
+    )
+  );
+}
+function TabContent({ children }) {
+  return react_1.default.createElement(
+    "div",
+    { className: "margin-top--md" },
+    children
+  );
+}
+function TabsContainer({ className, children }) {
+  return react_1.default.createElement(
+    "div",
+    {
+      className: (0, clsx_1.default)(
+        theme_common_1.ThemeClassNames.tabs.container,
+        // former name kept for backward compatibility
+        // see https://github.com/facebook/docusaurus/pull/4086
+        "tabs-container",
+        styles_module_css_1.default.tabList
+      ),
+    },
+    react_1.default.createElement(TabList, { className: className }),
+    react_1.default.createElement(TabContent, null, children)
+  );
+}
+function Tabs(props) {
+  const isBrowser = (0, useIsBrowser_1.default)();
+  const value = (0, tabsUtils_1.useTabsContextValue)(props);
+  return react_1.default.createElement(
+    tabsUtils_1.TabsProvider,
+    {
+      value: value,
+      // Remount tabs after hydration
+      // Temporary fix for https://github.com/facebook/docusaurus/issues/5653
+      key: String(isBrowser),
+    },
+    react_1.default.createElement(
+      TabsContainer,
+      { className: props.className },
+      (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
+    )
+  );
+}

package/lib/theme/Tabs/styles.module.css

@@ -0,0 +1,7 @@
+.tabList {
+  margin-bottom: var(--ifm-leading);
+}
+
+.tabItem {
+  margin-top: 0 !important;
+}

package/lib/theme/utils/codeBlockUtils.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties } from "react";
+import type { PrismTheme } from "prism-react-renderer";
+export type MagicCommentConfig = {
+    className: string;
+    line?: string;
+    block?: {
+        start: string;
+        end: string;
+    };
+};
+export declare function parseCodeBlockTitle(metastring?: string): string;
+export declare function containsLineNumbers(metastring?: string): boolean;
+type ParseCodeLinesParam = {
+    metastring: string | undefined;
+    language: string | undefined;
+    magicComments: MagicCommentConfig[];
+};
+type CodeLineClassNames = {
+    [lineIndex: number]: string[];
+};
+type ParsedCodeLines = {
+    code: string;
+    lineClassNames: CodeLineClassNames;
+};
+export declare function parseLines(code: string, params: ParseCodeLinesParam): ParsedCodeLines;
+declare function parseClassNameLanguage(className: string | undefined): string | undefined;
+export { parseClassNameLanguage as parseLanguage };
+export declare function getPrismCssVariables(prismTheme: PrismTheme): CSSProperties;