@graphiql/react
Version:
[Changelog](https://github.com/graphql/graphiql/blob/main/packages/graphiql-react/CHANGELOG.md) | [API Docs](https://graphiql-test.netlify.app/typedoc/modules/graphiql_react.html) | [NPM](https://www.npmjs.com/package/@graphiql/react)
1 lines • 425 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../src/utility/context.ts","../src/storage.tsx","../src/icons/argument.svg?react","../src/icons/chevron-down.svg?react","../src/icons/chevron-left.svg?react","../src/icons/chevron-up.svg?react","../src/icons/close.svg?react","../src/icons/copy.svg?react","../src/icons/deprecated-argument.svg?react","../src/icons/deprecated-enum-value.svg?react","../src/icons/deprecated-field.svg?react","../src/icons/directive.svg?react","../src/icons/docs-filled.svg?react","../src/icons/docs.svg?react","../src/icons/enum-value.svg?react","../src/icons/field.svg?react","../src/icons/history.svg?react","../src/icons/implements.svg?react","../src/icons/keyboard-shortcut.svg?react","../src/icons/magnifying-glass.svg?react","../src/icons/merge.svg?react","../src/icons/pen.svg?react","../src/icons/play.svg?react","../src/icons/plus.svg?react","../src/icons/prettify.svg?react","../src/icons/reload.svg?react","../src/icons/root-type.svg?react","../src/icons/settings.svg?react","../src/icons/star-filled.svg?react","../src/icons/star.svg?react","../src/icons/stop.svg?react","../src/icons/trash.svg?react","../src/icons/type.svg?react","../src/icons/index.tsx","../src/ui/button.tsx","../src/ui/button-group.tsx","../src/utility/component-group.ts","../src/ui/dialog.tsx","../src/ui/dropdown.tsx","../src/markdown.ts","../src/ui/markdown.tsx","../src/ui/spinner.tsx","../src/ui/tooltip.tsx","../src/ui/tabs.tsx","../src/history/context.tsx","../src/history/components.tsx","../src/execution.tsx","../src/utility/is-macos.ts","../src/editor/common.ts","../src/explorer/components/default-value.tsx","../src/schema.tsx","../src/explorer/context.tsx","../src/explorer/components/utils.tsx","../src/explorer/components/type-link.tsx","../src/explorer/components/argument.tsx","../src/explorer/components/deprecation-reason.tsx","../src/explorer/components/directive.tsx","../src/explorer/components/section.tsx","../src/explorer/components/field-documentation.tsx","../src/explorer/components/schema-documentation.tsx","../src/utility/debounce.ts","../src/explorer/components/search.tsx","../src/explorer/components/field-link.tsx","../src/explorer/components/type-documentation.tsx","../src/explorer/components/doc-explorer.tsx","../src/plugin.tsx","../src/editor/completion.ts","../src/editor/hooks.ts","../src/editor/header-editor.ts","../src/editor/whitespace.ts","../src/editor/query-editor.ts","../src/editor/tabs.ts","../src/editor/variable-editor.ts","../src/editor/context.tsx","../src/editor/components/header-editor.tsx","../src/editor/components/image-preview.tsx","../src/editor/components/query-editor.tsx","../src/editor/response-editor.tsx","../src/editor/components/response-editor.tsx","../src/editor/components/variable-editor.tsx","../src/provider.tsx","../src/theme.ts","../src/utility/resize.ts","../src/toolbar/button.tsx","../src/toolbar/execute.tsx","../src/toolbar/menu.tsx"],"sourcesContent":["'use no memo';\n\nimport { Context, createContext, useContext } from 'react';\n\nexport function createNullableContext<T>(name: string): Context<T | null> {\n const context = createContext<T | null>(null);\n context.displayName = name;\n return context;\n}\n\nexport function createContextHook<T>(context: Context<T | null>) {\n function useGivenContext(options: { nonNull: true; caller?: Function }): T;\n function useGivenContext(options: {\n nonNull?: boolean;\n caller?: Function;\n }): T | null;\n function useGivenContext(): T | null;\n function useGivenContext(options?: {\n nonNull?: boolean;\n caller?: Function;\n }): T | null {\n const value = useContext(context);\n if (value === null && options?.nonNull) {\n throw new Error(\n `Tried to use \\`${\n options.caller?.name || 'a component'\n }\\` without the necessary context. Make sure to render the \\`${\n context.displayName\n }Provider\\` component higher up the tree.`,\n );\n }\n return value;\n }\n Object.defineProperty(useGivenContext, 'name', {\n value: `use${context.displayName}`,\n });\n return useGivenContext;\n}\n","import { Storage, StorageAPI } from '@graphiql/toolkit';\nimport { ReactNode, useEffect, useRef, useState } from 'react';\n\nimport { createContextHook, createNullableContext } from './utility/context';\n\nexport type StorageContextType = StorageAPI;\n\nexport const StorageContext =\n createNullableContext<StorageContextType>('StorageContext');\n\nexport type StorageContextProviderProps = {\n children: ReactNode;\n /**\n * Provide a custom storage API.\n * @default `localStorage`\n * @see {@link https://graphiql-test.netlify.app/typedoc/modules/graphiql_toolkit.html#storage-2|API docs}\n * for details on the required interface.\n */\n storage?: Storage;\n};\n\nexport function StorageContextProvider(props: StorageContextProviderProps) {\n const isInitialRender = useRef(true);\n const [storage, setStorage] = useState(() => new StorageAPI(props.storage));\n\n useEffect(() => {\n if (isInitialRender.current) {\n isInitialRender.current = false;\n } else {\n setStorage(new StorageAPI(props.storage));\n }\n }, [props.storage]);\n\n return (\n <StorageContext.Provider value={storage}>\n {props.children}\n </StorageContext.Provider>\n );\n}\n\nexport const useStorageContext = createContextHook(StorageContext);\n","import * as React from \"react\";\nconst SvgArgument = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.0484 1.40838C6.12624 0.33054 7.87376 0.330541 8.9516 1.40838L12.5916 5.0484C13.6695 6.12624 13.6695 7.87376 12.5916 8.9516L8.9516 12.5916C7.87376 13.6695 6.12624 13.6695 5.0484 12.5916L1.40838 8.9516C0.33054 7.87376 0.330541 6.12624 1.40838 5.0484L5.0484 1.40838Z\", stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6, y: 6, width: 2, height: 2, rx: 1, fill: \"currentColor\" }));\nexport default SvgArgument;\n","import * as React from \"react\";\nconst SvgChevronDown = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 9\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M1 1L7 7L13 1\", stroke: \"currentColor\", strokeWidth: 1.5 }));\nexport default SvgChevronDown;\n","import * as React from \"react\";\nconst SvgChevronLeft = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 7 10\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6 1.04819L2 5.04819L6 9.04819\", stroke: \"currentColor\", strokeWidth: 1.75 }));\nexport default SvgChevronLeft;\n","import * as React from \"react\";\nconst SvgChevronUp = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 9\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M13 8L7 2L1 8\", stroke: \"currentColor\", strokeWidth: 1.5 }));\nexport default SvgChevronUp;\n","import * as React from \"react\";\nconst SvgClose = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 14\", stroke: \"currentColor\", strokeWidth: 3, xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M1 1L12.9998 12.9997\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M13 1L1.00079 13.0003\" }));\nexport default SvgClose;\n","import * as React from \"react\";\nconst SvgCopy = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"-2 -2 22 22\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M11.25 14.2105V15.235C11.25 16.3479 10.3479 17.25 9.23501 17.25H2.76499C1.65214 17.25 0.75 16.3479 0.75 15.235L0.75 8.76499C0.75 7.65214 1.65214 6.75 2.76499 6.75L3.78947 6.75\", stroke: \"currentColor\", strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.75, y: 0.75, width: 10.5, height: 10.5, rx: 2.2069, stroke: \"currentColor\", strokeWidth: 1.5 }));\nexport default SvgCopy;\n","import * as React from \"react\";\nconst SvgDeprecatedArgument = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.0484 1.40838C6.12624 0.33054 7.87376 0.330541 8.9516 1.40838L12.5916 5.0484C13.6695 6.12624 13.6695 7.87376 12.5916 8.9516L8.9516 12.5916C7.87376 13.6695 6.12624 13.6695 5.0484 12.5916L1.40838 8.9516C0.33054 7.87376 0.330541 6.12624 1.40838 5.0484L5.0484 1.40838Z\", stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M5 9L9 5\", stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M5 5L9 9\", stroke: \"currentColor\", strokeWidth: 1.2 }));\nexport default SvgDeprecatedArgument;\n","import * as React from \"react\";\nconst SvgDeprecatedEnumValue = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 12 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 8L8 4\", stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 4L8 8\", stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M8.5 1.2H9C9.99411 1.2 10.8 2.00589 10.8 3V9C10.8 9.99411 9.99411 10.8 9 10.8H8.5V12H9C10.6569 12 12 10.6569 12 9V3C12 1.34315 10.6569 0 9 0H8.5V1.2ZM3.5 1.2V0H3C1.34315 0 0 1.34315 0 3V9C0 10.6569 1.34315 12 3 12H3.5V10.8H3C2.00589 10.8 1.2 9.99411 1.2 9V3C1.2 2.00589 2.00589 1.2 3 1.2H3.5Z\", fill: \"currentColor\" }));\nexport default SvgDeprecatedEnumValue;\n","import * as React from \"react\";\nconst SvgDeprecatedField = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 12 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"rect\", { x: 0.6, y: 0.6, width: 10.8, height: 10.8, rx: 3.4, stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 8L8 4\", stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 4L8 8\", stroke: \"currentColor\", strokeWidth: 1.2 }));\nexport default SvgDeprecatedField;\n","import * as React from \"react\";\nconst SvgDirective = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0.5 12 12\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"rect\", { x: 7, y: 5.5, width: 2, height: 2, rx: 1, transform: \"rotate(90 7 5.5)\", fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M10.8 9L10.8 9.5C10.8 10.4941 9.99411 11.3 9 11.3L3 11.3C2.00589 11.3 1.2 10.4941 1.2 9.5L1.2 9L-3.71547e-07 9L-3.93402e-07 9.5C-4.65826e-07 11.1569 1.34314 12.5 3 12.5L9 12.5C10.6569 12.5 12 11.1569 12 9.5L12 9L10.8 9ZM10.8 4L12 4L12 3.5C12 1.84315 10.6569 0.5 9 0.5L3 0.5C1.34315 0.5 -5.87117e-08 1.84315 -1.31135e-07 3.5L-1.5299e-07 4L1.2 4L1.2 3.5C1.2 2.50589 2.00589 1.7 3 1.7L9 1.7C9.99411 1.7 10.8 2.50589 10.8 3.5L10.8 4Z\", fill: \"currentColor\" }));\nexport default SvgDirective;\n","import * as React from \"react\";\nconst SvgDocsFilled = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 20 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0.75 3C0.75 1.75736 1.75736 0.75 3 0.75H17.25C17.8023 0.75 18.25 1.19772 18.25 1.75V5.25\", stroke: \"currentColor\", strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M0.75 3C0.75 4.24264 1.75736 5.25 3 5.25H18.25C18.8023 5.25 19.25 5.69771 19.25 6.25V22.25C19.25 22.8023 18.8023 23.25 18.25 23.25H3C1.75736 23.25 0.75 22.2426 0.75 21V3Z\", stroke: \"currentColor\", strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M3 5.25C1.75736 5.25 0.75 4.24264 0.75 3V21C0.75 22.2426 1.75736 23.25 3 23.25H18.25C18.8023 23.25 19.25 22.8023 19.25 22.25V6.25C19.25 5.69771 18.8023 5.25 18.25 5.25H3ZM13 11L6 11V12.5L13 12.5V11Z\", fill: \"currentColor\" }));\nexport default SvgDocsFilled;\n","import * as React from \"react\";\nconst SvgDocs = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 20 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0.75 3C0.75 4.24264 1.75736 5.25 3 5.25H17.25M0.75 3C0.75 1.75736 1.75736 0.75 3 0.75H16.25C16.8023 0.75 17.25 1.19772 17.25 1.75V5.25M0.75 3V21C0.75 22.2426 1.75736 23.25 3 23.25H18.25C18.8023 23.25 19.25 22.8023 19.25 22.25V6.25C19.25 5.69771 18.8023 5.25 18.25 5.25H17.25\", stroke: \"currentColor\", strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement(\"line\", { x1: 13, y1: 11.75, x2: 6, y2: 11.75, stroke: \"currentColor\", strokeWidth: 1.5 }));\nexport default SvgDocs;\n","import * as React from \"react\";\nconst SvgEnumValue = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 12 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"rect\", { x: 5, y: 5, width: 2, height: 2, rx: 1, fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M8.5 1.2H9C9.99411 1.2 10.8 2.00589 10.8 3V9C10.8 9.99411 9.99411 10.8 9 10.8H8.5V12H9C10.6569 12 12 10.6569 12 9V3C12 1.34315 10.6569 0 9 0H8.5V1.2ZM3.5 1.2V0H3C1.34315 0 0 1.34315 0 3V9C0 10.6569 1.34315 12 3 12H3.5V10.8H3C2.00589 10.8 1.2 9.99411 1.2 9V3C1.2 2.00589 2.00589 1.2 3 1.2H3.5Z\", fill: \"currentColor\" }));\nexport default SvgEnumValue;\n","import * as React from \"react\";\nconst SvgField = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 12 13\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"rect\", { x: 0.6, y: 1.1, width: 10.8, height: 10.8, rx: 2.4, stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"rect\", { x: 5, y: 5.5, width: 2, height: 2, rx: 1, fill: \"currentColor\" }));\nexport default SvgField;\n","import * as React from \"react\";\nconst SvgHistory = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 24 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.59375 9.52344L4.87259 12.9944L8.07872 9.41249\", stroke: \"currentColor\", strokeWidth: 1.5, strokeLinecap: \"square\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M13.75 5.25V10.75H18.75\", stroke: \"currentColor\", strokeWidth: 1.5, strokeLinecap: \"square\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.95427 11.9332C4.55457 10.0629 4.74441 8.11477 5.49765 6.35686C6.25089 4.59894 7.5305 3.11772 9.16034 2.11709C10.7902 1.11647 12.6901 0.645626 14.5986 0.769388C16.5071 0.893151 18.3303 1.60543 19.8172 2.80818C21.3042 4.01093 22.3818 5.64501 22.9017 7.48548C23.4216 9.32595 23.3582 11.2823 22.7203 13.0853C22.0824 14.8883 20.9013 16.4492 19.3396 17.5532C17.778 18.6572 15.9125 19.25 14 19.25\", stroke: \"currentColor\", strokeWidth: 1.5 }));\nexport default SvgHistory;\n","import * as React from \"react\";\nconst SvgImplements = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 12 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"circle\", { cx: 6, cy: 6, r: 5.4, stroke: \"currentColor\", strokeWidth: 1.2, strokeDasharray: \"4.241025 4.241025\", transform: \"rotate(22.5)\", \"transform-origin\": \"center\" }), /* @__PURE__ */ React.createElement(\"circle\", { cx: 6, cy: 6, r: 1, fill: \"currentColor\" }));\nexport default SvgImplements;\n","import * as React from \"react\";\nconst SvgKeyboardShortcut = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 19 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.5 14.5653C1.5 15.211 1.75652 15.8303 2.21314 16.2869C2.66975 16.7435 3.28905 17 3.9348 17C4.58054 17 5.19984 16.7435 5.65646 16.2869C6.11307 15.8303 6.36959 15.211 6.36959 14.5653V12.1305H3.9348C3.28905 12.1305 2.66975 12.387 2.21314 12.8437C1.75652 13.3003 1.5 13.9195 1.5 14.5653Z\", stroke: \"currentColor\", strokeWidth: 1.125, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M3.9348 1.00063C3.28905 1.00063 2.66975 1.25715 2.21314 1.71375C1.75652 2.17035 1.5 2.78964 1.5 3.43537C1.5 4.0811 1.75652 4.70038 2.21314 5.15698C2.66975 5.61358 3.28905 5.8701 3.9348 5.8701H6.36959V3.43537C6.36959 2.78964 6.11307 2.17035 5.65646 1.71375C5.19984 1.25715 4.58054 1.00063 3.9348 1.00063Z\", stroke: \"currentColor\", strokeWidth: 1.125, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M15.0652 12.1305H12.6304V14.5653C12.6304 15.0468 12.7732 15.5175 13.0407 15.9179C13.3083 16.3183 13.6885 16.6304 14.1334 16.8147C14.5783 16.9989 15.0679 17.0472 15.5402 16.9532C16.0125 16.8593 16.4464 16.6274 16.7869 16.2869C17.1274 15.9464 17.3593 15.5126 17.4532 15.0403C17.5472 14.568 17.4989 14.0784 17.3147 13.6335C17.1304 13.1886 16.8183 12.8084 16.4179 12.5409C16.0175 12.2733 15.5468 12.1305 15.0652 12.1305Z\", stroke: \"currentColor\", strokeWidth: 1.125, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12.6318 5.86775H6.36955V12.1285H12.6318V5.86775Z\", stroke: \"currentColor\", strokeWidth: 1.125, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.5 3.43473C17.5 2.789 17.2435 2.16972 16.7869 1.71312C16.3303 1.25652 15.711 1 15.0652 1C14.4195 1 13.8002 1.25652 13.3435 1.71312C12.8869 2.16972 12.6304 2.789 12.6304 3.43473V5.86946H15.0652C15.711 5.86946 16.3303 5.61295 16.7869 5.15635C17.2435 4.69975 17.5 4.08046 17.5 3.43473Z\", stroke: \"currentColor\", strokeWidth: 1.125, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgKeyboardShortcut;\n","import * as React from \"react\";\nconst SvgMagnifyingGlass = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 13 13\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"circle\", { cx: 5, cy: 5, r: 4.35, stroke: \"currentColor\", strokeWidth: 1.3 }), /* @__PURE__ */ React.createElement(\"line\", { x1: 8.45962, y1: 8.54038, x2: 11.7525, y2: 11.8333, stroke: \"currentColor\", strokeWidth: 1.3 }));\nexport default SvgMagnifyingGlass;\n","import * as React from \"react\";\nconst SvgMerge = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"-2 -2 22 22\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.2492 6V2.9569C17.2492 1.73806 16.2611 0.75 15.0423 0.75L2.9569 0.75C1.73806 0.75 0.75 1.73806 0.75 2.9569L0.75 6\", stroke: \"currentColor\", strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M0.749873 12V15.0431C0.749873 16.2619 1.73794 17.25 2.95677 17.25H15.0421C16.261 17.25 17.249 16.2619 17.249 15.0431V12\", stroke: \"currentColor\", strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M6 4.5L9 7.5L12 4.5\", stroke: \"currentColor\", strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 13.5L9 10.5L6 13.5\", stroke: \"currentColor\", strokeWidth: 1.5 }));\nexport default SvgMerge;\n","import * as React from \"react\";\nconst SvgPen = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0.75 13.25L0.0554307 12.967C-0.0593528 13.2488 0.00743073 13.5719 0.224488 13.7851C0.441545 13.9983 0.765869 14.0592 1.04549 13.9393L0.75 13.25ZM12.8214 1.83253L12.2911 2.36286L12.2911 2.36286L12.8214 1.83253ZM12.8214 3.90194L13.3517 4.43227L12.8214 3.90194ZM10.0981 1.17859L9.56773 0.648259L10.0981 1.17859ZM12.1675 1.17859L12.6978 0.648258L12.6978 0.648257L12.1675 1.17859ZM2.58049 8.75697L3.27506 9.03994L2.58049 8.75697ZM2.70066 8.57599L3.23099 9.10632L2.70066 8.57599ZM5.2479 11.4195L4.95355 10.7297L5.2479 11.4195ZM5.42036 11.303L4.89003 10.7727L5.42036 11.303ZM4.95355 10.7297C4.08882 11.0987 3.41842 11.362 2.73535 11.6308C2.05146 11.9 1.35588 12.1743 0.454511 12.5607L1.04549 13.9393C1.92476 13.5624 2.60256 13.2951 3.28469 13.0266C3.96762 12.7578 4.65585 12.4876 5.54225 12.1093L4.95355 10.7297ZM1.44457 13.533L3.27506 9.03994L1.88592 8.474L0.0554307 12.967L1.44457 13.533ZM3.23099 9.10632L10.6284 1.70892L9.56773 0.648259L2.17033 8.04566L3.23099 9.10632ZM11.6371 1.70892L12.2911 2.36286L13.3517 1.3022L12.6978 0.648258L11.6371 1.70892ZM12.2911 3.37161L4.89003 10.7727L5.95069 11.8333L13.3517 4.43227L12.2911 3.37161ZM12.2911 2.36286C12.5696 2.64142 12.5696 3.09305 12.2911 3.37161L13.3517 4.43227C14.2161 3.56792 14.2161 2.16654 13.3517 1.3022L12.2911 2.36286ZM10.6284 1.70892C10.9069 1.43036 11.3586 1.43036 11.6371 1.70892L12.6978 0.648257C11.8335 -0.216088 10.4321 -0.216084 9.56773 0.648259L10.6284 1.70892ZM3.27506 9.03994C3.26494 9.06479 3.24996 9.08735 3.23099 9.10632L2.17033 8.04566C2.04793 8.16806 1.95123 8.31369 1.88592 8.474L3.27506 9.03994ZM5.54225 12.1093C5.69431 12.0444 5.83339 11.9506 5.95069 11.8333L4.89003 10.7727C4.90863 10.7541 4.92988 10.7398 4.95355 10.7297L5.54225 12.1093Z\", fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M11.5 4.5L9.5 2.5\", stroke: \"currentColor\", strokeWidth: 1.4026, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.5 10.5L3.5 8.5\", stroke: \"currentColor\", strokeWidth: 1.4026, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgPen;\n","import * as React from \"react\";\nconst SvgPlay = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.32226e-07 1.6609C7.22332e-08 0.907329 0.801887 0.424528 1.46789 0.777117L15.3306 8.11621C16.0401 8.49182 16.0401 9.50818 15.3306 9.88379L1.46789 17.2229C0.801886 17.5755 1.36076e-06 17.0927 1.30077e-06 16.3391L1.32226e-07 1.6609Z\", fill: \"currentColor\" }));\nexport default SvgPlay;\n","import * as React from \"react\";\nconst SvgPlus = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 10 16\", fill: \"currentColor\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M4.25 9.25V13.5H5.75V9.25L10 9.25V7.75L5.75 7.75V3.5H4.25V7.75L0 7.75V9.25L4.25 9.25Z\" }));\nexport default SvgPlus;\n","import * as React from \"react\";\nconst SvgPrettify = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 25, height: 25, viewBox: \"0 0 25 25\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10.2852 24.0745L13.7139 18.0742\", stroke: \"currentColor\", strokeWidth: 1.5625 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.5742 24.0749L17.1457 19.7891\", stroke: \"currentColor\", strokeWidth: 1.5625 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M19.4868 24.0735L20.7229 21.7523C21.3259 20.6143 21.5457 19.3122 21.3496 18.0394C21.1535 16.7666 20.5519 15.591 19.6342 14.6874L23.7984 6.87853C24.0123 6.47728 24.0581 6.00748 23.9256 5.57249C23.7932 5.1375 23.4933 4.77294 23.0921 4.55901C22.6908 4.34509 22.221 4.29932 21.7861 4.43178C21.3511 4.56424 20.9865 4.86408 20.7726 5.26533L16.6084 13.0742C15.3474 12.8142 14.0362 12.9683 12.8699 13.5135C11.7035 14.0586 10.7443 14.9658 10.135 16.1L6 24.0735\", stroke: \"currentColor\", strokeWidth: 1.5625 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 15L5 13L7 12L5 11L4 9L3 11L1 12L3 13L4 15Z\", stroke: \"currentColor\", strokeWidth: 1.5625, strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M11.5 8L12.6662 5.6662L15 4.5L12.6662 3.3338L11.5 1L10.3338 3.3338L8 4.5L10.3338 5.6662L11.5 8Z\", stroke: \"currentColor\", strokeWidth: 1.5625, strokeLinejoin: \"round\" }));\nexport default SvgPrettify;\n","import * as React from \"react\";\nconst SvgReload = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.75 9.25H1.25V12.75\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"square\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M11.25 6.75H14.75V3.25\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"square\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.1036 6.65539C13.8 5.27698 13.0387 4.04193 11.9437 3.15131C10.8487 2.26069 9.48447 1.76694 8.0731 1.75043C6.66173 1.73392 5.28633 2.19563 4.17079 3.0604C3.05526 3.92516 2.26529 5.14206 1.92947 6.513\", stroke: \"currentColor\", strokeWidth: 1 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.89635 9.34461C2.20001 10.723 2.96131 11.9581 4.05631 12.8487C5.15131 13.7393 6.51553 14.2331 7.9269 14.2496C9.33827 14.2661 10.7137 13.8044 11.8292 12.9396C12.9447 12.0748 13.7347 10.8579 14.0705 9.487\", stroke: \"currentColor\", strokeWidth: 1 }));\nexport default SvgReload;\n","import * as React from \"react\";\nconst SvgRootType = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 13 13\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"rect\", { x: 0.6, y: 0.6, width: 11.8, height: 11.8, rx: 5.9, stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.25 7.5C4.25 6 5.75 5 6.5 6.5C7.25 8 8.75 7 8.75 5.5\", stroke: \"currentColor\", strokeWidth: 1.2 }));\nexport default SvgRootType;\n","import * as React from \"react\";\nconst SvgSettings = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 21 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M9.29186 1.92702C9.06924 1.82745 8.87014 1.68202 8.70757 1.50024L7.86631 0.574931C7.62496 0.309957 7.30773 0.12592 6.95791 0.0479385C6.60809 -0.0300431 6.24274 0.00182978 5.91171 0.139208C5.58068 0.276585 5.3001 0.512774 5.10828 0.815537C4.91645 1.1183 4.82272 1.47288 4.83989 1.83089L4.90388 3.08019C4.91612 3.32348 4.87721 3.56662 4.78968 3.79394C4.70215 4.02126 4.56794 4.2277 4.39571 4.39994C4.22347 4.57219 4.01704 4.7064 3.78974 4.79394C3.56243 4.88147 3.3193 4.92038 3.07603 4.90814L1.8308 4.84414C1.47162 4.82563 1.11553 4.91881 0.811445 5.11086C0.507359 5.30292 0.270203 5.58443 0.132561 5.91671C-0.00508149 6.249 -0.0364554 6.61576 0.0427496 6.9666C0.121955 7.31744 0.307852 7.63514 0.5749 7.87606L1.50016 8.71204C1.68193 8.87461 1.82735 9.07373 1.92692 9.29636C2.02648 9.51898 2.07794 9.76012 2.07794 10.004C2.07794 10.2479 2.02648 10.489 1.92692 10.7116C1.82735 10.9343 1.68193 11.1334 1.50016 11.296L0.5749 12.1319C0.309856 12.3729 0.125575 12.6898 0.0471809 13.0393C-0.0312128 13.3888 9.64098e-05 13.754 0.13684 14.0851C0.273583 14.4162 0.509106 14.6971 0.811296 14.8894C1.11349 15.0817 1.46764 15.1762 1.82546 15.1599L3.0707 15.0959C3.31397 15.0836 3.5571 15.1225 3.7844 15.2101C4.01171 15.2976 4.21814 15.4318 4.39037 15.6041C4.56261 15.7763 4.69682 15.9827 4.78435 16.2101C4.87188 16.4374 4.91078 16.6805 4.89855 16.9238L4.83455 18.1691C4.81605 18.5283 4.90921 18.8844 5.10126 19.1885C5.2933 19.4926 5.5748 19.7298 5.90707 19.8674C6.23934 20.0051 6.60608 20.0365 6.9569 19.9572C7.30772 19.878 7.6254 19.6921 7.86631 19.4251L8.7129 18.4998C8.87547 18.318 9.07458 18.1725 9.29719 18.073C9.51981 17.9734 9.76093 17.9219 10.0048 17.9219C10.2487 17.9219 10.4898 17.9734 10.7124 18.073C10.935 18.1725 11.1341 18.318 11.2967 18.4998L12.1326 19.4251C12.3735 19.6921 12.6912 19.878 13.042 19.9572C13.3929 20.0365 13.7596 20.0051 14.0919 19.8674C14.4241 19.7298 14.7056 19.4926 14.8977 19.1885C15.0897 18.8844 15.1829 18.5283 15.1644 18.1691L15.1004 16.9238C15.0882 16.6805 15.1271 16.4374 15.2146 16.2101C15.3021 15.9827 15.4363 15.7763 15.6086 15.6041C15.7808 15.4318 15.9872 15.2976 16.2145 15.2101C16.4418 15.1225 16.685 15.0836 16.9282 15.0959L18.1735 15.1599C18.5326 15.1784 18.8887 15.0852 19.1928 14.8931C19.4969 14.7011 19.7341 14.4196 19.8717 14.0873C20.0093 13.755 20.0407 13.3882 19.9615 13.0374C19.8823 12.6866 19.6964 12.3689 19.4294 12.1279L18.5041 11.292C18.3223 11.1294 18.1769 10.9303 18.0774 10.7076C17.9778 10.485 17.9263 10.2439 17.9263 10C17.9263 9.75612 17.9778 9.51499 18.0774 9.29236C18.1769 9.06973 18.3223 8.87062 18.5041 8.70804L19.4294 7.87206C19.6964 7.63114 19.8823 7.31344 19.9615 6.9626C20.0407 6.61176 20.0093 6.245 19.8717 5.91271C19.7341 5.58043 19.4969 5.29892 19.1928 5.10686C18.8887 4.91481 18.5326 4.82163 18.1735 4.84014L16.9282 4.90414C16.685 4.91638 16.4418 4.87747 16.2145 4.78994C15.9872 4.7024 15.7808 4.56818 15.6086 4.39594C15.4363 4.2237 15.3021 4.01726 15.2146 3.78994C15.1271 3.56262 15.0882 3.31948 15.1004 3.07619L15.1644 1.83089C15.1829 1.4717 15.0897 1.11559 14.8977 0.811487C14.7056 0.507385 14.4241 0.270217 14.0919 0.132568C13.7596 -0.00508182 13.3929 -0.0364573 13.042 0.0427519C12.6912 0.121961 12.3735 0.307869 12.1326 0.574931L11.2914 1.50024C11.1288 1.68202 10.9297 1.82745 10.7071 1.92702C10.4845 2.02659 10.2433 2.07805 9.99947 2.07805C9.7556 2.07805 9.51448 2.02659 9.29186 1.92702ZM14.3745 10C14.3745 12.4162 12.4159 14.375 9.99977 14.375C7.58365 14.375 5.625 12.4162 5.625 10C5.625 7.58375 7.58365 5.625 9.99977 5.625C12.4159 5.625 14.3745 7.58375 14.3745 10Z\", fill: \"currentColor\" }));\nexport default SvgSettings;\n","import * as React from \"react\";\nconst SvgStarFilled = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.5782 1.07092C6.71096 0.643026 7.28904 0.643027 7.4218 1.07092L8.59318 4.84622C8.65255 5.03758 8.82284 5.16714 9.01498 5.16714L12.8056 5.16714C13.2353 5.16714 13.4139 5.74287 13.0663 6.00732L9.99962 8.34058C9.84418 8.45885 9.77913 8.66848 9.83851 8.85984L11.0099 12.6351C11.1426 13.063 10.675 13.4189 10.3274 13.1544L7.26069 10.8211C7.10524 10.7029 6.89476 10.7029 6.73931 10.8211L3.6726 13.1544C3.32502 13.4189 2.85735 13.063 2.99012 12.6351L4.16149 8.85984C4.22087 8.66848 4.15582 8.45885 4.00038 8.34058L0.933671 6.00732C0.586087 5.74287 0.764722 5.16714 1.19436 5.16714L4.98502 5.16714C5.17716 5.16714 5.34745 5.03758 5.40682 4.84622L6.5782 1.07092Z\", fill: \"currentColor\", stroke: \"currentColor\" }));\nexport default SvgStarFilled;\n","import * as React from \"react\";\nconst SvgStar = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.5782 1.07092C6.71096 0.643026 7.28904 0.643027 7.4218 1.07092L8.59318 4.84622C8.65255 5.03758 8.82284 5.16714 9.01498 5.16714L12.8056 5.16714C13.2353 5.16714 13.4139 5.74287 13.0663 6.00732L9.99962 8.34058C9.84418 8.45885 9.77913 8.66848 9.83851 8.85984L11.0099 12.6351C11.1426 13.063 10.675 13.4189 10.3274 13.1544L7.26069 10.8211C7.10524 10.7029 6.89476 10.7029 6.73931 10.8211L3.6726 13.1544C3.32502 13.4189 2.85735 13.063 2.99012 12.6351L4.16149 8.85984C4.22087 8.66848 4.15582 8.45885 4.00038 8.34058L0.933671 6.00732C0.586087 5.74287 0.764722 5.16714 1.19436 5.16714L4.98502 5.16714C5.17716 5.16714 5.34745 5.03758 5.40682 4.84622L6.5782 1.07092Z\", stroke: \"currentColor\", strokeWidth: 1.5 }));\nexport default SvgStar;\n","import * as React from \"react\";\nconst SvgStop = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"rect\", { width: 16, height: 16, rx: 2, fill: \"currentColor\" }));\nexport default SvgStop;\n","import * as React from \"react\";\nconst SvgTrash = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"1em\", height: \"5em\", xmlns: \"http://www.w3.org/2000/svg\", fillRule: \"evenodd\", \"aria-hidden\": \"true\", viewBox: \"0 0 23 23\", style: {\n height: \"1.5em\"\n}, clipRule: \"evenodd\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 24h-14c-1.104 0-2-.896-2-2v-17h-1v-2h6v-1.5c0-.827.673-1.5 1.5-1.5h5c.825 0 1.5.671 1.5 1.5v1.5h6v2h-1v17c0 1.104-.896 2-2 2zm0-19h-14v16.5c0 .276.224.5.5.5h13c.276 0 .5-.224.5-.5v-16.5zm-7 7.586l3.293-3.293 1.414 1.414-3.293 3.293 3.293 3.293-1.414 1.414-3.293-3.293-3.293 3.293-1.414-1.414 3.293-3.293-3.293-3.293 1.414-1.414 3.293 3.293zm2-10.586h-4v1h4v-1z\", fill: \"currentColor\", strokeWidth: 0.25, stroke: \"currentColor\" }));\nexport default SvgTrash;\n","import * as React from \"react\";\nconst SvgType = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { height: \"1em\", viewBox: \"0 0 13 13\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"rect\", { x: 0.6, y: 0.6, width: 11.8, height: 11.8, rx: 5.9, stroke: \"currentColor\", strokeWidth: 1.2 }), /* @__PURE__ */ React.createElement(\"rect\", { x: 5.5, y: 5.5, width: 2, height: 2, rx: 1, fill: \"currentColor\" }));\nexport default SvgType;\n","import { ComponentProps, FC, SVGProps } from 'react';\n\nimport _ArgumentIcon from './argument.svg?react';\nimport _ChevronDownIcon from './chevron-down.svg?react';\nimport _ChevronLeftIcon from './chevron-left.svg?react';\nimport _ChevronUpIcon from './chevron-up.svg?react';\nimport _CloseIcon from './close.svg?react';\nimport _CopyIcon from './copy.svg?react';\nimport _DeprecatedArgumentIcon from './deprecated-argument.svg?react';\nimport _DeprecatedEnumValueIcon from './deprecated-enum-value.svg?react';\nimport _DeprecatedFieldIcon from './deprecated-field.svg?react';\nimport _DirectiveIcon from './directive.svg?react';\nimport _DocsFilledIcon from './docs-filled.svg?react';\nimport _DocsIcon from './docs.svg?react';\nimport _EnumValueIcon from './enum-value.svg?react';\nimport _FieldIcon from './field.svg?react';\nimport _HistoryIcon from './history.svg?react';\nimport _ImplementsIcon from './implements.svg?react';\nimport _KeyboardShortcutIcon from './keyboard-shortcut.svg?react';\nimport _MagnifyingGlassIcon from './magnifying-glass.svg?react';\nimport _MergeIcon from './merge.svg?react';\nimport _PenIcon from './pen.svg?react';\nimport _PlayIcon from './play.svg?react';\nimport _PlusIcon from './plus.svg?react';\nimport _PrettifyIcon from './prettify.svg?react';\nimport _ReloadIcon from './reload.svg?react';\nimport _RootTypeIcon from './root-type.svg?react';\nimport _SettingsIcon from './settings.svg?react';\nimport _StarFilledIcon from './star-filled.svg?react';\nimport _StarIcon from './star.svg?react';\nimport _StopIcon from './stop.svg?react';\nimport _TrashIcon from './trash.svg?react';\nimport _TypeIcon from './type.svg?react';\n\nexport const ArgumentIcon = generateIcon(_ArgumentIcon);\nexport const ChevronDownIcon = generateIcon(_ChevronDownIcon);\nexport const ChevronLeftIcon = generateIcon(_ChevronLeftIcon);\nexport const ChevronUpIcon = generateIcon(_ChevronUpIcon);\nexport const CloseIcon = generateIcon(_CloseIcon);\nexport const CopyIcon = generateIcon(_CopyIcon);\nexport const DeprecatedArgumentIcon = generateIcon(_DeprecatedArgumentIcon);\nexport const DeprecatedEnumValueIcon = generateIcon(_DeprecatedEnumValueIcon);\nexport const DeprecatedFieldIcon = generateIcon(_DeprecatedFieldIcon);\nexport const DirectiveIcon = generateIcon(_DirectiveIcon);\nexport const DocsFilledIcon = generateIcon(_DocsFilledIcon);\nexport const DocsIcon = generateIcon(_DocsIcon);\nexport const EnumValueIcon = generateIcon(_EnumValueIcon);\nexport const FieldIcon = generateIcon(_FieldIcon);\nexport const HistoryIcon = generateIcon(_HistoryIcon);\nexport const ImplementsIcon = generateIcon(_ImplementsIcon);\nexport const KeyboardShortcutIcon = generateIcon(_KeyboardShortcutIcon);\nexport const MagnifyingGlassIcon = generateIcon(_MagnifyingGlassIcon);\nexport const MergeIcon = generateIcon(_MergeIcon);\nexport const PenIcon = generateIcon(_PenIcon);\nexport const PlayIcon = generateIcon(_PlayIcon);\nexport const PlusIcon = generateIcon(_PlusIcon);\nexport const PrettifyIcon = generateIcon(_PrettifyIcon);\nexport const ReloadIcon = generateIcon(_ReloadIcon);\nexport const RootTypeIcon = generateIcon(_RootTypeIcon);\nexport const SettingsIcon = generateIcon(_SettingsIcon);\nexport const StarFilledIcon = generateIcon(_StarFilledIcon);\nexport const StarIcon = generateIcon(_StarIcon);\nexport const StopIcon = generateIcon(_StopIcon);\nexport const TrashIcon = generateIcon(_TrashIcon);\nexport const TypeIcon = generateIcon(_TypeIcon);\n\nfunction generateIcon(\n RawComponent: FC<SVGProps<SVGSVGElement> & { title?: string }>,\n): FC<ComponentProps<'svg'>> {\n const title =\n RawComponent.name\n // Icon component name starts with `Svg${CamelCaseFilename without .svg}`\n .replace('Svg', '')\n // Insert a space before all caps\n .replaceAll(/([A-Z])/g, ' $1')\n .trimStart()\n .toLowerCase() + ' icon';\n\n function IconComponent(props: ComponentProps<'svg'>) {\n return <RawComponent title={title} {...props} />;\n }\n\n IconComponent.displayName = RawComponent.name;\n return IconComponent;\n}\n","import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport './button.css';\n\nexport const UnStyledButton = forwardRef<\n HTMLButtonElement,\n JSX.IntrinsicElements['button']\n>((props, ref) => (\n <button\n {...props}\n ref={ref}\n className={clsx('graphiql-un-styled', props.className)}\n />\n));\nUnStyledButton.displayName = 'UnStyledButton';\n\ntype ButtonProps = { state?: 'success' | 'error' };\n\nexport const Button = forwardRef<\n HTMLButtonElement,\n ButtonProps & JSX.IntrinsicElements['button']\n>((props, ref) => (\n <button\n {...props}\n ref={ref}\n className={clsx(\n 'graphiql-button',\n {\n success: 'graphiql-button-success',\n error: 'graphiql-button-error',\n }[props.state!],\n props.className,\n )}\n />\n));\nButton.displayName = 'Button';\n","import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport './button-group.css';\n\nexport const ButtonGroup = forwardRef<\n HTMLDivElement,\n JSX.IntrinsicElements['div']\n>((props, ref) => (\n <div\n {...props}\n ref={ref}\n className={clsx('graphiql-button-group', props.className)}\n />\n));\nButtonGroup.displayName = 'ButtonGroup';\n","'use no memo';\n\nimport { JSXElementConstructor } from 'react';\n\nexport const createComponentGroup = <\n Root extends JSXElementConstructor<any>,\n Children extends { [key: string]: JSXElementConstructor<any> },\n>(\n root: Root,\n children: Children,\n): Root & Children =>\n Object.entries(children).reduce<any>((r, [key, value]) => {\n r[key] = value;\n return r;\n }, root);\n","import { clsx } from 'clsx';\nimport { forwardRef, ReactElement } from 'react';\nimport { CloseIcon } from '../icons';\nimport { createComponentGroup } from '../utility/component-group';\nimport { UnStyledButton } from './button';\nimport * as D from '@radix-ui/react-dialog';\nimport { Root as VisuallyHidden } from '@radix-ui/react-visually-hidden';\n\nimport './dialog.css';\n\nconst DialogClose = forwardRef<\n HTMLButtonElement,\n JSX.IntrinsicElements['button']\n>((props, ref) => (\n <D.Close asChild>\n <UnStyledButton\n {...props}\n ref={ref}\n type=\"button\"\n className={clsx('graphiql-dialog-close', props.className)}\n >\n <VisuallyHidden>Close dialog</VisuallyHidden>\n <CloseIcon />\n </UnStyledButton>\n </D.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport function DialogRoot({\n children,\n ...props\n}: D.DialogProps): ReactElement {\n return (\n <D.Root {...props}>\n <D.Portal>\n <D.Overlay className=\"graphiql-dialog-overlay\" />\n <D.Content className=\"graphiql-dialog\">{children}</D.Content>\n </D.Portal>\n </D.Root>\n );\n}\n\nexport const Dialog = createComponentGroup(DialogRoot, {\n Close: DialogClose,\n Title: D.Title,\n Trigger: D.Trigger,\n Description: D.Description,\n});\n","import { ComponentProps, forwardRef, ReactElement } from 'react';\nimport { clsx } from 'clsx';\nimport { createComponentGroup } from '../utility/component-group';\nimport {\n Trigger,\n Portal,\n Content as RadixContent,\n Item as RadixItem,\n DropdownMenuContentProps,\n DropdownMenuItemProps,\n Root,\n} from '@radix-ui/react-dropdown-menu';\n\nimport './dropdown.css';\n\nconst Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(\n (props, ref) => (\n <Trigger asChild>\n <button\n {...props}\n ref={ref}\n className={clsx('graphiql-un-styled', props.className)}\n />\n </Trigger>\n ),\n);\nButton.displayName = 'DropdownMenuButton';\n\nfunction Content({\n children,\n align = 'start',\n sideOffset = 5,\n className,\n ...props\n}: DropdownMenuContentProps): ReactElement {\n return (\n <Portal>\n <RadixContent\n align={align}\n sideOffset={sideOffset}\n className={clsx('graphiql-dropdown-content', className)}\n {...props}\n >\n {children}\n </RadixContent>\n </Portal>\n );\n}\n\nconst Item = ({ className, children, ...props }: DropdownMenuItemProps) => (\n <RadixItem className={clsx('graphiql-dropdown-item', className)} {...props}>\n {children}\n </RadixItem>\n);\n\nexport const DropdownMenu = createComponentGroup(Root, {\n Button,\n Item,\n Content,\n});\n","'use no memo';\n\nimport MarkdownIt from 'markdown-it';\n\nexport const markdown = new MarkdownIt({\n breaks: true,\n linkify: true,\n});\n","import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { markdown } from '../markdown';\n\nimport './markdown.css';\n\ntype MarkdownContentProps = {\n children: string;\n onlyShowFirstChild?: boolean;\n type: 'description' | 'deprecation';\n};\n\nexport const MarkdownContent = forwardRef<\n HTMLDivElement,\n MarkdownContentProps & Omit<JSX.IntrinsicElements['div'], 'children'>\n>(({ children, onlyShowFirstChild, type, ...props }, ref) => (\n <div\n {...props}\n ref={ref}\n className={clsx(\n `graphiql-markdown-${type}`,\n onlyShowFirstChild && 'graphiql-markdown-preview',\n props.className,\n )}\n dangerouslySetInnerHTML={{ __html: markdown.render(children) }}\n />\n));\nMarkdownContent.displayName = 'MarkdownContent';\n","import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport './spinner.css';\n\nexport const Spinner = forwardRef<HTMLDivElement, JSX.IntrinsicElements['div']>(\n (props, ref) => (\n <div\n {...props}\n ref={ref}\n className={clsx('graphiql-spinner', props.className)}\n />\n ),\n);\nSpinner.displayName = 'Spinner';\n","import { ReactElement, ReactNode } from 'react';\nimport * as T from '@radix-ui/react-tooltip';\nimport { createComponentGroup } from '../utility/component-group';\nimport './tooltip.css';\n\nexport function TooltipRoot({\n children,\n align = 'start',\n side = 'bottom',\n sideOffset = 5,\n label,\n}: T.TooltipContentProps & { label: ReactNode }): ReactElement {\n return (\n <T.Root>\n <T.Trigger asChild>{children}</T.Trigger>\n <T.Portal>\n <T.Content\n className=\"graphiql-tooltip\"\n align={align}\n side={side}\n sideOffset={sideOffset}\n >\n {label}\n </T.Content>\n </T.Portal>\n </T.Root>\n );\n}\n\nexport const Tooltip = createComponentGroup(TooltipRoot, {\n Provider: T.Provider,\n});\n","import { forwardRef, ReactNode } from 'react';\nimport { clsx } from 'cls