@redocly/api-docs 0.2.0-next.5 → 0.2.0-next.7

package/lib/components/panels/ExampleItem/ServerDropdown.js

@@ -1,4 +1,4 @@
-import{jsx as i,jsxs as p}from"react/jsx-runtime";import{useCallback as f,useEffect as P,useMemo as g}from"react";import{useAtom as $,useAtomValue as h}from"jotai";import{styled as S}from"styled-components";import{getOperationColor as D}from"@redocly/theme/core/openapi";import{breakpoints as M}from"@redocly/theme/core/openapi";import{Dropdown as V}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as W}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as B}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{CopyButton as I}from"@redocly/theme/components/Buttons/CopyButton";import{environmentAtom as L,savedEnvironmentNameAtom as O}from"../../../jotai/app.js";import{resolveServerUrl as w}from"../../../services/code-samples/replay/normalize-servers.js";import{replaceServerVariables as q}from"../../../services/code-samples/server-variables.js";import{getServerEnvName as T}from"../../../utils/environments.js";import{globalOptionsAtom as _}from"../../../jotai/store.js";import{useTelemetry as H}from"../../../hooks/useTelemetry.js";import{createTargetServerSwitchEvent as R}from"../../../events/serverSwitch.js";import{PanelItem as z}from"../../common/PanelItem.js";import{HttpVerb as U,PathLabel as C,PathWrapper as F,StaticPathWrapper as G}from"./styled.js";function J(o="",n="",t="/"){return o.endsWith(t)&&o!==t&&(o=o.slice(0,-t.length)),n.startsWith(t)&&(n=n.slice(t.length)),!o||!n||o===t?o+n:o+t+n}const K=S(B)`
+import{jsx as i,jsxs as p}from"react/jsx-runtime";import{useCallback as f,useEffect as P,useMemo as g}from"react";import{useAtom as $,useAtomValue as h}from"jotai";import{styled as S}from"styled-components";import{getOperationColor as D}from"@redocly/theme/core/openapi";import{breakpoints as M}from"@redocly/theme/core/openapi";import{Dropdown as V}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as W}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as B}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{CopyButton as I}from"@redocly/theme/components/Buttons/CopyButton";import{environmentAtom as L,savedEnvironmentNameAtom as O}from"../../../jotai/app.js";import{resolveServerUrl as w}from"../../../services/code-samples/normalize-servers.js";import{replaceServerVariables as q}from"../../../services/code-samples/server-variables.js";import{getServerEnvName as T}from"../../../utils/environments.js";import{globalOptionsAtom as _}from"../../../jotai/store.js";import{useTelemetry as H}from"../../../hooks/useTelemetry.js";import{createTargetServerSwitchEvent as R}from"../../../events/serverSwitch.js";import{PanelItem as z}from"../../common/PanelItem.js";import{HttpVerb as U,PathLabel as C,PathWrapper as F,StaticPathWrapper as G}from"./styled.js";function J(o="",n="",t="/"){return o.endsWith(t)&&o!==t&&(o=o.slice(0,-t.length)),n.startsWith(t)&&(n=n.slice(t.length)),!o||!n||o===t?o+n:o+t+n}const K=S(B)`
   padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
     var(--spacing-lg);
   @media screen and (max-width: ${M.large}) {

package/lib/components/panels/ExampleItem/generate-request-sample.d.ts

@@ -0,0 +1,28 @@
+import type { CodeSampleSource } from '../../../services/code-samples/index.js';
+import type { HARBuildResolvers, HARBuildSelections } from '../../../services/code-samples/index.js';
+import type { ApiDocsOptions } from '../../../types/options.js';
+type GenerateRequestSampleParams = {
+    source: CodeSampleSource;
+    activeLanguage: string;
+    serverUrl: string | undefined;
+    /** Raw (templated) spec URL of the active server — keys the env-variable overrides. */
+    activeServerSpecUrl: string | undefined;
+    mediaType: string | undefined;
+    environment: HARBuildSelections['environment'];
+    harRequestValues: HARBuildSelections['requestValues'];
+    securityGroups: CodeSampleSource['securityGroups'];
+    securityIdx: number;
+    replayBody: unknown;
+    exampleName: string | undefined;
+    options: ApiDocsOptions;
+    resolvers: HARBuildResolvers;
+    translate: (key: string, fallback: string) => string;
+};
+/**
+ * Builds the generated (non-`x-codeSamples`) request sample for the active
+ * language. Excluded from the community edition — only spec-provided samples
+ * and the payload view render there. Returns `undefined` for languages
+ * without a generator.
+ */
+export declare function generateRequestSample({ source, activeLanguage, serverUrl, activeServerSpecUrl, mediaType, environment, harRequestValues, securityGroups, securityIdx, replayBody, exampleName, options, resolvers, translate, }: GenerateRequestSampleParams): string | undefined;
+export {};

package/lib/components/panels/ExampleItem/generate-request-sample.js

@@ -0,0 +1 @@
+import{getGeneratorKey as C}from"../../../utils/languages.js";import{buildCodeSampleHAR as O,tryGenerateCodeSample as y}from"../../../services/code-samples/index.js";import{applyEnvVariables as b}from"../../../services/code-samples/apply-env-variables.js";function P({source:l,activeLanguage:n,serverUrl:o,activeServerSpecUrl:d,mediaType:m,environment:p,harRequestValues:i,securityGroups:e,securityIdx:s,replayBody:u,exampleName:S,options:a,resolvers:c,translate:f}){const h=e?.length?Object.keys(e.length>1?e[s]??e[0]:e[0]):void 0,g=O(l,{serverUrl:o,mediaType:m,environment:p,requestValues:i,activeSecuritySchemeIds:h,replayBody:u,exampleName:S},{skipOptionalParameters:a.codeSamples?.skipOptionalParameters,withOAuth2Call:a.codeSamples?.withOAuth2Call,generatedPayloadSamplesMaxDepth:a.generatedSamplesMaxDepth},c),r=a.codeSamples?.languages?.find(k=>k.key===n),t=y(r?C(r):n,g,r?.options);if(t.kind!=="unsupported-language")return t.kind==="error"?(console.error(t.error),`// ${f("failedToGenerateCodeSample","Failed to generate code sample.")}`):b(t.source,l.requestValues,d)}export{P as generateRequestSample};

package/lib/components/panels/ExampleItem/styled.d.ts

@@ -21,55 +21,7 @@ export declare const PathLabel: import("styled-components/dist/types").IStyledCo
 export declare const ResponsePanelHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const MediaTypeRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const DisabledMimeSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>>> & string;
-export declare const StyledSelectDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
-    trigger: React.ReactNode;
-    triggerEvent?: 'click' | 'hover';
-    placement?: 'top' | 'bottom';
-    alignment?: 'start' | 'end';
-    active?: boolean;
-    closeOnClick?: boolean;
-    dataAttributes?: Record<string, string>;
-    className?: string;
-    withArrow?: boolean;
-    portalled?: boolean;
-    onClick?: (event: React.UIEvent) => void;
-    onClose?: () => void;
-    onOpen?: () => void;
-} & {
-    children?: React.ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, never> & Partial<Pick<{
-    trigger: React.ReactNode;
-    triggerEvent?: 'click' | 'hover';
-    placement?: 'top' | 'bottom';
-    alignment?: 'start' | 'end';
-    active?: boolean;
-    closeOnClick?: boolean;
-    dataAttributes?: Record<string, string>;
-    className?: string;
-    withArrow?: boolean;
-    portalled?: boolean;
-    onClick?: (event: React.UIEvent) => void;
-    onClose?: () => void;
-    onOpen?: () => void;
-} & {
-    children?: React.ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    trigger: React.ReactNode;
-    triggerEvent?: 'click' | 'hover';
-    placement?: 'top' | 'bottom';
-    alignment?: 'start' | 'end';
-    active?: boolean;
-    closeOnClick?: boolean;
-    dataAttributes?: Record<string, string>;
-    className?: string;
-    withArrow?: boolean;
-    portalled?: boolean;
-    onClick?: (event: React.UIEvent) => void;
-    onClose?: () => void;
-    onOpen?: () => void;
-} & {
-    children?: React.ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledSelectDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@redocly/theme").DropdownProps & import("react").RefAttributes<HTMLDivElement>, never> & Partial<Pick<import("@redocly/theme").DropdownProps & import("react").RefAttributes<HTMLDivElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("@redocly/theme").DropdownProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const SelectDropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@redocly/theme").DropdownMenuProps & import("styled-components/dist/types").BaseObject, never> & Partial<Pick<import("@redocly/theme").DropdownMenuProps & import("styled-components/dist/types").BaseObject, never>>> & string & Omit<typeof DropdownMenu, keyof import("react").Component<any, {}, any>>;
 export declare const SelectDropdownMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Partial<Pick<import("@redocly/theme").LinkProps, "external" | "target" | "to">> & {
     prefix?: import("react").ReactNode;

package/lib/components/panels/ExampleItem/useActiveServer.d.ts

@@ -0,0 +1,17 @@
+import type { CodeSamplePanelItem } from '../../../types/content.js';
+type ActiveServer = {
+    /** Environment atom value — the first entry holds the active env variables. */
+    environment: [Record<string, string>, string];
+    /** Variable-substituted URL of the active server. */
+    url: string | undefined;
+    /** Raw (templated) spec URL — keys `requestValues.serverBody`/`serverEnvVariables`. */
+    specUrl: string | undefined;
+};
+/**
+ * The active server for the code-sample panel.
+ * `requestValues.serverBody`/`serverEnvVariables` are keyed by the raw
+ * (templated) spec server URL, while the environment may hold the
+ * variable-substituted URL — keep both forms of the active server.
+ */
+export declare function useActiveServer(node: CodeSamplePanelItem): ActiveServer;
+export {};

package/lib/components/panels/ExampleItem/useActiveServer.js

@@ -0,0 +1 @@
+import{useMemo as c}from"react";import{useAtomValue as l}from"jotai";import{environmentAtom as v}from"../../../jotai/app.js";import{replaceServerVariables as m,serverMatchesUrl as i}from"../../../services/code-samples/server-variables.js";function A(e){const t=e.source,r=l(v);return c(()=>{const s=r[0].server,u=s?e.servers?.find(n=>i(n,s)):void 0;if(s&&u)return{environment:r,url:s,specUrl:u.url};const o=e.servers?.[0];return o?{environment:r,url:m(o),specUrl:o.url}:{environment:r,url:t.servers[0]?.url,specUrl:t.servers[0]?.url}},[r,e.servers,t.servers])}export{A as useActiveServer};

package/lib/components/panels/ExampleItem/useCodeSampleLanguages.d.ts

@@ -0,0 +1,23 @@
+import type { CodeSamplePanelItem } from '../../../types/content.js';
+export declare const PAYLOAD_LANGUAGE: import("../../../index.js").Language;
+export declare const WEBHOOK_LANGUAGE_SAMPLES: {
+    key: string;
+    lang: string;
+    title: string;
+}[];
+type LanguageTab = {
+    key: string;
+    lang: string;
+    title: string;
+};
+type CodeSampleLanguages = {
+    /** Language tabs offered for this panel. */
+    languages: LanguageTab[];
+    /** `x-codeSamples` limited to the configured languages. */
+    filteredDefinitionSamples: CodeSamplePanelItem['definitionSamples'];
+    activeLanguage: string;
+    setLanguage: (key: string) => void;
+};
+/** Which language tabs the code-sample panel offers and which one is active. */
+export declare function useCodeSampleLanguages(node: CodeSamplePanelItem, hasPayloadData: boolean): CodeSampleLanguages;
+export {};

package/lib/components/panels/ExampleItem/useCodeSampleLanguages.js

@@ -0,0 +1 @@
+import{useMemo as c}from"react";import{useAtom as b}from"jotai";import{filterAvailableLanguages as E}from"../../../services/code-samples/language-availability.js";import{DEFAULT_LANGUAGES as A,getLangKey as y}from"../../../utils/languages.js";import{languageAtom as h}from"../../../jotai/app.js";const l=A.find(n=>n.key==="payload")??A[0],f={key:l.key,lang:l.lang,title:l.label},O=[f];function W(n,u){const[{activeLanguage:L,languages:o},k]=b(h),r=n.isWebhook?"payload":L||"curl",i=n.definitionSamples,s=c(()=>{if(!i?.length)return i;const a=new Set((o??[]).map(t=>t.key));return i.filter(t=>a.has(y(t)))},[i,o]),g=c(()=>{const a=(o??[]).map(({key:e,lang:S,title:G})=>({key:e,lang:S,title:G}));let t=u?a:a.filter(e=>e.key!=="payload");const m=new Set(s?.map(e=>y(e))??[]);n.isWebhook&&(t=t.filter(e=>e.key==="payload"||m.has(e.key)));const p=E(t,m);return p.length?p:[a.find(e=>e.key===f.key)??f]},[u,o,n.isWebhook,s]),d=g.some(a=>a.key===r)?r:g[0]?.key??r;return{languages:g,filteredDefinitionSamples:s,activeLanguage:d,setLanguage:k}}export{l as PAYLOAD_LANGUAGE,O as WEBHOOK_LANGUAGE_SAMPLES,W as useCodeSampleLanguages};

package/lib/components/panels/ExampleItem/useReplayRequestState.d.ts

@@ -0,0 +1,18 @@
+import type { CodeSampleSource } from '../../../services/code-samples/index.js';
+import type { HARBuildResolvers, HARBuildSelections } from '../../../services/code-samples/index.js';
+type ReplayRequestState = {
+    /** Raw body the user edited in Replay — feeds sample generation. */
+    body: unknown;
+    /** Replay body parsed for PayloadDisplay (JSON strings become objects). */
+    displayBody: unknown;
+    /** Example the user selected in Replay. */
+    exampleName: string | undefined;
+    harRequestValues: HARBuildSelections['requestValues'];
+    resolvers: HARBuildResolvers;
+};
+/**
+ * Request values the user edited in Replay (Try It) for this operation.
+ * Excluded from the community edition.
+ */
+export declare function useReplayRequestState(source: CodeSampleSource): ReplayRequestState;
+export {};

package/lib/components/panels/ExampleItem/useReplayRequestState.js

@@ -0,0 +1 @@
+import{useMemo as m}from"react";import{useAtomValue as p}from"jotai";import{requestValuesAtom as c}from"../../../jotai/app.js";import{mapReplayAtomValuesToHarRequestValues as y,useCodeSampleResolvers as f}from"../../../services/code-samples/index.js";function x(e){const s=p(c),t=f(),i=`${e.method.toLowerCase()}:${e.path}`,r=s[i],a=m(()=>{const l=y(r??{});return e.requestValues?.security?{...l,security:e.requestValues.security}:l},[r,e.requestValues?.security]),o=r?.body,u=r?.activeExampleName,n=typeof u=="string"?u:void 0;return m(()=>({body:o,displayBody:V(o),exampleName:n,harRequestValues:a,resolvers:t}),[o,n,a,t])}function V(e){if(typeof e!="string")return e;const s=e.trim();if(!s)return e;try{const t=JSON.parse(s);if(t!==null&&typeof t=="object")return t}catch{}return e}export{x as useReplayRequestState};

package/lib/components/panels/ExampleItem/useTryItFooter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { CodeSamplePanelItem } from '../../../types/content.js';
+export declare function useTryItFooter(node: CodeSamplePanelItem): ReactElement | undefined;

package/lib/components/panels/ExampleItem/useTryItFooter.js

@@ -0,0 +1,7 @@
+import{jsx as r}from"react/jsx-runtime";import{useMemo as n}from"react";import{useAtomValue as p}from"jotai";import{styled as a}from"styled-components";import{globalOptionsAtom as s}from"../../../jotai/store.js";import{useOpenApiDefinition as l}from"../../../hoc/withReplayPrefetch.js";import{pickReplayDefinitionDownloadUrl as m}from"../../../utils/fetch-openapi-definition.js";import{Replay as d}from"../../Replay/index.js";function A(o){const e=p(s),t=l(),i=!(e.hideReplay||o.hideReplay)&&!o.isWebhook&&!!(t??m(e.downloadUrls));return n(()=>i?r(f,{children:r(d,{node:o})}):void 0,[i,o])}const f=a.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  border-top: var(--panel-border);
+  padding: var(--spacing-xs) var(--spacing-md) var(--spacing-sm) var(--spacing-md);
+`;export{A as useTryItFooter};

package/lib/components/panels/GroupPanelItem.js

@@ -53,7 +53,7 @@ import{Fragment as G,jsx as t,jsxs as l}from"react/jsx-runtime";import{styled as
     margin-left: 0;
   }
 `,S=o(z)`
-  border-radius: var(--border-radius);
+  border-radius: var(--border-radius-lg);
   background: var(--bg-color);
   justify-content: space-between;
   width: 100%;

package/lib/components/panels/LanguageItem/LanguagePanelItem.js

@@ -1 +1,5 @@
-import{jsx as s}from"react/jsx-runtime";import{useEffect as c}from"react";import{useAtom as g}from"jotai";import{useSpecTranslate as f}from"../../../hooks/useTranslate.js";import{resolveText as u}from"../../../utils/resolveText.js";import{languageAtom as L}from"../../../jotai/app.js";import{OverviewPanel as v}from"../styled.js";import{LanguageList as x}from"./LanguageList.js";function I({node:t}){const i=t.children[0],m=f(),l=i?.options??[],[{activeLanguage:a},n]=g(L),r=l.map(o=>({title:o.title,key:o.key,lang:o.lang})),e=r[0]?.key;c(()=>{!a&&e&&n(e)},[a,e,n]);const p=u(m,t.titleTranslationKey,t.title);return s(v,{header:p,className:"panel-api-docs",isExpandable:!1,children:s(x,{languages:r,activeLanguage:a||e})})}export{I as LanguagePanelItem};
+import{jsx as s}from"react/jsx-runtime";import{useEffect as g}from"react";import{useAtom as c}from"jotai";import{styled as f}from"styled-components";import{useSpecTranslate as u}from"../../../hooks/useTranslate.js";import{resolveText as d}from"../../../utils/resolveText.js";import{languageAtom as y}from"../../../jotai/app.js";import{OverviewPanel as L}from"../styled.js";import{LanguageList as v}from"./LanguageList.js";function b({node:t}){const i=t.children[0],m=u(),l=i?.options??[],[{activeLanguage:a},o]=c(y),r=l.map(n=>({title:n.title,key:n.key,lang:n.lang})),e=r[0]?.key;g(()=>{!a&&e&&o(e)},[a,e,o]);const p=d(m,t.titleTranslationKey,t.title);return s(x,{header:p,className:"panel-api-docs",isExpandable:!1,children:s(v,{languages:r,activeLanguage:a||e})})}const x=f(L)`
+  [data-component-name='Panel/PanelBody'] {
+    padding-top: 0;
+  }
+`;export{b as LanguagePanelItem};

package/lib/components/panels/LanguageItem/styled.js

@@ -1,10 +1,11 @@
-import{styled as t,css as i}from"styled-components";import{Button as n}from"@redocly/theme/components/Button/Button";import{DropdownMenu as r}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as o}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{ITEM_WIDTH as a}from"./constants.js";const h=t(r)`
+import{styled as t,css as n}from"styled-components";import{Button as r}from"@redocly/theme/components/Button/Button";import{DropdownMenu as o}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as a}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{ITEM_WIDTH as s}from"./constants.js";const i="var(--spacing-unit)",f=t(o)`
   position: absolute;
   right: 0;
-`,f=t.span`
+`,u=t.span`
   display: flex;
   justify-content: space-between;
   align-items: center;
+  padding-top: ${i};
 `,x=t.span`
   max-width: 150px;
   text-overflow: ellipsis;
@@ -14,14 +15,14 @@ import{styled as t,css as i}from"styled-components";import{Button as n}from"@red
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: ${({$active:e})=>e?"var(--font-weight-medium)":"var(--font-weight-regular)"};
-`,s=t.span`
+`,l=t.span`
   width: 100%;
   display: inherit;
   gap: inherit;
   flex-direction: inherit;
   justify-content: inherit;
   align-items: inherit;
-`,u=t.span`
+`,v=t.span`
   width: 24px;
   height: 24px;
   display: flex;
@@ -29,15 +30,15 @@ import{styled as t,css as i}from"styled-components";import{Button as n}from"@red
   justify-content: center;
   flex-shrink: 0;
   overflow: hidden;
-`,v=t.div`
+`,m=t.div`
   display: flex;
   justify-content: ${({$justifyContent:e="start"})=>e};
   align-items: center;
   width: 100%;
-`,m=t.button`
+`,w=t.button`
   background: none;
   border: none;
-  width: ${a}px;
+  width: ${s}px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -52,12 +53,14 @@ import{styled as t,css as i}from"styled-components";import{Button as n}from"@red
 
   &:hover {
     color: var(--text-color-primary);
+    background-color: var(--layer-color-hover);
   }
 
-  ${({$active:e})=>e&&i`
+  ${({$active:e})=>e&&n`
       &::before {
         position: absolute;
-        top: calc(-1 * var(--spacing-sm) - 1px);
+        top: calc(-1 * ${i} - 1px);
+        left: 0;
         border-top: 3px solid var(--text-color-primary);
         width: 100%;
         content: '';
@@ -65,7 +68,7 @@ import{styled as t,css as i}from"styled-components";import{Button as n}from"@red
         border-bottom-right-radius: calc(var(--border-radius) / 2);
       }
     `}
-`,w=t(o)`
+`,b=t(a)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -75,22 +78,22 @@ import{styled as t,css as i}from"styled-components";import{Button as n}from"@red
   width: ${({$width:e=204})=>e}px;
   fill: var(--menu-content-color-active);
 
-  ${s} {
+  ${l} {
     width: auto;
     justify-content: flex-start;
   }
-`,b=t(n)`
+`,y=t(r)`
   display: inline-flex;
 
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-medium);
   cursor: pointer;
-`,y=t.span`
+`,L=t.span`
   display: inline-flex;
   align-items: center;
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-regular);
   color: var(--text-color-secondary);
-`;export{f as Container,b as DropdownTriggerButton,u as LanguageIcon,v as LanguageListContainer,m as LanguageListItem,x as LanguageTitle,s as LanguageTitleContainer,h as RightAlignedDropdownMenu,y as StaticLanguageLabel,w as StyledDropdownMenuItem};
+`;export{u as Container,y as DropdownTriggerButton,v as LanguageIcon,m as LanguageListContainer,w as LanguageListItem,x as LanguageTitle,l as LanguageTitleContainer,f as RightAlignedDropdownMenu,L as StaticLanguageLabel,b as StyledDropdownMenuItem};

package/lib/components/panels/McpExamplePanelItem.js

@@ -1,6 +1,6 @@
-import{Fragment as o,jsx as a}from"react/jsx-runtime";import{styled as l}from"styled-components";import{CodeBlock as s}from"@redocly/theme/components/CodeBlock/CodeBlock";import{CodeBlockPanel as d,StyledJsonViewer as t}from"./styled.js";const p=l(s)`
+import{Fragment as r,jsx as a}from"react/jsx-runtime";import{styled as t}from"styled-components";import{CodeBlock as l}from"@redocly/theme/components/CodeBlock/CodeBlock";import{useSpecTranslate as s}from"../../hooks/useTranslate.js";import{CodeBlockPanel as m,StyledJsonViewer as c}from"./styled.js";const i={"openapi.mcp.inputExample":"Input example","openapi.mcp.outputExample":"Output example","openapi.mcp.argumentsExample":"Arguments example","openapi.mcp.exampleTitle":"Resource content"},d=t(l)`
   border: none;
   padding: 0 8px;
   margin-bottom: 0;
   --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm);
-`;function x({node:r}){return a(o,{children:r.children.map((e,n)=>a(d,{className:"panel-response-samples",header:e.headerTitle,isExpandable:!1,children:e.language?a(p,{source:String(e.data),header:{title:e.language,controls:{copy:{}}}}):a(t,{data:e.data,expandLevel:Number.POSITIVE_INFINITY})},n))})}export{x as McpExamplePanelItem};
+`;function I({node:n}){const p=s();return a(r,{children:n.children.map((e,o)=>a(m,{className:"panel-response-samples",header:p(e.headerTitleTranslationKey,i[e.headerTitleTranslationKey]),isExpandable:!1,children:e.language?a(d,{source:String(e.data),header:{title:e.language,controls:{copy:{}}}}):a(c,{data:e.data,expandLevel:Number.POSITIVE_INFINITY})},o))})}export{I as McpExamplePanelItem};

package/lib/components/panels/McpPanelItem.js

@@ -1,4 +1,4 @@
-import{jsx as n,jsxs as s}from"react/jsx-runtime";import{styled as a}from"styled-components";import{memo as v}from"react";import{PageActions as g}from"@redocly/theme/components/PageActions/PageActions";import{panelKind as o}from"../../types/common.js";import{useSpecTranslate as u}from"../../hooks/useTranslate.js";import{resolveText as d}from"../../utils/resolveText.js";import{OverviewPanel as m}from"./styled.js";function K({node:e}){const r=e,l=u(),i=r.children,c=d(l,e.titleTranslationKey,e.title);return n(m,{header:c,className:"panel-api-docs",isExpandable:!1,children:n(y,{children:i.map((t,h)=>n(b,{item:t,translate:l},x(t,h)))})})}function x(e,r){return e.kind===o.ATTRIBUTE?`${e.label}-${r}`:e.kind===o.TAGS?`${e.title||"tags"}-${r}`:e.kind===o.EXTERNAL_LINK?`${e.url}-${r}`:e.kind===o.CONNECT_MCP_BUTTON?`${e.mcpUrl}-${r}`:`mcp-item-${r}`}const b=v(function({item:r,translate:l}){const i=d(l,r.titleTranslationKey,r.title),c="label"in r?d(l,r.labelTranslationKey,r.label):"";return r.kind===o.ATTRIBUTE?s(p,{children:[n(f,{children:r.title||c}),n(k,{children:r.value})]}):r.kind===o.TAGS?s(p,{children:[n(f,{children:i||"Tags"}),n(P,{children:r.tags.map(t=>s(w,{variant:t.color==="green"?"success":void 0,children:[t.icon==="checkmark"&&n(T,{})," ",t.text]},t.text))})]}):r.kind===o.EXTERNAL_LINK?s(p,{children:[n(f,{children:i||"Link"}),n($,{href:r.url,target:"_blank",rel:"noopener noreferrer",children:r.label})]}):r.kind===o.CONNECT_MCP_BUTTON?n(N,{children:n(g,{actions:r.actions,mcpUrl:r.mcpUrl})}):null});function T(){return n("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:n("polyline",{points:"20 6 9 17 4 12"})})}const y=a.div`
+import{jsx as n,jsxs as s}from"react/jsx-runtime";import{styled as a}from"styled-components";import{memo as g}from"react";import{PageActions as v}from"@redocly/theme/components/PageActions/PageActions";import{panelKind as o}from"../../types/common.js";import{useSpecTranslate as u}from"../../hooks/useTranslate.js";import{resolveText as d}from"../../utils/resolveText.js";import{OverviewPanel as m}from"./styled.js";function K({node:e}){const r=e,l=u(),i=r.children,c=d(l,e.titleTranslationKey,e.title);return n(m,{header:c,className:"panel-api-docs",isExpandable:!1,children:n(y,{children:i.map((t,h)=>n(b,{item:t,translate:l},x(t,h)))})})}function x(e,r){return e.kind===o.ATTRIBUTE?`${e.label}-${r}`:e.kind===o.TAGS?`${e.title||"tags"}-${r}`:e.kind===o.EXTERNAL_LINK?`${e.url}-${r}`:e.kind===o.CONNECT_MCP_BUTTON?`${e.mcpUrl}-${r}`:`mcp-item-${r}`}const b=g(function({item:r,translate:l}){const i=d(l,r.titleTranslationKey,r.title),c="label"in r?d(l,r.labelTranslationKey,r.label):"";return r.kind===o.ATTRIBUTE?s(p,{children:[n(f,{children:r.title||c}),n(k,{children:r.value})]}):r.kind===o.TAGS?s(p,{children:[n(f,{children:i||"Tags"}),n(P,{children:r.tags.map(t=>s(w,{variant:t.color==="green"?"success":void 0,children:[t.icon==="checkmark"&&n(T,{})," ",t.text]},t.text))})]}):r.kind===o.EXTERNAL_LINK?s(p,{children:[n(f,{children:i||"Link"}),n($,{href:r.url,target:"_blank",rel:"noopener noreferrer",children:r.label})]}):r.kind===o.CONNECT_MCP_BUTTON?n(N,{children:n(v,{actions:r.actions,mcpUrl:r.mcpUrl})}):null});function T(){return n("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:n("polyline",{points:"20 6 9 17 4 12"})})}const y=a.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
@@ -29,7 +29,7 @@ import{jsx as n,jsxs as s}from"react/jsx-runtime";import{styled as a}from"styled
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   padding: 0 var(--spacing-xxs);
-  border-radius: var(--border-radius);
+  border-radius: var(--tag-border-radius);
   font-family: var(--font-family-monospaced);
   background: ${({variant:e})=>e==="success"?"var(--badge-ok-bg-color, var(--tag-bg-color))":"var(--tag-bg-color, var(--border-color-secondary))"};
   color: ${({variant:e})=>e==="success"?"var(--badge-ok-text-color, var(--text-color-secondary))":"var(--text-color-secondary)"};

package/lib/components/panels/ServerItem/ServerItem.js

@@ -1,4 +1,4 @@
-import{jsx as i,jsxs as t}from"react/jsx-runtime";import{styled as o}from"styled-components";import{CopyButton as f}from"@redocly/theme/components/Buttons/CopyButton";import{PanelItem as x,PanelItemDescription as b,Title as v,ServerTitleWrapper as u,TitleWrap as y}from"../../common/PanelItem.js";import{Tag as h}from"../../common/Tag.js";import{useSpecTranslate as w}from"../../../hooks/useTranslate.js";import{Markdown as S}from"../../common/Markdown.js";import{ViewNested as T}from"../../common/ViewNested.js";import{ServerDescriptionTooltip as D}from"./ServerDescriptionTooltip.js";import{resolveServerUrl as j}from"../../../services/code-samples/replay/normalize-servers.js";function U({server:e}){const n=w(),a=j(e.url),p=Object.keys(e.variables||{}).length,l=p===1?"variable":"variables",d=`${p||""} ${n(l,l)}`,g=!!e.name&&!!e.description;return t(x,{children:[t(u,{children:[i(b,{"data-testid":"server-panel-item-name",children:e.name||e.description}),g&&i(D,{description:e.description})]}),t(y,{children:[i(v,{suppressHydrationWarning:!0,children:a}),i(f,{data:a},a)]}),e.variables&&i(T,{expandText:`${n("actions.show","Show")} ${d}`,hideText:`${n("actions.hide","Hide")} ${d}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i($,{children:Object.entries(e.variables||{}).map(([c,r])=>t(z,{children:[i(k,{children:c}),t(s,{children:[n("default","Default")," ",i(h,{className:"tag-grey",children:r.default})]}),r.description&&(typeof r.description=="string"?i("div",{children:r.description}):i(W,{source:r.description})),r.enum&&t(s,{children:[n("enum","Enum")," ",i(C,{children:r.enum.map(m=>i(h,{className:"tag-grey",children:m},m))})]})]},c))})})]},e.url)}const $=o.div`
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{styled as o}from"styled-components";import{CopyButton as f}from"@redocly/theme/components/Buttons/CopyButton";import{PanelItem as x,PanelItemDescription as b,Title as v,ServerTitleWrapper as u,TitleWrap as y}from"../../common/PanelItem.js";import{Tag as h}from"../../common/Tag.js";import{useSpecTranslate as w}from"../../../hooks/useTranslate.js";import{Markdown as S}from"../../common/Markdown.js";import{ViewNested as T}from"../../common/ViewNested.js";import{ServerDescriptionTooltip as D}from"./ServerDescriptionTooltip.js";import{resolveServerUrl as j}from"../../../services/code-samples/normalize-servers.js";function U({server:e}){const n=w(),a=j(e.url),p=Object.keys(e.variables||{}).length,l=p===1?"variable":"variables",d=`${p||""} ${n(l,l)}`,g=!!e.name&&!!e.description;return t(x,{children:[t(u,{children:[i(b,{"data-testid":"server-panel-item-name",children:e.name||e.description}),g&&i(D,{description:e.description})]}),t(y,{children:[i(v,{suppressHydrationWarning:!0,children:a}),i(f,{data:a},a)]}),e.variables&&i(T,{expandText:`${n("actions.show","Show")} ${d}`,hideText:`${n("actions.hide","Hide")} ${d}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i($,{children:Object.entries(e.variables||{}).map(([c,r])=>t(z,{children:[i(k,{children:c}),t(s,{children:[n("default","Default")," ",i(h,{className:"tag-grey",children:r.default})]}),r.description&&(typeof r.description=="string"?i("div",{children:r.description}):i(W,{source:r.description})),r.enum&&t(s,{children:[n("enum","Enum")," ",i(C,{children:r.enum.map(m=>i(h,{className:"tag-grey",children:m},m))})]})]},c))})})]},e.url)}const $=o.div`
   padding-left: var(--spacing-xxs);
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);

package/lib/components/panels/asyncapi/BrokerItem/BrokerModal.js

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as i}from"react/jsx-runtime";import{styled as e}from"styled-components";import{useState as d,useRef as m}from"react";import{Button as g}from"@redocly/theme/components/Button/Button";import{Typography as f}from"@redocly/theme/components/Typography/Typography";import{Segmented as h}from"@redocly/theme/components/Segmented/Segmented";import{CloseIcon as v}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{DatabaseIcon as u}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as x}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as b}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{useOutsideClick as k}from"@redocly/theme/core/hooks";import{useFocusTrap as w}from"@redocly/theme/core/hooks";import{BrokerOverviewSection as B}from"./BrokerOverviewSection.js";import{BrokerBindingsSection as z}from"./BrokerBindingsSection.js";const y=[{label:"Overview",value:0}],S=({protocol:t})=>{switch(t){case"kafka":return o(x,{size:"24px"});case"amqp":return o(b,{size:"24px"});default:return o(u,{size:"24px"})}},A=({broker:t,onClose:n,panelLabel:l})=>{const[r,p]=d(0),a=m(null);k(a,n),w(a);const s=[...y];return t.bindings&&s.push({label:"Configuration",value:2}),o(I,{"data-component-name":"BrokerModal/BrokerModal",children:i(C,{ref:a,tabIndex:0,children:[o(M,{onClick:n,"data-testid":"close",variant:"ghost",icon:o(v,{})}),i(O,{children:[o(S,{protocol:t.protocol||""}),o(T,{children:t.protocol}),": ",t.name]}),o(h,{value:r,onChange:({value:c})=>p(c),options:s}),i(j,{children:[r===0&&o(B,{broker:t}),r===2&&o(z,{broker:t,panelLabel:l})]})]})})},I=e.div`
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{styled as e}from"styled-components";import{useState as d,useRef as m}from"react";import{Button as g}from"@redocly/theme/components/Button/Button";import{Typography as f}from"@redocly/theme/components/Typography/Typography";import{Segmented as h}from"@redocly/theme/components/Segmented/Segmented";import{CloseIcon as v}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{DatabaseIcon as u}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as x}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as b}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{useOutsideClick as k}from"@redocly/theme/core/hooks";import{useFocusTrap as w}from"@redocly/theme/core/openapi";import{BrokerOverviewSection as B}from"./BrokerOverviewSection.js";import{BrokerBindingsSection as z}from"./BrokerBindingsSection.js";const y=[{label:"Overview",value:0}],S=({protocol:t})=>{switch(t){case"kafka":return o(x,{size:"24px"});case"amqp":return o(b,{size:"24px"});default:return o(u,{size:"24px"})}},A=({broker:t,onClose:n,panelLabel:l})=>{const[r,p]=d(0),a=m(null);k(a,n),w(a);const s=[...y];return t.bindings&&s.push({label:"Configuration",value:2}),o(I,{"data-component-name":"BrokerModal/BrokerModal",children:i(C,{ref:a,tabIndex:0,children:[o(M,{onClick:n,"data-testid":"close",variant:"ghost",icon:o(v,{})}),i(O,{children:[o(S,{protocol:t.protocol||""}),o(T,{children:t.protocol}),": ",t.name]}),o(h,{value:r,onChange:({value:c})=>p(c),options:s}),i(j,{children:[r===0&&o(B,{broker:t}),r===2&&o(z,{broker:t,panelLabel:l})]})]})})},I=e.div`
   background: var(--bg-color-modal-overlay);
   position: fixed;
   width: 100vw;

package/lib/components/panels/asyncapi/BrokerItem/BrokerPanelItem.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{styled as o}from"styled-components";import{memo as b,useCallback as h,useState as B}from"react";import{CopyButton as k}from"@redocly/theme/components/Buttons/CopyButton";import{DatabaseIcon as y}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as M}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as w}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{useModalScrollLock as I}from"@redocly/theme/core/hooks";import{Portal as L}from"@redocly/theme/components/Portal/Portal";import{Panel as S}from"@redocly/theme/components/Panel/Panel";import{MoreDetailsButton as j}from"../../../common/MoreDetailsButton.js";import{useSpecTranslate as P}from"../../../../hooks/useTranslate.js";import{useTelemetry as z}from"../../../../hooks/useTelemetry.js";import{resolveText as C}from"../../../../utils/resolveText.js";import{BrokerModal as T}from"./BrokerModal.js";import{HostList as D}from"./BrokerPanel.styled.js";function H(t){switch(t){case"kafka":return e(M,{size:"20px"});case"amqp":return e(w,{size:"20px"});default:return e(y,{size:"20px"})}}const O=b(function({broker:r,showMoreDetailsButton:i,onOpenModal:s}){return a(Q,{"data-component-name":"BrokerPanel/BrokerItem",children:[a(_,{children:[e(W,{children:H(r.protocol)}),e(q,{children:r.name})]}),r.url&&a(E,{children:[e(D,{children:r.url.split(" ").map((l,c)=>e("span",{children:l},c))}),e(k,{data:r.url},r.url)]}),!i&&e(N,{onClick:()=>s(r),children:e(j,{expanded:!1})})]})});function ie({node:t}){const r=t.children[0],i=r?.brokers??[],s=P(),l=z(),c=C(s,t.titleTranslationKey,t.title),v=r?.panelLabel||c||"Brokers",p=!t.title,[d,m]=B(null);I(d!==null);const g=h(n=>{l.sendServerModalOpenedMessage([{id:"serverModalButton",object:"button",uri:"urn:redocly:redoc:ui:button:serverModalButton",server:n.name??n.url??"unknown"}]),m(n)},[l]),x=h(()=>{m(null)},[]),u=e(A,{children:i.map(n=>e(O,{broker:n,showMoreDetailsButton:p,onOpenModal:g},n.name))}),f=d&&e(L,{mountId:"api-content",children:e(T,{broker:d,onClose:x,panelLabel:v})});return p?a(K,{children:[u,f]}):a(R,{header:t.title,className:"panel-api-docs",isExpandable:!1,children:[u,f]})}const R=o(S)`
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{styled as o}from"styled-components";import{memo as b,useCallback as h,useState as B}from"react";import{CopyButton as k}from"@redocly/theme/components/Buttons/CopyButton";import{DatabaseIcon as y}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as M}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as w}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{useModalScrollLock as I}from"@redocly/theme/core/openapi";import{Portal as L}from"@redocly/theme/components/Portal/Portal";import{Panel as S}from"@redocly/theme/components/Panel/Panel";import{MoreDetailsButton as j}from"../../../common/MoreDetailsButton.js";import{useSpecTranslate as P}from"../../../../hooks/useTranslate.js";import{useTelemetry as z}from"../../../../hooks/useTelemetry.js";import{resolveText as C}from"../../../../utils/resolveText.js";import{BrokerModal as T}from"./BrokerModal.js";import{HostList as D}from"./BrokerPanel.styled.js";function H(t){switch(t){case"kafka":return e(M,{size:"20px"});case"amqp":return e(w,{size:"20px"});default:return e(y,{size:"20px"})}}const O=b(function({broker:r,showMoreDetailsButton:i,onOpenModal:s}){return a(Q,{"data-component-name":"BrokerPanel/BrokerItem",children:[a(_,{children:[e(W,{children:H(r.protocol)}),e(q,{children:r.name})]}),r.url&&a(E,{children:[e(D,{children:r.url.split(" ").map((l,c)=>e("span",{children:l},c))}),e(k,{data:r.url},r.url)]}),!i&&e(N,{onClick:()=>s(r),children:e(j,{expanded:!1})})]})});function ie({node:t}){const r=t.children[0],i=r?.brokers??[],s=P(),l=z(),c=C(s,t.titleTranslationKey,t.title),v=r?.panelLabel||c||"Brokers",p=!t.title,[d,m]=B(null);I(d!==null);const g=h(n=>{l.sendServerModalOpenedMessage([{id:"serverModalButton",object:"button",uri:"urn:redocly:redoc:ui:button:serverModalButton",server:n.name??n.url??"unknown"}]),m(n)},[l]),x=h(()=>{m(null)},[]),u=e(A,{children:i.map(n=>e(O,{broker:n,showMoreDetailsButton:p,onOpenModal:g},n.name))}),f=d&&e(L,{mountId:"api-content",children:e(T,{broker:d,onClose:x,panelLabel:v})});return p?a(K,{children:[u,f]}):a(R,{header:t.title,className:"panel-api-docs",isExpandable:!1,children:[u,f]})}const R=o(S)`
   [data-component-name='Panel/PanelBody'] {
     padding: 0;
   }

package/lib/components/panels/shared-panel-styles.js

@@ -1,6 +1,6 @@
 import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as o}from"styled-components";const s=o.div`
   border: 1px solid var(--border-color-secondary, var(--border-color-primary));
-  border-radius: var(--border-radius);
+  border-radius: var(--panel-border-radius);
   background-color: var(--panel-bg-color, var(--bg-color));
   margin-top: var(--spacing-base);
 `,l=o.div`

package/lib/components/panels/styled.js

@@ -5,7 +5,7 @@ import{styled as o}from"styled-components";import{Panel as e}from"@redocly/theme
 `,c=o(e)`
   [data-component-name='Panel/PanelHeader'],
   [data-component-name='Panel/PanelBody'] {
-    padding: var(--spacing-sm);
+    padding: var(--spacing-sm) var(--spacing-md);
   }
 `,l=o(a)`
   border: none;

package/lib/components/pluggable/RedocResponseSamples.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useId as l,useMemo as u}from"react";import{useAtomValue as a}from"jotai";import{panelKind as c}from"../../types/common.js";import{exampleStoreAtom as R}from"../../jotai/examples.js";import{responseCodesContainingKey as I}from"../../services/code-samples/example-key.js";import{ResponseExampleItem as E}from"../panels/ExampleItem/ResponseExampleItem.js";import{ContentWrapper as S}from"../common/ContentWrapper.js";import{ItemIdContext as x,SYNTHETIC_ITEM_ID_PREFIX as C}from"../../hooks/useDeepLinkSection.js";function N({responseCodes:o,exampleKey:n,schemaId:t}){const m=a(R),s=`${C}${l()}`,i=u(()=>{const e=I(o,n,f=>m[f]);return e.length===1?e:o},[o,n,m]),p=t===void 0?i:i.map(e=>e.schemaId?e:{...e,schemaId:t}),d={kind:c.RESPONSE,headerTitle:"Response",responseCodes:p,examples:[],...o.length===0&&t!==void 0&&{schemaId:t},...n!==void 0&&{exampleKey:n}};return r(x.Provider,{value:s,children:r(S,{children:r(E,{node:d})})})}export{N as RedocResponseSamples};
+import{jsx as r}from"react/jsx-runtime";import{useId as l,useMemo as u}from"react";import{useAtomValue as c}from"jotai";import{panelKind as a}from"../../types/common.js";import{exampleStoreAtom as I}from"../../jotai/examples.js";import{responseCodesContainingKey as R}from"../../services/code-samples/example-key.js";import{ResponseExampleItem as E}from"../panels/ExampleItem/ResponseExampleItem.js";import{ContentWrapper as S}from"../common/ContentWrapper.js";import{ItemIdContext as x,SYNTHETIC_ITEM_ID_PREFIX as C}from"../../hooks/useDeepLinkSection.js";function N({responseCodes:e,exampleKey:n,schemaId:t}){const m=c(I),s=`${C}${l()}`,i=u(()=>{const o=R(e,n,f=>m[f]);return o.length===1?o:e},[e,n,m]),p=t===void 0?i:i.map(o=>o.schemaId?o:{...o,schemaId:t}),d={kind:a.RESPONSE,responseCodes:p,examples:[],...e.length===0&&t!==void 0&&{schemaId:t},...n!==void 0&&{exampleKey:n}};return r(x.Provider,{value:s,children:r(S,{children:r(E,{node:d})})})}export{N as RedocResponseSamples};

package/lib/hoc/withLicenseGate.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentType, FC } from 'react';
+import type { ApiItem } from '../types/store.js';
+export declare function withLicenseGate<P extends {
+    items?: ApiItem[];
+}>(Component: ComponentType<P>): FC<P>;

package/lib/hoc/withLicenseGate.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as r,jsxs as a}from"react/jsx-runtime";import{useLicenseGate as m}from"../hooks/useLicenseGate.js";function x(t){return function(e){const{gatedItems:s,overlay:n}=m(e.items??[]);return a(i,{children:[n,r(t,{...e,items:s})]})}}export{x as withLicenseGate};

package/lib/hoc/withStoreProvider.d.ts

@@ -10,6 +10,8 @@ type WithStoreProviderProps = {
     options: RawApiDocsOptions;
     layout?: LayoutVariant;
     basePath?: string;
+    definition?: Record<string, unknown> | string;
+    definitionUrl?: string;
 };
 export type StoreProviderProps = {
     options?: RawApiDocsOptions;

package/lib/hoc/withStoreProvider.js

@@ -1 +1 @@
-import{jsx as p}from"react/jsx-runtime";import{memo as x,useMemo as h,useEffect as L}from"react";import{createStore as A,Provider as E,useStore as j,getDefaultStore as N}from"jotai";import{LayoutVariant as _}from"@redocly/config";import{createStoreContext as k,toRecord as M}from"../adapters/helpers.js";import{populateOpenApiStore as T}from"../adapters/openapi/store.js";import{DEFAULT_MAX_DISPLAYED_ENUM_VALUES as F}from"../options/constants.js";import{normalizeOptions as U}from"../options/normalizeOptions.js";import{globalStoreAtom as d}from"../jotai/store.js";import{appStore as O,environmentAtom as V,layoutAtom as v,userClaimsAtom as y}from"../jotai/app.js";import{buildServerEnvValues as w}from"../services/code-samples/replay/replay-predefined-env.js";const z={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:F};function P(e,n){const t={...z,...e,basePath:n};return U(t)}const C=new WeakSet;function g(e){C.has(e)||(C.add(e),e.sub(O,()=>{}))}function b(e,n){if(!n?.servers?.length)return;g(e);const t=w(n.servers),i=e.get(O).environments??{},m={};for(const[s,a]of Object.entries(t)){const c=i[s],r=c?Object.fromEntries(Object.entries(a).filter(([o])=>!(o in c))):a;Object.keys(r).length>0&&(m[s]=r)}Object.keys(m).length!==0&&e.set(V,{environments:m})}function Z(e){const n=x(t=>{const{items:i,options:m,store:s,layout:a,basePath:c=""}=t,r=j(),o=r!==N()?r:void 0,u=h(()=>P(m,c),[m,c]),S=a??u.layout;L(()=>{if(o){const f=o.get(d);b(o,s??f.store),o.set(v,S),o.set(y,u.userClaims??{}),o.set(d,{items:i,store:s??f.store,options:u,replayDefinition:f.replayDefinition})}},[S,u,o,i,s]);const D=h(()=>{if(o)return null;const f={items:i,store:s,options:u,replayDefinition:null},l=A();return l.set(d,f),g(l),l.set(v,S),u.userClaims&&l.set(y,u.userClaims),b(l,s),l},[o,i,s,u,S]);return o||!D?p(e,{...t}):p(E,{store:D,children:p(e,{...t})})});return n.displayName=`WithStoreProvider(${I(e)})`,n}function I(e){return e.displayName||e.name||"Component"}function q(e,n){const t=k(M(e));return T(e,t,n),{schemaStore:t.schemaStore,exampleStore:t.exampleStore,securitySchemeStore:t.securitySchemeStore,mcp:t.document["x-mcp"],schemaCatalogLink:t.document["x-schema-catalog-link"]}}const ee=x(function({children:n,definition:t,apiStore:i,options:m}){const s=h(()=>{const a=P({specType:"openapi",...m},m?.basePath??"");let c;if(i)c=i;else if(t)c=q(t,a);else throw new Error("StoreProvider requires either apiStore or definition");const r=A();return r.set(d,{items:[],store:c,options:a,replayDefinition:null}),g(r),r.set(v,_.STACKED),a.userClaims&&r.set(y,a.userClaims),b(r,c),r},[i,t,m]);return p(E,{store:s,children:n})});export{ee as StoreProvider,Z as withStoreProvider};
+import{jsx as p}from"react/jsx-runtime";import{memo as E,useMemo as v,useEffect as j}from"react";import{createStore as O,Provider as P,useStore as N,getDefaultStore as _}from"jotai";import{LayoutVariant as k}from"@redocly/config";import{createStoreContext as M,toRecord as T}from"../adapters/helpers.js";import{populateOpenApiStore as F}from"../adapters/openapi/store.js";import{DEFAULT_MAX_DISPLAYED_ENUM_VALUES as V}from"../options/constants.js";import{normalizeOptions as w}from"../options/normalizeOptions.js";import{globalStoreAtom as h}from"../jotai/store.js";import{appStore as C,environmentAtom as z,layoutAtom as y}from"../jotai/app.js";import{userClaimsAtom as g}from"../jotai/app.js";import{buildServerEnvValues as I}from"../services/code-samples/server-env.js";const q={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:V};function L(e,o){const t={...q,...e,basePath:o};return w(t)}const U=new WeakSet;function b(e){U.has(e)||(U.add(e),e.sub(C,()=>{}))}function D(e,o){if(!o?.servers?.length)return;b(e);const t=I(o.servers),i=e.get(C).environments??{},s={};for(const[n,a]of Object.entries(t)){const m=i[n],r=m?Object.fromEntries(Object.entries(a).filter(([d])=>!(d in m))):a;Object.keys(r).length>0&&(s[n]=r)}Object.keys(s).length!==0&&e.set(z,{environments:s})}function re(e){const o=E(t=>{const{items:i,options:s,store:n,layout:a,basePath:m="",definition:r,definitionUrl:d}=t,x=N(),c=x!==_()?x:void 0,u=v(()=>L(s,m),[s,m]),S=a??u.layout;j(()=>{if(c){const l=c.get(h);D(c,n??l.store),c.set(y,S),c.set(g,u.userClaims??{}),c.set(h,{items:i,store:n??l.store,options:u,definition:r??l.definition,definitionUrl:d??l.definitionUrl,replayDefinition:l.replayDefinition})}},[S,u,c,i,n,r,d]);const A=v(()=>{if(c)return null;const l={items:i,store:n,options:u,definition:r,definitionUrl:d,replayDefinition:null},f=O();return f.set(h,l),b(f),f.set(y,S),u.userClaims&&f.set(g,u.userClaims),D(f,n),f},[c,i,n,u,S]);return c||!A?p(e,{...t}):p(P,{store:A,children:p(e,{...t})})});return o.displayName=`WithStoreProvider(${G(e)})`,o}function G(e){return e.displayName||e.name||"Component"}function K(e,o){const t=M(T(e));return F(e,t,o),{schemaStore:t.schemaStore,exampleStore:t.exampleStore,securitySchemeStore:t.securitySchemeStore,mcp:t.document["x-mcp"],schemaCatalogLink:t.document["x-schema-catalog-link"]}}const oe=E(function({children:o,definition:t,apiStore:i,options:s}){const n=v(()=>{const a=L({specType:"openapi",...s},s?.basePath??"");let m;if(i)m=i;else if(t)m=K(t,a);else throw new Error("StoreProvider requires either apiStore or definition");const r=O();return r.set(h,{items:[],store:m,options:a,replayDefinition:null}),b(r),r.set(y,k.STACKED),a.userClaims&&r.set(g,a.userClaims),D(r,m),r},[i,t,s]);return p(P,{store:n,children:o})});export{oe as StoreProvider,re as withStoreProvider};

package/lib/hooks/useCopySpecSlice.d.ts

@@ -0,0 +1,9 @@
+import type { SliceContentKind, SpecSliceScope } from '../services/spec-slice/index.js';
+type CopySpecSlice = {
+    getText: () => Promise<string>;
+    contentKind: SliceContentKind;
+    scope: SpecSliceScope;
+    specUrl?: string;
+};
+export declare function useCopySpecSlice(pageSlug: string): CopySpecSlice | null;
+export {};

package/lib/hooks/useCopySpecSlice.js

@@ -0,0 +1 @@
+import{useMemo as a}from"react";import{useAtomValue as r}from"jotai";import{apiSpecType as d}from"../types/common.js";import{definitionAtom as l,definitionUrlAtom as y,routingBasePathAtom as h,specTypeAtom as A}from"../jotai/store.js";import{routeIndexAtom as P}from"../jotai/routes.js";import{buildSpecSlice as S,resolveSpecSliceScope as g}from"../services/spec-slice/index.js";function x(t,n,i){const e=n.toLowerCase(),o=t.routeIndexByPath.get(n)??t.routeIndexByPath.get(e);return o!==void 0?t.allRoutes[o]:e===i.toLowerCase()?t.rootPage:void 0}function R(t){const n=r(l),i=r(y),e=r(P),o=r(A),m=r(h);return a(()=>{if(!n||!e)return null;const c=x(e,t,m??""),p=c?e.tagByPath.get(c.path)?.items.map(s=>s.content):void 0,u=g(o,c?.content,c?.label,p);if(!u)return null;const f=o===d.GRAPHQL?"graphql":"yaml";return{getText:async()=>{const s=await S(o,n,u);if(s===void 0)throw new Error(`Copy for LLM: no content produced for "${t}"`);return s},contentKind:f,scope:u,specUrl:i}},[n,i,e,o,m,t])}export{R as useCopySpecSlice};

package/lib/hooks/useInitialTelemetry.d.ts

@@ -0,0 +1,2 @@
+/** Community-only event; `useInitialTelemetry.ce.ts` replaces this no-op in the CE tree. */
+export declare function useInitialTelemetry(): void;

package/lib/hooks/useInitialTelemetry.js

@@ -0,0 +1 @@
+function e(){}export{e as useInitialTelemetry};

package/lib/hooks/useLicense.js

@@ -1 +1 @@
-import{useState as s,useEffect as a}from"react";import r from"../services/license/check.js";function d(e){const[n,o]=s(process.env.NODE_ENV==="development"?{valid:!0,allowed:!0}:null);a(()=>{async function i(){const l=await r(e);o(l)}i()},[e]);const t=n===null;return{licenseInfo:n??{},isValid:n!==null&&u(n),isPending:t}}function u(e){return!!e.valid&&!!e.allowed&&!e.expired||!!e.local}export{d as useLicense};
+import{useState as a,useEffect as l}from"react";import r,{isLicenseBypassed as u}from"../services/license/check.js";function p(e){const[n,i]=a(u()?{valid:!0,allowed:!0}:null);l(()=>{async function o(){const s=await r(e);i(s)}o()},[e]);const t=n===null;return{licenseInfo:n??{},isValid:n!==null&&c(n),isPending:t}}function c(e){return!!e.valid&&!!e.allowed&&!e.expired||!!e.local}export{p as useLicense};

package/lib/hooks/useLicenseGate.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { ApiItem } from '../types/store.js';
+export declare function useLicenseGate(items: ApiItem[]): {
+    gatedItems: ApiItem[];
+    overlay: ReactElement | null;
+};

package/lib/hooks/useLicenseGate.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useAtomValue as t}from"jotai";import{licenseKeyAtom as m}from"../jotai/store.js";import{useLicense as c}from"./useLicense.js";import{LicenseOverlay as l}from"../components/LicenseOverlay.js";function d(o){const s=t(m),{isValid:e,licenseInfo:i,isPending:n}=c(s);return{gatedItems:e?o:[],overlay:!n&&!e?r(l,{licenseInfo:i}):null}}export{d as useLicenseGate};

package/lib/hooks/useScrollSpyUrlSync.js

@@ -1 +1 @@
-import{useEffect as i}from"react";import{useAtomValue as l,useSetAtom as m}from"jotai";import{useLocation as a}from"react-router";import{IS_BROWSER as s,useActiveSectionId as f}from"@redocly/theme/core/openapi";import{activeScrollSectionAtom as u}from"../jotai/app.js";import{routingBasePathAtom as p}from"../jotai/store.js";import{encodeBackSlashes as S}from"../utils/string.js";import{normalizePath as d}from"../utils/url.js";import{useUserScrollIntent as h}from"./useUserScrollIntent.js";import{URL_REPLACE_EVENT as w}from"./useRouterHashBridge.js";function c(t){window.history.replaceState({},"",t),window.dispatchEvent(new Event(w))}function _(){const t=a(),e=m(u),r=l(p),o=f(t,!1,!1),n=h(t.key);i(()=>{e(null)},[t.pathname,e]),i(()=>{if(!(!s||!o)&&(e(o),!!n.current)){if(o===r){c(r);return}!window.location.pathname.includes(o)&&!window.location.hash.includes(o)&&c(d(S(o)))}},[o,r,e,n])}export{_ as useScrollSpyUrlSync};
+import{useEffect as c}from"react";import{useAtomValue as s,useSetAtom as l}from"jotai";import{useHref as m,useLocation as a}from"react-router";import{IS_BROWSER as f,useActiveSectionId as u}from"@redocly/theme/core/openapi";import{activeScrollSectionAtom as p}from"../jotai/app.js";import{routingBasePathAtom as S}from"../jotai/store.js";import{encodeBackSlashes as d}from"../utils/string.js";import{normalizePath as h}from"../utils/url.js";import{useUserScrollIntent as w}from"./useUserScrollIntent.js";import{URL_REPLACE_EVENT as E}from"./useRouterHashBridge.js";function A(t){window.history.replaceState({},"",t),window.dispatchEvent(new Event(E))}function k(){const t=a(),e=l(p),r=s(S),o=u(t,!1,!1),n=m(h(d(o||"/"))),i=w(t.key);c(()=>{e(null)},[t.pathname,e]),c(()=>{!f||!o||(e(o),i.current&&(o===r||!window.location.pathname.includes(o)&&!window.location.hash.includes(o))&&A(n))},[o,n,r,e,i])}export{k as useScrollSpyUrlSync};

package/lib/index.d.ts

@@ -15,7 +15,6 @@ export { extractFullText } from './adapters/utils/markdoc.js';
 export { normalizeOptions } from './options/normalizeOptions.js';
 export { excludeMockServers } from './adapters/openapi/utils/merge-mock-server.js';
 export { appendUndeclaredConfigureParameters } from './services/code-samples/replay/merge-configure-into-source.js';
-export { isGraphqlDocsSidebarHidden } from './options/helpers.js';
 export { findFirstBinding } from './adapters/asyncapi/build/utils.js';
 export { resolveRequestValues, applyRequestValuesToOperationInfo, type ResolveRequestValuesParams, } from './adapters/openapi/configure/index.js';
 export { updateObjectProperties, isDirectRequestValues, getEffectiveRequestValues, createSecurityUpdates, mergeSecurityIntoScheme, applyServerVariableDefaults, type SchemeForCredentials, } from './adapters/openapi/configure/merge-utils.js';
@@ -24,6 +23,7 @@ export type { ConfigureRequestValues, ConfigureServerRequestValues, SecurityDeta
 export { MarkdownAdapterProvider, useMarkdownAdapter, type MarkdownAdapter, type MarkdownParser, type MarkdownRenderer, } from './contexts/markdownAdapter.js';
 export { markdocParser } from './components/markdoc/markdocParser.js';
 export { createMarkdocAdapter } from './components/markdoc/markdocAdapter.js';
+export { adapterToMarkdownParser } from './components/Replay/adapterToMarkdownParser.js';
 export { parseMarkdown, type ParseMarkdownOptions } from './adapters/utils/parseMarkdown.js';
 export { isPlainText } from './adapters/utils/isPlainText.js';
 export { buildMarkdocOptions } from './components/markdoc/buildMarkdocOptions.js';
@@ -33,6 +33,9 @@ export { RedoclyApiDocs } from './RedoclyApiDocs.js';
 export type { RedoclyApiDocsProps } from './RedoclyApiDocs.js';
 export { RedoclyApiDocsStandalone } from './RedoclyApiDocsStandalone.js';
 export type { RedoclyApiDocsStandaloneProps } from './RedoclyApiDocsStandalone.js';
+export type { RedocStandaloneProps } from './RedocStandalone.js';
+export { ApiDocsSearchIndexer } from './services/search/indexer.js';
+export type { SearchDocument, SearchItemData } from './services/search/types.js';
 export { RedocTelemetry } from './telemetry/RedocTelemetry.js';
 export type { RedocTelemetryConfig, SpecType } from './telemetry/RedocTelemetry.js';
 export { Replay, EmbeddedReplay } from './components/Replay/index.js';
@@ -51,6 +54,8 @@ export { schemaDefinitionTag } from './components/markdoc/tags/schema-definition
 export { withReplayPrefetch, useOpenApiDefinition } from './hoc/withReplayPrefetch.js';
 export { mergeEnvData } from './utils/environments.js';
 export { buildReplayPredefinedEnvValues } from './services/code-samples/replay/replay-predefined-env.js';
+export { createDocumentReplayConverter } from './services/code-samples/replay/from-openapi-document.js';
+export { ReplayCodeSampleHTTPSnippet } from './services/code-samples/replay/har-to-code-sample-har.js';
 export { encodeJsonPointerSegment } from './utils/refPointer.js';
 export { JsonPointer } from './adapters/openapi/utils/JsonPointer.js';
 export { langFromMime, encodeExampleForMediaType } from './utils/media-type.js';