docusaurus-theme-openapi-docs 0.0.0-beta.659 → 0.0.0-beta.660

package/src/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/index.tsx

@@ -7,12 +7,12 @@
 
 import React, { useState } from "react";
 
-import FormItem from "@theme/ApiDemoPanel/FormItem";
-import ParamArrayFormItem from "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamArrayFormItem";
-import ParamBooleanFormItem from "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamBooleanFormItem";
-import ParamMultiSelectFormItem from "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamMultiSelectFormItem";
-import ParamSelectFormItem from "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamSelectFormItem";
-import ParamTextFormItem from "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamTextFormItem";
+import FormItem from "@theme/ApiExplorer/FormItem";
+import ParamArrayFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamArrayFormItem";
+import ParamBooleanFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamBooleanFormItem";
+import ParamMultiSelectFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamMultiSelectFormItem";
+import ParamSelectFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamSelectFormItem";
+import ParamTextFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamTextFormItem";
 import { useTypedSelector } from "@theme/ApiItem/hooks";
 
 import { Param } from "./slice";
@@ -80,7 +80,7 @@ function ParamOptions() {
       {optionalParams.length > 0 && (
         <>
           <button
-            className="openapi-demo__show-more-btn"
+            className="openapi-explorer__show-more-btn"
             onClick={() => setShowOptional((prev) => !prev)}
           >
             <span
@@ -93,8 +93,8 @@ function ParamOptions() {
               <span
                 className={
                   showOptional
-                    ? "openapi-demo__plus-btn--expanded"
-                    : "openapi-demo__plus-btn"
+                    ? "openapi-explorer__plus-btn--expanded"
+                    : "openapi-explorer__plus-btn"
                 }
               >
                 <div>
@@ -125,8 +125,8 @@ function ParamOptions() {
           <div
             className={
               showOptional
-                ? "openapi-demo__show-options"
-                : "openapi-demo__hide-options"
+                ? "openapi-explorer__show-options"
+                : "openapi-explorer__hide-options"
             }
           >
             {optionalParams.map((param) => (

package/{lib/theme/ApiDemoPanel → src/theme/ApiExplorer}/Request/_Request.scss

@@ -1,7 +1,7 @@
-.openapi-demo__request-form {
+.openapi-explorer__request-form {
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
-  border: 1px solid var(--openapi-demo-border-color);
+  border: 1px solid var(--openapi-explorer-border-color);
   box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
@@ -34,10 +34,10 @@
   }
 }
 
-.openapi-demo__request-header-container {
+.openapi-explorer__request-header-container {
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid var(--openapi-demo-border-color);
+  border-bottom: 1px solid var(--openapi-explorer-border-color);
   margin: 0;
   padding: 0.75rem var(--ifm-pre-padding);
   text-transform: uppercase;
@@ -45,24 +45,24 @@
   font-weight: bold;
 }
 
-.openapi-demo__expand-details-btn {
+.openapi-explorer__expand-details-btn {
   &:hover {
     cursor: pointer;
   }
 }
 
-.openapi-demo__details-outer-container {
+.openapi-explorer__details-outer-container {
   padding: 1rem;
 }
 
-.openapi-demo__details-container[open] {
-  .openapi-demo__details-summary::before {
+.openapi-explorer__details-container[open] {
+  .openapi-explorer__details-summary::before {
     transform: rotate(180deg);
     margin-top: 0.25rem;
   }
 }
 
-.openapi-demo__details-summary {
+.openapi-explorer__details-summary {
   display: inline-flex;
   align-items: center;
   padding: 0.35rem 0;
@@ -80,7 +80,7 @@
   &::before {
     margin-right: 0.25rem;
     margin-bottom: 0.25rem;
-    background-image: var(--openapi-demo-caret-bg);
+    background-image: var(--openapi-explorer-caret-bg);
     border: none !important;
     transform: rotate(90deg);
     content: "";
@@ -89,7 +89,7 @@
   }
 }
 
-.openapi-demo__request-btn {
+.openapi-explorer__request-btn {
   border: none;
   border-radius: var(--ifm-global-radius);
   padding: 0.5rem 1rem;

package/src/theme/{ApiDemoPanel → ApiExplorer}/Request/index.tsx

@@ -10,20 +10,20 @@ import React, { useState } from "react";
 
 import { useDoc } from "@docusaurus/theme-common/internal";
 import sdk from "@paloaltonetworks/postman-collection";
-import Accept from "@theme/ApiDemoPanel/Accept";
-import Authorization from "@theme/ApiDemoPanel/Authorization";
-import Body from "@theme/ApiDemoPanel/Body";
-import buildPostmanRequest from "@theme/ApiDemoPanel/buildPostmanRequest";
-import ContentType from "@theme/ApiDemoPanel/ContentType";
-import ParamOptions from "@theme/ApiDemoPanel/ParamOptions";
+import Accept from "@theme/ApiExplorer/Accept";
+import Authorization from "@theme/ApiExplorer/Authorization";
+import Body from "@theme/ApiExplorer/Body";
+import buildPostmanRequest from "@theme/ApiExplorer/buildPostmanRequest";
+import ContentType from "@theme/ApiExplorer/ContentType";
+import ParamOptions from "@theme/ApiExplorer/ParamOptions";
 import {
   setResponse,
   setCode,
   clearCode,
   setHeaders,
   clearHeaders,
-} from "@theme/ApiDemoPanel/Response/slice";
-import Server from "@theme/ApiDemoPanel/Server";
+} from "@theme/ApiExplorer/Response/slice";
+import Server from "@theme/ApiExplorer/Server";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { ParameterObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
 import { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
@@ -151,35 +151,35 @@ function Request({ item }: { item: NonNullable<ApiItem> }) {
   return (
     <FormProvider {...methods}>
       <form
-        className="openapi-demo__request-form"
+        className="openapi-explorer__request-form"
         onSubmit={methods.handleSubmit(onSubmit)}
       >
-        <div className="openapi-demo__request-header-container">
-          <span className="openapi-demo__request-title">Request </span>
+        <div className="openapi-explorer__request-header-container">
+          <span className="openapi-explorer__request-title">Request </span>
           {allDetailsExpanded ? (
             <span
-              className="openapi-demo__expand-details-btn"
+              className="openapi-explorer__expand-details-btn"
               onClick={collapseAllDetails}
             >
               Collapse all
             </span>
           ) : (
             <span
-              className="openapi-demo__expand-details-btn"
+              className="openapi-explorer__expand-details-btn"
               onClick={expandAllDetails}
             >
               Expand all
             </span>
           )}
         </div>
-        <div className="openapi-demo__details-outer-container">
+        <div className="openapi-explorer__details-outer-container">
           {showServerOptions && (
             <details
               open={expandServer}
-              className="openapi-demo__details-container"
+              className="openapi-explorer__details-container"
             >
               <summary
-                className="openapi-demo__details-summary"
+                className="openapi-explorer__details-summary"
                 onClick={(e) => {
                   e.preventDefault();
                   setExpandServer(!expandServer);
@@ -193,10 +193,10 @@ function Request({ item }: { item: NonNullable<ApiItem> }) {
           {showAuth && (
             <details
               open={expandAuth}
-              className="openapi-demo__details-container"
+              className="openapi-explorer__details-container"
             >
               <summary
-                className="openapi-demo__details-summary"
+                className="openapi-explorer__details-summary"
                 onClick={(e) => {
                   e.preventDefault();
                   setExpandAuth(!expandAuth);
@@ -212,10 +212,10 @@ function Request({ item }: { item: NonNullable<ApiItem> }) {
               open={
                 expandParams || Object.keys(methods.formState.errors).length
               }
-              className="openapi-demo__details-container"
+              className="openapi-explorer__details-container"
             >
               <summary
-                className="openapi-demo__details-summary"
+                className="openapi-explorer__details-summary"
                 onClick={(e) => {
                   e.preventDefault();
                   setExpandParams(!expandParams);
@@ -229,10 +229,10 @@ function Request({ item }: { item: NonNullable<ApiItem> }) {
           {showRequestBody && (
             <details
               open={expandBody}
-              className="openapi-demo__details-container"
+              className="openapi-explorer__details-container"
             >
               <summary
-                className="openapi-demo__details-summary"
+                className="openapi-explorer__details-summary"
                 onClick={(e) => {
                   e.preventDefault();
                   setExpandBody(!expandBody);
@@ -258,10 +258,10 @@ function Request({ item }: { item: NonNullable<ApiItem> }) {
           {showAcceptOptions && (
             <details
               open={expandAccept}
-              className="openapi-demo__details-container"
+              className="openapi-explorer__details-container"
             >
               <summary
-                className="openapi-demo__details-summary"
+                className="openapi-explorer__details-summary"
                 onClick={(e) => {
                   e.preventDefault();
                   setExpandAccept(!expandAccept);
@@ -273,7 +273,7 @@ function Request({ item }: { item: NonNullable<ApiItem> }) {
             </details>
           )}
           {showRequestButton && (
-            <button className="openapi-demo__request-btn" type="submit">
+            <button className="openapi-explorer__request-btn" type="submit">
               Send API Request
             </button>
           )}

package/src/theme/{ApiDemoPanel → ApiExplorer}/Request/makeRequest.ts

@@ -6,7 +6,7 @@
  * ========================================================================== */
 
 import sdk from "@paloaltonetworks/postman-collection";
-import { Body } from "@theme/ApiDemoPanel/Body/slice";
+import { Body } from "@theme/ApiExplorer/Body/slice";
 
 function fetchWithtimeout(
   url: string,

package/src/theme/{ApiDemoPanel → ApiExplorer}/Response/_Response.scss

@@ -1,7 +1,7 @@
-.openapi-demo__response-container {
+.openapi-explorer__response-container {
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
-  border: 1px solid var(--openapi-demo-border-color);
+  border: 1px solid var(--openapi-explorer-border-color);
   box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
@@ -17,15 +17,15 @@
       0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
   }
 
-  .openapi-demo__code-block code {
+  .openapi-explorer__code-block code {
     padding-top: 0;
   }
 }
 
-.openapi-demo__response-title-container {
+.openapi-explorer__response-title-container {
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid var(--openapi-demo-border-color);
+  border-bottom: 1px solid var(--openapi-explorer-border-color);
   margin: 0;
   padding: 0.75rem var(--ifm-pre-padding);
   text-transform: uppercase;
@@ -33,20 +33,20 @@
   font-weight: bold;
 }
 
-.openapi-demo__response-placeholder-message {
+.openapi-explorer__response-placeholder-message {
   font-size: 12px;
   padding: 1.25rem;
   margin-bottom: 0;
   text-align: center;
 }
 
-.openapi-demo__response-clear-btn {
+.openapi-explorer__response-clear-btn {
   &:hover {
     cursor: pointer;
   }
 }
 
-.openapi-demo__loading-container {
+.openapi-explorer__loading-container {
   width: 100%;
   display: flex;
   justify-content: center;

package/src/theme/{ApiDemoPanel → ApiExplorer}/Response/index.tsx

@@ -10,7 +10,7 @@ import React from "react";
 import { usePrismTheme } from "@docusaurus/theme-common";
 import { useDoc } from "@docusaurus/theme-common/internal";
 import { Loading } from "@nextui-org/react";
-import ApiCodeBlock from "@theme/ApiDemoPanel/ApiCodeBlock";
+import ApiCodeBlock from "@theme/ApiExplorer/ApiCodeBlock";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import SchemaTabs from "@theme/SchemaTabs";
 import TabItem from "@theme/TabItem";
@@ -73,11 +73,11 @@ function Response({ item }: { item: NonNullable<ApiItem> }) {
   }
 
   return (
-    <div className="openapi-demo__response-container">
-      <div className="openapi-demo__response-title-container">
-        <span className="openapi-demo__response-title">Response</span>
+    <div className="openapi-explorer__response-container">
+      <div className="openapi-explorer__response-title-container">
+        <span className="openapi-explorer__response-title">Response</span>
         <span
-          className="openapi-demo__response-clear-btn"
+          className="openapi-explorer__response-clear-btn"
           onClick={() => {
             dispatch(clearResponse());
             dispatch(clearCode());
@@ -110,11 +110,11 @@ function Response({ item }: { item: NonNullable<ApiItem> }) {
             >
               {/* @ts-ignore */}
               <ApiCodeBlock
-                className="openapi-demo__code-block openapi-response__status-code"
+                className="openapi-explorer__code-block openapi-response__status-code"
                 language={response.startsWith("<") ? `xml` : `json`}
               >
                 {prettyResponse || (
-                  <p className="openapi-demo__response-placeholder-message">
+                  <p className="openapi-explorer__response-placeholder-message">
                     Click the <code>Send API Request</code> button above and see
                     the response here!
                   </p>
@@ -125,7 +125,7 @@ function Response({ item }: { item: NonNullable<ApiItem> }) {
             <TabItem label="Headers" value="headers">
               {/* @ts-ignore */}
               <ApiCodeBlock
-                className="openapi-demo__code-block openapi-response__status-headers"
+                className="openapi-explorer__code-block openapi-response__status-headers"
                 language={response.startsWith("<") ? `xml` : `json`}
               >
                 {JSON.stringify(headers, undefined, 2)}
@@ -133,11 +133,11 @@ function Response({ item }: { item: NonNullable<ApiItem> }) {
             </TabItem>
           </SchemaTabs>
         ) : prettyResponse === "Fetching..." ? (
-          <div className="openapi-demo__loading-container">
+          <div className="openapi-explorer__loading-container">
             <Loading color="success" />
           </div>
         ) : (
-          <p className="openapi-demo__response-placeholder-message">
+          <p className="openapi-explorer__response-placeholder-message">
             Click the <code>Send API Request</code> button above and see the
             response here!
           </p>

package/src/theme/{ApiDemoPanel → ApiExplorer}/Server/_Server.scss

@@ -1,4 +1,4 @@
-.openapi-demo__server-container {
+.openapi-explorer__server-container {
   background: var(--openapi-card-background-color);
   border-radius: var(--openapi-card-border-radius);
   color: var(--ifm-pre-color);
@@ -15,12 +15,12 @@
   }
 }
 
-.openapi-demo__server-url {
-  font-size: var(--openapi-demo-font-size-input);
+.openapi-explorer__server-url {
+  font-size: var(--openapi-explorer-font-size-input);
   font-family: var(--ifm-font-family-monospace);
 }
 
-.openapi-demo__server-description {
+.openapi-explorer__server-description {
   padding-left: 0.5rem;
   font-weight: var(--ifm-font-weight-bold);
 }

package/src/theme/{ApiDemoPanel → ApiExplorer}/Server/index.tsx

@@ -7,10 +7,10 @@
 
 import React, { useState } from "react";
 
-import FloatingButton from "@theme/ApiDemoPanel/FloatingButton";
-import FormItem from "@theme/ApiDemoPanel/FormItem";
-import FormSelect from "@theme/ApiDemoPanel/FormSelect";
-import FormTextInput from "@theme/ApiDemoPanel/FormTextInput";
+import FloatingButton from "@theme/ApiExplorer/FloatingButton";
+import FormItem from "@theme/ApiExplorer/FormItem";
+import FormSelect from "@theme/ApiExplorer/FormSelect";
+import FormTextInput from "@theme/ApiExplorer/FormTextInput";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 
 import { setServer, setServerVariable } from "./slice";
@@ -59,7 +59,7 @@ function Server() {
     return (
       <FloatingButton onClick={() => setIsEditing(true)} label="Edit">
         <FormItem>
-          <span className="openapi-demo__server-url" title={url}>
+          <span className="openapi-explorer__server-url" title={url}>
             {url}
           </span>
         </FormItem>
@@ -67,7 +67,7 @@ function Server() {
     );
   }
   return (
-    <div className="openapi-demo__server-container">
+    <div className="openapi-explorer__server-container">
       <FloatingButton onClick={() => setIsEditing(false)} label="Hide">
         <FormItem>
           <FormSelect
@@ -83,7 +83,7 @@ function Server() {
             }}
             value={value?.url}
           />
-          <small className="openapi-demo__server-description">
+          <small className="openapi-explorer__server-description">
             {value?.description}
           </small>
         </FormItem>

package/src/theme/{ApiDemoPanel → ApiExplorer}/buildPostmanRequest.ts

@@ -6,8 +6,8 @@
  * ========================================================================== */
 
 import sdk from "@paloaltonetworks/postman-collection";
-import { AuthState, Scheme } from "@theme/ApiDemoPanel/Authorization/slice";
-import { Body, Content } from "@theme/ApiDemoPanel/Body/slice";
+import { AuthState, Scheme } from "@theme/ApiExplorer/Authorization/slice";
+import { Body, Content } from "@theme/ApiExplorer/Body/slice";
 import {
   ParameterObject,
   ServerObject,

package/src/theme/{ApiDemoPanel → ApiExplorer}/index.tsx

@@ -8,12 +8,12 @@
 import React from "react";
 
 import sdk from "@paloaltonetworks/postman-collection";
-import Curl from "@theme/ApiDemoPanel/Curl";
-import Request from "@theme/ApiDemoPanel/Request";
-import Response from "@theme/ApiDemoPanel/Response";
+import CodeSnippets from "@theme/ApiExplorer/CodeSnippets";
+import Request from "@theme/ApiExplorer/Request";
+import Response from "@theme/ApiExplorer/Response";
 import { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
 
-function ApiDemoPanel({
+function ApiExplorer({
   item,
   infoPath,
 }: {
@@ -24,7 +24,7 @@ function ApiDemoPanel({
 
   return (
     <>
-      <Curl
+      <CodeSnippets
         postman={postman}
         codeSamples={(item as any)["x-code-samples"] ?? []}
       />
@@ -34,4 +34,4 @@ function ApiDemoPanel({
   );
 }
 
-export default ApiDemoPanel;
+export default ApiExplorer;

package/src/theme/{ApiDemoPanel → ApiExplorer}/persistanceMiddleware.ts

@@ -9,7 +9,7 @@ import { Middleware } from "@reduxjs/toolkit";
 import {
   setAuthData,
   setSelectedAuth,
-} from "@theme/ApiDemoPanel/Authorization/slice";
+} from "@theme/ApiExplorer/Authorization/slice";
 import { AppDispatch, RootState } from "@theme/ApiItem/store";
 /* eslint-disable import/no-extraneous-dependencies*/
 import { ThemeConfig } from "docusaurus-theme-openapi-docs/src/types";

package/src/theme/ApiItem/index.tsx

@@ -12,8 +12,8 @@ import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
 import { HtmlClassNameProvider } from "@docusaurus/theme-common";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useIsBrowser from "@docusaurus/useIsBrowser";
-import { createAuth } from "@theme/ApiDemoPanel/Authorization/slice";
-import { createPersistanceMiddleware } from "@theme/ApiDemoPanel/persistanceMiddleware";
+import { createAuth } from "@theme/ApiExplorer/Authorization/slice";
+import { createPersistanceMiddleware } from "@theme/ApiExplorer/persistanceMiddleware";
 import DocItemLayout from "@theme/ApiItem/Layout";
 import type { Props } from "@theme/DocItem";
 import DocItemMetadata from "@theme/DocItem/Metadata";
@@ -32,10 +32,10 @@ import { createStoreWithoutState, createStoreWithState } from "./store";
 
 const { DocProvider } = require("@docusaurus/theme-common/internal");
 
-let ApiDemoPanel = (_: { item: any; infoPath: any }) => <div />;
+let ApiExplorer = (_: { item: any; infoPath: any }) => <div />;
 
 if (ExecutionEnvironment.canUseDOM) {
-  ApiDemoPanel = require("@theme/ApiDemoPanel").default;
+  ApiExplorer = require("@theme/ApiExplorer").default;
 }
 
 interface ApiFrontMatter extends DocFrontMatter {
@@ -140,7 +140,7 @@ export default function ApiItem(props: Props): JSX.Element {
                 <div className="col col--5 openapi-right-panel__container">
                   <BrowserOnly fallback={<div>Loading...</div>}>
                     {() => {
-                      return <ApiDemoPanel item={api} infoPath={infoPath} />;
+                      return <ApiExplorer item={api} infoPath={infoPath} />;
                     }}
                   </BrowserOnly>
                 </div>

package/src/theme/ApiItem/store.ts

@@ -6,13 +6,13 @@
  * ========================================================================== */
 
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
-import accept from "@theme/ApiDemoPanel/Accept/slice";
-import auth from "@theme/ApiDemoPanel/Authorization/slice";
-import body from "@theme/ApiDemoPanel/Body/slice";
-import contentType from "@theme/ApiDemoPanel/ContentType/slice";
-import params from "@theme/ApiDemoPanel/ParamOptions/slice";
-import response from "@theme/ApiDemoPanel/Response/slice";
-import server from "@theme/ApiDemoPanel/Server/slice";
+import accept from "@theme/ApiExplorer/Accept/slice";
+import auth from "@theme/ApiExplorer/Authorization/slice";
+import body from "@theme/ApiExplorer/Body/slice";
+import contentType from "@theme/ApiExplorer/ContentType/slice";
+import params from "@theme/ApiExplorer/ParamOptions/slice";
+import response from "@theme/ApiExplorer/Response/slice";
+import server from "@theme/ApiExplorer/Server/slice";
 
 const rootReducer = combineReducers({
   accept,

package/src/theme/MimeTabs/index.js

@@ -12,8 +12,8 @@ import {
   useTabs,
 } from "@docusaurus/theme-common/internal";
 import useIsBrowser from "@docusaurus/useIsBrowser";
-import { setAccept } from "@theme/ApiDemoPanel/Accept/slice";
-import { setContentType } from "@theme/ApiDemoPanel/ContentType/slice";
+import { setAccept } from "@theme/ApiExplorer/Accept/slice";
+import { setContentType } from "@theme/ApiExplorer/ContentType/slice";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import clsx from "clsx";
 

package/src/theme/styles.scss

@@ -5,28 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 /* API Demo Panel */
-@use "./ApiDemoPanel/CodeTabs/CodeTabs";
-@use "./ApiDemoPanel/FloatingButton/FloatingButton";
-@use "./ApiDemoPanel/FormFileUpload/FormFileUpload";
-@use "./ApiDemoPanel/FormItem/FormItem";
-@use "./ApiDemoPanel/FormMultiSelect/FormMultiSelect";
-@use "./ApiDemoPanel/FormSelect/FormSelect";
-@use "./ApiDemoPanel/FormTextInput/FormTextInput";
-@use "./ApiDemoPanel/LiveEditor/LiveEditor";
-@use "./ApiDemoPanel/MethodEndpoint/MethodEndpoint";
-@use "./ApiDemoPanel/ParamOptions/ParamOptions";
-@use "./ApiDemoPanel/Request/Request";
-@use "./ApiDemoPanel/Response/Response";
-@use "./ApiDemoPanel/Server/Server";
+@use "./ApiExplorer/CodeTabs/CodeTabs";
+@use "./ApiExplorer/FloatingButton/FloatingButton";
+@use "./ApiExplorer/FormFileUpload/FormFileUpload";
+@use "./ApiExplorer/FormItem/FormItem";
+@use "./ApiExplorer/FormMultiSelect/FormMultiSelect";
+@use "./ApiExplorer/FormSelect/FormSelect";
+@use "./ApiExplorer/FormTextInput/FormTextInput";
+@use "./ApiExplorer/LiveEditor/LiveEditor";
+@use "./ApiExplorer/MethodEndpoint/MethodEndpoint";
+@use "./ApiExplorer/ParamOptions/ParamOptions";
+@use "./ApiExplorer/Request/Request";
+@use "./ApiExplorer/Response/Response";
+@use "./ApiExplorer/Server/Server";
 
 /* Api Demo Panel / ApiCodeBlock */
-@use "./ApiDemoPanel/ApiCodeBlock/Container/Container";
-@use "./ApiDemoPanel/ApiCodeBlock/Content/Content";
-@use "./ApiDemoPanel/ApiCodeBlock/CopyButton/CopyButton";
-@use "./ApiDemoPanel/ApiCodeBlock/ExitButton/ExitButton";
-@use "./ApiDemoPanel/ApiCodeBlock/ExpandButton/ExpandButton";
-@use "./ApiDemoPanel/ApiCodeBlock/Line/Line";
-@use "./ApiDemoPanel/ApiCodeBlock/WordWrapButton/WordWrapButton";
+@use "./ApiExplorer/ApiCodeBlock/Container/Container";
+@use "./ApiExplorer/ApiCodeBlock/Content/Content";
+@use "./ApiExplorer/ApiCodeBlock/CopyButton/CopyButton";
+@use "./ApiExplorer/ApiCodeBlock/ExitButton/ExitButton";
+@use "./ApiExplorer/ApiCodeBlock/ExpandButton/ExpandButton";
+@use "./ApiExplorer/ApiCodeBlock/Line/Line";
+@use "./ApiExplorer/ApiCodeBlock/WordWrapButton/WordWrapButton";
 
 /* Schema Styling */
 @use "./ParamsItem/ParamsItem";
@@ -75,16 +75,16 @@
   --openapi-code-tab-shadow-color-php: rgba(97, 129, 182, 0.25);
   --openapi-code-tab-shadow-color-java: rgba(3, 116, 189, 0.25);
   --opeanpi-code-tab-shadow-color-powershell: rgba(3, 116, 189, 0.25);
-  --openapi-demo-font-size-input: 12px;
-  --openapi-demo-font-size-code: 12px;
-  --openapi-demo-padding-input: 0.5rem;
-  --openapi-demo-border-color: var(--ifm-toc-border-color);
-  --openapi-demo-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
+  --openapi-explorer-font-size-input: 12px;
+  --openapi-explorer-font-size-code: 12px;
+  --openapi-explorer-padding-input: 0.5rem;
+  --openapi-explorer-border-color: var(--ifm-toc-border-color);
+  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
 }
 
 [data-theme="dark"] {
   --openapi-card-background-color: var(--ifm-color-gray-900) !important;
-  --openapi-demo-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="white"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>') !important;
+  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="white"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>') !important;
 }
 
 .docs-wrapper {
@@ -114,7 +114,7 @@
 
 /* Demo panel details */
 
-// .theme-api-markdown .openapi-demo__details > div > div > pre {
+// .theme-api-markdown .openapi-explorer__details > div > div > pre {
 //   border-top-left-radius: 0;
 //   border-top-right-radius: 0;
 // }