@scalar/api-reference 1.49.3 → 1.49.4

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

@@ -0,0 +1,49 @@
+import ScreenReader_default from "../ScreenReader.vue.js";
+import OperationsListItem_default from "./OperationsListItem.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarCard, ScalarCardHeader, ScalarCardSection } from "@scalar/components";
+//#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({
+	__name: "OperationsList",
+	props: {
+		tag: {},
+		eventBus: {}
+	},
+	setup(__props) {
+		const operationsAndWebhooks = computed(() => {
+			return __props.tag.children?.filter((child) => child.type === "operation" || child.type === "webhook") ?? [];
+		});
+		return (_ctx, _cache) => {
+			return __props.tag.children && __props.tag.children?.length > 0 ? (openBlock(), createBlock(unref(ScalarCard), {
+				key: 0,
+				class: "endpoints-card"
+			}, {
+				default: withCtx(() => [createVNode(unref(ScalarCardHeader), { muted: "" }, {
+					default: withCtx(() => [createVNode(ScreenReader_default, null, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.tag.title), 1)]),
+						_: 1
+					}), createTextVNode(" " + toDisplayString(__props.tag.isWebhooks ? "Webhooks" : "Operations"), 1)]),
+					_: 1
+				}), createVNode(unref(ScalarCardSection), { class: "custom-scroll max-h-[60vh]" }, {
+					default: withCtx(() => [createElementVNode("ul", {
+						"aria-label": `${__props.tag.title} endpoints`,
+						class: "endpoints"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(operationsAndWebhooks.value, (operationOrWebhook) => {
+						return openBlock(), createBlock(OperationsListItem_default, {
+							key: operationOrWebhook.id,
+							eventBus: __props.eventBus,
+							operation: operationOrWebhook
+						}, null, 8, ["eventBus", "operation"]);
+					}), 128))], 8, _hoisted_1)]),
+					_: 1
+				})]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { OperationsList_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OperationsList.vue.script.js.map

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

@@ -0,0 +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'\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'\n\nimport OperationsListItem from './OperationsListItem.vue'\n\nconst { tag } = defineProps<{\n  tag: TraversedTag\n  eventBus: WorkspaceEventBus | null\n}>()\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        {{ tag.isWebhooks ? 'Webhooks' : 'Operations' }}\n      </ScalarCardHeader>\n      <ScalarCardSection class=\"custom-scroll max-h-[60vh]\">\n        <ul\n          :aria-label=\"`${tag.title} endpoints`\"\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,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,YAgBa,MAAA,WAAA,EAAA;;IAhBD,OAAM;;2BAIG,CAHnB,YAGmB,MAAA,iBAAA,EAAA,EAHD,OAAA,IAAK,EAAA;4BACuB,CAA5C,YAA4C,sBAAA,MAAA;6BAAf,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;yBAAkB,MAC5C,gBAAG,QAAA,IAAI,aAAU,aAAA,aAAA,EAAA,EAAA,CAAA,CAAA;;QAEnB,YAUoB,MAAA,kBAAA,EAAA,EAVD,OAAM,8BAA4B,EAAA;4BAS9C,CARL,mBAQK,MAAA;MAPF,cAAU,GAAK,QAAA,IAAI,MAAK;MACzB,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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { OperationsListItem_default as default };
+
+//# sourceMappingURL=OperationsListItem.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationsListItem.vue.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":""}

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

@@ -0,0 +1,51 @@
+import SectionHeaderTag_default from "../Section/SectionHeaderTag.vue.js";
+import HttpMethod_default from "../HttpMethod/HttpMethod.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx, withModifiers } from "vue";
+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({
+	__name: "OperationsListItem",
+	props: {
+		operation: {},
+		isCollapsed: { type: Boolean },
+		eventBus: {}
+	},
+	setup(__props) {
+		const pathOrTitle = computed(() => {
+			if ("path" in __props.operation) return __props.operation.path;
+			return __props.operation.title;
+		});
+		const isWebhook = (_operation) => _operation.type === "webhook";
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", {
+				key: __props.operation.id,
+				class: "contents"
+			}, [__props.isCollapsed ? (openBlock(), createBlock(unref(SectionHeaderTag_default), {
+				key: 0,
+				class: "sr-only",
+				level: 3
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.operation.title) + " (Hidden) ", 1)]),
+				_: 1
+			})) : createCommentVNode("", true), createElementVNode("a", {
+				class: "endpoint",
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => __props.eventBus?.emit("scroll-to:nav-item", { id: __props.operation.id }), ["prevent"]))
+			}, [createVNode(unref(HttpMethod_default), {
+				class: "endpoint-method items-center justify-end gap-2",
+				method: __props.operation.method
+			}, {
+				default: withCtx(() => [isWebhook(__props.operation) ? (openBlock(), createBlock(unref(ScalarIconWebhooksLogo), {
+					key: 0,
+					class: "size-3.5",
+					style: normalizeStyle({ color: unref(getHttpMethodInfo)(__props.operation.method).colorVar })
+				}, null, 8, ["style"])) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["method"]), createElementVNode("span", { class: normalizeClass(["endpoint-path", { deprecated: __props.operation.isDeprecated }]) }, toDisplayString(pathOrTitle.value), 3)])]);
+		};
+	}
+});
+//#endregion
+export { OperationsListItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OperationsListItem.vue.script.js.map

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

@@ -0,0 +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"}

package/dist/components/OperationsList/index.d.ts

@@ -1,2 +1,2 @@
-export { default as OperationsList } from './OperationsList.vue';
+export { default as OperationsList } from './OperationsList.vue.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,7 @@
+import RenderPlugins_vue_vue_type_script_setup_true_lang_default from "./RenderPlugins.vue.script.js";
+//#region src/components/RenderPlugins/RenderPlugins.vue
+var RenderPlugins_default = RenderPlugins_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RenderPlugins_default as default };
+
+//# sourceMappingURL=RenderPlugins.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPlugins.vue.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components'\n\nimport { usePluginManager } from '@/plugins'\n\nconst { viewName, options } = defineProps<{\n  viewName: 'content.end'\n  options: Record<string, any>\n}>()\n\nconst { getViewComponents } = usePluginManager()\nconst components = getViewComponents(viewName)\n</script>\n\n<template>\n  <template v-if=\"components.length\">\n    <div class=\"plugin-view\">\n      <template\n        v-for=\"(item, _index) in components\"\n        :key=\"_index\">\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      </template>\n    </div>\n  </template>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,44 @@
+import { usePluginManager } from "../../plugins/hooks/usePluginManager.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, unref, withCtx } from "vue";
+import { ScalarErrorBoundary } from "@scalar/components";
+//#region src/components/RenderPlugins/RenderPlugins.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "plugin-view"
+};
+var RenderPlugins_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RenderPlugins",
+	props: {
+		viewName: {},
+		options: {}
+	},
+	setup(__props) {
+		const { getViewComponents } = usePluginManager();
+		const components = getViewComponents(__props.viewName);
+		return (_ctx, _cache) => {
+			return unref(components).length ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(components), (item, _index) => {
+				return openBlock(), createBlock(unref(ScalarErrorBoundary), { key: _index }, {
+					default: withCtx(() => [item.renderer ? (openBlock(), createBlock(resolveDynamicComponent(item.renderer), mergeProps({
+						key: 0,
+						ref_for: true
+					}, {
+						component: item.component,
+						options: __props.options,
+						...item.props
+					}), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(item.component), mergeProps({
+						key: 1,
+						ref_for: true
+					}, {
+						options: __props.options,
+						...item.props
+					}), null, 16))]),
+					_: 2
+				}, 1024);
+			}), 128))])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { RenderPlugins_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RenderPlugins.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPlugins.vue.script.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components'\n\nimport { usePluginManager } from '@/plugins'\n\nconst { viewName, options } = defineProps<{\n  viewName: 'content.end'\n  options: Record<string, any>\n}>()\n\nconst { getViewComponents } = usePluginManager()\nconst components = getViewComponents(viewName)\n</script>\n\n<template>\n  <template v-if=\"components.length\">\n    <div class=\"plugin-view\">\n      <template\n        v-for=\"(item, _index) in components\"\n        :key=\"_index\">\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      </template>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAUA,MAAM,EAAE,sBAAsB,kBAAiB;EAC/C,MAAM,aAAa,kBAAkB,QAAA,SAAQ;;UAI3B,MAAA,WAAU,CAAC,UAAA,WAAA,EACzB,mBAuBM,OAvBN,YAuBM,EAAA,UAAA,KAAA,EAtBJ,mBAqBW,UAAA,MAAA,WApBgB,MAAA,WAAU,GAA3B,MAAM,WAAM;wBAEpB,YAiBsB,MAAA,oBAAA,EAAA,EAAA,KAlBhB,QAAM,EAAA;4BAWC,CATK,KAAK,YAAA,WAAA,EAEnB,YAMO,wBALA,KAAK,SAAQ,EADpB,WAMO;;;;iBAJgC,KAAK;eAA2B,QAAA;SAA4B,KAAK;oCAQxG,YAEwC,wBADjC,KAAK,UAAS,EADrB,WAEwC;;;;eAA5B,QAAA;MAAO,GAAK,KAAK;MAAK,CAAA,EAAA,MAAA,GAAA,EAAA,CAAA"}

package/dist/components/RenderPlugins/index.d.ts

@@ -1,2 +1,2 @@
-export { default as RenderPlugins } from './RenderPlugins.vue';
+export { default as RenderPlugins } from './RenderPlugins.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScreenReader.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { ScreenReader_default as default };
+
+//# sourceMappingURL=ScreenReader.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReader.vue.js","names":[],"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":""}

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

@@ -0,0 +1,22 @@
+import { createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+//#region src/components/ScreenReader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "screenreader-only"
+};
+var ScreenReader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ScreenReader",
+	props: { if: {
+		type: Boolean,
+		default: true
+	} },
+	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);
+		};
+	}
+});
+//#endregion
+export { ScreenReader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScreenReader.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { CompactSection_default as default };
+
+//# sourceMappingURL=CompactSection.vue.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,56 @@
+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 { 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"
+];
+var CompactSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CompactSection",
+	props: {
+		id: {},
+		label: {},
+		modelValue: { type: Boolean }
+	},
+	emits: ["update:modelValue", "copyAnchorUrl"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				"aria-label": __props.label,
+				class: "collapsible-section"
+			}, [createElementVNode("button", {
+				id: __props.id,
+				"aria-controls": __props.id,
+				"aria-expanded": __props.modelValue,
+				class: normalizeClass(["collapsible-section-trigger", { "collapsible-section-trigger-open": __props.modelValue }]),
+				type: "button",
+				onClick: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", !__props.modelValue))
+			}, [createVNode(unref(ScalarIconCaretRight), {
+				class: normalizeClass(["size-3 transition-transform duration-100", { "rotate-90": __props.modelValue }]),
+				weight: "bold"
+			}, null, 8, ["class"]), createVNode(unref(Anchor_default), {
+				class: "collapsible-section-header",
+				onCopyAnchorUrl: _cache[0] || (_cache[0] = () => emit("copyAnchorUrl"))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "heading", {}, void 0, true)]),
+				_: 3
+			})], 10, _hoisted_2), __props.modelValue ? (openBlock(), createBlock(Section_default, {
+				key: 0,
+				class: "collapsible-section-content",
+				label: __props.label
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["label"])) : createCommentVNode("", true)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { CompactSection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CompactSection.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { Section_default as default };
+
+//# sourceMappingURL=Section.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.vue.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":""}

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

@@ -0,0 +1,23 @@
+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({
+	__name: "Section",
+	emits: ["intersecting"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const section = useTemplateRef("section");
+		useIntersection(section, () => emit("intersecting"));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				ref_key: "section",
+				ref: section,
+				class: "section"
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512);
+		};
+	}
+});
+//#endregion
+export { Section_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Section.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { SectionAccordion_default as default };
+
+//# sourceMappingURL=SectionAccordion.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionAccordion.vue.js","names":[],"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":""}

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

@@ -0,0 +1,60 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { useElementHover } from "@vueuse/core";
+import { ScalarIconCaretRight } from "@scalar/icons";
+//#region src/components/Section/SectionAccordion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "section-accordion-button-content" };
+var _hoisted_2 = {
+	key: 0,
+	class: "section-accordion-button-actions"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "section-accordion-description"
+};
+var _hoisted_4 = { class: "section-accordion-content-card" };
+var SectionAccordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SectionAccordion",
+	props: {
+		transparent: { type: Boolean },
+		modelValue: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const button = ref();
+		const isHovered = useElementHover(button);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Disclosure), {
+				as: "section",
+				class: normalizeClass(["section-accordion", { "section-accordion-transparent": __props.transparent }])
+			}, {
+				default: withCtx(() => [createVNode(unref(DisclosureButton), {
+					ref_key: "button",
+					ref: button,
+					class: "section-accordion-button",
+					onClick: _cache[0] || (_cache[0] = () => emit("update:modelValue", !__props.modelValue))
+				}, {
+					default: withCtx(() => [
+						createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, void 0, true)]),
+						_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "actions", { active: unref(isHovered) || __props.modelValue }, void 0, true)])) : createCommentVNode("", true),
+						createVNode(unref(ScalarIconCaretRight), { class: normalizeClass(["section-accordion-chevron size-4.5 transition-transform", { "rotate-90": __props.modelValue }]) }, null, 8, ["class"])
+					]),
+					_: 3
+				}, 512), __props.modelValue ? (openBlock(), createBlock(unref(DisclosurePanel), {
+					key: 0,
+					class: "section-accordion-content",
+					static: ""
+				}, {
+					default: withCtx(() => [_ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "description", {}, void 0, true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])]),
+					_: 3
+				})) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { SectionAccordion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SectionAccordion.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                            */
+import { createElementBlock, openBlock, renderSlot } from "vue";
+//#region src/components/Section/SectionColumn.vue
+var _sfc_main = {};
+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"]]);
+//#endregion
+export { SectionColumn_default as default };
+
+//# sourceMappingURL=SectionColumn.vue.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                             */
+import { createElementBlock, openBlock, renderSlot } from "vue";
+//#region src/components/Section/SectionColumns.vue
+var _sfc_main = {};
+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"]]);
+//#endregion
+export { SectionColumns_default as default };
+
+//# sourceMappingURL=SectionColumns.vue.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { SectionContainer_default as default };
+
+//# sourceMappingURL=SectionContainer.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainer.vue.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":""}

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

@@ -0,0 +1,19 @@
+import { createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+//#region src/components/Section/SectionContainer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "section-container"
+};
+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)]));
+		};
+	}
+});
+//#endregion
+export { SectionContainer_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SectionContainer.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { SectionContainerAccordion_default as default };
+
+//# sourceMappingURL=SectionContainerAccordion.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainerAccordion.vue.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":""}