@scalar/api-client 3.23.1 → 3.23.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @scalar/api-client
 
+## 3.23.3
+
+### Patch Changes
+
+- [#10721](https://github.com/scalar/scalar/pull/10721): Update compatible dependencies while retaining the existing Node.js support and five-day release-age policy.
+- [#10652](https://github.com/scalar/scalar/pull/10652): Display authored AsyncAPI server-variable examples in the shared Example/Examples popup with copy support, including examples from referenced variables.
+
+  Keep the shared examples popup label clickable when hovered and align server-variable popups with their labels to avoid overlapping the sidebar.
+
+## 3.23.2
+
+### Patch Changes
+
+- [#10654](https://github.com/scalar/scalar/pull/10654): Show the authorization form again after clearing OAuth access and refresh tokens.
+
 ## 3.23.1
 
 ### Patch Changes

package/dist/assets/{computer.ascii.virtual.js → computer.ascii_raw.js}

@@ -3,4 +3,4 @@ var computer_default = "                         .,,uod8B8bou,,.\n
 //#endregion
 export { computer_default as default };
 
-//# sourceMappingURL=computer.ascii.virtual.js.map
+//# sourceMappingURL=computer.ascii_raw.js.map

package/dist/assets/computer.ascii_raw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computer.ascii_raw.js","names":[],"sources":[],"mappings":""}

package/dist/components/HelpfulLink.vue.js

@@ -1,4 +1,4 @@
-import HelpfulLink_vue_vue_type_script_setup_true_lang_default from "./HelpfulLink.vue.script.js";
+import HelpfulLink_vue_vue_type_script_setup_true_lang_default from "./HelpfulLink.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/HelpfulLink.vue
 var HelpfulLink_default = HelpfulLink_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/HelpfulLink.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpfulLink.vue.js","names":[],"sources":["../../src/components/HelpfulLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{ href: string }>()\n</script>\n<template>\n  <a\n    class=\"decoration-c-3 cursor-help underline underline-offset-2\"\n    :href=\"href\"\n    rel=\"noopener noreferrer\"\n    target=\"_blank\">\n    <slot />\n  </a>\n</template>\n"],"mappings":""}
+{"version":3,"file":"HelpfulLink.vue.js","names":["_sfc_main"],"sources":["../../src/components/HelpfulLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{ href: string }>()\n</script>\n<template>\n  <a\n    class=\"decoration-c-3 cursor-help underline underline-offset-2\"\n    :href=\"href\"\n    rel=\"noopener noreferrer\"\n    target=\"_blank\">\n    <slot />\n  </a>\n</template>\n"],"mappings":""}

package/dist/components/{HelpfulLink.vue.script.js → HelpfulLink.vue_vue_type_script_setup_true_lang.js}

@@ -18,4 +18,4 @@ var HelpfulLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 //#endregion
 export { HelpfulLink_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=HelpfulLink.vue.script.js.map
+//# sourceMappingURL=HelpfulLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/HelpfulLink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpfulLink.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_renderSlot"],"sources":["../../src/components/HelpfulLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{ href: string }>()\n</script>\n<template>\n  <a\n    class=\"decoration-c-3 cursor-help underline underline-offset-2\"\n    :href=\"href\"\n    rel=\"noopener noreferrer\"\n    target=\"_blank\">\n    <slot />\n  </a>\n</template>\n"],"mappings":";;;;;;;;GAIE,OAAAA,UAAA,GAAAC,mBAMI,KAAA;IALF,OAAM;IACL,MAAM,QAAA;IACP,KAAI;IACJ,QAAO;G,IACPC,WAAQ,KAAA,QAAA,SAAA,C"}

package/dist/components/HttpMethod/HttpMethod.vue.js

@@ -1,5 +1,5 @@
-import HttpMethod_vue_vue_type_script_setup_true_lang_default from "./HttpMethod.vue.script.js";
-/* empty css                         */
+import HttpMethod_vue_vue_type_script_setup_true_lang_default from "./HttpMethod.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
 //#region src/components/HttpMethod/HttpMethod.vue
 var HttpMethod_default = /*#__PURE__*/ _plugin_vue_export_helper_default(HttpMethod_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e7883636"]]);

package/dist/components/HttpMethod/HttpMethod.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.js","names":[],"sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport {\n  getHttpMethodInfo,\n  REQUEST_METHODS,\n} from '@scalar/helpers/http/http-info'\nimport { objectEntries } from '@scalar/helpers/object/object-entries'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    isSquare?: boolean\n    method: string\n    isEditable?: boolean\n  }>(),\n  { isSquare: false, isDisable: false, isEditable: false },\n)\n\nconst emit = defineEmits<{\n  (e: 'change', value: string): void\n}>()\n\nconst method = computed(() => getHttpMethodInfo(props.method))\nconst methodOptions = computed(() => {\n  const options = objectEntries(REQUEST_METHODS).map(([id]) => ({\n    id: String(id),\n    label: id.toUpperCase(),\n    color: getHttpMethodInfo(id).colorClass,\n  }))\n\n  // Keep document-defined methods selectable without changing their spelling.\n  if (!options.some(({ id }) => id === props.method)) {\n    options.push({\n      id: props.method,\n      label: props.method,\n      color: method.value.colorClass,\n    })\n  }\n\n  return options\n})\nconst selectedMethod = computed({\n  get: () => methodOptions.value.find(({ id }) => id === props.method),\n  set: (opt) => opt?.id && emit('change', opt.id),\n})\n\nconst variants = cva({\n  base: 'text-center font-code text-3xs justify-center items-center flex',\n  variants: {\n    isSquare: {\n      true: 'px-2.5 whitespace-nowrap font-bold border-r h-fit m-auto',\n      false: 'rounded-full',\n    },\n    isEditable: {\n      true: 'http-bg-gradient rounded-md border',\n      false: 'cursor-auto',\n    },\n  },\n})\n\nconst httpLabel = computed(() => method.value.short)\n</script>\n<template>\n  <!-- Dropdown select -->\n  <ScalarListbox\n    v-if=\"isEditable\"\n    v-model=\"selectedMethod\"\n    class=\"font-code scalar-client mt-1 text-sm\"\n    :options=\"methodOptions\">\n    <div\n      class=\"h-full\"\n      :class=\"{ 'pointer-events-none': !isEditable }\">\n      <button\n        class=\"relative h-full\"\n        :class=\"cx(variants({ isSquare, isEditable }), method.colorClass)\"\n        type=\"button\">\n        <span>{{ httpLabel }}</span>\n      </button>\n    </div>\n  </ScalarListbox>\n  <!-- Display only -->\n  <div\n    v-else\n    class=\"relative gap-1 whitespace-nowrap\"\n    :class=\"cx(variants({ isSquare, isEditable }), method.colorClass)\"\n    type=\"button\">\n    {{ method.short }}\n  </div>\n</template>\n<style scoped>\n.http-bg-gradient {\n  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));\n}\n.http-bg-gradient:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));\n}\n.dark-mode .http-bg-gradient {\n  background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));\n}\n.dark-mode .http-bg-gradient:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"HttpMethod.vue.js","names":["_sfc_main"],"sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport {\n  getHttpMethodInfo,\n  REQUEST_METHODS,\n} from '@scalar/helpers/http/http-info'\nimport { objectEntries } from '@scalar/helpers/object/object-entries'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    isSquare?: boolean\n    method: string\n    isEditable?: boolean\n  }>(),\n  { isSquare: false, isDisable: false, isEditable: false },\n)\n\nconst emit = defineEmits<{\n  (e: 'change', value: string): void\n}>()\n\nconst method = computed(() => getHttpMethodInfo(props.method))\nconst methodOptions = computed(() => {\n  const options = objectEntries(REQUEST_METHODS).map(([id]) => ({\n    id: String(id),\n    label: id.toUpperCase(),\n    color: getHttpMethodInfo(id).colorClass,\n  }))\n\n  // Keep document-defined methods selectable without changing their spelling.\n  if (!options.some(({ id }) => id === props.method)) {\n    options.push({\n      id: props.method,\n      label: props.method,\n      color: method.value.colorClass,\n    })\n  }\n\n  return options\n})\nconst selectedMethod = computed({\n  get: () => methodOptions.value.find(({ id }) => id === props.method),\n  set: (opt) => opt?.id && emit('change', opt.id),\n})\n\nconst variants = cva({\n  base: 'text-center font-code text-3xs justify-center items-center flex',\n  variants: {\n    isSquare: {\n      true: 'px-2.5 whitespace-nowrap font-bold border-r h-fit m-auto',\n      false: 'rounded-full',\n    },\n    isEditable: {\n      true: 'http-bg-gradient rounded-md border',\n      false: 'cursor-auto',\n    },\n  },\n})\n\nconst httpLabel = computed(() => method.value.short)\n</script>\n<template>\n  <!-- Dropdown select -->\n  <ScalarListbox\n    v-if=\"isEditable\"\n    v-model=\"selectedMethod\"\n    class=\"font-code scalar-client mt-1 text-sm\"\n    :options=\"methodOptions\">\n    <div\n      class=\"h-full\"\n      :class=\"{ 'pointer-events-none': !isEditable }\">\n      <button\n        class=\"relative h-full\"\n        :class=\"cx(variants({ isSquare, isEditable }), method.colorClass)\"\n        type=\"button\">\n        <span>{{ httpLabel }}</span>\n      </button>\n    </div>\n  </ScalarListbox>\n  <!-- Display only -->\n  <div\n    v-else\n    class=\"relative gap-1 whitespace-nowrap\"\n    :class=\"cx(variants({ isSquare, isEditable }), method.colorClass)\"\n    type=\"button\">\n    {{ method.short }}\n  </div>\n</template>\n<style scoped>\n.http-bg-gradient {\n  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));\n}\n.http-bg-gradient:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));\n}\n.dark-mode .http-bg-gradient {\n  background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));\n}\n.dark-mode .http-bg-gradient:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));\n}\n</style>\n"],"mappings":""}

package/dist/components/HttpMethod/{HttpMethod.vue.script.js → HttpMethod.vue_vue_type_script_setup_true_lang.js}

@@ -83,4 +83,4 @@ var HttpMethod_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 //#endregion
 export { HttpMethod_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=HttpMethod.vue.script.js.map
+//# sourceMappingURL=HttpMethod.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/HttpMethod/HttpMethod.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpMethod.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_normalizeClass","_toDisplayString","_createElementBlock"],"sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport {\n  getHttpMethodInfo,\n  REQUEST_METHODS,\n} from '@scalar/helpers/http/http-info'\nimport { objectEntries } from '@scalar/helpers/object/object-entries'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    isSquare?: boolean\n    method: string\n    isEditable?: boolean\n  }>(),\n  { isSquare: false, isDisable: false, isEditable: false },\n)\n\nconst emit = defineEmits<{\n  (e: 'change', value: string): void\n}>()\n\nconst method = computed(() => getHttpMethodInfo(props.method))\nconst methodOptions = computed(() => {\n  const options = objectEntries(REQUEST_METHODS).map(([id]) => ({\n    id: String(id),\n    label: id.toUpperCase(),\n    color: getHttpMethodInfo(id).colorClass,\n  }))\n\n  // Keep document-defined methods selectable without changing their spelling.\n  if (!options.some(({ id }) => id === props.method)) {\n    options.push({\n      id: props.method,\n      label: props.method,\n      color: method.value.colorClass,\n    })\n  }\n\n  return options\n})\nconst selectedMethod = computed({\n  get: () => methodOptions.value.find(({ id }) => id === props.method),\n  set: (opt) => opt?.id && emit('change', opt.id),\n})\n\nconst variants = cva({\n  base: 'text-center font-code text-3xs justify-center items-center flex',\n  variants: {\n    isSquare: {\n      true: 'px-2.5 whitespace-nowrap font-bold border-r h-fit m-auto',\n      false: 'rounded-full',\n    },\n    isEditable: {\n      true: 'http-bg-gradient rounded-md border',\n      false: 'cursor-auto',\n    },\n  },\n})\n\nconst httpLabel = computed(() => method.value.short)\n</script>\n<template>\n  <!-- Dropdown select -->\n  <ScalarListbox\n    v-if=\"isEditable\"\n    v-model=\"selectedMethod\"\n    class=\"font-code scalar-client mt-1 text-sm\"\n    :options=\"methodOptions\">\n    <div\n      class=\"h-full\"\n      :class=\"{ 'pointer-events-none': !isEditable }\">\n      <button\n        class=\"relative h-full\"\n        :class=\"cx(variants({ isSquare, isEditable }), method.colorClass)\"\n        type=\"button\">\n        <span>{{ httpLabel }}</span>\n      </button>\n    </div>\n  </ScalarListbox>\n  <!-- Display only -->\n  <div\n    v-else\n    class=\"relative gap-1 whitespace-nowrap\"\n    :class=\"cx(variants({ isSquare, isEditable }), method.colorClass)\"\n    type=\"button\">\n    {{ method.short }}\n  </div>\n</template>\n<style scoped>\n.http-bg-gradient {\n  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));\n}\n.http-bg-gradient:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));\n}\n.dark-mode .http-bg-gradient {\n  background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));\n}\n.dark-mode .http-bg-gradient:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,MAAM,SAAS,eAAe,kBAAkB,MAAM,MAAM,CAAC;EAC7D,MAAM,gBAAgB,eAAe;GACnC,MAAM,UAAU,cAAc,eAAe,CAAC,CAAC,KAAK,CAAC,SAAS;IAC5D,IAAI,OAAO,EAAE;IACb,OAAO,GAAG,YAAY;IACtB,OAAO,kBAAkB,EAAE,CAAC,CAAC;GAC/B,EAAE;GAGF,IAAI,CAAC,QAAQ,MAAM,EAAE,SAAS,OAAO,MAAM,MAAM,GAC/C,QAAQ,KAAK;IACX,IAAI,MAAM;IACV,OAAO,MAAM;IACb,OAAO,OAAO,MAAM;GACtB,CAAC;GAGH,OAAO;EACT,CAAC;EACD,MAAM,iBAAiB,SAAS;GAC9B,WAAW,cAAc,MAAM,MAAM,EAAE,SAAS,OAAO,MAAM,MAAM;GACnE,MAAM,QAAQ,KAAK,MAAM,KAAK,UAAU,IAAI,EAAE;EAChD,CAAC;EAED,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU;IACR,UAAU;KACR,MAAM;KACN,OAAO;IACT;IACA,YAAY;KACV,MAAM;KACN,OAAO;IACT;GACF;EACF,CAAC;EAED,MAAM,YAAY,eAAe,OAAO,MAAM,KAAK;;GAKzC,OAAA,QAAA,cADRA,UAAA,GAAAC,YAegBC,MAAA,aAAA,GAAA;;IAbL,YAAA,eAAA;IAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,eAAc,QAAA;IACvB,OAAM;IACL,SAAS,cAAA;;IACV,SAAAC,cASM,CATNC,mBASM,OAAA,EARJ,OAAKC,eAAA,CAAC,UAAQ,EAAA,uBAAA,CACoB,QAAA,WAAU,CAAA,CAAA,E,IAC5CD,mBAKS,UAAA;KAJP,OAAKC,eAAA,CAAC,mBACEH,MAAA,EAAA,CAAE,CAACA,MAAA,QAAA,CAAQ,CAAA;MAAA,UAAG,QAAA;MAAQ,YAAE,QAAA;KAAU,CAAA,GAAK,OAAA,MAAO,UAAU,CAAA,CAAA;KAChE,MAAK;I,IACLE,mBAA4B,QAAA,MAAAE,gBAAnB,UAAA,KAAS,GAAA,CAAA,C;;G,qCAKxBN,UAAA,GAAAO,mBAMM,OAAA;;IAJJ,OAAKF,eAAA,CAAC,oCACEH,MAAA,EAAA,CAAE,CAACA,MAAA,QAAA,CAAQ,CAAA;KAAA,UAAG,QAAA;KAAQ,YAAE,QAAA;IAAU,CAAA,GAAK,OAAA,MAAO,UAAU,CAAA,CAAA;IAChE,MAAK;GACF,GAAAI,gBAAA,OAAA,MAAO,KAAK,GAAA,CAAA"}

package/dist/components/HttpMethod/index.js

@@ -1,2 +1 @@
-import HttpMethod_default from "./HttpMethod.vue.js";
-export { HttpMethod_default as HttpMethod };
+export { default as HttpMethod } from "./HttpMethod.vue.js";

package/dist/components/ScalarAsciiArt/ScalarAsciiArt.vue.js

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default from "./ScalarAsciiArt.vue.script.js";
-/* empty css                             */
+import ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default from "./ScalarAsciiArt.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                   */
 //#region src/components/ScalarAsciiArt/ScalarAsciiArt.vue
 var ScalarAsciiArt_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4f827089"]]);
 //#endregion

package/dist/components/ScalarAsciiArt/ScalarAsciiArt.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarAsciiArt.vue.js","names":[],"sources":["../../../src/components/ScalarAsciiArt/ScalarAsciiArt.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type StyleValue } from 'vue'\n\nconst props = defineProps<{ art: string; animate?: boolean }>()\n\nconst BLINK = 500 // ms - Cursor blink speed\nconst PRINT = 100 // ms - Text print speed\n\nconst lines = computed<string[]>(() => props.art.split('\\n'))\n\nconst getLineAnimation = (chars: number, row: number): StyleValue => ({\n  animationDuration: `${chars * PRINT}ms, ${BLINK}ms`,\n  animationTimingFunction: `steps(${chars}), step-end`,\n  animationDelay: `${row * PRINT}ms, 0ms`,\n  animationIterationCount: `1, ${(((lines.value?.length ?? 0) + (lines.value?.[lines.value?.length - 1]?.length ?? 0) + 5) * PRINT) / BLINK}`,\n})\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]\"\n    :class=\"{ 'ascii-art-animate': animate }\"\n    inert\n    role=\"presentation\">\n    <span\n      v-for=\"(line, i) in lines\"\n      :key=\"i\"\n      class=\"inline-block\"\n      :style=\"{ width: `calc(${line.length + 1}ch)` }\">\n      <!-- prettier-ignore -->\n      <span\nclass=\"inline-block whitespace-pre overflow-hidden\"\n:style=\"getLineAnimation(line.length, i)\">{{\n       line\n      }}</span>\n    </span>\n  </div>\n</template>\n<style scoped>\n.ascii-art-animate .ascii-art-line {\n  border-right: 1ch solid transparent;\n  animation:\n    typewriter 4s steps(1) 1s 1 normal both,\n    blinkTextCursor 500ms steps(1) infinite normal;\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes blinkTextCursor {\n  0% {\n    border-right-color: currentColor;\n  }\n  50% {\n    border-right-color: transparent;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ScalarAsciiArt.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarAsciiArt/ScalarAsciiArt.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type StyleValue } from 'vue'\n\nconst props = defineProps<{ art: string; animate?: boolean }>()\n\nconst BLINK = 500 // ms - Cursor blink speed\nconst PRINT = 100 // ms - Text print speed\n\nconst lines = computed<string[]>(() => props.art.split('\\n'))\n\nconst getLineAnimation = (chars: number, row: number): StyleValue => ({\n  animationDuration: `${chars * PRINT}ms, ${BLINK}ms`,\n  animationTimingFunction: `steps(${chars}), step-end`,\n  animationDelay: `${row * PRINT}ms, 0ms`,\n  animationIterationCount: `1, ${(((lines.value?.length ?? 0) + (lines.value?.[lines.value?.length - 1]?.length ?? 0) + 5) * PRINT) / BLINK}`,\n})\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]\"\n    :class=\"{ 'ascii-art-animate': animate }\"\n    inert\n    role=\"presentation\">\n    <span\n      v-for=\"(line, i) in lines\"\n      :key=\"i\"\n      class=\"inline-block\"\n      :style=\"{ width: `calc(${line.length + 1}ch)` }\">\n      <!-- prettier-ignore -->\n      <span\nclass=\"inline-block whitespace-pre overflow-hidden\"\n:style=\"getLineAnimation(line.length, i)\">{{\n       line\n      }}</span>\n    </span>\n  </div>\n</template>\n<style scoped>\n.ascii-art-animate .ascii-art-line {\n  border-right: 1ch solid transparent;\n  animation:\n    typewriter 4s steps(1) 1s 1 normal both,\n    blinkTextCursor 500ms steps(1) infinite normal;\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes blinkTextCursor {\n  0% {\n    border-right-color: currentColor;\n  }\n  50% {\n    border-right-color: transparent;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/ScalarAsciiArt/{ScalarAsciiArt.vue.script.js → ScalarAsciiArt.vue_vue_type_script_setup_true_lang.js}

@@ -39,4 +39,4 @@ var ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 //#endregion
 export { ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=ScalarAsciiArt.vue.script.js.map
+//# sourceMappingURL=ScalarAsciiArt.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarAsciiArt/ScalarAsciiArt.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarAsciiArt.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_normalizeStyle","_createElementVNode","_toDisplayString"],"sources":["../../../src/components/ScalarAsciiArt/ScalarAsciiArt.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type StyleValue } from 'vue'\n\nconst props = defineProps<{ art: string; animate?: boolean }>()\n\nconst BLINK = 500 // ms - Cursor blink speed\nconst PRINT = 100 // ms - Text print speed\n\nconst lines = computed<string[]>(() => props.art.split('\\n'))\n\nconst getLineAnimation = (chars: number, row: number): StyleValue => ({\n  animationDuration: `${chars * PRINT}ms, ${BLINK}ms`,\n  animationTimingFunction: `steps(${chars}), step-end`,\n  animationDelay: `${row * PRINT}ms, 0ms`,\n  animationIterationCount: `1, ${(((lines.value?.length ?? 0) + (lines.value?.[lines.value?.length - 1]?.length ?? 0) + 5) * PRINT) / BLINK}`,\n})\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]\"\n    :class=\"{ 'ascii-art-animate': animate }\"\n    inert\n    role=\"presentation\">\n    <span\n      v-for=\"(line, i) in lines\"\n      :key=\"i\"\n      class=\"inline-block\"\n      :style=\"{ width: `calc(${line.length + 1}ch)` }\">\n      <!-- prettier-ignore -->\n      <span\nclass=\"inline-block whitespace-pre overflow-hidden\"\n:style=\"getLineAnimation(line.length, i)\">{{\n       line\n      }}</span>\n    </span>\n  </div>\n</template>\n<style scoped>\n.ascii-art-animate .ascii-art-line {\n  border-right: 1ch solid transparent;\n  animation:\n    typewriter 4s steps(1) 1s 1 normal both,\n    blinkTextCursor 500ms steps(1) infinite normal;\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes blinkTextCursor {\n  0% {\n    border-right-color: currentColor;\n  }\n  50% {\n    border-right-color: transparent;\n  }\n}\n</style>\n"],"mappings":";;AAKA,IAAM,QAAQ;AACd,IAAM,QAAQ;;;;;;;;EAHd,MAAM,QAAQ;EAKd,MAAM,QAAQ,eAAyB,MAAM,IAAI,MAAM,IAAI,CAAC;EAE5D,MAAM,oBAAoB,OAAe,SAA6B;GACpE,mBAAmB,GAAG,QAAQ,MAAM,MAAM,MAAM;GAChD,yBAAyB,SAAS,MAAM;GACxC,gBAAgB,GAAG,MAAM,MAAM;GAC/B,yBAAyB,QAAS,MAAM,OAAO,UAAU,MAAM,MAAM,QAAQ,MAAM,OAAO,SAAS,EAAE,EAAE,UAAU,KAAK,KAAK,QAAS;EACtI;;GAGE,OAAAA,UAAA,GAAAC,mBAkBM,OAAA;IAjBJ,eAAY;IACZ,OAAKC,eAAA,CAAC,0EAAwE,EAAA,qBAC/C,QAAA,QAAO,CAAA,CAAA;IACtC,OAAA;IACA,MAAK;G,KACLF,UAAA,IAAA,GAAAC,mBAWOE,UAAA,MAAAC,WAVe,MAAA,QAAZ,MAAM,MAAC;IADjB,OAAAJ,UAAA,GAAAC,mBAWO,QAAA;KATJ,KAAK;KACN,OAAM;KACL,OAAKI,eAAA,EAAA,OAAA,QAAmB,KAAK,SAAM,EAAA,KAAA,CAAA;I,IAEpCC,mBAIS,QAAA;KAHf,OAAM;KACL,OAAKD,eAAE,iBAAiB,KAAK,QAAQ,CAAC,CAAA;IAChC,GAAAE,gBAAA,IAAI,GAAA,CAAA,C"}

package/dist/components/ScalarAsciiArt/index.js

@@ -1,2 +1 @@
-import ScalarAsciiArt_default from "./ScalarAsciiArt.vue.js";
-export { ScalarAsciiArt_default as ScalarAsciiArt };
+export { default as ScalarAsciiArt } from "./ScalarAsciiArt.vue.js";

package/dist/components/SectionFilter.vue.js

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import SectionFilter_vue_vue_type_script_setup_true_lang_default from "./SectionFilter.vue.script.js";
-/* empty css                            */
+import SectionFilter_vue_vue_type_script_setup_true_lang_default from "./SectionFilter.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                  */
 //#region src/components/SectionFilter.vue
 var SectionFilter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SectionFilter_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-50fd0a3c"]]);
 //#endregion

package/dist/components/SectionFilter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFilter.vue.js","names":[],"sources":["../../src/components/SectionFilter.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends string\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { nextTick, ref } from 'vue'\n\nimport SectionFilterButton from '@/components/SectionFilterButton.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { filters = [], labels } = defineProps<{\n  filters?: T[]\n  /** Localized labels keyed by stable filter IDs. */\n  labels?: Partial<Record<T, string>>\n}>()\n\nconst model = defineModel<T>()\n\nconst tablist = ref<HTMLDivElement>()\nconst { direction } = useLocalization()\n\n/** Keyboard navigation */\nconst navigateSection = (arrow: 'left' | 'right'): void => {\n  // Flex rows reverse in RTL, so the visual arrow direction reverses the index step.\n  const offset =\n    (arrow === 'left' ? -1 : 1) * (direction.value === 'rtl' ? -1 : 1)\n  const index = model.value ? filters.indexOf(model.value) : 0\n  const length = filters.length\n\n  // Ensures we loop around the array by using the remainder\n  const newIndex = (index + offset + length) % length\n  model.value = filters[newIndex]\n\n  // Focus the selected button\n  nextTick(() => {\n    if (tablist.value) {\n      const selectedButton = tablist.value.querySelector(\n        `button[aria-selected=\"true\"]`,\n      ) satisfies HTMLButtonElement | null\n      if (selectedButton) {\n        selectedButton.focus()\n      }\n    }\n  })\n}\n</script>\n<template>\n  <div\n    ref=\"tablist\"\n    class=\"filter-hover context-bar-group ms-auto hidden lg:flex\"\n    role=\"tablist\"\n    @keydown.left=\"navigateSection('left')\"\n    @keydown.right=\"navigateSection('right')\">\n    <div\n      class=\"request-section-content request-section-content-filter fade-request-section-content text-c-3 pointer-events-auto relative hidden w-full justify-end gap-[1.5px] rounded py-1.75 text-xs xl:flex\">\n      <SectionFilterButton\n        v-for=\"filter in filters\"\n        :key=\"filter\"\n        class=\"filter-hover-item\"\n        role=\"tab\"\n        :selected=\"model === filter\"\n        @click=\"model = filter\">\n        {{ labels?.[filter] ?? filter }}\n      </SectionFilterButton>\n      <div\n        class=\"filter-button context-bar-group-hover:text-c-1 absolute -end-[30px] flex items-center\">\n        <span class=\"context-bar-group-hover:hidden me-1.5\">{{\n          model ? (labels?.[model] ?? model) : model\n        }}</span>\n        <ScalarIcon\n          icon=\"FilterList\"\n          size=\"md\"\n          thickness=\"2\" />\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n.fade-request-section-content {\n  background: linear-gradient(\n    to left,\n    var(--scalar-background-1) 64%,\n    transparent\n  );\n}\n.fade-request-section-content:dir(rtl) {\n  background: linear-gradient(\n    to right,\n    var(--scalar-background-1) 64%,\n    transparent\n  );\n}\n.filter-hover {\n  height: 100%;\n  padding-inline-end: 39px;\n  padding-inline-start: 24px;\n  position: absolute;\n  inset-inline-end: 0;\n  transition: width 0s ease-in-out 0.2s;\n  overflow: hidden;\n}\n.filter-hover:hover,\n.filter-hover:has(:focus-visible) {\n  width: 100%;\n  z-index: 10;\n}\n.filter-hover:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  height: fit-content;\n  background-color: var(--scalar-background-1);\n  opacity: 0;\n  transition: all 0.3s ease-in-out;\n  pointer-events: none;\n}\n.filter-hover-item {\n  opacity: 0;\n}\n.filter-hover-item:not(:last-of-type) {\n  transform: translate3d(0, 3px, 0);\n}\n.filter-hover:hover .filter-hover-item {\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(1) {\n  transition-delay: 0.05s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(2) {\n  transition-delay: 0.1s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(3) {\n  transition-delay: 0.15s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(4) {\n  transition-delay: 0.2s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(5) {\n  transition-delay: 0.25s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(6) {\n  transition-delay: 0.3s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(7) {\n  transition-delay: 0.35s;\n}\n.filter-hover:hover .filter-hover-item,\n.filter-hover:has(:focus-visible) .filter-hover-item {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.filter-hover:hover:before,\n.filter-hover:has(:focus-visible):before {\n  opacity: 0.9;\n  backdrop-filter: blur(10px);\n}\n.filter-button {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.context-bar-group:hover .context-bar-group-hover\\:text-c-1,\n.context-bar-group:has(:focus-visible) .context-bar-group-hover\\:text-c-1 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));\n}\n\n.context-bar-group:hover .context-bar-group-hover\\:hidden,\n.context-bar-group:has(:focus-visible) .context-bar-group-hover\\:hidden {\n  display: none;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"SectionFilter.vue.js","names":["_sfc_main"],"sources":["../../src/components/SectionFilter.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends string\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { nextTick, ref } from 'vue'\n\nimport SectionFilterButton from '@/components/SectionFilterButton.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { filters = [], labels } = defineProps<{\n  filters?: T[]\n  /** Localized labels keyed by stable filter IDs. */\n  labels?: Partial<Record<T, string>>\n}>()\n\nconst model = defineModel<T>()\n\nconst tablist = ref<HTMLDivElement>()\nconst { direction } = useLocalization()\n\n/** Keyboard navigation */\nconst navigateSection = (arrow: 'left' | 'right'): void => {\n  // Flex rows reverse in RTL, so the visual arrow direction reverses the index step.\n  const offset =\n    (arrow === 'left' ? -1 : 1) * (direction.value === 'rtl' ? -1 : 1)\n  const index = model.value ? filters.indexOf(model.value) : 0\n  const length = filters.length\n\n  // Ensures we loop around the array by using the remainder\n  const newIndex = (index + offset + length) % length\n  model.value = filters[newIndex]\n\n  // Focus the selected button\n  nextTick(() => {\n    if (tablist.value) {\n      const selectedButton = tablist.value.querySelector(\n        `button[aria-selected=\"true\"]`,\n      ) satisfies HTMLButtonElement | null\n      if (selectedButton) {\n        selectedButton.focus()\n      }\n    }\n  })\n}\n</script>\n<template>\n  <div\n    ref=\"tablist\"\n    class=\"filter-hover context-bar-group ms-auto hidden lg:flex\"\n    role=\"tablist\"\n    @keydown.left=\"navigateSection('left')\"\n    @keydown.right=\"navigateSection('right')\">\n    <div\n      class=\"request-section-content request-section-content-filter fade-request-section-content text-c-3 pointer-events-auto relative hidden w-full justify-end gap-[1.5px] rounded py-1.75 text-xs xl:flex\">\n      <SectionFilterButton\n        v-for=\"filter in filters\"\n        :key=\"filter\"\n        class=\"filter-hover-item\"\n        role=\"tab\"\n        :selected=\"model === filter\"\n        @click=\"model = filter\">\n        {{ labels?.[filter] ?? filter }}\n      </SectionFilterButton>\n      <div\n        class=\"filter-button context-bar-group-hover:text-c-1 absolute -end-[30px] flex items-center\">\n        <span class=\"context-bar-group-hover:hidden me-1.5\">{{\n          model ? (labels?.[model] ?? model) : model\n        }}</span>\n        <ScalarIcon\n          icon=\"FilterList\"\n          size=\"md\"\n          thickness=\"2\" />\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n.fade-request-section-content {\n  background: linear-gradient(\n    to left,\n    var(--scalar-background-1) 64%,\n    transparent\n  );\n}\n.fade-request-section-content:dir(rtl) {\n  background: linear-gradient(\n    to right,\n    var(--scalar-background-1) 64%,\n    transparent\n  );\n}\n.filter-hover {\n  height: 100%;\n  padding-inline-end: 39px;\n  padding-inline-start: 24px;\n  position: absolute;\n  inset-inline-end: 0;\n  transition: width 0s ease-in-out 0.2s;\n  overflow: hidden;\n}\n.filter-hover:hover,\n.filter-hover:has(:focus-visible) {\n  width: 100%;\n  z-index: 10;\n}\n.filter-hover:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  height: fit-content;\n  background-color: var(--scalar-background-1);\n  opacity: 0;\n  transition: all 0.3s ease-in-out;\n  pointer-events: none;\n}\n.filter-hover-item {\n  opacity: 0;\n}\n.filter-hover-item:not(:last-of-type) {\n  transform: translate3d(0, 3px, 0);\n}\n.filter-hover:hover .filter-hover-item {\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(1) {\n  transition-delay: 0.05s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(2) {\n  transition-delay: 0.1s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(3) {\n  transition-delay: 0.15s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(4) {\n  transition-delay: 0.2s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(5) {\n  transition-delay: 0.25s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(6) {\n  transition-delay: 0.3s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(7) {\n  transition-delay: 0.35s;\n}\n.filter-hover:hover .filter-hover-item,\n.filter-hover:has(:focus-visible) .filter-hover-item {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.filter-hover:hover:before,\n.filter-hover:has(:focus-visible):before {\n  opacity: 0.9;\n  backdrop-filter: blur(10px);\n}\n.filter-button {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.context-bar-group:hover .context-bar-group-hover\\:text-c-1,\n.context-bar-group:has(:focus-visible) .context-bar-group-hover\\:text-c-1 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));\n}\n\n.context-bar-group:hover .context-bar-group-hover\\:hidden,\n.context-bar-group:has(:focus-visible) .context-bar-group-hover\\:hidden {\n  display: none;\n}\n</style>\n"],"mappings":""}

package/dist/components/{SectionFilter.vue.script.js → SectionFilter.vue_vue_type_script_setup_true_lang.js}

@@ -63,4 +63,4 @@ var SectionFilter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 //#endregion
 export { SectionFilter_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=SectionFilter.vue.script.js.map
+//# sourceMappingURL=SectionFilter.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/SectionFilter.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionFilter.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_withKeys","_createElementVNode","_Fragment","_renderList","_createBlock","SectionFilterButton","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_unref"],"sources":["../../src/components/SectionFilter.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends string\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { nextTick, ref } from 'vue'\n\nimport SectionFilterButton from '@/components/SectionFilterButton.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { filters = [], labels } = defineProps<{\n  filters?: T[]\n  /** Localized labels keyed by stable filter IDs. */\n  labels?: Partial<Record<T, string>>\n}>()\n\nconst model = defineModel<T>()\n\nconst tablist = ref<HTMLDivElement>()\nconst { direction } = useLocalization()\n\n/** Keyboard navigation */\nconst navigateSection = (arrow: 'left' | 'right'): void => {\n  // Flex rows reverse in RTL, so the visual arrow direction reverses the index step.\n  const offset =\n    (arrow === 'left' ? -1 : 1) * (direction.value === 'rtl' ? -1 : 1)\n  const index = model.value ? filters.indexOf(model.value) : 0\n  const length = filters.length\n\n  // Ensures we loop around the array by using the remainder\n  const newIndex = (index + offset + length) % length\n  model.value = filters[newIndex]\n\n  // Focus the selected button\n  nextTick(() => {\n    if (tablist.value) {\n      const selectedButton = tablist.value.querySelector(\n        `button[aria-selected=\"true\"]`,\n      ) satisfies HTMLButtonElement | null\n      if (selectedButton) {\n        selectedButton.focus()\n      }\n    }\n  })\n}\n</script>\n<template>\n  <div\n    ref=\"tablist\"\n    class=\"filter-hover context-bar-group ms-auto hidden lg:flex\"\n    role=\"tablist\"\n    @keydown.left=\"navigateSection('left')\"\n    @keydown.right=\"navigateSection('right')\">\n    <div\n      class=\"request-section-content request-section-content-filter fade-request-section-content text-c-3 pointer-events-auto relative hidden w-full justify-end gap-[1.5px] rounded py-1.75 text-xs xl:flex\">\n      <SectionFilterButton\n        v-for=\"filter in filters\"\n        :key=\"filter\"\n        class=\"filter-hover-item\"\n        role=\"tab\"\n        :selected=\"model === filter\"\n        @click=\"model = filter\">\n        {{ labels?.[filter] ?? filter }}\n      </SectionFilterButton>\n      <div\n        class=\"filter-button context-bar-group-hover:text-c-1 absolute -end-[30px] flex items-center\">\n        <span class=\"context-bar-group-hover:hidden me-1.5\">{{\n          model ? (labels?.[model] ?? model) : model\n        }}</span>\n        <ScalarIcon\n          icon=\"FilterList\"\n          size=\"md\"\n          thickness=\"2\" />\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n.fade-request-section-content {\n  background: linear-gradient(\n    to left,\n    var(--scalar-background-1) 64%,\n    transparent\n  );\n}\n.fade-request-section-content:dir(rtl) {\n  background: linear-gradient(\n    to right,\n    var(--scalar-background-1) 64%,\n    transparent\n  );\n}\n.filter-hover {\n  height: 100%;\n  padding-inline-end: 39px;\n  padding-inline-start: 24px;\n  position: absolute;\n  inset-inline-end: 0;\n  transition: width 0s ease-in-out 0.2s;\n  overflow: hidden;\n}\n.filter-hover:hover,\n.filter-hover:has(:focus-visible) {\n  width: 100%;\n  z-index: 10;\n}\n.filter-hover:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  height: fit-content;\n  background-color: var(--scalar-background-1);\n  opacity: 0;\n  transition: all 0.3s ease-in-out;\n  pointer-events: none;\n}\n.filter-hover-item {\n  opacity: 0;\n}\n.filter-hover-item:not(:last-of-type) {\n  transform: translate3d(0, 3px, 0);\n}\n.filter-hover:hover .filter-hover-item {\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(1) {\n  transition-delay: 0.05s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(2) {\n  transition-delay: 0.1s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(3) {\n  transition-delay: 0.15s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(4) {\n  transition-delay: 0.2s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(5) {\n  transition-delay: 0.25s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(6) {\n  transition-delay: 0.3s;\n}\n.filter-hover:hover .filter-hover-item:nth-last-of-type(7) {\n  transition-delay: 0.35s;\n}\n.filter-hover:hover .filter-hover-item,\n.filter-hover:has(:focus-visible) .filter-hover-item {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.filter-hover:hover:before,\n.filter-hover:has(:focus-visible):before {\n  opacity: 0.9;\n  backdrop-filter: blur(10px);\n}\n.filter-button {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.context-bar-group:hover .context-bar-group-hover\\:text-c-1,\n.context-bar-group:has(:focus-visible) .context-bar-group-hover\\:text-c-1 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));\n}\n\n.context-bar-group:hover .context-bar-group-hover\\:hidden,\n.context-bar-group:has(:focus-visible) .context-bar-group-hover\\:hidden {\n  display: none;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQA,SAAc,SAAA,YAAC;EAE7B,MAAM,UAAU,IAAoB;EACpC,MAAM,EAAE,cAAc,gBAAgB;;EAGtC,MAAM,mBAAmB,UAAkC;GAEzD,MAAM,UACH,UAAU,SAAS,KAAK,MAAM,UAAU,UAAU,QAAQ,KAAK;GAClE,MAAM,QAAQ,MAAM,QAAQ,QAAA,QAAQ,QAAQ,MAAM,KAAK,IAAI;GAC3D,MAAM,SAAS,QAAA,QAAQ;GAGvB,MAAM,YAAY,QAAQ,SAAS,UAAU;GAC7C,MAAM,QAAQ,QAAA,QAAQ;GAGtB,eAAe;IACb,IAAI,QAAQ,OAAO;KACjB,MAAM,iBAAiB,QAAQ,MAAM,cACnC,8BACF;KACA,IAAI,gBACF,eAAe,MAAM;IAEzB;GACF,CAAC;EACH;;GAGE,OAAAC,UAAA,GAAAC,mBA4BM,OAAA;IA3BA,SAAA;IAAJ,KAAI;IACJ,OAAM;IACN,MAAK;IACJ,WAAO,CAAO,OAAA,OAAA,OAAA,KAAAC,UAAA,WAAA,gBAAe,MAAA,GAAA,CAAA,MAAA,CAAA,IACd,OAAA,OAAA,OAAA,KAAAA,UAAA,WAAA,gBAAe,OAAA,GAAA,CAAA,OAAA,CAAA,E;G,IAC/BC,mBAqBM,OArBN,YAqBM,EAnBJH,UAAA,IAAA,GAAAC,mBAQsBG,UAAA,MAAAC,WAPH,QAAA,UAAV,WAAM;IADf,OAAAL,UAAA,GAAAM,YAQsBC,6BAAA;KANnB,KAAK;KACN,OAAM;KACN,MAAK;KACJ,UAAU,MAAA,UAAU;KACpB,UAAK,WAAE,MAAA,QAAQ;;KAChB,SAAAC,cAAgC,CAA7BC,gBAAAC,gBAAA,QAAA,SAAS,WAAW,MAAM,GAAA,CAAA,C;;;G,WAE/BP,mBASM,OATN,YASM,CAPJA,mBAES,QAFT,YAESO,gBADP,MAAA,QAAS,QAAA,SAAS,MAAA,UAAU,MAAA,QAAS,MAAA,KAAK,GAAA,CAAA,GAE5CC,YAGkBC,MAAA,UAAA,GAAA;IAFhB,MAAK;IACL,MAAK;IACL,WAAU"}

package/dist/components/SectionFilterButton.vue.js

@@ -1,4 +1,4 @@
-import SectionFilterButton_vue_vue_type_script_setup_true_lang_default from "./SectionFilterButton.vue.script.js";
+import SectionFilterButton_vue_vue_type_script_setup_true_lang_default from "./SectionFilterButton.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/SectionFilterButton.vue
 var SectionFilterButton_default = SectionFilterButton_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/SectionFilterButton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFilterButton.vue.js","names":[],"sources":["../../src/components/SectionFilterButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { selected } = defineProps<{\n  selected?: boolean\n}>()\n</script>\n<template>\n  <!--\n    Deliberately no aria-controls. While the focused tab controls a visible\n    panel, NVDA re-announces every tab whose aria-selected changes (Chromium\n    fires a selection event, see nvaccess/nvda#18794), so arrow keys read\n    \"Auth tab selected 2 of 6\" twice. Screen readers do not need the relation\n    to convey the tabs' name, role and state.\n  -->\n  <button\n    :aria-selected=\"!!selected\"\n    class=\"hover:bg-b-2 flex w-fit cursor-pointer items-center rounded p-1 px-2 text-center font-medium whitespace-nowrap has-[:focus-visible]:outline\"\n    :class=\"{ 'text-c-1 pointer-events-none': selected }\"\n    role=\"tab\"\n    :tabindex=\"selected ? 0 : -1\"\n    type=\"button\">\n    <slot />\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SectionFilterButton.vue.js","names":["_sfc_main"],"sources":["../../src/components/SectionFilterButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { selected } = defineProps<{\n  selected?: boolean\n}>()\n</script>\n<template>\n  <!--\n    Deliberately no aria-controls. While the focused tab controls a visible\n    panel, NVDA re-announces every tab whose aria-selected changes (Chromium\n    fires a selection event, see nvaccess/nvda#18794), so arrow keys read\n    \"Auth tab selected 2 of 6\" twice. Screen readers do not need the relation\n    to convey the tabs' name, role and state.\n  -->\n  <button\n    :aria-selected=\"!!selected\"\n    class=\"hover:bg-b-2 flex w-fit cursor-pointer items-center rounded p-1 px-2 text-center font-medium whitespace-nowrap has-[:focus-visible]:outline\"\n    :class=\"{ 'text-c-1 pointer-events-none': selected }\"\n    role=\"tab\"\n    :tabindex=\"selected ? 0 : -1\"\n    type=\"button\">\n    <slot />\n  </button>\n</template>\n"],"mappings":""}

package/dist/components/{SectionFilterButton.vue.script.js → SectionFilterButton.vue_vue_type_script_setup_true_lang.js}

@@ -19,4 +19,4 @@ var SectionFilterButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 //#endregion
 export { SectionFilterButton_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=SectionFilterButton.vue.script.js.map
+//# sourceMappingURL=SectionFilterButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/SectionFilterButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionFilterButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot"],"sources":["../../src/components/SectionFilterButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { selected } = defineProps<{\n  selected?: boolean\n}>()\n</script>\n<template>\n  <!--\n    Deliberately no aria-controls. While the focused tab controls a visible\n    panel, NVDA re-announces every tab whose aria-selected changes (Chromium\n    fires a selection event, see nvaccess/nvda#18794), so arrow keys read\n    \"Auth tab selected 2 of 6\" twice. Screen readers do not need the relation\n    to convey the tabs' name, role and state.\n  -->\n  <button\n    :aria-selected=\"!!selected\"\n    class=\"hover:bg-b-2 flex w-fit cursor-pointer items-center rounded p-1 px-2 text-center font-medium whitespace-nowrap has-[:focus-visible]:outline\"\n    :class=\"{ 'text-c-1 pointer-events-none': selected }\"\n    role=\"tab\"\n    :tabindex=\"selected ? 0 : -1\"\n    type=\"button\">\n    <slot />\n  </button>\n</template>\n"],"mappings":";;;;;;;;GAaE,OAAAA,UAAA,GAAAC,mBAQS,UAAA;IAPN,iBAAa,CAAA,CAAI,QAAA;IAClB,OAAKC,eAAA,CAAC,+IAA6I,EAAA,gCACzG,QAAA,SAAQ,CAAA,CAAA;IAClD,MAAK;IACJ,UAAU,QAAA,WAAQ,IAAA;IACnB,MAAK;G,IACLC,WAAQ,KAAA,QAAA,SAAA,C"}

package/dist/components/Server/ServerVariablesForm.vue.d.ts

@@ -1,4 +1,5 @@
-import type { ServerVariables, ServerVariableValues } from '../../components/Server/types';
+import { type VNode } from 'vue';
+import type { ServerVariables, ServerVariableValues } from './types.js';
 type __VLS_Props = {
     variables?: ServerVariables | undefined;
     values?: ServerVariableValues;
@@ -7,11 +8,21 @@ type __VLS_Props = {
     /** The layout of the server variables form */
     layout?: 'client' | 'reference';
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+/** Optional read-only context for individual variables, kept separate from their editable values. */
+type __VLS_Slots = {
+    [name: `hint-${string}`]: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:variable": (name: string, value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:variable"?: ((name: string, value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=ServerVariablesForm.vue.d.ts.map

package/dist/components/Server/ServerVariablesForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,2BAA2B,CAAA;AAElC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AA6HF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AA6FA,OAAO,EAAS,KAAK,KAAK,EAAE,MAAM,KAAK,CAAA;AAIvC,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,2BAA2B,CAAA;AAElC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAaF,qGAAqG;AACrG,KAAK,WAAW,GAAG;IACjB,CAAC,IAAI,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,KAAK,EAAE,CAAA;CACxC,CAAC;AA+IF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Server/ServerVariablesForm.vue.js

@@ -1,4 +1,4 @@
-import ServerVariablesForm_vue_vue_type_script_setup_true_lang_default from "./ServerVariablesForm.vue.script.js";
+import ServerVariablesForm_vue_vue_type_script_setup_true_lang_default from "./ServerVariablesForm.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/Server/ServerVariablesForm.vue
 var ServerVariablesForm_default = ServerVariablesForm_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/Server/ServerVariablesForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesForm.vue.js","names":[],"sources":["../../../src/components/Server/ServerVariablesForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\nimport ServerVariablesSelect from '@/components/Server/ServerVariablesSelect.vue'\nimport ServerVariablesTextbox from '@/components/Server/ServerVariablesTextbox.vue'\nimport type {\n  ServerVariables,\n  ServerVariableValues,\n} from '@/components/Server/types'\n\nconst {\n  values,\n  variables,\n  layout = 'client',\n} = defineProps<{\n  variables?: ServerVariables | undefined\n  values?: ServerVariableValues\n  /** The ID of the input controlled by the variables form */\n  controls?: string\n  /** The layout of the server variables form */\n  layout?: 'client' | 'reference'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:variable', name: string, value: string): void\n}>()\n\nconst id = useId()\n\nfunction setVariable(name: string, value: string) {\n  emit('update:variable', name, value)\n}\n\nconst getVariable = (name: string) => {\n  return (values?.[name] ?? variables?.[name]?.default ?? '').toString()\n}\n</script>\n<template>\n  <template v-if=\"variables && Object.keys(variables ?? {}).length\">\n    <template\n      v-for=\"name in Object.keys(variables)\"\n      :key=\"name\">\n      <div\n        class=\"group/label flex h-8 w-full\"\n        :class=\"\n          layout === 'reference' &&\n          'items-center border-x border-b last:rounded-b-lg'\n        \">\n        <label\n          class=\"flex items-center py-2 pl-3 group-has-[input]/label:mr-0 after:content-[':']\"\n          :for=\"`${id}-${name}`\">\n          {{ name }}\n        </label>\n        <template v-if=\"variables?.[name]?.enum?.length\">\n          <ServerVariablesSelect\n            :id=\"`${id}-${name}`\"\n            :controls=\"controls\"\n            :enum=\"variables[name]?.enum?.map((v) => `${v}`) ?? []\"\n            :value=\"getVariable(name)\"\n            @change=\"(s) => setVariable(name, s)\" />\n        </template>\n        <template v-else>\n          <ServerVariablesTextbox\n            :id=\"`${id}-${name}`\"\n            :controls=\"controls\"\n            :value=\"getVariable(name)\"\n            @change=\"(s) => setVariable(name, s)\" />\n        </template>\n      </div>\n    </template>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ServerVariablesForm.vue.js","names":["_sfc_main"],"sources":["../../../src/components/Server/ServerVariablesForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId, type VNode } from 'vue'\n\nimport ServerVariablesSelect from '@/components/Server/ServerVariablesSelect.vue'\nimport ServerVariablesTextbox from '@/components/Server/ServerVariablesTextbox.vue'\nimport type {\n  ServerVariables,\n  ServerVariableValues,\n} from '@/components/Server/types'\n\nconst {\n  values,\n  variables,\n  layout = 'client',\n} = defineProps<{\n  variables?: ServerVariables | undefined\n  values?: ServerVariableValues\n  /** The ID of the input controlled by the variables form */\n  controls?: string\n  /** The layout of the server variables form */\n  layout?: 'client' | 'reference'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:variable', name: string, value: string): void\n}>()\n\n/** Optional read-only context for individual variables, kept separate from their editable values. */\nconst slots = defineSlots<{\n  [name: `hint-${string}`]: () => VNode[]\n}>()\n\nconst id = useId()\n\nfunction setVariable(name: string, value: string) {\n  emit('update:variable', name, value)\n}\n\nconst getVariable = (name: string) => {\n  return (values?.[name] ?? variables?.[name]?.default ?? '').toString()\n}\n</script>\n<template>\n  <template v-if=\"variables && Object.keys(variables ?? {}).length\">\n    <template\n      v-for=\"name in Object.keys(variables)\"\n      :key=\"name\">\n      <div\n        class=\"group/label w-full\"\n        :class=\"\n          layout === 'reference' && 'border-x border-b last:rounded-b-lg'\n        \">\n        <div class=\"flex h-8 w-full items-center\">\n          <label\n            class=\"flex items-center py-2 pl-3 group-has-[input]/label:mr-0 after:content-[':']\"\n            :for=\"`${id}-${name}`\">\n            {{ name }}\n          </label>\n          <template v-if=\"variables?.[name]?.enum?.length\">\n            <ServerVariablesSelect\n              :id=\"`${id}-${name}`\"\n              :controls=\"controls\"\n              :describedBy=\"\n                slots[`hint-${name}`] ? `${id}-${name}-hint` : undefined\n              \"\n              :enum=\"variables[name]?.enum?.map((v) => `${v}`) ?? []\"\n              :value=\"getVariable(name)\"\n              @change=\"(s) => setVariable(name, s)\" />\n          </template>\n          <template v-else>\n            <ServerVariablesTextbox\n              :id=\"`${id}-${name}`\"\n              :aria-describedby=\"\n                slots[`hint-${name}`] ? `${id}-${name}-hint` : undefined\n              \"\n              :controls=\"controls\"\n              :value=\"getVariable(name)\"\n              @change=\"(s) => setVariable(name, s)\" />\n          </template>\n        </div>\n        <div\n          v-if=\"slots[`hint-${name}`]\"\n          :id=\"`${id}-${name}-hint`\"\n          class=\"text-c-2 px-3 pb-2 text-sm\">\n          <slot :name=\"`hint-${name}`\" />\n        </div>\n      </div>\n    </template>\n  </template>\n</template>\n"],"mappings":""}

package/dist/components/Server/{ServerVariablesForm.vue.script.js → ServerVariablesForm.vue_vue_type_script_setup_true_lang.js}

@@ -1,8 +1,10 @@
 import ServerVariablesSelect_default from "./ServerVariablesSelect.vue.js";
 import ServerVariablesTextbox_default from "./ServerVariablesTextbox.vue.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, useId } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useId, useSlots } from "vue";
 //#region src/components/Server/ServerVariablesForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["for"];
+var _hoisted_1 = { class: "flex h-8 w-full items-center" };
+var _hoisted_2 = ["for"];
+var _hoisted_3 = ["id"];
 var ServerVariablesForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ServerVariablesForm",
 	props: {
@@ -14,6 +16,8 @@ var ServerVariablesForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 	emits: ["update:variable"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
+		/** Optional read-only context for individual variables, kept separate from their editable values. */
+		const slots = useSlots();
 		const id = useId();
 		function setVariable(name, value) {
 			emit("update:variable", name, value);
@@ -25,35 +29,43 @@ var ServerVariablesForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			return __props.variables && Object.keys(__props.variables ?? {}).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(Object.keys(__props.variables), (name) => {
 				return openBlock(), createElementBlock("div", {
 					key: name,
-					class: normalizeClass(["group/label flex h-8 w-full", __props.layout === "reference" && "items-center border-x border-b last:rounded-b-lg"])
-				}, [createElementVNode("label", {
+					class: normalizeClass(["group/label w-full", __props.layout === "reference" && "border-x border-b last:rounded-b-lg"])
+				}, [createElementVNode("div", _hoisted_1, [createElementVNode("label", {
 					class: "flex items-center py-2 pl-3 group-has-[input]/label:mr-0 after:content-[':']",
 					for: `${unref(id)}-${name}`
-				}, toDisplayString(name), 9, _hoisted_1), __props.variables?.[name]?.enum?.length ? (openBlock(), createBlock(ServerVariablesSelect_default, {
+				}, toDisplayString(name), 9, _hoisted_2), __props.variables?.[name]?.enum?.length ? (openBlock(), createBlock(ServerVariablesSelect_default, {
 					key: 0,
 					id: `${unref(id)}-${name}`,
 					controls: __props.controls,
+					describedBy: slots[`hint-${name}`] ? `${unref(id)}-${name}-hint` : void 0,
 					enum: __props.variables[name]?.enum?.map((v) => `${v}`) ?? [],
 					value: getVariable(name),
 					onChange: (s) => setVariable(name, s)
 				}, null, 8, [
 					"id",
 					"controls",
+					"describedBy",
 					"enum",
 					"value",
 					"onChange"
 				])) : (openBlock(), createBlock(ServerVariablesTextbox_default, {
 					key: 1,
 					id: `${unref(id)}-${name}`,
+					"aria-describedby": slots[`hint-${name}`] ? `${unref(id)}-${name}-hint` : void 0,
 					controls: __props.controls,
 					value: getVariable(name),
 					onChange: (s) => setVariable(name, s)
 				}, null, 8, [
 					"id",
+					"aria-describedby",
 					"controls",
 					"value",
 					"onChange"
-				]))], 2);
+				]))]), slots[`hint-${name}`] ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: `${unref(id)}-${name}-hint`,
+					class: "text-c-2 px-3 pb-2 text-sm"
+				}, [renderSlot(_ctx.$slots, `hint-${name}`)], 8, _hoisted_3)) : createCommentVNode("", true)], 2);
 			}), 128)) : createCommentVNode("", true);
 		};
 	}
@@ -61,4 +73,4 @@ var ServerVariablesForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 //#endregion
 export { ServerVariablesForm_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=ServerVariablesForm.vue.script.js.map
+//# sourceMappingURL=ServerVariablesForm.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Server/ServerVariablesForm.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerVariablesForm.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_unref","_toDisplayString","_createBlock","ServerVariablesSelect","ServerVariablesTextbox","_renderSlot","_createCommentVNode"],"sources":["../../../src/components/Server/ServerVariablesForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId, type VNode } from 'vue'\n\nimport ServerVariablesSelect from '@/components/Server/ServerVariablesSelect.vue'\nimport ServerVariablesTextbox from '@/components/Server/ServerVariablesTextbox.vue'\nimport type {\n  ServerVariables,\n  ServerVariableValues,\n} from '@/components/Server/types'\n\nconst {\n  values,\n  variables,\n  layout = 'client',\n} = defineProps<{\n  variables?: ServerVariables | undefined\n  values?: ServerVariableValues\n  /** The ID of the input controlled by the variables form */\n  controls?: string\n  /** The layout of the server variables form */\n  layout?: 'client' | 'reference'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:variable', name: string, value: string): void\n}>()\n\n/** Optional read-only context for individual variables, kept separate from their editable values. */\nconst slots = defineSlots<{\n  [name: `hint-${string}`]: () => VNode[]\n}>()\n\nconst id = useId()\n\nfunction setVariable(name: string, value: string) {\n  emit('update:variable', name, value)\n}\n\nconst getVariable = (name: string) => {\n  return (values?.[name] ?? variables?.[name]?.default ?? '').toString()\n}\n</script>\n<template>\n  <template v-if=\"variables && Object.keys(variables ?? {}).length\">\n    <template\n      v-for=\"name in Object.keys(variables)\"\n      :key=\"name\">\n      <div\n        class=\"group/label w-full\"\n        :class=\"\n          layout === 'reference' && 'border-x border-b last:rounded-b-lg'\n        \">\n        <div class=\"flex h-8 w-full items-center\">\n          <label\n            class=\"flex items-center py-2 pl-3 group-has-[input]/label:mr-0 after:content-[':']\"\n            :for=\"`${id}-${name}`\">\n            {{ name }}\n          </label>\n          <template v-if=\"variables?.[name]?.enum?.length\">\n            <ServerVariablesSelect\n              :id=\"`${id}-${name}`\"\n              :controls=\"controls\"\n              :describedBy=\"\n                slots[`hint-${name}`] ? `${id}-${name}-hint` : undefined\n              \"\n              :enum=\"variables[name]?.enum?.map((v) => `${v}`) ?? []\"\n              :value=\"getVariable(name)\"\n              @change=\"(s) => setVariable(name, s)\" />\n          </template>\n          <template v-else>\n            <ServerVariablesTextbox\n              :id=\"`${id}-${name}`\"\n              :aria-describedby=\"\n                slots[`hint-${name}`] ? `${id}-${name}-hint` : undefined\n              \"\n              :controls=\"controls\"\n              :value=\"getVariable(name)\"\n              @change=\"(s) => setVariable(name, s)\" />\n          </template>\n        </div>\n        <div\n          v-if=\"slots[`hint-${name}`]\"\n          :id=\"`${id}-${name}-hint`\"\n          class=\"text-c-2 px-3 pb-2 text-sm\">\n          <slot :name=\"`hint-${name}`\" />\n        </div>\n      </div>\n    </template>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAuBA,MAAM,OAAO;;EAKb,MAAM,QAAQA,SAAA;EAId,MAAM,KAAK,MAAM;EAEjB,SAAS,YAAY,MAAc,OAAe;GAChD,KAAK,mBAAmB,MAAM,KAAK;EACrC;EAEA,MAAM,eAAe,SAAiB;GACpC,QAAQ,QAAA,SAAS,SAAS,QAAA,YAAY,KAAK,EAAE,WAAW,GAAA,CAAI,SAAS;EACvE;;GAGkB,OAAA,QAAA,aAAa,OAAO,KAAK,QAAA,aAAS,CAAA,CAAA,CAAA,CAAQ,UACxDC,UAAA,IAAA,GAAAC,mBA2CWC,UAAA,EAAA,KAAA,EAAA,GAAAC,WA1CM,OAAO,KAAK,QAAA,SAAS,IAA7B,SAAI;IAEX,OAAAH,UAAA,GAAAC,mBAuCM,OAAA;KAxCA,KAAA;KAEJ,OAAKG,eAAA,CAAC,sBACa,QAAA,WAAM,eAAA,qC;I,IAGzBC,mBA2BM,OA3BN,YA2BM,CA1BJA,mBAIQ,SAAA;KAHN,OAAM;KACL,KAAG,GAAKC,MAAA,EAAA,EAAE,GAAI;IACZ,GAAAC,gBAAA,IAAI,GAAA,GAAA,UAAA,GAEO,QAAA,YAAY,KAAI,EAAG,MAAM,UACvCP,UAAA,GAAAQ,YAQ0CC,+BAAA;;KAPvC,IAAE,GAAKH,MAAA,EAAA,EAAE,GAAI;KACb,UAAU,QAAA;KACV,aAA8B,MAAK,QAAS,UAAI,GAASA,MAAA,EAAA,EAAE,GAAI,KAAI,SAAU,KAAA;KAG7E,MAAM,QAAA,UAAU,KAAI,EAAG,MAAM,KAAK,MAAC,GAAQ,GAAC,KAAA,CAAA;KAC5C,OAAO,YAAY,IAAI;KACvB,WAAS,MAAM,YAAY,MAAM,CAAC;;;;;;;;I,OAGrCN,UAAA,GAAAQ,YAO0CE,gCAAA;;KANvC,IAAE,GAAKJ,MAAA,EAAA,EAAE,GAAI;KACb,oBAAmC,MAAK,QAAS,UAAI,GAASA,MAAA,EAAA,EAAE,GAAI,KAAI,SAAU,KAAA;KAGlF,UAAU,QAAA;KACV,OAAO,YAAY,IAAI;KACvB,WAAS,MAAM,YAAY,MAAM,CAAC;;;;;;;I,OAIjC,MAAK,QAAS,WADtBN,UAAA,GAAAC,mBAKM,OAAA;;KAHH,IAAE,GAAKK,MAAA,EAAA,EAAE,GAAI,KAAI;KAClB,OAAM;I,IACNK,WAA+B,KAAA,QAAA,QAAV,MAAI,C"}

package/dist/components/Server/ServerVariablesSelect.vue.d.ts

@@ -2,6 +2,8 @@ type __VLS_Props = {
     enum: string[];
     value: string;
     controls: string | undefined;
+    /** Read-only context associated with the select button. */
+    describedBy?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (v: string) => any;

package/dist/components/Server/ServerVariablesSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"names":[],"mappings":"AAmEA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAC7B,CAAC;AAqHF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ServerVariablesSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"names":[],"mappings":"AAsEA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;AAuHF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Server/ServerVariablesSelect.vue.js

@@ -1,4 +1,4 @@
-import ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default from "./ServerVariablesSelect.vue.script.js";
+import ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default from "./ServerVariablesSelect.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/Server/ServerVariablesSelect.vue
 var ServerVariablesSelect_default = ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/Server/ServerVariablesSelect.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesSelect.vue.js","names":[],"sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport {\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  enum: string[]\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst options = computed<ScalarListboxOption[]>(() =>\n  props.enum.map((s) => ({ id: s, label: s })),\n)\n\nconst selected = computed<ScalarListboxOption | undefined>({\n  get: () => options.value.find((opt) => opt.id === props.value),\n  set: (opt?: ScalarListboxOption) => emit('change', opt?.id ?? ''),\n})\n</script>\n<template>\n  <ScalarListbox\n    v-model=\"selected\"\n    :options=\"options\">\n    <ScalarButton\n      :aria-controls=\"controls\"\n      class=\"group/button h-8 gap-1.5 p-1.5 text-base font-normal\"\n      variant=\"ghost\">\n      <span :class=\"{ 'text-c-1': value }\">\n        <span\n          v-if=\"value\"\n          class=\"sr-only\"\n          >{{ translate('apiClient.serverVariablesSelect.selected') }}</span\n        >\n        {{ value || 'Select value' }}\n      </span>\n      <ScalarIconCaretDown\n        class=\"mt-0.25 size-3 transition-transform duration-100 group-aria-expanded/button:rotate-180\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ServerVariablesSelect.vue.js","names":["_sfc_main"],"sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport {\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  enum: string[]\n  value: string\n  controls: string | undefined\n  /** Read-only context associated with the select button. */\n  describedBy?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst options = computed<ScalarListboxOption[]>(() =>\n  props.enum.map((s) => ({ id: s, label: s })),\n)\n\nconst selected = computed<ScalarListboxOption | undefined>({\n  get: () => options.value.find((opt) => opt.id === props.value),\n  set: (opt?: ScalarListboxOption) => emit('change', opt?.id ?? ''),\n})\n</script>\n<template>\n  <ScalarListbox\n    v-model=\"selected\"\n    :options=\"options\">\n    <ScalarButton\n      :aria-controls=\"controls\"\n      :aria-describedby=\"describedBy\"\n      class=\"group/button h-8 gap-1.5 p-1.5 text-base font-normal\"\n      variant=\"ghost\">\n      <span :class=\"{ 'text-c-1': value }\">\n        <span\n          v-if=\"value\"\n          class=\"sr-only\"\n          >{{ translate('apiClient.serverVariablesSelect.selected') }}</span\n        >\n        {{ value || 'Select value' }}\n      </span>\n      <ScalarIconCaretDown\n        class=\"mt-0.25 size-3 transition-transform duration-100 group-aria-expanded/button:rotate-180\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n</template>\n"],"mappings":""}

package/dist/components/Server/{ServerVariablesSelect.vue.script.js → ServerVariablesSelect.vue_vue_type_script_setup_true_lang.js}

@@ -13,7 +13,8 @@ var ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 	props: {
 		enum: {},
 		value: {},
-		controls: {}
+		controls: {},
+		describedBy: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
@@ -36,6 +37,7 @@ var ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 			}, {
 				default: withCtx(() => [createVNode(unref(ScalarButton), {
 					"aria-controls": __props.controls,
+					"aria-describedby": __props.describedBy,
 					class: "group/button h-8 gap-1.5 p-1.5 text-base font-normal",
 					variant: "ghost"
 				}, {
@@ -44,7 +46,7 @@ var ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 						weight: "bold"
 					})]),
 					_: 1
-				}, 8, ["aria-controls"])]),
+				}, 8, ["aria-controls", "aria-describedby"])]),
 				_: 1
 			}, 8, ["modelValue", "options"]);
 		};
@@ -53,4 +55,4 @@ var ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 //#endregion
 export { ServerVariablesSelect_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=ServerVariablesSelect.vue.script.js.map
+//# sourceMappingURL=ServerVariablesSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Server/ServerVariablesSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerVariablesSelect.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_createElementVNode","_normalizeClass","_createElementBlock","_toDisplayString","_createCommentVNode","_createTextVNode"],"sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport {\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  enum: string[]\n  value: string\n  controls: string | undefined\n  /** Read-only context associated with the select button. */\n  describedBy?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst options = computed<ScalarListboxOption[]>(() =>\n  props.enum.map((s) => ({ id: s, label: s })),\n)\n\nconst selected = computed<ScalarListboxOption | undefined>({\n  get: () => options.value.find((opt) => opt.id === props.value),\n  set: (opt?: ScalarListboxOption) => emit('change', opt?.id ?? ''),\n})\n</script>\n<template>\n  <ScalarListbox\n    v-model=\"selected\"\n    :options=\"options\">\n    <ScalarButton\n      :aria-controls=\"controls\"\n      :aria-describedby=\"describedBy\"\n      class=\"group/button h-8 gap-1.5 p-1.5 text-base font-normal\"\n      variant=\"ghost\">\n      <span :class=\"{ 'text-c-1': value }\">\n        <span\n          v-if=\"value\"\n          class=\"sr-only\"\n          >{{ translate('apiClient.serverVariablesSelect.selected') }}</span\n        >\n        {{ value || 'Select value' }}\n      </span>\n      <ScalarIconCaretDown\n        class=\"mt-0.25 size-3 transition-transform duration-100 group-aria-expanded/button:rotate-180\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAIb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,UAAU,eACd,MAAM,KAAK,KAAK,OAAO;GAAE,IAAI;GAAG,OAAO;EAAE,EAAE,CAC7C;EAEA,MAAM,WAAW,SAA0C;GACzD,WAAW,QAAQ,MAAM,MAAM,QAAQ,IAAI,OAAO,MAAM,KAAK;GAC7D,MAAM,QAA8B,KAAK,UAAU,KAAK,MAAM,EAAE;EAClE,CAAC;;GAGC,OAAAA,UAAA,GAAAC,YAoBgBC,MAAA,aAAA,GAAA;IAnBL,YAAA,SAAA;IAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,SAAQ,QAAA;IAChB,SAAS,QAAA;;IACV,SAAAC,cAgBe,CAhBfC,YAgBeF,MAAA,YAAA,GAAA;KAfZ,iBAAe,QAAA;KACf,oBAAkB,QAAA;KACnB,OAAM;KACN,SAAQ;;KACR,SAAAC,cAOO,CAPPE,mBAOO,QAAA,EAPA,OAAKC,eAAA,EAAA,YAAgB,QAAA,MAAK,CAAA,E,IAEvB,QAAA,SADRN,UAAA,GAAAO,mBAIC,QAJD,YAICC,gBADKN,MAAA,SAAA,CAAS,CAAA,0CAAA,CAAA,GAAA,CAAA,K,8BACdQ,gBAAA,MACDF,gBAAG,QAAA,SAAK,cAAA,GAAA,CAAA,C,OAEVJ,YAEkBF,MAAA,mBAAA,GAAA;MADhB,OAAM;MACN,QAAO"}

package/dist/components/Server/ServerVariablesTextbox.vue.js

@@ -1,4 +1,4 @@
-import ServerVariablesTextbox_vue_vue_type_script_setup_true_lang_default from "./ServerVariablesTextbox.vue.script.js";
+import ServerVariablesTextbox_vue_vue_type_script_setup_true_lang_default from "./ServerVariablesTextbox.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/Server/ServerVariablesTextbox.vue
 var ServerVariablesTextbox_default = ServerVariablesTextbox_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/Server/ServerVariablesTextbox.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesTextbox.vue.js","names":[],"sources":["../../../src/components/Server/ServerVariablesTextbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst model = computed<string>({\n  get: () => props.value,\n  set: (v) => emit('change', v),\n})\n</script>\n<template>\n  <input\n    v-model=\"model\"\n    v-bind=\"controls ? { ...$attrs, 'aria-controls': controls } : {}\"\n    autocomplete=\"off\"\n    class=\"text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg\"\n    :placeholder=\"translate('apiClient.serverVariablesTextbox.value')\"\n    spellcheck=\"false\"\n    type=\"text\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ServerVariablesTextbox.vue.js","names":["_sfc_main"],"sources":["../../../src/components/Server/ServerVariablesTextbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst model = computed<string>({\n  get: () => props.value,\n  set: (v) => emit('change', v),\n})\n</script>\n<template>\n  <input\n    v-model=\"model\"\n    v-bind=\"controls ? { ...$attrs, 'aria-controls': controls } : {}\"\n    autocomplete=\"off\"\n    class=\"text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg\"\n    :placeholder=\"translate('apiClient.serverVariablesTextbox.value')\"\n    spellcheck=\"false\"\n    type=\"text\" />\n</template>\n"],"mappings":""}

package/dist/components/Server/{ServerVariablesTextbox.vue.script.js → ServerVariablesTextbox.vue_vue_type_script_setup_true_lang.js}

@@ -34,4 +34,4 @@ var ServerVariablesTextbox_vue_vue_type_script_setup_true_lang_default = /*@__PU
 //#endregion
 export { ServerVariablesTextbox_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=ServerVariablesTextbox.vue.script.js.map
+//# sourceMappingURL=ServerVariablesTextbox.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Server/ServerVariablesTextbox.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerVariablesTextbox.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_withDirectives","_openBlock","_createElementBlock","_mergeProps","_unref","_vModelText"],"sources":["../../../src/components/Server/ServerVariablesTextbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst model = computed<string>({\n  get: () => props.value,\n  set: (v) => emit('change', v),\n})\n</script>\n<template>\n  <input\n    v-model=\"model\"\n    v-bind=\"controls ? { ...$attrs, 'aria-controls': controls } : {}\"\n    autocomplete=\"off\"\n    class=\"text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg\"\n    :placeholder=\"translate('apiClient.serverVariablesTextbox.value')\"\n    spellcheck=\"false\"\n    type=\"text\" />\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,QAAQ,SAAiB;GAC7B,WAAW,MAAM;GACjB,MAAM,MAAM,KAAK,UAAU,CAAC;EAC9B,CAAC;;GAGC,OAAAC,gBAAAC,UAAA,GAAAC,mBAOgB,SAPhBC,WAOgB,EANL,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAK,QAAA,QACN,GAAA,QAAA,WAAQ;IAAA,GAAQJ,KAAAA;IAAM,iBAAmB,QAAA;GAAQ,IAAA,CAAA,GAAA;IACzD,cAAa;IACb,OAAM;IACL,aAAaK,MAAA,SAAA,CAAS,CAAA,wCAAA;IACvB,YAAW;IACX,MAAK;G,6BANI,CAAAC,YAAA,MAAA,KAAK,C"}

package/dist/components/Server/index.js

@@ -1,2 +1 @@
-import ServerVariablesForm_default from "./ServerVariablesForm.vue.js";
-export { ServerVariablesForm_default as ServerVariablesForm };
+export { default as ServerVariablesForm } from "./ServerVariablesForm.vue.js";

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.js

@@ -1,4 +1,4 @@
-import DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default from "./DeleteSidebarListElement.vue.script.js";
+import DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default from "./DeleteSidebarListElement.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/Sidebar/Actions/DeleteSidebarListElement.vue
 var DeleteSidebarListElement_default = DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteSidebarListElement.vue.js","names":[],"sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  variableName: string\n  warningMessage: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst truncatedName = computed(() => {\n  if (props.variableName.length > 18) {\n    return props.variableName.slice(0, 18) + '…'\n  }\n  return props.variableName\n})\n</script>\n<template>\n  <SidebarListElementForm\n    danger\n    :label=\"\n      translate('apiClient.deleteSidebarListElement.delete', {\n        name: truncatedName,\n      })\n    \"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </SidebarListElementForm>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DeleteSidebarListElement.vue.js","names":["_sfc_main"],"sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  variableName: string\n  warningMessage: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst truncatedName = computed(() => {\n  if (props.variableName.length > 18) {\n    return props.variableName.slice(0, 18) + '…'\n  }\n  return props.variableName\n})\n</script>\n<template>\n  <SidebarListElementForm\n    danger\n    :label=\"\n      translate('apiClient.deleteSidebarListElement.delete', {\n        name: truncatedName,\n      })\n    \"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </SidebarListElementForm>\n</template>\n"],"mappings":""}

package/dist/components/Sidebar/Actions/{DeleteSidebarListElement.vue.script.js → DeleteSidebarListElement.vue_vue_type_script_setup_true_lang.js}

@@ -37,4 +37,4 @@ var DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default = /*@__
 //#endregion
 export { DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=DeleteSidebarListElement.vue.script.js.map
+//# sourceMappingURL=DeleteSidebarListElement.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteSidebarListElement.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarListElementForm","_unref","_withCtx","_createElementBlock","_toDisplayString","_createCommentVNode"],"sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{\n  variableName: string\n  warningMessage: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst truncatedName = computed(() => {\n  if (props.variableName.length > 18) {\n    return props.variableName.slice(0, 18) + '…'\n  }\n  return props.variableName\n})\n</script>\n<template>\n  <SidebarListElementForm\n    danger\n    :label=\"\n      translate('apiClient.deleteSidebarListElement.delete', {\n        name: truncatedName,\n      })\n    \"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </SidebarListElementForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAKb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,gBAAgB,eAAe;GACnC,IAAI,MAAM,aAAa,SAAS,IAC9B,OAAO,MAAM,aAAa,MAAM,GAAG,EAAE,IAAI;GAE3C,OAAO,MAAM;EACf,CAAC;;GAGC,OAAAA,UAAA,GAAAC,YAcyBC,gCAAA;IAbvB,QAAA;IACC,OAAcC,MAAA,SAAA,CAAS,CAAA,6CAAA,EAA8D,MAAA,cAAA,M;IAKrF,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IACZ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;IACb,SAAAC,cAII,CAHI,QAAA,kBADRJ,UAAA,GAAAK,mBAII,KAJJ,YAIIC,gBADC,QAAA,cAAc,GAAA,CAAA,K"}

package/dist/components/Sidebar/Actions/SidebarListElementForm.vue.js

@@ -1,4 +1,4 @@
-import SidebarListElementForm_vue_vue_type_script_setup_true_lang_default from "./SidebarListElementForm.vue.script.js";
+import SidebarListElementForm_vue_vue_type_script_setup_true_lang_default from "./SidebarListElementForm.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/Sidebar/Actions/SidebarListElementForm.vue
 var SidebarListElementForm_default = SidebarListElementForm_vue_vue_type_script_setup_true_lang_default;
 //#endregion