@scalar/api-reference 1.64.0 → 1.65.0

package/dist/components/Lazy/Lazy.vue.script.js

@@ -6,7 +6,7 @@ var _hoisted_1 = ["id", "data-placeholder"];
 var PLACEHOLDER_HEIGHT_PX = 760;
 /** Overscan: render items within this many pixels above and below the viewport. */
 var VIEWPORT_OVERSCAN_PX = 1200;
-var Lazy_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Lazy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Lazy",
 	props: {
 		id: {},
@@ -91,7 +91,7 @@ var Lazy_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"data-placeholder": !shouldRender.value,
 				"data-testid": "lazy-container",
 				style: normalizeStyle({ height: shouldRender.value ? void 0 : `${placeholderHeight.value}px` })
-			}, [shouldRender.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)], 12, _hoisted_1);
+			}, [shouldRender.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("", true)], 12, _hoisted_1);
 		};
 	}
 });

package/dist/components/Lazy/Lazy.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lazy.vue.script.js","names":[],"sources":["../../../src/components/Lazy/Lazy.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * Lazily renders content when the element is within the viewport overscan.\n * Uses a fixed-height placeholder so layout is stable while we block during render.\n *\n * When server-side rendering, content renders immediately.\n *\n * @link https://medium.com/js-dojo/lazy-rendering-in-vue-to-improve-performance-dcccd445d5f\n */\n\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport {\n  getLazyPlaceholderHeight,\n  requestLazyRender,\n  setLazyPlaceholderHeight,\n  useLazyBus,\n} from '@/helpers/lazy-bus'\n\nconst { id, expanded = false } = defineProps<{\n  /** Identifier for this lazy section; used for scroll-to and bus registration. */\n  id: string\n  /** When true, render the slot so child Lazy placeholders mount (e.g. for navigation). */\n  expanded?: boolean\n}>()\n\n/** Fixed height for all placeholders so we do not measure or jump. */\nconst PLACEHOLDER_HEIGHT_PX = 760\n\n/** Overscan: render items within this many pixels above and below the viewport. */\nconst VIEWPORT_OVERSCAN_PX = 1200\nconst VIEWPORT_ROOT_MARGIN = `${VIEWPORT_OVERSCAN_PX}px 0px`\n\nconst { isReady } = useLazyBus(id)\nconst lazyContainerRef = ref<HTMLElement | null>(null)\n\nconst placeholderHeight = ref(\n  getLazyPlaceholderHeight(id) ?? PLACEHOLDER_HEIGHT_PX,\n)\nlet contentResizeObserver: ResizeObserver | null = null\n\n/** Once ready we always show (no eviction). Otherwise show when expanded (e.g. so child Lazy placeholders mount). */\nconst shouldRender = computed(() => isReady.value || expanded)\n\nonMounted(() => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  if (!('IntersectionObserver' in window)) {\n    requestLazyRender(id, true)\n    return\n  }\n\n  useIntersectionObserver(\n    lazyContainerRef,\n    ([entry]) => {\n      if (entry?.isIntersecting && !isReady.value) {\n        requestLazyRender(id, true)\n      }\n    },\n    { rootMargin: VIEWPORT_ROOT_MARGIN },\n  )\n})\n\n/**\n * Capture content height right before we switch to placeholder (pre-flush so content\n * is still in the DOM). Ensures we never measure the container or leave the cache stale.\n */\nwatch(\n  () => shouldRender.value,\n  (rendered, wasRendered) => {\n    if (wasRendered && !rendered && lazyContainerRef.value) {\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    }\n  },\n  { flush: 'pre' },\n)\n\n/** When content is visible, set up ResizeObserver and measure. */\nwatch(\n  () => shouldRender.value,\n  (rendered) => {\n    if (!rendered) {\n      contentResizeObserver?.disconnect()\n      contentResizeObserver = null\n      return\n    }\n    void nextTick(() => {\n      if (!lazyContainerRef.value || typeof ResizeObserver === 'undefined') {\n        return\n      }\n      if (!contentResizeObserver) {\n        contentResizeObserver = new ResizeObserver(() => {\n          if (!lazyContainerRef.value) {\n            return\n          }\n          const h = lazyContainerRef.value.offsetHeight\n          if (Number.isFinite(h) && h > 0) {\n            placeholderHeight.value = h\n            setLazyPlaceholderHeight(id, h)\n          }\n        })\n      }\n      contentResizeObserver.observe(lazyContainerRef.value)\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    })\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  contentResizeObserver?.disconnect()\n})\n</script>\n<template>\n  <div\n    :id=\"!shouldRender ? id : undefined\"\n    ref=\"lazyContainerRef\"\n    :data-placeholder=\"!shouldRender\"\n    data-testid=\"lazy-container\"\n    :style=\"{ height: shouldRender ? undefined : `${placeholderHeight}px` }\">\n    <slot v-if=\"shouldRender\" />\n  </div>\n</template>\n"],"mappings":";;;;;AA4BA,IAAM,wBAAwB;;AAG9B,IAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;EAC7B,MAAM,uBAAuB,GAAG,qBAAqB;EAErD,MAAM,EAAE,YAAY,WAAW,QAAA,GAAE;EACjC,MAAM,mBAAmB,IAAwB,KAAI;EAErD,MAAM,oBAAoB,IACxB,yBAAyB,QAAA,GAAG,IAAI,sBAClC;EACA,IAAI,wBAA+C;;EAGnD,MAAM,eAAe,eAAe,QAAQ,SAAS,QAAA,SAAQ;AAE7D,kBAAgB;AACd,OAAI,OAAO,WAAW,YACpB;AAGF,OAAI,EAAE,0BAA0B,SAAS;AACvC,sBAAkB,QAAA,IAAI,KAAI;AAC1B;;AAGF,2BACE,mBACC,CAAC,WAAW;AACX,QAAI,OAAO,kBAAkB,CAAC,QAAQ,MACpC,mBAAkB,QAAA,IAAI,KAAI;MAG9B,EAAE,YAAY,sBAAsB,CACtC;IACD;;;;;AAMD,cACQ,aAAa,QAClB,UAAU,gBAAgB;AACzB,OAAI,eAAe,CAAC,YAAY,iBAAiB,OAAO;IACtD,MAAM,IAAI,iBAAiB,MAAM;AACjC,QAAI,OAAO,SAAS,EAAE,IAAI,IAAI,GAAG;AAC/B,uBAAkB,QAAQ;AAC1B,8BAAyB,QAAA,IAAI,EAAC;;;KAIpC,EAAE,OAAO,OAAO,CAClB;;AAGA,cACQ,aAAa,QAClB,aAAa;AACZ,OAAI,CAAC,UAAU;AACb,2BAAuB,YAAW;AAClC,4BAAwB;AACxB;;AAEG,kBAAe;AAClB,QAAI,CAAC,iBAAiB,SAAS,OAAO,mBAAmB,YACvD;AAEF,QAAI,CAAC,sBACH,yBAAwB,IAAI,qBAAqB;AAC/C,SAAI,CAAC,iBAAiB,MACpB;KAEF,MAAM,IAAI,iBAAiB,MAAM;AACjC,SAAI,OAAO,SAAS,EAAE,IAAI,IAAI,GAAG;AAC/B,wBAAkB,QAAQ;AAC1B,+BAAyB,QAAA,IAAI,EAAC;;MAEjC;AAEH,0BAAsB,QAAQ,iBAAiB,MAAK;IACpD,MAAM,IAAI,iBAAiB,MAAM;AACjC,QAAI,OAAO,SAAS,EAAE,IAAI,IAAI,GAAG;AAC/B,uBAAkB,QAAQ;AAC1B,8BAAyB,QAAA,IAAI,EAAC;;KAEjC;KAEH,EAAE,WAAW,MAAM,CACrB;AAEA,wBAAsB;AACpB,0BAAuB,YAAW;IACnC;;uBAGC,mBAOM,OAAA;IANH,IAAE,CAAG,aAAA,QAAe,QAAA,KAAK,KAAA;aACtB;IAAJ,KAAI;IACH,oBAAgB,CAAG,aAAA;IACpB,eAAY;IACX,OAAK,eAAA,EAAA,QAAY,aAAA,QAAe,KAAA,IAAS,GAAM,kBAAA,MAAiB,KAAA,CAAA;OACrD,aAAA,QAAZ,WAA4B,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,GAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"Lazy.vue.script.js","names":[],"sources":["../../../src/components/Lazy/Lazy.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * Lazily renders content when the element is within the viewport overscan.\n * Uses a fixed-height placeholder so layout is stable while we block during render.\n *\n * When server-side rendering, content renders immediately.\n *\n * @link https://medium.com/js-dojo/lazy-rendering-in-vue-to-improve-performance-dcccd445d5f\n */\n\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport {\n  getLazyPlaceholderHeight,\n  requestLazyRender,\n  setLazyPlaceholderHeight,\n  useLazyBus,\n} from '@/helpers/lazy-bus'\n\nconst { id, expanded = false } = defineProps<{\n  /** Identifier for this lazy section; used for scroll-to and bus registration. */\n  id: string\n  /** When true, render the slot so child Lazy placeholders mount (e.g. for navigation). */\n  expanded?: boolean\n}>()\n\n/** Fixed height for all placeholders so we do not measure or jump. */\nconst PLACEHOLDER_HEIGHT_PX = 760\n\n/** Overscan: render items within this many pixels above and below the viewport. */\nconst VIEWPORT_OVERSCAN_PX = 1200\nconst VIEWPORT_ROOT_MARGIN = `${VIEWPORT_OVERSCAN_PX}px 0px`\n\nconst { isReady } = useLazyBus(id)\nconst lazyContainerRef = ref<HTMLElement | null>(null)\n\nconst placeholderHeight = ref(\n  getLazyPlaceholderHeight(id) ?? PLACEHOLDER_HEIGHT_PX,\n)\nlet contentResizeObserver: ResizeObserver | null = null\n\n/** Once ready we always show (no eviction). Otherwise show when expanded (e.g. so child Lazy placeholders mount). */\nconst shouldRender = computed(() => isReady.value || expanded)\n\nonMounted(() => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  if (!('IntersectionObserver' in window)) {\n    requestLazyRender(id, true)\n    return\n  }\n\n  useIntersectionObserver(\n    lazyContainerRef,\n    ([entry]) => {\n      if (entry?.isIntersecting && !isReady.value) {\n        requestLazyRender(id, true)\n      }\n    },\n    { rootMargin: VIEWPORT_ROOT_MARGIN },\n  )\n})\n\n/**\n * Capture content height right before we switch to placeholder (pre-flush so content\n * is still in the DOM). Ensures we never measure the container or leave the cache stale.\n */\nwatch(\n  () => shouldRender.value,\n  (rendered, wasRendered) => {\n    if (wasRendered && !rendered && lazyContainerRef.value) {\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    }\n  },\n  { flush: 'pre' },\n)\n\n/** When content is visible, set up ResizeObserver and measure. */\nwatch(\n  () => shouldRender.value,\n  (rendered) => {\n    if (!rendered) {\n      contentResizeObserver?.disconnect()\n      contentResizeObserver = null\n      return\n    }\n    void nextTick(() => {\n      if (!lazyContainerRef.value || typeof ResizeObserver === 'undefined') {\n        return\n      }\n      if (!contentResizeObserver) {\n        contentResizeObserver = new ResizeObserver(() => {\n          if (!lazyContainerRef.value) {\n            return\n          }\n          const h = lazyContainerRef.value.offsetHeight\n          if (Number.isFinite(h) && h > 0) {\n            placeholderHeight.value = h\n            setLazyPlaceholderHeight(id, h)\n          }\n        })\n      }\n      contentResizeObserver.observe(lazyContainerRef.value)\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    })\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  contentResizeObserver?.disconnect()\n})\n</script>\n<template>\n  <div\n    :id=\"!shouldRender ? id : undefined\"\n    ref=\"lazyContainerRef\"\n    :data-placeholder=\"!shouldRender\"\n    data-testid=\"lazy-container\"\n    :style=\"{ height: shouldRender ? undefined : `${placeholderHeight}px` }\">\n    <slot v-if=\"shouldRender\" />\n  </div>\n</template>\n"],"mappings":";;;;;AA4BA,IAAM,wBAAwB;;AAG9B,IAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;EAC7B,MAAM,uBAAuB,GAAG,qBAAqB;EAErD,MAAM,EAAE,YAAY,WAAW,QAAA,EAAE;EACjC,MAAM,mBAAmB,IAAwB,IAAI;EAErD,MAAM,oBAAoB,IACxB,yBAAyB,QAAA,EAAE,KAAK,qBAClC;EACA,IAAI,wBAA+C;;EAGnD,MAAM,eAAe,eAAe,QAAQ,SAAS,QAAA,QAAQ;EAE7D,gBAAgB;GACd,IAAI,OAAO,WAAW,aACpB;GAGF,IAAI,EAAE,0BAA0B,SAAS;IACvC,kBAAkB,QAAA,IAAI,IAAI;IAC1B;GACF;GAEA,wBACE,mBACC,CAAC,WAAW;IACX,IAAI,OAAO,kBAAkB,CAAC,QAAQ,OACpC,kBAAkB,QAAA,IAAI,IAAI;GAE9B,GACA,EAAE,YAAY,qBAAqB,CACrC;EACF,CAAC;;;;;EAMD,YACQ,aAAa,QAClB,UAAU,gBAAgB;GACzB,IAAI,eAAe,CAAC,YAAY,iBAAiB,OAAO;IACtD,MAAM,IAAI,iBAAiB,MAAM;IACjC,IAAI,OAAO,SAAS,CAAC,KAAK,IAAI,GAAG;KAC/B,kBAAkB,QAAQ;KAC1B,yBAAyB,QAAA,IAAI,CAAC;IAChC;GACF;EACF,GACA,EAAE,OAAO,MAAM,CACjB;;EAGA,YACQ,aAAa,QAClB,aAAa;GACZ,IAAI,CAAC,UAAU;IACb,uBAAuB,WAAW;IAClC,wBAAwB;IACxB;GACF;GACA,eAAoB;IAClB,IAAI,CAAC,iBAAiB,SAAS,OAAO,mBAAmB,aACvD;IAEF,IAAI,CAAC,uBACH,wBAAwB,IAAI,qBAAqB;KAC/C,IAAI,CAAC,iBAAiB,OACpB;KAEF,MAAM,IAAI,iBAAiB,MAAM;KACjC,IAAI,OAAO,SAAS,CAAC,KAAK,IAAI,GAAG;MAC/B,kBAAkB,QAAQ;MAC1B,yBAAyB,QAAA,IAAI,CAAC;KAChC;IACF,CAAC;IAEH,sBAAsB,QAAQ,iBAAiB,KAAK;IACpD,MAAM,IAAI,iBAAiB,MAAM;IACjC,IAAI,OAAO,SAAS,CAAC,KAAK,IAAI,GAAG;KAC/B,kBAAkB,QAAQ;KAC1B,yBAAyB,QAAA,IAAI,CAAC;IAChC;GACF,CAAC;EACH,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,sBAAsB;GACpB,uBAAuB,WAAW;EACpC,CAAC;;uBAGC,mBAOM,OAAA;IANH,IAAE,CAAG,aAAA,QAAe,QAAA,KAAK,KAAA;aACtB;IAAJ,KAAI;IACH,oBAAgB,CAAG,aAAA;IACpB,eAAY;IACX,OAAK,eAAA,EAAA,QAAY,aAAA,QAAe,KAAA,IAAS,GAAM,kBAAA,MAAiB,IAAA,CAAA;OACrD,aAAA,QAAZ,WAA4B,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/LinkList/LinkList.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import LinkList_vue_vue_type_script_setup_true_lang_default from "./LinkList.vue.script.js";
 /* empty css                       */
 //#region src/components/LinkList/LinkList.vue
-var LinkList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(LinkList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dc833d99"]]);
+var LinkList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(LinkList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dc833d99"]]);
 //#endregion
 export { LinkList_default as default };
 

package/dist/components/LinkList/LinkList.vue.script.js

@@ -1,6 +1,6 @@
 import { createElementBlock, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot } from "vue";
 //#region src/components/LinkList/LinkList.vue?vue&type=script&setup=true&lang.ts
-var LinkList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var LinkList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "LinkList",
 	setup(__props) {
 		const containerRef = ref();

package/dist/components/LinkList/LinkList.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.vue.script.js","names":[],"sources":["../../../src/components/LinkList/LinkList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst containerRef = ref<HTMLDivElement>()\n\n/** Whether the container needs to scroll */\nconst needsScroll = ref(false)\n\n/** Check if the container can scroll in either direction */\nconst checkScrollability = () => {\n  if (!containerRef.value) {\n    return\n  }\n\n  const { scrollWidth, clientWidth } = containerRef.value\n  needsScroll.value = scrollWidth > clientWidth\n}\n\n/** MutationObserver to watch for changes in child elements */\nlet mutationObserver: MutationObserver | null = null\n\n/**\n * We use the mutation observer to watch for changes and check if we need to scroll,\n * if we do need to scroll we apply the icons-only class to the container\n */\nonMounted(() => {\n  checkScrollability()\n\n  // Re-check on window resize\n  window.addEventListener('resize', checkScrollability)\n\n  // Watch for changes in child elements\n  if (containerRef.value) {\n    mutationObserver = new MutationObserver(() => {\n      checkScrollability()\n    })\n\n    mutationObserver.observe(containerRef.value, {\n      childList: true,\n      subtree: true,\n    })\n  }\n})\n\nonUnmounted(() => {\n  // Clean up event listeners and observer\n  window.removeEventListener('resize', checkScrollability)\n\n  if (mutationObserver) {\n    mutationObserver.disconnect()\n    mutationObserver = null\n  }\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"custom-scroll narrow:mb-3 mb-1.5 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap\"\n    :class=\"{ 'icons-only': needsScroll }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.icons-only :deep(span) {\n  display: none;\n}\n</style>\n"],"mappings":";;;;;EAGA,MAAM,eAAe,KAAoB;;EAGzC,MAAM,cAAc,IAAI,MAAK;;EAG7B,MAAM,2BAA2B;AAC/B,OAAI,CAAC,aAAa,MAChB;GAGF,MAAM,EAAE,aAAa,gBAAgB,aAAa;AAClD,eAAY,QAAQ,cAAc;;;EAIpC,IAAI,mBAA4C;;;;;AAMhD,kBAAgB;AACd,uBAAmB;AAGnB,UAAO,iBAAiB,UAAU,mBAAkB;AAGpD,OAAI,aAAa,OAAO;AACtB,uBAAmB,IAAI,uBAAuB;AAC5C,yBAAmB;MACpB;AAED,qBAAiB,QAAQ,aAAa,OAAO;KAC3C,WAAW;KACX,SAAS;KACV,CAAA;;IAEJ;AAED,oBAAkB;AAEhB,UAAO,oBAAoB,UAAU,mBAAkB;AAEvD,OAAI,kBAAkB;AACpB,qBAAiB,YAAW;AAC5B,uBAAmB;;IAEtB;;uBAIC,mBAKM,OAAA;aAJA;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,kIAAgI,EAAA,cAC9G,YAAA,OAAW,CAAA,CAAA;OACnC,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"LinkList.vue.script.js","names":[],"sources":["../../../src/components/LinkList/LinkList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst containerRef = ref<HTMLDivElement>()\n\n/** Whether the container needs to scroll */\nconst needsScroll = ref(false)\n\n/** Check if the container can scroll in either direction */\nconst checkScrollability = () => {\n  if (!containerRef.value) {\n    return\n  }\n\n  const { scrollWidth, clientWidth } = containerRef.value\n  needsScroll.value = scrollWidth > clientWidth\n}\n\n/** MutationObserver to watch for changes in child elements */\nlet mutationObserver: MutationObserver | null = null\n\n/**\n * We use the mutation observer to watch for changes and check if we need to scroll,\n * if we do need to scroll we apply the icons-only class to the container\n */\nonMounted(() => {\n  checkScrollability()\n\n  // Re-check on window resize\n  window.addEventListener('resize', checkScrollability)\n\n  // Watch for changes in child elements\n  if (containerRef.value) {\n    mutationObserver = new MutationObserver(() => {\n      checkScrollability()\n    })\n\n    mutationObserver.observe(containerRef.value, {\n      childList: true,\n      subtree: true,\n    })\n  }\n})\n\nonUnmounted(() => {\n  // Clean up event listeners and observer\n  window.removeEventListener('resize', checkScrollability)\n\n  if (mutationObserver) {\n    mutationObserver.disconnect()\n    mutationObserver = null\n  }\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"custom-scroll narrow:mb-3 mb-1.5 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap\"\n    :class=\"{ 'icons-only': needsScroll }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.icons-only :deep(span) {\n  display: none;\n}\n</style>\n"],"mappings":";;;;;EAGA,MAAM,eAAe,IAAoB;;EAGzC,MAAM,cAAc,IAAI,KAAK;;EAG7B,MAAM,2BAA2B;GAC/B,IAAI,CAAC,aAAa,OAChB;GAGF,MAAM,EAAE,aAAa,gBAAgB,aAAa;GAClD,YAAY,QAAQ,cAAc;EACpC;;EAGA,IAAI,mBAA4C;;;;;EAMhD,gBAAgB;GACd,mBAAmB;GAGnB,OAAO,iBAAiB,UAAU,kBAAkB;GAGpD,IAAI,aAAa,OAAO;IACtB,mBAAmB,IAAI,uBAAuB;KAC5C,mBAAmB;IACrB,CAAC;IAED,iBAAiB,QAAQ,aAAa,OAAO;KAC3C,WAAW;KACX,SAAS;IACX,CAAC;GACH;EACF,CAAC;EAED,kBAAkB;GAEhB,OAAO,oBAAoB,UAAU,kBAAkB;GAEvD,IAAI,kBAAkB;IACpB,iBAAiB,WAAW;IAC5B,mBAAmB;GACrB;EACF,CAAC;;uBAIC,mBAKM,OAAA;aAJA;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,kIAAgI,EAAA,cAC9G,YAAA,MAAW,CAAA,CAAA;OACnC,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/components/MobileHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAyFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,KAAK,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IAClD,MAAM,CAAC,IAAI,KAAK,CAAA;CACjB,CAAC;AAgIF,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"}
+{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAyFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,KAAK,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IAClD,MAAM,CAAC,IAAI,KAAK,CAAA;CACjB,CAAC;AAiIF,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/MobileHeader.vue.script.js

@@ -1,5 +1,5 @@
 import { useLocalization } from "../features/localization/use-localization.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
 import { ScalarIconList, ScalarIconX } from "@scalar/icons";
 import { ScalarIconButton } from "@scalar/components/icon-button";
 import { cva } from "@scalar/use-hooks/useBindCx";
@@ -10,7 +10,7 @@ var _hoisted_2 = {
 	class: "flex-1 text-sm font-medium whitespace-nowrap"
 };
 var _hoisted_3 = { class: "flex h-6 items-center gap-1 pl-1" };
-var MobileHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var MobileHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "MobileHeader",
 	props: {
 		breadcrumb: {},
@@ -34,9 +34,9 @@ var MobileHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					size: "md",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("toggleSidebar"))
 				}, null, 8, ["icon", "label"])) : createCommentVNode("", true),
-				__props.showSidebar ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.breadcrumb), 1)) : renderSlot(_ctx.$slots, "search", { key: 2 }),
+				__props.showSidebar ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.breadcrumb), 1)) : renderSlot(_ctx.$slots, "search", {}, void 0, void 0, 2),
 				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "actions")])
-			]), __props.isSidebarOpen ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(mergeProps({ key: 0 }, { sidebarClasses: "overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none" }))) : createCommentVNode("", true)], 2)], 64);
+			]), __props.isSidebarOpen ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(guardReactiveProps({ sidebarClasses: "overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none" })), void 0, void 0, 0) : createCommentVNode("", true)], 2)], 64);
 		};
 	}
 });

package/dist/components/MobileHeader.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.vue.script.js","names":[],"sources":["../../src/components/MobileHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconList, ScalarIconX } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n  breadcrumb: string\n  isSidebarOpen: boolean\n  showSidebar: boolean\n}>()\nconst { translate } = useLocalization()\n\nconst emit = defineEmits<{\n  (e: 'toggleSidebar'): void\n}>()\n\ndefineSlots<{\n  actions?(): never\n  sidebar?(props: { sidebarClasses: string }): never\n  search?(): never\n}>()\n\nconst variants = cva({\n  base: 'lg:hidden items-center bg-b-1 sticky top-(--scalar-custom-header-height,0) z-10 [grid-area:header]',\n  variants: {\n    open: {\n      true: 'h-(--refs-sidebar-height) custom-scrollbar flex flex-col z-50',\n    },\n  },\n})\n</script>\n<template>\n  <!-- Always render the desktop sidebar slot and let CSS handle breakpoints -->\n  <slot\n    v-bind=\"{\n      sidebarClasses:\n        'hidden lg:flex sticky top-(--refs-header-height) h-(--refs-sidebar-height) w-(--refs-sidebar-width) [grid-area:navigation]',\n    }\"\n    name=\"sidebar\" />\n  <div\n    class=\"t-doc__header\"\n    :class=\"variants({ open: isSidebarOpen })\">\n    <header\n      class=\"flex h-(--scalar-header-height) w-full items-center border-b bg-inherit px-2\">\n      <ScalarIconButton\n        v-if=\"showSidebar\"\n        :icon=\"isSidebarOpen ? ScalarIconX : ScalarIconList\"\n        :label=\"\n          isSidebarOpen\n            ? translate('navigation.closeMenu')\n            : translate('navigation.openMenu')\n        \"\n        size=\"md\"\n        @click=\"emit('toggleSidebar')\" />\n\n      <span\n        v-if=\"showSidebar\"\n        class=\"flex-1 text-sm font-medium whitespace-nowrap\">\n        {{ breadcrumb }}\n      </span>\n      <slot\n        v-else\n        name=\"search\" />\n\n      <div class=\"flex h-6 items-center gap-1 pl-1\">\n        <slot name=\"actions\" />\n      </div>\n    </header>\n    <!-- In mobile layout, render the sidebar slot into the header panel -->\n    <slot\n      v-if=\"isSidebarOpen\"\n      v-bind=\"{\n        sidebarClasses:\n          'overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none',\n      }\"\n      name=\"sidebar\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,OAAO;EAUb,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,MAAM,EACJ,MAAM,iEACP,EACF;GACF,CAAA;;2DAIC,WAKmB,KAAA,QAAA,WAAA,eAAA,mBAJT,EAAA,gBAAA,8HAGP,CAAA,CAAA,CAAA,EAEH,mBAqCM,OAAA,EApCJ,OAAK,eAAA,CAAC,iBACE,MAAA,SAAQ,CAAA,EAAA,MAAS,QAAA,eAAa,CAAA,CAAA,CAAA,EAAA,EAAA,CACtC,mBAyBS,UAzBT,YAyBS;IAtBC,QAAA,eAAA,WAAA,EADR,YASmC,MAAA,iBAAA,EAAA;;KAPhC,MAAM,QAAA,gBAAgB,MAAA,YAAW,GAAG,MAAA,eAAc;KAClD,OAAkB,QAAA,gBAA4B,MAAA,UAAS,CAAA,uBAAA,GAAuC,MAAA,UAAS,CAAA,sBAAA;KAKxG,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAA;;IAGN,QAAA,eAAA,WAAA,EADR,mBAIO,QAJP,YAIO,gBADF,QAAA,WAAU,EAAA,EAAA,IAEf,WAEkB,KAAA,QAAA,UAAA,EAAA,KAAA,GAAA,CAAA;IAElB,mBAEM,OAFN,YAEM,CADJ,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;OAKnB,QAAA,gBADR,WAMmB,KAAA,QAAA,WAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAJT,EAAA,gBAAA,sEAGP,CAAA,CAAA,CAAA,GAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"MobileHeader.vue.script.js","names":[],"sources":["../../src/components/MobileHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconList, ScalarIconX } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n  breadcrumb: string\n  isSidebarOpen: boolean\n  showSidebar: boolean\n}>()\nconst { translate } = useLocalization()\n\nconst emit = defineEmits<{\n  (e: 'toggleSidebar'): void\n}>()\n\ndefineSlots<{\n  actions?(): never\n  sidebar?(props: { sidebarClasses: string }): never\n  search?(): never\n}>()\n\nconst variants = cva({\n  base: 'lg:hidden items-center bg-b-1 sticky top-(--scalar-custom-header-height,0) z-10 [grid-area:header]',\n  variants: {\n    open: {\n      true: 'h-(--refs-sidebar-height) custom-scrollbar flex flex-col z-50',\n    },\n  },\n})\n</script>\n<template>\n  <!-- Always render the desktop sidebar slot and let CSS handle breakpoints -->\n  <slot\n    v-bind=\"{\n      sidebarClasses:\n        'hidden lg:flex sticky top-(--refs-header-height) h-(--refs-sidebar-height) w-(--refs-sidebar-width) [grid-area:navigation]',\n    }\"\n    name=\"sidebar\" />\n  <div\n    class=\"t-doc__header\"\n    :class=\"variants({ open: isSidebarOpen })\">\n    <header\n      class=\"flex h-(--scalar-header-height) w-full items-center border-b bg-inherit px-2\">\n      <ScalarIconButton\n        v-if=\"showSidebar\"\n        :icon=\"isSidebarOpen ? ScalarIconX : ScalarIconList\"\n        :label=\"\n          isSidebarOpen\n            ? translate('navigation.closeMenu')\n            : translate('navigation.openMenu')\n        \"\n        size=\"md\"\n        @click=\"emit('toggleSidebar')\" />\n\n      <span\n        v-if=\"showSidebar\"\n        class=\"flex-1 text-sm font-medium whitespace-nowrap\">\n        {{ breadcrumb }}\n      </span>\n      <slot\n        v-else\n        name=\"search\" />\n\n      <div class=\"flex h-6 items-center gap-1 pl-1\">\n        <slot name=\"actions\" />\n      </div>\n    </header>\n    <!-- In mobile layout, render the sidebar slot into the header panel -->\n    <slot\n      v-if=\"isSidebarOpen\"\n      v-bind=\"{\n        sidebarClasses:\n          'overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none',\n      }\"\n      name=\"sidebar\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,OAAO;EAUb,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,MAAM,EACJ,MAAM,gEACR,EACF;EACF,CAAC;;2DAIC,WAKmB,KAAA,QAAA,WAAA,eAAA,mBAJT,EAAA,gBAAA,6HAAA,CAGP,CAAA,CAAA,GAEH,mBAqCM,OAAA,EApCJ,OAAK,eAAA,CAAC,iBACE,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAS,QAAA,cAAa,CAAA,CAAA,CAAA,EAAA,GAAA,CACtC,mBAyBS,UAzBT,YAyBS;IAtBC,QAAA,eAAA,UAAA,GADR,YASmC,MAAA,gBAAA,GAAA;;KAPhC,MAAM,QAAA,gBAAgB,MAAA,WAAA,IAAc,MAAA,cAAA;KACpC,OAAkB,QAAA,gBAA4B,MAAA,SAAA,CAAS,CAAA,sBAAA,IAAuC,MAAA,SAAA,CAAS,CAAA,qBAAA;KAKxG,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAA;;IAGN,QAAA,eAAA,UAAA,GADR,mBAIO,QAJP,YAIO,gBADF,QAAA,UAAU,GAAA,CAAA,KAEf,WAEkB,KAAA,QAAA,UAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA;IAElB,mBAEM,OAFN,YAEM,CADJ,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;OAKnB,QAAA,gBADR,WAMmB,KAAA,QAAA,WAAA,eAAA,mBAJT,EAAA,gBAAA,qEAAA,CAGP,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/OperationPath.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationPath.vue.d.ts","sourceRoot":"","sources":["../../src/components/OperationPath.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAoDF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"OperationPath.vue.d.ts","sourceRoot":"","sources":["../../src/components/OperationPath.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAsDF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/OperationPath.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-he
 import OperationPath_vue_vue_type_script_setup_true_lang_default from "./OperationPath.vue.script.js";
 /* empty css                            */
 //#region src/components/OperationPath.vue
-var OperationPath_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OperationPath_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ec6c8861"]]);
+var OperationPath_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OperationPath_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ec6c8861"]]);
 //#endregion
 export { OperationPath_default as default };
 

package/dist/components/OperationPath.vue.script.js

@@ -1,7 +1,7 @@
 import { Fragment, computed, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
 //#region src/components/OperationPath.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
-var OperationPath_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var OperationPath_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationPath",
 	props: {
 		path: {},

package/dist/components/OperationPath.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationPath.vue.script.js","names":[],"sources":["../../src/components/OperationPath.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  path: string\n  deprecated?: boolean\n}>()\n\nconst isVariable = (part: string) => part.startsWith('{') && part.endsWith('}')\n\n// Split on the path variables\nconst pathParts = computed<string[]>(() => props.path.split(/({[^}]+})/))\n</script>\n<template>\n  <span\n    class=\"operation-path\"\n    :class=\"{ deprecated: deprecated }\">\n    <template\n      v-for=\"(part, i) in pathParts\"\n      :key=\"i\">\n      <em v-if=\"isVariable(part)\">{{ part }}</em>\n      <template v-else>{{ part }}</template>\n    </template>\n  </span>\n</template>\n<style scoped>\n.operation-path {\n  overflow: hidden;\n  word-wrap: break-word;\n  font-weight: var(--scalar-semibold);\n  line-break: anywhere;\n}\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;EAKd,MAAM,cAAc,SAAiB,KAAK,WAAW,IAAI,IAAI,KAAK,SAAS,IAAG;EAG9E,MAAM,YAAY,eAAyB,MAAM,KAAK,MAAM,YAAY,CAAA;;uBAGtE,mBASO,QAAA,EARL,OAAK,eAAA,CAAC,kBAAgB,EAAA,YACA,QAAA,YAAU,CAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAChC,mBAKW,UAAA,MAAA,WAJW,UAAA,QAAZ,MAAM,MAAC;4DACT,GAAC,EAAA,CACG,WAAW,KAAI,IAAA,WAAA,EAAzB,mBAA2C,MAAA,YAAA,gBAAZ,KAAI,EAAA,EAAA,KAAA,WAAA,EACnC,mBAAsC,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBAAlB,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA"}
+{"version":3,"file":"OperationPath.vue.script.js","names":[],"sources":["../../src/components/OperationPath.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  path: string\n  deprecated?: boolean\n}>()\n\nconst isVariable = (part: string) => part.startsWith('{') && part.endsWith('}')\n\n// Split on the path variables\nconst pathParts = computed<string[]>(() => props.path.split(/({[^}]+})/))\n</script>\n<template>\n  <span\n    class=\"operation-path\"\n    :class=\"{ deprecated: deprecated }\">\n    <template\n      v-for=\"(part, i) in pathParts\"\n      :key=\"i\">\n      <em v-if=\"isVariable(part)\">{{ part }}</em>\n      <template v-else>{{ part }}</template>\n    </template>\n  </span>\n</template>\n<style scoped>\n.operation-path {\n  overflow: hidden;\n  word-wrap: break-word;\n  font-weight: var(--scalar-semibold);\n  line-break: anywhere;\n}\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;EAKd,MAAM,cAAc,SAAiB,KAAK,WAAW,GAAG,KAAK,KAAK,SAAS,GAAG;EAG9E,MAAM,YAAY,eAAyB,MAAM,KAAK,MAAM,WAAW,CAAC;;uBAGtE,mBASO,QAAA,EARL,OAAK,eAAA,CAAC,kBAAgB,EAAA,YACA,QAAA,WAAU,CAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GAChC,mBAKW,UAAA,MAAA,WAJW,UAAA,QAAZ,MAAM,MAAC;4DACT,EAAC,GAAA,CACG,WAAW,IAAI,KAAA,UAAA,GAAzB,mBAA2C,MAAA,YAAA,gBAAZ,IAAI,GAAA,CAAA,MAAA,UAAA,GACnC,mBAAsC,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBAAlB,IAAI,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA"}

package/dist/components/OperationsList/OperationsList.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import OperationsList_vue_vue_type_script_setup_true_lang_default from "./OperationsList.vue.script.js";
 /* empty css                             */
 //#region src/components/OperationsList/OperationsList.vue
-var OperationsList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OperationsList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0315c99b"]]);
+var OperationsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OperationsList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0315c99b"]]);
 //#endregion
 export { OperationsList_default as default };
 

package/dist/components/OperationsList/OperationsList.vue.script.js

@@ -5,7 +5,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { ScalarCard, ScalarCardHeader, ScalarCardSection } from "@scalar/components/card";
 //#region src/components/OperationsList/OperationsList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
-var OperationsList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var OperationsList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationsList",
 	props: {
 		tag: {},

package/dist/components/OperationsList/OperationsList.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationsList.vue.script.js","names":[],"sources":["../../../src/components/OperationsList/OperationsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarCard,\n  ScalarCardHeader,\n  ScalarCardSection,\n} from '@scalar/components/card'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport OperationsListItem from './OperationsListItem.vue'\n\nconst { tag } = defineProps<{\n  tag: TraversedTag\n  eventBus: WorkspaceEventBus | null\n}>()\nconst { translate } = useLocalization()\n\nconst operationsAndWebhooks = computed(() => {\n  return (\n    tag.children?.filter(\n      (child) => child.type === 'operation' || child.type === 'webhook',\n    ) ?? []\n  )\n})\n</script>\n\n<template>\n  <template v-if=\"tag.children && tag.children?.length > 0\">\n    <ScalarCard class=\"endpoints-card\">\n      <ScalarCardHeader muted>\n        <ScreenReader>{{ tag.title }}</ScreenReader>\n        {{\n          tag.isWebhooks\n            ? translate('navigation.webhooks')\n            : translate('navigation.operations')\n        }}\n      </ScalarCardHeader>\n      <ScalarCardSection class=\"custom-scroll max-h-[60vh]\">\n        <ul\n          :aria-label=\"translate('navigation.endpoints', { name: tag.title })\"\n          class=\"endpoints\">\n          <OperationsListItem\n            v-for=\"operationOrWebhook in operationsAndWebhooks\"\n            :key=\"operationOrWebhook.id\"\n            :eventBus=\"eventBus\"\n            :operation=\"operationOrWebhook\" />\n        </ul>\n      </ScalarCardSection>\n    </ScalarCard>\n  </template>\n</template>\n\n<style scoped>\n.endpoints-card {\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n  font-size: var(--scalar-font-size-3);\n}\n.endpoints {\n  overflow: auto;\n  background: var(--scalar-background-2);\n  padding: 10px 12px;\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAmBA,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,wBAAwB,eAAe;AAC3C,UACE,QAAA,IAAI,UAAU,QACX,UAAU,MAAM,SAAS,eAAe,MAAM,SAAS,UACzD,IAAI,EAAC;IAET;;UAIiB,QAAA,IAAI,YAAY,QAAA,IAAI,UAAU,SAAM,KAAA,WAAA,EAClD,YAoBa,MAAA,WAAA,EAAA;;IApBD,OAAM;;2BAQG,CAPnB,YAOmB,MAAA,iBAAA,EAAA,EAPD,OAAA,IAAK,EAAA;4BACuB,CAA5C,YAA4C,sBAAA,MAAA;6BAAf,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;yBAAkB,MAC5C,gBACE,QAAA,IAAI,aAAyB,MAAA,UAAS,CAAA,sBAAA,GAAsC,MAAA,UAAS,CAAA,wBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;QAKzF,YAUoB,MAAA,kBAAA,EAAA,EAVD,OAAM,8BAA4B,EAAA;4BAS9C,CARL,mBAQK,MAAA;MAPF,cAAY,MAAA,UAAS,CAAA,wBAAA,EAAA,MAAiC,QAAA,IAAI,OAAK,CAAA;MAChE,OAAM;2BACN,mBAIoC,UAAA,MAAA,WAHL,sBAAA,QAAtB,uBAAkB;0BAD3B,YAIoC,4BAAA;OAFjC,KAAK,mBAAmB;OACxB,UAAU,QAAA;OACV,WAAW"}
+{"version":3,"file":"OperationsList.vue.script.js","names":[],"sources":["../../../src/components/OperationsList/OperationsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarCard,\n  ScalarCardHeader,\n  ScalarCardSection,\n} from '@scalar/components/card'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport OperationsListItem from './OperationsListItem.vue'\n\nconst { tag } = defineProps<{\n  tag: TraversedTag\n  eventBus: WorkspaceEventBus | null\n}>()\nconst { translate } = useLocalization()\n\nconst operationsAndWebhooks = computed(() => {\n  return (\n    tag.children?.filter(\n      (child) => child.type === 'operation' || child.type === 'webhook',\n    ) ?? []\n  )\n})\n</script>\n\n<template>\n  <template v-if=\"tag.children && tag.children?.length > 0\">\n    <ScalarCard class=\"endpoints-card\">\n      <ScalarCardHeader muted>\n        <ScreenReader>{{ tag.title }}</ScreenReader>\n        {{\n          tag.isWebhooks\n            ? translate('navigation.webhooks')\n            : translate('navigation.operations')\n        }}\n      </ScalarCardHeader>\n      <ScalarCardSection class=\"custom-scroll max-h-[60vh]\">\n        <ul\n          :aria-label=\"translate('navigation.endpoints', { name: tag.title })\"\n          class=\"endpoints\">\n          <OperationsListItem\n            v-for=\"operationOrWebhook in operationsAndWebhooks\"\n            :key=\"operationOrWebhook.id\"\n            :eventBus=\"eventBus\"\n            :operation=\"operationOrWebhook\" />\n        </ul>\n      </ScalarCardSection>\n    </ScalarCard>\n  </template>\n</template>\n\n<style scoped>\n.endpoints-card {\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n  font-size: var(--scalar-font-size-3);\n}\n.endpoints {\n  overflow: auto;\n  background: var(--scalar-background-2);\n  padding: 10px 12px;\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAmBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,wBAAwB,eAAe;GAC3C,OACE,QAAA,IAAI,UAAU,QACX,UAAU,MAAM,SAAS,eAAe,MAAM,SAAS,SAC1D,KAAK,CAAC;EAEV,CAAC;;UAIiB,QAAA,IAAI,YAAY,QAAA,IAAI,UAAU,SAAM,KAAA,UAAA,GAClD,YAoBa,MAAA,UAAA,GAAA;;IApBD,OAAM;;2BAQG,CAPnB,YAOmB,MAAA,gBAAA,GAAA,EAPD,OAAA,GAAK,GAAA;4BACuB,CAA5C,YAA4C,sBAAA,MAAA;6BAAf,CAAA,gBAAA,gBAAZ,QAAA,IAAI,KAAK,GAAA,CAAA,CAAA,CAAA;;yBAAkB,MAC5C,gBACE,QAAA,IAAI,aAAyB,MAAA,SAAA,CAAS,CAAA,qBAAA,IAAsC,MAAA,SAAA,CAAS,CAAA,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;QAKzF,YAUoB,MAAA,iBAAA,GAAA,EAVD,OAAM,6BAA4B,GAAA;4BAS9C,CARL,mBAQK,MAAA;MAPF,cAAY,MAAA,SAAA,CAAS,CAAA,wBAAA,EAAA,MAAiC,QAAA,IAAI,MAAK,CAAA;MAChE,OAAM;2BACN,mBAIoC,UAAA,MAAA,WAHL,sBAAA,QAAtB,uBAAkB;0BAD3B,YAIoC,4BAAA;OAFjC,KAAK,mBAAmB;OACxB,UAAU,QAAA;OACV,WAAW"}

package/dist/components/OperationsList/OperationsListItem.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import OperationsListItem_vue_vue_type_script_setup_true_lang_default from "./OperationsListItem.vue.script.js";
 /* empty css                                 */
 //#region src/components/OperationsList/OperationsListItem.vue
-var OperationsListItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OperationsListItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ad8530a6"]]);
+var OperationsListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OperationsListItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ad8530a6"]]);
 //#endregion
 export { OperationsListItem_default as default };
 

package/dist/components/OperationsList/OperationsListItem.vue.script.js

@@ -4,7 +4,7 @@ import { computed, createBlock, createCommentVNode, createElementBlock, createEl
 import { ScalarIconWebhooksLogo } from "@scalar/icons";
 import { getHttpMethodInfo } from "@scalar/helpers/http/http-info";
 //#region src/components/OperationsList/OperationsListItem.vue?vue&type=script&setup=true&lang.ts
-var OperationsListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var OperationsListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationsListItem",
 	props: {
 		operation: {},

package/dist/components/OperationsList/OperationsListItem.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationsListItem.vue.script.js","names":[],"sources":["../../../src/components/OperationsList/OperationsListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedEntry,\n  TraversedOperation,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { SectionHeaderTag } from '@/components/Section'\n\nconst { operation } = defineProps<{\n  operation: TraversedOperation | TraversedWebhook\n  isCollapsed?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst pathOrTitle = computed(() => {\n  if ('path' in operation) {\n    return operation.path\n  }\n\n  return operation.title\n})\n\nconst isWebhook = (\n  _operation: TraversedEntry,\n): _operation is TraversedWebhook => _operation.type === 'webhook'\n</script>\n\n<template>\n  <li\n    :key=\"operation.id\"\n    class=\"contents\">\n    <!-- If collapsed add hidden headers so they show up for screen readers -->\n    <SectionHeaderTag\n      v-if=\"isCollapsed\"\n      class=\"sr-only\"\n      :level=\"3\">\n      {{ operation.title }} (Hidden)\n    </SectionHeaderTag>\n    <a\n      class=\"endpoint\"\n      @click.prevent=\"\n        () => eventBus?.emit('scroll-to:nav-item', { id: operation.id })\n      \">\n      <HttpMethod\n        class=\"endpoint-method items-center justify-end gap-2\"\n        :method=\"operation.method\">\n        <ScalarIconWebhooksLogo\n          v-if=\"isWebhook(operation)\"\n          class=\"size-3.5\"\n          :style=\"{\n            color: getHttpMethodInfo(operation.method).colorVar,\n          }\" />\n      </HttpMethod>\n      <span\n        class=\"endpoint-path\"\n        :class=\"{ deprecated: operation.isDeprecated }\">\n        {{ pathOrTitle }}\n      </span>\n    </a>\n  </li>\n</template>\n\n<style scoped>\n.endpoint {\n  display: flex;\n  white-space: nowrap;\n  cursor: pointer;\n  text-decoration: none;\n}\n.endpoint:hover .endpoint-path,\n.endpoint:focus-visible .endpoint-path {\n  text-decoration: underline;\n}\n.endpoint .post,\n.endpoint .get,\n.endpoint .delete,\n.endpoint .put {\n  white-space: nowrap;\n}\n\n.endpoint-method,\n.endpoint-path {\n  color: var(--scalar-color-1);\n  min-width: 62px;\n  display: inline-flex;\n  line-height: 1.55;\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-small);\n  cursor: pointer;\n}\n\n.endpoint-method {\n  text-align: right;\n}\n\n.endpoint-path {\n  margin-left: 12px;\n  text-transform: initial;\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAoBA,MAAM,cAAc,eAAe;AACjC,OAAI,UAAU,QAAA,UACZ,QAAO,QAAA,UAAU;AAGnB,UAAO,QAAA,UAAU;IAClB;EAED,MAAM,aACJ,eACmC,WAAW,SAAS;;uBAIvD,mBA+BK,MAAA;IA9BF,KAAK,QAAA,UAAU;IAChB,OAAM;OAGE,QAAA,eAAA,WAAA,EADR,YAKmB,MAAA,yBAAA,EAAA;;IAHjB,OAAM;IACL,OAAO;;2BACa,CAAA,gBAAA,gBAAlB,QAAA,UAAU,MAAK,GAAG,cACvB,EAAA,CAAA,CAAA;;uCACA,mBAoBI,KAAA;IAnBF,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAyB,QAAA,UAAU,KAAI,sBAAA,EAAA,IAA6B,QAAA,UAAU,IAAE,CAAA,EAAA,CAAA,UAAA,CAAA;OAGtF,YASa,MAAA,mBAAA,EAAA;IARX,OAAM;IACL,QAAQ,QAAA,UAAU;;2BAMZ,CAJC,UAAU,QAAA,UAAS,IAAA,WAAA,EAD3B,YAKO,MAAA,uBAAA,EAAA;;KAHL,OAAM;KACL,OAAK,eAAA,EAAA,OAAuB,MAAA,kBAAiB,CAAC,QAAA,UAAU,OAAM,CAAE,UAAA,CAAA;;;sBAIrE,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,iBAAe,EAAA,YACC,QAAA,UAAU,cAAY,CAAA,CAAA,EAAA,EAAA,gBACzC,YAAA,MAAW,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"OperationsListItem.vue.script.js","names":[],"sources":["../../../src/components/OperationsList/OperationsListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedEntry,\n  TraversedOperation,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { SectionHeaderTag } from '@/components/Section'\n\nconst { operation } = defineProps<{\n  operation: TraversedOperation | TraversedWebhook\n  isCollapsed?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst pathOrTitle = computed(() => {\n  if ('path' in operation) {\n    return operation.path\n  }\n\n  return operation.title\n})\n\nconst isWebhook = (\n  _operation: TraversedEntry,\n): _operation is TraversedWebhook => _operation.type === 'webhook'\n</script>\n\n<template>\n  <li\n    :key=\"operation.id\"\n    class=\"contents\">\n    <!-- If collapsed add hidden headers so they show up for screen readers -->\n    <SectionHeaderTag\n      v-if=\"isCollapsed\"\n      class=\"sr-only\"\n      :level=\"3\">\n      {{ operation.title }} (Hidden)\n    </SectionHeaderTag>\n    <a\n      class=\"endpoint\"\n      @click.prevent=\"\n        () => eventBus?.emit('scroll-to:nav-item', { id: operation.id })\n      \">\n      <HttpMethod\n        class=\"endpoint-method items-center justify-end gap-2\"\n        :method=\"operation.method\">\n        <ScalarIconWebhooksLogo\n          v-if=\"isWebhook(operation)\"\n          class=\"size-3.5\"\n          :style=\"{\n            color: getHttpMethodInfo(operation.method).colorVar,\n          }\" />\n      </HttpMethod>\n      <span\n        class=\"endpoint-path\"\n        :class=\"{ deprecated: operation.isDeprecated }\">\n        {{ pathOrTitle }}\n      </span>\n    </a>\n  </li>\n</template>\n\n<style scoped>\n.endpoint {\n  display: flex;\n  white-space: nowrap;\n  cursor: pointer;\n  text-decoration: none;\n}\n.endpoint:hover .endpoint-path,\n.endpoint:focus-visible .endpoint-path {\n  text-decoration: underline;\n}\n.endpoint .post,\n.endpoint .get,\n.endpoint .delete,\n.endpoint .put {\n  white-space: nowrap;\n}\n\n.endpoint-method,\n.endpoint-path {\n  color: var(--scalar-color-1);\n  min-width: 62px;\n  display: inline-flex;\n  line-height: 1.55;\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-small);\n  cursor: pointer;\n}\n\n.endpoint-method {\n  text-align: right;\n}\n\n.endpoint-path {\n  margin-left: 12px;\n  text-transform: initial;\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAoBA,MAAM,cAAc,eAAe;GACjC,IAAI,UAAU,QAAA,WACZ,OAAO,QAAA,UAAU;GAGnB,OAAO,QAAA,UAAU;EACnB,CAAC;EAED,MAAM,aACJ,eACmC,WAAW,SAAS;;uBAIvD,mBA+BK,MAAA;IA9BF,KAAK,QAAA,UAAU;IAChB,OAAM;OAGE,QAAA,eAAA,UAAA,GADR,YAKmB,MAAA,wBAAA,GAAA;;IAHjB,OAAM;IACL,OAAO;;2BACa,CAAA,gBAAA,gBAAlB,QAAA,UAAU,KAAK,IAAG,cACvB,CAAA,CAAA,CAAA;;uCACA,mBAoBI,KAAA;IAnBF,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAyB,QAAA,UAAU,KAAI,sBAAA,EAAA,IAA6B,QAAA,UAAU,GAAE,CAAA,GAAA,CAAA,SAAA,CAAA;OAGtF,YASa,MAAA,kBAAA,GAAA;IARX,OAAM;IACL,QAAQ,QAAA,UAAU;;2BAMZ,CAJC,UAAU,QAAA,SAAS,KAAA,UAAA,GAD3B,YAKO,MAAA,sBAAA,GAAA;;KAHL,OAAM;KACL,OAAK,eAAA,EAAA,OAAuB,MAAA,iBAAA,CAAiB,CAAC,QAAA,UAAU,MAAM,CAAA,CAAE,SAAA,CAAA;;;sBAIrE,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,iBAAe,EAAA,YACC,QAAA,UAAU,aAAY,CAAA,CAAA,EAAA,GAAA,gBACzC,YAAA,KAAW,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/RenderPlugins/RenderPluginView.vue.script.js

@@ -3,7 +3,7 @@ import { createBlock, createElementBlock, createVNode, defineComponent, mergePro
 import { ScalarErrorBoundary } from "@scalar/components/error-boundary";
 //#region src/components/RenderPlugins/RenderPluginView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["id"];
-var RenderPluginView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RenderPluginView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RenderPluginView",
 	props: {
 		item: {},

package/dist/components/RenderPlugins/RenderPluginView.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderPluginView.vue.script.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPluginView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\nimport type { PluginViewComponent } from '@/plugins'\n\nconst { item, options, eventBus } = defineProps<{\n  item: PluginViewComponent\n  options: Record<string, any>\n  eventBus?: WorkspaceEventBus\n}>()\n\nconst el = useTemplateRef<HTMLElement>('el')\n\n/**\n * Participate in the existing scroll-spy. We only emit when the view opts into a sidebar\n * entry, because otherwise we would select a navigation item that does not exist and clear\n * the currently active section as the user scrolls past the plugin view.\n */\nuseIntersection(el, () => {\n  if (item.sidebar?.show) {\n    eventBus?.emit('intersecting:nav-item', { id: item.id })\n  }\n})\n</script>\n\n<template>\n  <!-- The id mirrors the sidebar entry id so navigation can scroll to this element -->\n  <div\n    :id=\"item.id\"\n    ref=\"el\">\n    <ScalarErrorBoundary>\n      <template v-if=\"item.renderer\">\n        <!-- Custom renderer (e.g. React) -->\n        <component\n          :is=\"item.renderer\"\n          v-bind=\"{\n            component: item.component,\n            options,\n            ...item.props,\n          }\" />\n      </template>\n      <template v-else>\n        <!-- Vue component -->\n        <component\n          :is=\"item.component\"\n          v-bind=\"{ options, ...item.props }\" />\n      </template>\n    </ScalarErrorBoundary>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAcA,MAAM,KAAK,eAA4B,KAAI;;;;;;AAO3C,kBAAgB,UAAU;AACxB,OAAI,QAAA,KAAK,SAAS,KAChB,SAAA,UAAU,KAAK,yBAAyB,EAAE,IAAI,QAAA,KAAK,IAAI,CAAA;IAE1D;;uBAKC,mBAqBM,OAAA;IApBH,IAAI,QAAA,KAAK;aACN;IAAJ,KAAI;OACJ,YAiBsB,MAAA,oBAAA,EAAA,MAAA;2BAPT,CATK,QAAA,KAAK,YAAA,WAAA,EAEnB,YAMO,wBALA,QAAA,KAAK,SAAQ,EAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAAA;gBACe,QAAA,KAAK;cAAuB,QAAA;QAAwB,QAAA,KAAK;oCAQ5F,YAEwC,wBADjC,QAAA,KAAK,UAAS,EAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAAA;KAAA,SACT,QAAA;KAAO,GAAK,QAAA,KAAK;KAAK,CAAA,CAAA,EAAA,MAAA,GAAA,EAAA,CAAA"}
+{"version":3,"file":"RenderPluginView.vue.script.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPluginView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\nimport type { PluginViewComponent } from '@/plugins'\n\nconst { item, options, eventBus } = defineProps<{\n  item: PluginViewComponent\n  options: Record<string, any>\n  eventBus?: WorkspaceEventBus\n}>()\n\nconst el = useTemplateRef<HTMLElement>('el')\n\n/**\n * Participate in the existing scroll-spy. We only emit when the view opts into a sidebar\n * entry, because otherwise we would select a navigation item that does not exist and clear\n * the currently active section as the user scrolls past the plugin view.\n */\nuseIntersection(el, () => {\n  if (item.sidebar?.show) {\n    eventBus?.emit('intersecting:nav-item', { id: item.id })\n  }\n})\n</script>\n\n<template>\n  <!-- The id mirrors the sidebar entry id so navigation can scroll to this element -->\n  <div\n    :id=\"item.id\"\n    ref=\"el\">\n    <ScalarErrorBoundary>\n      <template v-if=\"item.renderer\">\n        <!-- Custom renderer (e.g. React) -->\n        <component\n          :is=\"item.renderer\"\n          v-bind=\"{\n            component: item.component,\n            options,\n            ...item.props,\n          }\" />\n      </template>\n      <template v-else>\n        <!-- Vue component -->\n        <component\n          :is=\"item.component\"\n          v-bind=\"{ options, ...item.props }\" />\n      </template>\n    </ScalarErrorBoundary>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAcA,MAAM,KAAK,eAA4B,IAAI;;;;;;EAO3C,gBAAgB,UAAU;GACxB,IAAI,QAAA,KAAK,SAAS,MAChB,QAAA,UAAU,KAAK,yBAAyB,EAAE,IAAI,QAAA,KAAK,GAAG,CAAC;EAE3D,CAAC;;uBAKC,mBAqBM,OAAA;IApBH,IAAI,QAAA,KAAK;aACN;IAAJ,KAAI;OACJ,YAiBsB,MAAA,mBAAA,GAAA,MAAA;2BAPT,CATK,QAAA,KAAK,YAAA,UAAA,GAEnB,YAMO,wBALA,QAAA,KAAK,QAAQ,GAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAAA;gBACe,QAAA,KAAK;cAAuB,QAAA;QAAwB,QAAA,KAAK;oCAQ5F,YAEwC,wBADjC,QAAA,KAAK,SAAS,GAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAAA;KAAA,SACT,QAAA;KAAO,GAAK,QAAA,KAAK;IAAK,CAAA,CAAA,GAAA,MAAA,EAAA,EAAA,CAAA"}

package/dist/components/RenderPlugins/RenderPlugins.vue.script.js

@@ -6,7 +6,7 @@ var _hoisted_1 = {
 	key: 0,
 	class: "plugin-view"
 };
-var RenderPlugins_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RenderPlugins_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RenderPlugins",
 	props: {
 		viewName: {},

package/dist/components/RenderPlugins/RenderPlugins.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderPlugins.vue.script.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport { usePluginManager } from '@/plugins'\n\nimport RenderPluginView from './RenderPluginView.vue'\n\nconst { viewName, options, eventBus, documentSlug } = defineProps<{\n  viewName: 'content.start' | 'content.end'\n  options: Record<string, any>\n  eventBus?: WorkspaceEventBus\n  /** Slug of the active document, used to scope plugin view ids for navigation and deep-linking */\n  documentSlug: string\n}>()\n\nconst { getViewComponents } = usePluginManager()\nconst components = computed(() => getViewComponents(viewName, documentSlug))\n</script>\n\n<template>\n  <div\n    v-if=\"components.length\"\n    class=\"plugin-view\">\n    <RenderPluginView\n      v-for=\"item in components\"\n      :key=\"item.id\"\n      :eventBus=\"eventBus\"\n      :item=\"item\"\n      :options=\"options\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,EAAE,sBAAsB,kBAAiB;EAC/C,MAAM,aAAa,eAAe,kBAAkB,QAAA,UAAU,QAAA,aAAa,CAAA;;UAKjE,WAAA,MAAW,UAAA,WAAA,EADnB,mBASM,OATN,YASM,EAAA,UAAA,KAAA,EANJ,mBAKuB,UAAA,MAAA,WAJN,WAAA,QAAR,SAAI;wBADb,YAKuB,0BAAA;KAHpB,KAAK,KAAK;KACV,UAAU,QAAA;KACJ;KACN,SAAS,QAAA"}
+{"version":3,"file":"RenderPlugins.vue.script.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport { usePluginManager } from '@/plugins'\n\nimport RenderPluginView from './RenderPluginView.vue'\n\nconst { viewName, options, eventBus, documentSlug } = defineProps<{\n  viewName: 'content.start' | 'content.end'\n  options: Record<string, any>\n  eventBus?: WorkspaceEventBus\n  /** Slug of the active document, used to scope plugin view ids for navigation and deep-linking */\n  documentSlug: string\n}>()\n\nconst { getViewComponents } = usePluginManager()\nconst components = computed(() => getViewComponents(viewName, documentSlug))\n</script>\n\n<template>\n  <div\n    v-if=\"components.length\"\n    class=\"plugin-view\">\n    <RenderPluginView\n      v-for=\"item in components\"\n      :key=\"item.id\"\n      :eventBus=\"eventBus\"\n      :item=\"item\"\n      :options=\"options\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,EAAE,sBAAsB,iBAAiB;EAC/C,MAAM,aAAa,eAAe,kBAAkB,QAAA,UAAU,QAAA,YAAY,CAAC;;UAKjE,WAAA,MAAW,UAAA,UAAA,GADnB,mBASM,OATN,YASM,EAAA,UAAA,IAAA,GANJ,mBAKuB,UAAA,MAAA,WAJN,WAAA,QAAR,SAAI;wBADb,YAKuB,0BAAA;KAHpB,KAAK,KAAK;KACV,UAAU,QAAA;KACJ;KACN,SAAS,QAAA"}

package/dist/components/ScreenReader.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-he
 import ScreenReader_vue_vue_type_script_setup_true_lang_default from "./ScreenReader.vue.script.js";
 /* empty css                           */
 //#region src/components/ScreenReader.vue
-var ScreenReader_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ScreenReader_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-df2e1026"]]);
+var ScreenReader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScreenReader_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-df2e1026"]]);
 //#endregion
 export { ScreenReader_default as default };
 

package/dist/components/ScreenReader.vue.script.js

@@ -4,7 +4,7 @@ var _hoisted_1 = {
 	key: 0,
 	class: "screenreader-only"
 };
-var ScreenReader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScreenReader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScreenReader",
 	props: { if: {
 		type: Boolean,
@@ -12,7 +12,7 @@ var ScreenReader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return _ctx.$props.if ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
+			return _ctx.$props.if ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : renderSlot(_ctx.$slots, "default", {}, void 0, true, 1);
 		};
 	}
 });

package/dist/components/ScreenReader.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReader.vue.script.js","names":["$props"],"sources":["../../src/components/ScreenReader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    if?: boolean\n  }>(),\n  {\n    if: true,\n  },\n)\n</script>\n<template>\n  <span\n    v-if=\"$props.if\"\n    class=\"screenreader-only\">\n    <slot />\n  </span>\n  <slot v-else />\n</template>\n<style scoped>\n.screenreader-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;UAYUA,KAAAA,OAAO,MAAA,WAAA,EADf,mBAIO,QAJP,YAIO,CADL,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IAEV,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,KAAA"}
+{"version":3,"file":"ScreenReader.vue.script.js","names":["$props"],"sources":["../../src/components/ScreenReader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    if?: boolean\n  }>(),\n  {\n    if: true,\n  },\n)\n</script>\n<template>\n  <span\n    v-if=\"$props.if\"\n    class=\"screenreader-only\">\n    <slot />\n  </span>\n  <slot v-else />\n</template>\n<style scoped>\n.screenreader-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;UAYUA,KAAAA,OAAO,MAAA,UAAA,GADf,mBAIO,QAJP,YAIO,CADL,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,KAEV,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,MAAA,CAAA"}

package/dist/components/Section/CompactSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompactSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/CompactSection.vue"],"names":[],"mappings":"AAiHA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAkJF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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"}
+{"version":3,"file":"CompactSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/CompactSection.vue"],"names":[],"mappings":"AAiHA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAmJF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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/Section/CompactSection.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import CompactSection_vue_vue_type_script_setup_true_lang_default from "./CompactSection.vue.script.js";
 /* empty css                             */
 //#region src/components/Section/CompactSection.vue
-var CompactSection_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CompactSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ea5f870d"]]);
+var CompactSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CompactSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ea5f870d"]]);
 //#endregion
 export { CompactSection_default as default };
 

package/dist/components/Section/CompactSection.vue.script.js

@@ -11,7 +11,7 @@ var _hoisted_2 = [
 	"aria-labelledby"
 ];
 var _hoisted_3 = ["id"];
-var CompactSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CompactSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "CompactSection",
 	props: {
 		id: {},

package/dist/components/Section/CompactSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactSection.vue.script.js","names":[],"sources":["../../../src/components/Section/CompactSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport { computed, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\n\nimport Section from './Section.vue'\n\nconst { id } = defineProps<{\n  id: string\n  label?: string\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'copyAnchorUrl'): void\n}>()\n\n/** The trigger owns `id` as its deep link target, so the region it controls needs one of its own */\nconst contentId = computed<string>(() => `${id}-content`)\n\n/**\n * Name the trigger after the heading it renders by pointing `aria-labelledby` at it,\n * rather than copying the text into an `aria-label`. Referencing the visible node keeps\n * the accessible name in sync with what is on screen, so it can never drift into a\n * WCAG 2.5.3 (Label in Name) failure the way a duplicated string can.\n */\nconst labelId = useId()\n</script>\n<template>\n  <section\n    :aria-label=\"label\"\n    class=\"collapsible-section\">\n    <button\n      :id=\"id\"\n      :aria-controls=\"modelValue ? contentId : undefined\"\n      :aria-expanded=\"modelValue\"\n      :aria-labelledby=\"labelId\"\n      class=\"collapsible-section-trigger\"\n      :class=\"{ 'collapsible-section-trigger-open': modelValue }\"\n      type=\"button\"\n      @click=\"emit('update:modelValue', !modelValue)\">\n      <ScalarIconCaretRight\n        class=\"size-3 transition-transform duration-100\"\n        :class=\"{ 'rotate-90': modelValue }\"\n        weight=\"bold\" />\n      <Anchor\n        class=\"collapsible-section-header\"\n        @copyAnchorUrl=\"() => emit('copyAnchorUrl')\">\n        <!-- Wrap only the heading so `aria-labelledby` names the trigger after the\n             visible text alone, excluding the caret and the nested copy-link button -->\n        <span\n          :id=\"labelId\"\n          class=\"contents\">\n          <slot name=\"heading\" />\n        </span>\n      </Anchor>\n    </button>\n    <Section\n      v-if=\"modelValue\"\n      :id=\"contentId\"\n      class=\"collapsible-section-content\"\n      :label=\"label\">\n      <slot />\n    </Section>\n  </section>\n</template>\n<style scoped>\n.collapsible-section {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  position: relative;\n}\n.collapsible-section-header {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 10px 0;\n  font-size: var(--scalar-font-size-3);\n  z-index: 1;\n  position: relative;\n}\n.collapsible-section-trigger svg {\n  color: var(--scalar-color-3);\n  position: absolute;\n  left: -19px;\n}\n.collapsible-section:hover .collapsible-section-trigger svg {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger :deep(.anchor-copy) {\n  line-height: 18.5px;\n}\n.collapsible-section-content {\n  padding: 0;\n  margin: 0;\n  margin-bottom: 10px;\n  scroll-margin-top: 140px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,OAAO;;EAMb,MAAM,YAAY,eAAuB,GAAG,QAAA,GAAG,UAAS;;;;;;;EAQxD,MAAM,UAAU,OAAM;;uBAGpB,mBAmCU,WAAA;IAlCP,cAAY,QAAA;IACb,OAAM;OACN,mBAwBS,UAAA;IAvBN,IAAI,QAAA;IACJ,iBAAe,QAAA,aAAa,UAAA,QAAY,KAAA;IACxC,iBAAe,QAAA;IACf,mBAAiB,MAAA,QAAO;IACzB,OAAK,eAAA,CAAC,+BAA6B,EAAA,oCACW,QAAA,YAAU,CAAA,CAAA;IACxD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAA,CAAuB,QAAA,WAAU;OAC7C,YAGkB,MAAA,qBAAA,EAAA;IAFhB,OAAK,eAAA,CAAC,4CAA0C,EAAA,aACzB,QAAA,YAAU,CAAA,CAAA;IACjC,QAAO;2BACT,YAUS,MAAA,eAAA,EAAA;IATP,OAAM;IACL,iBAAa,OAAA,OAAA,OAAA,WAAQ,KAAI,gBAAA;;2BAOnB,CAJP,mBAIO,QAAA;KAHJ,IAAI,MAAA,QAAO;KACZ,OAAM;QACN,WAAuB,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,GAAA,WAAA,CAAA,CAAA;;yBAKrB,QAAA,cAAA,WAAA,EADR,YAMU,iBAAA;;IAJP,IAAI,UAAA;IACL,OAAM;IACL,OAAO,QAAA;;2BACA,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"CompactSection.vue.script.js","names":[],"sources":["../../../src/components/Section/CompactSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport { computed, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\n\nimport Section from './Section.vue'\n\nconst { id } = defineProps<{\n  id: string\n  label?: string\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'copyAnchorUrl'): void\n}>()\n\n/** The trigger owns `id` as its deep link target, so the region it controls needs one of its own */\nconst contentId = computed<string>(() => `${id}-content`)\n\n/**\n * Name the trigger after the heading it renders by pointing `aria-labelledby` at it,\n * rather than copying the text into an `aria-label`. Referencing the visible node keeps\n * the accessible name in sync with what is on screen, so it can never drift into a\n * WCAG 2.5.3 (Label in Name) failure the way a duplicated string can.\n */\nconst labelId = useId()\n</script>\n<template>\n  <section\n    :aria-label=\"label\"\n    class=\"collapsible-section\">\n    <button\n      :id=\"id\"\n      :aria-controls=\"modelValue ? contentId : undefined\"\n      :aria-expanded=\"modelValue\"\n      :aria-labelledby=\"labelId\"\n      class=\"collapsible-section-trigger\"\n      :class=\"{ 'collapsible-section-trigger-open': modelValue }\"\n      type=\"button\"\n      @click=\"emit('update:modelValue', !modelValue)\">\n      <ScalarIconCaretRight\n        class=\"size-3 transition-transform duration-100\"\n        :class=\"{ 'rotate-90': modelValue }\"\n        weight=\"bold\" />\n      <Anchor\n        class=\"collapsible-section-header\"\n        @copyAnchorUrl=\"() => emit('copyAnchorUrl')\">\n        <!-- Wrap only the heading so `aria-labelledby` names the trigger after the\n             visible text alone, excluding the caret and the nested copy-link button -->\n        <span\n          :id=\"labelId\"\n          class=\"contents\">\n          <slot name=\"heading\" />\n        </span>\n      </Anchor>\n    </button>\n    <Section\n      v-if=\"modelValue\"\n      :id=\"contentId\"\n      class=\"collapsible-section-content\"\n      :label=\"label\">\n      <slot />\n    </Section>\n  </section>\n</template>\n<style scoped>\n.collapsible-section {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  position: relative;\n}\n.collapsible-section-header {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 10px 0;\n  font-size: var(--scalar-font-size-3);\n  z-index: 1;\n  position: relative;\n}\n.collapsible-section-trigger svg {\n  color: var(--scalar-color-3);\n  position: absolute;\n  left: -19px;\n}\n.collapsible-section:hover .collapsible-section-trigger svg {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger :deep(.anchor-copy) {\n  line-height: 18.5px;\n}\n.collapsible-section-content {\n  padding: 0;\n  margin: 0;\n  margin-bottom: 10px;\n  scroll-margin-top: 140px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,OAAO;;EAMb,MAAM,YAAY,eAAuB,GAAG,QAAA,GAAG,SAAS;;;;;;;EAQxD,MAAM,UAAU,MAAM;;uBAGpB,mBAmCU,WAAA;IAlCP,cAAY,QAAA;IACb,OAAM;OACN,mBAwBS,UAAA;IAvBN,IAAI,QAAA;IACJ,iBAAe,QAAA,aAAa,UAAA,QAAY,KAAA;IACxC,iBAAe,QAAA;IACf,mBAAiB,MAAA,OAAA;IAClB,OAAK,eAAA,CAAC,+BAA6B,EAAA,oCACW,QAAA,WAAU,CAAA,CAAA;IACxD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAA,CAAuB,QAAA,UAAU;OAC7C,YAGkB,MAAA,oBAAA,GAAA;IAFhB,OAAK,eAAA,CAAC,4CAA0C,EAAA,aACzB,QAAA,WAAU,CAAA,CAAA;IACjC,QAAO;2BACT,YAUS,MAAA,cAAA,GAAA;IATP,OAAM;IACL,iBAAa,OAAA,OAAA,OAAA,WAAQ,KAAI,eAAA;;2BAOnB,CAJP,mBAIO,QAAA;KAHJ,IAAI,MAAA,OAAA;KACL,OAAM;QACN,WAAuB,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;;yBAKrB,QAAA,cAAA,UAAA,GADR,YAMU,iBAAA;;IAJP,IAAI,UAAA;IACL,OAAM;IACL,OAAO,QAAA;;2BACA,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

package/dist/components/Section/Section.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import Section_vue_vue_type_script_setup_true_lang_default from "./Section.vue.script.js";
 /* empty css                      */
 //#region src/components/Section/Section.vue
-var Section_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Section_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-be4443e9"]]);
+var Section_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Section_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-be4443e9"]]);
 //#endregion
 export { Section_default as default };
 

package/dist/components/Section/Section.vue.script.js

@@ -1,7 +1,7 @@
 import { useIntersection } from "../../hooks/use-intersection.js";
 import { createElementBlock, defineComponent, openBlock, renderSlot, useTemplateRef } from "vue";
 //#region src/components/Section/Section.vue?vue&type=script&setup=true&lang.ts
-var Section_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Section_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Section",
 	emits: ["intersecting"],
 	setup(__props, { emit: __emit }) {

package/dist/components/Section/Section.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.vue.script.js","names":[],"sources":["../../../src/components/Section/Section.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\n\nconst emit = defineEmits<{\n  (e: 'intersecting'): void\n}>()\n\nconst section = useTemplateRef<HTMLElement>('section')\n\nuseIntersection(section, () => emit('intersecting'))\n</script>\n<template>\n  <section\n    ref=\"section\"\n    class=\"section\">\n    <slot />\n  </section>\n</template>\n\n<style scoped>\n.section {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  max-width: var(--refs-content-max-width);\n  margin: auto;\n\n  padding: 90px 0;\n\n  /* Offset by header height to line up scroll position */\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n.section:has(~ div.contents) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.references-classic .section {\n  padding: 48px 0;\n  gap: 24px;\n}\n@container narrow-references-container (max-width: 900px) {\n  .references-classic .section,\n  .section {\n    padding: 48px 24px;\n  }\n}\n.section:not(:last-of-type) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n</style>\n"],"mappings":";;;;;;;EAKA,MAAM,OAAO;EAIb,MAAM,UAAU,eAA4B,UAAS;AAErD,kBAAgB,eAAe,KAAK,eAAe,CAAA;;uBAGjD,mBAIU,WAAA;aAHJ;IAAJ,KAAI;IACJ,OAAM;OACN,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,IAAA"}
+{"version":3,"file":"Section.vue.script.js","names":[],"sources":["../../../src/components/Section/Section.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\n\nconst emit = defineEmits<{\n  (e: 'intersecting'): void\n}>()\n\nconst section = useTemplateRef<HTMLElement>('section')\n\nuseIntersection(section, () => emit('intersecting'))\n</script>\n<template>\n  <section\n    ref=\"section\"\n    class=\"section\">\n    <slot />\n  </section>\n</template>\n\n<style scoped>\n.section {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  max-width: var(--refs-content-max-width);\n  margin: auto;\n\n  padding: 90px 0;\n\n  /* Offset by header height to line up scroll position */\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n.section:has(~ div.contents) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.references-classic .section {\n  padding: 48px 0;\n  gap: 24px;\n}\n@container narrow-references-container (max-width: 900px) {\n  .references-classic .section,\n  .section {\n    padding: 48px 24px;\n  }\n}\n.section:not(:last-of-type) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n</style>\n"],"mappings":";;;;;;;EAKA,MAAM,OAAO;EAIb,MAAM,UAAU,eAA4B,SAAS;EAErD,gBAAgB,eAAe,KAAK,cAAc,CAAC;;uBAGjD,mBAIU,WAAA;aAHJ;IAAJ,KAAI;IACJ,OAAM;OACN,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,GAAA"}

package/dist/components/Section/SectionAccordion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionAccordion.vue"],"names":[],"mappings":"AAqIA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAiKF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,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"}
+{"version":3,"file":"SectionAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionAccordion.vue"],"names":[],"mappings":"AAqIA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAkKF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,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/Section/SectionAccordion.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import SectionAccordion_vue_vue_type_script_setup_true_lang_default from "./SectionAccordion.vue.script.js";
 /* empty css                               */
 //#region src/components/Section/SectionAccordion.vue
-var SectionAccordion_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SectionAccordion_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ff689b94"]]);
+var SectionAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SectionAccordion_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ff689b94"]]);
 //#endregion
 export { SectionAccordion_default as default };
 

package/dist/components/Section/SectionAccordion.vue.script.js

@@ -13,7 +13,7 @@ var _hoisted_3 = {
 	class: "section-accordion-description"
 };
 var _hoisted_4 = { class: "section-accordion-content-card" };
-var SectionAccordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SectionAccordion_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SectionAccordion",
 	props: {
 		transparent: { type: Boolean },

package/dist/components/Section/SectionAccordion.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionAccordion.vue.script.js","names":["$slots"],"sources":["../../../src/components/Section/SectionAccordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport { useElementHover } from '@vueuse/core'\nimport { ref } from 'vue'\n\ndefineProps<{\n  transparent?: boolean\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst button = ref()\nconst isHovered = useElementHover(button)\n</script>\n<template>\n  <Disclosure\n    as=\"section\"\n    class=\"section-accordion\"\n    :class=\"{ 'section-accordion-transparent': transparent }\">\n    <DisclosureButton\n      ref=\"button\"\n      class=\"section-accordion-button\"\n      @click=\"() => emit('update:modelValue', !modelValue)\">\n      <div class=\"section-accordion-button-content\">\n        <slot name=\"title\" />\n      </div>\n      <div\n        v-if=\"$slots.actions\"\n        class=\"section-accordion-button-actions\">\n        <slot\n          :active=\"isHovered || modelValue\"\n          name=\"actions\" />\n      </div>\n      <ScalarIconCaretRight\n        class=\"section-accordion-chevron size-4.5 transition-transform\"\n        :class=\"{ 'rotate-90': modelValue }\" />\n    </DisclosureButton>\n    <DisclosurePanel\n      v-if=\"modelValue\"\n      class=\"section-accordion-content\"\n      static>\n      <div\n        v-if=\"$slots.description\"\n        class=\"section-accordion-description\">\n        <slot name=\"description\" />\n      </div>\n      <div class=\"section-accordion-content-card\">\n        <slot />\n      </div>\n    </DisclosurePanel>\n  </Disclosure>\n</template>\n<style scoped>\n.section-wrapper {\n  color: var(--scalar-color-1);\n\n  padding-top: 12px;\n  margin-top: -12px;\n}\n.section-accordion {\n  display: flex;\n  flex-direction: column;\n\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-2);\n\n  /* Offset by header height to line up scroll position */\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n\n.section-accordion-transparent {\n  background: transparent;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.section-accordion-button {\n  padding: 6px;\n}\n.section-accordion-button {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.section-accordion-button-content {\n  flex: 1;\n  min-width: 0;\n}\n.section-accordion-button-actions {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-3);\n}\n\n.section-accordion-chevron {\n  margin-right: 4px;\n  cursor: pointer;\n  opacity: 1;\n  color: var(--scalar-color-3);\n}\n.section-accordion-button:hover .section-accordion-chevron {\n  color: var(--scalar-color-1);\n}\n.section-accordion-content {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  display: flex;\n  flex-direction: column;\n}\n\n.section-accordion-description {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color--1);\n  padding: 10px 12px 0px 12px;\n}\n.section-accordion-content-card :deep(.property:last-of-type) {\n  padding-bottom: 9px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,OAAO;EAIb,MAAM,SAAS,KAAI;EACnB,MAAM,YAAY,gBAAgB,OAAM;;uBAGtC,YAmCa,MAAA,WAAA,EAAA;IAlCX,IAAG;IACH,OAAK,eAAA,CAAC,qBAAmB,EAAA,iCACkB,QAAA,aAAW,CAAA,CAAA;;2BAkBnC,CAjBnB,YAiBmB,MAAA,iBAAA,EAAA;cAhBb;KAAJ,KAAI;KACJ,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,WAAQ,KAAI,qBAAA,CAAuB,QAAA,WAAU;;4BAG7C;MAFN,mBAEM,OAFN,YAEM,CADJ,WAAqB,KAAA,QAAA,SAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA;MAGfA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAMM,OANN,YAMM,CAHJ,WAEmB,KAAA,QAAA,WAAA,EADhB,QAAQ,MAAA,UAAS,IAAI,QAAA,YAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;MAG1B,YAEyC,MAAA,qBAAA,EAAA,EADvC,OAAK,eAAA,CAAC,2DAAyD,EAAA,aACxC,QAAA,YAAU,CAAA,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA;;;aAG7B,QAAA,cAAA,WAAA,EADR,YAYkB,MAAA,gBAAA,EAAA;;KAVhB,OAAM;KACN,QAAA;;4BAKM,CAHEA,KAAAA,OAAO,eAAA,WAAA,EADf,mBAIM,OAJN,YAIM,CADJ,WAA2B,KAAA,QAAA,eAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAE7B,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"SectionAccordion.vue.script.js","names":["$slots"],"sources":["../../../src/components/Section/SectionAccordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport { useElementHover } from '@vueuse/core'\nimport { ref } from 'vue'\n\ndefineProps<{\n  transparent?: boolean\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst button = ref()\nconst isHovered = useElementHover(button)\n</script>\n<template>\n  <Disclosure\n    as=\"section\"\n    class=\"section-accordion\"\n    :class=\"{ 'section-accordion-transparent': transparent }\">\n    <DisclosureButton\n      ref=\"button\"\n      class=\"section-accordion-button\"\n      @click=\"() => emit('update:modelValue', !modelValue)\">\n      <div class=\"section-accordion-button-content\">\n        <slot name=\"title\" />\n      </div>\n      <div\n        v-if=\"$slots.actions\"\n        class=\"section-accordion-button-actions\">\n        <slot\n          :active=\"isHovered || modelValue\"\n          name=\"actions\" />\n      </div>\n      <ScalarIconCaretRight\n        class=\"section-accordion-chevron size-4.5 transition-transform\"\n        :class=\"{ 'rotate-90': modelValue }\" />\n    </DisclosureButton>\n    <DisclosurePanel\n      v-if=\"modelValue\"\n      class=\"section-accordion-content\"\n      static>\n      <div\n        v-if=\"$slots.description\"\n        class=\"section-accordion-description\">\n        <slot name=\"description\" />\n      </div>\n      <div class=\"section-accordion-content-card\">\n        <slot />\n      </div>\n    </DisclosurePanel>\n  </Disclosure>\n</template>\n<style scoped>\n.section-wrapper {\n  color: var(--scalar-color-1);\n\n  padding-top: 12px;\n  margin-top: -12px;\n}\n.section-accordion {\n  display: flex;\n  flex-direction: column;\n\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-2);\n\n  /* Offset by header height to line up scroll position */\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n\n.section-accordion-transparent {\n  background: transparent;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.section-accordion-button {\n  padding: 6px;\n}\n.section-accordion-button {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.section-accordion-button-content {\n  flex: 1;\n  min-width: 0;\n}\n.section-accordion-button-actions {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-3);\n}\n\n.section-accordion-chevron {\n  margin-right: 4px;\n  cursor: pointer;\n  opacity: 1;\n  color: var(--scalar-color-3);\n}\n.section-accordion-button:hover .section-accordion-chevron {\n  color: var(--scalar-color-1);\n}\n.section-accordion-content {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  display: flex;\n  flex-direction: column;\n}\n\n.section-accordion-description {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color--1);\n  padding: 10px 12px 0px 12px;\n}\n.section-accordion-content-card :deep(.property:last-of-type) {\n  padding-bottom: 9px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,OAAO;EAIb,MAAM,SAAS,IAAI;EACnB,MAAM,YAAY,gBAAgB,MAAM;;uBAGtC,YAmCa,MAAA,UAAA,GAAA;IAlCX,IAAG;IACH,OAAK,eAAA,CAAC,qBAAmB,EAAA,iCACkB,QAAA,YAAW,CAAA,CAAA;;2BAkBnC,CAjBnB,YAiBmB,MAAA,gBAAA,GAAA;cAhBb;KAAJ,KAAI;KACJ,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,WAAQ,KAAI,qBAAA,CAAuB,QAAA,UAAU;;4BAG7C;MAFN,mBAEM,OAFN,YAEM,CADJ,WAAqB,KAAA,QAAA,SAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA;MAGfA,KAAAA,OAAO,WAAA,UAAA,GADf,mBAMM,OANN,YAMM,CAHJ,WAEmB,KAAA,QAAA,WAAA,EADhB,QAAQ,MAAA,SAAA,KAAa,QAAA,WAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;MAG1B,YAEyC,MAAA,oBAAA,GAAA,EADvC,OAAK,eAAA,CAAC,2DAAyD,EAAA,aACxC,QAAA,WAAU,CAAA,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA;;;aAG7B,QAAA,cAAA,UAAA,GADR,YAYkB,MAAA,eAAA,GAAA;;KAVhB,OAAM;KACN,QAAA;;4BAKM,CAHEA,KAAAA,OAAO,eAAA,UAAA,GADf,mBAIM,OAJN,YAIM,CADJ,WAA2B,KAAA,QAAA,eAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAE7B,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/Section/SectionColumn.vue.js

@@ -7,7 +7,7 @@ var _hoisted_1 = { class: "section-column" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-var SectionColumn_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-699c28e3"]]);
+var SectionColumn_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-699c28e3"]]);
 //#endregion
 export { SectionColumn_default as default };
 

package/dist/components/Section/SectionColumn.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionColumn.vue.js","names":[],"sources":["../../../src/components/Section/SectionColumn.vue"],"sourcesContent":["<template>\n  <div class=\"section-column\"><slot /></div>\n</template>\n\n<style scoped>\n.section-column {\n  flex: 1;\n  min-width: 0;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-column:nth-of-type(2) {\n    padding-top: 0;\n  }\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,kBAAgB;;qBAA3B,mBAA0C,OAA1C,YAA0C,CAAd,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"SectionColumn.vue.js","names":[],"sources":["../../../src/components/Section/SectionColumn.vue"],"sourcesContent":["<template>\n  <div class=\"section-column\"><slot /></div>\n</template>\n\n<style scoped>\n.section-column {\n  flex: 1;\n  min-width: 0;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-column:nth-of-type(2) {\n    padding-top: 0;\n  }\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,iBAAgB;;qBAA3B,mBAA0C,OAA1C,YAA0C,CAAd,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

package/dist/components/Section/SectionColumns.vue.js

@@ -7,7 +7,7 @@ var _hoisted_1 = { class: "section-columns" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-var SectionColumns_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8b9602bf"]]);
+var SectionColumns_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8b9602bf"]]);
 //#endregion
 export { SectionColumns_default as default };
 

package/dist/components/Section/SectionColumns.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionColumns.vue.js","names":[],"sources":["../../../src/components/Section/SectionColumns.vue"],"sourcesContent":["<template>\n  <div class=\"section-columns\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.section-columns {\n  display: flex;\n  gap: 48px;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-columns {\n    flex-direction: column;\n    gap: 24px;\n  }\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,mBAAiB;;qBAA5B,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"SectionColumns.vue.js","names":[],"sources":["../../../src/components/Section/SectionColumns.vue"],"sourcesContent":["<template>\n  <div class=\"section-columns\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.section-columns {\n  display: flex;\n  gap: 48px;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-columns {\n    flex-direction: column;\n    gap: 24px;\n  }\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,kBAAiB;;qBAA5B,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

package/dist/components/Section/SectionContainer.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import SectionContainer_vue_vue_type_script_setup_true_lang_default from "./SectionContainer.vue.script.js";
 /* empty css                               */
 //#region src/components/Section/SectionContainer.vue
-var SectionContainer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SectionContainer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-20a1472a"]]);
+var SectionContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SectionContainer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-20a1472a"]]);
 //#endregion
 export { SectionContainer_default as default };
 

package/dist/components/Section/SectionContainer.vue.script.js

@@ -4,12 +4,12 @@ var _hoisted_1 = {
 	key: 1,
 	class: "section-container"
 };
-var SectionContainer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SectionContainer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SectionContainer",
 	props: { omit: { type: Boolean } },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return __props.omit ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]));
+			return __props.omit ? renderSlot(_ctx.$slots, "default", {}, void 0, true, 0) : (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]));
 		};
 	}
 });