@redocly/api-docs 0.0.2

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

@@ -0,0 +1,164 @@
+import { Tag } from '@redocly/theme/components/Tag/Tag';
+import { DropdownMenu } from '@redocly/theme/components/Dropdown/DropdownMenu';
+import { DropdownMenuItem } from '@redocly/theme/components/Dropdown/DropdownMenuItem';
+export declare const StyledPanelHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("@redocly/theme").PanelHeaderProps> & import("@redocly/theme").PanelHeaderProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disabled" | "draggable" | "enterKeyHint" | "expanded" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "isExpandable" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "toggle" | "translate" | "typeof" | "unselectable" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("@redocly/theme").PanelHeaderProps> & import("@redocly/theme").PanelHeaderProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disabled" | "draggable" | "enterKeyHint" | "expanded" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "isExpandable" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "toggle" | "translate" | "typeof" | "unselectable" | "vocab">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("@redocly/theme").PanelHeaderProps> & import("@redocly/theme").PanelHeaderProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disabled" | "draggable" | "enterKeyHint" | "expanded" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "isExpandable" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "toggle" | "translate" | "typeof" | "unselectable" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("@redocly/theme").PanelHeaderProps> & import("@redocly/theme").PanelHeaderProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disabled" | "draggable" | "enterKeyHint" | "expanded" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "isExpandable" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "toggle" | "translate" | "typeof" | "unselectable" | "vocab">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const PathWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const StaticPathWrapper: 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 HttpVerb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@redocly/theme").TagProps, never> & Partial<Pick<import("@redocly/theme").TagProps, never>>> & string & Omit<typeof Tag, keyof import("react").Component<any, {}, any>>;
+export declare const PathLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+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 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;
+    suffix?: import("react").ReactNode;
+    content?: import("react").ReactNode;
+    separatorLine?: boolean;
+    dataAttributes?: Record<string, string>;
+    className?: string;
+    style?: import("react").CSSProperties;
+    role?: string;
+    separator?: boolean;
+    disabled?: boolean;
+    dangerous?: boolean;
+    onAction?: () => void;
+    active?: boolean;
+} & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<Partial<Pick<import("@redocly/theme").LinkProps, "external" | "target" | "to">> & {
+    prefix?: import("react").ReactNode;
+    suffix?: import("react").ReactNode;
+    content?: import("react").ReactNode;
+    separatorLine?: boolean;
+    dataAttributes?: Record<string, string>;
+    className?: string;
+    style?: import("react").CSSProperties;
+    role?: string;
+    separator?: boolean;
+    disabled?: boolean;
+    dangerous?: boolean;
+    onAction?: () => void;
+    active?: boolean;
+} & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<typeof DropdownMenuItem, keyof import("react").Component<any, {}, any>>;
+export declare const SelectDropdownLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const SelectDropdownCheckmarkIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const SelectDropdownTriggerButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const VariablesContainer: 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 VariablesTitle: 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 TryItPanelFooter: 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;

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

@@ -0,0 +1,128 @@
+import{styled as e}from"styled-components";import{PanelHeader as r}from"@redocly/theme/components/Panel/PanelHeader";import{Tag as a}from"@redocly/theme/components/Tag/Tag";import{Button as o}from"@redocly/theme/components/Button/Button";import{Dropdown as n}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as t}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as i}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{CheckmarkIcon as d}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";const x=e(r)`
+  flex-wrap: nowrap;
+  column-gap: var(--spacing-xs);
+  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-xs);
+
+  > :first-child {
+    min-width: 0;
+  }
+
+  > :last-child {
+    flex-shrink: 0;
+  }
+`,h=e(o)`
+  display: inline-flex;
+  overflow-x: hidden;
+  font-weight: var(--font-weight-regular);
+  min-width: 0;
+  max-width: 100%;
+`,w=e.div`
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  overflow-x: hidden;
+  font-weight: var(--font-weight-regular);
+  min-width: 0;
+  max-width: 100%;
+`,b=e(a)`
+  text-transform: uppercase;
+  background-color: unset;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-family: var(--font-family-monospaced);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  align-self: flex-end;
+`,u=e.span`
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+  min-width: 0;
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+`,y=e.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 40px;
+  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-xs);
+  border-bottom: 1px solid var(--border-color-secondary);
+`,k=e.div`
+  padding: 0 var(--spacing-md, 16px) var(--spacing-xs, 8px);
+`,z=e.select`
+  width: 100%;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background-image: none;
+  background-color: var(--panel-samples-dropdown-bg-color, rgba(255, 255, 255, 0.12));
+  color: var(--panel-samples-text-color, #cfd8dc);
+  border: var(--panel-samples-dropdown-border, 1px solid rgba(255, 255, 255, 0.2));
+  border-radius: var(--border-radius-md, 6px);
+  padding: var(--docs-dropdown-padding, 8px 12px);
+  font-size: var(--docs-dropdown-font-size, 14px);
+  line-height: var(--line-height-base, 1.5);
+  opacity: 1;
+  cursor: default;
+`,D=e(n)`
+  > div {
+    min-width: 100%;
+    max-width: 100%;
+  }
+`,S=e(t)`
+  min-width: 100%;
+`,P=e(i)`
+  --dropdown-menu-item-justify-content: space-between;
+
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding: var(--spacing-xxs) var(--spacing-sm);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,M=e.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,I=e(d)`
+  width: 16px;
+  height: 16px;
+  margin-left: auto;
+  flex-shrink: 0;
+`,T=e(o)`
+  width: 100%;
+  justify-content: space-between;
+  background-color: var(--bg-color);
+  color: var(--text-color-primary);
+  border: var(--panel-samples-dropdown-border);
+  border-radius: var(--border-radius-md);
+  padding: var(--docs-dropdown-padding-vertical) var(--docs-dropdown-padding-left);
+  font-size: var(--docs-dropdown-font-size, 14px);
+  line-height: var(--line-height-base, 1.5);
+  font-family: var(--font-family-base, inherit);
+
+  &:hover,
+  &:focus {
+    background-color: var(--bg-color);
+  }
+`,j=e.div`
+  border-top: 1px solid var(--border-color-secondary, rgba(255, 255, 255, 0.1));
+  margin-top: var(--spacing-xs, 8px);
+`,H=e.div`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--panel-samples-text-color, #cfd8dc);
+`,C=e.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{z as DisabledMimeSelect,b as HttpVerb,k as MediaTypeRow,u as PathLabel,h as PathWrapper,y as ResponsePanelHeader,I as SelectDropdownCheckmarkIcon,M as SelectDropdownLabel,S as SelectDropdownMenu,P as SelectDropdownMenuItem,T as SelectDropdownTriggerButton,w as StaticPathWrapper,x as StyledPanelHeader,D as StyledSelectDropdown,C as TryItPanelFooter,j as VariablesContainer,H as VariablesTitle};

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

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { ExamplePanelItem } from '../../../types/content.js';
+export type ExamplesItemProps = {
+    item: ExamplePanelItem;
+};
+export type ExampleKind = ExamplePanelItem['kind'];
+export type KindRenderer = ({ node }: {
+    node: ExamplePanelItem;
+}) => ReactElement;

package/lib/components/panels/GroupPanelItem.d.ts

@@ -0,0 +1,5 @@
+import { type ReactElement } from 'react';
+import type { GroupItemNode } from '../../types/content.js';
+export declare function GroupPanelItem({ node }: {
+    node: GroupItemNode;
+}): ReactElement;

package/lib/components/panels/GroupPanelItem.js

@@ -0,0 +1,116 @@
+import{Fragment as G,jsx as t,jsxs as l}from"react/jsx-runtime";import{styled as o}from"styled-components";import{Fragment as b,memo as y,useMemo as g,useState as I}from"react";import{Button as R}from"@redocly/theme/components/Button/Button";import{Tooltip as w}from"@redocly/theme/components/Tooltip/Tooltip";import{NavigationBadge as H,TextBadge as M}from"../common/Badge.js";import{useSpecTranslate as N}from"../../hooks/useTranslate.js";import{resolveText as O}from"../../utils/resolveText.js";import{useNavigationUrlNormalizer as V}from"../../hooks/useNormalizeUrl.js";const f=8,_=y(function({item:e,deprecatedLabel:h}){return t(w,{disabled:!e.summary,tip:e.summary,placement:"left",children:t(S,{to:e.href,variant:"outlined",size:"large",children:l("span",{children:[e.prefix&&t(D,{color:e.prefix.color,children:e.prefix.name}),t(k,{children:e.title}),e.badges&&e.badges.map(n=>t(w,{disabled:!n.description,tip:n.description,placement:"top",children:t(T,{color:n.color,children:n.name})},n.name)),e.deprecated&&t(T,{$deprecated:!0,children:h})]})})})});function E(){return l("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none","aria-hidden":"true",children:[t("path",{d:"M7.125 3L6.59471 3.53029L8.31446 5.25H3.75C3.55109 5.25 3.36032 5.32902 3.21967 5.46967C3.07902 5.61032 3 5.80109 3 6V10.5H3.75V6H8.31446L6.59471 7.71971L7.125 8.25L9.75 5.625L7.125 3Z",fill:"currentColor"}),t("path",{d:"M3.75 1.5H3V4.5H3.75V1.5Z",fill:"currentColor"})]})}const F=y(function({item:e}){return l(U,{to:e.href,variant:"outlined",size:"large",children:[t(K,{children:t(E,{})}),l("span",{children:[t(k,{children:e.title}),e.summary&&e.summary!==e.title&&t(Z,{children:e.summary})]})]})});function oe({node:d}){const e=N(),h=V(),[n,L]=I(!1),B=e("badges.deprecated","deprecated"),$=e("actions.show","Show"),j=e("actions.more","more"),p=g(()=>{const r=[];for(const i of d.children){const a=(i.items??[]).map(c=>({...c,href:h(c.link)}));if(a.length===0)continue;const s=O(e,i.titleTranslationKey,i.title)??"";r.push({title:s,items:a,isChildTag:a.every(c=>c.childTag)})}return r},[d.children,h,e]),m=g(()=>p.reduce((r,i)=>r+(i.isChildTag?0:i.items.length),0),[p]),u=!n&&m>f?m-f:0,{operationSections:v,childTagSections:x}=g(()=>{let r=n?1/0:f;const i=[],a=[];for(const s of p){if(s.isChildTag){a.push(s);continue}if(r<=0)continue;const c=s.items.slice(0,r);r-=c.length,c.length>0&&i.push({...s,items:c})}return{operationSections:i,childTagSections:a}},[p,n]);return l(P,{$isStacked:!0,"data-testid":"items-navigation-list",children:[v.map((r,i)=>l(b,{children:[r.title&&t(C,{children:r.title}),r.items.map((a,s)=>t(_,{item:a,deprecatedLabel:B},`op-${i}-${s}`))]},`op-${i}`)),!n&&!!u&&l(z,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>L(!0),children:[$," ",u," ",j,"..."]}),x.length>0&&l(G,{children:[v.length>0&&t(A,{}),t(W,{children:x.map((r,i)=>l(b,{children:[r.title&&t(C,{children:r.title}),r.items.map((a,s)=>t(F,{item:a},`group-${i}-${s}`))]},`group-${i}`))})]})]})}const P=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+
+  & a {
+    display: flex;
+    width: 100%;
+  }
+`,W=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+`,A=o.div`
+  position: relative;
+  height: 1px;
+  margin: var(--spacing-xs) 0;
+  background: var(--border-color-secondary);
+
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    background: var(--border-color-secondary);
+    transform: translateY(-50%);
+  }
+
+  &::before {
+    left: 0;
+  }
+
+  &::after {
+    right: 0;
+  }
+`,D=o(M)`
+  line-height: var(--line-height-base);
+`,T=o(H)`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  padding: 0 var(--spacing-xxs);
+`,C=o.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-bold);
+  color: var(--text-color-primary);
+  margin: var(--spacing-sm) 0 var(--spacing-xxs) 0;
+`,z=o(R)`
+  & + & {
+    margin-left: 0;
+  }
+`,S=o(z)`
+  border-radius: var(--border-radius);
+  background: var(--bg-color);
+  justify-content: space-between;
+  width: 100%;
+
+  & > span {
+    display: flex;
+    align-items: baseline;
+    gap: var(--spacing-unit);
+    overflow-x: hidden;
+  }
+
+  &:hover {
+    background: var(--bg-color);
+  }
+
+  &:hover::after {
+    content: '→';
+    line-height: var(--line-height-base);
+  }
+`,k=o.span`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  text-decoration: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+`,U=o(S)`
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding-left: var(--spacing-base);
+
+  &:hover::after {
+    margin-left: auto;
+  }
+`,Z=o.span`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-secondary);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`,K=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: var(--badge-audience-bg-color);
+  color: var(--icon-color-primary);
+
+  svg {
+    width: 12px;
+    height: 12px;
+  }
+`;export{oe as GroupPanelItem};

package/lib/components/panels/LanguageItem/LanguageDropdown.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement } from 'react';
+import type { TabType } from '../../../jotai/app.js';
+export type LanguageDropdownProps = {
+    samples: TabType<{
+        lang: string;
+    }>[];
+    activeTab?: string;
+    onChange: (key: string) => void;
+    trigger?: ReactElement;
+    withArrow?: boolean;
+    withCheckmark?: boolean;
+    withIcon?: boolean;
+    width?: number;
+};
+export declare const LanguageDropdown: ({ samples, activeTab, onChange, trigger, width, withArrow, withCheckmark, withIcon, }: LanguageDropdownProps) => ReactElement;

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useCallback as y,useMemo as w}from"react";import{Dropdown as k}from"@redocly/theme/components/Dropdown/Dropdown";import{useTelemetry as L}from"../../../hooks/useTelemetry.js";import{LanguageItem as D}from"./LanguageItem.js";import{DropdownTriggerButton as S,RightAlignedDropdownMenu as A,StaticLanguageLabel as M,StyledDropdownMenuItem as b}from"./styled.js";const R=({samples:r,activeTab:n,onChange:i,trigger:u,width:d,withArrow:s=!0,withCheckmark:c=!0,withIcon:l=!0})=>{const g=L(),a=y(e=>()=>{const o=r.find(({key:h})=>h===e.key);o&&(g.sendSelectLanguageClickedMessage([{id:"selectLanguageButton",object:"button",uri:"urn:redocly:redoc:ui:button:selectLanguageButton",language:o.key}]),i(o.key))},[i,r,g]),m=w(()=>r.map(e=>t(b,{$width:d,onAction:a(e),children:t(D,{item:e,active:n===e.key,withCheckmark:c,withIcon:l})},e.key)),[n,a,r,d,c,l]),p=r.find(({key:e})=>e===n);if(m.length<=1)return u??t(M,{children:p?.title});const f=u||t(S,{variant:"ghost",children:p?.title});return t(k,{trigger:f,withArrow:s,alignment:"end",portalled:!0,children:t(A,{children:m})})};export{R as LanguageDropdown};

package/lib/components/panels/LanguageItem/LanguageItem.d.ts

@@ -0,0 +1,11 @@
+import type { TabType } from '../../../jotai/app.js';
+type LanguageItemProps = {
+    item: TabType & {
+        lang: string;
+    };
+    active?: boolean;
+    withCheckmark?: boolean;
+    withIcon?: boolean;
+};
+export declare const LanguageItem: ({ item, active, withCheckmark, withIcon }: LanguageItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+import{Fragment as f,jsx as o,jsxs as t}from"react/jsx-runtime";import{CheckmarkIcon as I}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{CurlIcon as a}from"../../../icons/CurlIcon/CurlIcon.js";import{CSharpIcon as m}from"../../../icons/CSharpIcon/CSharpIcon.js";import{NodeJSIcon as l}from"../../../icons/NodeJSIcon/NodeJSIcon.js";import{JavaScriptIcon as g}from"../../../icons/JavaScriptIcon/JavaScriptIcon.js";import{PythonIcon as h}from"../../../icons/PythonIcon/PythonIcon.js";import{RIcon as u}from"../../../icons/RIcon/RIcon.js";import{RubyIcon as d}from"../../../icons/RubyIcon/RubyIcon.js";import{PHPIcon as j}from"../../../icons/PHPIcon/PHPIcon.js";import{GOIcon as y}from"../../../icons/GOIcon/GOIcon.js";import{JavaIcon as c}from"../../../icons/JavaIcon/JavaIcon.js";import{PayloadIcon as i}from"../../../icons/PayloadIcon/PayloadIcon.js";import{getGeneratorKey as v}from"../../../utils/languages.js";import{LanguageIcon as x,LanguageTitle as C,LanguageTitleContainer as L}from"./styled.js";const P={payload:o(i,{}),json:o(i,{}),curl:o(a,{}),bash:o(a,{}),csharp:o(m,{}),csharpnewtonsoft:o(m,{}),node:o(l,{}),javascript:o(g,{}),python:o(h,{}),r:o(u,{}),ruby:o(d,{}),php:o(j,{}),go:o(y,{}),java:o(c,{}),java8:o(c,{})},$=({item:r,active:n,withCheckmark:p,withIcon:e})=>{const s=P[v(r)];return t(f,{children:[t(L,{children:[e&&o(x,{children:s}),o(C,{$active:n,title:r.title,children:r.title})]}),p&&n&&o(I,{})]})};export{$ as LanguageItem};

package/lib/components/panels/LanguageItem/LanguageList.d.ts

@@ -0,0 +1,10 @@
+import type { TabType } from '../../../jotai/app.js';
+type LangTypeType = TabType<{
+    lang: string;
+}>;
+type LanguageListProps = {
+    languages: LangTypeType[];
+    activeLanguage: string;
+};
+export declare const LanguageList: import("react").NamedExoticComponent<LanguageListProps>;
+export {};

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

@@ -0,0 +1 @@
+import{jsx as l,jsxs as p}from"react/jsx-runtime";import{useEffect as C,useRef as T,useState as d,useCallback as R,memo as j,useMemo as v}from"react";import{useSetAtom as H}from"jotai";import{Button as S}from"@redocly/theme/components/Button/Button";import{OverflowMenuVerticalIcon as V}from"@redocly/theme/icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon";import{Tooltip as A}from"@redocly/theme/components/Tooltip/Tooltip";import{languageAtom as D}from"../../../jotai/app.js";import{useSpecTranslate as _}from"../../../hooks/useTranslate.js";import{LanguageDropdown as E}from"./LanguageDropdown.js";import{LanguageListContainer as O,LanguageListItem as W,Container as M}from"./styled.js";import{LanguageItem as B}from"./LanguageItem.js";import{DROPDOWN_TRIGGER_WIDTH as G,ITEM_WIDTH as I}from"./constants.js";import{LanguageListSkeleton as P}from"./LanguageListSkeleton.js";function $({languages:n,activeLanguage:o}){const[e,r]=d([]),[s,m]=d([]),g=T(null),u=_()("languages.moreButton.tooltipText","View more languages"),f=H(D),b=t=>{f(t)},k=t=>{const a=s.findIndex(i=>i.key===t);if(a!==-1){const i=[...s],c=[...e];w(c,i,a),r(c),m(i),f(t)}},h=R(t=>{const{newVisibleItems:a,newHiddenItems:i}=z(t,[...n]),c=i.findIndex(y=>y.key===o);c!==-1&&w(a,i,c),r(a),m(i)},[o,n]);C(()=>{const t=g.current;if(!t)return;const a=new ResizeObserver(i=>{const c=i[0];c&&h(c.contentRect.width)});return a.observe(t),()=>{a.disconnect()}},[h]);const x=v(()=>e.length>=5||s.length?"space-between":"start",[s.length,e.length]);return p(M,{ref:g,children:[p(O,{$justifyContent:x,children:[!e.length&&l(P,{}),e.map(t=>l(W,{onClick:()=>b(t.key),$active:o===t.key,children:l(B,{item:t,withIcon:!0})},t.key))]}),s.length?l(E,{activeTab:o,samples:s,onChange:k,trigger:l(A,{tip:u,arrowPosition:"right",placement:"top",children:l(S,{icon:l(V,{}),variant:"text","aria-label":u,style:{height:"100%"}})}),withArrow:!1,withCheckmark:!1,width:156}):null]})}const ot=j($);function z(n,o){let e=0;const r=[],s=[];return o.forEach((m,g)=>{const u=g===o.length-1&&s.length===0?0:G;n&&e+I+u<=n?(r.push(m),e+=I):s.push(m)}),{newVisibleItems:r,newHiddenItems:s}}function w(n,o,e){const r=n[n.length-1];r&&(n[n.length-1]=o[e],o[e]=r)}export{ot as LanguageList};

package/lib/components/panels/LanguageItem/LanguageListSkeleton.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+declare function LanguageListSkeletonComponent(): ReactElement;
+export declare const LanguageListSkeleton: import("react").MemoExoticComponent<typeof LanguageListSkeletonComponent>;
+export {};

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

@@ -0,0 +1,22 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as a}from"react";import{styled as r}from"styled-components";const l=r.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  gap: var(--spacing-xs);
+  padding: var(--spacing-xs) 0;
+`,n=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-sm);
+`,t=r.div`
+  display: inline-block;
+  height: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"calc(var(--control-height-sm) * 0.5)"};
+  position: relative;
+  overflow: hidden;
+  background-color: var(--layer-color-hover);
+  border-radius: var(--border-radius);
+  width: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"64px"};
+`;function c(){return i(l,{children:[i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]})]})}const h=a(c);export{h as LanguageListSkeleton};

package/lib/components/panels/LanguageItem/LanguagePanelItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { LanguagesNode } from '../../../types/content.js';
+export declare function LanguagePanelItem({ node }: {
+    node: LanguagesNode;
+}): ReactElement;

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

@@ -0,0 +1 @@
+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};

package/lib/components/panels/LanguageItem/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ITEM_WIDTH = 78;
+export declare const DROPDOWN_TRIGGER_WIDTH = 32;

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

@@ -0,0 +1 @@
+const o=78,t=32;export{t as DROPDOWN_TRIGGER_WIDTH,o as ITEM_WIDTH};