@scalar/api-reference 1.63.0 → 1.64.1

package/dist/features/example-responses/ExampleSchema.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSchema.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/blocks/code-example'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarVirtualCodeBlock } from '@scalar/components/virtual-code-block'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualCodeBlock\n    v-else\n    :id=\"id\"\n    class=\"bg-b-2\"\n    :content=\"schemaContent ?? ''\"\n    lang=\"json\" />\n</template>\n"],"mappings":";;;;;;AAsBA,IAAM,2BAA2B;;;;;;;;EARjC,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,QAAA,OACH;AAGF,UAAO,gBAAgB,mBAAmB,QAAA,OAAO,CAAA;IAClD;EAID,MAAM,yBAAyB,eAAe;AAC5C,WAAQ,cAAc,OAAO,UAAU,KAAK;IAC7C;;WAKU,uBAAA,SAAA,WAAA,EADT,YAKgD,MAAA,gBAAA,EAAA;;IAH7C,IAAI,QAAA;IACL,OAAM;IACN,MAAK;IACJ,sBAAsB,cAAA,SAAa;gEACtC,YAKgB,MAAA,uBAAA,EAAA;;IAHb,IAAI,QAAA;IACL,OAAM;IACL,SAAS,cAAA,SAAa;IACvB,MAAK"}
+{"version":3,"file":"ExampleSchema.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/blocks/code-example'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarVirtualCodeBlock } from '@scalar/components/virtual-code-block'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualCodeBlock\n    v-else\n    :id=\"id\"\n    class=\"bg-b-2\"\n    :content=\"schemaContent ?? ''\"\n    lang=\"json\" />\n</template>\n"],"mappings":";;;;;;AAsBA,IAAM,2BAA2B;;;;;;;;EARjC,MAAM,gBAAgB,eAAe;GACnC,IAAI,CAAC,QAAA,QACH;GAGF,OAAO,gBAAgB,mBAAmB,QAAA,MAAM,CAAC;EACnD,CAAC;EAID,MAAM,yBAAyB,eAAe;GAC5C,QAAQ,cAAc,OAAO,UAAU,KAAK;EAC9C,CAAC;;WAKU,uBAAA,SAAA,UAAA,GADT,YAKgD,MAAA,eAAA,GAAA;;IAH7C,IAAI,QAAA;IACL,OAAM;IACN,MAAK;IACJ,sBAAsB,cAAA,SAAa;gEACtC,YAKgB,MAAA,sBAAA,GAAA;;IAHb,IAAI,QAAA;IACL,OAAM;IACL,SAAS,cAAA,SAAa;IACvB,MAAK"}

package/dist/features/example-responses/helpers/has-response-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"has-response-content.js","names":[],"sources":["../../../../src/features/example-responses/helpers/has-response-content.ts"],"sourcesContent":["import { objectKeys } from '@scalar/helpers/object/object-keys'\nimport type { MediaTypeObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeTypeObject } from './normalize-mime-type-object'\n\n/**\n * Checks if a media type object has any displayable content.\n * This includes having a schema, a single example, or multiple examples.\n *\n * Note: We use explicit property checks for `example` because falsy values\n * like `0`, `false`, and `\"\"` are valid JSON examples that should be displayed.\n * We still treat `null` as \"no content\" since it explicitly indicates absence.\n */\nfunction hasMediaTypeContent(mediaType: MediaTypeObject | undefined): boolean {\n  if (!mediaType) {\n    return false\n  }\n\n  const hasSchema = Boolean(mediaType.schema)\n  const hasExample = 'example' in mediaType && mediaType.example !== null\n  const hasExamples = Boolean(mediaType.examples)\n\n  return hasSchema || hasExample || hasExamples\n}\n\nfunction isResponseKey(responseKey: string): boolean {\n  return responseKey === 'default' || /^[1-5][0-9]{2}$/.test(responseKey) || /^[1-5]XX$/.test(responseKey)\n}\n\n/**\n * Checks if a response object has body content (schema, example, or examples).\n * Looks through common media types in priority order.\n */\nexport function hasResponseContent(response: ResponseObject | undefined, responseKey?: string): boolean {\n  if (responseKey !== undefined) {\n    if (!isResponseKey(responseKey)) {\n      return false\n    }\n\n    return Boolean(response)\n  }\n\n  const normalizedContent = normalizeMimeTypeObject(response?.content)\n  const keys = objectKeys(normalizedContent ?? {})\n\n  const mediaType =\n    normalizedContent?.['application/json'] ??\n    normalizedContent?.['application/xml'] ??\n    normalizedContent?.['text/plain'] ??\n    normalizedContent?.['text/html'] ??\n    normalizedContent?.['*/*'] ??\n    normalizedContent?.[keys[0] ?? '']\n\n  return hasMediaTypeContent(mediaType)\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,oBAAoB,WAAiD;AAC5E,KAAI,CAAC,UACH,QAAO;CAGT,MAAM,YAAY,QAAQ,UAAU,OAAO;CAC3C,MAAM,aAAa,aAAa,aAAa,UAAU,YAAY;CACnE,MAAM,cAAc,QAAQ,UAAU,SAAS;AAE/C,QAAO,aAAa,cAAc;;AAGpC,SAAS,cAAc,aAA8B;AACnD,QAAO,gBAAgB,aAAa,kBAAkB,KAAK,YAAY,IAAI,YAAY,KAAK,YAAY;;;;;;AAO1G,SAAgB,mBAAmB,UAAsC,aAA+B;AACtG,KAAI,gBAAgB,KAAA,GAAW;AAC7B,MAAI,CAAC,cAAc,YAAY,CAC7B,QAAO;AAGT,SAAO,QAAQ,SAAS;;CAG1B,MAAM,oBAAoB,wBAAwB,UAAU,QAAQ;CACpE,MAAM,OAAO,WAAW,qBAAqB,EAAE,CAAC;AAUhD,QAAO,oBAPL,oBAAoB,uBACpB,oBAAoB,sBACpB,oBAAoB,iBACpB,oBAAoB,gBACpB,oBAAoB,UACpB,oBAAoB,KAAK,MAAM,IAEI"}
+{"version":3,"file":"has-response-content.js","names":[],"sources":["../../../../src/features/example-responses/helpers/has-response-content.ts"],"sourcesContent":["import { objectKeys } from '@scalar/helpers/object/object-keys'\nimport type { MediaTypeObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeTypeObject } from './normalize-mime-type-object'\n\n/**\n * Checks if a media type object has any displayable content.\n * This includes having a schema, a single example, or multiple examples.\n *\n * Note: We use explicit property checks for `example` because falsy values\n * like `0`, `false`, and `\"\"` are valid JSON examples that should be displayed.\n * We still treat `null` as \"no content\" since it explicitly indicates absence.\n */\nfunction hasMediaTypeContent(mediaType: MediaTypeObject | undefined): boolean {\n  if (!mediaType) {\n    return false\n  }\n\n  const hasSchema = Boolean(mediaType.schema)\n  const hasExample = 'example' in mediaType && mediaType.example !== null\n  const hasExamples = Boolean(mediaType.examples)\n\n  return hasSchema || hasExample || hasExamples\n}\n\nfunction isResponseKey(responseKey: string): boolean {\n  return responseKey === 'default' || /^[1-5][0-9]{2}$/.test(responseKey) || /^[1-5]XX$/.test(responseKey)\n}\n\n/**\n * Checks if a response object has body content (schema, example, or examples).\n * Looks through common media types in priority order.\n */\nexport function hasResponseContent(response: ResponseObject | undefined, responseKey?: string): boolean {\n  if (responseKey !== undefined) {\n    if (!isResponseKey(responseKey)) {\n      return false\n    }\n\n    return Boolean(response)\n  }\n\n  const normalizedContent = normalizeMimeTypeObject(response?.content)\n  const keys = objectKeys(normalizedContent ?? {})\n\n  const mediaType =\n    normalizedContent?.['application/json'] ??\n    normalizedContent?.['application/xml'] ??\n    normalizedContent?.['text/plain'] ??\n    normalizedContent?.['text/html'] ??\n    normalizedContent?.['*/*'] ??\n    normalizedContent?.[keys[0] ?? '']\n\n  return hasMediaTypeContent(mediaType)\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,oBAAoB,WAAiD;CAC5E,IAAI,CAAC,WACH,OAAO;CAGT,MAAM,YAAY,QAAQ,UAAU,MAAM;CAC1C,MAAM,aAAa,aAAa,aAAa,UAAU,YAAY;CACnE,MAAM,cAAc,QAAQ,UAAU,QAAQ;CAE9C,OAAO,aAAa,cAAc;AACpC;AAEA,SAAS,cAAc,aAA8B;CACnD,OAAO,gBAAgB,aAAa,kBAAkB,KAAK,WAAW,KAAK,YAAY,KAAK,WAAW;AACzG;;;;;AAMA,SAAgB,mBAAmB,UAAsC,aAA+B;CACtG,IAAI,gBAAgB,KAAA,GAAW;EAC7B,IAAI,CAAC,cAAc,WAAW,GAC5B,OAAO;EAGT,OAAO,QAAQ,QAAQ;CACzB;CAEA,MAAM,oBAAoB,wBAAwB,UAAU,OAAO;CACnE,MAAM,OAAO,WAAW,qBAAqB,CAAC,CAAC;CAU/C,OAAO,oBAPL,oBAAoB,uBACpB,oBAAoB,sBACpB,oBAAoB,iBACpB,oBAAoB,gBACpB,oBAAoB,UACpB,oBAAoB,KAAK,MAAM,GAEG;AACtC"}

package/dist/features/example-responses/helpers/normalize-mime-type-object.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-mime-type-object.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type-object.ts"],"sourcesContent":["import type { ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeType } from './normalize-mime-type'\n\n/**\n * Remove charset from content types\n *\n * Example: `application/json; charset=utf-8` -> `application/json`\n */\nexport function normalizeMimeTypeObject(content?: ResponseObject['content']): ResponseObject['content'] {\n  if (!content) {\n    return content\n  }\n\n  const newContent: ResponseObject['content'] = {\n    ...content,\n  }\n\n  Object.entries(newContent).forEach(([key, value]) => {\n    const normalizedKey = normalizeMimeType(key)\n    if (normalizedKey) {\n      newContent[normalizedKey] = value\n    }\n  })\n\n  return newContent\n}\n"],"mappings":";;;;;;;AASA,SAAgB,wBAAwB,SAAgE;AACtG,KAAI,CAAC,QACH,QAAO;CAGT,MAAM,aAAwC,EAC5C,GAAG,SACJ;AAED,QAAO,QAAQ,WAAW,CAAC,SAAS,CAAC,KAAK,WAAW;EACnD,MAAM,gBAAgB,kBAAkB,IAAI;AAC5C,MAAI,cACF,YAAW,iBAAiB;GAE9B;AAEF,QAAO"}
+{"version":3,"file":"normalize-mime-type-object.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type-object.ts"],"sourcesContent":["import type { ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeType } from './normalize-mime-type'\n\n/**\n * Remove charset from content types\n *\n * Example: `application/json; charset=utf-8` -> `application/json`\n */\nexport function normalizeMimeTypeObject(content?: ResponseObject['content']): ResponseObject['content'] {\n  if (!content) {\n    return content\n  }\n\n  const newContent: ResponseObject['content'] = {\n    ...content,\n  }\n\n  Object.entries(newContent).forEach(([key, value]) => {\n    const normalizedKey = normalizeMimeType(key)\n    if (normalizedKey) {\n      newContent[normalizedKey] = value\n    }\n  })\n\n  return newContent\n}\n"],"mappings":";;;;;;;AASA,SAAgB,wBAAwB,SAAgE;CACtG,IAAI,CAAC,SACH,OAAO;CAGT,MAAM,aAAwC,EAC5C,GAAG,QACL;CAEA,OAAO,QAAQ,UAAU,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;EACnD,MAAM,gBAAgB,kBAAkB,GAAG;EAC3C,IAAI,eACF,WAAW,iBAAiB;CAEhC,CAAC;CAED,OAAO;AACT"}

package/dist/features/example-responses/helpers/normalize-mime-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-mime-type.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type.ts"],"sourcesContent":["import type { ContentType } from '@scalar/types/legacy'\n\n/**\n * Normalizes a MIME type to a standard format.\n *\n * Input: application/problem+json; charset=utf-8\n * Output: application/json\n */\nexport function normalizeMimeType(contentType: undefined): undefined\nexport function normalizeMimeType(contentType: string): ContentType\nexport function normalizeMimeType(contentType: string | undefined): ContentType | undefined {\n  if (typeof contentType !== 'string') {\n    return undefined\n  }\n\n  return (\n    contentType\n      // Remove '; charset=utf-8'\n      .replace(/;.*$/, '')\n      // Remove 'problem+' but keep vendor-specific vnd and fhir mime types\n      .replace(/\\/(?!.*vnd\\.|fhir\\+).*\\+/, '/')\n      // Remove whitespace\n      .trim() as ContentType\n  )\n}\n"],"mappings":";AAUA,SAAgB,kBAAkB,aAA0D;AAC1F,KAAI,OAAO,gBAAgB,SACzB;AAGF,QACE,YAEG,QAAQ,QAAQ,GAAG,CAEnB,QAAQ,4BAA4B,IAAI,CAExC,MAAM"}
+{"version":3,"file":"normalize-mime-type.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type.ts"],"sourcesContent":["import type { ContentType } from '@scalar/types/legacy'\n\n/**\n * Normalizes a MIME type to a standard format.\n *\n * Input: application/problem+json; charset=utf-8\n * Output: application/json\n */\nexport function normalizeMimeType(contentType: undefined): undefined\nexport function normalizeMimeType(contentType: string): ContentType\nexport function normalizeMimeType(contentType: string | undefined): ContentType | undefined {\n  if (typeof contentType !== 'string') {\n    return undefined\n  }\n\n  return (\n    contentType\n      // Remove '; charset=utf-8'\n      .replace(/;.*$/, '')\n      // Remove 'problem+' but keep vendor-specific vnd and fhir mime types\n      .replace(/\\/(?!.*vnd\\.|fhir\\+).*\\+/, '/')\n      // Remove whitespace\n      .trim() as ContentType\n  )\n}\n"],"mappings":";AAUA,SAAgB,kBAAkB,aAA0D;CAC1F,IAAI,OAAO,gBAAgB,UACzB;CAGF,OACE,YAEG,QAAQ,QAAQ,EAAE,CAAC,CAEnB,QAAQ,4BAA4B,GAAG,CAAC,CAExC,KAAK;AAEZ"}

package/dist/features/external-docs/ExternalDocs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalDocs.vue.d.ts","sourceRoot":"","sources":["../../../src/features/external-docs/ExternalDocs.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8DAA8D,CAAA;AAE/G,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,2BAA2B,CAAA;CACpC,CAAC;AAqFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ExternalDocs.vue.d.ts","sourceRoot":"","sources":["../../../src/features/external-docs/ExternalDocs.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8DAA8D,CAAA;AAG/G,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,2BAA2B,CAAA;CACpC,CAAC;AA0GF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/external-docs/ExternalDocs.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalDocs.vue.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\ndefineProps<{\n  value?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        :href=\"value.url\"\n        class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\">\n        <ScalarIconBook\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span\n          class=\"ml-1 empty:hidden\"\n          v-if=\"value.description\">\n          {{ value.description }}\n        </span>\n        <span\n          class=\"ml-1 empty:hidden\"\n          v-else>\n          {{ value.url }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ExternalDocs.vue.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: ExternalDocumentationObject\n}>()\n\n/**\n * The external docs URL comes from the OpenAPI document, which is untrusted input, so a protocol\n * like `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <component\n        :is=\"url ? 'a' : 'span'\"\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"url\"\n        :rel=\"url ? 'noopener noreferrer' : undefined\"\n        :target=\"url ? '_blank' : undefined\">\n        <ScalarIconBook\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span\n          v-if=\"value.description\"\n          class=\"ml-1 empty:hidden\">\n          {{ value.description }}\n        </span>\n        <span\n          v-else\n          class=\"ml-1 empty:hidden\">\n          {{ value.url }}\n        </span>\n      </component>\n    </div>\n  </template>\n</template>\n"],"mappings":""}

package/dist/features/external-docs/ExternalDocs.vue.script.js

@@ -1,33 +1,45 @@
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { ScalarIconBook } from "@scalar/icons";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 //#region src/features/external-docs/ExternalDocs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
-	class: "group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto"
+	class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0"
 };
-var _hoisted_2 = ["href"];
-var _hoisted_3 = {
+var _hoisted_2 = {
 	key: 0,
 	class: "ml-1 empty:hidden"
 };
-var _hoisted_4 = {
+var _hoisted_3 = {
 	key: 1,
 	class: "ml-1 empty:hidden"
 };
-var ExternalDocs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ExternalDocs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExternalDocs",
 	props: { value: {} },
 	setup(__props) {
+		/**
+		* The external docs URL comes from the OpenAPI document, which is untrusted input, so a protocol
+		* like `javascript:` would execute script on click. Fall back to the plain text label in that case.
+		*/
+		const url = computed(() => sanitizeUrl(__props.value?.url));
 		return (_ctx, _cache) => {
-			return __props.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("a", {
-				href: __props.value.url,
-				class: "text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none",
-				target: "_blank",
-				rel: "noopener noreferrer"
-			}, [createVNode(unref(ScalarIconBook), {
-				weight: "bold",
-				class: "size-3 text-current"
-			}), __props.value.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.value.description), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.value.url), 1))], 8, _hoisted_2)])) : createCommentVNode("", true);
+			return __props.value ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(url.value ? "a" : "span"), {
+				class: "text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0",
+				href: url.value,
+				rel: url.value ? "noopener noreferrer" : void 0,
+				target: url.value ? "_blank" : void 0
+			}, {
+				default: withCtx(() => [createVNode(unref(ScalarIconBook), {
+					class: "size-3 text-current",
+					weight: "bold"
+				}), __props.value.description ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.value.description), 1)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.value.url), 1))]),
+				_: 1
+			}, 8, [
+				"href",
+				"rel",
+				"target"
+			]))])) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/features/external-docs/ExternalDocs.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalDocs.vue.script.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\ndefineProps<{\n  value?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        :href=\"value.url\"\n        class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\">\n        <ScalarIconBook\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span\n          class=\"ml-1 empty:hidden\"\n          v-if=\"value.description\">\n          {{ value.description }}\n        </span>\n        <span\n          class=\"ml-1 empty:hidden\"\n          v-else>\n          {{ value.url }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;UAUkB,QAAA,SAAA,WAAA,EACd,mBAqBM,OArBN,YAqBM,CAnBJ,mBAkBI,KAAA;IAjBD,MAAM,QAAA,MAAM;IACb,OAAM;IACN,QAAO;IACP,KAAI;OACJ,YAEgC,MAAA,eAAA,EAAA;IAD9B,QAAO;IACP,OAAM;OAGA,QAAA,MAAM,eAAA,WAAA,EAFd,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,YAAW,EAAA,EAAA,KAAA,WAAA,EAEtB,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,IAAG,EAAA,EAAA,EAAA,EAAA,GAAA,WAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"ExternalDocs.vue.script.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: ExternalDocumentationObject\n}>()\n\n/**\n * The external docs URL comes from the OpenAPI document, which is untrusted input, so a protocol\n * like `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <component\n        :is=\"url ? 'a' : 'span'\"\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"url\"\n        :rel=\"url ? 'noopener noreferrer' : undefined\"\n        :target=\"url ? '_blank' : undefined\">\n        <ScalarIconBook\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span\n          v-if=\"value.description\"\n          class=\"ml-1 empty:hidden\">\n          {{ value.description }}\n        </span>\n        <span\n          v-else\n          class=\"ml-1 empty:hidden\">\n          {{ value.url }}\n        </span>\n      </component>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,MAAM,eAAe,YAAY,QAAA,OAAO,GAAG,CAAC;;UAIhC,QAAA,SAAA,UAAA,GACd,mBAsBM,OAtBN,YAsBM,EAAA,UAAA,GApBJ,YAmBY,wBAlBL,IAAA,QAAG,MAAA,MAAA,GAAA;IACR,OAAM;IACL,MAAM,IAAA;IACN,KAAK,IAAA,QAAG,wBAA2B,KAAA;IACnC,QAAQ,IAAA,QAAG,WAAc,KAAA;;2BAGR,CAFlB,YAEkB,MAAA,cAAA,GAAA;KADhB,OAAM;KACN,QAAO;QAED,QAAA,MAAM,eAAA,UAAA,GADd,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,WAAW,GAAA,CAAA,MAAA,UAAA,GAEtB,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,GAAG,GAAA,CAAA,EAAA,CAAA"}

package/dist/features/info-object/Contact.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Contact.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/Contact.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAWjG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAC;AAmHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Contact.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/Contact.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAGjG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAC;AA0IF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/info-object/Contact.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Contact.vue.js","names":[],"sources":["../../../src/features/info-object/Contact.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconEnvelopeSimple, ScalarIconLink } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { ContactObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 group-last:mr-0 xl:border-none',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n\ndefineProps<{\n  value?: ContactObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <!-- Each link gets its own wrapper so the dividers render between them -->\n    <div\n      v-if=\"value.email\"\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value.email}`\">\n        <ScalarIconEnvelopeSimple\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n    </div>\n    <div\n      v-if=\"value.url\"\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"value.url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconLink\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <!-- Avoid repeating the name when the email link already shows it -->\n        <span class=\"ml-1 empty:hidden\">{{\n          value.email ? '' : value.name\n        }}</span>\n      </a>\n    </div>\n    <div\n      v-else-if=\"!value.email && value.name\"\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <span :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Contact.vue.js","names":[],"sources":["../../../src/features/info-object/Contact.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconEnvelopeSimple, ScalarIconLink } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { ContactObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: ContactObject\n}>()\n\n/**\n * The contact URL comes from the OpenAPI document, which is untrusted input, so a protocol like\n * `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 group-last:mr-0 narrow:border',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <!-- Each link gets its own wrapper so the dividers render between them -->\n    <div\n      v-if=\"value.email\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value.email}`\">\n        <ScalarIconEnvelopeSimple\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n    </div>\n    <div\n      v-if=\"url\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconLink\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <!-- Avoid repeating the name when the email link already shows it -->\n        <span class=\"ml-1 empty:hidden\">{{\n          value.email ? '' : value.name\n        }}</span>\n      </a>\n    </div>\n    <div\n      v-else-if=\"!value.email && value.name\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <span :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n"],"mappings":""}

package/dist/features/info-object/Contact.vue.script.js

@@ -1,29 +1,35 @@
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
 import { ScalarIconEnvelopeSimple, ScalarIconLink } from "@scalar/icons";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 import { cva } from "@scalar/use-hooks/useBindCx";
 //#region src/features/info-object/Contact.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
-	class: "group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto"
+	class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0"
 };
 var _hoisted_2 = ["href"];
 var _hoisted_3 = { class: "ml-1 empty:hidden" };
 var _hoisted_4 = {
 	key: 1,
-	class: "group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto"
+	class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0"
 };
 var _hoisted_5 = ["href"];
 var _hoisted_6 = { class: "ml-1 empty:hidden" };
 var _hoisted_7 = {
 	key: 2,
-	class: "group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto"
+	class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0"
 };
-var Contact_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Contact_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Contact",
 	props: { value: {} },
 	setup(__props) {
+		/**
+		* The contact URL comes from the OpenAPI document, which is untrusted input, so a protocol like
+		* `javascript:` would execute script on click. Fall back to the plain text label in that case.
+		*/
+		const url = computed(() => sanitizeUrl(__props.value?.url));
 		const variants = cva({
-			base: "text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 group-last:mr-0 xl:border-none",
+			base: "text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 group-last:mr-0 narrow:border",
 			variants: { link: { true: "no-underline hover:bg-b-2" } }
 		});
 		return (_ctx, _cache) => {
@@ -31,16 +37,16 @@ var Contact_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				class: normalizeClass(unref(variants)({ link: true })),
 				href: `mailto:${__props.value.email}`
 			}, [createVNode(unref(ScalarIconEnvelopeSimple), {
-				weight: "bold",
-				class: "size-3 text-current"
-			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.value.name), 1)], 10, _hoisted_2)])) : createCommentVNode("", true), __props.value.url ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("a", {
+				class: "size-3 text-current",
+				weight: "bold"
+			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.value.name), 1)], 10, _hoisted_2)])) : createCommentVNode("", true), url.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("a", {
 				class: normalizeClass(unref(variants)({ link: true })),
-				href: __props.value.url,
+				href: url.value,
 				rel: "noopener noreferrer",
 				target: "_blank"
 			}, [createVNode(unref(ScalarIconLink), {
-				weight: "bold",
-				class: "size-3 text-current"
+				class: "size-3 text-current",
+				weight: "bold"
 			}), createElementVNode("span", _hoisted_6, toDisplayString(__props.value.email ? "" : __props.value.name), 1)], 10, _hoisted_5)])) : !__props.value.email && __props.value.name ? (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("span", { class: normalizeClass(unref(variants)({ link: false })) }, toDisplayString(__props.value.name), 3)])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true);
 		};
 	}

package/dist/features/info-object/Contact.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Contact.vue.script.js","names":[],"sources":["../../../src/features/info-object/Contact.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconEnvelopeSimple, ScalarIconLink } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { ContactObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 group-last:mr-0 xl:border-none',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n\ndefineProps<{\n  value?: ContactObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <!-- Each link gets its own wrapper so the dividers render between them -->\n    <div\n      v-if=\"value.email\"\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value.email}`\">\n        <ScalarIconEnvelopeSimple\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n    </div>\n    <div\n      v-if=\"value.url\"\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"value.url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconLink\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <!-- Avoid repeating the name when the email link already shows it -->\n        <span class=\"ml-1 empty:hidden\">{{\n          value.email ? '' : value.name\n        }}</span>\n      </a>\n    </div>\n    <div\n      v-else-if=\"!value.email && value.name\"\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <span :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,MAAM,EACJ,MAAM,6BACP,EACF;GACF,CAAA;;UAQiB,QAAA,SAAA,WAAA,EAAhB,mBAsCW,UAAA,EAAA,KAAA,GAAA,EAAA,CAnCD,QAAA,MAAM,SAAA,WAAA,EADd,mBAWM,OAXN,YAWM,CARJ,mBAOI,KAAA;IAND,OAAK,eAAE,MAAA,SAAQ,CAAA,EAAA,MAAA,MAAA,CAAA,CAAA;IACf,MAAI,UAAY,QAAA,MAAM;OACvB,YAEgC,MAAA,yBAAA,EAAA;IAD9B,QAAO;IACP,OAAM;OACR,mBAAuD,QAAvD,YAAuD,gBAApB,QAAA,MAAM,KAAI,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIzC,QAAA,MAAM,OAAA,WAAA,EADd,mBAgBM,OAhBN,YAgBM,CAbJ,mBAYI,KAAA;IAXD,OAAK,eAAE,MAAA,SAAQ,CAAA,EAAA,MAAA,MAAA,CAAA,CAAA;IACf,MAAM,QAAA,MAAM;IACb,KAAI;IACJ,QAAO;OACP,YAEgC,MAAA,eAAA,EAAA;IAD9B,QAAO;IACP,OAAM;OAER,mBAES,QAFT,YAES,gBADP,QAAA,MAAM,QAAK,KAAQ,QAAA,MAAM,KAAI,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,CAAA,CAAA,IAAA,CAKrB,QAAA,MAAM,SAAS,QAAA,MAAM,QAAA,WAAA,EADnC,mBAMM,OANN,YAMM,CAHJ,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,SAAQ,CAAA,EAAA,MAAA,OAAA,CAAA,CAAA,EAAA,EAAA,gBACjB,QAAA,MAAM,KAAI,EAAA,EAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"Contact.vue.script.js","names":[],"sources":["../../../src/features/info-object/Contact.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconEnvelopeSimple, ScalarIconLink } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { ContactObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: ContactObject\n}>()\n\n/**\n * The contact URL comes from the OpenAPI document, which is untrusted input, so a protocol like\n * `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 group-last:mr-0 narrow:border',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <!-- Each link gets its own wrapper so the dividers render between them -->\n    <div\n      v-if=\"value.email\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value.email}`\">\n        <ScalarIconEnvelopeSimple\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n    </div>\n    <div\n      v-if=\"url\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconLink\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <!-- Avoid repeating the name when the email link already shows it -->\n        <span class=\"ml-1 empty:hidden\">{{\n          value.email ? '' : value.name\n        }}</span>\n      </a>\n    </div>\n    <div\n      v-else-if=\"!value.email && value.name\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <span :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,MAAM,eAAe,YAAY,QAAA,OAAO,GAAG,CAAC;EAElD,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,MAAM,EACJ,MAAM,4BACR,EACF;EACF,CAAC;;UAIiB,QAAA,SAAA,UAAA,GAAhB,mBAsCW,UAAA,EAAA,KAAA,EAAA,GAAA,CAnCD,QAAA,MAAM,SAAA,UAAA,GADd,mBAWM,OAXN,YAWM,CARJ,mBAOI,KAAA;IAND,OAAK,eAAE,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAA,KAAA,CAAA,CAAA;IACf,MAAI,UAAY,QAAA,MAAM;OACvB,YAEkB,MAAA,wBAAA,GAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAAuD,QAAvD,YAAuD,gBAApB,QAAA,MAAM,IAAI,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAIzC,IAAA,SAAA,UAAA,GADR,mBAgBM,OAhBN,YAgBM,CAbJ,mBAYI,KAAA;IAXD,OAAK,eAAE,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAA,KAAA,CAAA,CAAA;IACf,MAAM,IAAA;IACP,KAAI;IACJ,QAAO;OACP,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;OAET,mBAES,QAFT,YAES,gBADP,QAAA,MAAM,QAAK,KAAQ,QAAA,MAAM,IAAI,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA,KAAA,CAKrB,QAAA,MAAM,SAAS,QAAA,MAAM,QAAA,UAAA,GADnC,mBAMM,OANN,YAMM,CAHJ,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAA,MAAA,CAAA,CAAA,EAAA,GAAA,gBACjB,QAAA,MAAM,IAAI,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/features/info-object/InfoLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoLink.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/InfoLink.vue"],"names":[],"mappings":"AA6BA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC;AAyEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"InfoLink.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/InfoLink.vue"],"names":[],"mappings":"AA+CA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC;AA2GF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/info-object/InfoLink.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoLink.vue.js","names":[],"sources":["../../../src/features/info-object/InfoLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconLink } from '@scalar/icons'\n\ndefineProps<{\n  name: string\n  url: string\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n    <a\n      class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n      :href=\"url\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\">\n      <ScalarIconLink\n        weight=\"bold\"\n        class=\"size-3 text-current\" />\n      <span class=\"ml-1 empty:hidden\">{{ name }}</span>\n    </a>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"InfoLink.vue.js","names":[],"sources":["../../../src/features/info-object/InfoLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconLink } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst { url } = defineProps<{\n  name: string\n  url: string\n}>()\n\n/**\n * The link URL comes from the `x-scalar-links` extension of the OpenAPI document, which is\n * untrusted input, so a protocol like `javascript:` would execute script on click. Fall back to\n * the plain text label in that case.\n */\nconst safeUrl = computed(() => sanitizeUrl(url))\n</script>\n\n<template>\n  <div\n    class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n    <a\n      v-if=\"safeUrl\"\n      class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n      :href=\"safeUrl\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\">\n      <ScalarIconLink\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ name }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconLink\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ name }}</span>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/features/info-object/InfoLink.vue.script.js

@@ -1,26 +1,38 @@
-import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
 import { ScalarIconLink } from "@scalar/icons";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 //#region src/features/info-object/InfoLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto" };
+var _hoisted_1 = { class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0" };
 var _hoisted_2 = ["href"];
 var _hoisted_3 = { class: "ml-1 empty:hidden" };
-var InfoLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var _hoisted_4 = { class: "ml-1 empty:hidden" };
+var InfoLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InfoLink",
 	props: {
 		name: {},
 		url: {}
 	},
 	setup(__props) {
+		/**
+		* The link URL comes from the `x-scalar-links` extension of the OpenAPI document, which is
+		* untrusted input, so a protocol like `javascript:` would execute script on click. Fall back to
+		* the plain text label in that case.
+		*/
+		const safeUrl = computed(() => sanitizeUrl(__props.url));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("a", {
-				class: "text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none",
-				href: __props.url,
-				target: "_blank",
-				rel: "noopener noreferrer"
+			return openBlock(), createElementBlock("div", _hoisted_1, [safeUrl.value ? (openBlock(), createElementBlock("a", {
+				key: 0,
+				class: "text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0",
+				href: safeUrl.value,
+				rel: "noopener noreferrer",
+				target: "_blank"
 			}, [createVNode(unref(ScalarIconLink), {
-				weight: "bold",
-				class: "size-3 text-current"
-			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.name), 1)], 8, _hoisted_2)]);
+				class: "size-3 text-current",
+				weight: "bold"
+			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.name), 1)], 8, _hoisted_2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarIconLink), {
+				class: "size-3 text-current",
+				weight: "bold"
+			}), createElementVNode("span", _hoisted_4, toDisplayString(__props.name), 1)], 64))]);
 		};
 	}
 });

package/dist/features/info-object/InfoLink.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoLink.vue.script.js","names":[],"sources":["../../../src/features/info-object/InfoLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconLink } from '@scalar/icons'\n\ndefineProps<{\n  name: string\n  url: string\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n    <a\n      class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n      :href=\"url\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\">\n      <ScalarIconLink\n        weight=\"bold\"\n        class=\"size-3 text-current\" />\n      <span class=\"ml-1 empty:hidden\">{{ name }}</span>\n    </a>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;uBAUE,mBAYM,OAZN,YAYM,CAVJ,mBASI,KAAA;IARF,OAAM;IACL,MAAM,QAAA;IACP,QAAO;IACP,KAAI;OACJ,YAEgC,MAAA,eAAA,EAAA;IAD9B,QAAO;IACP,OAAM;OACR,mBAAiD,QAAjD,YAAiD,gBAAd,QAAA,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,CAAA,CAAA"}
+{"version":3,"file":"InfoLink.vue.script.js","names":[],"sources":["../../../src/features/info-object/InfoLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconLink } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst { url } = defineProps<{\n  name: string\n  url: string\n}>()\n\n/**\n * The link URL comes from the `x-scalar-links` extension of the OpenAPI document, which is\n * untrusted input, so a protocol like `javascript:` would execute script on click. Fall back to\n * the plain text label in that case.\n */\nconst safeUrl = computed(() => sanitizeUrl(url))\n</script>\n\n<template>\n  <div\n    class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n    <a\n      v-if=\"safeUrl\"\n      class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n      :href=\"safeUrl\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\">\n      <ScalarIconLink\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ name }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconLink\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ name }}</span>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAeA,MAAM,UAAU,eAAe,YAAY,QAAA,GAAG,CAAC;;uBAI7C,mBAmBM,OAnBN,YAmBM,CAhBI,QAAA,SAAA,UAAA,GADR,mBAUI,KAAA;;IARF,OAAM;IACL,MAAM,QAAA;IACP,KAAI;IACJ,QAAO;OACP,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAAiD,QAAjD,YAAiD,gBAAd,QAAA,IAAI,GAAA,CAAA,CAAA,GAAA,GAAA,UAAA,MAAA,UAAA,GAEzC,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJT,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAAiD,QAAjD,YAAiD,gBAAd,QAAA,IAAI,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,CAAA"}

package/dist/features/info-object/License.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"License.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/License.vue"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAEjG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,aAAa,GAAG,qBAAqB,CAAA;CAC9C,CAAC;AAoGF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"License.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/License.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAGjG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,aAAa,GAAG,qBAAqB,CAAA;CAC9C,CAAC;AA+GF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/info-object/License.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"License.vue.js","names":[],"sources":["../../../src/features/info-object/License.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconGavel } from '@scalar/icons'\nimport type { AsyncApiLicenseObject } from '@scalar/types/asyncapi/3.1'\nimport type { LicenseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\ndefineProps<{\n  value?: LicenseObject | AsyncApiLicenseObject\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group flex h-fit items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n    <a\n      v-if=\"value?.url\"\n      class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n      :href=\"value.url\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\">\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{\n        value?.name || ('identifier' in value && value.identifier) || value.url\n      }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ value?.name }}</span>\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"License.vue.js","names":[],"sources":["../../../src/features/info-object/License.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconGavel } from '@scalar/icons'\nimport type { AsyncApiLicenseObject } from '@scalar/types/asyncapi/3.1'\nimport type { LicenseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: LicenseObject | AsyncApiLicenseObject\n}>()\n\n/**\n * The license URL comes from the OpenAPI document, which is untrusted input, so a protocol like\n * `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n</script>\n\n<template>\n  <div\n    class=\"group narrow:border-r-0 narrow:first:ml-0 flex h-fit items-center border-r first:ml-auto last:border-r-0\">\n    <a\n      v-if=\"url\"\n      class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n      :href=\"url\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\">\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{\n        value?.name ||\n        (value && 'identifier' in value && value.identifier) ||\n        url\n      }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ value?.name }}</span>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/features/info-object/License.vue.script.js

@@ -1,25 +1,31 @@
-import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
 import { ScalarIconGavel } from "@scalar/icons";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 //#region src/features/info-object/License.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "group flex h-fit items-center last:border-r-0 xl:border-r xl:first:ml-auto" };
+var _hoisted_1 = { class: "group narrow:border-r-0 narrow:first:ml-0 flex h-fit items-center border-r first:ml-auto last:border-r-0" };
 var _hoisted_2 = ["href"];
 var _hoisted_3 = { class: "ml-1 empty:hidden" };
 var _hoisted_4 = { class: "ml-1 empty:hidden" };
-var License_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var License_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "License",
 	props: { value: {} },
 	setup(__props) {
+		/**
+		* The license URL comes from the OpenAPI document, which is untrusted input, so a protocol like
+		* `javascript:` would execute script on click. Fall back to the plain text label in that case.
+		*/
+		const url = computed(() => sanitizeUrl(__props.value?.url));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [__props.value?.url ? (openBlock(), createElementBlock("a", {
+			return openBlock(), createElementBlock("div", _hoisted_1, [url.value ? (openBlock(), createElementBlock("a", {
 				key: 0,
-				class: "text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none",
-				href: __props.value.url,
+				class: "text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0",
+				href: url.value,
 				rel: "noopener noreferrer",
 				target: "_blank"
 			}, [createVNode(unref(ScalarIconGavel), {
 				class: "size-3 text-current",
 				weight: "bold"
-			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.value?.name || "identifier" in __props.value && __props.value.identifier || __props.value.url), 1)], 8, _hoisted_2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarIconGavel), {
+			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.value?.name || __props.value && "identifier" in __props.value && __props.value.identifier || url.value), 1)], 8, _hoisted_2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarIconGavel), {
 				class: "size-3 text-current",
 				weight: "bold"
 			}), createElementVNode("span", _hoisted_4, toDisplayString(__props.value?.name), 1)], 64))]);

package/dist/features/info-object/License.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"License.vue.script.js","names":[],"sources":["../../../src/features/info-object/License.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconGavel } from '@scalar/icons'\nimport type { AsyncApiLicenseObject } from '@scalar/types/asyncapi/3.1'\nimport type { LicenseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\ndefineProps<{\n  value?: LicenseObject | AsyncApiLicenseObject\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group flex h-fit items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n    <a\n      v-if=\"value?.url\"\n      class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n      :href=\"value.url\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\">\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{\n        value?.name || ('identifier' in value && value.identifier) || value.url\n      }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ value?.name }}</span>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;uBAWE,mBAqBM,OArBN,YAqBM,CAlBI,QAAA,OAAO,OAAA,WAAA,EADf,mBAYI,KAAA;;IAVF,OAAM;IACL,MAAM,QAAA,MAAM;IACb,KAAI;IACJ,QAAO;OACP,YAEkB,MAAA,gBAAA,EAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAES,QAFT,YAES,gBADP,QAAA,OAAO,QAAI,gBAAqB,QAAA,SAAS,QAAA,MAAM,cAAe,QAAA,MAAM,IAAG,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,KAAA,WAAA,EAG3E,mBAKW,UAAA,EAAA,KAAA,GAAA,EAAA,CAJT,YAEkB,MAAA,gBAAA,EAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAAwD,QAAxD,YAAwD,gBAArB,QAAA,OAAO,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA"}
+{"version":3,"file":"License.vue.script.js","names":[],"sources":["../../../src/features/info-object/License.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconGavel } from '@scalar/icons'\nimport type { AsyncApiLicenseObject } from '@scalar/types/asyncapi/3.1'\nimport type { LicenseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: LicenseObject | AsyncApiLicenseObject\n}>()\n\n/**\n * The license URL comes from the OpenAPI document, which is untrusted input, so a protocol like\n * `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n</script>\n\n<template>\n  <div\n    class=\"group narrow:border-r-0 narrow:first:ml-0 flex h-fit items-center border-r first:ml-auto last:border-r-0\">\n    <a\n      v-if=\"url\"\n      class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n      :href=\"url\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\">\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{\n        value?.name ||\n        (value && 'identifier' in value && value.identifier) ||\n        url\n      }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconGavel\n        class=\"size-3 text-current\"\n        weight=\"bold\" />\n      <span class=\"ml-1 empty:hidden\">{{ value?.name }}</span>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAeA,MAAM,MAAM,eAAe,YAAY,QAAA,OAAO,GAAG,CAAC;;uBAIhD,mBAuBM,OAvBN,YAuBM,CApBI,IAAA,SAAA,UAAA,GADR,mBAcI,KAAA;;IAZF,OAAM;IACL,MAAM,IAAA;IACP,KAAI;IACJ,QAAO;OACP,YAEkB,MAAA,eAAA,GAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAIS,QAJT,YAIS,gBAHP,QAAA,OAAO,QAAiB,QAAA,SAAK,gBAAoB,QAAA,SAAS,QAAA,MAAM,cAAuB,IAAA,KAAG,GAAA,CAAA,CAAA,GAAA,GAAA,UAAA,MAAA,UAAA,GAK9F,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJT,YAEkB,MAAA,eAAA,GAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAAwD,QAAxD,YAAwD,gBAArB,QAAA,OAAO,IAAI,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,CAAA"}

package/dist/features/info-object/TermsOfService.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TermsOfService.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/TermsOfService.vue"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAA;AAI9F,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAA;CACrC,CAAC;AA6EF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"TermsOfService.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/TermsOfService.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAA;AAK9F,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAA;CACrC,CAAC;AAsFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/info-object/TermsOfService.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TermsOfService.vue.js","names":[],"sources":["../../../src/features/info-object/TermsOfService.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconScroll } from '@scalar/icons'\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n  value?: InfoObject['termsOfService']\n}>()\nconst { translate } = useLocalization()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n        :href=\"value\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconScroll\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">\n          {{ translate('info.termsOfService') }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TermsOfService.vue.js","names":[],"sources":["../../../src/features/info-object/TermsOfService.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconScroll } from '@scalar/icons'\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { value } = defineProps<{\n  value?: InfoObject['termsOfService']\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The terms of service URL comes from the OpenAPI document, which is untrusted input, so a\n * protocol like `javascript:` would execute script on click. Hide the link in that case.\n */\nconst url = computed(() => sanitizeUrl(value))\n</script>\n\n<template>\n  <template v-if=\"url\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconScroll\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">\n          {{ translate('info.termsOfService') }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":""}

package/dist/features/info-object/TermsOfService.vue.script.js

@@ -1,22 +1,28 @@
 import { useLocalization } from "../localization/use-localization.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
 import { ScalarIconScroll } from "@scalar/icons";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 //#region src/features/info-object/TermsOfService.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
-	class: "group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto"
+	class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0"
 };
 var _hoisted_2 = ["href"];
 var _hoisted_3 = { class: "ml-1 empty:hidden" };
-var TermsOfService_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var TermsOfService_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "TermsOfService",
 	props: { value: {} },
 	setup(__props) {
 		const { translate } = useLocalization();
+		/**
+		* The terms of service URL comes from the OpenAPI document, which is untrusted input, so a
+		* protocol like `javascript:` would execute script on click. Hide the link in that case.
+		*/
+		const url = computed(() => sanitizeUrl(__props.value));
 		return (_ctx, _cache) => {
-			return __props.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("a", {
-				class: "text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none",
-				href: __props.value,
+			return url.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("a", {
+				class: "text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0",
+				href: url.value,
 				rel: "noopener noreferrer",
 				target: "_blank"
 			}, [createVNode(unref(ScalarIconScroll), {

package/dist/features/info-object/TermsOfService.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"TermsOfService.vue.script.js","names":[],"sources":["../../../src/features/info-object/TermsOfService.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconScroll } from '@scalar/icons'\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n  value?: InfoObject['termsOfService']\n}>()\nconst { translate } = useLocalization()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n        :href=\"value\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconScroll\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">\n          {{ translate('info.termsOfService') }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EASA,MAAM,EAAE,cAAc,iBAAgB;;UAIpB,QAAA,SAAA,WAAA,EACd,mBAcM,OAdN,YAcM,CAZJ,mBAWI,KAAA;IAVF,OAAM;IACL,MAAM,QAAA;IACP,KAAI;IACJ,QAAO;OACP,YAEkB,MAAA,iBAAA,EAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAEO,QAFP,YAEO,gBADF,MAAA,UAAS,CAAA,sBAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"TermsOfService.vue.script.js","names":[],"sources":["../../../src/features/info-object/TermsOfService.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconScroll } from '@scalar/icons'\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { value } = defineProps<{\n  value?: InfoObject['termsOfService']\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The terms of service URL comes from the OpenAPI document, which is untrusted input, so a\n * protocol like `javascript:` would execute script on click. Hide the link in that case.\n */\nconst url = computed(() => sanitizeUrl(value))\n</script>\n\n<template>\n  <template v-if=\"url\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconScroll\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">\n          {{ translate('info.termsOfService') }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,cAAc,gBAAgB;;;;;EAMtC,MAAM,MAAM,eAAe,YAAY,QAAA,KAAK,CAAC;;UAI3B,IAAA,SAAA,UAAA,GACd,mBAcM,OAdN,YAcM,CAZJ,mBAWI,KAAA;IAVF,OAAM;IACL,MAAM,IAAA;IACP,KAAI;IACJ,QAAO;OACP,YAEkB,MAAA,gBAAA,GAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAEO,QAFP,YAEO,gBADF,MAAA,SAAA,CAAS,CAAA,qBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/features/localization/locales/ar.d.ts

@@ -223,6 +223,7 @@ export declare const ar: {
         oneOf: string;
         required: string;
         requires: string;
+        scopes: string;
     };
 };
 //# sourceMappingURL=ar.d.ts.map

package/dist/features/localization/locales/ar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ar.d.ts","sourceRoot":"","sources":["../../../../src/features/localization/locales/ar.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmOqB,CAAA"}
+{"version":3,"file":"ar.d.ts","sourceRoot":"","sources":["../../../../src/features/localization/locales/ar.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOqB,CAAA"}

package/dist/features/localization/locales/ar.js

@@ -217,7 +217,8 @@ var ar = {
 		optional: "المصادقة اختيارية",
 		oneOf: "واحد من:",
 		required: "المصادقة مطلوبة",
-		requires: "يتطلب"
+		requires: "يتطلب",
+		scopes: "نطاقات OAuth"
 	}
 };
 //#endregion