@scalar/api-reference 1.49.3 → 1.49.5

package/dist/components/Content/Schema/helpers/schema-name.js

@@ -0,0 +1,23 @@
+import { getRefName } from "./get-ref-name.js";
+import { resolve } from "@scalar/workspace-store/resolve";
+//#region src/components/Content/Schema/helpers/schema-name.ts
+/**
+* Extract schema name from various schema formats
+*
+* Handles $ref, title, name, type, and schema dictionary lookup
+*/
+var getModelNameFromSchema = (schemaOrRef) => {
+	if (!schemaOrRef) return null;
+	const schema = resolve.schema(schemaOrRef);
+	if (schema.title) return schema.title;
+	if (schema.name) return schema.name;
+	if ("$ref" in schemaOrRef) {
+		const refName = getRefName(schemaOrRef.$ref);
+		if (refName) return refName;
+	}
+	return null;
+};
+//#endregion
+export { getModelNameFromSchema };
+
+//# sourceMappingURL=schema-name.js.map

package/dist/components/Content/Schema/helpers/schema-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-name.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/schema-name.ts"],"sourcesContent":["import { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject, SchemaReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { getRefName } from './get-ref-name'\n\n/**\n * Extract schema name from various schema formats\n *\n * Handles $ref, title, name, type, and schema dictionary lookup\n */\nexport const getModelNameFromSchema = (\n  schemaOrRef: SchemaObject | SchemaReferenceType<SchemaObject>,\n): string | null => {\n  if (!schemaOrRef) {\n    return null\n  }\n\n  const schema = resolve.schema(schemaOrRef)\n\n  // Direct title/name properties - use direct property access for better performance\n  if (schema.title) {\n    return schema.title\n  }\n\n  if (schema.name) {\n    return schema.name\n  }\n\n  if ('$ref' in schemaOrRef) {\n    // Fall back to the schema key when the referenced schema has no human-friendly name.\n    const refName = getRefName(schemaOrRef.$ref)\n    if (refName) {\n      return refName\n    }\n  }\n\n  return null\n}\n"],"mappings":";;;;;;;;AAUA,IAAa,0BACX,gBACkB;AAClB,KAAI,CAAC,YACH,QAAO;CAGT,MAAM,SAAS,QAAQ,OAAO,YAAY;AAG1C,KAAI,OAAO,MACT,QAAO,OAAO;AAGhB,KAAI,OAAO,KACT,QAAO,OAAO;AAGhB,KAAI,UAAU,aAAa;EAEzB,MAAM,UAAU,WAAW,YAAY,KAAK;AAC5C,MAAI,QACF,QAAO;;AAIX,QAAO"}

package/dist/components/Content/Schema/helpers/should-display-description.js

@@ -0,0 +1,17 @@
+//#region src/components/Content/Schema/helpers/should-display-description.ts
+/**
+* Determine if description should be displayed
+*
+* @param schema - The schema object to check
+* @param propDescription - Optional description from props
+* @returns Description string to display, or null if should not be displayed
+*/
+var shouldDisplayDescription = (schema, propDescription) => {
+	if (!schema) return null;
+	if (schema.allOf) return null;
+	return propDescription || schema.description || null;
+};
+//#endregion
+export { shouldDisplayDescription };
+
+//# sourceMappingURL=should-display-description.js.map

package/dist/components/Content/Schema/helpers/should-display-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"should-display-description.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-description.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if description should be displayed\n *\n * @param schema - The schema object to check\n * @param propDescription - Optional description from props\n * @returns Description string to display, or null if should not be displayed\n */\nexport const shouldDisplayDescription = (schema: SchemaObject | undefined, propDescription?: string): string | null => {\n  if (!schema) {\n    return null\n  }\n\n  // Don't show description for schemas with compositions to avoid duplicate descriptions\n  if (schema.allOf) {\n    return null\n  }\n\n  return propDescription || schema.description || null\n}\n"],"mappings":";;;;;;;;AASA,IAAa,4BAA4B,QAAkC,oBAA4C;AACrH,KAAI,CAAC,OACH,QAAO;AAIT,KAAI,OAAO,MACT,QAAO;AAGT,QAAO,mBAAmB,OAAO,eAAe"}

package/dist/components/Content/Schema/helpers/should-display-heading.js

@@ -0,0 +1,18 @@
+//#region src/components/Content/Schema/helpers/should-display-heading.ts
+/**
+* Determine if property heading should be displayed
+*
+* @param schema - The schema object to check
+* @param name - Optional property name
+* @param required - Whether the property is required
+* @returns true if heading should be displayed, false otherwise
+*/
+var shouldDisplayHeading = (schema, name, required = false) => {
+	if (name || required) return true;
+	if (!schema) return false;
+	return schema.deprecated === true || schema.const !== void 0 || schema.enum?.length === 1 || "type" in schema && schema.type !== void 0 || "nullable" in schema && schema.nullable === true || schema.writeOnly === true || schema.readOnly === true;
+};
+//#endregion
+export { shouldDisplayHeading };
+
+//# sourceMappingURL=should-display-heading.js.map

package/dist/components/Content/Schema/helpers/should-display-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"should-display-heading.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-heading.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if property heading should be displayed\n *\n * @param schema - The schema object to check\n * @param name - Optional property name\n * @param required - Whether the property is required\n * @returns true if heading should be displayed, false otherwise\n */\nexport const shouldDisplayHeading = (schema: SchemaObject | undefined, name?: string, required = false): boolean => {\n  // Early return for simple cases\n  if (name || required) {\n    return true\n  }\n\n  // If schema is undefined, return false\n  if (!schema) {\n    return false\n  }\n\n  // Check schema properties that warrant a heading\n  return (\n    schema.deprecated === true ||\n    schema.const !== undefined ||\n    schema.enum?.length === 1 ||\n    ('type' in schema && schema.type !== undefined) ||\n    ('nullable' in schema && schema.nullable === true) ||\n    schema.writeOnly === true ||\n    schema.readOnly === true\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,wBAAwB,QAAkC,MAAe,WAAW,UAAmB;AAElH,KAAI,QAAQ,SACV,QAAO;AAIT,KAAI,CAAC,OACH,QAAO;AAIT,QACE,OAAO,eAAe,QACtB,OAAO,UAAU,KAAA,KACjB,OAAO,MAAM,WAAW,KACvB,UAAU,UAAU,OAAO,SAAS,KAAA,KACpC,cAAc,UAAU,OAAO,aAAa,QAC7C,OAAO,cAAc,QACrB,OAAO,aAAa"}

package/dist/components/Content/Schema/helpers/should-render-array-item-composition.js

@@ -0,0 +1,20 @@
+import { hasComplexArrayItems } from "./has-complex-array-items.js";
+import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+//#region src/components/Content/Schema/helpers/should-render-array-item-composition.ts
+/**
+* Check if array item composition should be rendered
+*
+* @param schema - The schema object to check
+* @param composition - The composition keyword to check for
+* @returns true if array item composition should be rendered, false otherwise
+*/
+var shouldRenderArrayItemComposition = (schema, composition) => {
+	if (!schema || !isArraySchema(schema)) return false;
+	const items = schema.items;
+	if (!items || typeof items !== "object" || !(composition in items)) return false;
+	return !hasComplexArrayItems(schema);
+};
+//#endregion
+export { shouldRenderArrayItemComposition };
+
+//# sourceMappingURL=should-render-array-item-composition.js.map

package/dist/components/Content/Schema/helpers/should-render-array-item-composition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"should-render-array-item-composition.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-render-array-item-composition.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\n\nimport { hasComplexArrayItems } from './has-complex-array-items'\n\n/**\n * Check if array item composition should be rendered\n *\n * @param schema - The schema object to check\n * @param composition - The composition keyword to check for\n * @returns true if array item composition should be rendered, false otherwise\n */\nexport const shouldRenderArrayItemComposition = (schema: SchemaObject | undefined, composition: string): boolean => {\n  // Early return if schema is invalid or not an array\n  if (!schema || !isArraySchema(schema)) {\n    return false\n  }\n\n  // Check if items exist and have the composition keyword\n  const items = schema.items\n  if (!items || typeof items !== 'object' || !(composition in items)) {\n    return false\n  }\n\n  // Only render if items are not complex (complex items are handled differently)\n  return !hasComplexArrayItems(schema)\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAa,oCAAoC,QAAkC,gBAAiC;AAElH,KAAI,CAAC,UAAU,CAAC,cAAc,OAAO,CACnC,QAAO;CAIT,MAAM,QAAQ,OAAO;AACrB,KAAI,CAAC,SAAS,OAAO,UAAU,YAAY,EAAE,eAAe,OAC1D,QAAO;AAIT,QAAO,CAAC,qBAAqB,OAAO"}

package/dist/components/Content/Schema/helpers/sort-property-names.js

@@ -0,0 +1,45 @@
+import { isTypeObject } from "./is-type-object.js";
+import { resolve } from "@scalar/workspace-store/resolve";
+//#region src/components/Content/Schema/helpers/sort-property-names.ts
+/** Take a list of property names and reduce it back into an object */
+var reduceNamesToObject = (names, properties) => names.reduce((acc, name) => {
+	const prop = properties?.[name];
+	if (prop) acc[name] = prop;
+	return acc;
+}, {});
+/** Sort property names in an object schema */
+var sortPropertyNames = (schema, discriminator, { hideReadOnly = false, hideWriteOnly = false, orderSchemaPropertiesBy = "alpha", orderRequiredPropertiesFirst = true } = {}) => {
+	if (!isTypeObject(schema) || !schema.properties) return [];
+	const propertyNames = Object.keys(schema.properties);
+	const requiredPropertiesSet = new Set(schema.required || []);
+	return propertyNames.sort((a, b) => {
+		const aDiscriminator = a === discriminator?.propertyName;
+		const bDiscriminator = b === discriminator?.propertyName;
+		const aRequired = requiredPropertiesSet.has(a);
+		const bRequired = requiredPropertiesSet.has(b);
+		if (aDiscriminator && !bDiscriminator) return -1;
+		if (!aDiscriminator && bDiscriminator) return 1;
+		const aSchema = schema.properties?.[a];
+		const bSchema = schema.properties?.[b];
+		const aOrder = aSchema && typeof aSchema === "object" && "x-order" in aSchema ? aSchema["x-order"] : void 0;
+		const bOrder = bSchema && typeof bSchema === "object" && "x-order" in bSchema ? bSchema["x-order"] : void 0;
+		if (aOrder !== void 0 && bOrder !== void 0) return Number(aOrder) - Number(bOrder);
+		if (aOrder !== void 0 && bOrder === void 0) return -1;
+		if (aOrder === void 0 && bOrder !== void 0) return 1;
+		if (orderRequiredPropertiesFirst) {
+			if (aRequired && !bRequired) return -1;
+			if (!aRequired && bRequired) return 1;
+		}
+		if (orderSchemaPropertiesBy === "alpha") return a.localeCompare(b);
+		return 0;
+	}).filter((property) => {
+		const resolved = schema.properties && resolve.schema(schema.properties[property]);
+		if (hideReadOnly && resolved?.readOnly === true) return false;
+		if (hideWriteOnly && resolved?.writeOnly === true) return false;
+		return true;
+	});
+};
+//#endregion
+export { reduceNamesToObject, sortPropertyNames };
+
+//# sourceMappingURL=sort-property-names.js.map

package/dist/components/Content/Schema/helpers/sort-property-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-property-names.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/sort-property-names.ts"],"sourcesContent":["import type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { DiscriminatorObject, SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { isTypeObject } from './is-type-object'\n\n/** Extract the type of properties */\ntype Properties = NonNullable<Extract<SchemaObject, { type: 'object' }>['properties']>\n\ntype Options = Partial<\n  Pick<ApiReferenceConfiguration, 'orderSchemaPropertiesBy' | 'orderRequiredPropertiesFirst'> & {\n    hideReadOnly: boolean\n    hideWriteOnly: boolean\n  }\n>\n\n/** Take a list of property names and reduce it back into an object */\nexport const reduceNamesToObject = (names: string[], properties: Properties): Properties =>\n  names.reduce((acc, name) => {\n    const prop = properties?.[name]\n    if (prop) {\n      acc[name] = prop\n    }\n    return acc\n  }, {} as Properties)\n\n/** Sort property names in an object schema */\nexport const sortPropertyNames = (\n  schema: SchemaObject,\n  discriminator?: DiscriminatorObject,\n  {\n    hideReadOnly = false,\n    hideWriteOnly = false,\n    orderSchemaPropertiesBy = 'alpha',\n    orderRequiredPropertiesFirst = true,\n  }: Options = {},\n): string[] => {\n  if (!isTypeObject(schema) || !schema.properties) {\n    return []\n  }\n\n  const propertyNames = Object.keys(schema.properties)\n  const requiredPropertiesSet = new Set(schema.required || [])\n\n  return propertyNames\n    .sort((a, b) => {\n      const aDiscriminator = a === discriminator?.propertyName\n      const bDiscriminator = b === discriminator?.propertyName\n\n      const aRequired = requiredPropertiesSet.has(a)\n      const bRequired = requiredPropertiesSet.has(b)\n\n      // Discriminator comes first always\n      if (aDiscriminator && !bDiscriminator) {\n        return -1\n      }\n      if (!aDiscriminator && bDiscriminator) {\n        return 1\n      }\n\n      // Sort by x-order specification extension when present\n      const aSchema = schema.properties?.[a]\n      const bSchema = schema.properties?.[b]\n      const aOrder =\n        aSchema && typeof aSchema === 'object' && 'x-order' in aSchema\n          ? (aSchema as Record<string, unknown>)['x-order']\n          : undefined\n      const bOrder =\n        bSchema && typeof bSchema === 'object' && 'x-order' in bSchema\n          ? (bSchema as Record<string, unknown>)['x-order']\n          : undefined\n\n      if (aOrder !== undefined && bOrder !== undefined) {\n        return Number(aOrder) - Number(bOrder)\n      }\n      if (aOrder !== undefined && bOrder === undefined) {\n        return -1\n      }\n      if (aOrder === undefined && bOrder !== undefined) {\n        return 1\n      }\n\n      // Order required properties first\n      if (orderRequiredPropertiesFirst) {\n        // If one is required and the other isn't, required comes first\n        if (aRequired && !bRequired) {\n          return -1\n        }\n        if (!aRequired && bRequired) {\n          return 1\n        }\n      }\n\n      // If both have the same required status, sort alphabetically\n      if (orderSchemaPropertiesBy === 'alpha') {\n        return a.localeCompare(b)\n      }\n\n      return 0\n    })\n    .filter((property) => {\n      const resolved = schema.properties && resolve.schema(schema.properties[property])\n\n      // If hideReadOnly is true, filter out properties that are readOnly\n      if (hideReadOnly && resolved?.readOnly === true) {\n        return false\n      }\n      // If hideWriteOnly is true, filter out properties that are writeOnly\n      if (hideWriteOnly && resolved?.writeOnly === true) {\n        return false\n      }\n      return true\n    })\n}\n"],"mappings":";;;;AAiBA,IAAa,uBAAuB,OAAiB,eACnD,MAAM,QAAQ,KAAK,SAAS;CAC1B,MAAM,OAAO,aAAa;AAC1B,KAAI,KACF,KAAI,QAAQ;AAEd,QAAO;GACN,EAAE,CAAe;;AAGtB,IAAa,qBACX,QACA,eACA,EACE,eAAe,OACf,gBAAgB,OAChB,0BAA0B,SAC1B,+BAA+B,SACpB,EAAE,KACF;AACb,KAAI,CAAC,aAAa,OAAO,IAAI,CAAC,OAAO,WACnC,QAAO,EAAE;CAGX,MAAM,gBAAgB,OAAO,KAAK,OAAO,WAAW;CACpD,MAAM,wBAAwB,IAAI,IAAI,OAAO,YAAY,EAAE,CAAC;AAE5D,QAAO,cACJ,MAAM,GAAG,MAAM;EACd,MAAM,iBAAiB,MAAM,eAAe;EAC5C,MAAM,iBAAiB,MAAM,eAAe;EAE5C,MAAM,YAAY,sBAAsB,IAAI,EAAE;EAC9C,MAAM,YAAY,sBAAsB,IAAI,EAAE;AAG9C,MAAI,kBAAkB,CAAC,eACrB,QAAO;AAET,MAAI,CAAC,kBAAkB,eACrB,QAAO;EAIT,MAAM,UAAU,OAAO,aAAa;EACpC,MAAM,UAAU,OAAO,aAAa;EACpC,MAAM,SACJ,WAAW,OAAO,YAAY,YAAY,aAAa,UAClD,QAAoC,aACrC,KAAA;EACN,MAAM,SACJ,WAAW,OAAO,YAAY,YAAY,aAAa,UAClD,QAAoC,aACrC,KAAA;AAEN,MAAI,WAAW,KAAA,KAAa,WAAW,KAAA,EACrC,QAAO,OAAO,OAAO,GAAG,OAAO,OAAO;AAExC,MAAI,WAAW,KAAA,KAAa,WAAW,KAAA,EACrC,QAAO;AAET,MAAI,WAAW,KAAA,KAAa,WAAW,KAAA,EACrC,QAAO;AAIT,MAAI,8BAA8B;AAEhC,OAAI,aAAa,CAAC,UAChB,QAAO;AAET,OAAI,CAAC,aAAa,UAChB,QAAO;;AAKX,MAAI,4BAA4B,QAC9B,QAAO,EAAE,cAAc,EAAE;AAG3B,SAAO;GACP,CACD,QAAQ,aAAa;EACpB,MAAM,WAAW,OAAO,cAAc,QAAQ,OAAO,OAAO,WAAW,UAAU;AAGjF,MAAI,gBAAgB,UAAU,aAAa,KACzC,QAAO;AAGT,MAAI,iBAAiB,UAAU,cAAc,KAC3C,QAAO;AAET,SAAO;GACP"}

package/dist/components/Content/Schema/index.d.ts

@@ -1,5 +1,5 @@
-export { default as Schema } from './Schema.vue';
-export { default as SchemaHeading } from './SchemaHeading.vue';
-export { default as SchemaObjectExampleCodeBlock } from './SchemaObjectExampleCodeBlock.vue';
-export { default as SchemaProperty } from './SchemaProperty.vue';
+export { default as Schema } from './Schema.vue.js';
+export { default as SchemaHeading } from './SchemaHeading.vue.js';
+export { default as SchemaObjectExampleCodeBlock } from './SchemaObjectExampleCodeBlock.vue.js';
+export { default as SchemaProperty } from './SchemaProperty.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Content/Tags/Tag.vue.js

@@ -0,0 +1,7 @@
+import Tag_vue_vue_type_script_setup_true_lang_default from "./Tag.vue.script.js";
+//#region src/components/Content/Tags/Tag.vue
+var Tag_default = Tag_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Tag_default as default };
+
+//# sourceMappingURL=Tag.vue.js.map

package/dist/components/Content/Tags/Tag.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.vue.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag, isLoading } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":""}

package/dist/components/Content/Tags/Tag.vue.script.js

@@ -0,0 +1,56 @@
+import ClassicLayout_default from "./components/ClassicLayout.vue.js";
+import ModernLayout_default from "./components/ModernLayout.vue.js";
+import { createBlock, defineComponent, openBlock, renderSlot, withCtx } from "vue";
+//#region src/components/Content/Tags/Tag.vue?vue&type=script&setup=true&lang.ts
+var Tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Tag",
+	props: {
+		tag: {},
+		layout: {},
+		moreThanOneTag: { type: Boolean },
+		isLoading: { type: Boolean },
+		isCollapsed: { type: Boolean },
+		eventBus: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.layout === "classic" ? (openBlock(), createBlock(ClassicLayout_default, {
+				key: 0,
+				eventBus: __props.eventBus,
+				isCollapsed: __props.isCollapsed,
+				layout: __props.layout,
+				tag: __props.tag
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"eventBus",
+				"isCollapsed",
+				"layout",
+				"tag"
+			])) : (openBlock(), createBlock(ModernLayout_default, {
+				key: 1,
+				eventBus: __props.eventBus,
+				isCollapsed: __props.isCollapsed,
+				isLoading: __props.isLoading,
+				layout: __props.layout,
+				moreThanOneTag: __props.moreThanOneTag,
+				tag: __props.tag
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"eventBus",
+				"isCollapsed",
+				"isLoading",
+				"layout",
+				"moreThanOneTag",
+				"tag"
+			]));
+		};
+	}
+});
+//#endregion
+export { Tag_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tag.vue.script.js.map

package/dist/components/Content/Tags/Tag.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.vue.script.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag, isLoading } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;UAkBkB,QAAA,WAAM,aAAA,WAAA,EACpB,YAMgB,uBAAA;;IALb,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;uBAIV,YAQe,sBAAA;;IAPZ,UAAU,QAAA;IACV,aAAa,QAAA;IACb,WAAW,QAAA;IACX,QAAQ,QAAA;IACR,gBAAgB,QAAA;IAChB,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/Content/Tags/components/ClassicLayout.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import ClassicLayout_vue_vue_type_script_setup_true_lang_default from "./ClassicLayout.vue.script.js";
+/* empty css                            */
+//#region src/components/Content/Tags/components/ClassicLayout.vue
+var ClassicLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ClassicLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1124be5d"]]);
+//#endregion
+export { ClassicLayout_default as default };
+
+//# sourceMappingURL=ClassicLayout.vue.js.map

package/dist/components/Content/Tags/components/ClassicLayout.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicLayout.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"tag-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":""}

package/dist/components/Content/Tags/components/ClassicLayout.vue.script.js

@@ -0,0 +1,49 @@
+import SectionContainerAccordion_default from "../../../Section/SectionContainerAccordion.vue.js";
+import SectionHeader_default from "../../../Section/SectionHeader.vue.js";
+import SectionHeaderTag_default from "../../../Section/SectionHeaderTag.vue.js";
+import Anchor_default from "../../../Anchor/Anchor.vue.js";
+import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ScalarMarkdown } from "@scalar/components";
+//#region src/components/Content/Tags/components/ClassicLayout.vue?vue&type=script&setup=true&lang.ts
+var ClassicLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ClassicLayout",
+	props: {
+		tag: {},
+		isCollapsed: { type: Boolean },
+		eventBus: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SectionContainerAccordion_default), {
+				"aria-label": __props.tag.title,
+				class: "tag-section",
+				modelValue: !__props.isCollapsed,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => __props.eventBus?.emit("toggle:nav-item", {
+					id: __props.tag.id,
+					open: value
+				}))
+			}, {
+				title: withCtx(() => [createVNode(unref(SectionHeader_default), { class: "tag-name" }, {
+					default: withCtx(() => [createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.tag.id })) }, {
+						default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), { level: 2 }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.tag.title), 1)]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}), createVNode(unref(ScalarMarkdown), {
+					class: "tag-description",
+					value: __props.tag?.description,
+					withImages: ""
+				}, null, 8, ["value"])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["aria-label", "modelValue"]);
+		};
+	}
+});
+//#endregion
+export { ClassicLayout_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ClassicLayout.vue.script.js.map

package/dist/components/Content/Tags/components/ClassicLayout.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"tag-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;uBAoBE,YAwB4B,MAAA,kCAAA,EAAA;IAvBzB,cAAY,QAAA,IAAI;IACjB,OAAM;IACL,YAAU,CAAG,QAAA;IACb,uBAAiB,OAAA,OAAA,OAAA,MAAU,UAAU,QAAA,UAAU,KAAI,mBAAA;KAAA,IAA0B,QAAA,IAAI;KAAE,MAAQ;KAAK,CAAA;;IAGtF,OAAK,cAUE,CAThB,YASgB,MAAA,sBAAA,EAAA,EATD,OAAM,YAAU,EAAA;4BAQpB,CAPT,YAOS,MAAA,eAAA,EAAA,EANN,iBAAa,OAAA,OAAA,OAAA,WAAqB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;6BAKhE,CAFnB,YAEmB,MAAA,yBAAA,EAAA,EAFA,OAAO,GAAC,EAAA;8BACV,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;QAIlB,YAGe,MAAA,eAAA,EAAA;KAFb,OAAM;KACL,OAAO,QAAA,KAAK;KACb,YAAA;;2BAEI,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}

package/dist/components/Content/Tags/components/ModernLayout.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import ModernLayout_vue_vue_type_script_setup_true_lang_default from "./ModernLayout.vue.script.js";
+/* empty css                           */
+//#region src/components/Content/Tags/components/ModernLayout.vue
+var ModernLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ModernLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8f1a275c"]]);
+//#endregion
+export { ModernLayout_default as default };
+
+//# sourceMappingURL=ModernLayout.vue.js.map

package/dist/components/Content/Tags/components/ModernLayout.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernLayout.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"`Show all ${tag.title} endpoints`\"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":""}

package/dist/components/Content/Tags/components/ModernLayout.vue.script.js

@@ -0,0 +1,63 @@
+import SectionContainer_default from "../../../Section/SectionContainer.vue.js";
+import ShowMoreButton_default from "../../../ShowMoreButton.vue.js";
+import TagSection_default from "./TagSection.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, renderSlot, unref, useId, withCtx } from "vue";
+//#region src/components/Content/Tags/components/ModernLayout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 2,
+	class: "contents divide-y"
+};
+var ModernLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModernLayout",
+	props: {
+		tag: {},
+		moreThanOneTag: { type: Boolean },
+		isLoading: { type: Boolean },
+		isCollapsed: { type: Boolean },
+		eventBus: {}
+	},
+	setup(__props) {
+		const headerId = useId();
+		const moreThanOneDefaultTag = computed(() => __props.moreThanOneTag || __props.tag?.title !== "default" || __props.tag?.description !== "");
+		const hasChildren = computed(() => (__props.tag?.children?.length ?? 0) > 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SectionContainer_default), {
+				"aria-labelledby": unref(headerId),
+				class: "tag-section-container",
+				role: "region"
+			}, {
+				default: withCtx(() => [
+					moreThanOneDefaultTag.value ? (openBlock(), createBlock(TagSection_default, {
+						key: 0,
+						eventBus: __props.eventBus,
+						headerId: unref(headerId),
+						isCollapsed: __props.isCollapsed,
+						isLoading: __props.isLoading,
+						tag: __props.tag
+					}, null, 8, [
+						"eventBus",
+						"headerId",
+						"isCollapsed",
+						"isLoading",
+						"tag"
+					])) : createCommentVNode("", true),
+					__props.isCollapsed && __props.moreThanOneTag && hasChildren.value ? (openBlock(), createBlock(ShowMoreButton_default, {
+						key: 1,
+						id: __props.tag.id,
+						"aria-label": `Show all ${__props.tag.title} endpoints`,
+						onClick: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("toggle:nav-item", {
+							id: __props.tag.id,
+							open: true
+						}))
+					}, null, 8, ["id", "aria-label"])) : createCommentVNode("", true),
+					!(__props.isCollapsed && __props.moreThanOneTag) ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, ["aria-labelledby"]);
+		};
+	}
+});
+//#endregion
+export { ModernLayout_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModernLayout.vue.script.js.map

package/dist/components/Content/Tags/components/ModernLayout.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"`Show all ${tag.title} endpoints`\"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAkBA,MAAM,WAAW,OAAM;EAEvB,MAAM,wBAAwB,eACtB,QAAA,kBAAkB,QAAA,KAAK,UAAU,aAAa,QAAA,KAAK,gBAAgB,GAC3E;EAEA,MAAM,cAAc,gBAAgB,QAAA,KAAK,UAAU,UAAU,KAAK,EAAC;;uBAIjE,YAyBmB,MAAA,yBAAA,EAAA;IAxBhB,mBAAiB,MAAA,SAAQ;IAC1B,OAAM;IACN,MAAK;;2BAOU;KALP,sBAAA,SAAA,WAAA,EADR,YAMe,oBAAA;;MAJZ,UAAU,QAAA;MACV,UAAU,MAAA,SAAQ;MAClB,aAAa,QAAA;MACb,WAAW,QAAA;MACX,KAAK,QAAA;;;;;;;;KAEA,QAAA,eAAe,QAAA,kBAAkB,YAAA,SAAA,WAAA,EADzC,YAMM,wBAAA;;MAJH,IAAI,QAAA,IAAI;MACR,cAAU,YAAc,QAAA,IAAI,MAAK;MACjC,SAAK,OAAA,OAAA,OAAA,WAAiB,QAAA,UAAU,KAAI,mBAAA;OAAA,IAA0B,QAAA,IAAI;OAAE,MAAA;OAAA,CAAA;;OAM7D,QAAA,eAAe,QAAA,mBAAA,WAAA,EADzB,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/Content/Tags/components/TagSection.vue.js

@@ -0,0 +1,7 @@
+import TagSection_vue_vue_type_script_setup_true_lang_default from "./TagSection.vue.script.js";
+//#region src/components/Content/Tags/components/TagSection.vue
+var TagSection_default = TagSection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TagSection_default as default };
+
+//# sourceMappingURL=TagSection.vue.js.map

package/dist/components/Content/Tags/components/TagSection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagSection.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  isLoading?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader v-show=\"!isLoading\">\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\"> (Collapsed)</ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent :loading=\"isLoading\">\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <OperationsList\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":""}

package/dist/components/Content/Tags/components/TagSection.vue.script.js

@@ -0,0 +1,78 @@
+import Section_default from "../../../Section/Section.vue.js";
+import SectionColumn_default from "../../../Section/SectionColumn.vue.js";
+import SectionColumns_default from "../../../Section/SectionColumns.vue.js";
+import SectionContent_default from "../../../Section/SectionContent.vue.js";
+import SectionHeader_default from "../../../Section/SectionHeader.vue.js";
+import SectionHeaderTag_default from "../../../Section/SectionHeaderTag.vue.js";
+import ScreenReader_default from "../../../ScreenReader.vue.js";
+import Anchor_default from "../../../Anchor/Anchor.vue.js";
+import SpecificationExtension_default from "../../../../features/specification-extension/SpecificationExtension.vue.js";
+import OperationsList_default from "../../../OperationsList/OperationsList.vue.js";
+import { createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { ScalarMarkdown } from "@scalar/components";
+//#region src/components/Content/Tags/components/TagSection.vue?vue&type=script&setup=true&lang.ts
+var TagSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TagSection",
+	props: {
+		tag: {},
+		headerId: {},
+		isCollapsed: { type: Boolean },
+		isLoading: { type: Boolean },
+		eventBus: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.tag ? (openBlock(), createBlock(unref(Section_default), {
+				key: 0,
+				id: __props.tag.id,
+				role: "none",
+				onIntersecting: _cache[1] || (_cache[1] = () => __props.eventBus?.emit("intersecting:nav-item", { id: __props.tag.id }))
+			}, {
+				default: withCtx(() => [
+					withDirectives(createVNode(unref(SectionHeader_default), null, {
+						default: withCtx(() => [createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.tag.id })) }, {
+							default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), {
+								id: __props.headerId,
+								level: 2
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.tag.title) + " ", 1), __props.isCollapsed ? (openBlock(), createBlock(ScreenReader_default, { key: 0 }, {
+									default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" (Collapsed)", -1)])]),
+									_: 1
+								})) : createCommentVNode("", true)]),
+								_: 1
+							}, 8, ["id"])]),
+							_: 1
+						})]),
+						_: 1
+					}, 512), [[vShow, !__props.isLoading]]),
+					createVNode(unref(SectionContent_default), { loading: __props.isLoading }, {
+						default: withCtx(() => [createVNode(unref(SectionColumns_default), null, {
+							default: withCtx(() => [createVNode(unref(SectionColumn_default), null, {
+								default: withCtx(() => [createVNode(unref(ScalarMarkdown), {
+									clamp: __props.isCollapsed ? 7 : void 0,
+									value: __props.tag?.description ?? "",
+									withImages: ""
+								}, null, 8, ["clamp", "value"])]),
+								_: 1
+							}), createVNode(unref(SectionColumn_default), null, {
+								default: withCtx(() => [createVNode(unref(OperationsList_default), {
+									eventBus: __props.eventBus,
+									tag: __props.tag
+								}, null, 8, ["eventBus", "tag"])]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["loading"]),
+					createVNode(unref(SpecificationExtension_default), { value: __props.tag.xKeys }, null, 8, ["value"])
+				]),
+				_: 1
+			}, 8, ["id"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { TagSection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TagSection.vue.script.js.map

package/dist/components/Content/Tags/components/TagSection.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagSection.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  isLoading?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader v-show=\"!isLoading\">\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\"> (Collapsed)</ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent :loading=\"isLoading\">\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <OperationsList\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;UA4BU,QAAA,OAAA,WAAA,EADR,YAoCU,MAAA,gBAAA,EAAA;;IAlCP,IAAI,QAAA,IAAI;IACT,MAAK;IACJ,gBAAY,OAAA,OAAA,OAAA,WAAe,QAAA,UAAU,KAAI,yBAAA,EAAA,IAAgC,QAAA,IAAI,IAAE,CAAA;;2BAehE;oBAZhB,YAYgB,MAAA,sBAAA,EAAA,MAAA;6BADL,CAVT,YAUS,MAAA,eAAA,EAAA,EATN,iBAAa,OAAA,OAAA,OAAA,WAAmB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;8BAQ9D,CALnB,YAKmB,MAAA,yBAAA,EAAA;QAJhB,IAAI,QAAA;QACJ,OAAO;;+BACO,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,GAAG,KACf,EAAA,EAAoB,QAAA,eAAA,WAAA,EAApB,YAA4D,sBAAA,EAAA,KAAA,GAAA,EAAA;gCAAf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,GAAA,CAAA,EAAA,CAAA;;;;;;;;wBAT3B,QAAA,UAAS,CAAA,CAAA;KAajC,YAciB,MAAA,uBAAA,EAAA,EAdA,SAAS,QAAA,WAAS,EAAA;6BAahB,CAZjB,YAYiB,MAAA,uBAAA,EAAA,MAAA;8BANC,CALhB,YAKgB,MAAA,sBAAA,EAAA,MAAA;+BADC,CAHf,YAGe,MAAA,eAAA,EAAA;SAFZ,OAAO,QAAA,cAAW,IAAO,KAAA;SACzB,OAAO,QAAA,KAAK,eAAW;SACxB,YAAA;;;WAEJ,YAIgB,MAAA,sBAAA,EAAA,MAAA;+BADC,CAFf,YAEe,MAAA,uBAAA,EAAA;SADZ,UAAU,QAAA;SACV,KAAK,QAAA;;;;;;;;KAId,YAA6C,MAAA,+BAAA,EAAA,EAApB,OAAO,QAAA,IAAI,OAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/components/Content/Tags/index.d.ts

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

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

@@ -1,6 +1,6 @@
-export { default as Content } from './Content.vue';
+export { default as Content } from './Content.vue.js';
 export { Model, Models } from './Models';
-export { default as TraversedEntry } from './Operations/TraversedEntry.vue';
+export { default as TraversedEntry } from './Operations/TraversedEntry.vue.js';
 export { Schema, SchemaHeading, SchemaObjectExampleCodeBlock, SchemaProperty } from './Schema';
 export { Tag } from './Tags';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/GettingStarted.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import GettingStarted_vue_vue_type_script_setup_true_lang_default from "./GettingStarted.vue.script.js";
+/* empty css                             */
+//#region src/components/GettingStarted.vue
+var GettingStarted_default = /* @__PURE__ */ _plugin_vue_export_helper_default(GettingStarted_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8ab3de01"]]);
+//#endregion
+export { GettingStarted_default as default };
+
+//# sourceMappingURL=GettingStarted.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GettingStarted.vue.js","names":[],"sources":["../../src/components/GettingStarted.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\ndefineProps<{\n  theme: ThemeId\n}>()\n\nconst emits = defineEmits<{\n  (e: 'changeTheme', { id, label }: { id: ThemeId; label: string }): void\n  (e: 'loadSwaggerFile'): void\n  (e: 'linkSwaggerFile'): void\n  (e: 'updateContent', value: string): void\n}>()\n\nconst themeIds: ThemeId[] = [\n  'default',\n  'alternate',\n  'moon',\n  'purple',\n  'solarized',\n  'bluePlanet',\n  'saturn',\n  'kepler',\n  'mars',\n  'deepSpace',\n]\n\nasync function fetchExampleSpecification() {\n  const response = await fetch(\n    'https://registry.scalar.com/@scalar/apis/galaxy?format=yaml',\n  )\n\n  emits('updateContent', await response.text())\n}\n</script>\n<template>\n  <div class=\"custom-scroll start\">\n    <div class=\"start-copy\">\n      <div class=\"start-logo\">\n        <svg\n          height=\"36\"\n          viewBox=\"0 0 36 36\"\n          width=\"36\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z\"\n            fill=\"currentColor\"\n            fill-rule=\"evenodd\" />\n        </svg>\n      </div>\n      <h1 class=\"start-h1\">Swagger Editor</h1>\n      <p class=\"start-p\">\n        Welcome to the Scalar API References + Swagger Editor, a Free &\n        Open-Source tool that takes your Swagger/OAS file and generates\n        Beautiful API references.\n      </p>\n      <div class=\"start-cta\">\n        <ScalarButton\n          class=\"w-full\"\n          @click=\"fetchExampleSpecification\">\n          Show Example\n        </ScalarButton>\n        <ScalarButton\n          class=\"w-full\"\n          variant=\"outlined\"\n          @click=\"$emit('loadSwaggerFile')\">\n          Upload File\n        </ScalarButton>\n      </div>\n    </div>\n    <div class=\"start-row\">\n      <div class=\"start-section start-section-integrations\">\n        <div class=\"start-h2\">INTEGRATIONS</div>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            height=\"16\"\n            viewBox=\"0 0 19 16\"\n            width=\"19\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z\"\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\" />\n          </svg>\n          <span>Fastify</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g>\n              <path\n                d=\"M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n            </g>\n          </svg>\n          <span>CDN</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs\"\n          target=\"_blank\">\n          <svg\n            height=\"170\"\n            viewBox=\"0 0 196.3 170\"\n            width=\"196.3\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\">\n              <polygon\n                points=\"39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171\" />\n              <polygon\n                points=\"75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14\" />\n            </g>\n          </svg>\n          <span>Vue</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage\"\n          target=\"_blank\">\n          <svg\n            height=\"23.3\"\n            viewBox=\"0 0 22 23.3\"\n            width=\"22\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"none\"\n              fill-rule=\"evenodd\">\n              <circle\n                cx=\"11\"\n                cy=\"11.6\"\n                fill=\"currentColor\"\n                fill-rule=\"nonzero\"\n                r=\"2\" />\n              <g stroke=\"currentColor\">\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(60 11 11.6)\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(120 11 11.6)\" />\n              </g>\n            </g>\n          </svg>\n          <span>React</span>\n        </a>\n      </div>\n      <div class=\"start-section start-section-colors\">\n        <p class=\"start-h2\">THEMING</p>\n        <div\n          v-for=\"themeId in themeIds\"\n          :key=\"themeId\"\n          class=\"start-item\"\n          :class=\"{ 'start-item-active': themeId === theme }\"\n          @click=\"\n            $emit('changeTheme', { id: themeId, label: themeLabels[themeId] })\n          \">\n          {{ themeLabels[themeId] }}\n        </div>\n      </div>\n    </div>\n    <p class=\"start-h1\">Features</p>\n    <ul class=\"start-ul\">\n      <li>\n        <p class=\"start-h3\">Customize</p>\n        Bring your typography & color palettes, or use our themes!\n      </li>\n      <li>\n        <p class=\"start-h3\">Testing</p>\n        A deeply integrated Rest API Client (Also Free & Open-Source)\n      </li>\n      <li>\n        <p class=\"start-h3\">Search</p>\n        Fully integrated Search (Using fuse.js)\n      </li>\n      <li>\n        <p class=\"start-h3\">Hosting</p>\n        Free subdomain hosting on https://apidocumentation.com\n      </li>\n      <li>\n        <p class=\"start-h3\">OpenAPI & Swagger</p>\n        Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0\n      </li>\n      <li>\n        <p class=\"start-h3\">Code Samples</p>\n        Code samples to show off your API in most popular languages\n      </li>\n    </ul>\n  </div>\n</template>\n<style scoped>\n.start {\n  padding: 24px;\n  display: flex;\n  flex-flow: wrap;\n  justify-content: space-between;\n  position: relative;\n  z-index: 0;\n}\n.swagger-editor .start {\n  padding-top: 24px;\n}\n.start-h1 {\n  font-size: var(--scalar-heading-2);\n  margin-top: 0;\n  line-height: 1.45;\n  margin-bottom: 0;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n  position: relative;\n}\n.start-h3 {\n  font-size: var(--scalar-paragraph);\n  margin-top: 0;\n  margin-bottom: 6px;\n  display: block;\n  line-height: 1.45;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n}\n.start-h1:not(:first-of-type) {\n  margin-top: 24px;\n}\n.start-p {\n  font-size: var(--scalar-paragraph);\n  color: var(--scalar-color-2);\n  line-height: 1.5;\n  width: 100%;\n  margin-top: 12px;\n}\n.start-ul {\n  margin-top: 12px;\n  font-size: var(--scalar-paragraph);\n  line-height: 1.5;\n  padding-left: 0;\n  list-style: initial;\n  display: flex;\n  flex-flow: wrap;\n  gap: 24px;\n}\n.start-ul li {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  width: calc(50% - 24px);\n  color: var(--scalar-color-2);\n}\n.start-ul li:first-of-type {\n  margin-top: 0;\n}\n.start-section {\n  width: 100%;\n  margin-bottom: 12px;\n  display: flex;\n  flex-flow: wrap;\n}\n.start-section:last-of-type {\n  margin-bottom: 48px;\n}\n.start-h2 {\n  background: var(--scalar-background-2);\n  border-top-left-radius: var(--scalar-radius-lg);\n  border-top-right-radius: var(--scalar-radius-lg);\n  border: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  width: 100%;\n}\n.start-item {\n  align-items: center;\n  background: var(--scalar-background-2);\n  border-right: 1px solid var(--scalar-border-color);\n  border-bottom: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-1);\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  text-transform: capitalize;\n  user-select: none;\n}\n.start-section-integrations .start-item:first-of-type {\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-integrations .start-item:last-of-type {\n  border-bottom-right-radius: var(--scalar-radius-lg);\n}\n.start-section-colors .start-item {\n  min-width: 33.33%;\n}\n.start-section-colors .start-item:nth-child(3n + 2) {\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-colors .start-item:last-of-type,\n.start-section-colors .start-item-active:last-of-type::before {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.start-item:empty {\n  pointer-events: none;\n}\n.start-item svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.start-item:hover {\n  background: var(--scalar-background-3);\n}\n.start-item-active {\n  z-index: 10;\n  position: relative;\n  color: var(--scalar-color-1);\n}\n.start-item-active::before {\n  border: 1px solid var(--scalar-color-1);\n  content: '';\n  inset: -1px -1px -1px -1px;\n  pointer-events: none;\n  position: absolute;\n}\n.start-section-color .start-item {\n  text-transform: capitalize;\n}\n.start-cta {\n  display: flex;\n  gap: 12px;\n  width: 100%;\n  margin-top: 24px;\n  margin-bottom: 0;\n}\n.start-row {\n  width: 100%;\n  margin-top: 12px;\n  overflow: hidden;\n}\n.start-hero-copy {\n  background: var(--scalar-background-2);\n  padding: 12px;\n  border-radius: var(--scalar-radius-lg);\n}\n.start-p-small {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  margin-bottom: 12px;\n  line-height: 1.4;\n}\n.start-cta {\n  margin-bottom: 12px;\n  width: fit-content;\n  white-space: nowrap;\n}\n.start-copy {\n  padding: 76px 48px 48px 48px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n}\n.start-logo {\n  color: var(--scalar-color-1);\n  margin-bottom: 24px;\n  width: 72px;\n  aspect-ratio: 1;\n  position: relative;\n  box-shadow: var(--scalar-shadow-2);\n  border-radius: 50%;\n}\n.start-logo:before {\n  content: '';\n  width: 300%;\n  aspect-ratio: 1;\n  left: -100%;\n  top: -100%;\n  position: absolute;\n  z-index: -1;\n  border-radius: 50%;\n  background-size: 24px 24px;\n  box-shadow:\n    inset 0 0 50px var(--scalar-background-1),\n    inset 0 0 50px var(--scalar-background-1);\n  background-image:\n    linear-gradient(to right, var(--scalar-border-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--scalar-border-color) 1px, transparent 1px);\n}\n.start-logo svg {\n  width: 100%;\n  height: auto;\n  background: var(--scalar-background-1);\n  padding: 3px;\n  border-radius: 50%;\n  position: relative;\n}\n@media screen and (max-width: 600px) {\n  .start-section-colors .start-item,\n  .start-item {\n    width: 100%;\n    border-radius: 0;\n    border-right: none;\n    border-top: 1px solid var(--scalar-border-color);\n  }\n  .start-item:empty {\n    display: none;\n  }\n  .start-h2 {\n    border-bottom: none;\n  }\n  .start li {\n    width: 100%;\n  }\n  .start-copy {\n    padding: 48px 0 24px 0;\n  }\n}\n@media screen and (max-width: 1000px) {\n  .start {\n    padding: 0;\n    overflow: auto;\n  }\n}\n</style>\n"],"mappings":""}