@scalar/api-reference 1.62.9 → 1.64.0

package/dist/components/Content/Schema/SchemaPropertyHeading.vue.script.js

@@ -42,6 +42,12 @@ var _hoisted_8 = {
 	key: 9,
 	class: "property-required"
 };
+/**
+* Constraints that live on a leaf (string or number) schema: length, pattern,
+* format and numeric ranges. Extracted so they can be surfaced for a primitive
+* schema as well as for a primitive array's items, which are not rendered on
+* their own. See https://github.com/scalar/scalar/issues/9690
+*/
 var SchemaPropertyHeading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "SchemaPropertyHeading",
 	props: {
@@ -83,20 +89,8 @@ var SchemaPropertyHeading_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				if (items.enum?.length === 1) return items.enum[0];
 			}
 		});
-		const validationProperties = computed(() => {
-			if (!valueRef.value) return [];
-			const schema = valueRef.value;
+		const getLeafConstraints = (schema) => {
 			const properties = [];
-			if (isArraySchema(schema)) {
-				if (schema.minItems || schema.maxItems) properties.push({
-					key: "array-range",
-					value: `${schema.minItems || ""}…${schema.maxItems || ""}`
-				});
-				if (schema.uniqueItems) properties.push({
-					key: "unique-items",
-					value: `${translate("common.unique")}!`
-				});
-			}
 			if (isStringSchema(schema)) {
 				if (schema.minLength) properties.push({
 					key: "min-length",
@@ -115,13 +109,11 @@ var SchemaPropertyHeading_vue_vue_type_script_setup_true_lang_default = /* @__PU
 					truncate: true
 				});
 			}
-			if (isStringSchema(schema) || isNumberSchema(schema)) {
-				if (schema.format) properties.push({
-					key: "format",
-					value: schema.format,
-					truncate: true
-				});
-			}
+			if ((isStringSchema(schema) || isNumberSchema(schema)) && schema.format) properties.push({
+				key: "format",
+				value: schema.format,
+				truncate: true
+			});
 			if (isNumberSchema(schema)) {
 				if (isDefined(schema.exclusiveMinimum)) properties.push({
 					key: "exclusive-minimum",
@@ -150,6 +142,24 @@ var SchemaPropertyHeading_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				});
 			}
 			return properties;
+		};
+		const validationProperties = computed(() => {
+			if (!valueRef.value) return [];
+			const schema = valueRef.value;
+			const properties = [];
+			if (isArraySchema(schema)) {
+				if (schema.minItems || schema.maxItems) properties.push({
+					key: "array-range",
+					value: `${schema.minItems || ""}…${schema.maxItems || ""}`
+				});
+				if (schema.uniqueItems) properties.push({
+					key: "unique-items",
+					value: `${translate("common.unique")}!`
+				});
+			}
+			properties.push(...getLeafConstraints(schema));
+			if (isArraySchema(schema) && schema.items) properties.push(...getLeafConstraints(resolve.schema(schema.items)));
+			return properties;
 		});
 		/** Link data for navigating to the referenced model in the sidebar. */
 		const modelLink = computed(() => {

package/dist/components/Content/Schema/SchemaPropertyHeading.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaPropertyHeading.vue.script.js","names":["$slots"],"sources":["../../../../src/components/Content/Schema/SchemaPropertyHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport {\n  isArraySchema,\n  isNumberSchema,\n  isStringSchema,\n} from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, toRef } from 'vue'\n\nimport { Badge } from '@/components/Badge'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport RenderString from './RenderString.vue'\nimport SchemaPropertyDefault from './SchemaPropertyDefault.vue'\nimport SchemaPropertyDetail from './SchemaPropertyDetail.vue'\nimport SchemaPropertyExamples from './SchemaPropertyExamples.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    value: SchemaObject | undefined\n    enum?: boolean\n    isDiscriminator?: boolean\n    required?: boolean\n    additional?: boolean\n    withExamples?: boolean\n    hideModelNames?: boolean\n    /** When the schema was resolved from a $ref, pass the ref name so it displays as e.g. \"Data\" instead of \"object\". */\n    modelName?: string | null\n    /** Resolved propertyNames schema, used to surface key constraints like `format` for additional properties. */\n    propertyNames?: SchemaObject\n    eventBus?: WorkspaceEventBus | null\n  }>(),\n  {\n    isDiscriminator: false,\n    required: false,\n    withExamples: true,\n    hideModelNames: false,\n    eventBus: null,\n  },\n)\nconst { translate } = useLocalization()\n\n// Convert to reactive refs for composables\nconst valueRef = toRef(props, 'value')\n\nconst constValue = computed(() => {\n  if (!valueRef.value) {\n    return undefined\n  }\n\n  const schema = valueRef.value\n\n  // Direct const value\n  if (schema.const !== undefined) {\n    return schema.const\n  }\n\n  // Single-item enum acts as const\n  if (schema.enum?.length === 1) {\n    return schema.enum[0]\n  }\n\n  // Check items for const values (for arrays)\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n\n    if (isDefined(items.const)) {\n      return items.const\n    }\n\n    if (items.enum?.length === 1) {\n      return items.enum[0]\n    }\n  }\n\n  return undefined\n})\n\nconst validationProperties = computed(() => {\n  if (!valueRef.value) {\n    return []\n  }\n\n  const schema = valueRef.value\n  const properties = []\n\n  // Array validation properties\n  if (isArraySchema(schema)) {\n    if (schema.minItems || schema.maxItems) {\n      properties.push({\n        key: 'array-range',\n        value: `${schema.minItems || ''}…${schema.maxItems || ''}`,\n      })\n    }\n\n    // Unique items\n    if (schema.uniqueItems) {\n      properties.push({\n        key: 'unique-items',\n        value: `${translate('common.unique')}!`,\n      })\n    }\n  }\n\n  // String length properties\n  if (isStringSchema(schema)) {\n    if (schema.minLength) {\n      properties.push({\n        key: 'min-length',\n        prefix: `${translate('common.minLength')}: `,\n        value: schema.minLength,\n      })\n    }\n\n    if (schema.maxLength) {\n      properties.push({\n        key: 'max-length',\n        prefix: `${translate('common.maxLength')}: `,\n        value: schema.maxLength,\n      })\n    }\n\n    // Pattern\n    if (schema.pattern) {\n      properties.push({\n        key: 'pattern',\n        value: schema.pattern,\n        code: true,\n        truncate: true,\n      })\n    }\n  }\n\n  // Format\n  if (isStringSchema(schema) || isNumberSchema(schema)) {\n    if (schema.format) {\n      properties.push({\n        key: 'format',\n        value: schema.format,\n        truncate: true,\n      })\n    }\n  }\n\n  // Numeric validation properties\n  if (isNumberSchema(schema)) {\n    if (isDefined(schema.exclusiveMinimum)) {\n      properties.push({\n        key: 'exclusive-minimum',\n        prefix: `${translate('common.greaterThan')}: `,\n        value: schema.exclusiveMinimum,\n      })\n    }\n\n    if (isDefined(schema.minimum)) {\n      properties.push({\n        key: 'minimum',\n        prefix: `${translate('common.min')}: `,\n        value: schema.minimum,\n      })\n    }\n\n    if (isDefined(schema.exclusiveMaximum)) {\n      properties.push({\n        key: 'exclusive-maximum',\n        prefix: `${translate('common.lessThan')}: `,\n        value: schema.exclusiveMaximum,\n      })\n    }\n\n    if (isDefined(schema.maximum)) {\n      properties.push({\n        key: 'maximum',\n        prefix: `${translate('common.max')}: `,\n        value: schema.maximum,\n      })\n    }\n\n    if (isDefined(schema.multipleOf)) {\n      properties.push({\n        key: 'multiple-of',\n        prefix: `${translate('common.multipleOf')}: `,\n        value: schema.multipleOf,\n      })\n    }\n  }\n\n  return properties\n})\n\n/** Link data for navigating to the referenced model in the sidebar. */\nconst modelLink = computed(() => {\n  if (!props.value) {\n    return null\n  }\n\n  if (props.hideModelNames) {\n    return null\n  }\n\n  if (props.modelName) {\n    return { schemaKey: props.modelName, label: props.modelName }\n  }\n\n  const modelName = getModelNameFromSchema(props.value)\n  if (modelName) {\n    return { schemaKey: modelName.schemaKey, label: modelName.label }\n  }\n\n  if (isArraySchema(props.value) && props.value.items) {\n    const itemName = getModelNameFromSchema(props.value.items)\n    return itemName\n      ? { schemaKey: itemName.schemaKey, label: `${itemName.label}[]` }\n      : null\n  }\n\n  return null\n})\n\n/** Check if we should show the type information */\nconst shouldShowType = computed(() => {\n  if (!props.value || !('type' in props.value)) {\n    return false\n  }\n\n  // Always show type for arrays, even when items have const values\n  if (props.value.type === 'array') {\n    return true\n  }\n\n  // For non-arrays, only show if no const value at the schema level\n  return !constValue.value\n})\n\n/** Get the display type */\nconst displayType = computed(() => {\n  if (!props.value) {\n    return ''\n  }\n  return getSchemaType(props.value)\n})\n\n/**\n * Type and format of the property keys, derived from the propertyNames schema.\n *\n * For a map keyed by UUIDs this renders e.g. \"string · uuid\" so the key\n * constraints are not lost. Returns undefined when there is nothing to show.\n */\nconst propertyNamesDetail = computed(() => {\n  const schema = props.propertyNames\n  if (!schema) {\n    return undefined\n  }\n\n  const parts = [getSchemaType(schema)]\n  if ('format' in schema && typeof schema.format === 'string') {\n    parts.push(schema.format)\n  }\n\n  const detail = parts.filter(Boolean).join(' · ')\n  return detail.length > 0 ? detail : undefined\n})\n\nconst exampleValue = computed(() => {\n  // Treat only `undefined` as \"not set\" — `null` is a valid example value on a nullable schema.\n  if (\n    props.value &&\n    'example' in props.value &&\n    props.value.example !== undefined\n  ) {\n    return props.value.example\n  }\n\n  if (props.value && isArraySchema(props.value)) {\n    const itemsSchema = resolve.schema(props.value.items)\n    if (\n      itemsSchema &&\n      'example' in itemsSchema &&\n      itemsSchema.example !== undefined\n    ) {\n      return itemsSchema.example\n    }\n  }\n\n  return undefined\n})\n</script>\n<template>\n  <div class=\"property-heading\">\n    <div\n      v-if=\"$slots.name\"\n      class=\"property-name\"\n      :class=\"{ deprecated: props.value?.deprecated }\">\n      <slot name=\"name\" />\n    </div>\n    <div\n      v-if=\"props.isDiscriminator\"\n      class=\"property-discriminator\">\n      {{ translate('common.discriminator') }}\n    </div>\n    <template v-if=\"props.value\">\n      <!-- Type information -->\n      <SchemaPropertyDetail\n        v-if=\"shouldShowType\"\n        truncate>\n        <ScreenReader>{{ translate('common.type') }}:</ScreenReader>\n        {{ displayType }}\n        <template v-if=\"modelLink\">\n          ·\n          <LinkButton\n            v-if=\"props.eventBus && modelLink.schemaKey\"\n            @click=\"\n              props.eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </template>\n      </SchemaPropertyDetail>\n\n      <!-- Key constraints from propertyNames (e.g. \"keys: string · uuid\") -->\n      <SchemaPropertyDetail\n        v-if=\"propertyNamesDetail\"\n        truncate>\n        <template #prefix>{{ translate('common.keys') }}:</template>\n        {{ propertyNamesDetail }}\n      </SchemaPropertyDetail>\n\n      <!-- Dynamic validation properties from composable -->\n      <SchemaPropertyDetail\n        v-for=\"property in validationProperties\"\n        :key=\"property.key\"\n        :code=\"property.code\"\n        :truncate=\"property.truncate\">\n        <ScreenReader v-if=\"property.key === 'format'\">\n          {{ translate('common.format') }}:\n        </ScreenReader>\n        <ScreenReader v-else-if=\"property.key === 'pattern'\">\n          {{ translate('common.pattern') }}:\n        </ScreenReader>\n        <template\n          v-if=\"property.prefix\"\n          #prefix>\n          {{ property.prefix }}\n        </template>\n        {{ property.value }}\n      </SchemaPropertyDetail>\n\n      <!-- Enum indicator -->\n      <SchemaPropertyDetail v-if=\"props.enum\">\n        {{ translate('common.enum') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.additional\"\n      class=\"property-additional\">\n      <template v-if=\"props.value?.['x-additionalPropertiesName']\">\n        {{ props.value['x-additionalPropertiesName'] }}\n      </template>\n      <template v-else>{{ translate('common.additionalProperties') }}</template>\n    </div>\n    <div\n      v-if=\"props.value?.deprecated\"\n      class=\"property-deprecated\">\n      <Badge>{{ translate('common.deprecated') }}</Badge>\n    </div>\n    <!-- Don't use `isDefined` here, we want to show `const` when the value is `null` -->\n    <div\n      v-if=\"constValue !== undefined\"\n      class=\"property-const\">\n      <SchemaPropertyDetail truncate>\n        <template #prefix>{{ translate('common.const') }}: </template>\n        <RenderString :value=\"constValue\" />\n      </SchemaPropertyDetail>\n    </div>\n    <template v-else>\n      <!-- Shows only when a composition is used (so props.value?.type is undefined) -->\n      <SchemaPropertyDetail v-if=\"(props.value as any)?.nullable === true\">\n        {{ translate('common.nullable') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.value?.writeOnly\"\n      class=\"property-write-only\">\n      {{ translate('common.writeOnly') }}\n    </div>\n    <div\n      v-else-if=\"props.value?.readOnly\"\n      class=\"property-read-only\">\n      {{ translate('common.readOnly') }}\n    </div>\n    <div\n      v-if=\"props.required\"\n      class=\"property-required\">\n      {{ translate('common.required') }}\n    </div>\n    <SchemaPropertyDefault :value=\"props.value?.default\" />\n    <SchemaPropertyExamples\n      v-if=\"props.withExamples\"\n      :example=\"exampleValue\"\n      :examples=\"props.value?.examples\" />\n  </div>\n</template>\n<style scoped>\n.property-heading {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  row-gap: 9px;\n  white-space: nowrap;\n}\n\n.property-heading:has(+ .children),\n.property-heading:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n.property-heading > * {\n  margin-right: 9px;\n}\n\n.property-heading:last-child {\n  margin-right: 0;\n}\n\n.property-heading > .property-detail:not(:last-of-type) {\n  margin-right: 0;\n}\n\n.property-name {\n  max-width: 100%;\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n.property-additional {\n  font-family: var(--scalar-font-code);\n}\n\n.property-required,\n.property-optional {\n  color: var(--scalar-color-2);\n}\n\n.property-required {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-orange);\n}\n\n.property-read-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-blue);\n}\n\n.property-write-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-green);\n}\n\n.property-discriminator {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-purple);\n}\n\n.property-detail {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  display: flex;\n  align-items: center;\n\n  min-width: 0;\n}\n\n.property-const {\n  color: var(--scalar-color-1);\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"SchemaPropertyHeading.vue.script.js","names":["$slots"],"sources":["../../../../src/components/Content/Schema/SchemaPropertyHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport {\n  isArraySchema,\n  isNumberSchema,\n  isStringSchema,\n} from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, toRef } from 'vue'\n\nimport { Badge } from '@/components/Badge'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport RenderString from './RenderString.vue'\nimport SchemaPropertyDefault from './SchemaPropertyDefault.vue'\nimport SchemaPropertyDetail from './SchemaPropertyDetail.vue'\nimport SchemaPropertyExamples from './SchemaPropertyExamples.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    value: SchemaObject | undefined\n    enum?: boolean\n    isDiscriminator?: boolean\n    required?: boolean\n    additional?: boolean\n    withExamples?: boolean\n    hideModelNames?: boolean\n    /** When the schema was resolved from a $ref, pass the ref name so it displays as e.g. \"Data\" instead of \"object\". */\n    modelName?: string | null\n    /** Resolved propertyNames schema, used to surface key constraints like `format` for additional properties. */\n    propertyNames?: SchemaObject\n    eventBus?: WorkspaceEventBus | null\n  }>(),\n  {\n    isDiscriminator: false,\n    required: false,\n    withExamples: true,\n    hideModelNames: false,\n    eventBus: null,\n  },\n)\nconst { translate } = useLocalization()\n\n// Convert to reactive refs for composables\nconst valueRef = toRef(props, 'value')\n\nconst constValue = computed(() => {\n  if (!valueRef.value) {\n    return undefined\n  }\n\n  const schema = valueRef.value\n\n  // Direct const value\n  if (schema.const !== undefined) {\n    return schema.const\n  }\n\n  // Single-item enum acts as const\n  if (schema.enum?.length === 1) {\n    return schema.enum[0]\n  }\n\n  // Check items for const values (for arrays)\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n\n    if (isDefined(items.const)) {\n      return items.const\n    }\n\n    if (items.enum?.length === 1) {\n      return items.enum[0]\n    }\n  }\n\n  return undefined\n})\n\ntype ValidationProperty = {\n  key: string\n  value: string | number\n  prefix?: string\n  code?: boolean\n  truncate?: boolean\n}\n\n/**\n * Constraints that live on a leaf (string or number) schema: length, pattern,\n * format and numeric ranges. Extracted so they can be surfaced for a primitive\n * schema as well as for a primitive array's items, which are not rendered on\n * their own. See https://github.com/scalar/scalar/issues/9690\n */\nconst getLeafConstraints = (schema: SchemaObject) => {\n  const properties: ValidationProperty[] = []\n\n  if (isStringSchema(schema)) {\n    if (schema.minLength) {\n      properties.push({\n        key: 'min-length',\n        prefix: `${translate('common.minLength')}: `,\n        value: schema.minLength,\n      })\n    }\n\n    if (schema.maxLength) {\n      properties.push({\n        key: 'max-length',\n        prefix: `${translate('common.maxLength')}: `,\n        value: schema.maxLength,\n      })\n    }\n\n    if (schema.pattern) {\n      properties.push({\n        key: 'pattern',\n        value: schema.pattern,\n        code: true,\n        truncate: true,\n      })\n    }\n  }\n\n  if ((isStringSchema(schema) || isNumberSchema(schema)) && schema.format) {\n    properties.push({\n      key: 'format',\n      value: schema.format,\n      truncate: true,\n    })\n  }\n\n  if (isNumberSchema(schema)) {\n    if (isDefined(schema.exclusiveMinimum)) {\n      properties.push({\n        key: 'exclusive-minimum',\n        prefix: `${translate('common.greaterThan')}: `,\n        value: schema.exclusiveMinimum,\n      })\n    }\n\n    if (isDefined(schema.minimum)) {\n      properties.push({\n        key: 'minimum',\n        prefix: `${translate('common.min')}: `,\n        value: schema.minimum,\n      })\n    }\n\n    if (isDefined(schema.exclusiveMaximum)) {\n      properties.push({\n        key: 'exclusive-maximum',\n        prefix: `${translate('common.lessThan')}: `,\n        value: schema.exclusiveMaximum,\n      })\n    }\n\n    if (isDefined(schema.maximum)) {\n      properties.push({\n        key: 'maximum',\n        prefix: `${translate('common.max')}: `,\n        value: schema.maximum,\n      })\n    }\n\n    if (isDefined(schema.multipleOf)) {\n      properties.push({\n        key: 'multiple-of',\n        prefix: `${translate('common.multipleOf')}: `,\n        value: schema.multipleOf,\n      })\n    }\n  }\n\n  return properties\n}\n\nconst validationProperties = computed(() => {\n  if (!valueRef.value) {\n    return []\n  }\n\n  const schema = valueRef.value\n  const properties: ValidationProperty[] = []\n\n  // Array validation properties\n  if (isArraySchema(schema)) {\n    if (schema.minItems || schema.maxItems) {\n      properties.push({\n        key: 'array-range',\n        value: `${schema.minItems || ''}…${schema.maxItems || ''}`,\n      })\n    }\n\n    // Unique items\n    if (schema.uniqueItems) {\n      properties.push({\n        key: 'unique-items',\n        value: `${translate('common.unique')}!`,\n      })\n    }\n  }\n\n  properties.push(...getLeafConstraints(schema))\n\n  // Primitive array items carry their own constraints (e.g. an array of `uuid`\n  // strings) but are not rendered separately, so surface them here.\n  if (isArraySchema(schema) && schema.items) {\n    properties.push(...getLeafConstraints(resolve.schema(schema.items)))\n  }\n\n  return properties\n})\n\n/** Link data for navigating to the referenced model in the sidebar. */\nconst modelLink = computed(() => {\n  if (!props.value) {\n    return null\n  }\n\n  if (props.hideModelNames) {\n    return null\n  }\n\n  if (props.modelName) {\n    return { schemaKey: props.modelName, label: props.modelName }\n  }\n\n  const modelName = getModelNameFromSchema(props.value)\n  if (modelName) {\n    return { schemaKey: modelName.schemaKey, label: modelName.label }\n  }\n\n  if (isArraySchema(props.value) && props.value.items) {\n    const itemName = getModelNameFromSchema(props.value.items)\n    return itemName\n      ? { schemaKey: itemName.schemaKey, label: `${itemName.label}[]` }\n      : null\n  }\n\n  return null\n})\n\n/** Check if we should show the type information */\nconst shouldShowType = computed(() => {\n  if (!props.value || !('type' in props.value)) {\n    return false\n  }\n\n  // Always show type for arrays, even when items have const values\n  if (props.value.type === 'array') {\n    return true\n  }\n\n  // For non-arrays, only show if no const value at the schema level\n  return !constValue.value\n})\n\n/** Get the display type */\nconst displayType = computed(() => {\n  if (!props.value) {\n    return ''\n  }\n  return getSchemaType(props.value)\n})\n\n/**\n * Type and format of the property keys, derived from the propertyNames schema.\n *\n * For a map keyed by UUIDs this renders e.g. \"string · uuid\" so the key\n * constraints are not lost. Returns undefined when there is nothing to show.\n */\nconst propertyNamesDetail = computed(() => {\n  const schema = props.propertyNames\n  if (!schema) {\n    return undefined\n  }\n\n  const parts = [getSchemaType(schema)]\n  if ('format' in schema && typeof schema.format === 'string') {\n    parts.push(schema.format)\n  }\n\n  const detail = parts.filter(Boolean).join(' · ')\n  return detail.length > 0 ? detail : undefined\n})\n\nconst exampleValue = computed(() => {\n  // Treat only `undefined` as \"not set\" — `null` is a valid example value on a nullable schema.\n  if (\n    props.value &&\n    'example' in props.value &&\n    props.value.example !== undefined\n  ) {\n    return props.value.example\n  }\n\n  if (props.value && isArraySchema(props.value)) {\n    const itemsSchema = resolve.schema(props.value.items)\n    if (\n      itemsSchema &&\n      'example' in itemsSchema &&\n      itemsSchema.example !== undefined\n    ) {\n      return itemsSchema.example\n    }\n  }\n\n  return undefined\n})\n</script>\n<template>\n  <div class=\"property-heading\">\n    <div\n      v-if=\"$slots.name\"\n      class=\"property-name\"\n      :class=\"{ deprecated: props.value?.deprecated }\">\n      <slot name=\"name\" />\n    </div>\n    <div\n      v-if=\"props.isDiscriminator\"\n      class=\"property-discriminator\">\n      {{ translate('common.discriminator') }}\n    </div>\n    <template v-if=\"props.value\">\n      <!-- Type information -->\n      <SchemaPropertyDetail\n        v-if=\"shouldShowType\"\n        truncate>\n        <ScreenReader>{{ translate('common.type') }}:</ScreenReader>\n        {{ displayType }}\n        <template v-if=\"modelLink\">\n          ·\n          <LinkButton\n            v-if=\"props.eventBus && modelLink.schemaKey\"\n            @click=\"\n              props.eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </template>\n      </SchemaPropertyDetail>\n\n      <!-- Key constraints from propertyNames (e.g. \"keys: string · uuid\") -->\n      <SchemaPropertyDetail\n        v-if=\"propertyNamesDetail\"\n        truncate>\n        <template #prefix>{{ translate('common.keys') }}:</template>\n        {{ propertyNamesDetail }}\n      </SchemaPropertyDetail>\n\n      <!-- Dynamic validation properties from composable -->\n      <SchemaPropertyDetail\n        v-for=\"property in validationProperties\"\n        :key=\"property.key\"\n        :code=\"property.code\"\n        :truncate=\"property.truncate\">\n        <ScreenReader v-if=\"property.key === 'format'\">\n          {{ translate('common.format') }}:\n        </ScreenReader>\n        <ScreenReader v-else-if=\"property.key === 'pattern'\">\n          {{ translate('common.pattern') }}:\n        </ScreenReader>\n        <template\n          v-if=\"property.prefix\"\n          #prefix>\n          {{ property.prefix }}\n        </template>\n        {{ property.value }}\n      </SchemaPropertyDetail>\n\n      <!-- Enum indicator -->\n      <SchemaPropertyDetail v-if=\"props.enum\">\n        {{ translate('common.enum') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.additional\"\n      class=\"property-additional\">\n      <template v-if=\"props.value?.['x-additionalPropertiesName']\">\n        {{ props.value['x-additionalPropertiesName'] }}\n      </template>\n      <template v-else>{{ translate('common.additionalProperties') }}</template>\n    </div>\n    <div\n      v-if=\"props.value?.deprecated\"\n      class=\"property-deprecated\">\n      <Badge>{{ translate('common.deprecated') }}</Badge>\n    </div>\n    <!-- Don't use `isDefined` here, we want to show `const` when the value is `null` -->\n    <div\n      v-if=\"constValue !== undefined\"\n      class=\"property-const\">\n      <SchemaPropertyDetail truncate>\n        <template #prefix>{{ translate('common.const') }}: </template>\n        <RenderString :value=\"constValue\" />\n      </SchemaPropertyDetail>\n    </div>\n    <template v-else>\n      <!-- Shows only when a composition is used (so props.value?.type is undefined) -->\n      <SchemaPropertyDetail v-if=\"(props.value as any)?.nullable === true\">\n        {{ translate('common.nullable') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.value?.writeOnly\"\n      class=\"property-write-only\">\n      {{ translate('common.writeOnly') }}\n    </div>\n    <div\n      v-else-if=\"props.value?.readOnly\"\n      class=\"property-read-only\">\n      {{ translate('common.readOnly') }}\n    </div>\n    <div\n      v-if=\"props.required\"\n      class=\"property-required\">\n      {{ translate('common.required') }}\n    </div>\n    <SchemaPropertyDefault :value=\"props.value?.default\" />\n    <SchemaPropertyExamples\n      v-if=\"props.withExamples\"\n      :example=\"exampleValue\"\n      :examples=\"props.value?.examples\" />\n  </div>\n</template>\n<style scoped>\n.property-heading {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  row-gap: 9px;\n  white-space: nowrap;\n}\n\n.property-heading:has(+ .children),\n.property-heading:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n.property-heading > * {\n  margin-right: 9px;\n}\n\n.property-heading:last-child {\n  margin-right: 0;\n}\n\n.property-heading > .property-detail:not(:last-of-type) {\n  margin-right: 0;\n}\n\n.property-name {\n  max-width: 100%;\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n.property-additional {\n  font-family: var(--scalar-font-code);\n}\n\n.property-required,\n.property-optional {\n  color: var(--scalar-color-2);\n}\n\n.property-required {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-orange);\n}\n\n.property-read-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-blue);\n}\n\n.property-write-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-green);\n}\n\n.property-discriminator {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-purple);\n}\n\n.property-detail {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  display: flex;\n  align-items: center;\n\n  min-width: 0;\n}\n\n.property-const {\n  color: var(--scalar-color-1);\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Content/Schema/helpers/optimize-value-for-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optimize-value-for-display.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Schema/helpers/optimize-value-for-display.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAqDhG;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAyFjG"}
+{"version":3,"file":"optimize-value-for-display.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Schema/helpers/optimize-value-for-display.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAqDhG;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CA+FjG"}

package/dist/components/Content/Schema/helpers/optimize-value-for-display.js

@@ -59,10 +59,7 @@ function optimizeValueForDisplay(value) {
 	});
 	const shouldBeNullable = hasNullSchema || originalNullable === true;
 	if (filteredSchemas.length === 1) {
-		const mergedSchema = {
-			...rootProperties,
-			...filteredSchemas[0]
-		};
+		const mergedSchema = mergeSchemaProperties(filteredSchemas[0], rootProperties);
 		if (shouldBeNullable) mergedSchema.nullable = true;
 		return mergedSchema;
 	}

package/dist/components/Content/Schema/helpers/optimize-value-for-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"optimize-value-for-display.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/optimize-value-for-display.ts"],"sourcesContent":["import { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { compositions } from './schema-composition'\n\n/**\n * Shallow-merges schema-like objects, but unions `properties` and `required`\n * instead of letting a later object's `properties`/`required` completely\n * overwrite an earlier one's. Without this, a variant schema (e.g. a `oneOf`\n * branch) that declares its own `properties`/`required` would wipe out the\n * shared base fields factored out at the root (or via a sibling `allOf`)\n * instead of being combined with them (#9657).\n */\nfunction mergeSchemaProperties(...objects: (Record<string, unknown> | undefined)[]): Record<string, unknown> {\n  const merged: Record<string, unknown> = {}\n  const properties: Record<string, unknown> = {}\n  const required = new Set<string>()\n  let hasProperties = false\n  let hasRequired = false\n\n  for (const object of objects) {\n    if (!object) {\n      continue\n    }\n\n    for (const [key, val] of Object.entries(object)) {\n      if (key === 'properties' && val && typeof val === 'object') {\n        Object.assign(properties, val)\n        hasProperties = true\n        continue\n      }\n\n      if (key === 'required' && Array.isArray(val)) {\n        for (const name of val) {\n          required.add(name)\n        }\n        hasRequired = true\n        continue\n      }\n\n      merged[key] = val\n    }\n  }\n\n  if (hasProperties) {\n    merged.properties = properties\n  }\n  if (hasRequired) {\n    merged.required = [...required]\n  }\n\n  return merged\n}\n\n/**\n * Optimize the value by removing nulls from compositions and merging root properties.\n *\n * TODO: figure out what this does\n */\nexport function optimizeValueForDisplay(value: SchemaObject | undefined): SchemaObject | undefined {\n  if (!value || typeof value !== 'object') {\n    return value\n  }\n\n  // Find the composition keyword early to avoid unnecessary work\n  const composition = compositions.find((keyword) => keyword in value && keyword !== 'not')\n\n  // If there's no relevant composition keyword, return a shallow copy\n  if (!composition) {\n    return { ...value }\n  }\n\n  const schemas = value[composition]\n  if (!Array.isArray(schemas)) {\n    return { ...value }\n  }\n\n  // Extract root properties efficiently (excluding composition and nullable)\n  const { [composition]: _, nullable: originalNullable, ...rootProperties } = value as any\n  const hasRootProperties = Object.keys(rootProperties).length > 0\n\n  // Check for null schemas and filter them out in one pass\n  const { filteredSchemas, hasNullSchema } = schemas.reduce(\n    (acc, _schema) => {\n      const schema = resolve.schema(_schema)\n\n      if ('type' in schema && schema.type === 'null') {\n        acc.hasNullSchema = true\n      } else {\n        acc.filteredSchemas.push(schema)\n      }\n      return acc\n    },\n    { filteredSchemas: [] as SchemaObject[], hasNullSchema: false },\n  )\n\n  // Determine if nullable should be set\n  const shouldBeNullable = hasNullSchema || originalNullable === true\n\n  // If only one schema remains after filtering, merge with root properties\n  if (filteredSchemas.length === 1) {\n    const mergedSchema = { ...rootProperties, ...filteredSchemas[0] }\n    if (shouldBeNullable) {\n      mergedSchema.nullable = true\n    }\n    return mergedSchema\n  }\n\n  // Check if root properties should be merged into schemas\n  const shouldMergeRootProperties =\n    (composition === 'oneOf' || composition === 'anyOf') &&\n    (hasRootProperties || filteredSchemas.some((schema) => schema.allOf))\n\n  if (shouldMergeRootProperties) {\n    const mergedSchemas = filteredSchemas.map((_schema) => {\n      const schema = resolve.schema(_schema)\n\n      // Flatten single-item allOf and merge with root properties\n      if (schema.allOf?.length === 1) {\n        const { allOf, ...otherProps } = schema\n        return mergeSchemaProperties(rootProperties, otherProps, resolve.schema(allOf[0]))\n      }\n      return mergeSchemaProperties(rootProperties, schema)\n    })\n\n    // @ts-expect-error - We avoid using coerceValue here as it may be dangerous, so we type cast\n    const result = { [composition]: mergedSchemas } as SchemaObject\n    if (typeof value.description === 'string') {\n      result.description = value.description\n    }\n    if (shouldBeNullable) {\n      // @ts-expect-error We use nullable\n      result.nullable = true\n    }\n    return result\n  }\n\n  // Return with filtered schemas if any nulls were removed\n  if (filteredSchemas.length !== schemas.length) {\n    const result: SchemaObject = { ...value, [composition]: filteredSchemas }\n    if (shouldBeNullable) {\n      // @ts-expect-error We use nullable\n      result.nullable = true\n    }\n    return result\n  }\n\n  return { ...value }\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,sBAAsB,GAAG,SAA2E;CAC3G,MAAM,SAAkC,EAAE;CAC1C,MAAM,aAAsC,EAAE;CAC9C,MAAM,2BAAW,IAAI,KAAa;CAClC,IAAI,gBAAgB;CACpB,IAAI,cAAc;AAElB,MAAK,MAAM,UAAU,SAAS;AAC5B,MAAI,CAAC,OACH;AAGF,OAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,QAAQ,OAAO,EAAE;AAC/C,OAAI,QAAQ,gBAAgB,OAAO,OAAO,QAAQ,UAAU;AAC1D,WAAO,OAAO,YAAY,IAAI;AAC9B,oBAAgB;AAChB;;AAGF,OAAI,QAAQ,cAAc,MAAM,QAAQ,IAAI,EAAE;AAC5C,SAAK,MAAM,QAAQ,IACjB,UAAS,IAAI,KAAK;AAEpB,kBAAc;AACd;;AAGF,UAAO,OAAO;;;AAIlB,KAAI,cACF,QAAO,aAAa;AAEtB,KAAI,YACF,QAAO,WAAW,CAAC,GAAG,SAAS;AAGjC,QAAO;;;;;;;AAQT,SAAgB,wBAAwB,OAA2D;AACjG,KAAI,CAAC,SAAS,OAAO,UAAU,SAC7B,QAAO;CAIT,MAAM,cAAc,aAAa,MAAM,YAAY,WAAW,SAAS,YAAY,MAAM;AAGzF,KAAI,CAAC,YACH,QAAO,EAAE,GAAG,OAAO;CAGrB,MAAM,UAAU,MAAM;AACtB,KAAI,CAAC,MAAM,QAAQ,QAAQ,CACzB,QAAO,EAAE,GAAG,OAAO;CAIrB,MAAM,GAAG,cAAc,GAAG,UAAU,kBAAkB,GAAG,mBAAmB;CAC5E,MAAM,oBAAoB,OAAO,KAAK,eAAe,CAAC,SAAS;CAG/D,MAAM,EAAE,iBAAiB,kBAAkB,QAAQ,QAChD,KAAK,YAAY;EAChB,MAAM,SAAS,QAAQ,OAAO,QAAQ;AAEtC,MAAI,UAAU,UAAU,OAAO,SAAS,OACtC,KAAI,gBAAgB;MAEpB,KAAI,gBAAgB,KAAK,OAAO;AAElC,SAAO;IAET;EAAE,iBAAiB,EAAE;EAAoB,eAAe;EAAO,CAChE;CAGD,MAAM,mBAAmB,iBAAiB,qBAAqB;AAG/D,KAAI,gBAAgB,WAAW,GAAG;EAChC,MAAM,eAAe;GAAE,GAAG;GAAgB,GAAG,gBAAgB;GAAI;AACjE,MAAI,iBACF,cAAa,WAAW;AAE1B,SAAO;;AAQT,MAHG,gBAAgB,WAAW,gBAAgB,aAC3C,qBAAqB,gBAAgB,MAAM,WAAW,OAAO,MAAM,GAEvC;EAC7B,MAAM,gBAAgB,gBAAgB,KAAK,YAAY;GACrD,MAAM,SAAS,QAAQ,OAAO,QAAQ;AAGtC,OAAI,OAAO,OAAO,WAAW,GAAG;IAC9B,MAAM,EAAE,OAAO,GAAG,eAAe;AACjC,WAAO,sBAAsB,gBAAgB,YAAY,QAAQ,OAAO,MAAM,GAAG,CAAC;;AAEpF,UAAO,sBAAsB,gBAAgB,OAAO;IACpD;EAGF,MAAM,SAAS,GAAG,cAAc,eAAe;AAC/C,MAAI,OAAO,MAAM,gBAAgB,SAC/B,QAAO,cAAc,MAAM;AAE7B,MAAI,iBAEF,QAAO,WAAW;AAEpB,SAAO;;AAIT,KAAI,gBAAgB,WAAW,QAAQ,QAAQ;EAC7C,MAAM,SAAuB;GAAE,GAAG;IAAQ,cAAc;GAAiB;AACzE,MAAI,iBAEF,QAAO,WAAW;AAEpB,SAAO;;AAGT,QAAO,EAAE,GAAG,OAAO"}
+{"version":3,"file":"optimize-value-for-display.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/optimize-value-for-display.ts"],"sourcesContent":["import { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { compositions } from './schema-composition'\n\n/**\n * Shallow-merges schema-like objects, but unions `properties` and `required`\n * instead of letting a later object's `properties`/`required` completely\n * overwrite an earlier one's. Without this, a variant schema (e.g. a `oneOf`\n * branch) that declares its own `properties`/`required` would wipe out the\n * shared base fields factored out at the root (or via a sibling `allOf`)\n * instead of being combined with them (#9657).\n */\nfunction mergeSchemaProperties(...objects: (Record<string, unknown> | undefined)[]): Record<string, unknown> {\n  const merged: Record<string, unknown> = {}\n  const properties: Record<string, unknown> = {}\n  const required = new Set<string>()\n  let hasProperties = false\n  let hasRequired = false\n\n  for (const object of objects) {\n    if (!object) {\n      continue\n    }\n\n    for (const [key, val] of Object.entries(object)) {\n      if (key === 'properties' && val && typeof val === 'object') {\n        Object.assign(properties, val)\n        hasProperties = true\n        continue\n      }\n\n      if (key === 'required' && Array.isArray(val)) {\n        for (const name of val) {\n          required.add(name)\n        }\n        hasRequired = true\n        continue\n      }\n\n      merged[key] = val\n    }\n  }\n\n  if (hasProperties) {\n    merged.properties = properties\n  }\n  if (hasRequired) {\n    merged.required = [...required]\n  }\n\n  return merged\n}\n\n/**\n * Optimize the value by removing nulls from compositions and merging root properties.\n *\n * TODO: figure out what this does\n */\nexport function optimizeValueForDisplay(value: SchemaObject | undefined): SchemaObject | undefined {\n  if (!value || typeof value !== 'object') {\n    return value\n  }\n\n  // Find the composition keyword early to avoid unnecessary work\n  const composition = compositions.find((keyword) => keyword in value && keyword !== 'not')\n\n  // If there's no relevant composition keyword, return a shallow copy\n  if (!composition) {\n    return { ...value }\n  }\n\n  const schemas = value[composition]\n  if (!Array.isArray(schemas)) {\n    return { ...value }\n  }\n\n  // Extract root properties efficiently (excluding composition and nullable)\n  const { [composition]: _, nullable: originalNullable, ...rootProperties } = value as any\n  const hasRootProperties = Object.keys(rootProperties).length > 0\n\n  // Check for null schemas and filter them out in one pass\n  const { filteredSchemas, hasNullSchema } = schemas.reduce(\n    (acc, _schema) => {\n      const schema = resolve.schema(_schema)\n\n      if ('type' in schema && schema.type === 'null') {\n        acc.hasNullSchema = true\n      } else {\n        acc.filteredSchemas.push(schema)\n      }\n      return acc\n    },\n    { filteredSchemas: [] as SchemaObject[], hasNullSchema: false },\n  )\n\n  // Determine if nullable should be set\n  const shouldBeNullable = hasNullSchema || originalNullable === true\n\n  // If only one schema remains after filtering, merge with root properties.\n  // `properties`/`required` are unioned so sibling properties declared next to\n  // the composition (e.g. `properties` alongside a single-`$ref` `allOf`) are\n  // kept instead of being overwritten by the member schema's own `properties`.\n  // Root-level annotations (title, description, …) win over the member's: they\n  // describe the combined schema, not the base it extends.\n  if (filteredSchemas.length === 1) {\n    const mergedSchema = mergeSchemaProperties(filteredSchemas[0], rootProperties) as SchemaObject\n    if (shouldBeNullable) {\n      // @ts-expect-error We use nullable\n      mergedSchema.nullable = true\n    }\n    return mergedSchema\n  }\n\n  // Check if root properties should be merged into schemas\n  const shouldMergeRootProperties =\n    (composition === 'oneOf' || composition === 'anyOf') &&\n    (hasRootProperties || filteredSchemas.some((schema) => schema.allOf))\n\n  if (shouldMergeRootProperties) {\n    const mergedSchemas = filteredSchemas.map((_schema) => {\n      const schema = resolve.schema(_schema)\n\n      // Flatten single-item allOf and merge with root properties\n      if (schema.allOf?.length === 1) {\n        const { allOf, ...otherProps } = schema\n        return mergeSchemaProperties(rootProperties, otherProps, resolve.schema(allOf[0]))\n      }\n      return mergeSchemaProperties(rootProperties, schema)\n    })\n\n    // @ts-expect-error - We avoid using coerceValue here as it may be dangerous, so we type cast\n    const result = { [composition]: mergedSchemas } as SchemaObject\n    if (typeof value.description === 'string') {\n      result.description = value.description\n    }\n    if (shouldBeNullable) {\n      // @ts-expect-error We use nullable\n      result.nullable = true\n    }\n    return result\n  }\n\n  // Return with filtered schemas if any nulls were removed\n  if (filteredSchemas.length !== schemas.length) {\n    const result: SchemaObject = { ...value, [composition]: filteredSchemas }\n    if (shouldBeNullable) {\n      // @ts-expect-error We use nullable\n      result.nullable = true\n    }\n    return result\n  }\n\n  return { ...value }\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,sBAAsB,GAAG,SAA2E;CAC3G,MAAM,SAAkC,EAAE;CAC1C,MAAM,aAAsC,EAAE;CAC9C,MAAM,2BAAW,IAAI,KAAa;CAClC,IAAI,gBAAgB;CACpB,IAAI,cAAc;AAElB,MAAK,MAAM,UAAU,SAAS;AAC5B,MAAI,CAAC,OACH;AAGF,OAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,QAAQ,OAAO,EAAE;AAC/C,OAAI,QAAQ,gBAAgB,OAAO,OAAO,QAAQ,UAAU;AAC1D,WAAO,OAAO,YAAY,IAAI;AAC9B,oBAAgB;AAChB;;AAGF,OAAI,QAAQ,cAAc,MAAM,QAAQ,IAAI,EAAE;AAC5C,SAAK,MAAM,QAAQ,IACjB,UAAS,IAAI,KAAK;AAEpB,kBAAc;AACd;;AAGF,UAAO,OAAO;;;AAIlB,KAAI,cACF,QAAO,aAAa;AAEtB,KAAI,YACF,QAAO,WAAW,CAAC,GAAG,SAAS;AAGjC,QAAO;;;;;;;AAQT,SAAgB,wBAAwB,OAA2D;AACjG,KAAI,CAAC,SAAS,OAAO,UAAU,SAC7B,QAAO;CAIT,MAAM,cAAc,aAAa,MAAM,YAAY,WAAW,SAAS,YAAY,MAAM;AAGzF,KAAI,CAAC,YACH,QAAO,EAAE,GAAG,OAAO;CAGrB,MAAM,UAAU,MAAM;AACtB,KAAI,CAAC,MAAM,QAAQ,QAAQ,CACzB,QAAO,EAAE,GAAG,OAAO;CAIrB,MAAM,GAAG,cAAc,GAAG,UAAU,kBAAkB,GAAG,mBAAmB;CAC5E,MAAM,oBAAoB,OAAO,KAAK,eAAe,CAAC,SAAS;CAG/D,MAAM,EAAE,iBAAiB,kBAAkB,QAAQ,QAChD,KAAK,YAAY;EAChB,MAAM,SAAS,QAAQ,OAAO,QAAQ;AAEtC,MAAI,UAAU,UAAU,OAAO,SAAS,OACtC,KAAI,gBAAgB;MAEpB,KAAI,gBAAgB,KAAK,OAAO;AAElC,SAAO;IAET;EAAE,iBAAiB,EAAE;EAAoB,eAAe;EAAO,CAChE;CAGD,MAAM,mBAAmB,iBAAiB,qBAAqB;AAQ/D,KAAI,gBAAgB,WAAW,GAAG;EAChC,MAAM,eAAe,sBAAsB,gBAAgB,IAAI,eAAe;AAC9E,MAAI,iBAEF,cAAa,WAAW;AAE1B,SAAO;;AAQT,MAHG,gBAAgB,WAAW,gBAAgB,aAC3C,qBAAqB,gBAAgB,MAAM,WAAW,OAAO,MAAM,GAEvC;EAC7B,MAAM,gBAAgB,gBAAgB,KAAK,YAAY;GACrD,MAAM,SAAS,QAAQ,OAAO,QAAQ;AAGtC,OAAI,OAAO,OAAO,WAAW,GAAG;IAC9B,MAAM,EAAE,OAAO,GAAG,eAAe;AACjC,WAAO,sBAAsB,gBAAgB,YAAY,QAAQ,OAAO,MAAM,GAAG,CAAC;;AAEpF,UAAO,sBAAsB,gBAAgB,OAAO;IACpD;EAGF,MAAM,SAAS,GAAG,cAAc,eAAe;AAC/C,MAAI,OAAO,MAAM,gBAAgB,SAC/B,QAAO,cAAc,MAAM;AAE7B,MAAI,iBAEF,QAAO,WAAW;AAEpB,SAAO;;AAIT,KAAI,gBAAgB,WAAW,QAAQ,QAAQ;EAC7C,MAAM,SAAuB;GAAE,GAAG;IAAQ,cAAc;GAAiB;AACzE,MAAI,iBAEF,QAAO,WAAW;AAEpB,SAAO;;AAGT,QAAO,EAAE,GAAG,OAAO"}

package/dist/components/Content/Schema/helpers/partition-all-of-compositions.d.ts

@@ -0,0 +1,32 @@
+import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { CompositionKeyword } from './schema-composition.js';
+type ChoiceKeyword = Extract<CompositionKeyword, 'oneOf' | 'anyOf'>;
+/** An ordered piece of an `allOf`: either a merged object or a choice picker. */
+type AllOfSegment = {
+    kind: 'object';
+    schema: SchemaObject;
+} | {
+    kind: 'choice';
+    composition: ChoiceKeyword;
+    /** A minimal schema carrying only this group's composition, for SchemaComposition */
+    value: SchemaObject;
+    /** Ordinal among choice members, matching the request-example composition key */
+    choiceIndex: number;
+};
+/**
+ * Splits an `allOf` schema into an ordered list of segments so the renderer can
+ * show each `oneOf`/`anyOf` group as its own picker **in the position it was
+ * declared**, with the surrounding plain fields around it.
+ *
+ * `mergeAllOfSchemas` alone keeps only the FIRST `oneOf`/`anyOf` (dropping the
+ * 2nd+ groups of an object with several independent mutually-exclusive
+ * selections) and, being a merge, also loses the ordering between fields and
+ * choices. Walking the members in order fixes both: runs of consecutive object
+ * members are merged into one object segment, and each choice member becomes its
+ * own picker segment in place.
+ */
+export declare const partitionAllOfCompositions: (schema: SchemaObject | undefined) => {
+    segments: AllOfSegment[];
+};
+export {};
+//# sourceMappingURL=partition-all-of-compositions.d.ts.map

package/dist/components/Content/Schema/helpers/partition-all-of-compositions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"partition-all-of-compositions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Schema/helpers/partition-all-of-compositions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAGhG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAE9D,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAA;AAEnE,iFAAiF;AACjF,KAAK,YAAY,GACb;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,YAAY,CAAA;CAAE,GACxC;IACE,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,EAAE,aAAa,CAAA;IAC1B,qFAAqF;IACrF,KAAK,EAAE,YAAY,CAAA;IACnB,iFAAiF;IACjF,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAqEL;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,YAAY,GAAG,SAAS,KAAG;IAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;CA+EvG,CAAA"}

package/dist/components/Content/Schema/helpers/partition-all-of-compositions.js

@@ -0,0 +1,97 @@
+import { mergeAllOfSchemas } from "./merge-all-of-schemas.js";
+import { resolve } from "@scalar/workspace-store/resolve";
+//#region src/components/Content/Schema/helpers/partition-all-of-compositions.ts
+var CHOICE_KEYWORDS = ["oneOf", "anyOf"];
+/**
+* Flattens a member's own (non-composition) properties and every `oneOf`/`anyOf`
+* group it declares — recursing into nested `allOf` — into a flat, ordered list,
+* preserving source order so choice groups stay where they were authored.
+*
+* Pure-constraint keywords (`not`, `if/then/else`) are dropped: they carry no
+* visual variant and Scalar would otherwise render `not` as a bogus picker. The
+* rule still lives in the schema (validation) and in field descriptions.
+*/
+var collectMembers = (schema, out, seenRefs) => {
+	const { allOf, oneOf, anyOf, not: _not, if: _if, then: _then, else: _else, ...rest } = schema;
+	if (Object.keys(rest).length > 0) out.push({
+		kind: "object",
+		schema: rest
+	});
+	for (const keyword of CHOICE_KEYWORDS) {
+		const value = keyword === "oneOf" ? oneOf : anyOf;
+		if (Array.isArray(value) && value.length > 0) out.push({
+			kind: "choice",
+			composition: keyword,
+			value: { [keyword]: value }
+		});
+	}
+	if (Array.isArray(allOf)) {
+		for (const rawMember of allOf) if (rawMember && typeof rawMember === "object") {
+			const resolved = resolve.schema(rawMember);
+			const ref = resolved.$ref;
+			if (typeof ref === "string") {
+				if (seenRefs.has(ref)) continue;
+				collectMembers(resolved, out, new Set(seenRefs).add(ref));
+			} else collectMembers(resolved, out, seenRefs);
+		}
+	}
+};
+/**
+* Splits an `allOf` schema into an ordered list of segments so the renderer can
+* show each `oneOf`/`anyOf` group as its own picker **in the position it was
+* declared**, with the surrounding plain fields around it.
+*
+* `mergeAllOfSchemas` alone keeps only the FIRST `oneOf`/`anyOf` (dropping the
+* 2nd+ groups of an object with several independent mutually-exclusive
+* selections) and, being a merge, also loses the ordering between fields and
+* choices. Walking the members in order fixes both: runs of consecutive object
+* members are merged into one object segment, and each choice member becomes its
+* own picker segment in place.
+*/
+var partitionAllOfCompositions = (schema) => {
+	if (!schema) return { segments: [] };
+	const { allOf, oneOf: _oneOf, anyOf: _anyOf, not: _not, if: _if, then: _then, else: _else, ...rest } = schema;
+	if (!Array.isArray(allOf)) return { segments: [{
+		kind: "object",
+		schema
+	}] };
+	const members = [];
+	if (Object.keys(rest).length > 0) members.push({
+		kind: "object",
+		schema: rest
+	});
+	const seenRefs = /* @__PURE__ */ new Set();
+	for (const rawMember of allOf) if (rawMember && typeof rawMember === "object") {
+		const resolved = resolve.schema(rawMember);
+		const ref = resolved.$ref;
+		collectMembers(resolved, members, typeof ref === "string" ? new Set(seenRefs).add(ref) : seenRefs);
+	}
+	const segments = [];
+	let objectRun = [];
+	let choiceIndex = 0;
+	const flushObjectRun = () => {
+		if (objectRun.length === 0) return;
+		const merged = objectRun.length === 1 ? objectRun[0] : mergeAllOfSchemas({ allOf: objectRun });
+		segments.push({
+			kind: "object",
+			schema: merged
+		});
+		objectRun = [];
+	};
+	for (const member of members) if (member.kind === "object") objectRun.push(member.schema);
+	else {
+		flushObjectRun();
+		segments.push({
+			kind: "choice",
+			composition: member.composition,
+			value: member.value,
+			choiceIndex: choiceIndex++
+		});
+	}
+	flushObjectRun();
+	return { segments };
+};
+//#endregion
+export { partitionAllOfCompositions };
+
+//# sourceMappingURL=partition-all-of-compositions.js.map

package/dist/components/Content/Schema/helpers/partition-all-of-compositions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partition-all-of-compositions.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/partition-all-of-compositions.ts"],"sourcesContent":["import { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { mergeAllOfSchemas } from './merge-all-of-schemas'\nimport type { CompositionKeyword } from './schema-composition'\n\ntype ChoiceKeyword = Extract<CompositionKeyword, 'oneOf' | 'anyOf'>\n\n/** An ordered piece of an `allOf`: either a merged object or a choice picker. */\ntype AllOfSegment =\n  | { kind: 'object'; schema: SchemaObject }\n  | {\n      kind: 'choice'\n      composition: ChoiceKeyword\n      /** A minimal schema carrying only this group's composition, for SchemaComposition */\n      value: SchemaObject\n      /** Ordinal among choice members, matching the request-example composition key */\n      choiceIndex: number\n    }\n\nconst CHOICE_KEYWORDS: ChoiceKeyword[] = ['oneOf', 'anyOf']\n\ntype Member =\n  | { kind: 'object'; schema: SchemaObject }\n  | { kind: 'choice'; composition: ChoiceKeyword; value: SchemaObject }\n\n/**\n * Flattens a member's own (non-composition) properties and every `oneOf`/`anyOf`\n * group it declares — recursing into nested `allOf` — into a flat, ordered list,\n * preserving source order so choice groups stay where they were authored.\n *\n * Pure-constraint keywords (`not`, `if/then/else`) are dropped: they carry no\n * visual variant and Scalar would otherwise render `not` as a bogus picker. The\n * rule still lives in the schema (validation) and in field descriptions.\n */\nconst collectMembers = (schema: SchemaObject, out: Member[], seenRefs: Set<string>): void => {\n  const {\n    allOf,\n    oneOf,\n    anyOf,\n    not: _not,\n    if: _if,\n    then: _then,\n    else: _else,\n    ...rest\n  } = schema as SchemaObject & {\n    allOf?: unknown[]\n    oneOf?: unknown[]\n    anyOf?: unknown[]\n    not?: unknown\n    if?: unknown\n    then?: unknown\n    else?: unknown\n  }\n\n  if (Object.keys(rest).length > 0) {\n    out.push({ kind: 'object', schema: rest as SchemaObject })\n  }\n\n  for (const keyword of CHOICE_KEYWORDS) {\n    const value = keyword === 'oneOf' ? oneOf : anyOf\n    if (Array.isArray(value) && value.length > 0) {\n      out.push({ kind: 'choice', composition: keyword, value: { [keyword]: value } as unknown as SchemaObject })\n    }\n  }\n\n  if (Array.isArray(allOf)) {\n    for (const rawMember of allOf) {\n      if (rawMember && typeof rawMember === 'object') {\n        const resolved = resolve.schema(rawMember) as SchemaObject & { $ref?: string }\n        // Break `$ref` cycles reached through `allOf` (e.g. a member that\n        // references an ancestor). Without this guard a recursive `allOf`\n        // schema would recurse forever. `mergeAllOfSchemas` guards the same way.\n        const ref = resolved.$ref\n        if (typeof ref === 'string') {\n          if (seenRefs.has(ref)) {\n            continue\n          }\n          collectMembers(resolved, out, new Set(seenRefs).add(ref))\n        } else {\n          collectMembers(resolved, out, seenRefs)\n        }\n      }\n    }\n  }\n}\n\n/**\n * Splits an `allOf` schema into an ordered list of segments so the renderer can\n * show each `oneOf`/`anyOf` group as its own picker **in the position it was\n * declared**, with the surrounding plain fields around it.\n *\n * `mergeAllOfSchemas` alone keeps only the FIRST `oneOf`/`anyOf` (dropping the\n * 2nd+ groups of an object with several independent mutually-exclusive\n * selections) and, being a merge, also loses the ordering between fields and\n * choices. Walking the members in order fixes both: runs of consecutive object\n * members are merged into one object segment, and each choice member becomes its\n * own picker segment in place.\n */\nexport const partitionAllOfCompositions = (schema: SchemaObject | undefined): { segments: AllOfSegment[] } => {\n  if (!schema) {\n    return { segments: [] }\n  }\n\n  // The schema's own (non-composition) keys, minus its top-level `oneOf`/`anyOf`\n  // — those are rendered as their own composition by the caller, not here.\n  const {\n    allOf,\n    oneOf: _oneOf,\n    anyOf: _anyOf,\n    not: _not,\n    if: _if,\n    then: _then,\n    else: _else,\n    ...rest\n  } = schema as SchemaObject & {\n    allOf?: unknown[]\n    oneOf?: unknown[]\n    anyOf?: unknown[]\n    not?: unknown\n    if?: unknown\n    then?: unknown\n    else?: unknown\n  }\n\n  if (!Array.isArray(allOf)) {\n    return { segments: [{ kind: 'object', schema: schema }] }\n  }\n\n  const members: Member[] = []\n  if (Object.keys(rest).length > 0) {\n    members.push({ kind: 'object', schema: rest as SchemaObject })\n  }\n  const seenRefs = new Set<string>()\n  for (const rawMember of allOf) {\n    if (rawMember && typeof rawMember === 'object') {\n      const resolved = resolve.schema(rawMember) as SchemaObject & { $ref?: string }\n      const ref = resolved.$ref\n      collectMembers(resolved, members, typeof ref === 'string' ? new Set(seenRefs).add(ref) : seenRefs)\n    }\n  }\n\n  // Coalesce consecutive object members into a single merged object segment,\n  // keeping choice members as their own segments between them.\n  const segments: AllOfSegment[] = []\n  let objectRun: SchemaObject[] = []\n  let choiceIndex = 0\n\n  const flushObjectRun = () => {\n    if (objectRun.length === 0) {\n      return\n    }\n    const merged = objectRun.length === 1 ? objectRun[0]! : mergeAllOfSchemas({ allOf: objectRun } as SchemaObject)\n    segments.push({ kind: 'object', schema: merged })\n    objectRun = []\n  }\n\n  for (const member of members) {\n    if (member.kind === 'object') {\n      objectRun.push(member.schema)\n    } else {\n      flushObjectRun()\n      // `choiceIndex` is the ordinal used to build the composition-selection key\n      // that syncs each picker with the request example. It MUST stay aligned\n      // with the ordinal computed while walking `allOf` in\n      // `get-example-from-schema.ts` (`@scalar/workspace-store`), or a picker and\n      // its generated example fall out of sync.\n      segments.push({\n        kind: 'choice',\n        composition: member.composition,\n        value: member.value,\n        choiceIndex: choiceIndex++,\n      })\n    }\n  }\n  flushObjectRun()\n\n  return { segments }\n}\n"],"mappings":";;;AAoBA,IAAM,kBAAmC,CAAC,SAAS,QAAQ;;;;;;;;;;AAe3D,IAAM,kBAAkB,QAAsB,KAAe,aAAgC;CAC3F,MAAM,EACJ,OACA,OACA,OACA,KAAK,MACL,IAAI,KACJ,MAAM,OACN,MAAM,OACN,GAAG,SACD;AAUJ,KAAI,OAAO,KAAK,KAAK,CAAC,SAAS,EAC7B,KAAI,KAAK;EAAE,MAAM;EAAU,QAAQ;EAAsB,CAAC;AAG5D,MAAK,MAAM,WAAW,iBAAiB;EACrC,MAAM,QAAQ,YAAY,UAAU,QAAQ;AAC5C,MAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,SAAS,EACzC,KAAI,KAAK;GAAE,MAAM;GAAU,aAAa;GAAS,OAAO,GAAG,UAAU,OAAO;GAA6B,CAAC;;AAI9G,KAAI,MAAM,QAAQ,MAAM;OACjB,MAAM,aAAa,MACtB,KAAI,aAAa,OAAO,cAAc,UAAU;GAC9C,MAAM,WAAW,QAAQ,OAAO,UAAU;GAI1C,MAAM,MAAM,SAAS;AACrB,OAAI,OAAO,QAAQ,UAAU;AAC3B,QAAI,SAAS,IAAI,IAAI,CACnB;AAEF,mBAAe,UAAU,KAAK,IAAI,IAAI,SAAS,CAAC,IAAI,IAAI,CAAC;SAEzD,gBAAe,UAAU,KAAK,SAAS;;;;;;;;;;;;;;;;AAmBjD,IAAa,8BAA8B,WAAmE;AAC5G,KAAI,CAAC,OACH,QAAO,EAAE,UAAU,EAAE,EAAE;CAKzB,MAAM,EACJ,OACA,OAAO,QACP,OAAO,QACP,KAAK,MACL,IAAI,KACJ,MAAM,OACN,MAAM,OACN,GAAG,SACD;AAUJ,KAAI,CAAC,MAAM,QAAQ,MAAM,CACvB,QAAO,EAAE,UAAU,CAAC;EAAE,MAAM;EAAkB;EAAQ,CAAC,EAAE;CAG3D,MAAM,UAAoB,EAAE;AAC5B,KAAI,OAAO,KAAK,KAAK,CAAC,SAAS,EAC7B,SAAQ,KAAK;EAAE,MAAM;EAAU,QAAQ;EAAsB,CAAC;CAEhE,MAAM,2BAAW,IAAI,KAAa;AAClC,MAAK,MAAM,aAAa,MACtB,KAAI,aAAa,OAAO,cAAc,UAAU;EAC9C,MAAM,WAAW,QAAQ,OAAO,UAAU;EAC1C,MAAM,MAAM,SAAS;AACrB,iBAAe,UAAU,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,SAAS,CAAC,IAAI,IAAI,GAAG,SAAS;;CAMtG,MAAM,WAA2B,EAAE;CACnC,IAAI,YAA4B,EAAE;CAClC,IAAI,cAAc;CAElB,MAAM,uBAAuB;AAC3B,MAAI,UAAU,WAAW,EACvB;EAEF,MAAM,SAAS,UAAU,WAAW,IAAI,UAAU,KAAM,kBAAkB,EAAE,OAAO,WAAW,CAAiB;AAC/G,WAAS,KAAK;GAAE,MAAM;GAAU,QAAQ;GAAQ,CAAC;AACjD,cAAY,EAAE;;AAGhB,MAAK,MAAM,UAAU,QACnB,KAAI,OAAO,SAAS,SAClB,WAAU,KAAK,OAAO,OAAO;MACxB;AACL,kBAAgB;AAMhB,WAAS,KAAK;GACZ,MAAM;GACN,aAAa,OAAO;GACpB,OAAO,OAAO;GACd,aAAa;GACd,CAAC;;AAGN,iBAAgB;AAEhB,QAAO,EAAE,UAAU"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LinkList.vue.js","names":[],"sources":["../../../src/components/LinkList/LinkList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst containerRef = ref<HTMLDivElement>()\n\n/** Whether the container needs to scroll */\nconst needsScroll = ref(false)\n\n/** Check if the container can scroll in either direction */\nconst checkScrollability = () => {\n  if (!containerRef.value) {\n    return\n  }\n\n  const { scrollWidth, clientWidth } = containerRef.value\n  needsScroll.value = scrollWidth > clientWidth\n}\n\n/** MutationObserver to watch for changes in child elements */\nlet mutationObserver: MutationObserver | null = null\n\n/**\n * We use the mutation observer to watch for changes and check if we need to scroll,\n * if we do need to scroll we apply the icons-only class to the container\n */\nonMounted(() => {\n  checkScrollability()\n\n  // Re-check on window resize\n  window.addEventListener('resize', checkScrollability)\n\n  // Watch for changes in child elements\n  if (containerRef.value) {\n    mutationObserver = new MutationObserver(() => {\n      checkScrollability()\n    })\n\n    mutationObserver.observe(containerRef.value, {\n      childList: true,\n      subtree: true,\n    })\n  }\n})\n\nonUnmounted(() => {\n  // Clean up event listeners and observer\n  window.removeEventListener('resize', checkScrollability)\n\n  if (mutationObserver) {\n    mutationObserver.disconnect()\n    mutationObserver = null\n  }\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    :class=\"{ 'icons-only': needsScroll }\"\n    class=\"custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap xl:mb-1.5\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.icons-only :deep(span) {\n  display: none;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"LinkList.vue.js","names":[],"sources":["../../../src/components/LinkList/LinkList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst containerRef = ref<HTMLDivElement>()\n\n/** Whether the container needs to scroll */\nconst needsScroll = ref(false)\n\n/** Check if the container can scroll in either direction */\nconst checkScrollability = () => {\n  if (!containerRef.value) {\n    return\n  }\n\n  const { scrollWidth, clientWidth } = containerRef.value\n  needsScroll.value = scrollWidth > clientWidth\n}\n\n/** MutationObserver to watch for changes in child elements */\nlet mutationObserver: MutationObserver | null = null\n\n/**\n * We use the mutation observer to watch for changes and check if we need to scroll,\n * if we do need to scroll we apply the icons-only class to the container\n */\nonMounted(() => {\n  checkScrollability()\n\n  // Re-check on window resize\n  window.addEventListener('resize', checkScrollability)\n\n  // Watch for changes in child elements\n  if (containerRef.value) {\n    mutationObserver = new MutationObserver(() => {\n      checkScrollability()\n    })\n\n    mutationObserver.observe(containerRef.value, {\n      childList: true,\n      subtree: true,\n    })\n  }\n})\n\nonUnmounted(() => {\n  // Clean up event listeners and observer\n  window.removeEventListener('resize', checkScrollability)\n\n  if (mutationObserver) {\n    mutationObserver.disconnect()\n    mutationObserver = null\n  }\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"custom-scroll narrow:mb-3 mb-1.5 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap\"\n    :class=\"{ 'icons-only': needsScroll }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.icons-only :deep(span) {\n  display: none;\n}\n</style>\n"],"mappings":""}

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

@@ -42,7 +42,7 @@ var LinkList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			return openBlock(), createElementBlock("div", {
 				ref_key: "containerRef",
 				ref: containerRef,
-				class: normalizeClass([{ "icons-only": needsScroll.value }, "custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap xl:mb-1.5"])
+				class: normalizeClass(["custom-scroll narrow:mb-3 mb-1.5 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap", { "icons-only": needsScroll.value }])
 			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CompactSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/CompactSection.vue"],"names":[],"mappings":"AA4FA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AA6HF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CompactSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/CompactSection.vue"],"names":[],"mappings":"AAiHA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAkJF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CompactSection.vue.js","names":[],"sources":["../../../src/components/Section/CompactSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\n\nimport { Anchor } from '@/components/Anchor'\n\nimport Section from './Section.vue'\n\nconst { id } = defineProps<{\n  id: string\n  label?: string\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'copyAnchorUrl'): void\n}>()\n</script>\n<template>\n  <section\n    :aria-label=\"label\"\n    class=\"collapsible-section\">\n    <button\n      :id=\"id\"\n      :aria-controls=\"id\"\n      :aria-expanded=\"modelValue\"\n      class=\"collapsible-section-trigger\"\n      :class=\"{ 'collapsible-section-trigger-open': modelValue }\"\n      type=\"button\"\n      @click=\"emit('update:modelValue', !modelValue)\">\n      <ScalarIconCaretRight\n        class=\"size-3 transition-transform duration-100\"\n        :class=\"{ 'rotate-90': modelValue }\"\n        weight=\"bold\" />\n      <Anchor\n        class=\"collapsible-section-header\"\n        @copyAnchorUrl=\"() => emit('copyAnchorUrl')\">\n        <slot name=\"heading\" />\n      </Anchor>\n    </button>\n    <Section\n      v-if=\"modelValue\"\n      class=\"collapsible-section-content\"\n      :label=\"label\">\n      <slot />\n    </Section>\n  </section>\n</template>\n<style scoped>\n.collapsible-section {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  position: relative;\n}\n.collapsible-section-header {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 10px 0;\n  font-size: var(--scalar-font-size-3);\n  z-index: 1;\n  position: relative;\n}\n.collapsible-section-trigger svg {\n  color: var(--scalar-color-3);\n  position: absolute;\n  left: -19px;\n}\n.collapsible-section:hover .collapsible-section-trigger svg {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger :deep(.anchor-copy) {\n  line-height: 18.5px;\n}\n.collapsible-section-content {\n  padding: 0;\n  margin: 0;\n  margin-bottom: 10px;\n  scroll-margin-top: 140px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"CompactSection.vue.js","names":[],"sources":["../../../src/components/Section/CompactSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport { computed, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\n\nimport Section from './Section.vue'\n\nconst { id } = defineProps<{\n  id: string\n  label?: string\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'copyAnchorUrl'): void\n}>()\n\n/** The trigger owns `id` as its deep link target, so the region it controls needs one of its own */\nconst contentId = computed<string>(() => `${id}-content`)\n\n/**\n * Name the trigger after the heading it renders by pointing `aria-labelledby` at it,\n * rather than copying the text into an `aria-label`. Referencing the visible node keeps\n * the accessible name in sync with what is on screen, so it can never drift into a\n * WCAG 2.5.3 (Label in Name) failure the way a duplicated string can.\n */\nconst labelId = useId()\n</script>\n<template>\n  <section\n    :aria-label=\"label\"\n    class=\"collapsible-section\">\n    <button\n      :id=\"id\"\n      :aria-controls=\"modelValue ? contentId : undefined\"\n      :aria-expanded=\"modelValue\"\n      :aria-labelledby=\"labelId\"\n      class=\"collapsible-section-trigger\"\n      :class=\"{ 'collapsible-section-trigger-open': modelValue }\"\n      type=\"button\"\n      @click=\"emit('update:modelValue', !modelValue)\">\n      <ScalarIconCaretRight\n        class=\"size-3 transition-transform duration-100\"\n        :class=\"{ 'rotate-90': modelValue }\"\n        weight=\"bold\" />\n      <Anchor\n        class=\"collapsible-section-header\"\n        @copyAnchorUrl=\"() => emit('copyAnchorUrl')\">\n        <!-- Wrap only the heading so `aria-labelledby` names the trigger after the\n             visible text alone, excluding the caret and the nested copy-link button -->\n        <span\n          :id=\"labelId\"\n          class=\"contents\">\n          <slot name=\"heading\" />\n        </span>\n      </Anchor>\n    </button>\n    <Section\n      v-if=\"modelValue\"\n      :id=\"contentId\"\n      class=\"collapsible-section-content\"\n      :label=\"label\">\n      <slot />\n    </Section>\n  </section>\n</template>\n<style scoped>\n.collapsible-section {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  position: relative;\n}\n.collapsible-section-header {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 10px 0;\n  font-size: var(--scalar-font-size-3);\n  z-index: 1;\n  position: relative;\n}\n.collapsible-section-trigger svg {\n  color: var(--scalar-color-3);\n  position: absolute;\n  left: -19px;\n}\n.collapsible-section:hover .collapsible-section-trigger svg {\n  color: var(--scalar-color-1);\n}\n.collapsible-section .collapsible-section-trigger :deep(.anchor-copy) {\n  line-height: 18.5px;\n}\n.collapsible-section-content {\n  padding: 0;\n  margin: 0;\n  margin-bottom: 10px;\n  scroll-margin-top: 140px;\n}\n</style>\n"],"mappings":""}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionHeader.vue"],"names":[],"mappings":"AAmDA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AA0CF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SectionHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionHeader.vue"],"names":[],"mappings":"AA6CA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AA4CF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region src/components/Section/SectionHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "section-header-wrapper xl:gap-12" };
+var _hoisted_1 = { class: "section-header-wrapper narrow:grid-cols-1 narrow:gap-0 grid grid-cols-2 gap-12" };
 var SectionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "SectionHeader",
 	props: {