@scalar/api-client-react 2.0.17 → 2.0.18

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @scalar/api-client-react
 
+## 2.0.18
+
+### Patch Changes
+
+- [#9249](https://github.com/scalar/scalar/pull/9249): fix: restore inline OpenAPI document support via the `content` configuration field in `useApiClient`
+
 ## 2.0.17
 
 ## 2.0.16

package/dist/index.js

@@ -1,4 +1,5 @@
 "use client";
+import { generateHash } from "@scalar/helpers/string/generate-hash";
 import { useEffect, useRef, useState } from "react";
 import { isObjectEqual } from "@scalar/helpers/object/is-object-equal";
 //#region src/lazy-load.ts
@@ -64,6 +65,10 @@ globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true;
 globalThis.__VUE_PROD_DEVTOOLS__ = false;
 /** Tracks which documents are/have been loaded so we dont duplicate */
 var documentSet = /* @__PURE__ */ new Set();
+var getDocumentSlug = (configuration) => {
+	if (configuration.url !== void 0) return configuration.url || "default";
+	return generateHash(JSON.stringify(configuration.content));
+};
 /**
 * Returns the singleton Api Client
 *
@@ -86,10 +91,10 @@ var useApiClient = ({ configuration }) => {
 	});
 	useEffect(() => {
 		let cancelled = false;
-		const { url, ...modalOptions } = configuration;
+		const { url, content, ...modalOptions } = configuration;
+		const slug = getDocumentSlug(configuration);
 		getOrCreateApiClient(modalOptions)?.then((_client) => {
 			if (cancelled || !_client) return;
-			const slug = url || "";
 			_client.apiClient.updateOptions(modalOptions, true);
 			previousModalOptionsRef.current = modalOptions;
 			setClient(_client.apiClient);
@@ -97,10 +102,14 @@ var useApiClient = ({ configuration }) => {
 			documentSlugRef.current = slug;
 			if (slug && !documentSet.has(slug)) {
 				documentSet.add(slug);
-				_client.workspaceStore.addDocument({
+				if (url !== void 0) _client.workspaceStore.addDocument({
 					name: slug,
 					url
 				});
+				else _client.workspaceStore.addDocument({
+					name: slug,
+					document: content
+				});
 			}
 		});
 		return () => {
@@ -109,22 +118,27 @@ var useApiClient = ({ configuration }) => {
 	}, []);
 	useEffect(() => {
 		if (!client || !workspaceStore) return;
-		const slug = configuration.url || "default";
+		const slug = getDocumentSlug(configuration);
 		documentSlugRef.current = slug;
 		if (documentSet.has(slug)) return;
 		documentSet.add(slug);
-		workspaceStore.addDocument({
+		if (configuration.url !== void 0) workspaceStore.addDocument({
 			name: slug,
 			url: configuration.url
 		});
+		else workspaceStore.addDocument({
+			name: slug,
+			document: configuration.content
+		});
 	}, [
 		client,
 		configuration.url,
+		configuration.content,
 		workspaceStore
 	]);
 	useEffect(() => {
 		if (!client || !configuration) return;
-		const { url: _, ...modalOptions } = configuration;
+		const { url: _url, content: _content, ...modalOptions } = configuration;
 		if (isObjectEqual(previousModalOptionsRef.current, modalOptions)) return;
 		client.updateOptions(modalOptions, true);
 		previousModalOptionsRef.current = modalOptions;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/lazy-load.ts","../src/use-api-client.ts"],"sourcesContent":["import type { ApiClientOptions } from '@scalar/api-client/modal'\n\n/**\n * Creates a lazy singleton getter: the factory runs at most once, caches the resulting promise,\n * and clears the cache on failure so the next call can retry.\n *\n * Optional args are forwarded to the factory on the first (cache-miss) call only.\n * Subsequent calls return the cached promise regardless of the args passed.\n */\nconst makeLazySingleton = <T, Args extends unknown[] = []>(\n  factory: (...args: Args) => Promise<T>,\n): ((...args: Args) => Promise<T>) => {\n  let cached: Promise<T> | undefined\n  return (...args: Args) => {\n    cached ??= factory(...args).catch((error) => {\n      cached = undefined\n      throw error\n    })\n    return cached\n  }\n}\n\n/** Lazy load the client modal creator */\nexport const getClientModalCreator = makeLazySingleton(() =>\n  import('@scalar/api-client/modal').then(({ createApiClientModal }) => createApiClientModal),\n)\n\n/** Module-scoped singleton workspace store (lazy-loaded on first use). */\nexport const getWorkspaceStoreSingleton = makeLazySingleton(() =>\n  import('@scalar/workspace-store/client').then(({ createWorkspaceStore }) => createWorkspaceStore()),\n)\n\n/** Module-scoped singleton workspace event bus (lazy-loaded on first use). */\nexport const getWorkspaceEventBusSingleton = makeLazySingleton(() =>\n  import('@scalar/workspace-store/events').then(({ createWorkspaceEventBus }) => createWorkspaceEventBus()),\n)\n\n/**\n * Lazily creates the singleton Vue app, mounts it as the last child of document.body,\n * and returns the controller. Subsequent calls return the same promise.\n *\n * Only modal-supported options are accepted here. Document-specific fields\n * (`url`, `content`) must be registered via `workspaceStore.addDocument` after the client\n * is ready — they are not part of the modal constructor.\n */\nexport const getOrCreateApiClient = makeLazySingleton(async (options: ApiClientOptions = {}) => {\n  const el = document.createElement('div')\n  el.className = 'scalar-app'\n  document.body.appendChild(el)\n\n  try {\n    const [createModal, workspaceStore, eventBus] = await Promise.all([\n      getClientModalCreator(),\n      getWorkspaceStoreSingleton(),\n      getWorkspaceEventBusSingleton(),\n    ])\n\n    const apiClient = createModal({\n      el,\n      eventBus,\n      workspaceStore,\n      options,\n      // TODO: map plugins from configuration when available\n      // plugins: mapConfigPlugins(options),\n    })\n\n    return { apiClient, workspaceStore }\n  } catch (error) {\n    el.remove()\n    throw error\n  }\n})\n","'use client'\n\nimport type { ApiClientModal, ApiClientOptions, RoutePayload } from '@scalar/api-client/modal'\nimport { useEffect, useRef, useState } from 'react'\n\nimport './style.css'\n\nimport { isObjectEqual } from '@scalar/helpers/object/is-object-equal'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { getOrCreateApiClient } from './lazy-load'\n\nglobalThis.__VUE_OPTIONS_API__ = true\nglobalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true\nglobalThis.__VUE_PROD_DEVTOOLS__ = false\n\nexport type ApiClientConfigurationReact = ApiClientOptions & {\n  // content?: Record<string, unknown>\n  url: string\n}\n\nexport type UseApiClientModalProps = {\n  /** Configuration for the Api Client (url or inline content) */\n  configuration: ApiClientConfigurationReact\n}\n\n/** Tracks which documents are/have been loaded so we dont duplicate */\nconst documentSet = new Set<string>()\n\n/**\n * Returns the singleton Api Client\n *\n * On first call the Vue app is lazily created and appended to document.body where it\n * lives for the lifetime of the page — it is never unmounted, so it survives client-side\n * navigation without losing state.\n *\n * Subsequent calls from any component share the same instance of the client but can use the same\n * or different documents\n */\nexport const useApiClient = ({\n  configuration,\n}: UseApiClientModalProps): (Omit<ApiClientModal, 'open'> & { open: (payload: RoutePayload) => void }) | undefined => {\n  const [client, setClient] = useState<ApiClientModal | undefined>(undefined)\n  const [workspaceStore, setWorkspaceStore] = useState<WorkspaceStore | undefined>(undefined)\n  const documentSlugRef = useRef('')\n  const previousModalOptionsRef = useRef<ApiClientOptions | undefined>(undefined)\n\n  /** Small wrapper to set the documentSlug */\n  const open = (payload: RoutePayload) => client?.open({ documentSlug: documentSlugRef.current, ...payload })\n\n  useEffect(() => {\n    let cancelled = false\n\n    // Strip document-specific fields before passing to the modal constructor.\n    const { url, ...modalOptions } = configuration\n\n    void getOrCreateApiClient(modalOptions)?.then((_client) => {\n      if (cancelled || !_client) {\n        return\n      }\n\n      // Compute the slug here so we can batch all three state updates into one render,\n      // preventing a render where `client` is set but `documentSlug` is still ''.\n      const slug = url || ''\n\n      // React always provides the complete modal option set for this hook instance,\n      // so we overwrite to clear options removed by consumers.\n      _client.apiClient.updateOptions(modalOptions, true)\n      previousModalOptionsRef.current = modalOptions\n\n      setClient(_client.apiClient)\n      setWorkspaceStore(_client.workspaceStore)\n      documentSlugRef.current = slug\n\n      if (slug && !documentSet.has(slug)) {\n        documentSet.add(slug)\n        void _client.workspaceStore.addDocument({ name: slug, url })\n      }\n    })\n\n    return () => {\n      cancelled = true\n    }\n\n    // Only run once per mount\n  }, [])\n\n  // Register new document when we detect the url has changed\n  useEffect(() => {\n    if (!client || !workspaceStore) {\n      return\n    }\n\n    const slug = configuration.url || 'default'\n    documentSlugRef.current = slug\n\n    if (documentSet.has(slug)) {\n      return\n    }\n    documentSet.add(slug)\n\n    void workspaceStore.addDocument({ name: slug, url: configuration.url })\n  }, [client, configuration.url, workspaceStore])\n\n  // Update the modal options when the configuration changes\n  useEffect(() => {\n    if (!client || !configuration) {\n      return\n    }\n\n    const { url: _, ...modalOptions } = configuration\n    if (isObjectEqual(previousModalOptionsRef.current, modalOptions)) {\n      return\n    }\n\n    client.updateOptions(modalOptions, true)\n    previousModalOptionsRef.current = modalOptions\n  }, [client, configuration])\n\n  return client\n    ? {\n        ...client,\n        open,\n      }\n    : undefined\n}\n"],"mappings":";;;;;;;;;;;AASA,IAAM,qBACJ,YACoC;CACpC,IAAI;AACJ,SAAQ,GAAG,SAAe;AACxB,aAAW,QAAQ,GAAG,KAAK,CAAC,OAAO,UAAU;AAC3C,YAAS,KAAA;AACT,SAAM;IACN;AACF,SAAO;;;;AAKX,IAAa,wBAAwB,wBACnC,OAAO,4BAA4B,MAAM,EAAE,2BAA2B,qBAAqB,CAC5F;;AAGD,IAAa,6BAA6B,wBACxC,OAAO,kCAAkC,MAAM,EAAE,2BAA2B,sBAAsB,CAAC,CACpG;;AAGD,IAAa,gCAAgC,wBAC3C,OAAO,kCAAkC,MAAM,EAAE,8BAA8B,yBAAyB,CAAC,CAC1G;;;;;;;;;AAUD,IAAa,uBAAuB,kBAAkB,OAAO,UAA4B,EAAE,KAAK;CAC9F,MAAM,KAAK,SAAS,cAAc,MAAM;AACxC,IAAG,YAAY;AACf,UAAS,KAAK,YAAY,GAAG;AAE7B,KAAI;EACF,MAAM,CAAC,aAAa,gBAAgB,YAAY,MAAM,QAAQ,IAAI;GAChE,uBAAuB;GACvB,4BAA4B;GAC5B,+BAAA;GACD,CAAC;AAWF,SAAO;GAAE,WATS,YAAY;IAC5B;IACA;IACA;IACA;IAGD,CAAC;GAEkB;GAAgB;UAC7B,OAAO;AACd,KAAG,QAAQ;AACX,QAAM;;EAER;;;AC3DF,WAAW,sBAAsB;AACjC,WAAW,0CAA0C;AACrD,WAAW,wBAAwB;;AAanC,IAAM,8BAAc,IAAI,KAAa;;;;;;;;;;;AAYrC,IAAa,gBAAgB,EAC3B,oBACoH;CACpH,MAAM,CAAC,QAAQ,aAAa,SAAqC,KAAA,EAAU;CAC3E,MAAM,CAAC,gBAAgB,qBAAqB,SAAqC,KAAA,EAAU;CAC3F,MAAM,kBAAkB,OAAO,GAAG;CAClC,MAAM,0BAA0B,OAAqC,KAAA,EAAU;;CAG/E,MAAM,QAAQ,YAA0B,QAAQ,KAAK;EAAE,cAAc,gBAAgB;EAAS,GAAG;EAAS,CAAC;AAE3G,iBAAgB;EACd,IAAI,YAAY;EAGhB,MAAM,EAAE,KAAK,GAAG,iBAAiB;AAE5B,uBAAqB,aAAa,EAAE,MAAM,YAAY;AACzD,OAAI,aAAa,CAAC,QAChB;GAKF,MAAM,OAAO,OAAO;AAIpB,WAAQ,UAAU,cAAc,cAAc,KAAK;AACnD,2BAAwB,UAAU;AAElC,aAAU,QAAQ,UAAU;AAC5B,qBAAkB,QAAQ,eAAe;AACzC,mBAAgB,UAAU;AAE1B,OAAI,QAAQ,CAAC,YAAY,IAAI,KAAK,EAAE;AAClC,gBAAY,IAAI,KAAK;AAChB,YAAQ,eAAe,YAAY;KAAE,MAAM;KAAM;KAAK,CAAC;;IAE9D;AAEF,eAAa;AACX,eAAY;;IAIb,EAAE,CAAC;AAGN,iBAAgB;AACd,MAAI,CAAC,UAAU,CAAC,eACd;EAGF,MAAM,OAAO,cAAc,OAAO;AAClC,kBAAgB,UAAU;AAE1B,MAAI,YAAY,IAAI,KAAK,CACvB;AAEF,cAAY,IAAI,KAAK;AAEhB,iBAAe,YAAY;GAAE,MAAM;GAAM,KAAK,cAAc;GAAK,CAAC;IACtE;EAAC;EAAQ,cAAc;EAAK;EAAe,CAAC;AAG/C,iBAAgB;AACd,MAAI,CAAC,UAAU,CAAC,cACd;EAGF,MAAM,EAAE,KAAK,GAAG,GAAG,iBAAiB;AACpC,MAAI,cAAc,wBAAwB,SAAS,aAAa,CAC9D;AAGF,SAAO,cAAc,cAAc,KAAK;AACxC,0BAAwB,UAAU;IACjC,CAAC,QAAQ,cAAc,CAAC;AAE3B,QAAO,SACH;EACE,GAAG;EACH;EACD,GACD,KAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/lazy-load.ts","../src/use-api-client.ts"],"sourcesContent":["import type { ApiClientOptions } from '@scalar/api-client/modal'\n\n/**\n * Creates a lazy singleton getter: the factory runs at most once, caches the resulting promise,\n * and clears the cache on failure so the next call can retry.\n *\n * Optional args are forwarded to the factory on the first (cache-miss) call only.\n * Subsequent calls return the cached promise regardless of the args passed.\n */\nconst makeLazySingleton = <T, Args extends unknown[] = []>(\n  factory: (...args: Args) => Promise<T>,\n): ((...args: Args) => Promise<T>) => {\n  let cached: Promise<T> | undefined\n  return (...args: Args) => {\n    cached ??= factory(...args).catch((error) => {\n      cached = undefined\n      throw error\n    })\n    return cached\n  }\n}\n\n/** Lazy load the client modal creator */\nexport const getClientModalCreator = makeLazySingleton(() =>\n  import('@scalar/api-client/modal').then(({ createApiClientModal }) => createApiClientModal),\n)\n\n/** Module-scoped singleton workspace store (lazy-loaded on first use). */\nexport const getWorkspaceStoreSingleton = makeLazySingleton(() =>\n  import('@scalar/workspace-store/client').then(({ createWorkspaceStore }) => createWorkspaceStore()),\n)\n\n/** Module-scoped singleton workspace event bus (lazy-loaded on first use). */\nexport const getWorkspaceEventBusSingleton = makeLazySingleton(() =>\n  import('@scalar/workspace-store/events').then(({ createWorkspaceEventBus }) => createWorkspaceEventBus()),\n)\n\n/**\n * Lazily creates the singleton Vue app, mounts it as the last child of document.body,\n * and returns the controller. Subsequent calls return the same promise.\n *\n * Only modal-supported options are accepted here. Document-specific fields\n * (`url`, `content`) must be registered via `workspaceStore.addDocument` after the client\n * is ready — they are not part of the modal constructor.\n */\nexport const getOrCreateApiClient = makeLazySingleton(async (options: ApiClientOptions = {}) => {\n  const el = document.createElement('div')\n  el.className = 'scalar-app'\n  document.body.appendChild(el)\n\n  try {\n    const [createModal, workspaceStore, eventBus] = await Promise.all([\n      getClientModalCreator(),\n      getWorkspaceStoreSingleton(),\n      getWorkspaceEventBusSingleton(),\n    ])\n\n    const apiClient = createModal({\n      el,\n      eventBus,\n      workspaceStore,\n      options,\n      // TODO: map plugins from configuration when available\n      // plugins: mapConfigPlugins(options),\n    })\n\n    return { apiClient, workspaceStore }\n  } catch (error) {\n    el.remove()\n    throw error\n  }\n})\n","'use client'\n\nimport type { ApiClientModal, ApiClientOptions, RoutePayload } from '@scalar/api-client/modal'\nimport { generateHash } from '@scalar/helpers/string/generate-hash'\nimport { useEffect, useRef, useState } from 'react'\n\nimport './style.css'\n\nimport { isObjectEqual } from '@scalar/helpers/object/is-object-equal'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { getOrCreateApiClient } from './lazy-load'\n\nglobalThis.__VUE_OPTIONS_API__ = true\nglobalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true\nglobalThis.__VUE_PROD_DEVTOOLS__ = false\n\nexport type ApiClientConfigurationReact = ApiClientOptions &\n  (\n    | {\n        content?: never\n        url: string\n      }\n    | {\n        content: Record<string, unknown>\n        url?: never\n      }\n  )\n\nexport type UseApiClientModalProps = {\n  /** Configuration for the Api Client (url or inline content) */\n  configuration: ApiClientConfigurationReact\n}\n\n/** Tracks which documents are/have been loaded so we dont duplicate */\nconst documentSet = new Set<string>()\n\nconst getDocumentSlug = (configuration: ApiClientConfigurationReact) => {\n  if (configuration.url !== undefined) {\n    return configuration.url || 'default'\n  }\n  return generateHash(JSON.stringify(configuration.content))\n}\n\n/**\n * Returns the singleton Api Client\n *\n * On first call the Vue app is lazily created and appended to document.body where it\n * lives for the lifetime of the page — it is never unmounted, so it survives client-side\n * navigation without losing state.\n *\n * Subsequent calls from any component share the same instance of the client but can use the same\n * or different documents\n */\nexport const useApiClient = ({\n  configuration,\n}: UseApiClientModalProps): (Omit<ApiClientModal, 'open'> & { open: (payload: RoutePayload) => void }) | undefined => {\n  const [client, setClient] = useState<ApiClientModal | undefined>(undefined)\n  const [workspaceStore, setWorkspaceStore] = useState<WorkspaceStore | undefined>(undefined)\n  const documentSlugRef = useRef('')\n  const previousModalOptionsRef = useRef<ApiClientOptions | undefined>(undefined)\n\n  /** Small wrapper to set the documentSlug */\n  const open = (payload: RoutePayload) => client?.open({ documentSlug: documentSlugRef.current, ...payload })\n\n  useEffect(() => {\n    let cancelled = false\n\n    // Strip document-specific fields before passing to the modal constructor.\n    const { url, content, ...modalOptions } = configuration\n\n    const slug = getDocumentSlug(configuration)\n\n    void getOrCreateApiClient(modalOptions)?.then((_client) => {\n      if (cancelled || !_client) {\n        return\n      }\n\n      // React always provides the complete modal option set for this hook instance,\n      // so we overwrite to clear options removed by consumers.\n      _client.apiClient.updateOptions(modalOptions, true)\n      previousModalOptionsRef.current = modalOptions\n\n      setClient(_client.apiClient)\n      setWorkspaceStore(_client.workspaceStore)\n      documentSlugRef.current = slug\n\n      if (slug && !documentSet.has(slug)) {\n        documentSet.add(slug)\n        if (url !== undefined) {\n          void _client.workspaceStore.addDocument({ name: slug, url })\n        } else {\n          void _client.workspaceStore.addDocument({ name: slug, document: content })\n        }\n      }\n    })\n\n    return () => {\n      cancelled = true\n    }\n\n    // Only run once per mount\n  }, [])\n\n  // Register new document when we detect the url has changed\n  useEffect(() => {\n    if (!client || !workspaceStore) {\n      return\n    }\n\n    const slug = getDocumentSlug(configuration)\n    documentSlugRef.current = slug\n\n    if (documentSet.has(slug)) {\n      return\n    }\n    documentSet.add(slug)\n\n    if (configuration.url !== undefined) {\n      void workspaceStore.addDocument({ name: slug, url: configuration.url })\n    } else {\n      void workspaceStore.addDocument({ name: slug, document: configuration.content })\n    }\n  }, [client, configuration.url, configuration.content, workspaceStore])\n\n  // Update the modal options when the configuration changes\n  useEffect(() => {\n    if (!client || !configuration) {\n      return\n    }\n\n    const { url: _url, content: _content, ...modalOptions } = configuration\n    if (isObjectEqual(previousModalOptionsRef.current, modalOptions)) {\n      return\n    }\n\n    client.updateOptions(modalOptions, true)\n    previousModalOptionsRef.current = modalOptions\n  }, [client, configuration])\n\n  return client\n    ? {\n        ...client,\n        open,\n      }\n    : undefined\n}\n"],"mappings":"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"}

package/dist/style.css

@@ -4828,16 +4828,16 @@
     opacity: .5;
   }
 }
-.http-bg-gradient[data-v-7a19f363] {
+.http-bg-gradient[data-v-86e2b3ea] {
   background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));
 }
-.http-bg-gradient[data-v-7a19f363]:hover {
+.http-bg-gradient[data-v-86e2b3ea]:hover {
   background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));
 }
-.dark-mode .http-bg-gradient[data-v-7a19f363] {
+.dark-mode .http-bg-gradient[data-v-86e2b3ea] {
   background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));
 }
-.dark-mode .http-bg-gradient[data-v-7a19f363]:hover {
+.dark-mode .http-bg-gradient[data-v-86e2b3ea]:hover {
   background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));
 }
 .ascii-art-animate .ascii-art-line[data-v-9a695e58] {
@@ -4861,7 +4861,7 @@ to {
     border-right-color: transparent;
 }
 }
-.open-api-client-button[data-v-264dd42f] {
+.open-api-client-button[data-v-cd067f84] {
   cursor: pointer;
   width: 100%;
   padding: 9px 12px;
@@ -4880,16 +4880,16 @@ to {
   gap: 6px;
   color: var(--scalar-sidebar-color-1);
 }
-.open-api-client-button[data-v-264dd42f]:hover {
+.open-api-client-button[data-v-cd067f84]:hover {
   background: var(
     --scalar-sidebar-item-hover-background,
     var(--scalar-background-2)
   );
 }
-.address-bar-history-button[data-v-2cc840c9]:hover {
+.address-bar-history-button[data-v-12140f4f]:hover {
   background: var(--scalar-background-3);
 }
-.address-bar-history-button[data-v-2cc840c9]:focus-within {
+.address-bar-history-button[data-v-12140f4f]:focus-within {
   background: var(--scalar-background-2);
 }
 /*
@@ -5056,30 +5056,30 @@ to {
   border-radius: var(--scalar-radius);
   color: var(--scalar-color-1);
 }
-.description[data-v-1b7a32a4] .markdown {
+.description[data-v-649f9a0d] .markdown {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color--1);
   padding: 0 0;
   display: block;
 }
-.description[data-v-1b7a32a4] .markdown > *:first-child {
+.description[data-v-649f9a0d] .markdown > *:first-child {
   margin-top: 0;
 }
-[data-v-4d85ebb9] .cm-editor {
+[data-v-372238a6] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-4d85ebb9] .cm-line {
+[data-v-372238a6] .cm-line {
   padding: 0;
 }
-[data-v-4d85ebb9] .cm-content {
+[data-v-372238a6] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-4d85ebb9] {
+.scroll-timeline-x[data-v-372238a6] {
   -ms-overflow-style: none;
   /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
      element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -5092,31 +5092,31 @@ to {
     transparent 100%
   );
 }
-.scroll-timeline-x-hidden[data-v-4d85ebb9] {
+.scroll-timeline-x-hidden[data-v-372238a6] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-4d85ebb9] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-4d85ebb9]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-372238a6]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-4d85ebb9] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-4d85ebb9] {
+.scroll-timeline-x-address[data-v-372238a6] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-4d85ebb9]:after {
+.scroll-timeline-x-address[data-v-372238a6]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -5124,12 +5124,12 @@ to {
   right: 0;
   cursor: text;
 }
-.scroll-timeline-x-address[data-v-4d85ebb9]:empty:before {
+.scroll-timeline-x-address[data-v-372238a6]:empty:before {
   content: 'Enter URL or cURL request';
   color: var(--scalar-color-3);
   pointer-events: none;
 }
-.address-bar-bg-states[data-v-4d85ebb9] {
+.address-bar-bg-states[data-v-372238a6] {
   --scalar-address-bar-bg: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -5137,27 +5137,27 @@ to {
   );
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-4d85ebb9]:has(.cm-focused) {
+.address-bar-bg-states[data-v-372238a6]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
-.app-exit-button[data-v-b1eef1b6] {
+.app-exit-button[data-v-42c563b3] {
   color: white;
   background: rgba(0, 0, 0, 0.1);
 }
-.app-exit-button[data-v-b1eef1b6]:hover {
+.app-exit-button[data-v-42c563b3]:hover {
   background: rgba(255, 255, 255, 0.1);
 }
-.fade-request-section-content[data-v-f97cc68c] {
+.fade-request-section-content[data-v-07ff8fc3] {
   background: linear-gradient(
     to left,
     var(--scalar-background-1) 64%,
     transparent
   );
 }
-.filter-hover[data-v-f97cc68c] {
+.filter-hover[data-v-07ff8fc3] {
   height: 100%;
   padding-right: 39px;
   padding-left: 24px;
@@ -5166,12 +5166,12 @@ to {
   transition: width 0s ease-in-out 0.2s;
   overflow: hidden;
 }
-.filter-hover[data-v-f97cc68c]:hover,
-.filter-hover[data-v-f97cc68c]:has(:focus-visible) {
+.filter-hover[data-v-07ff8fc3]:hover,
+.filter-hover[data-v-07ff8fc3]:has(:focus-visible) {
   width: 100%;
   z-index: 10;
 }
-.filter-hover[data-v-f97cc68c]:before {
+.filter-hover[data-v-07ff8fc3]:before {
   content: '';
   position: absolute;
   top: 0;
@@ -5183,59 +5183,59 @@ to {
   transition: all 0.3s ease-in-out;
   pointer-events: none;
 }
-.filter-hover-item[data-v-f97cc68c] {
+.filter-hover-item[data-v-07ff8fc3] {
   opacity: 0;
 }
-.filter-hover-item[data-v-f97cc68c]:not(:last-of-type) {
+.filter-hover-item[data-v-07ff8fc3]:not(:last-of-type) {
   transform: translate3d(0, 3px, 0);
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c] {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3] {
   transition:
     opacity 0.2s ease-in-out,
     transform 0.2s ease-in-out;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(1) {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(1) {
   transition-delay: 0.05s;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(2) {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(2) {
   transition-delay: 0.1s;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(3) {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(3) {
   transition-delay: 0.15s;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(4) {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(4) {
   transition-delay: 0.2s;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(5) {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(5) {
   transition-delay: 0.25s;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(6) {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(6) {
   transition-delay: 0.3s;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(7) {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(7) {
   transition-delay: 0.35s;
 }
-.filter-hover:hover .filter-hover-item[data-v-f97cc68c],
-.filter-hover:has(:focus-visible) .filter-hover-item[data-v-f97cc68c] {
+.filter-hover:hover .filter-hover-item[data-v-07ff8fc3],
+.filter-hover:has(:focus-visible) .filter-hover-item[data-v-07ff8fc3] {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
-.filter-hover[data-v-f97cc68c]:hover:before,
-.filter-hover[data-v-f97cc68c]:has(:focus-visible):before {
+.filter-hover[data-v-07ff8fc3]:hover:before,
+.filter-hover[data-v-07ff8fc3]:has(:focus-visible):before {
   opacity: 0.9;
   backdrop-filter: blur(10px);
 }
-.filter-button[data-v-f97cc68c] {
+.filter-button[data-v-07ff8fc3] {
   top: 50%;
   transform: translateY(-50%);
 }
-.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-f97cc68c],
-.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-f97cc68c] {
+.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-07ff8fc3],
+.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-07ff8fc3] {
   --tw-text-opacity: 1;
   color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
 }
-.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-f97cc68c],
-.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-f97cc68c] {
+.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-07ff8fc3],
+.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
   display: none;
 }
 [data-v-36811e28] .cm-editor {
@@ -5271,7 +5271,7 @@ to {
     var(--scalar-background-2) 20px
   );
 }
-[data-v-0362e671] .cm-content {
+[data-v-aff33ea6] .cm-content {
   font-size: var(--scalar-small);
 }
 /* Matches AddressBar.vue `.address-bar-bg-states` / `.fade-right` (header URL input). */
@@ -5295,10 +5295,10 @@ to {
   -ms-overflow-style: none;
   scrollbar-width: none;
 }
-[data-v-819cea32] .cm-editor {
+[data-v-1ee3c31d] .cm-editor {
   padding: 0;
 }
-[data-v-819cea32] .cm-content {
+[data-v-1ee3c31d] .cm-content {
   align-items: center;
   background-color: transparent;
   display: flex;
@@ -5307,48 +5307,48 @@ to {
   padding: 5px 8px;
   width: 100%;
 }
-[data-v-819cea32] .cm-content:has(.cm-pill) {
+[data-v-1ee3c31d] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-819cea32] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-1ee3c31d] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: 0.5px;
 }
-[data-v-819cea32] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-1ee3c31d] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-819cea32] .cm-line {
+[data-v-1ee3c31d] .cm-line {
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-.required[data-v-819cea32]::after {
+.required[data-v-1ee3c31d]::after {
   content: 'Required';
 }
 /* Tailwind placeholder is busted */
-input[data-v-819cea32]::placeholder {
+input[data-v-1ee3c31d]::placeholder {
   color: var(--scalar-color-3);
 }
 /* we want our inputs to look like a password input but not be one */
-.scalar-password-input[data-v-819cea32] {
+.scalar-password-input[data-v-1ee3c31d] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-dc6f670a] {
+.request-section-content[data-v-9ee5445b] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-dc6f670a] {
+.request-section-content-filter[data-v-9ee5445b] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-dc6f670a] {
+.request-item:focus-within .request-meta-buttons[data-v-9ee5445b] {
   opacity: 1;
 }
-.group-hover-input[data-v-dc6f670a] {
+.group-hover-input[data-v-9ee5445b] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-dc6f670a] {
+.group:hover .group-hover-input[data-v-9ee5445b] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -5356,27 +5356,27 @@ input[data-v-819cea32]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-dc6f670a]:focus {
+.group-hover-input[data-v-9ee5445b]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
-[data-v-20050fd6] .cm-editor {
+[data-v-8c1df828] .cm-editor {
   background-color: transparent;
   font-size: var(--scalar-small);
   outline: none;
 }
-[data-v-20050fd6] .cm-gutters {
+[data-v-8c1df828] .cm-gutters {
   background-color: var(--scalar-background-1);
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
 }
-[data-v-20050fd6] .cm-scroller {
+[data-v-8c1df828] .cm-scroller {
   overflow: auto;
   min-width: 100%;
 }
-.light-mode .bg-preview[data-v-65a8f4ce] {
+.light-mode .bg-preview[data-v-8bc927e4] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
 }
-.dark-mode .bg-preview[data-v-65a8f4ce] {
+.dark-mode .bg-preview[data-v-8bc927e4] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
 }
 .scalar-code-block[data-v-bb31ac6f] .hljs * {
@@ -5388,7 +5388,7 @@ input[data-v-819cea32]::placeholder {
   flex-direction: column;
   flex-grow: 1;
 }
-.scalar-version-number[data-v-ab8886a2] {
+.scalar-version-number[data-v-0895623d] {
   transform: skew(0deg, 13deg);
   width: 76px;
   height: 76px;
@@ -5408,7 +5408,7 @@ input[data-v-819cea32]::placeholder {
   text-transform: initial;
   text-decoration-color: var(--scalar-color-3);
 }
-.scalar-version-number a[data-v-ab8886a2] {
+.scalar-version-number a[data-v-0895623d] {
   font-weight: bold;
   font-weight: bold;
   background: var(--scalar-background-2);
@@ -5417,20 +5417,20 @@ input[data-v-819cea32]::placeholder {
   text-decoration: none;
   border: 0.5px solid var(--scalar-border-color);
 }
-.gitbook-show[data-v-ab8886a2] {
+.gitbook-show[data-v-0895623d] {
   display: none;
 }
-.v-enter-active[data-v-21dc7abd] {
+.v-enter-active[data-v-b80db6e2] {
   transition: opacity 0.5s ease;
 }
-.v-enter-from[data-v-21dc7abd] {
+.v-enter-from[data-v-b80db6e2] {
   opacity: 0;
 }
-.animate-response-heading .response-heading[data-v-82f4df98] {
-  animation: push-response-82f4df98 0.2s ease-in-out forwards;
+.animate-response-heading .response-heading[data-v-7a7c6611] {
+  animation: push-response-7a7c6611 0.2s ease-in-out forwards;
   opacity: 1;
 }
-@keyframes push-response-82f4df98 {
+@keyframes push-response-7a7c6611 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -5440,11 +5440,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-82f4df98] {
-  animation: response-spans-82f4df98 0.2s ease-in-out forwards 0.05s;
+.animate-response-heading .animate-response-children[data-v-7a7c6611] {
+  animation: response-spans-7a7c6611 0.2s ease-in-out forwards 0.05s;
   opacity: 0;
 }
-@keyframes response-spans-82f4df98 {
+@keyframes response-spans-7a7c6611 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -5454,34 +5454,34 @@ to {
     transform: translateY(0);
 }
 }
-.request-card[data-v-8d155354] {
+.request-card[data-v-49c97039] {
   color: var(--scalar-color-1);
   font-size: var(--scalar-font-size-3);
 }
-.request-method[data-v-8d155354] {
+.request-method[data-v-49c97039] {
   font-family: var(--scalar-font-code);
   text-transform: uppercase;
   margin-right: 6px;
 }
-.request-card-footer[data-v-8d155354] {
+.request-card-footer[data-v-49c97039] {
   display: flex;
   justify-content: flex-end;
   padding: 6px;
   flex-shrink: 0;
   position: relative;
 }
-.request-card-footer-addon[data-v-8d155354] {
+.request-card-footer-addon[data-v-49c97039] {
   display: flex;
   align-items: center;
 
   flex: 1;
   min-width: 0;
 }
-.request-editor-section[data-v-8d155354] {
+.request-editor-section[data-v-49c97039] {
   display: flex;
   flex: 1;
 }
-.request-card-simple[data-v-8d155354] {
+.request-card-simple[data-v-49c97039] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -5490,7 +5490,7 @@ to {
 
   font-size: var(--scalar-small);
 }
-.code-snippet[data-v-8d155354] {
+.code-snippet[data-v-49c97039] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -5526,10 +5526,10 @@ to {
   right: 0;
   bottom: 0;
 }
-[data-v-28c8509c] .cm-editor {
+[data-v-69be2d6c] .cm-editor {
   padding: 0;
 }
-[data-v-28c8509c] .cm-content {
+[data-v-69be2d6c] .cm-content {
   align-items: center;
   background-color: transparent;
   display: flex;
@@ -5538,22 +5538,22 @@ to {
   padding: 5px 8px;
   width: 100%;
 }
-[data-v-28c8509c] .cm-content:has(.cm-pill) {
+[data-v-69be2d6c] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-28c8509c] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-69be2d6c] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: 0.5px;
 }
-[data-v-28c8509c] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-69be2d6c] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-28c8509c] .cm-line {
+[data-v-69be2d6c] .cm-line {
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
 }
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
-.scalar .scalar-app-layout[data-v-ae5e8531] {
+.scalar .scalar-app-layout[data-v-77897d1c] {
   background: var(--scalar-background-1);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: 8px;
@@ -5565,12 +5565,12 @@ to {
   overflow: hidden;
 }
 @media (max-width: 720px) and (max-height: 480px) {
-.scalar .scalar-app-layout[data-v-ae5e8531] {
+.scalar .scalar-app-layout[data-v-77897d1c] {
     height: 100%;
     max-height: 90svh;
 }
 }
-.scalar .scalar-app-exit[data-v-ae5e8531] {
+.scalar .scalar-app-exit[data-v-77897d1c] {
   cursor: pointer;
   z-index: -1;
   background: #00000038;
@@ -5580,10 +5580,10 @@ to {
   top: 0;
   left: 0;
 }
-.dark-mode .scalar .scalar-app-exit[data-v-ae5e8531] {
+.dark-mode .scalar .scalar-app-exit[data-v-77897d1c] {
   background: #00000073;
 }
-.scalar .scalar-app-exit[data-v-ae5e8531]:before {
+.scalar .scalar-app-exit[data-v-77897d1c]:before {
   text-align: center;
   color: #fff;
   opacity: .6;
@@ -5595,10 +5595,10 @@ to {
   top: 0;
   right: 12px;
 }
-.scalar .scalar-app-exit[data-v-ae5e8531]:hover:before {
+.scalar .scalar-app-exit[data-v-77897d1c]:hover:before {
   opacity: 1;
 }
-.scalar-container[data-v-ae5e8531] {
+.scalar-container[data-v-77897d1c] {
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
@@ -5615,19 +5615,19 @@ to {
   left: 0;
   overflow: hidden;
 }
-.scalar-container.scalar-client--open[data-v-ae5e8531] {
+.scalar-container.scalar-client--open[data-v-77897d1c] {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transition: opacity .35s;
 }
-.scalar .url-form-input[data-v-ae5e8531] {
+.scalar .url-form-input[data-v-77897d1c] {
   min-height: auto !important;
 }
-.scalar .scalar-container[data-v-ae5e8531] {
+.scalar .scalar-container[data-v-77897d1c] {
   line-height: normal;
 }
-.ref-search-meta[data-v-a00657cc] {
+.ref-search-meta[data-v-d1af4404] {
   background: var(--scalar-background-1);
   border-bottom-left-radius: var(--scalar-radius-lg);
   border-bottom-right-radius: var(--scalar-radius-lg);

package/dist/use-api-client.d.ts

@@ -1,8 +1,12 @@
 import type { ApiClientModal, ApiClientOptions, RoutePayload } from '@scalar/api-client/modal';
 import './style.css';
-export type ApiClientConfigurationReact = ApiClientOptions & {
+export type ApiClientConfigurationReact = ApiClientOptions & ({
+    content?: never;
     url: string;
-};
+} | {
+    content: Record<string, unknown>;
+    url?: never;
+});
 export type UseApiClientModalProps = {
     /** Configuration for the Api Client (url or inline content) */
     configuration: ApiClientConfigurationReact;

package/dist/use-api-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-api-client.d.ts","sourceRoot":"","sources":["../src/use-api-client.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG9F,OAAO,aAAa,CAAA;AAWpB,MAAM,MAAM,2BAA2B,GAAG,gBAAgB,GAAG;IAE3D,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,+DAA+D;IAC/D,aAAa,EAAE,2BAA2B,CAAA;CAC3C,CAAA;AAKD;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,GAAI,oBAE1B,sBAAsB,KAAG,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;CAAE,CAAC,GAAG,SAoFxG,CAAA"}
+{"version":3,"file":"use-api-client.d.ts","sourceRoot":"","sources":["../src/use-api-client.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI9F,OAAO,aAAa,CAAA;AAWpB,MAAM,MAAM,2BAA2B,GAAG,gBAAgB,GACxD,CACI;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ,GACD;IACE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,GAAG,CAAC,EAAE,KAAK,CAAA;CACZ,CACJ,CAAA;AAEH,MAAM,MAAM,sBAAsB,GAAG;IACnC,+DAA+D;IAC/D,aAAa,EAAE,2BAA2B,CAAA;CAC3C,CAAA;AAYD;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,GAAI,oBAE1B,sBAAsB,KAAG,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;CAAE,CAAC,GAAG,SA0FxG,CAAA"}

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.17",
+  "version": "2.0.18",
   "engines": {
     "node": ">=22"
   },
@@ -39,9 +39,9 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-client": "3.8.2",
     "@scalar/helpers": "0.8.0",
-    "@scalar/workspace-store": "0.51.0"
+    "@scalar/workspace-store": "0.51.1",
+    "@scalar/api-client": "3.8.3"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",