@scalar/api-reference 1.63.0 → 1.64.1

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":"AA4FA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AA6HF,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-999a158a"]]);
+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.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactSection.vue.js","names":[],"sources":["../../../src/components/Section/CompactSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\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</script>\n<template>\n  <section\n    :aria-label=\"label\"\n    class=\"collapsible-section\">\n    <button\n      :id=\"id\"\n      :aria-controls=\"id\"\n      :aria-expanded=\"modelValue\"\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        <slot name=\"heading\" />\n      </Anchor>\n    </button>\n    <Section\n      v-if=\"modelValue\"\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":""}
+{"version":3,"file":"CompactSection.vue.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":""}

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

@@ -1,15 +1,17 @@
 import Section_default from "./Section.vue.js";
 import Anchor_default from "../Anchor/Anchor.vue.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, useId, withCtx } from "vue";
 import { ScalarIconCaretRight } from "@scalar/icons";
 //#region src/components/Section/CompactSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = [
 	"id",
 	"aria-controls",
-	"aria-expanded"
+	"aria-expanded",
+	"aria-labelledby"
 ];
-var CompactSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var _hoisted_3 = ["id"];
+var CompactSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "CompactSection",
 	props: {
 		id: {},
@@ -19,14 +21,24 @@ var CompactSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	emits: ["update:modelValue", "copyAnchorUrl"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
+		/** The trigger owns `id` as its deep link target, so the region it controls needs one of its own */
+		const contentId = computed(() => `${__props.id}-content`);
+		/**
+		* Name the trigger after the heading it renders by pointing `aria-labelledby` at it,
+		* rather than copying the text into an `aria-label`. Referencing the visible node keeps
+		* the accessible name in sync with what is on screen, so it can never drift into a
+		* WCAG 2.5.3 (Label in Name) failure the way a duplicated string can.
+		*/
+		const labelId = useId();
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("section", {
 				"aria-label": __props.label,
 				class: "collapsible-section"
 			}, [createElementVNode("button", {
 				id: __props.id,
-				"aria-controls": __props.id,
+				"aria-controls": __props.modelValue ? contentId.value : void 0,
 				"aria-expanded": __props.modelValue,
+				"aria-labelledby": unref(labelId),
 				class: normalizeClass(["collapsible-section-trigger", { "collapsible-section-trigger-open": __props.modelValue }]),
 				type: "button",
 				onClick: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", !__props.modelValue))
@@ -37,16 +49,20 @@ var CompactSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				class: "collapsible-section-header",
 				onCopyAnchorUrl: _cache[0] || (_cache[0] = () => emit("copyAnchorUrl"))
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "heading", {}, void 0, true)]),
+				default: withCtx(() => [createElementVNode("span", {
+					id: unref(labelId),
+					class: "contents"
+				}, [renderSlot(_ctx.$slots, "heading", {}, void 0, true)], 8, _hoisted_3)]),
 				_: 3
 			})], 10, _hoisted_2), __props.modelValue ? (openBlock(), createBlock(Section_default, {
 				key: 0,
+				id: contentId.value,
 				class: "collapsible-section-content",
 				label: __props.label
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 8, ["label"])) : createCommentVNode("", true)], 8, _hoisted_1);
+			}, 8, ["id", "label"])) : createCommentVNode("", true)], 8, _hoisted_1);
 		};
 	}
 });

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'\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</script>\n<template>\n  <section\n    :aria-label=\"label\"\n    class=\"collapsible-section\">\n    <button\n      :id=\"id\"\n      :aria-controls=\"id\"\n      :aria-expanded=\"modelValue\"\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        <slot name=\"heading\" />\n      </Anchor>\n    </button>\n    <Section\n      v-if=\"modelValue\"\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":";;;;;;;;;;;;;;;;;;;;EAaA,MAAM,OAAO;;uBAMX,mBA2BU,WAAA;IA1BP,cAAY,QAAA;IACb,OAAM;OACN,mBAiBS,UAAA;IAhBN,IAAI,QAAA;IACJ,iBAAe,QAAA;IACf,iBAAe,QAAA;IAChB,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,YAIS,MAAA,eAAA,EAAA;IAHP,OAAM;IACL,iBAAa,OAAA,OAAA,OAAA,WAAQ,KAAI,gBAAA;;2BACH,CAAvB,WAAuB,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA;;yBAInB,QAAA,cAAA,WAAA,EADR,YAKU,iBAAA;;IAHR,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)]));
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"SectionContainer.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineProps<{\n  /**\n   * Skips rendering the section container div and its styles, rendering only the slot directly.\n   */\n  omit?: boolean\n}>()\n</script>\n\n<template>\n  <slot v-if=\"omit\" />\n  <div\n    v-else\n    class=\"section-container\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.section-container {\n  position: relative;\n  padding: 0 60px;\n  width: 100%;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.introduction-section) {\n  border-top: none;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-container {\n    padding: 0;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;UAUc,QAAA,OAAZ,WAAoB,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,KAAA,IAAA,WAAA,EACpB,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"SectionContainer.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineProps<{\n  /**\n   * Skips rendering the section container div and its styles, rendering only the slot directly.\n   */\n  omit?: boolean\n}>()\n</script>\n\n<template>\n  <slot v-if=\"omit\" />\n  <div\n    v-else\n    class=\"section-container\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.section-container {\n  position: relative;\n  padding: 0 60px;\n  width: 100%;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.introduction-section) {\n  border-top: none;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-container {\n    padding: 0;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;UAUc,QAAA,OAAZ,WAAoB,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,MAAA,CAAA,KAAA,UAAA,GACpB,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SectionContainerAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAyIF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,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,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":"SectionContainerAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AA0IF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,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,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/SectionContainerAccordion.vue.js

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

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

@@ -4,7 +4,7 @@ import { ScalarIconCaretRight } from "@scalar/icons";
 //#region src/components/Section/SectionContainerAccordion.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "section-accordion-wrapper" };
 var _hoisted_2 = { class: "section-accordion-title" };
-var SectionContainerAccordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SectionContainerAccordion_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SectionContainerAccordion",
 	props: { modelValue: { type: Boolean } },
 	emits: ["update:modelValue"],

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

@@ -1 +1 @@
-{"version":3,"file":"SectionContainerAccordion.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIconCaretRight } from '@scalar/icons'\n\ndefineProps<{\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n</script>\n<template>\n  <section class=\"section-accordion-wrapper\">\n    <Disclosure\n      as=\"div\"\n      class=\"section-accordion\">\n      <DisclosureButton\n        class=\"section-accordion-button\"\n        @click=\"emit('update:modelValue', !modelValue)\">\n        <ScalarIconCaretRight\n          class=\"section-accordion-chevron size-5 transition-transform\"\n          :class=\"{ 'rotate-90': modelValue }\" />\n        <div class=\"section-accordion-title\">\n          <slot name=\"title\" />\n        </div>\n      </DisclosureButton>\n      <DisclosurePanel\n        v-if=\"modelValue\"\n        class=\"section-accordion-content\"\n        static>\n        <slot />\n      </DisclosurePanel>\n    </Disclosure>\n  </section>\n</template>\n<style scoped>\n.section-accordion-wrapper {\n  padding: 0 60px;\n}\n.section-accordion {\n  position: relative;\n  width: 100%;\n  max-width: var(--refs-content-max-width);\n  margin: auto;\n}\n.section-accordion-content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  padding-top: 12px;\n}\n.section-accordion-button {\n  width: 100%;\n  display: flex;\n\n  cursor: pointer;\n\n  padding: 6px 0 6px 0;\n  margin: -6px 0 -6px 0;\n  border-radius: var(--scalar-radius);\n}\n.section-accordion-chevron {\n  position: absolute;\n  left: -22px;\n  top: 12px;\n  color: var(--scalar-color-3);\n}\n\n.section-accordion-button:hover .section-accordion-chevron {\n  color: var(--scalar-color-1);\n}\n.section-accordion-title {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n  padding: 0 6px;\n}\n.section-accordion-title :deep(.section-header-wrapper) {\n  grid-template-columns: 1fr;\n}\n.section-accordion-title :deep(.section-header) {\n  margin-bottom: 0;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-accordion-chevron {\n    width: 16px;\n    left: -16px;\n    top: 14px;\n  }\n  .section-accordion-wrapper {\n    padding: calc(var(--refs-viewport-offset)) 24px 0 24px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAQA,MAAM,OAAO;;uBAKX,mBAqBU,WArBV,YAqBU,CApBR,YAmBa,MAAA,WAAA,EAAA;IAlBX,IAAG;IACH,OAAM;;2BAUa,CATnB,YASmB,MAAA,iBAAA,EAAA;KARjB,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAA,CAAuB,QAAA,WAAU;;4BAGJ,CAFzC,YAEyC,MAAA,qBAAA,EAAA,EADvC,OAAK,eAAA,CAAC,yDAAuD,EAAA,aACtC,QAAA,YAAU,CAAA,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,EACnC,mBAEM,OAFN,YAEM,CADJ,WAAqB,KAAA,QAAA,SAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;QAIjB,QAAA,cAAA,WAAA,EADR,YAKkB,MAAA,gBAAA,EAAA;;KAHhB,OAAM;KACN,QAAA;;4BACQ,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"SectionContainerAccordion.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIconCaretRight } from '@scalar/icons'\n\ndefineProps<{\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n</script>\n<template>\n  <section class=\"section-accordion-wrapper\">\n    <Disclosure\n      as=\"div\"\n      class=\"section-accordion\">\n      <DisclosureButton\n        class=\"section-accordion-button\"\n        @click=\"emit('update:modelValue', !modelValue)\">\n        <ScalarIconCaretRight\n          class=\"section-accordion-chevron size-5 transition-transform\"\n          :class=\"{ 'rotate-90': modelValue }\" />\n        <div class=\"section-accordion-title\">\n          <slot name=\"title\" />\n        </div>\n      </DisclosureButton>\n      <DisclosurePanel\n        v-if=\"modelValue\"\n        class=\"section-accordion-content\"\n        static>\n        <slot />\n      </DisclosurePanel>\n    </Disclosure>\n  </section>\n</template>\n<style scoped>\n.section-accordion-wrapper {\n  padding: 0 60px;\n}\n.section-accordion {\n  position: relative;\n  width: 100%;\n  max-width: var(--refs-content-max-width);\n  margin: auto;\n}\n.section-accordion-content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  padding-top: 12px;\n}\n.section-accordion-button {\n  width: 100%;\n  display: flex;\n\n  cursor: pointer;\n\n  padding: 6px 0 6px 0;\n  margin: -6px 0 -6px 0;\n  border-radius: var(--scalar-radius);\n}\n.section-accordion-chevron {\n  position: absolute;\n  left: -22px;\n  top: 12px;\n  color: var(--scalar-color-3);\n}\n\n.section-accordion-button:hover .section-accordion-chevron {\n  color: var(--scalar-color-1);\n}\n.section-accordion-title {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n  padding: 0 6px;\n}\n.section-accordion-title :deep(.section-header-wrapper) {\n  grid-template-columns: 1fr;\n}\n.section-accordion-title :deep(.section-header) {\n  margin-bottom: 0;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-accordion-chevron {\n    width: 16px;\n    left: -16px;\n    top: 14px;\n  }\n  .section-accordion-wrapper {\n    padding: calc(var(--refs-viewport-offset)) 24px 0 24px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAQA,MAAM,OAAO;;uBAKX,mBAqBU,WArBV,YAqBU,CApBR,YAmBa,MAAA,UAAA,GAAA;IAlBX,IAAG;IACH,OAAM;;2BAUa,CATnB,YASmB,MAAA,gBAAA,GAAA;KARjB,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAA,CAAuB,QAAA,UAAU;;4BAGJ,CAFzC,YAEyC,MAAA,oBAAA,GAAA,EADvC,OAAK,eAAA,CAAC,yDAAuD,EAAA,aACtC,QAAA,WAAU,CAAA,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,GACnC,mBAEM,OAFN,YAEM,CADJ,WAAqB,KAAA,QAAA,SAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;;QAIjB,QAAA,cAAA,UAAA,GADR,YAKkB,MAAA,eAAA,GAAA;;KAHhB,OAAM;KACN,QAAA;;4BACQ,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SectionContent.vue.js","names":[],"sources":["../../../src/components/Section/SectionContent.vue"],"sourcesContent":["<template>\n  <div class=\"section-content\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n@container narrow-references-container (max-width: 900px) {\n  .section-content--with-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":"SectionContent.vue.js","names":[],"sources":["../../../src/components/Section/SectionContent.vue"],"sourcesContent":["<template>\n  <div class=\"section-content\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n@container narrow-references-container (max-width: 900px) {\n  .section-content--with-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/SectionHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionHeader.vue"],"names":[],"mappings":"AAmDA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AA0CF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU,kSAEd,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":"SectionHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionHeader.vue"],"names":[],"mappings":"AA6CA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AA4CF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU,kSAEd,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/SectionHeader.vue.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.vue.js","names":[],"sources":["../../../src/components/Section/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { tight, removeMargin = false } = defineProps<{\n  tight?: boolean\n  removeMargin?: boolean\n}>()\n</script>\n\n<template>\n  <div class=\"section-header-wrapper xl:gap-12\">\n    <div\n      class=\"section-header\"\n      :class=\"{ tight, 'mb-3': !removeMargin }\">\n      <slot />\n    </div>\n    <slot\n      v-if=\"$slots.links\"\n      name=\"links\" />\n  </div>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.section-header-wrapper {\n  display: grid;\n  grid-template-columns: 1fr;\n}\n\n@variant xl {\n  .section-header-wrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n.section-header {\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  /* prettier-ignore */\n  color: var(--scalar-color-1);\n  word-wrap: break-word;\n  line-height: 1.45;\n  margin-top: 0;\n}\n\n.section-header.tight {\n  margin-bottom: 6px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"SectionHeader.vue.js","names":[],"sources":["../../../src/components/Section/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { tight, removeMargin = false } = defineProps<{\n  tight?: boolean\n  removeMargin?: boolean\n}>()\n</script>\n\n<!--\n  The reference is an embeddable widget, so the header collapses based on the\n  rendered width of the reference (the narrow: variant), not the viewport.\n  The section-header-wrapper class stays as a styling hook for\n  SectionContainerAccordion.\n-->\n<template>\n  <div\n    class=\"section-header-wrapper narrow:grid-cols-1 narrow:gap-0 grid grid-cols-2 gap-12\">\n    <div\n      class=\"section-header\"\n      :class=\"{ tight, 'mb-3': !removeMargin }\">\n      <slot />\n    </div>\n    <slot\n      v-if=\"$slots.links\"\n      name=\"links\" />\n  </div>\n</template>\n\n<style scoped>\n.section-header {\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  /* prettier-ignore */\n  color: var(--scalar-color-1);\n  word-wrap: break-word;\n  line-height: 1.45;\n  margin-top: 0;\n}\n\n.section-header.tight {\n  margin-bottom: 6px;\n}\n</style>\n"],"mappings":""}

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

@@ -1,7 +1,7 @@
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region src/components/Section/SectionHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "section-header-wrapper xl:gap-12" };
-var SectionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var _hoisted_1 = { class: "section-header-wrapper narrow:grid-cols-1 narrow:gap-0 grid grid-cols-2 gap-12" };
+var SectionHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SectionHeader",
 	props: {
 		tight: { type: Boolean },
@@ -15,7 +15,7 @@ var SectionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", { class: normalizeClass(["section-header", {
 				tight: __props.tight,
 				"mb-3": !__props.removeMargin
-			}]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2), _ctx.$slots.links ? renderSlot(_ctx.$slots, "links", { key: 0 }, void 0, true) : createCommentVNode("", true)]);
+			}]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2), _ctx.$slots.links ? renderSlot(_ctx.$slots, "links", {}, void 0, true, 0) : createCommentVNode("", true)]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.vue.script.js","names":["$slots"],"sources":["../../../src/components/Section/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { tight, removeMargin = false } = defineProps<{\n  tight?: boolean\n  removeMargin?: boolean\n}>()\n</script>\n\n<template>\n  <div class=\"section-header-wrapper xl:gap-12\">\n    <div\n      class=\"section-header\"\n      :class=\"{ tight, 'mb-3': !removeMargin }\">\n      <slot />\n    </div>\n    <slot\n      v-if=\"$slots.links\"\n      name=\"links\" />\n  </div>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.section-header-wrapper {\n  display: grid;\n  grid-template-columns: 1fr;\n}\n\n@variant xl {\n  .section-header-wrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n.section-header {\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  /* prettier-ignore */\n  color: var(--scalar-color-1);\n  word-wrap: break-word;\n  line-height: 1.45;\n  margin-top: 0;\n}\n\n.section-header.tight {\n  margin-bottom: 6px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;uBAQE,mBASM,OATN,YASM,CARJ,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,kBAAgB;IAAA,OACZ,QAAA;IAAK,QAAA,CAAW,QAAA;IAAY,CAAA,CAAA,EAAA,EAAA,CACtC,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,EAAA,EAGFA,KAAAA,OAAO,QADf,WAEiB,KAAA,QAAA,SAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,KAAA,GAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"SectionHeader.vue.script.js","names":["$slots"],"sources":["../../../src/components/Section/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { tight, removeMargin = false } = defineProps<{\n  tight?: boolean\n  removeMargin?: boolean\n}>()\n</script>\n\n<!--\n  The reference is an embeddable widget, so the header collapses based on the\n  rendered width of the reference (the narrow: variant), not the viewport.\n  The section-header-wrapper class stays as a styling hook for\n  SectionContainerAccordion.\n-->\n<template>\n  <div\n    class=\"section-header-wrapper narrow:grid-cols-1 narrow:gap-0 grid grid-cols-2 gap-12\">\n    <div\n      class=\"section-header\"\n      :class=\"{ tight, 'mb-3': !removeMargin }\">\n      <slot />\n    </div>\n    <slot\n      v-if=\"$slots.links\"\n      name=\"links\" />\n  </div>\n</template>\n\n<style scoped>\n.section-header {\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  /* prettier-ignore */\n  color: var(--scalar-color-1);\n  word-wrap: break-word;\n  line-height: 1.45;\n  margin-top: 0;\n}\n\n.section-header.tight {\n  margin-bottom: 6px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;uBAcE,mBAUM,OAVN,YAUM,CARJ,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,kBAAgB;IAAA,OACZ,QAAA;IAAK,QAAA,CAAW,QAAA;GAAY,CAAA,CAAA,EAAA,GAAA,CACtC,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA,GAGFA,KAAAA,OAAO,QADf,WAEiB,KAAA,QAAA,SAAA,CAAA,GAAA,KAAA,GAAA,MAAA,CAAA,IAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

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

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

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

@@ -1,6 +1,6 @@
 import { createBlock, defineComponent, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
 //#region src/components/Section/SectionHeaderTag.vue?vue&type=script&setup=true&lang.ts
-var SectionHeaderTag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SectionHeaderTag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SectionHeaderTag",
 	props: { level: { default: 1 } },
 	setup(__props) {

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHeaderTag.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionHeaderTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { level = 1 } = defineProps<{ level?: 1 | 2 | 3 | 4 | 5 | 6 }>()\n</script>\n<template>\n  <component\n    :is=\"`h${level}`\"\n    class=\"section-header-label\">\n    <slot />\n  </component>\n</template>\n<style scoped>\n.section-header-label {\n  display: inline;\n}\n</style>\n"],"mappings":";;;;;;;uBAIE,YAIY,wBAAA,IAHD,QAAA,QAAK,EAAA,EACd,OAAM,wBAAsB,EAAA;2BACpB,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"SectionHeaderTag.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionHeaderTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { level = 1 } = defineProps<{ level?: 1 | 2 | 3 | 4 | 5 | 6 }>()\n</script>\n<template>\n  <component\n    :is=\"`h${level}`\"\n    class=\"section-header-label\">\n    <slot />\n  </component>\n</template>\n<style scoped>\n.section-header-label {\n  display: inline;\n}\n</style>\n"],"mappings":";;;;;;;uBAIE,YAIY,wBAAA,IAHD,QAAA,OAAK,GAAA,EACd,OAAM,uBAAsB,GAAA;2BACpB,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

package/dist/components/SectionFlare/SectionFlare.vue.js

@@ -7,7 +7,7 @@ var _hoisted_1 = { class: "section-flare" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<div class=\"section-flare-item\" data-v-5cebff7a></div><div class=\"section-flare-item\" data-v-5cebff7a></div><div class=\"section-flare-item\" data-v-5cebff7a></div><div class=\"section-flare-item\" data-v-5cebff7a></div><div class=\"section-flare-item\" data-v-5cebff7a></div><div class=\"section-flare-item\" data-v-5cebff7a></div><div class=\"section-flare-item\" data-v-5cebff7a></div><div class=\"section-flare-item\" data-v-5cebff7a></div>", 8)])]);
 }
-var SectionFlare_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5cebff7a"]]);
+var SectionFlare_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5cebff7a"]]);
 //#endregion
 export { SectionFlare_default as default };