@vizejs/ui 0.387.0 → 0.389.0

package/dist/catalog.mjs

@@ -1,4 +1,4 @@
-//#region src/family-catalog-types.ts
+//#region src/catalog/family-catalog-types.ts
 const UI_FAMILY_CATALOG_SCHEMA_VERSION = 1;
 const stableQualityGates = [
 	"behavior-contract",
@@ -26,25 +26,26 @@ const componentQualityGates = [
 ];
 const catalogOwner = "ui-foundations";
 //#endregion
-//#region src/family-catalog-basics.ts
-const basicFamilyCatalog = [
+//#region src/catalog/family-catalog-actions.ts
+const buttonFamilyRoot = "src/families/actions/button/";
+const actionFamilyCatalog = [
 	{
 		canonicalName: "button",
 		title: "Button",
 		packageSubpath: "./button",
-		entryFile: "src/button.ts",
+		entryFile: `${buttonFamilyRoot}button.ts`,
 		sourceFiles: [
-			"src/ActionButton.vue",
-			"src/button.ts",
-			"src/button-keyboard.ts"
+			`${buttonFamilyRoot}button.vue`,
+			`${buttonFamilyRoot}button.ts`,
+			`${buttonFamilyRoot}button-keyboard.ts`
 		],
-		behaviorContract: "src/button.behavior.md",
-		tests: ["src/button.test.ts"],
-		rendererFixture: "ActionButton.vue",
+		behaviorContract: `${buttonFamilyRoot}button.behavior.md`,
+		tests: [`${buttonFamilyRoot}button.test.ts`],
+		rendererFixture: "families/actions/button/button.vue",
 		qualityGates: componentQualityGates,
 		bundleBudget: {
 			exportName: "Button",
-			retainedSignature: "aria-busy",
+			retainedSignature: "data-vize-ui\":(?:`button`|\"button\"|'button')",
 			maximumJavaScriptGzipBytes: 1e3,
 			maximumCssGzipBytes: 0
 		},
@@ -59,202 +60,282 @@ const basicFamilyCatalog = [
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "checkbox",
-		title: "Checkbox",
-		packageSubpath: "./checkbox",
-		entryFile: "src/checkbox.ts",
+		canonicalName: "button-group",
+		title: "Button Group",
+		packageSubpath: "./button-group",
+		entryFile: "src/families/actions/button-group/button-group.ts",
 		sourceFiles: [
-			"src/CheckboxControl.vue",
-			"src/checkbox.ts",
-			"src/checkbox-state.ts"
+			"src/families/actions/button-group/button-group.vue",
+			"src/families/actions/button-group/button-group-item.vue",
+			"src/families/actions/button-group/button-group.ts",
+			"src/families/actions/button-group/button-group-context.ts",
+			"src/families/actions/button-group/button-group-types.ts"
 		],
-		behaviorContract: "src/checkbox.behavior.md",
-		tests: ["src/checkbox.test.ts"],
-		rendererFixture: "CheckboxControl.vue",
+		behaviorContract: "src/families/actions/button-group/button-group.behavior.md",
+		tests: ["src/families/actions/button-group/button-group.test.ts", "src/families/actions/button-group/button-group-ssr.test.ts"],
+		typeTests: ["src/families/actions/button-group/button-group.types.test-d.ts"],
+		rendererFixture: "ButtonGroupConsumer.vue",
 		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "Checkbox",
-			retainedSignature: "aria-checked",
-			allowedRetainedFamilies: ["controllable-state"],
-			maximumJavaScriptGzipBytes: 1100,
+			exportName: "ButtonGroup",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}button-group",
+			allowedRetainedFamilies: ["context"],
+			maximumJavaScriptGzipBytes: 1900,
 			maximumCssGzipBytes: 0
 		},
-		aliases: ["checkbox control", "mixed checkbox"],
+		aliases: [
+			"button group",
+			"button bar",
+			"action group",
+			"toolbar"
+		],
 		upstreamCoverage: [
-			"shadcn/ui Checkbox",
-			"Reka UI Checkbox",
-			"React Aria Checkbox"
+			"WAI-ARIA Toolbar",
+			"React Aria Toolbar",
+			"shadcn/ui Button"
 		],
-		dependencies: ["controllable-state"],
+		dependencies: ["context"],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "collection",
-		title: "Collection Registry",
-		packageSubpath: "./collection",
-		entryFile: "src/collection.ts",
-		sourceFiles: [
-			"src/collection.ts",
-			"src/collection-registry.ts",
-			"src/collection-keys.ts",
-			"src/collection-observer.ts",
-			"src/collection-order.ts",
-			"src/collection-text.ts",
-			"src/collection-types.ts"
-		],
-		behaviorContract: "src/collection.behavior.md",
-		tests: ["src/collection.test.ts", "src/collection-dom.test.ts"],
-		typeTests: ["src/collection.types.test-d.ts"],
-		qualityGates: stableQualityGates,
+		canonicalName: "copy-button",
+		title: "Copy Button",
+		packageSubpath: "./copy-button",
+		entryFile: "src/families/actions/copy-button/copy-button.ts",
+		sourceFiles: [
+			"src/families/actions/copy-button/copy-button.vue",
+			"src/families/actions/copy-button/copy-button.ts",
+			"src/families/actions/copy-button/copy-button-types.ts"
+		],
+		behaviorContract: "src/families/actions/copy-button/copy-button.behavior.md",
+		tests: ["src/families/actions/copy-button/copy-button.test.ts", "src/families/actions/copy-button/copy-button-ssr.test.ts"],
+		typeTests: ["src/families/actions/copy-button/copy-button.types.test-d.ts"],
+		rendererFixture: "CopyButtonConsumer.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createCollectionRegistry",
-			retainedSignature: "VIZE_UI_COLLECTION_DISPOSED",
-			maximumJavaScriptGzipBytes: 3150,
+			exportName: "CopyButton",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}copy-button",
+			maximumJavaScriptGzipBytes: 1650,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"collection registry",
-			"item registry",
-			"logical focus registry"
+			"copy button",
+			"clipboard button",
+			"copy to clipboard",
+			"clipboard action"
 		],
 		upstreamCoverage: [
-			"React Aria Collection",
-			"Ariakit Composite Store",
-			"Zag collection"
+			"shadcn/ui Copy Button",
+			"React Aria Button",
+			"WAI-ARIA Button"
 		],
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "composite-navigation",
-		title: "Composite Navigation",
-		packageSubpath: "./composite-navigation",
-		entryFile: "src/composite-navigation.ts",
+		canonicalName: "fullscreen-button",
+		title: "Fullscreen Button",
+		packageSubpath: "./fullscreen-button",
+		entryFile: "src/families/actions/fullscreen-button/fullscreen-button.ts",
 		sourceFiles: [
-			"src/composite-navigation.ts",
-			"src/composite-navigation-dom.ts",
-			"src/composite-navigation-internal.ts",
-			"src/composite-navigation-types.ts"
+			"src/families/actions/fullscreen-button/fullscreen-button.vue",
+			"src/families/actions/fullscreen-button/fullscreen-button.ts",
+			"src/families/actions/fullscreen-button/fullscreen-button-types.ts"
 		],
-		behaviorContract: "src/composite-navigation.behavior.md",
+		behaviorContract: "src/families/actions/fullscreen-button/fullscreen-button.behavior.md",
 		tests: [
-			"src/composite-navigation.test.ts",
-			"src/composite-navigation-active-descendant.test.ts",
-			"src/composite-navigation-lifecycle.test.ts",
-			"src/composite-navigation-ssr.test.ts"
+			"src/families/actions/fullscreen-button/fullscreen-button.test.ts",
+			"src/families/actions/fullscreen-button/fullscreen-button-slot-expose.test.ts",
+			"src/families/actions/fullscreen-button/fullscreen-button-ssr.test.ts"
 		],
-		typeTests: ["src/composite-navigation.types.test-d.ts"],
-		rendererFixture: "CompositeNavigationConsumer.vue",
-		qualityGates: interactionQualityGates,
+		typeTests: ["src/families/actions/fullscreen-button/fullscreen-button.types.test-d.ts"],
+		rendererFixture: "FullscreenButtonConsumer.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createCompositeNavigation",
-			retainedSignature: "VIZE_UI_COMPOSITE_NAVIGATION_DISPOSED",
-			allowedRetainedFamilies: ["typeahead"],
-			maximumJavaScriptGzipBytes: 3900,
+			exportName: "FullscreenButton",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}fullscreen-button",
+			allowedRetainedFamilies: ["toggle"],
+			maximumJavaScriptGzipBytes: 2750,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"roving focus",
-			"active descendant",
-			"composite widget navigation"
+			"fullscreen button",
+			"fullscreen toggle",
+			"fullscreen action",
+			"screen control"
 		],
 		upstreamCoverage: [
-			"WAI-ARIA composite widgets",
-			"Reka UI Roving Focus",
-			"Ariakit Composite"
+			"Fullscreen API",
+			"React Aria Button",
+			"WAI-ARIA Button"
 		],
-		dependencies: ["collection", "typeahead"],
+		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "context",
-		title: "Typed Component Context",
-		packageSubpath: "./context",
-		entryFile: "src/context.ts",
-		sourceFiles: ["src/context.ts"],
-		behaviorContract: "src/context.behavior.md",
-		tests: ["src/context.test.ts"],
-		typeTests: ["src/context.types.test-d.ts"],
-		qualityGates: stableQualityGates,
+		canonicalName: "print-button",
+		title: "Print Button",
+		packageSubpath: "./print-button",
+		entryFile: "src/families/actions/print-button/print-button.ts",
+		sourceFiles: [
+			"src/families/actions/print-button/print-button.vue",
+			"src/families/actions/print-button/print-button.ts",
+			"src/families/actions/print-button/print-button-types.ts"
+		],
+		behaviorContract: "src/families/actions/print-button/print-button.behavior.md",
+		tests: ["src/families/actions/print-button/print-button.test.ts", "src/families/actions/print-button/print-button-ssr.test.ts"],
+		typeTests: ["src/families/actions/print-button/print-button.types.test-d.ts"],
+		rendererFixture: "PrintButtonConsumer.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createContext",
-			retainedSignature: "VIZE_UI_CONTEXT_MISSING",
-			maximumJavaScriptGzipBytes: 450,
+			exportName: "PrintButton",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}print-button",
+			maximumJavaScriptGzipBytes: 1650,
 			maximumCssGzipBytes: 0
 		},
-		aliases: ["provide inject context", "compound component context"],
-		upstreamCoverage: ["Reka UI createContext", "Radix context scope"],
+		aliases: [
+			"print button",
+			"browser print",
+			"print action",
+			"print control"
+		],
+		upstreamCoverage: [
+			"HTML button",
+			"React Aria Button",
+			"WAI-ARIA Button"
+		],
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "controllable-state",
-		title: "Controlled and Uncontrolled State",
-		packageSubpath: "./controllable-state",
-		entryFile: "src/controllable-state.ts",
-		sourceFiles: ["src/controllable-state.ts"],
-		behaviorContract: "src/controllable-state.behavior.md",
-		tests: ["src/controllable-state.test.ts"],
-		typeTests: ["src/controllable-state.types.test-d.ts"],
-		qualityGates: stableQualityGates,
+		canonicalName: "share-button",
+		title: "Share Button",
+		packageSubpath: "./share-button",
+		entryFile: "src/families/actions/share-button/share-button.ts",
+		sourceFiles: [
+			"src/families/actions/share-button/share-button.vue",
+			"src/families/actions/share-button/share-button.ts",
+			"src/families/actions/share-button/share-button-types.ts"
+		],
+		behaviorContract: "src/families/actions/share-button/share-button.behavior.md",
+		tests: [
+			"src/families/actions/share-button/share-button.test.ts",
+			"src/families/actions/share-button/share-button-slot-expose.test.ts",
+			"src/families/actions/share-button/share-button-ssr.test.ts"
+		],
+		typeTests: ["src/families/actions/share-button/share-button.types.test-d.ts"],
+		rendererFixture: "ShareButtonConsumer.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "useControllableState",
-			retainedSignature: "defaultValue[\\s\\S]*Object\\.is[\\s\\S]*defaultValue",
-			maximumJavaScriptGzipBytes: 550,
+			exportName: "ShareButton",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}share-button",
+			maximumJavaScriptGzipBytes: 1700,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"controllable state",
-			"controlled state",
-			"uncontrolled state"
+			"share button",
+			"web share button",
+			"share action",
+			"share control"
+		],
+		upstreamCoverage: [
+			"Web Share API",
+			"React Aria Button",
+			"WAI-ARIA Button"
 		],
-		upstreamCoverage: ["Radix useControllableState", "React Aria controlled state"],
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
+	},
+	{
+		canonicalName: "toolbar",
+		title: "Toolbar",
+		packageSubpath: "./toolbar",
+		entryFile: "src/families/actions/toolbar/toolbar.ts",
+		sourceFiles: [
+			"src/families/actions/toolbar/toolbar.vue",
+			"src/families/actions/toolbar/toolbar-item.vue",
+			"src/families/actions/toolbar/toolbar.ts",
+			"src/families/actions/toolbar/toolbar-context.ts",
+			"src/families/actions/toolbar/toolbar-contracts.ts",
+			"src/families/actions/toolbar/toolbar-types.ts"
+		],
+		behaviorContract: "src/families/actions/toolbar/toolbar.behavior.md",
+		tests: ["src/families/actions/toolbar/toolbar.test.ts", "src/families/actions/toolbar/toolbar-ssr.test.ts"],
+		typeTests: ["src/families/actions/toolbar/toolbar.types.test-d.ts"],
+		rendererFixture: "ToolbarConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Toolbar",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}toolbar",
+			allowedRetainedFamilies: ["context"],
+			maximumJavaScriptGzipBytes: 1900,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"toolbar",
+			"action toolbar",
+			"editor toolbar",
+			"command toolbar"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA Toolbar",
+			"React Aria Toolbar",
+			"Radix Toolbar"
+		],
+		dependencies: ["context"],
+		maturity: "stable",
+		owner: catalogOwner
 	}
 ];
 //#endregion
-//#region src/family-catalog-focus.ts
-const focusFamilyCatalog = [
+//#region src/catalog/family-catalog-accessibility.ts
+const accessibilityFamilyRoot = "src/families/accessibility/";
+const announcerFamilyRoot = `${accessibilityFamilyRoot}announcer/`;
+const focusFamilyRoot = `${accessibilityFamilyRoot}focus/`;
+const focusGuardsFamilyRoot = `${accessibilityFamilyRoot}focus-guards/`;
+const focusScopeFamilyRoot = `${accessibilityFamilyRoot}focus-scope/`;
+const inertOutsideFamilyRoot = `${accessibilityFamilyRoot}inert-outside/`;
+const interactionModalityFamilyRoot = `${accessibilityFamilyRoot}interaction-modality/`;
+const liveRegionFamilyRoot = `${accessibilityFamilyRoot}live-region/`;
+const scrollLockFamilyRoot = `${accessibilityFamilyRoot}scroll-lock/`;
+const visuallyHiddenFamilyRoot = `${accessibilityFamilyRoot}visually-hidden/`;
+const accessibilityFamilyCatalog = [
 	{
-		canonicalName: "dismissable-layer",
-		title: "Dismissable Layer",
-		packageSubpath: "./dismissable-layer",
-		entryFile: "src/dismissable-layer.ts",
+		canonicalName: "announcer",
+		title: "Announcer",
+		packageSubpath: "./announcer",
+		entryFile: `${announcerFamilyRoot}announcer.ts`,
 		sourceFiles: [
-			"src/dismissable-layer.ts",
-			"src/dismissable-layer-internal.ts",
-			"src/dismissable-layer-stack.ts",
-			"src/dismissable-layer-types.ts"
+			`${announcerFamilyRoot}announcer-provider.vue`,
+			`${announcerFamilyRoot}announcer.ts`,
+			`${announcerFamilyRoot}announcer-busy.ts`,
+			`${announcerFamilyRoot}announcer-runtime.ts`,
+			`${announcerFamilyRoot}announcer-types.ts`
 		],
-		behaviorContract: "src/dismissable-layer.behavior.md",
-		tests: ["src/dismissable-layer.test.ts", "src/dismissable-layer-ssr.test.ts"],
-		typeTests: ["src/dismissable-layer.types.test-d.ts"],
-		rendererFixture: "DismissableLayerConsumer.vue",
-		qualityGates: interactionQualityGates,
+		behaviorContract: `${announcerFamilyRoot}announcer.behavior.md`,
+		tests: [`${announcerFamilyRoot}announcer.test.ts`, `${announcerFamilyRoot}announcer-ssr.test.ts`],
+		typeTests: [`${announcerFamilyRoot}announcer.types.test-d.ts`],
+		rendererFixture: "families/accessibility/announcer/announcer-provider.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createDismissableLayer",
-			retainedSignature: "VIZE_UI_DISMISSABLE_LAYER_DISPOSED",
-			maximumJavaScriptGzipBytes: 2850,
+			exportName: "AnnouncerProvider",
+			retainedSignature: "VIZE_UI_ANNOUNCER_DISPOSED",
+			allowedRetainedFamilies: ["context", "live-region"],
+			maximumJavaScriptGzipBytes: 2050,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"dismissible layer",
-			"outside interaction",
-			"escape routing",
-			"overlay stack"
-		],
-		upstreamCoverage: [
-			"Radix DismissableLayer",
-			"React Aria overlay dismissal",
-			"Reka UI DismissableLayer"
+			"announcement queue",
+			"status announcer",
+			"busy announcements"
 		],
-		dependencies: [],
+		upstreamCoverage: ["ARIA live regions", "coalesced announcement queues"],
+		dependencies: ["context", "live-region"],
 		maturity: "stable",
 		owner: catalogOwner
 	},
@@ -262,19 +343,19 @@ const focusFamilyCatalog = [
 		canonicalName: "focus",
 		title: "Focus Interactions",
 		packageSubpath: "./focus",
-		entryFile: "src/focus.ts",
+		entryFile: `${focusFamilyRoot}focus.ts`,
 		sourceFiles: [
-			"src/focus.ts",
-			"src/focus-internal.ts",
-			"src/focus-types.ts"
+			`${focusFamilyRoot}focus.ts`,
+			`${focusFamilyRoot}focus-internal.ts`,
+			`${focusFamilyRoot}focus-types.ts`
 		],
-		behaviorContract: "src/focus.behavior.md",
+		behaviorContract: `${focusFamilyRoot}focus.behavior.md`,
 		tests: [
-			"src/focus.test.ts",
-			"src/focus-lifecycle.test.ts",
-			"src/focus-ssr.test.ts"
+			`${focusFamilyRoot}focus.test.ts`,
+			`${focusFamilyRoot}focus-lifecycle.test.ts`,
+			`${focusFamilyRoot}focus-ssr.test.ts`
 		],
-		typeTests: ["src/focus.types.test-d.ts"],
+		typeTests: [`${focusFamilyRoot}focus.types.test-d.ts`],
 		rendererFixture: "FocusConsumer.vue",
 		qualityGates: interactionQualityGates,
 		bundleBudget: {
@@ -302,22 +383,22 @@ const focusFamilyCatalog = [
 		canonicalName: "focus-guards",
 		title: "Focus Guards",
 		packageSubpath: "./focus-guards",
-		entryFile: "src/focus-guards.ts",
+		entryFile: `${focusGuardsFamilyRoot}focus-guards.ts`,
 		sourceFiles: [
-			"src/focus-guards.ts",
-			"src/focus-guards-internal.ts",
-			"src/focus-guards-stack.ts",
-			"src/focus-guards-types.ts"
+			`${focusGuardsFamilyRoot}focus-guards.ts`,
+			`${focusGuardsFamilyRoot}focus-guards-internal.ts`,
+			`${focusGuardsFamilyRoot}focus-guards-stack.ts`,
+			`${focusGuardsFamilyRoot}focus-guards-types.ts`
 		],
-		behaviorContract: "src/focus-guards.behavior.md",
-		tests: ["src/focus-guards.test.ts", "src/focus-guards-ssr.test.ts"],
-		typeTests: ["src/focus-guards.types.test-d.ts"],
+		behaviorContract: `${focusGuardsFamilyRoot}focus-guards.behavior.md`,
+		tests: [`${focusGuardsFamilyRoot}focus-guards.test.ts`, `${focusGuardsFamilyRoot}focus-guards-ssr.test.ts`],
+		typeTests: [`${focusGuardsFamilyRoot}focus-guards.types.test-d.ts`],
 		rendererFixture: "FocusGuardsConsumer.vue",
 		qualityGates: interactionQualityGates,
 		bundleBudget: {
 			exportName: "createFocusGuards",
 			retainedSignature: "VIZE_UI_FOCUS_GUARDS_DISPOSED",
-			maximumJavaScriptGzipBytes: 3500,
+			maximumJavaScriptGzipBytes: 3525,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
@@ -334,23 +415,23 @@ const focusFamilyCatalog = [
 		canonicalName: "focus-scope",
 		title: "Focus Scope",
 		packageSubpath: "./focus-scope",
-		entryFile: "src/focus-scope.ts",
+		entryFile: `${focusScopeFamilyRoot}focus-scope.ts`,
 		sourceFiles: [
-			"src/focus-scope.ts",
-			"src/focus-scope-dom.ts",
-			"src/focus-scope-internal.ts",
-			"src/focus-scope-manager.ts",
-			"src/focus-scope-stack.ts",
-			"src/focus-scope-types.ts",
-			"src/use-focus-scope.ts"
+			`${focusScopeFamilyRoot}focus-scope.ts`,
+			`${focusScopeFamilyRoot}focus-scope-dom.ts`,
+			`${focusScopeFamilyRoot}focus-scope-internal.ts`,
+			`${focusScopeFamilyRoot}focus-scope-manager.ts`,
+			`${focusScopeFamilyRoot}focus-scope-stack.ts`,
+			`${focusScopeFamilyRoot}focus-scope-types.ts`,
+			`${focusScopeFamilyRoot}use-focus-scope.ts`
 		],
-		behaviorContract: "src/focus-scope.behavior.md",
+		behaviorContract: `${focusScopeFamilyRoot}focus-scope.behavior.md`,
 		tests: [
-			"src/focus-scope.test.ts",
-			"src/focus-scope-lifecycle.test.ts",
-			"src/focus-scope-ssr.test.ts"
+			`${focusScopeFamilyRoot}focus-scope.test.ts`,
+			`${focusScopeFamilyRoot}focus-scope-lifecycle.test.ts`,
+			`${focusScopeFamilyRoot}focus-scope-ssr.test.ts`
 		],
-		typeTests: ["src/focus-scope.types.test-d.ts"],
+		typeTests: [`${focusScopeFamilyRoot}focus-scope.types.test-d.ts`],
 		rendererFixture: "FocusScopeConsumer.vue",
 		qualityGates: interactionQualityGates,
 		bundleBudget: {
@@ -373,79 +454,21 @@ const focusFamilyCatalog = [
 		maturity: "stable",
 		owner: catalogOwner
 	},
-	{
-		canonicalName: "hover",
-		title: "Hover Interaction",
-		packageSubpath: "./hover",
-		entryFile: "src/hover.ts",
-		sourceFiles: ["src/hover.ts", "src/hover-types.ts"],
-		behaviorContract: "src/hover.behavior.md",
-		tests: ["src/hover.test.ts", "src/hover-ssr.test.ts"],
-		typeTests: ["src/hover.types.test-d.ts"],
-		rendererFixture: "HoverConsumer.vue",
-		qualityGates: interactionQualityGates,
-		bundleBudget: {
-			exportName: "createHover",
-			retainedSignature: "VIZE_UI_HOVER_DISPOSED",
-			maximumJavaScriptGzipBytes: 1450,
-			maximumCssGzipBytes: 0
-		},
-		aliases: [
-			"hover",
-			"pointer hover",
-			"pen hover"
-		],
-		upstreamCoverage: ["React Aria useHover", "Pointer Events hover"],
-		dependencies: [],
-		maturity: "stable",
-		owner: catalogOwner
-	},
-	{
-		canonicalName: "id",
-		title: "Deterministic ID Provider",
-		packageSubpath: "./id",
-		entryFile: "src/id.ts",
-		sourceFiles: [
-			"src/DeterministicIdProvider.vue",
-			"src/id.ts",
-			"src/deterministic-id.ts"
-		],
-		behaviorContract: "src/id.behavior.md",
-		tests: ["src/id.test.ts"],
-		typeTests: ["src/id.types.test-d.ts"],
-		rendererFixture: "DeterministicIdProvider.vue",
-		qualityGates: componentQualityGates,
-		bundleBudget: {
-			exportName: "IdProvider",
-			retainedSignature: "DeterministicIdProvider",
-			maximumJavaScriptGzipBytes: 1050,
-			maximumCssGzipBytes: 0
-		},
-		aliases: [
-			"id provider",
-			"deterministic ids",
-			"hydration ids"
-		],
-		upstreamCoverage: ["React Aria SSRProvider", "Vue useId"],
-		dependencies: ["context"],
-		maturity: "stable",
-		owner: catalogOwner
-	},
 	{
 		canonicalName: "inert-outside",
 		title: "Outside Inerting",
 		packageSubpath: "./inert-outside",
-		entryFile: "src/inert-outside.ts",
+		entryFile: `${inertOutsideFamilyRoot}inert-outside.ts`,
 		sourceFiles: [
-			"src/inert-outside.ts",
-			"src/inert-outside-dom.ts",
-			"src/inert-outside-internal.ts",
-			"src/inert-outside-stack.ts",
-			"src/inert-outside-types.ts"
+			`${inertOutsideFamilyRoot}inert-outside.ts`,
+			`${inertOutsideFamilyRoot}inert-outside-dom.ts`,
+			`${inertOutsideFamilyRoot}inert-outside-internal.ts`,
+			`${inertOutsideFamilyRoot}inert-outside-stack.ts`,
+			`${inertOutsideFamilyRoot}inert-outside-types.ts`
 		],
-		behaviorContract: "src/inert-outside.behavior.md",
-		tests: ["src/inert-outside.test.ts", "src/inert-outside-ssr.test.ts"],
-		typeTests: ["src/inert-outside.types.test-d.ts"],
+		behaviorContract: `${inertOutsideFamilyRoot}inert-outside.behavior.md`,
+		tests: [`${inertOutsideFamilyRoot}inert-outside.test.ts`, `${inertOutsideFamilyRoot}inert-outside-ssr.test.ts`],
+		typeTests: [`${inertOutsideFamilyRoot}inert-outside.types.test-d.ts`],
 		rendererFixture: "InertOutsideConsumer.vue",
 		qualityGates: interactionQualityGates,
 		bundleBudget: {
@@ -468,20 +491,20 @@ const focusFamilyCatalog = [
 		canonicalName: "interaction-modality",
 		title: "Interaction Modality",
 		packageSubpath: "./interaction-modality",
-		entryFile: "src/interaction-modality.ts",
+		entryFile: `${interactionModalityFamilyRoot}interaction-modality.ts`,
 		sourceFiles: [
-			"src/interaction-modality.ts",
-			"src/interaction-modality-events.ts",
-			"src/interaction-modality-hub.ts",
-			"src/interaction-modality-types.ts"
+			`${interactionModalityFamilyRoot}interaction-modality.ts`,
+			`${interactionModalityFamilyRoot}interaction-modality-events.ts`,
+			`${interactionModalityFamilyRoot}interaction-modality-hub.ts`,
+			`${interactionModalityFamilyRoot}interaction-modality-types.ts`
 		],
-		behaviorContract: "src/interaction-modality.behavior.md",
+		behaviorContract: `${interactionModalityFamilyRoot}interaction-modality.behavior.md`,
 		tests: [
-			"src/interaction-modality.test.ts",
-			"src/interaction-modality-lifecycle.test.ts",
-			"src/interaction-modality-ssr.test.ts"
+			`${interactionModalityFamilyRoot}interaction-modality.test.ts`,
+			`${interactionModalityFamilyRoot}interaction-modality-lifecycle.test.ts`,
+			`${interactionModalityFamilyRoot}interaction-modality-ssr.test.ts`
 		],
-		typeTests: ["src/interaction-modality.types.test-d.ts"],
+		typeTests: [`${interactionModalityFamilyRoot}interaction-modality.types.test-d.ts`],
 		qualityGates: [
 			"behavior-contract",
 			"mounted-dom",
@@ -505,280 +528,3655 @@ const focusFamilyCatalog = [
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
-	}
-];
-//#endregion
-//#region src/family-catalog-interactions.ts
-const interactionFamilyCatalog = [
+	},
 	{
-		canonicalName: "long-press",
-		title: "Long Press Interaction",
-		packageSubpath: "./long-press",
-		entryFile: "src/long-press.ts",
+		canonicalName: "live-region",
+		title: "Live Region",
+		packageSubpath: "./live-region",
+		entryFile: `${liveRegionFamilyRoot}live-region.ts`,
 		sourceFiles: [
-			"src/long-press.ts",
-			"src/long-press-internal.ts",
-			"src/long-press-types.ts"
-		],
-		behaviorContract: "src/long-press.behavior.md",
-		tests: [
-			"src/long-press.test.ts",
-			"src/long-press-hardening.test.ts",
-			"src/long-press-legacy.test.ts",
-			"src/long-press-ssr.test.ts"
+			`${liveRegionFamilyRoot}live-region.vue`,
+			`${liveRegionFamilyRoot}live-region.ts`,
+			`${liveRegionFamilyRoot}live-region-runtime.ts`,
+			`${liveRegionFamilyRoot}live-region-types.ts`
 		],
-		typeTests: ["src/long-press.types.test-d.ts"],
-		rendererFixture: "LongPressConsumer.vue",
-		qualityGates: interactionQualityGates,
+		behaviorContract: `${liveRegionFamilyRoot}live-region.behavior.md`,
+		tests: [`${liveRegionFamilyRoot}live-region.test.ts`, `${liveRegionFamilyRoot}live-region-ssr.test.ts`],
+		typeTests: [`${liveRegionFamilyRoot}live-region.types.test-d.ts`],
+		rendererFixture: "families/accessibility/live-region/live-region.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createLongPress",
-			retainedSignature: "VIZE_UI_LONG_PRESS_DISPOSED",
-			allowedRetainedFamilies: ["press"],
-			maximumJavaScriptGzipBytes: 5150,
+			exportName: "createLiveRegion",
+			retainedSignature: "VIZE_UI_LIVE_REGION_DISPOSED",
+			maximumJavaScriptGzipBytes: 1800,
 			maximumCssGzipBytes: 0
 		},
-		aliases: ["long press", "press and hold"],
-		upstreamCoverage: ["React Aria useLongPress"],
-		dependencies: ["press"],
+		aliases: [
+			"announcer",
+			"aria live",
+			"status region"
+		],
+		upstreamCoverage: ["ARIA live regions", "WAI-ARIA status and alert"],
+		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "move",
-		title: "Move Interaction",
-		packageSubpath: "./move",
-		entryFile: "src/move.ts",
+		canonicalName: "scroll-lock",
+		title: "Scroll Lock",
+		packageSubpath: "./scroll-lock",
+		entryFile: `${scrollLockFamilyRoot}scroll-lock.ts`,
 		sourceFiles: [
-			"src/move.ts",
-			"src/move-internal.ts",
-			"src/move-types.ts"
-		],
-		behaviorContract: "src/move.behavior.md",
-		tests: [
-			"src/move.test.ts",
-			"src/move-internal.test.ts",
-			"src/move-ssr.test.ts"
+			`${scrollLockFamilyRoot}scroll-lock.ts`,
+			`${scrollLockFamilyRoot}scroll-lock-dom.ts`,
+			`${scrollLockFamilyRoot}scroll-lock-internal.ts`,
+			`${scrollLockFamilyRoot}scroll-lock-stack.ts`,
+			`${scrollLockFamilyRoot}scroll-lock-types.ts`
 		],
-		typeTests: ["src/move.types.test-d.ts"],
-		rendererFixture: "MoveConsumer.vue",
+		behaviorContract: `${scrollLockFamilyRoot}scroll-lock.behavior.md`,
+		tests: [`${scrollLockFamilyRoot}scroll-lock.test.ts`, `${scrollLockFamilyRoot}scroll-lock-ssr.test.ts`],
+		typeTests: [`${scrollLockFamilyRoot}scroll-lock.types.test-d.ts`],
+		rendererFixture: "ScrollLockConsumer.vue",
 		qualityGates: interactionQualityGates,
 		bundleBudget: {
-			exportName: "createMove",
-			retainedSignature: "VIZE_UI_MOVE_DISPOSED",
-			maximumJavaScriptGzipBytes: 2750,
+			exportName: "createScrollLock",
+			retainedSignature: "VIZE_UI_SCROLL_LOCK_DISPOSED",
+			maximumJavaScriptGzipBytes: 2150,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"move",
-			"drag movement",
-			"keyboard move"
+			"body scroll lock",
+			"document scroll lock",
+			"overlay scroll lock"
 		],
-		upstreamCoverage: ["React Aria useMove", "Pointer Events pointer capture"],
+		upstreamCoverage: ["React Aria usePreventScroll", "Radix RemoveScroll"],
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "press",
-		title: "Press Interaction",
-		packageSubpath: "./press",
-		entryFile: "src/press.ts",
-		sourceFiles: [
-			"src/press.ts",
-			"src/press-activation-memory.ts",
-			"src/press-event.ts",
-			"src/press-handlers.ts",
-			"src/press-lifecycle.ts",
-			"src/press-types.ts"
-		],
-		behaviorContract: "src/press.behavior.md",
-		tests: [
-			"src/press.test.ts",
-			"src/press-lifecycle.test.ts",
-			"src/press-legacy.test.ts",
-			"src/press-ssr.test.ts"
-		],
-		typeTests: ["src/press.types.test-d.ts"],
-		rendererFixture: "PressConsumer.vue",
-		qualityGates: interactionQualityGates,
+		canonicalName: "visually-hidden",
+		title: "Visually Hidden",
+		packageSubpath: "./visually-hidden",
+		entryFile: `${visuallyHiddenFamilyRoot}visually-hidden.ts`,
+		sourceFiles: [`${visuallyHiddenFamilyRoot}visually-hidden.vue`, `${visuallyHiddenFamilyRoot}visually-hidden.ts`],
+		behaviorContract: `${visuallyHiddenFamilyRoot}visually-hidden.behavior.md`,
+		tests: [`${visuallyHiddenFamilyRoot}visually-hidden.test.ts`],
+		rendererFixture: "families/accessibility/visually-hidden/visually-hidden.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createPress",
-			retainedSignature: "VIZE_UI_PRESS_DISPOSED",
-			maximumJavaScriptGzipBytes: 3550,
-			maximumCssGzipBytes: 0
+			exportName: "VisuallyHidden",
+			retainedSignature: "visually-hidden",
+			maximumJavaScriptGzipBytes: 400,
+			maximumCssGzipBytes: 7600
 		},
 		aliases: [
-			"press",
-			"activation",
-			"pointer press"
+			"screen reader only",
+			"sr-only",
+			"visually hidden"
 		],
-		upstreamCoverage: ["React Aria usePress", "Pointer Events activation"],
+		upstreamCoverage: ["React Aria VisuallyHidden", "Radix VisuallyHidden"],
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
-	},
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-basics.ts
+const collapsibleFamilyRoot = "src/families/disclosure/collapsible/";
+const inputFamilyRoot = "src/families/form/input/";
+const linkFamilyRoot = "src/families/navigation/link/";
+const searchFieldFamilyRoot = "src/families/form/search-field/";
+const textareaFamilyRoot = "src/families/form/textarea/";
+const basicFamilyCatalog = [
 	{
-		canonicalName: "primitive",
-		title: "Polymorphic Primitive",
-		packageSubpath: "./primitive",
-		entryFile: "src/primitive.ts",
-		sourceFiles: ["src/PrimitiveElement.vue", "src/primitive.ts"],
-		behaviorContract: "src/primitive.behavior.md",
-		tests: ["src/primitive.test.ts"],
-		rendererFixture: "PrimitiveElement.vue",
+		canonicalName: "collapsible",
+		title: "Collapsible",
+		packageSubpath: "./collapsible",
+		entryFile: `${collapsibleFamilyRoot}collapsible.ts`,
+		sourceFiles: [
+			`${collapsibleFamilyRoot}collapsible-root.vue`,
+			`${collapsibleFamilyRoot}collapsible-trigger.vue`,
+			`${collapsibleFamilyRoot}collapsible-content.vue`,
+			`${collapsibleFamilyRoot}collapsible.ts`,
+			`${collapsibleFamilyRoot}collapsible-context.ts`,
+			`${collapsibleFamilyRoot}collapsible-types.ts`
+		],
+		behaviorContract: `${collapsibleFamilyRoot}collapsible.behavior.md`,
+		tests: [`${collapsibleFamilyRoot}collapsible.test.ts`, `${collapsibleFamilyRoot}collapsible-ssr.test.ts`],
+		typeTests: [`${collapsibleFamilyRoot}collapsible.types.test-d.ts`],
+		rendererFixture: "CollapsibleConsumer.vue",
 		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "Primitive",
-			retainedSignature: "data-vize-ui.+primitive",
-			maximumJavaScriptGzipBytes: 500,
+			exportName: "Collapsible",
+			retainedSignature: "collapsible-(?:root|trigger|content)",
+			allowedRetainedFamilies: ["context", "controllable-state"],
+			maximumJavaScriptGzipBytes: 1850,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"as child",
-			"polymorphic primitive",
-			"slot forwarding primitive"
+			"disclosure",
+			"collapsible region",
+			"expand collapse"
 		],
 		upstreamCoverage: [
-			"Reka UI Primitive",
-			"Radix Slot",
-			"shadcn/ui Slot"
+			"WAI-ARIA Disclosure",
+			"Radix UI Collapsible",
+			"Reka UI Collapsible"
+		],
+		dependencies: [
+			"context",
+			"controllable-state",
+			"id"
 		],
-		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "scroll-lock",
-		title: "Scroll Lock",
-		packageSubpath: "./scroll-lock",
-		entryFile: "src/scroll-lock.ts",
+		canonicalName: "link",
+		title: "Link",
+		packageSubpath: "./link",
+		entryFile: `${linkFamilyRoot}link.ts`,
 		sourceFiles: [
-			"src/scroll-lock.ts",
-			"src/scroll-lock-dom.ts",
-			"src/scroll-lock-internal.ts",
-			"src/scroll-lock-stack.ts",
-			"src/scroll-lock-types.ts"
+			`${linkFamilyRoot}link-anchor.vue`,
+			`${linkFamilyRoot}link.ts`,
+			`${linkFamilyRoot}link-types.ts`
 		],
-		behaviorContract: "src/scroll-lock.behavior.md",
-		tests: ["src/scroll-lock.test.ts", "src/scroll-lock-ssr.test.ts"],
-		typeTests: ["src/scroll-lock.types.test-d.ts"],
-		rendererFixture: "ScrollLockConsumer.vue",
-		qualityGates: interactionQualityGates,
+		behaviorContract: `${linkFamilyRoot}link.behavior.md`,
+		tests: [`${linkFamilyRoot}link.test.ts`],
+		typeTests: [`${linkFamilyRoot}link.types.test-d.ts`],
+		rendererFixture: "families/navigation/link/link-anchor.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createScrollLock",
-			retainedSignature: "VIZE_UI_SCROLL_LOCK_DISPOSED",
-			maximumJavaScriptGzipBytes: 2150,
+			exportName: "Link",
+			retainedSignature: "aria-current",
+			maximumJavaScriptGzipBytes: 1650,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"body scroll lock",
-			"document scroll lock",
-			"overlay scroll lock"
+			"anchor",
+			"navigation link",
+			"disabled link"
+		],
+		upstreamCoverage: [
+			"HTML anchor",
+			"React Aria Link",
+			"Reka UI Primitive"
+		],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "input",
+		title: "Input",
+		packageSubpath: "./input",
+		entryFile: `${inputFamilyRoot}input.ts`,
+		sourceFiles: [
+			`${inputFamilyRoot}text-input.vue`,
+			`${inputFamilyRoot}input.ts`,
+			`${inputFamilyRoot}input-types.ts`
+		],
+		behaviorContract: `${inputFamilyRoot}input.behavior.md`,
+		tests: [`${inputFamilyRoot}input.test.ts`],
+		typeTests: [`${inputFamilyRoot}input.types.test-d.ts`],
+		rendererFixture: "families/form/input/text-input.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Input",
+			retainedSignature: "data-vize-ui\":(?:`input`|\"input\"|'input')",
+			allowedRetainedFamilies: ["controllable-state"],
+			maximumJavaScriptGzipBytes: 2400,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"text input",
+			"field input",
+			"textbox"
+		],
+		upstreamCoverage: [
+			"HTML input",
+			"React Aria TextField",
+			"Reka UI Primitive"
+		],
+		dependencies: ["controllable-state", "id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "search-field",
+		title: "Search Field",
+		packageSubpath: "./search-field",
+		entryFile: `${searchFieldFamilyRoot}search-field.ts`,
+		sourceFiles: [
+			`${searchFieldFamilyRoot}search-field.vue`,
+			`${searchFieldFamilyRoot}search-field.ts`,
+			`${searchFieldFamilyRoot}search-field-types.ts`
+		],
+		behaviorContract: `${searchFieldFamilyRoot}search-field.behavior.md`,
+		tests: [`${searchFieldFamilyRoot}search-field.test.ts`],
+		typeTests: [`${searchFieldFamilyRoot}search-field.types.test-d.ts`],
+		rendererFixture: "families/form/search-field/search-field.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "SearchField",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}search-field",
+			allowedRetainedFamilies: ["controllable-state"],
+			maximumJavaScriptGzipBytes: 3100,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"search box",
+			"search input",
+			"query field"
+		],
+		upstreamCoverage: [
+			"HTML search input",
+			"React Aria SearchField",
+			"Reka UI Primitive"
+		],
+		dependencies: ["controllable-state", "id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "textarea",
+		title: "Textarea",
+		packageSubpath: "./textarea",
+		entryFile: `${textareaFamilyRoot}textarea.ts`,
+		sourceFiles: [
+			`${textareaFamilyRoot}textarea-control.vue`,
+			`${textareaFamilyRoot}textarea.ts`,
+			`${textareaFamilyRoot}textarea-types.ts`
+		],
+		behaviorContract: `${textareaFamilyRoot}textarea.behavior.md`,
+		tests: [`${textareaFamilyRoot}textarea.test.ts`],
+		typeTests: [`${textareaFamilyRoot}textarea.types.test-d.ts`],
+		rendererFixture: "families/form/textarea/textarea-control.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Textarea",
+			retainedSignature: "data-vize-ui.+textarea",
+			allowedRetainedFamilies: ["controllable-state"],
+			maximumJavaScriptGzipBytes: 2400,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"text area",
+			"multiline input",
+			"textarea field"
+		],
+		upstreamCoverage: [
+			"HTML textarea",
+			"React Aria TextField",
+			"Reka UI Primitive"
+		],
+		dependencies: ["controllable-state", "id"],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-data.ts
+const tableFamilyRoot = "src/families/data/table/";
+const dataFamilyCatalog = [{
+	canonicalName: "table",
+	title: "Table",
+	packageSubpath: "./table",
+	entryFile: `${tableFamilyRoot}table.ts`,
+	sourceFiles: [
+		`${tableFamilyRoot}table-body.vue`,
+		`${tableFamilyRoot}table-caption.vue`,
+		`${tableFamilyRoot}table-cell.vue`,
+		`${tableFamilyRoot}table-head.vue`,
+		`${tableFamilyRoot}table-header.vue`,
+		`${tableFamilyRoot}table-row.vue`,
+		`${tableFamilyRoot}table.vue`,
+		`${tableFamilyRoot}table-contracts.ts`,
+		`${tableFamilyRoot}table.ts`,
+		`${tableFamilyRoot}table-types.ts`
+	],
+	behaviorContract: `${tableFamilyRoot}table.behavior.md`,
+	tests: [`${tableFamilyRoot}table.test.ts`, `${tableFamilyRoot}table-ssr.test.ts`],
+	typeTests: [`${tableFamilyRoot}table.types.test-d.ts`],
+	rendererFixture: "TableConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "Table",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}table",
+		maximumJavaScriptGzipBytes: 650,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"semantic table",
+		"data table shell",
+		"table primitive",
+		"tabular data"
+	],
+	upstreamCoverage: [
+		"HTML table element",
+		"HTML caption element",
+		"HTML table section elements",
+		"HTML th scope attribute",
+		"shadcn/ui Table",
+		"Reka UI Primitive"
+	],
+	dependencies: [],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/families/feedback/catalog/core.ts
+const feedbackCoreCatalog = [
+	{
+		canonicalName: "alert",
+		title: "Alert",
+		packageSubpath: "./alert",
+		entryFile: "src/families/feedback/alert/alert.ts",
+		sourceFiles: [
+			"src/families/feedback/alert/alert.vue",
+			"src/families/feedback/alert/alert.ts",
+			"src/families/feedback/alert/alert-types.ts"
+		],
+		behaviorContract: "src/families/feedback/alert/alert.behavior.md",
+		tests: ["src/families/feedback/alert/alert.test.ts"],
+		typeTests: ["src/families/feedback/alert/alert.types.test-d.ts"],
+		rendererFixture: "families/feedback/alert/alert.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Alert",
+			retainedSignature: "data-vize-ui\":(?:`alert`|\"alert\"|'alert')",
+			maximumJavaScriptGzipBytes: 750,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"inline alert",
+			"status alert",
+			"callout primitive"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA alert role",
+			"WAI-ARIA status role",
+			"shadcn/ui Alert"
 		],
-		upstreamCoverage: ["React Aria usePreventScroll", "Radix RemoveScroll"],
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "spatial-navigation",
-		title: "Spatial Navigation",
-		packageSubpath: "./spatial-navigation",
-		entryFile: "src/spatial-navigation.ts",
+		canonicalName: "badge",
+		title: "Badge",
+		packageSubpath: "./badge",
+		entryFile: "src/families/feedback/badge/badge.ts",
+		sourceFiles: [
+			"src/families/feedback/badge/badge.vue",
+			"src/families/feedback/badge/badge.ts",
+			"src/families/feedback/badge/badge-types.ts"
+		],
+		behaviorContract: "src/families/feedback/badge/badge.behavior.md",
+		tests: ["src/families/feedback/badge/badge.test.ts", "src/families/feedback/badge/badge-ssr.test.ts"],
+		typeTests: ["src/families/feedback/badge/badge.types.test-d.ts"],
+		rendererFixture: "BadgeConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Badge",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}badge",
+			maximumJavaScriptGzipBytes: 600,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"tag",
+			"chip",
+			"status badge",
+			"count badge",
+			"unread indicator"
+		],
+		upstreamCoverage: [
+			"HTML span",
+			"shadcn/ui Badge",
+			"Radix Themes Badge",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "banner",
+		title: "Banner",
+		packageSubpath: "./banner",
+		entryFile: "src/families/feedback/banner/banner.ts",
 		sourceFiles: [
-			"src/spatial-navigation.ts",
-			"src/spatial-navigation-internal.ts",
-			"src/spatial-navigation-types.ts"
+			"src/families/feedback/banner/banner.vue",
+			"src/families/feedback/banner/banner.ts",
+			"src/families/feedback/banner/banner-aria.ts",
+			"src/families/feedback/banner/banner-types.ts"
 		],
-		behaviorContract: "src/spatial-navigation.behavior.md",
+		behaviorContract: "src/families/feedback/banner/banner.behavior.md",
 		tests: [
-			"src/spatial-navigation.test.ts",
-			"src/spatial-navigation-lifecycle.test.ts",
-			"src/spatial-navigation-ssr.test.ts"
+			"src/families/feedback/banner/banner.test.ts",
+			"src/families/feedback/banner/banner-aria.test.ts",
+			"src/families/feedback/banner/banner-ssr.test.ts"
 		],
-		typeTests: ["src/spatial-navigation.types.test-d.ts"],
-		rendererFixture: "SpatialNavigationConsumer.vue",
-		qualityGates: interactionQualityGates,
+		typeTests: ["src/families/feedback/banner/banner.types.test-d.ts"],
+		rendererFixture: "BannerConsumer.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createSpatialNavigation",
-			retainedSignature: "VIZE_UI_SPATIAL_NAVIGATION_DISPOSED",
-			maximumJavaScriptGzipBytes: 2600,
+			exportName: "Banner",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,40}banner",
+			maximumJavaScriptGzipBytes: 4250,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"spatial navigation",
-			"grid navigation",
-			"geometry navigation"
+			"announcement banner",
+			"dismissible notice",
+			"page notice",
+			"status banner"
 		],
-		upstreamCoverage: ["CSS Spatial Navigation", "ARIA grid navigation"],
-		dependencies: ["collection"],
+		upstreamCoverage: [
+			"WAI-ARIA region role",
+			"WAI-ARIA status role",
+			"WAI-ARIA alert role",
+			"shadcn/ui Alert",
+			"Vuetify Alert",
+			"React Aria live regions"
+		],
+		dependencies: ["id"],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "typeahead",
-		title: "Collection Typeahead",
-		packageSubpath: "./typeahead",
-		entryFile: "src/typeahead.ts",
+		canonicalName: "block-ui",
+		title: "BlockUI",
+		packageSubpath: "./block-ui",
+		entryFile: "src/families/feedback/block-ui/block-ui.ts",
 		sourceFiles: [
-			"src/typeahead.ts",
-			"src/typeahead-internal.ts",
-			"src/typeahead-types.ts"
+			"src/families/feedback/block-ui/block-ui.vue",
+			"src/families/feedback/block-ui/block-ui.ts",
+			"src/families/feedback/block-ui/block-ui-types.ts"
 		],
-		behaviorContract: "src/typeahead.behavior.md",
-		tests: ["src/typeahead.test.ts", "src/typeahead-ssr.test.ts"],
-		typeTests: ["src/typeahead.types.test-d.ts"],
-		rendererFixture: "TypeaheadConsumer.vue",
-		qualityGates: interactionQualityGates,
+		behaviorContract: "src/families/feedback/block-ui/block-ui.behavior.md",
+		tests: ["src/families/feedback/block-ui/block-ui.test.ts", "src/families/feedback/block-ui/block-ui-ssr.test.ts"],
+		typeTests: ["src/families/feedback/block-ui/block-ui.types.test-d.ts"],
+		rendererFixture: "BlockUIConsumer.vue",
+		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "createTypeahead",
-			retainedSignature: "VIZE_UI_TYPEAHEAD_DISPOSED",
-			maximumJavaScriptGzipBytes: 1375,
+			exportName: "BlockUI",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,40}block-ui",
+			maximumJavaScriptGzipBytes: 975,
 			maximumCssGzipBytes: 0
 		},
 		aliases: [
-			"typeahead",
-			"collection search",
-			"keyboard search"
+			"blocking overlay",
+			"busy region",
+			"pending region",
+			"stale content",
+			"offline gate"
 		],
-		upstreamCoverage: ["React Aria useTypeSelect", "Ariakit composite typeahead"],
-		dependencies: ["collection"],
+		upstreamCoverage: [
+			"HTML inert attribute",
+			"WAI-ARIA aria-busy",
+			"WAI-ARIA status role"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/families/feedback/catalog/loading.ts
+const feedbackLoadingCatalog = [
+	{
+		canonicalName: "progress",
+		title: "Progress",
+		packageSubpath: "./progress",
+		entryFile: "src/families/feedback/progress/progress.ts",
+		sourceFiles: [
+			"src/families/feedback/progress/progress.vue",
+			"src/families/feedback/progress/progress.ts",
+			"src/families/feedback/progress/progress-state.ts",
+			"src/families/feedback/progress/progress-types.ts"
+		],
+		behaviorContract: "src/families/feedback/progress/progress.behavior.md",
+		tests: ["src/families/feedback/progress/progress.test.ts", "src/families/feedback/progress/progress-ssr.test.ts"],
+		typeTests: ["src/families/feedback/progress/progress.types.test-d.ts"],
+		rendererFixture: "ProgressConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Progress",
+			retainedSignature: "data-vize-ui\":(?:`progress`|\"progress\"|'progress')",
+			maximumJavaScriptGzipBytes: 1550,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"native progress",
+			"loading progress",
+			"task progress"
+		],
+		upstreamCoverage: [
+			"HTML progress",
+			"WAI-ARIA progressbar",
+			"React Aria ProgressBar"
+		],
+		dependencies: ["id"],
 		maturity: "stable",
 		owner: catalogOwner
 	},
 	{
-		canonicalName: "visually-hidden",
-		title: "Visually Hidden",
-		packageSubpath: "./visually-hidden",
-		entryFile: "src/visually-hidden.ts",
-		sourceFiles: ["src/VisuallyHidden.vue", "src/visually-hidden.ts"],
-		behaviorContract: "src/visually-hidden.behavior.md",
-		tests: ["src/visually-hidden.test.ts"],
-		rendererFixture: "VisuallyHidden.vue",
+		canonicalName: "progress-bar",
+		title: "ProgressBar",
+		packageSubpath: "./progress-bar",
+		entryFile: "src/families/feedback/progress-bar/progress-bar.ts",
+		sourceFiles: [
+			"src/families/feedback/progress-bar/progress-bar.vue",
+			"src/families/feedback/progress-bar/progress-bar.ts",
+			"src/families/feedback/progress-bar/progress-bar.css",
+			"src/families/feedback/progress-bar/progress-bar-state.ts",
+			"src/families/feedback/progress-bar/progress-bar-types.ts"
+		],
+		behaviorContract: "src/families/feedback/progress-bar/progress-bar.behavior.md",
+		tests: ["src/families/feedback/progress-bar/progress-bar.test.ts", "src/families/feedback/progress-bar/progress-bar-ssr.test.ts"],
+		typeTests: ["src/families/feedback/progress-bar/progress-bar.types.test-d.ts"],
+		rendererFixture: "ProgressBarConsumer.vue",
 		qualityGates: componentQualityGates,
 		bundleBudget: {
-			exportName: "VisuallyHidden",
-			retainedSignature: "visually-hidden",
-			maximumJavaScriptGzipBytes: 400,
-			maximumCssGzipBytes: 180
+			exportName: "ProgressBar",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,40}progress-bar",
+			maximumJavaScriptGzipBytes: 2550,
+			maximumCssGzipBytes: 7600
 		},
 		aliases: [
-			"screen reader only",
-			"sr-only",
-			"visually hidden"
+			"progress",
+			"loading progress",
+			"task progress",
+			"upload progress"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA progressbar role",
+			"React Aria ProgressBar",
+			"HTML progress"
+		],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "skeleton",
+		title: "Skeleton",
+		packageSubpath: "./skeleton",
+		entryFile: "src/families/feedback/skeleton/skeleton.ts",
+		sourceFiles: [
+			"src/families/feedback/skeleton/skeleton.vue",
+			"src/families/feedback/skeleton/skeleton.ts",
+			"src/families/feedback/skeleton/skeleton-types.ts"
+		],
+		behaviorContract: "src/families/feedback/skeleton/skeleton.behavior.md",
+		tests: ["src/families/feedback/skeleton/skeleton.test.ts", "src/families/feedback/skeleton/skeleton-ssr.test.ts"],
+		typeTests: ["src/families/feedback/skeleton/skeleton.types.test-d.ts"],
+		rendererFixture: "SkeletonConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Skeleton",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}skeleton",
+			maximumJavaScriptGzipBytes: 1250,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"placeholder",
+			"loading skeleton",
+			"deferred content",
+			"suspense fallback"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA status role",
+			"shadcn/ui Skeleton",
+			"React Aria ProgressBar"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "spinner",
+		title: "Spinner",
+		packageSubpath: "./spinner",
+		entryFile: "src/families/feedback/spinner/spinner.ts",
+		sourceFiles: [
+			"src/families/feedback/spinner/spinner.vue",
+			"src/families/feedback/spinner/spinner.ts",
+			"src/families/feedback/spinner/spinner-types.ts"
+		],
+		behaviorContract: "src/families/feedback/spinner/spinner.behavior.md",
+		tests: ["src/families/feedback/spinner/spinner.test.ts", "src/families/feedback/spinner/spinner-ssr.test.ts"],
+		typeTests: ["src/families/feedback/spinner/spinner.types.test-d.ts"],
+		rendererFixture: "SpinnerConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Spinner",
+			retainedSignature: "data-vize-ui\":(?:`spinner`|\"spinner\"|'spinner')",
+			maximumJavaScriptGzipBytes: 1900,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"spinner",
+			"loading indicator",
+			"progress spinner",
+			"activity indicator"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA status role",
+			"WAI-ARIA progressbar role",
+			"MUI CircularProgress"
+		],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "status-light",
+		title: "StatusLight",
+		packageSubpath: "./status-light",
+		entryFile: "src/families/feedback/status-light/status-light.ts",
+		sourceFiles: [
+			"src/families/feedback/status-light/status-light.vue",
+			"src/families/feedback/status-light/status-light.ts",
+			"src/families/feedback/status-light/status-light-types.ts"
+		],
+		behaviorContract: "src/families/feedback/status-light/status-light.behavior.md",
+		tests: ["src/families/feedback/status-light/status-light.test.ts", "src/families/feedback/status-light/status-light-ssr.test.ts"],
+		typeTests: ["src/families/feedback/status-light/status-light.types.test-d.ts"],
+		rendererFixture: "StatusLightConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "StatusLight",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,40}status-light",
+			maximumJavaScriptGzipBytes: 1400,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"presence indicator",
+			"health indicator",
+			"status dot",
+			"traffic light"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA img role",
+			"WAI-ARIA status role",
+			"Radix Themes Badge"
 		],
-		upstreamCoverage: ["React Aria VisuallyHidden", "Radix VisuallyHidden"],
 		dependencies: [],
 		maturity: "stable",
 		owner: catalogOwner
 	}
 ];
 //#endregion
-//#region src/family-catalog.ts
-const uiFamilyCatalog = [
-	...basicFamilyCatalog,
-	...focusFamilyCatalog,
-	...interactionFamilyCatalog
+//#region src/families/feedback/catalog/messages.ts
+const feedbackMessageCatalog = [
+	{
+		canonicalName: "callout",
+		title: "Callout",
+		packageSubpath: "./callout",
+		entryFile: "src/families/feedback/callout/callout.ts",
+		sourceFiles: [
+			"src/families/feedback/callout/callout.vue",
+			"src/families/feedback/callout/callout.ts",
+			"src/families/feedback/callout/callout-runtime.ts",
+			"src/families/feedback/callout/callout-types.ts"
+		],
+		behaviorContract: "src/families/feedback/callout/callout.behavior.md",
+		tests: ["src/families/feedback/callout/callout.test.ts", "src/families/feedback/callout/callout-ssr.test.ts"],
+		typeTests: ["src/families/feedback/callout/callout.types.test-d.ts"],
+		rendererFixture: "CalloutConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Callout",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,40}callout",
+			maximumJavaScriptGzipBytes: 2175,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"callout",
+			"banner",
+			"inline message",
+			"notice",
+			"message"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA note role",
+			"WAI-ARIA status role",
+			"WAI-ARIA alert role",
+			"Radix Themes Callout",
+			"shadcn/ui Alert",
+			"Vuetify Alert"
+		],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "empty-state",
+		title: "EmptyState",
+		packageSubpath: "./empty-state",
+		entryFile: "src/families/feedback/empty-state/empty-state.ts",
+		sourceFiles: [
+			"src/families/feedback/empty-state/empty-state.vue",
+			"src/families/feedback/empty-state/empty-state.ts",
+			"src/families/feedback/empty-state/empty-state-types.ts"
+		],
+		behaviorContract: "src/families/feedback/empty-state/empty-state.behavior.md",
+		tests: ["src/families/feedback/empty-state/empty-state.test.ts", "src/families/feedback/empty-state/empty-state-ssr.test.ts"],
+		typeTests: ["src/families/feedback/empty-state/empty-state.types.test-d.ts"],
+		rendererFixture: "EmptyStateConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "EmptyState",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,40}empty-state",
+			maximumJavaScriptGzipBytes: 600,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"empty content",
+			"no results",
+			"offline state",
+			"retry prompt",
+			"zero state"
+		],
+		upstreamCoverage: ["HTML section element", "consumer-owned ARIA status pattern"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "meter",
+		title: "Meter",
+		packageSubpath: "./meter",
+		entryFile: "src/families/feedback/meter/meter.ts",
+		sourceFiles: [
+			"src/families/feedback/meter/meter.vue",
+			"src/families/feedback/meter/meter.ts",
+			"src/families/feedback/meter/meter-state.ts",
+			"src/families/feedback/meter/meter-types.ts"
+		],
+		behaviorContract: "src/families/feedback/meter/meter.behavior.md",
+		tests: ["src/families/feedback/meter/meter.test.ts", "src/families/feedback/meter/meter-ssr.test.ts"],
+		typeTests: ["src/families/feedback/meter/meter.types.test-d.ts"],
+		rendererFixture: "MeterConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Meter",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}meter",
+			maximumJavaScriptGzipBytes: 2e3,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"gauge",
+			"usage meter",
+			"storage meter",
+			"threshold meter"
+		],
+		upstreamCoverage: [
+			"HTML meter element",
+			"WAI-ARIA meter role",
+			"React Aria Meter"
+		],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/families/feedback/catalog/index.ts
+const feedbackFamilyCatalog = [
+	...feedbackCoreCatalog,
+	...feedbackMessageCatalog,
+	...feedbackLoadingCatalog
 ];
 //#endregion
+//#region src/catalog/family-catalog-focus.ts
+const idFamilyRoot = "src/families/foundations/id/";
+const dismissableLayerFamilyRoot = "src/families/overlays/dismissable-layer/";
+const dragAndDropFamilyRoot = "src/families/interaction/drag-and-drop/";
+const historyFamilyRoot = "src/families/interaction/history/";
+const focusFamilyCatalog = [
+	{
+		canonicalName: "dismissable-layer",
+		title: "Dismissable Layer",
+		packageSubpath: "./dismissable-layer",
+		entryFile: `${dismissableLayerFamilyRoot}dismissable-layer.ts`,
+		sourceFiles: [
+			`${dismissableLayerFamilyRoot}dismissable-layer.ts`,
+			`${dismissableLayerFamilyRoot}dismissable-layer-internal.ts`,
+			`${dismissableLayerFamilyRoot}dismissable-layer-stack.ts`,
+			`${dismissableLayerFamilyRoot}dismissable-layer-types.ts`
+		],
+		behaviorContract: `${dismissableLayerFamilyRoot}dismissable-layer.behavior.md`,
+		tests: [`${dismissableLayerFamilyRoot}dismissable-layer.test.ts`, `${dismissableLayerFamilyRoot}dismissable-layer-ssr.test.ts`],
+		typeTests: [`${dismissableLayerFamilyRoot}dismissable-layer.types.test-d.ts`],
+		rendererFixture: "DismissableLayerConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createDismissableLayer",
+			retainedSignature: "VIZE_UI_DISMISSABLE_LAYER_DISPOSED",
+			maximumJavaScriptGzipBytes: 2850,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"dismissible layer",
+			"outside interaction",
+			"escape routing",
+			"overlay stack"
+		],
+		upstreamCoverage: [
+			"Radix DismissableLayer",
+			"React Aria overlay dismissal",
+			"Reka UI DismissableLayer"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "drag-and-drop",
+		title: "Drag and Drop",
+		packageSubpath: "./drag-and-drop",
+		entryFile: `${dragAndDropFamilyRoot}drag-and-drop.ts`,
+		sourceFiles: [
+			`${dragAndDropFamilyRoot}drag-and-drop.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-announce.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-autoscroll.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-controller-types.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-internal.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-keyboard.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-listeners.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-session.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-transfer.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-types.ts`
+		],
+		behaviorContract: `${dragAndDropFamilyRoot}drag-and-drop.behavior.md`,
+		tests: [
+			`${dragAndDropFamilyRoot}drag-and-drop.test.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-keyboard.test.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-legacy.test.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-ssr.test.ts`,
+			`${dragAndDropFamilyRoot}drag-and-drop-transfer.test.ts`
+		],
+		typeTests: [`${dragAndDropFamilyRoot}drag-and-drop.types.test-d.ts`],
+		rendererFixture: "DragAndDropConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createDragAndDrop",
+			retainedSignature: "VIZE_UI_DRAG_AND_DROP_DISPOSED",
+			maximumJavaScriptGzipBytes: 6500,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"drag and drop",
+			"dnd",
+			"drag handle",
+			"drop target",
+			"drop indicator"
+		],
+		upstreamCoverage: [
+			"React Aria useDrag and useDrop",
+			"Pragmatic drag and drop adapters",
+			"HTML Drag and Drop DataTransfer"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "history",
+		title: "Undo/Redo History",
+		packageSubpath: "./history",
+		entryFile: `${historyFamilyRoot}history.ts`,
+		sourceFiles: [
+			`${historyFamilyRoot}history.ts`,
+			`${historyFamilyRoot}history-editable.ts`,
+			`${historyFamilyRoot}history-stack.ts`,
+			`${historyFamilyRoot}history-types.ts`
+		],
+		behaviorContract: `${historyFamilyRoot}history.behavior.md`,
+		tests: [
+			`${historyFamilyRoot}history.test.ts`,
+			`${historyFamilyRoot}history-editable.test.ts`,
+			`${historyFamilyRoot}history-ssr.test.ts`
+		],
+		typeTests: [`${historyFamilyRoot}history.types.test-d.ts`],
+		rendererFixture: "HistoryConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createHistory",
+			retainedSignature: "VIZE_UI_HISTORY_DISPOSED",
+			maximumJavaScriptGzipBytes: 1700,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"undo/redo",
+			"undo stack",
+			"history timeline",
+			"editable transaction"
+		],
+		upstreamCoverage: [
+			"ProseMirror history",
+			"CodeMirror history",
+			"Redux undo"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "id",
+		title: "Deterministic ID Provider",
+		packageSubpath: "./id",
+		entryFile: `${idFamilyRoot}id.ts`,
+		sourceFiles: [
+			`${idFamilyRoot}deterministic-id-provider.vue`,
+			`${idFamilyRoot}id.ts`,
+			`${idFamilyRoot}deterministic-id.ts`
+		],
+		behaviorContract: `${idFamilyRoot}id.behavior.md`,
+		tests: [`${idFamilyRoot}id.test.ts`],
+		typeTests: [`${idFamilyRoot}id.types.test-d.ts`],
+		rendererFixture: "families/foundations/id/deterministic-id-provider.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "IdProvider",
+			retainedSignature: "deterministic-id-provider",
+			maximumJavaScriptGzipBytes: 1050,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"id provider",
+			"deterministic ids",
+			"hydration ids"
+		],
+		upstreamCoverage: ["React Aria SSRProvider", "Vue useId"],
+		dependencies: ["context"],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-foundations.ts
+const fieldFamilyRoot = "src/families/form/field/";
+const fieldWiringFamilyRoot = "src/families/form/field-wiring/";
+const errorSummaryFamilyRoot = "src/families/form/error-summary/";
+const formFamilyRoot = "src/families/form/form/";
+const foundationFamilyRoot = "src/families/foundations/";
+const collectionFamilyRoot = `${foundationFamilyRoot}collection/`;
+const commandFamilyRoot = `${foundationFamilyRoot}command/`;
+const compositeNavigationFamilyRoot = `${foundationFamilyRoot}composite-navigation/`;
+const contextFamilyRoot = `${foundationFamilyRoot}context/`;
+const controllableStateFamilyRoot = `${foundationFamilyRoot}controllable-state/`;
+const foundationFamilyCatalog = [
+	{
+		canonicalName: "collection",
+		title: "Collection Registry",
+		packageSubpath: "./collection",
+		entryFile: `${collectionFamilyRoot}collection.ts`,
+		sourceFiles: [
+			`${collectionFamilyRoot}collection.ts`,
+			`${collectionFamilyRoot}collection-registry.ts`,
+			`${collectionFamilyRoot}collection-keys.ts`,
+			`${collectionFamilyRoot}collection-observer.ts`,
+			`${collectionFamilyRoot}collection-order.ts`,
+			`${collectionFamilyRoot}collection-text.ts`,
+			`${collectionFamilyRoot}collection-types.ts`
+		],
+		behaviorContract: `${collectionFamilyRoot}collection.behavior.md`,
+		tests: [`${collectionFamilyRoot}collection.test.ts`, `${collectionFamilyRoot}collection-dom.test.ts`],
+		typeTests: [`${collectionFamilyRoot}collection.types.test-d.ts`],
+		qualityGates: stableQualityGates,
+		bundleBudget: {
+			exportName: "createCollectionRegistry",
+			retainedSignature: "VIZE_UI_COLLECTION_DISPOSED",
+			maximumJavaScriptGzipBytes: 3150,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"collection registry",
+			"item registry",
+			"logical focus registry"
+		],
+		upstreamCoverage: [
+			"React Aria Collection",
+			"Ariakit Composite Store",
+			"Zag collection"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "command",
+		title: "Command Router",
+		packageSubpath: "./command",
+		entryFile: `${commandFamilyRoot}command.ts`,
+		sourceFiles: [`${commandFamilyRoot}command.ts`, `${commandFamilyRoot}command-types.ts`],
+		behaviorContract: `${commandFamilyRoot}command.behavior.md`,
+		tests: [`${commandFamilyRoot}command.test.ts`, `${commandFamilyRoot}command-ssr.test.ts`],
+		typeTests: [`${commandFamilyRoot}command.types.test-d.ts`],
+		rendererFixture: "CommandConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createCommandRouter",
+			retainedSignature: "VIZE_UI_COMMAND_DISPOSED",
+			maximumJavaScriptGzipBytes: 1400,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"command registry",
+			"command routing",
+			"action dispatcher"
+		],
+		upstreamCoverage: [
+			"VS Code command registry",
+			"Ariakit Combobox commands",
+			"kbar actions"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "composite-navigation",
+		title: "Composite Navigation",
+		packageSubpath: "./composite-navigation",
+		entryFile: `${compositeNavigationFamilyRoot}composite-navigation.ts`,
+		sourceFiles: [
+			`${compositeNavigationFamilyRoot}composite-navigation.ts`,
+			`${compositeNavigationFamilyRoot}composite-navigation-dom.ts`,
+			`${compositeNavigationFamilyRoot}composite-navigation-internal.ts`,
+			`${compositeNavigationFamilyRoot}composite-navigation-types.ts`
+		],
+		behaviorContract: `${compositeNavigationFamilyRoot}composite-navigation.behavior.md`,
+		tests: [
+			`${compositeNavigationFamilyRoot}composite-navigation.test.ts`,
+			`${compositeNavigationFamilyRoot}composite-navigation-active-descendant.test.ts`,
+			`${compositeNavigationFamilyRoot}composite-navigation-lifecycle.test.ts`,
+			`${compositeNavigationFamilyRoot}composite-navigation-ssr.test.ts`
+		],
+		typeTests: [`${compositeNavigationFamilyRoot}composite-navigation.types.test-d.ts`],
+		rendererFixture: "CompositeNavigationConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createCompositeNavigation",
+			retainedSignature: "VIZE_UI_COMPOSITE_NAVIGATION_DISPOSED",
+			allowedRetainedFamilies: ["typeahead"],
+			maximumJavaScriptGzipBytes: 3900,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"roving focus",
+			"active descendant",
+			"composite widget navigation"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA composite widgets",
+			"Reka UI Roving Focus",
+			"Ariakit Composite"
+		],
+		dependencies: ["collection", "typeahead"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "context",
+		title: "Typed Component Context",
+		packageSubpath: "./context",
+		entryFile: `${contextFamilyRoot}context.ts`,
+		sourceFiles: [`${contextFamilyRoot}context.ts`],
+		behaviorContract: `${contextFamilyRoot}context.behavior.md`,
+		tests: [`${contextFamilyRoot}context.test.ts`],
+		typeTests: [`${contextFamilyRoot}context.types.test-d.ts`],
+		qualityGates: stableQualityGates,
+		bundleBudget: {
+			exportName: "createContext",
+			retainedSignature: "VIZE_UI_CONTEXT_MISSING",
+			maximumJavaScriptGzipBytes: 450,
+			maximumCssGzipBytes: 0
+		},
+		aliases: ["provide inject context", "compound component context"],
+		upstreamCoverage: ["Reka UI createContext", "Radix context scope"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "controllable-state",
+		title: "Controlled and Uncontrolled State",
+		packageSubpath: "./controllable-state",
+		entryFile: `${controllableStateFamilyRoot}controllable-state.ts`,
+		sourceFiles: [`${controllableStateFamilyRoot}controllable-state.ts`],
+		behaviorContract: `${controllableStateFamilyRoot}controllable-state.behavior.md`,
+		tests: [`${controllableStateFamilyRoot}controllable-state.test.ts`],
+		typeTests: [`${controllableStateFamilyRoot}controllable-state.types.test-d.ts`],
+		qualityGates: stableQualityGates,
+		bundleBudget: {
+			exportName: "useControllableState",
+			retainedSignature: "defaultValue[\\s\\S]*Object\\.is[\\s\\S]*defaultValue",
+			maximumJavaScriptGzipBytes: 550,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"controllable state",
+			"controlled state",
+			"uncontrolled state"
+		],
+		upstreamCoverage: ["Radix useControllableState", "React Aria controlled state"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "error-summary",
+		title: "Error Summary",
+		packageSubpath: "./error-summary",
+		entryFile: `${errorSummaryFamilyRoot}error-summary.ts`,
+		sourceFiles: [
+			`${errorSummaryFamilyRoot}error-summary.vue`,
+			`${errorSummaryFamilyRoot}error-summary.ts`,
+			`${errorSummaryFamilyRoot}error-summary-runtime.ts`,
+			`${errorSummaryFamilyRoot}error-summary-types.ts`
+		],
+		behaviorContract: `${errorSummaryFamilyRoot}error-summary.behavior.md`,
+		tests: [`${errorSummaryFamilyRoot}error-summary.test.ts`, `${errorSummaryFamilyRoot}error-summary-ssr.test.ts`],
+		typeTests: [`${errorSummaryFamilyRoot}error-summary.types.test-d.ts`],
+		rendererFixture: "families/form/error-summary/error-summary.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "ErrorSummary",
+			retainedSignature: "VIZE_UI_ERROR_SUMMARY_DISPOSED",
+			maximumJavaScriptGzipBytes: 2600,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"form error summary",
+			"validation summary",
+			"invalid field list"
+		],
+		upstreamCoverage: ["WCAG 2.2 error identification", "focusable validation summaries"],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "field",
+		title: "Field",
+		packageSubpath: "./field",
+		entryFile: `${fieldFamilyRoot}field.ts`,
+		sourceFiles: [
+			`${fieldFamilyRoot}field.vue`,
+			`${fieldFamilyRoot}field-description.vue`,
+			`${fieldFamilyRoot}field-error-message.vue`,
+			`${fieldFamilyRoot}field-label.vue`,
+			`${fieldFamilyRoot}field.ts`,
+			`${fieldFamilyRoot}field-context.ts`,
+			`${fieldFamilyRoot}field-types.ts`
+		],
+		behaviorContract: `${fieldFamilyRoot}field.behavior.md`,
+		tests: [`${fieldFamilyRoot}field.test.ts`, `${fieldFamilyRoot}field-ssr.test.ts`],
+		typeTests: [`${fieldFamilyRoot}field.types.test-d.ts`],
+		rendererFixture: "FieldConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Field",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,16}field[\\s\\S]{0,16}part[\\s\\S]{0,16}root",
+			allowedRetainedFamilies: ["context", "field-wiring"],
+			maximumJavaScriptGzipBytes: 2400,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"form field",
+			"field label",
+			"field description",
+			"field error message"
+		],
+		upstreamCoverage: [
+			"React Aria Field",
+			"Radix Form Field",
+			"Reka UI Form"
+		],
+		dependencies: [
+			"context",
+			"field-wiring",
+			"form"
+		],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "field-wiring",
+		title: "Field Wiring",
+		packageSubpath: "./field-wiring",
+		entryFile: `${fieldWiringFamilyRoot}field-wiring.ts`,
+		sourceFiles: [
+			`${fieldWiringFamilyRoot}field-wiring.ts`,
+			`${fieldWiringFamilyRoot}field-wiring-runtime.ts`,
+			`${fieldWiringFamilyRoot}field-wiring-types.ts`
+		],
+		behaviorContract: `${fieldWiringFamilyRoot}field-wiring.behavior.md`,
+		tests: [`${fieldWiringFamilyRoot}field-wiring.test.ts`, `${fieldWiringFamilyRoot}field-wiring-ssr.test.ts`],
+		typeTests: [`${fieldWiringFamilyRoot}field-wiring.types.test-d.ts`],
+		rendererFixture: "FieldWiringConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "useFieldWiring",
+			retainedSignature: "VIZE_UI_FIELD_WIRING_SETUP",
+			maximumJavaScriptGzipBytes: 1300,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"accessible field",
+			"label wiring",
+			"described by",
+			"error message wiring"
+		],
+		upstreamCoverage: ["React Aria useField", "WAI-ARIA description relations"],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "form",
+		title: "Standard Schema Forms",
+		packageSubpath: "./form",
+		entryFile: `${formFamilyRoot}form.ts`,
+		sourceFiles: [
+			`${formFamilyRoot}form.ts`,
+			`${formFamilyRoot}form-runtime.ts`,
+			`${formFamilyRoot}form-types.ts`
+		],
+		behaviorContract: `${formFamilyRoot}form.behavior.md`,
+		tests: [`${formFamilyRoot}form.test.ts`],
+		typeTests: [`${formFamilyRoot}form.types.test-d.ts`],
+		qualityGates: stableQualityGates,
+		bundleBudget: {
+			exportName: "validateStandardSchema",
+			retainedSignature: "VIZE_UI_FORM_SCHEMA_RESULT",
+			maximumJavaScriptGzipBytes: 2300,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"forms",
+			"standard schema forms",
+			"validation forms"
+		],
+		upstreamCoverage: [
+			"Standard Schema V1",
+			"TanStack Form",
+			"Formwerk"
+		],
+		dependencies: ["error-summary", "field-wiring"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "theme",
+		title: "Design Tokens",
+		packageSubpath: "./theme",
+		entryFile: "src/families/foundations/theme/theme.ts",
+		sourceFiles: [
+			"src/families/foundations/theme/theme.ts",
+			"src/families/foundations/theme/theme.css",
+			"src/families/foundations/theme/theme-preset-headless.css",
+			"src/families/foundations/theme/theme-preset-atelier.css",
+			"src/families/foundations/theme/theme-preset-midnight.css",
+			"src/families/foundations/theme/theme-preset-paper.css",
+			"src/families/foundations/theme/theme-preset-play.css",
+			"src/families/foundations/theme/theme-preset-signal.css",
+			"src/families/foundations/theme/theme-preset-high-contrast.css",
+			"src/families/foundations/theme/theme-constants.ts",
+			"src/families/foundations/theme/theme-scope.ts",
+			"src/families/foundations/theme/theme-tokens.ts",
+			"src/families/foundations/theme/theme-types.ts"
+		],
+		behaviorContract: "src/families/foundations/theme/theme.behavior.md",
+		tests: [
+			"src/families/foundations/theme/theme.test.ts",
+			"src/families/foundations/theme/theme-scope.test.ts",
+			"src/families/foundations/theme/theme-stylesheet.test.ts",
+			"src/families/foundations/theme/theme-ssr.test.ts"
+		],
+		typeTests: ["src/families/foundations/theme/theme.types.test-d.ts", "src/families/foundations/theme/theme-scope.types.test-d.ts"],
+		rendererFixture: "ThemeConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "setThemeTokens",
+			retainedSignature: "VIZE_UI_THEME_",
+			maximumJavaScriptGzipBytes: 1500,
+			maximumCssGzipBytes: 7600
+		},
+		aliases: [
+			"design tokens",
+			"semantic tokens",
+			"feedback tones",
+			"cascade layers",
+			"presets",
+			"headless",
+			"atelier",
+			"midnight",
+			"paper",
+			"play",
+			"signal",
+			"high-contrast"
+		],
+		upstreamCoverage: [
+			"CSS cascade layers",
+			"CSS custom properties",
+			"semantic feedback tones",
+			"light-dark() color scheme",
+			"forced-colors adaptations"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-i18n.ts
+const localeFamilyRoot = "src/families/i18n/locale/";
+const i18nFamilyCatalog = [{
+	canonicalName: "locale",
+	title: "Locale and Direction",
+	packageSubpath: "./locale",
+	entryFile: `${localeFamilyRoot}locale.ts`,
+	sourceFiles: [
+		`${localeFamilyRoot}locale-provider.vue`,
+		`${localeFamilyRoot}locale.ts`,
+		`${localeFamilyRoot}locale-runtime.ts`,
+		`${localeFamilyRoot}locale-text.ts`
+	],
+	behaviorContract: `${localeFamilyRoot}locale.behavior.md`,
+	tests: [`${localeFamilyRoot}locale.test.ts`, `${localeFamilyRoot}locale-ssr.test.ts`],
+	typeTests: [`${localeFamilyRoot}locale.types.test-d.ts`],
+	rendererFixture: "families/i18n/locale/locale-provider.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "LocaleProvider",
+		retainedSignature: "data-vize-ui.+locale",
+		allowedRetainedFamilies: ["context"],
+		maximumJavaScriptGzipBytes: 1400,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"direction",
+		"rtl",
+		"writing mode",
+		"i18n provider"
+	],
+	upstreamCoverage: [
+		"HTML dir",
+		"HTML lang",
+		"Intl.Locale"
+	],
+	dependencies: ["context"],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/families/interaction/catalog/gestures.ts
+const hoverFamilyRoot = "src/families/interaction/hover/";
+const longPressFamilyRoot = "src/families/interaction/long-press/";
+const moveFamilyRoot = "src/families/interaction/move/";
+const pointerGraceFamilyRoot = "src/families/interaction/pointer-grace/";
+const pressFamilyRoot = "src/families/interaction/press/";
+const interactionGestureFamilyCatalog = [
+	{
+		canonicalName: "hover",
+		title: "Hover",
+		packageSubpath: "./hover",
+		entryFile: `${hoverFamilyRoot}hover.ts`,
+		sourceFiles: [`${hoverFamilyRoot}hover.ts`, `${hoverFamilyRoot}hover-types.ts`],
+		behaviorContract: `${hoverFamilyRoot}hover.behavior.md`,
+		tests: [`${hoverFamilyRoot}hover.test.ts`, `${hoverFamilyRoot}hover-ssr.test.ts`],
+		typeTests: [`${hoverFamilyRoot}hover.types.test-d.ts`],
+		rendererFixture: "HoverConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createHover",
+			retainedSignature: "VIZE_UI_HOVER_DISPOSED",
+			maximumJavaScriptGzipBytes: 1450,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"hover",
+			"pointer",
+			"pen"
+		],
+		upstreamCoverage: ["React Aria useHover", "Pointer Events hover"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "long-press",
+		title: "Long Press",
+		packageSubpath: "./long-press",
+		entryFile: `${longPressFamilyRoot}long-press.ts`,
+		sourceFiles: [
+			`${longPressFamilyRoot}long-press.ts`,
+			`${longPressFamilyRoot}long-press-internal.ts`,
+			`${longPressFamilyRoot}long-press-types.ts`
+		],
+		behaviorContract: `${longPressFamilyRoot}long-press.behavior.md`,
+		tests: [
+			`${longPressFamilyRoot}long-press.test.ts`,
+			`${longPressFamilyRoot}long-press-hardening.test.ts`,
+			`${longPressFamilyRoot}long-press-legacy.test.ts`,
+			`${longPressFamilyRoot}long-press-ssr.test.ts`
+		],
+		typeTests: [`${longPressFamilyRoot}long-press.types.test-d.ts`],
+		rendererFixture: "LongPressConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createLongPress",
+			retainedSignature: "VIZE_UI_LONG_PRESS_DISPOSED",
+			allowedRetainedFamilies: ["press"],
+			maximumJavaScriptGzipBytes: 5150,
+			maximumCssGzipBytes: 0
+		},
+		aliases: ["long press", "press and hold"],
+		upstreamCoverage: ["React Aria useLongPress"],
+		dependencies: ["press"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "move",
+		title: "Move",
+		packageSubpath: "./move",
+		entryFile: `${moveFamilyRoot}move.ts`,
+		sourceFiles: [
+			`${moveFamilyRoot}move.ts`,
+			`${moveFamilyRoot}move-internal.ts`,
+			`${moveFamilyRoot}move-types.ts`
+		],
+		behaviorContract: `${moveFamilyRoot}move.behavior.md`,
+		tests: [
+			`${moveFamilyRoot}move.test.ts`,
+			`${moveFamilyRoot}move-internal.test.ts`,
+			`${moveFamilyRoot}move-ssr.test.ts`
+		],
+		typeTests: [`${moveFamilyRoot}move.types.test-d.ts`],
+		rendererFixture: "MoveConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createMove",
+			retainedSignature: "VIZE_UI_MOVE_DISPOSED",
+			maximumJavaScriptGzipBytes: 2750,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"move",
+			"drag",
+			"keyboard"
+		],
+		upstreamCoverage: ["React Aria useMove", "Pointer Events capture"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "pointer-grace",
+		title: "Pointer Grace",
+		packageSubpath: "./pointer-grace",
+		entryFile: `${pointerGraceFamilyRoot}pointer-grace.ts`,
+		sourceFiles: [
+			`${pointerGraceFamilyRoot}pointer-grace.ts`,
+			`${pointerGraceFamilyRoot}pointer-grace-runtime.ts`,
+			`${pointerGraceFamilyRoot}pointer-grace-types.ts`
+		],
+		behaviorContract: `${pointerGraceFamilyRoot}pointer-grace.behavior.md`,
+		tests: [`${pointerGraceFamilyRoot}pointer-grace.test.ts`, `${pointerGraceFamilyRoot}pointer-grace-ssr.test.ts`],
+		typeTests: [`${pointerGraceFamilyRoot}pointer-grace.types.test-d.ts`],
+		rendererFixture: "PointerGraceConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createPointerGrace",
+			retainedSignature: "VIZE_UI_POINTER_GRACE_DISPOSED",
+			maximumJavaScriptGzipBytes: 1050,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"safe triangle",
+			"hover bridge",
+			"pointer grace"
+		],
+		upstreamCoverage: ["safe triangle", "hover intent polygon"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "press",
+		title: "Press",
+		packageSubpath: "./press",
+		entryFile: `${pressFamilyRoot}press.ts`,
+		sourceFiles: [
+			`${pressFamilyRoot}press.ts`,
+			`${pressFamilyRoot}press-activation-memory.ts`,
+			`${pressFamilyRoot}press-event.ts`,
+			`${pressFamilyRoot}press-handlers.ts`,
+			`${pressFamilyRoot}press-lifecycle.ts`,
+			`${pressFamilyRoot}press-types.ts`
+		],
+		behaviorContract: `${pressFamilyRoot}press.behavior.md`,
+		tests: [
+			`${pressFamilyRoot}press.test.ts`,
+			`${pressFamilyRoot}press-lifecycle.test.ts`,
+			`${pressFamilyRoot}press-legacy.test.ts`,
+			`${pressFamilyRoot}press-ssr.test.ts`
+		],
+		typeTests: [`${pressFamilyRoot}press.types.test-d.ts`],
+		rendererFixture: "PressConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createPress",
+			retainedSignature: "VIZE_UI_PRESS_DISPOSED",
+			maximumJavaScriptGzipBytes: 3550,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"press",
+			"activation",
+			"pointer"
+		],
+		upstreamCoverage: ["React Aria usePress", "Pointer Events activation"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/families/interaction/catalog/support.ts
+const measureFamilyRoot = "src/families/interaction/measure/";
+const primitiveFamilyRoot = "src/families/foundations/primitive/";
+const shortcutFamilyRoot = "src/families/interaction/shortcut/";
+const sortableFamilyRoot = "src/families/interaction/sortable/";
+const spatialNavigationFamilyRoot = "src/families/interaction/spatial-navigation/";
+const typeaheadFamilyRoot = "src/families/interaction/typeahead/";
+const virtualizerFamilyRoot = "src/families/interaction/virtualizer/";
+const interactionSupportFamilyCatalog = [
+	{
+		canonicalName: "measure",
+		title: "Measure",
+		packageSubpath: "./measure",
+		entryFile: `${measureFamilyRoot}measure.ts`,
+		sourceFiles: [
+			`${measureFamilyRoot}measure.ts`,
+			`${measureFamilyRoot}measure-runtime.ts`,
+			`${measureFamilyRoot}measure-types.ts`
+		],
+		behaviorContract: `${measureFamilyRoot}measure.behavior.md`,
+		tests: [`${measureFamilyRoot}measure.test.ts`, `${measureFamilyRoot}measure-ssr.test.ts`],
+		typeTests: [`${measureFamilyRoot}measure.types.test-d.ts`],
+		rendererFixture: "MeasureConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createSizeObserver",
+			retainedSignature: "VIZE_UI_MEASURE_DISPOSED",
+			maximumJavaScriptGzipBytes: 1050,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"resize observer",
+			"intersection observer",
+			"element size",
+			"visibility"
+		],
+		upstreamCoverage: ["ResizeObserver", "IntersectionObserver"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "primitive",
+		title: "Primitive",
+		packageSubpath: "./primitive",
+		entryFile: `${primitiveFamilyRoot}primitive.ts`,
+		sourceFiles: [`${primitiveFamilyRoot}primitive-element.vue`, `${primitiveFamilyRoot}primitive.ts`],
+		behaviorContract: `${primitiveFamilyRoot}primitive.behavior.md`,
+		tests: [`${primitiveFamilyRoot}primitive.test.ts`],
+		rendererFixture: "families/foundations/primitive/primitive-element.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Primitive",
+			retainedSignature: "data-vize-ui.+primitive",
+			maximumJavaScriptGzipBytes: 500,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"as child",
+			"polymorphic primitive",
+			"slot forwarding primitive"
+		],
+		upstreamCoverage: [
+			"Reka UI Primitive",
+			"Radix Slot",
+			"shadcn/ui Slot"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "shortcut",
+		title: "Shortcut",
+		packageSubpath: "./shortcut",
+		entryFile: `${shortcutFamilyRoot}shortcut.ts`,
+		sourceFiles: [
+			`${shortcutFamilyRoot}shortcut.ts`,
+			`${shortcutFamilyRoot}shortcut-format.ts`,
+			`${shortcutFamilyRoot}shortcut-parse.ts`,
+			`${shortcutFamilyRoot}shortcut-registry.ts`,
+			`${shortcutFamilyRoot}shortcut-types.ts`
+		],
+		behaviorContract: `${shortcutFamilyRoot}shortcut.behavior.md`,
+		tests: [
+			`${shortcutFamilyRoot}shortcut.test.ts`,
+			`${shortcutFamilyRoot}shortcut-format.test.ts`,
+			`${shortcutFamilyRoot}shortcut-lifecycle.test.ts`,
+			`${shortcutFamilyRoot}shortcut-ssr.test.ts`
+		],
+		typeTests: [`${shortcutFamilyRoot}shortcut.types.test-d.ts`],
+		rendererFixture: "ShortcutConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createShortcutRegistry",
+			retainedSignature: "VIZE_UI_SHORTCUT_DISPOSED",
+			maximumJavaScriptGzipBytes: 4100,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"keyboard shortcuts",
+			"hotkeys",
+			"keybindings",
+			"kbd formatting"
+		],
+		upstreamCoverage: [
+			"VS Code keybindings",
+			"React Aria useKeyboard",
+			"GitHub Hotkey"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "sortable",
+		title: "Sortable",
+		packageSubpath: "./sortable",
+		entryFile: `${sortableFamilyRoot}sortable.ts`,
+		sourceFiles: [
+			`${sortableFamilyRoot}sortable.ts`,
+			`${sortableFamilyRoot}sortable-internal.ts`,
+			`${sortableFamilyRoot}sortable-keyboard.ts`,
+			`${sortableFamilyRoot}sortable-types.ts`
+		],
+		behaviorContract: `${sortableFamilyRoot}sortable.behavior.md`,
+		tests: [`${sortableFamilyRoot}sortable.test.ts`, `${sortableFamilyRoot}sortable-ssr.test.ts`],
+		typeTests: [`${sortableFamilyRoot}sortable.types.test-d.ts`],
+		rendererFixture: "SortableConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createSortable",
+			retainedSignature: "VIZE_UI_SORTABLE_DISPOSED",
+			allowedRetainedFamilies: ["drag-and-drop"],
+			maximumJavaScriptGzipBytes: 9e3,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"sortable list",
+			"reorder",
+			"sortable grid",
+			"sortable tree"
+		],
+		upstreamCoverage: ["React Aria useDraggableCollection", "ARIA APG drag reordering"],
+		dependencies: ["drag-and-drop"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "spatial-navigation",
+		title: "Spatial Navigation",
+		packageSubpath: "./spatial-navigation",
+		entryFile: `${spatialNavigationFamilyRoot}spatial-navigation.ts`,
+		sourceFiles: [
+			`${spatialNavigationFamilyRoot}spatial-navigation.ts`,
+			`${spatialNavigationFamilyRoot}spatial-navigation-internal.ts`,
+			`${spatialNavigationFamilyRoot}spatial-navigation-types.ts`
+		],
+		behaviorContract: `${spatialNavigationFamilyRoot}spatial-navigation.behavior.md`,
+		tests: [
+			`${spatialNavigationFamilyRoot}spatial-navigation.test.ts`,
+			`${spatialNavigationFamilyRoot}spatial-navigation-lifecycle.test.ts`,
+			`${spatialNavigationFamilyRoot}spatial-navigation-ssr.test.ts`
+		],
+		typeTests: [`${spatialNavigationFamilyRoot}spatial-navigation.types.test-d.ts`],
+		rendererFixture: "SpatialNavigationConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createSpatialNavigation",
+			retainedSignature: "VIZE_UI_SPATIAL_NAVIGATION_DISPOSED",
+			maximumJavaScriptGzipBytes: 4100,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"spatial navigation",
+			"grid navigation",
+			"geometry navigation"
+		],
+		upstreamCoverage: ["CSS Spatial Navigation", "ARIA grid navigation"],
+		dependencies: ["collection"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "typeahead",
+		title: "Typeahead",
+		packageSubpath: "./typeahead",
+		entryFile: `${typeaheadFamilyRoot}typeahead.ts`,
+		sourceFiles: [
+			`${typeaheadFamilyRoot}typeahead.ts`,
+			`${typeaheadFamilyRoot}typeahead-internal.ts`,
+			`${typeaheadFamilyRoot}typeahead-types.ts`
+		],
+		behaviorContract: `${typeaheadFamilyRoot}typeahead.behavior.md`,
+		tests: [`${typeaheadFamilyRoot}typeahead.test.ts`, `${typeaheadFamilyRoot}typeahead-ssr.test.ts`],
+		typeTests: [`${typeaheadFamilyRoot}typeahead.types.test-d.ts`],
+		rendererFixture: "TypeaheadConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createTypeahead",
+			retainedSignature: "VIZE_UI_TYPEAHEAD_DISPOSED",
+			maximumJavaScriptGzipBytes: 1375,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"typeahead",
+			"collection search",
+			"keyboard search"
+		],
+		upstreamCoverage: ["React Aria useTypeSelect", "Ariakit composite typeahead"],
+		dependencies: ["collection"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "virtualizer",
+		title: "Virtualizer",
+		packageSubpath: "./virtualizer",
+		entryFile: `${virtualizerFamilyRoot}virtualizer.ts`,
+		sourceFiles: [
+			`${virtualizerFamilyRoot}virtualizer.ts`,
+			`${virtualizerFamilyRoot}virtualizer-grid.ts`,
+			`${virtualizerFamilyRoot}virtualizer-infinite.ts`,
+			`${virtualizerFamilyRoot}virtualizer-measure-cache.ts`,
+			`${virtualizerFamilyRoot}virtualizer-options.ts`,
+			`${virtualizerFamilyRoot}virtualizer-runtime.ts`,
+			`${virtualizerFamilyRoot}virtualizer-types.ts`,
+			`${virtualizerFamilyRoot}virtualizer-viewport.ts`,
+			`${virtualizerFamilyRoot}virtualizer-window.ts`
+		],
+		behaviorContract: `${virtualizerFamilyRoot}virtualizer.behavior.md`,
+		tests: [
+			`${virtualizerFamilyRoot}virtualizer.test.ts`,
+			`${virtualizerFamilyRoot}virtualizer-grid.test.ts`,
+			`${virtualizerFamilyRoot}virtualizer-infinite.test.ts`,
+			`${virtualizerFamilyRoot}virtualizer-measure-cache.test.ts`,
+			`${virtualizerFamilyRoot}virtualizer-ssr.test.ts`
+		],
+		typeTests: [`${virtualizerFamilyRoot}virtualizer.types.test-d.ts`],
+		rendererFixture: "VirtualizerConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "createVirtualizer",
+			retainedSignature: "VIZE_UI_VIRTUALIZER_DISPOSED",
+			allowedRetainedFamilies: ["measure"],
+			maximumJavaScriptGzipBytes: 4800,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"virtual list",
+			"virtual scroll",
+			"windowing",
+			"infinite scroll"
+		],
+		upstreamCoverage: [
+			"windowed rendering",
+			"scroll anchoring",
+			"scroll restoration"
+		],
+		dependencies: ["measure"],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-layout-avatar.ts
+const familyRoot$4 = "src/families/layout/avatar/";
+const avatarLayoutFamilyCatalog = [{
+	canonicalName: "avatar",
+	title: "Avatar",
+	packageSubpath: "./avatar",
+	entryFile: `${familyRoot$4}avatar.ts`,
+	sourceFiles: [
+		`${familyRoot$4}avatar.vue`,
+		`${familyRoot$4}avatar.ts`,
+		`${familyRoot$4}avatar-types.ts`
+	],
+	behaviorContract: `${familyRoot$4}avatar.behavior.md`,
+	tests: [`${familyRoot$4}avatar.test.ts`, `${familyRoot$4}avatar-ssr.test.ts`],
+	typeTests: [`${familyRoot$4}avatar.types.test-d.ts`],
+	rendererFixture: "AvatarConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "Avatar",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}avatar",
+		maximumJavaScriptGzipBytes: 1450,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"profile image",
+		"user avatar",
+		"presence avatar",
+		"fallback avatar"
+	],
+	upstreamCoverage: [
+		"HTML img element",
+		"native image loading",
+		"native image decoding"
+	],
+	dependencies: [],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-layout-icon.ts
+const familyRoot$3 = "src/families/layout/icon/";
+const iconLayoutFamilyCatalog = [{
+	canonicalName: "icon",
+	title: "Icon",
+	packageSubpath: "./icon",
+	entryFile: `${familyRoot$3}icon.ts`,
+	sourceFiles: [
+		`${familyRoot$3}icon.vue`,
+		`${familyRoot$3}icon.ts`,
+		`${familyRoot$3}icon-types.ts`
+	],
+	behaviorContract: `${familyRoot$3}icon.behavior.md`,
+	tests: [`${familyRoot$3}icon.test.ts`, `${familyRoot$3}icon-ssr.test.ts`],
+	typeTests: [`${familyRoot$3}icon.types.test-d.ts`],
+	rendererFixture: "IconConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "Icon",
+		retainedSignature: "data-vize-ui\":(?:`icon`|\"icon\"|'icon')",
+		maximumJavaScriptGzipBytes: 1900,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"svg icon",
+		"glyph",
+		"pictogram",
+		"icon composer"
+	],
+	upstreamCoverage: [
+		"SVG title element",
+		"SVG desc element",
+		"React Aria SVG semantics"
+	],
+	dependencies: ["id"],
+	maturity: "stable",
+	owner: catalogOwner
+}, {
+	canonicalName: "icon-button",
+	title: "IconButton",
+	packageSubpath: "./icon-button",
+	entryFile: `${familyRoot$3}icon-button.ts`,
+	sourceFiles: [
+		`${familyRoot$3}icon-button.vue`,
+		`${familyRoot$3}icon-button.ts`,
+		`${familyRoot$3}icon-types.ts`
+	],
+	behaviorContract: `${familyRoot$3}icon-button.behavior.md`,
+	tests: [`${familyRoot$3}icon-button.test.ts`, `${familyRoot$3}icon-button-ssr.test.ts`],
+	typeTests: [`${familyRoot$3}icon.types.test-d.ts`],
+	rendererFixture: "IconButtonConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "IconButton",
+		retainedSignature: "data-vize-ui\":(?:`icon-button`|\"icon-button\"|'icon-button')",
+		maximumJavaScriptGzipBytes: 2200,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"icon button",
+		"toolbar icon",
+		"icon-only action",
+		"glyph button"
+	],
+	upstreamCoverage: [
+		"HTML button",
+		"WAI-ARIA Button Pattern",
+		"React Aria Button"
+	],
+	dependencies: [],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-layout-list.ts
+const familyRoot$2 = "src/families/layout/list/";
+const listLayoutFamilyCatalog = [{
+	canonicalName: "list",
+	title: "List",
+	packageSubpath: "./list",
+	entryFile: `${familyRoot$2}list.ts`,
+	sourceFiles: [
+		`${familyRoot$2}list.vue`,
+		`${familyRoot$2}list.ts`,
+		`${familyRoot$2}list-types.ts`
+	],
+	behaviorContract: `${familyRoot$2}list.behavior.md`,
+	tests: [`${familyRoot$2}list.test.ts`, `${familyRoot$2}list-ssr.test.ts`],
+	typeTests: [`${familyRoot$2}list.types.test-d.ts`],
+	rendererFixture: "ListConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "List",
+		retainedSignature: "data-vize-ui\":(?:`list`|\"list\"|'list')",
+		maximumJavaScriptGzipBytes: 900,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"ordered list",
+		"unordered list",
+		"list group",
+		"content list"
+	],
+	upstreamCoverage: [
+		"HTML ul element",
+		"HTML ol element",
+		"Reka UI Primitive"
+	],
+	dependencies: [],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-layout-scroll-area.ts
+const familyRoot$1 = "src/families/layout/scroll-area/";
+const scrollAreaLayoutFamilyCatalog = [{
+	canonicalName: "scroll-area",
+	title: "Scroll Area",
+	packageSubpath: "./scroll-area",
+	entryFile: `${familyRoot$1}scroll-area.ts`,
+	sourceFiles: [
+		`${familyRoot$1}scroll-area.vue`,
+		`${familyRoot$1}scroll-area.ts`,
+		`${familyRoot$1}scroll-area.css`,
+		`${familyRoot$1}scroll-area-runtime.ts`,
+		`${familyRoot$1}scroll-area-types.ts`
+	],
+	behaviorContract: `${familyRoot$1}scroll-area.behavior.md`,
+	tests: [
+		`${familyRoot$1}scroll-area.test.ts`,
+		`${familyRoot$1}scroll-area-state.test.ts`,
+		`${familyRoot$1}scroll-area-ssr.test.ts`
+	],
+	typeTests: [`${familyRoot$1}scroll-area.types.test-d.ts`],
+	rendererFixture: "ScrollAreaConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "ScrollArea",
+		retainedSignature: "data-vize-ui\":(?:`scroll-area`|\"scroll-area\"|'scroll-area')",
+		maximumJavaScriptGzipBytes: 2800,
+		maximumCssGzipBytes: 7600
+	},
+	aliases: [
+		"scroll area",
+		"scroll viewport",
+		"native scroll container",
+		"overflow region"
+	],
+	upstreamCoverage: [
+		"CSS overflow",
+		"CSS overscroll-behavior",
+		"CSS scrollbar-gutter",
+		"CSS scrollbar-width",
+		"WAI-ARIA named region",
+		"Radix UI ScrollArea",
+		"Reka UI ScrollArea"
+	],
+	dependencies: [],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-layout-surface.ts
+const familyRoot = "src/families/layout/surface/";
+const surfaceLayoutFamilyCatalog = [{
+	canonicalName: "surface",
+	title: "Surface",
+	packageSubpath: "./surface",
+	entryFile: `${familyRoot}surface.ts`,
+	sourceFiles: [
+		`${familyRoot}surface.vue`,
+		`${familyRoot}surface.ts`,
+		`${familyRoot}surface-runtime.ts`,
+		`${familyRoot}surface-types.ts`
+	],
+	behaviorContract: `${familyRoot}surface.behavior.md`,
+	tests: [`${familyRoot}surface.test.ts`, `${familyRoot}surface-ssr.test.ts`],
+	typeTests: [`${familyRoot}surface.types.test-d.ts`],
+	rendererFixture: "SurfaceConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "Surface",
+		retainedSignature: "data-vize-ui\":(?:`surface`|\"surface\"|'surface')",
+		maximumJavaScriptGzipBytes: 1200,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"surface",
+		"semantic surface",
+		"section wrapper",
+		"panel wrapper"
+	],
+	upstreamCoverage: [
+		"HTML section element",
+		"HTML article element",
+		"HTML aside element",
+		"ARIA labelledby and describedby IDREFs",
+		"shadcn/ui Card",
+		"Reka UI Primitive"
+	],
+	dependencies: [],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-layout.ts
+const aspectRatioFamilyRoot = "src/families/layout/aspect-ratio/";
+const cardFamilyRoot = "src/families/layout/card/";
+const clusterFamilyRoot = "src/families/layout/cluster/";
+const containerFamilyRoot = "src/families/layout/container/";
+const gridFamilyRoot = "src/families/layout/grid/";
+const separatorFamilyRoot = "src/families/layout/separator/";
+const spacerFamilyRoot = "src/families/layout/spacer/";
+const stackFamilyRoot = "src/families/layout/stack/";
+const layoutFamilyCatalog = [
+	{
+		canonicalName: "aspect-ratio",
+		title: "Aspect Ratio",
+		packageSubpath: "./aspect-ratio",
+		entryFile: `${aspectRatioFamilyRoot}aspect-ratio.ts`,
+		sourceFiles: [
+			`${aspectRatioFamilyRoot}aspect-ratio.vue`,
+			`${aspectRatioFamilyRoot}aspect-ratio.ts`,
+			`${aspectRatioFamilyRoot}aspect-ratio-runtime.ts`,
+			`${aspectRatioFamilyRoot}aspect-ratio-types.ts`
+		],
+		behaviorContract: `${aspectRatioFamilyRoot}aspect-ratio.behavior.md`,
+		tests: [`${aspectRatioFamilyRoot}aspect-ratio.test.ts`, `${aspectRatioFamilyRoot}aspect-ratio-ssr.test.ts`],
+		typeTests: [`${aspectRatioFamilyRoot}aspect-ratio.types.test-d.ts`],
+		rendererFixture: "AspectRatioConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "AspectRatio",
+			retainedSignature: "data-vize-ui.+aspect-ratio",
+			maximumJavaScriptGzipBytes: 1e3,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"aspect ratio",
+			"intrinsic ratio",
+			"responsive media box"
+		],
+		upstreamCoverage: [
+			"CSS aspect-ratio",
+			"Radix UI AspectRatio",
+			"Reka UI AspectRatio"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	...avatarLayoutFamilyCatalog,
+	...iconLayoutFamilyCatalog,
+	{
+		canonicalName: "card",
+		title: "Card",
+		packageSubpath: "./card",
+		entryFile: `${cardFamilyRoot}card.ts`,
+		sourceFiles: [
+			`${cardFamilyRoot}card.vue`,
+			`${cardFamilyRoot}card.ts`,
+			`${cardFamilyRoot}card-types.ts`
+		],
+		behaviorContract: `${cardFamilyRoot}card.behavior.md`,
+		tests: [`${cardFamilyRoot}card.test.ts`, `${cardFamilyRoot}card-ssr.test.ts`],
+		typeTests: [`${cardFamilyRoot}card.types.test-d.ts`],
+		rendererFixture: "CardConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Card",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}card",
+			maximumJavaScriptGzipBytes: 625,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"surface card",
+			"panel",
+			"content surface",
+			"section shell"
+		],
+		upstreamCoverage: [
+			"HTML section",
+			"HTML article",
+			"shadcn/ui Card",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "cluster",
+		title: "Cluster",
+		packageSubpath: "./cluster",
+		entryFile: `${clusterFamilyRoot}cluster.ts`,
+		sourceFiles: [
+			`${clusterFamilyRoot}cluster.vue`,
+			`${clusterFamilyRoot}cluster.ts`,
+			`${clusterFamilyRoot}cluster-runtime.ts`,
+			`${clusterFamilyRoot}cluster-types.ts`
+		],
+		behaviorContract: `${clusterFamilyRoot}cluster.behavior.md`,
+		tests: [`${clusterFamilyRoot}cluster.test.ts`, `${clusterFamilyRoot}cluster-ssr.test.ts`],
+		typeTests: [`${clusterFamilyRoot}cluster.types.test-d.ts`],
+		rendererFixture: "ClusterConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Cluster",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}cluster",
+			maximumJavaScriptGzipBytes: 1200,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"layout cluster",
+			"wrapping row",
+			"inline group",
+			"action group"
+		],
+		upstreamCoverage: [
+			"CSS flexbox",
+			"CSS gap",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "container",
+		title: "Container",
+		packageSubpath: "./container",
+		entryFile: `${containerFamilyRoot}container.ts`,
+		sourceFiles: [
+			`${containerFamilyRoot}container.vue`,
+			`${containerFamilyRoot}container.ts`,
+			`${containerFamilyRoot}container-runtime.ts`,
+			`${containerFamilyRoot}container-types.ts`
+		],
+		behaviorContract: `${containerFamilyRoot}container.behavior.md`,
+		tests: [`${containerFamilyRoot}container.test.ts`, `${containerFamilyRoot}container-ssr.test.ts`],
+		typeTests: [`${containerFamilyRoot}container.types.test-d.ts`],
+		rendererFixture: "ContainerConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Container",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}container",
+			maximumJavaScriptGzipBytes: 1250,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"layout container",
+			"page container",
+			"max width wrapper",
+			"centered region"
+		],
+		upstreamCoverage: [
+			"CSS logical properties",
+			"CSS max-inline-size",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "grid",
+		title: "Grid",
+		packageSubpath: "./grid",
+		entryFile: `${gridFamilyRoot}grid.ts`,
+		sourceFiles: [
+			`${gridFamilyRoot}grid.vue`,
+			`${gridFamilyRoot}grid.ts`,
+			`${gridFamilyRoot}grid-runtime.ts`,
+			`${gridFamilyRoot}grid-types.ts`
+		],
+		behaviorContract: `${gridFamilyRoot}grid.behavior.md`,
+		tests: [`${gridFamilyRoot}grid.test.ts`, `${gridFamilyRoot}grid-ssr.test.ts`],
+		typeTests: [`${gridFamilyRoot}grid.types.test-d.ts`],
+		rendererFixture: "GridConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Grid",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}grid",
+			maximumJavaScriptGzipBytes: 1200,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"layout grid",
+			"responsive grid",
+			"two-dimensional layout",
+			"card grid"
+		],
+		upstreamCoverage: [
+			"CSS grid",
+			"CSS gap",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	...listLayoutFamilyCatalog,
+	...scrollAreaLayoutFamilyCatalog,
+	{
+		canonicalName: "separator",
+		title: "Separator",
+		packageSubpath: "./separator",
+		entryFile: `${separatorFamilyRoot}separator.ts`,
+		sourceFiles: [
+			`${separatorFamilyRoot}separator.vue`,
+			`${separatorFamilyRoot}separator.ts`,
+			`${separatorFamilyRoot}separator-types.ts`
+		],
+		behaviorContract: `${separatorFamilyRoot}separator.behavior.md`,
+		tests: [`${separatorFamilyRoot}separator.test.ts`, `${separatorFamilyRoot}separator-ssr.test.ts`],
+		typeTests: [`${separatorFamilyRoot}separator.types.test-d.ts`],
+		rendererFixture: "SeparatorConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Separator",
+			retainedSignature: "data-vize-ui.+separator",
+			maximumJavaScriptGzipBytes: 650,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"divider",
+			"rule",
+			"thematic break",
+			"splitter boundary"
+		],
+		upstreamCoverage: [
+			"HTML hr",
+			"WAI-ARIA Separator",
+			"Radix UI Separator",
+			"Reka UI Separator"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "spacer",
+		title: "Spacer",
+		packageSubpath: "./spacer",
+		entryFile: `${spacerFamilyRoot}spacer.ts`,
+		sourceFiles: [
+			`${spacerFamilyRoot}spacer.vue`,
+			`${spacerFamilyRoot}spacer.ts`,
+			`${spacerFamilyRoot}spacer-runtime.ts`,
+			`${spacerFamilyRoot}spacer-types.ts`
+		],
+		behaviorContract: `${spacerFamilyRoot}spacer.behavior.md`,
+		tests: [`${spacerFamilyRoot}spacer.test.ts`, `${spacerFamilyRoot}spacer-ssr.test.ts`],
+		typeTests: [`${spacerFamilyRoot}spacer.types.test-d.ts`],
+		rendererFixture: "SpacerConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Spacer",
+			retainedSignature: "data-vize-ui.+spacer",
+			maximumJavaScriptGzipBytes: 950,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"layout spacer",
+			"gap spacer",
+			"white space",
+			"svg spacer"
+		],
+		upstreamCoverage: [
+			"CSS logical properties",
+			"HTML span",
+			"SVG element host",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "stack",
+		title: "Stack",
+		packageSubpath: "./stack",
+		entryFile: `${stackFamilyRoot}stack.ts`,
+		sourceFiles: [
+			`${stackFamilyRoot}stack.vue`,
+			`${stackFamilyRoot}stack.ts`,
+			`${stackFamilyRoot}stack-runtime.ts`,
+			`${stackFamilyRoot}stack-types.ts`
+		],
+		behaviorContract: `${stackFamilyRoot}stack.behavior.md`,
+		tests: [`${stackFamilyRoot}stack.test.ts`, `${stackFamilyRoot}stack-ssr.test.ts`],
+		typeTests: [`${stackFamilyRoot}stack.types.test-d.ts`],
+		rendererFixture: "StackConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Stack",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}stack",
+			maximumJavaScriptGzipBytes: 1050,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"layout stack",
+			"vertical stack",
+			"logical stack",
+			"single-axis layout"
+		],
+		upstreamCoverage: [
+			"CSS flexbox",
+			"CSS logical properties",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	...surfaceLayoutFamilyCatalog
+];
+//#endregion
+//#region src/catalog/family-catalog-navigation.ts
+const breadcrumbFamilyRoot = "src/families/navigation/breadcrumb/";
+const paginationFamilyRoot = "src/families/navigation/pagination/";
+const stepperFamilyRoot = "src/families/navigation/stepper/";
+const tabsFamilyRoot = "src/families/navigation/tabs/";
+const navigationFamilyCatalog = [
+	{
+		canonicalName: "breadcrumb",
+		title: "Breadcrumb",
+		packageSubpath: "./breadcrumb",
+		entryFile: `${breadcrumbFamilyRoot}breadcrumb.ts`,
+		sourceFiles: [
+			`${breadcrumbFamilyRoot}breadcrumb.vue`,
+			`${breadcrumbFamilyRoot}breadcrumb-item.vue`,
+			`${breadcrumbFamilyRoot}breadcrumb-link.vue`,
+			`${breadcrumbFamilyRoot}breadcrumb-list.vue`,
+			`${breadcrumbFamilyRoot}breadcrumb-separator.vue`,
+			`${breadcrumbFamilyRoot}breadcrumb.ts`,
+			`${breadcrumbFamilyRoot}breadcrumb-types.ts`
+		],
+		behaviorContract: `${breadcrumbFamilyRoot}breadcrumb.behavior.md`,
+		tests: [`${breadcrumbFamilyRoot}breadcrumb.test.ts`, `${breadcrumbFamilyRoot}breadcrumb-ssr.test.ts`],
+		typeTests: [`${breadcrumbFamilyRoot}breadcrumb.types.test-d.ts`],
+		rendererFixture: "BreadcrumbConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Breadcrumb",
+			retainedSignature: "data-vize-ui\":(?:`breadcrumb`|\"breadcrumb\"|'breadcrumb')",
+			maximumJavaScriptGzipBytes: 1725,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"breadcrumb navigation",
+			"route breadcrumb",
+			"path trail",
+			"hierarchy trail"
+		],
+		upstreamCoverage: [
+			"HTML nav landmark",
+			"WAI-ARIA breadcrumb pattern",
+			"React Aria Breadcrumbs"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "skip-link",
+		title: "Skip Link",
+		packageSubpath: "./skip-link",
+		entryFile: "src/families/navigation/skip-link/skip-link.ts",
+		sourceFiles: [
+			"src/families/navigation/skip-link/skip-link.vue",
+			"src/families/navigation/skip-link/skip-link.ts",
+			"src/families/navigation/skip-link/skip-link-types.ts"
+		],
+		behaviorContract: "src/families/navigation/skip-link/skip-link.behavior.md",
+		tests: ["src/families/navigation/skip-link/skip-link.test.ts", "src/families/navigation/skip-link/skip-link-ssr.test.ts"],
+		typeTests: ["src/families/navigation/skip-link/skip-link.types.test-d.ts"],
+		rendererFixture: "SkipLinkConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "SkipLink",
+			retainedSignature: "data-vize-ui\":(?:`skip-link`|\"skip-link\"|'skip-link')",
+			maximumJavaScriptGzipBytes: 1850,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"skip link",
+			"skip navigation",
+			"skip to content",
+			"bypass block"
+		],
+		upstreamCoverage: [
+			"WCAG bypass blocks",
+			"HTML same-document fragment navigation",
+			"WebAIM skip navigation links"
+		],
+		dependencies: ["id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "tabs",
+		title: "Tabs",
+		packageSubpath: "./tabs",
+		entryFile: `${tabsFamilyRoot}tabs.ts`,
+		sourceFiles: [
+			`${tabsFamilyRoot}tabs-content.vue`,
+			`${tabsFamilyRoot}tabs-list.vue`,
+			`${tabsFamilyRoot}tabs-root.vue`,
+			`${tabsFamilyRoot}tabs-trigger.vue`,
+			`${tabsFamilyRoot}tabs.ts`,
+			`${tabsFamilyRoot}tabs-context.ts`,
+			`${tabsFamilyRoot}tabs-types.ts`,
+			`${tabsFamilyRoot}tabs-value.ts`
+		],
+		behaviorContract: `${tabsFamilyRoot}tabs.behavior.md`,
+		tests: [`${tabsFamilyRoot}tabs.test.ts`, `${tabsFamilyRoot}tabs-ssr.test.ts`],
+		typeTests: [`${tabsFamilyRoot}tabs.types.test-d.ts`],
+		rendererFixture: "TabsConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "TabsRoot",
+			retainedSignature: "data-vize-ui\":(?:`tabs-root`|\"tabs-root\"|'tabs-root')",
+			allowedRetainedFamilies: [
+				"collection",
+				"composite-navigation",
+				"context",
+				"controllable-state",
+				"typeahead"
+			],
+			maximumJavaScriptGzipBytes: 8700,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"tablist",
+			"tab panels",
+			"segmented navigation",
+			"application sections"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA tabs pattern",
+			"React Aria Tabs",
+			"Radix Tabs",
+			"Reka UI Tabs"
+		],
+		dependencies: [
+			"collection",
+			"composite-navigation",
+			"context",
+			"controllable-state",
+			"typeahead"
+		],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "stepper",
+		title: "Stepper",
+		packageSubpath: "./stepper",
+		entryFile: `${stepperFamilyRoot}stepper.ts`,
+		sourceFiles: [
+			`${stepperFamilyRoot}stepper-content.vue`,
+			`${stepperFamilyRoot}stepper-item.vue`,
+			`${stepperFamilyRoot}stepper-list.vue`,
+			`${stepperFamilyRoot}stepper-root.vue`,
+			`${stepperFamilyRoot}stepper-trigger.vue`,
+			`${stepperFamilyRoot}stepper.ts`,
+			`${stepperFamilyRoot}stepper-context.ts`,
+			`${stepperFamilyRoot}stepper-navigation.ts`,
+			`${stepperFamilyRoot}stepper-types.ts`,
+			`${stepperFamilyRoot}stepper-value.ts`
+		],
+		behaviorContract: `${stepperFamilyRoot}stepper.behavior.md`,
+		tests: [
+			`${stepperFamilyRoot}stepper.test.ts`,
+			`${stepperFamilyRoot}stepper-expose.test.ts`,
+			`${stepperFamilyRoot}stepper-ssr.test.ts`
+		],
+		typeTests: [`${stepperFamilyRoot}stepper.types.test-d.ts`],
+		rendererFixture: "StepperConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "StepperRoot",
+			retainedSignature: "data-vize-ui\":(?:`stepper-root`|\"stepper-root\"|'stepper-root')",
+			allowedRetainedFamilies: [
+				"collection",
+				"composite-navigation",
+				"context",
+				"controllable-state",
+				"typeahead"
+			],
+			maximumJavaScriptGzipBytes: 9250,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"stepper",
+			"wizard",
+			"multi-step flow",
+			"checkout steps"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA aria-current step",
+			"MUI Stepper",
+			"Vuetify Stepper",
+			"Reka UI Stepper"
+		],
+		dependencies: [
+			"collection",
+			"composite-navigation",
+			"context",
+			"controllable-state",
+			"id",
+			"typeahead"
+		],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "pagination",
+		title: "Pagination",
+		packageSubpath: "./pagination",
+		entryFile: `${paginationFamilyRoot}pagination.ts`,
+		sourceFiles: [
+			`${paginationFamilyRoot}pagination.vue`,
+			`${paginationFamilyRoot}pagination-list.vue`,
+			`${paginationFamilyRoot}pagination-item.vue`,
+			`${paginationFamilyRoot}pagination-page.vue`,
+			`${paginationFamilyRoot}pagination-previous.vue`,
+			`${paginationFamilyRoot}pagination-next.vue`,
+			`${paginationFamilyRoot}pagination-ellipsis.vue`,
+			`${paginationFamilyRoot}pagination.ts`,
+			`${paginationFamilyRoot}pagination-context.ts`,
+			`${paginationFamilyRoot}pagination-range.ts`,
+			`${paginationFamilyRoot}pagination-types.ts`
+		],
+		behaviorContract: `${paginationFamilyRoot}pagination.behavior.md`,
+		tests: [
+			`${paginationFamilyRoot}pagination.test.ts`,
+			`${paginationFamilyRoot}pagination-edge.test.ts`,
+			`${paginationFamilyRoot}pagination-ssr.test.ts`
+		],
+		typeTests: [`${paginationFamilyRoot}pagination.types.test-d.ts`],
+		rendererFixture: "PaginationConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Pagination",
+			retainedSignature: "data-vize-ui\":(?:`pagination`|\"pagination\"|'pagination')",
+			allowedRetainedFamilies: ["context", "controllable-state"],
+			maximumJavaScriptGzipBytes: 2750,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"pagination",
+			"pager",
+			"page navigation",
+			"page controls"
+		],
+		upstreamCoverage: [
+			"HTML nav landmark",
+			"WAI-ARIA aria-current page",
+			"MUI Pagination",
+			"Vuetify Pagination",
+			"Reka UI Pagination"
+		],
+		dependencies: [
+			"context",
+			"controllable-state",
+			"id"
+		],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-dialogs.ts
+const dialogFamilyRoot = "src/families/overlays/dialog/";
+const alertDialogFamilyRoot = "src/families/overlays/alert-dialog/";
+const dialogFamilyCatalog = [{
+	canonicalName: "dialog",
+	title: "Dialog",
+	packageSubpath: "./dialog",
+	entryFile: `${dialogFamilyRoot}dialog.ts`,
+	sourceFiles: [
+		`${dialogFamilyRoot}dialog-close.vue`,
+		`${dialogFamilyRoot}dialog-content.vue`,
+		`${dialogFamilyRoot}dialog-context.ts`,
+		`${dialogFamilyRoot}dialog-description.vue`,
+		`${dialogFamilyRoot}dialog-overlay.vue`,
+		`${dialogFamilyRoot}dialog-portal.vue`,
+		`${dialogFamilyRoot}dialog-root.vue`,
+		`${dialogFamilyRoot}dialog-title.vue`,
+		`${dialogFamilyRoot}dialog-trigger.vue`,
+		`${dialogFamilyRoot}dialog.ts`,
+		`${dialogFamilyRoot}dialog-types.ts`
+	],
+	behaviorContract: `${dialogFamilyRoot}dialog.behavior.md`,
+	tests: [`${dialogFamilyRoot}dialog.test.ts`, `${dialogFamilyRoot}dialog-ssr.test.ts`],
+	typeTests: [`${dialogFamilyRoot}dialog.types.test-d.ts`],
+	rendererFixture: "DialogConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "DialogRoot",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}dialog-root",
+		allowedRetainedFamilies: ["context", "controllable-state"],
+		maximumJavaScriptGzipBytes: 2100,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"modal",
+		"alert dialog",
+		"sheet foundation",
+		"overlay dialog"
+	],
+	upstreamCoverage: [
+		"WAI-ARIA dialog pattern",
+		"Radix Dialog",
+		"Reka UI Dialog"
+	],
+	dependencies: [
+		"context",
+		"controllable-state",
+		"dismissable-layer",
+		"focus-guards",
+		"focus-scope",
+		"id",
+		"inert-outside",
+		"portal",
+		"scroll-lock"
+	],
+	maturity: "stable",
+	owner: catalogOwner
+}, {
+	canonicalName: "alert-dialog",
+	title: "Alert Dialog",
+	packageSubpath: "./alert-dialog",
+	entryFile: `${alertDialogFamilyRoot}alert-dialog.ts`,
+	sourceFiles: [
+		`${alertDialogFamilyRoot}alert-dialog-content.vue`,
+		`${alertDialogFamilyRoot}alert-dialog.ts`,
+		`${alertDialogFamilyRoot}alert-dialog-types.ts`
+	],
+	behaviorContract: `${alertDialogFamilyRoot}alert-dialog.behavior.md`,
+	tests: [`${alertDialogFamilyRoot}alert-dialog.test.ts`, `${alertDialogFamilyRoot}alert-dialog-ssr.test.ts`],
+	typeTests: [`${alertDialogFamilyRoot}alert-dialog.types.test-d.ts`],
+	rendererFixture: "AlertDialogConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "AlertDialogContent",
+		retainedSignature: "alert-dialog-content",
+		allowedRetainedFamilies: [
+			"context",
+			"dismissable-layer",
+			"focus-guards",
+			"focus-scope",
+			"inert-outside",
+			"scroll-lock"
+		],
+		maximumJavaScriptGzipBytes: 12e3,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"confirm dialog",
+		"destructive confirmation",
+		"modal alertdialog"
+	],
+	upstreamCoverage: [
+		"WAI-ARIA alertdialog pattern",
+		"Radix Alert Dialog",
+		"Reka UI AlertDialog"
+	],
+	dependencies: [
+		"context",
+		"dialog",
+		"dismissable-layer",
+		"focus-guards",
+		"focus-scope",
+		"inert-outside",
+		"scroll-lock"
+	],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-popover.ts
+const popoverFamilyRoot = "src/families/overlays/popover/";
+const popoverFamilyCatalog = [{
+	canonicalName: "popover",
+	title: "Popover",
+	packageSubpath: "./popover",
+	entryFile: `${popoverFamilyRoot}popover.ts`,
+	sourceFiles: [
+		`${popoverFamilyRoot}popover-arrow.vue`,
+		`${popoverFamilyRoot}popover-content.vue`,
+		`${popoverFamilyRoot}popover-content-runtime.ts`,
+		`${popoverFamilyRoot}popover-context.ts`,
+		`${popoverFamilyRoot}popover-root.vue`,
+		`${popoverFamilyRoot}popover-trigger.vue`,
+		`${popoverFamilyRoot}popover.ts`,
+		`${popoverFamilyRoot}popover-types.ts`
+	],
+	behaviorContract: `${popoverFamilyRoot}popover.behavior.md`,
+	tests: [`${popoverFamilyRoot}popover.test.ts`, `${popoverFamilyRoot}popover-ssr.test.ts`],
+	typeTests: [`${popoverFamilyRoot}popover.types.test-d.ts`],
+	rendererFixture: "PopoverConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "PopoverRoot",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}popover-root",
+		allowedRetainedFamilies: ["context", "controllable-state"],
+		maximumJavaScriptGzipBytes: 3e3,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"floating dialog",
+		"disclosure layer",
+		"coach mark shell",
+		"anchored popup"
+	],
+	upstreamCoverage: [
+		"WAI-ARIA dialog pattern",
+		"HTML Popover API authoring model",
+		"Radix Popover",
+		"Reka UI Popover"
+	],
+	dependencies: [
+		"context",
+		"controllable-state",
+		"dismissable-layer",
+		"focus-guards",
+		"focus-scope",
+		"id",
+		"inert-outside",
+		"portal",
+		"positioner",
+		"presence",
+		"scroll-lock"
+	],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-overlays.ts
+const motionFamilyRoot = "src/families/overlays/motion/";
+const portalFamilyRoot = "src/families/overlays/portal/";
+const positionerFamilyRoot = "src/families/overlays/positioner/";
+const presenceFamilyRoot = "src/families/overlays/presence/";
+const transitionFamilyRoot = "src/families/overlays/transition/";
+const overlayFamilyCatalog = [
+	...dialogFamilyCatalog,
+	{
+		canonicalName: "motion",
+		title: "Motion Tokens",
+		packageSubpath: "./motion",
+		entryFile: `${motionFamilyRoot}motion.ts`,
+		sourceFiles: [
+			`${motionFamilyRoot}motion.ts`,
+			`${motionFamilyRoot}motion.css`,
+			`${motionFamilyRoot}motion-adapters.ts`,
+			`${motionFamilyRoot}motion-tokens.ts`,
+			`${motionFamilyRoot}motion-types.ts`
+		],
+		behaviorContract: `${motionFamilyRoot}motion.behavior.md`,
+		tests: [
+			`${motionFamilyRoot}motion.test.ts`,
+			`${motionFamilyRoot}motion-stylesheet.test.ts`,
+			`${motionFamilyRoot}motion-ssr.test.ts`
+		],
+		typeTests: [`${motionFamilyRoot}motion.types.test-d.ts`],
+		rendererFixture: "MotionConsumer.vue",
+		qualityGates: interactionQualityGates,
+		bundleBudget: {
+			exportName: "startViewTransition",
+			retainedSignature: "VIZE_UI_MOTION_",
+			maximumJavaScriptGzipBytes: 1500,
+			maximumCssGzipBytes: 7600
+		},
+		aliases: [
+			"motion tokens",
+			"easing",
+			"view transitions",
+			"starting style",
+			"reduced motion"
+		],
+		upstreamCoverage: [
+			"View Transitions API",
+			"CSS @starting-style",
+			"prefers-reduced-motion",
+			"scroll-driven animations"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "portal",
+		title: "Portal",
+		packageSubpath: "./portal",
+		entryFile: `${portalFamilyRoot}portal.ts`,
+		sourceFiles: [
+			`${portalFamilyRoot}portal.vue`,
+			`${portalFamilyRoot}portal.ts`,
+			`${portalFamilyRoot}portal-stack.ts`
+		],
+		behaviorContract: `${portalFamilyRoot}portal.behavior.md`,
+		tests: [
+			`${portalFamilyRoot}portal.test.ts`,
+			`${portalFamilyRoot}portal-stack.test.ts`,
+			`${portalFamilyRoot}portal-ssr.test.ts`
+		],
+		typeTests: [`${portalFamilyRoot}portal.types.test-d.ts`],
+		rendererFixture: "families/overlays/portal/portal.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Portal",
+			retainedSignature: "data-vize-ui.+portal",
+			maximumJavaScriptGzipBytes: 800,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"teleport",
+			"portalled content",
+			"nested portal stack"
+		],
+		upstreamCoverage: ["HTML Teleport", "document portal"],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "positioner",
+		title: "Positioner",
+		packageSubpath: "./positioner",
+		entryFile: `${positionerFamilyRoot}positioner.ts`,
+		sourceFiles: [
+			`${positionerFamilyRoot}positioner.vue`,
+			`${positionerFamilyRoot}positioner-arrow.vue`,
+			`${positionerFamilyRoot}positioner.ts`,
+			`${positionerFamilyRoot}positioner-context.ts`,
+			`${positionerFamilyRoot}positioner-geometry.ts`,
+			`${positionerFamilyRoot}positioner-runtime.ts`,
+			`${positionerFamilyRoot}positioner-size.ts`,
+			`${positionerFamilyRoot}positioner-types.ts`,
+			`${positionerFamilyRoot}positioner-viewport.ts`
+		],
+		behaviorContract: `${positionerFamilyRoot}positioner.behavior.md`,
+		tests: [
+			`${positionerFamilyRoot}positioner.test.ts`,
+			`${positionerFamilyRoot}positioner-geometry.test.ts`,
+			`${positionerFamilyRoot}positioner-size.test.ts`,
+			`${positionerFamilyRoot}positioner-viewport.test.ts`,
+			`${positionerFamilyRoot}positioner-ssr.test.ts`
+		],
+		typeTests: [`${positionerFamilyRoot}positioner.types.test-d.ts`],
+		rendererFixture: "families/overlays/positioner/positioner.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "createPositioner",
+			retainedSignature: "VIZE_UI_POSITIONER_DISPOSED",
+			allowedRetainedFamilies: ["context"],
+			maximumJavaScriptGzipBytes: 3500,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"floating",
+			"anchor position",
+			"collision",
+			"arrow",
+			"size",
+			"safe area"
+		],
+		upstreamCoverage: [
+			"CSS absolute positioning",
+			"visual viewport",
+			"collision flipping",
+			"safe-area environment insets"
+		],
+		dependencies: ["context"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "presence",
+		title: "Presence",
+		packageSubpath: "./presence",
+		entryFile: `${presenceFamilyRoot}presence.ts`,
+		sourceFiles: [
+			`${presenceFamilyRoot}presence.vue`,
+			`${presenceFamilyRoot}presence.ts`,
+			`${presenceFamilyRoot}presence-runtime.ts`,
+			`${presenceFamilyRoot}presence-types.ts`
+		],
+		behaviorContract: `${presenceFamilyRoot}presence.behavior.md`,
+		tests: [`${presenceFamilyRoot}presence.test.ts`, `${presenceFamilyRoot}presence-ssr.test.ts`],
+		typeTests: [`${presenceFamilyRoot}presence.types.test-d.ts`],
+		rendererFixture: "families/overlays/presence/presence.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "createPresence",
+			retainedSignature: "VIZE_UI_PRESENCE_DISPOSED",
+			maximumJavaScriptGzipBytes: 2200,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"enter exit",
+			"mount animation",
+			"presence"
+		],
+		upstreamCoverage: [
+			"CSS animations",
+			"CSS transitions",
+			"View Transitions"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	...popoverFamilyCatalog,
+	{
+		canonicalName: "tooltip",
+		title: "Tooltip",
+		packageSubpath: "./tooltip",
+		entryFile: "src/families/overlays/tooltip/tooltip.ts",
+		sourceFiles: [
+			"src/families/overlays/tooltip/tooltip-content.vue",
+			"src/families/overlays/tooltip/tooltip-context.ts",
+			"src/families/overlays/tooltip/tooltip-root.vue",
+			"src/families/overlays/tooltip/tooltip-trigger.vue",
+			"src/families/overlays/tooltip/tooltip.ts",
+			"src/families/overlays/tooltip/tooltip-types.ts"
+		],
+		behaviorContract: "src/families/overlays/tooltip/tooltip.behavior.md",
+		tests: ["src/families/overlays/tooltip/tooltip.test.ts", "src/families/overlays/tooltip/tooltip-ssr.test.ts"],
+		typeTests: ["src/families/overlays/tooltip/tooltip.types.test-d.ts"],
+		rendererFixture: "TooltipConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "TooltipRoot",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}tooltip-root",
+			allowedRetainedFamilies: ["context", "controllable-state"],
+			maximumJavaScriptGzipBytes: 2200,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"hover tip",
+			"description bubble",
+			"help text",
+			"floating hint"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA tooltip pattern",
+			"Radix Tooltip",
+			"Reka UI Tooltip"
+		],
+		dependencies: [
+			"context",
+			"controllable-state",
+			"dismissable-layer",
+			"hover",
+			"id",
+			"portal",
+			"positioner",
+			"presence"
+		],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "transition",
+		title: "Transition",
+		packageSubpath: "./transition",
+		entryFile: `${transitionFamilyRoot}transition.ts`,
+		sourceFiles: [
+			`${transitionFamilyRoot}transition.vue`,
+			`${transitionFamilyRoot}transition.ts`,
+			`${transitionFamilyRoot}transition-runtime.ts`,
+			`${transitionFamilyRoot}transition-types.ts`
+		],
+		behaviorContract: `${transitionFamilyRoot}transition.behavior.md`,
+		tests: [`${transitionFamilyRoot}transition.test.ts`, `${transitionFamilyRoot}transition-ssr.test.ts`],
+		typeTests: [`${transitionFamilyRoot}transition.types.test-d.ts`],
+		rendererFixture: "families/overlays/transition/transition.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "createTransition",
+			retainedSignature: "VIZE_UI_TRANSITION_DISPOSED",
+			allowedRetainedFamilies: ["presence"],
+			maximumJavaScriptGzipBytes: 1400,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"css transition",
+			"enter leave",
+			"motion complete"
+		],
+		upstreamCoverage: [
+			"CSS transitions",
+			"CSS animations",
+			"computed motion duration"
+		],
+		dependencies: ["presence"],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-rating.ts
+const ratingFamilyRoot = "src/families/form/rating/";
+const ratingFamilyCatalog = [{
+	canonicalName: "rating",
+	title: "Rating",
+	packageSubpath: "./rating",
+	entryFile: `${ratingFamilyRoot}rating.ts`,
+	sourceFiles: [
+		`${ratingFamilyRoot}rating.vue`,
+		`${ratingFamilyRoot}rating.ts`,
+		`${ratingFamilyRoot}rating-runtime.ts`,
+		`${ratingFamilyRoot}rating-state.ts`,
+		`${ratingFamilyRoot}rating-types.ts`
+	],
+	behaviorContract: `${ratingFamilyRoot}rating.behavior.md`,
+	tests: [
+		`${ratingFamilyRoot}rating.test.ts`,
+		`${ratingFamilyRoot}rating-ssr.test.ts`,
+		`${ratingFamilyRoot}rating-state.test.ts`
+	],
+	typeTests: [`${ratingFamilyRoot}rating.types.test-d.ts`],
+	rendererFixture: "families/form/rating/rating.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "Rating",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}rating",
+		allowedRetainedFamilies: ["controllable-state"],
+		maximumJavaScriptGzipBytes: 4100,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"rating",
+		"star rating",
+		"score picker"
+	],
+	upstreamCoverage: [
+		"HTML radio",
+		"WAI-ARIA Radio Group",
+		"React Aria RadioGroup",
+		"Radix ToggleGroup rating examples"
+	],
+	dependencies: ["controllable-state", "id"],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-selection.ts
+const checkboxFamilyRoot = "src/families/selection/checkbox/";
+const listboxFamilyRoot = "src/families/selection/listbox/";
+const nativeSelectFamilyRoot = "src/families/selection/native-select/";
+const radioGroupFamilyRoot = "src/families/selection/radio-group/";
+const switchFamilyRoot = "src/families/selection/switch/";
+const toggleFamilyRoot = "src/families/selection/toggle/";
+const toggleGroupFamilyRoot = "src/families/selection/toggle-group/";
+const selectionFamilyCatalog = [
+	{
+		canonicalName: "checkbox",
+		title: "Checkbox",
+		packageSubpath: "./checkbox",
+		entryFile: `${checkboxFamilyRoot}checkbox.ts`,
+		sourceFiles: [
+			`${checkboxFamilyRoot}checkbox-control.vue`,
+			`${checkboxFamilyRoot}checkbox.ts`,
+			`${checkboxFamilyRoot}checkbox-state.ts`
+		],
+		behaviorContract: `${checkboxFamilyRoot}checkbox.behavior.md`,
+		tests: [`${checkboxFamilyRoot}checkbox.test.ts`],
+		rendererFixture: "families/selection/checkbox/checkbox-control.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Checkbox",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,24}checkbox",
+			allowedRetainedFamilies: ["controllable-state"],
+			maximumJavaScriptGzipBytes: 1100,
+			maximumCssGzipBytes: 0
+		},
+		aliases: ["checkbox control", "mixed checkbox"],
+		upstreamCoverage: [
+			"shadcn/ui Checkbox",
+			"Reka UI Checkbox",
+			"React Aria Checkbox"
+		],
+		dependencies: ["controllable-state"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "listbox",
+		title: "Listbox",
+		packageSubpath: "./listbox",
+		entryFile: `${listboxFamilyRoot}listbox.ts`,
+		sourceFiles: [
+			`${listboxFamilyRoot}listbox.vue`,
+			`${listboxFamilyRoot}listbox-item.vue`,
+			`${listboxFamilyRoot}listbox.ts`,
+			`${listboxFamilyRoot}listbox-context.ts`,
+			`${listboxFamilyRoot}listbox-types.ts`,
+			`${listboxFamilyRoot}listbox-value.ts`
+		],
+		behaviorContract: `${listboxFamilyRoot}listbox.behavior.md`,
+		tests: [`${listboxFamilyRoot}listbox.test.ts`, `${listboxFamilyRoot}listbox-ssr.test.ts`],
+		typeTests: [`${listboxFamilyRoot}listbox.types.test-d.ts`],
+		rendererFixture: "ListboxConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Listbox",
+			retainedSignature: "data-vize-ui\":(?:`listbox`|\"listbox\"|'listbox')",
+			allowedRetainedFamilies: [
+				"collection",
+				"composite-navigation",
+				"context",
+				"controllable-state",
+				"typeahead"
+			],
+			maximumJavaScriptGzipBytes: 9100,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"listbox",
+			"option list",
+			"single select",
+			"multi select"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA listbox pattern",
+			"React Aria ListBox",
+			"Ariakit Select",
+			"Reka UI Listbox"
+		],
+		dependencies: [
+			"collection",
+			"composite-navigation",
+			"context",
+			"controllable-state",
+			"id",
+			"typeahead"
+		],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "native-select",
+		title: "Native Select",
+		packageSubpath: "./native-select",
+		entryFile: `${nativeSelectFamilyRoot}native-select.ts`,
+		sourceFiles: [
+			`${nativeSelectFamilyRoot}native-select.vue`,
+			`${nativeSelectFamilyRoot}native-select.ts`,
+			`${nativeSelectFamilyRoot}native-select-types.ts`,
+			`${nativeSelectFamilyRoot}native-select-value.ts`
+		],
+		behaviorContract: `${nativeSelectFamilyRoot}native-select.behavior.md`,
+		tests: [`${nativeSelectFamilyRoot}native-select.test.ts`, `${nativeSelectFamilyRoot}native-select-ssr.test.ts`],
+		typeTests: [`${nativeSelectFamilyRoot}native-select.types.test-d.ts`],
+		rendererFixture: "families/selection/native-select/native-select.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "NativeSelect",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,40}native-select",
+			allowedRetainedFamilies: ["controllable-state"],
+			maximumJavaScriptGzipBytes: 4800,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"native select",
+			"select",
+			"form select",
+			"html select"
+		],
+		upstreamCoverage: [
+			"HTML select element",
+			"React Aria Select native escape hatch",
+			"Radix Select native form fallback",
+			"Reka UI Select hidden native select interop"
+		],
+		dependencies: ["controllable-state", "id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "radio-group",
+		title: "Radio Group",
+		packageSubpath: "./radio-group",
+		entryFile: `${radioGroupFamilyRoot}radio-group.ts`,
+		sourceFiles: [
+			`${radioGroupFamilyRoot}radio-group.vue`,
+			`${radioGroupFamilyRoot}radio-group-item.vue`,
+			`${radioGroupFamilyRoot}radio-group.ts`,
+			`${radioGroupFamilyRoot}radio-group-context.ts`,
+			`${radioGroupFamilyRoot}radio-group-types.ts`
+		],
+		behaviorContract: `${radioGroupFamilyRoot}radio-group.behavior.md`,
+		tests: [`${radioGroupFamilyRoot}radio-group.test.ts`, `${radioGroupFamilyRoot}radio-group-ssr.test.ts`],
+		typeTests: [`${radioGroupFamilyRoot}radio-group.types.test-d.ts`],
+		rendererFixture: "RadioGroupConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "RadioGroup",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}radio-group",
+			allowedRetainedFamilies: ["context", "controllable-state"],
+			maximumJavaScriptGzipBytes: 2300,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"radio group",
+			"choice group",
+			"single choice"
+		],
+		upstreamCoverage: [
+			"HTML radio",
+			"WAI-ARIA Radio Group",
+			"React Aria RadioGroup",
+			"Reka UI Radio Group"
+		],
+		dependencies: [
+			"context",
+			"controllable-state",
+			"id"
+		],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "switch",
+		title: "Switch",
+		packageSubpath: "./switch",
+		entryFile: `${switchFamilyRoot}switch.ts`,
+		sourceFiles: [
+			`${switchFamilyRoot}switch-control.vue`,
+			`${switchFamilyRoot}switch.ts`,
+			`${switchFamilyRoot}switch-types.ts`
+		],
+		behaviorContract: `${switchFamilyRoot}switch.behavior.md`,
+		tests: [`${switchFamilyRoot}switch.test.ts`],
+		typeTests: [`${switchFamilyRoot}switch.types.test-d.ts`],
+		rendererFixture: "families/selection/switch/switch-control.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Switch",
+			retainedSignature: "role[\\s\\S]{0,24}switch",
+			allowedRetainedFamilies: ["controllable-state"],
+			maximumJavaScriptGzipBytes: 3200,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"switch control",
+			"on off switch",
+			"form switch"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA Switch",
+			"React Aria Switch",
+			"Reka UI Switch"
+		],
+		dependencies: ["controllable-state", "id"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "toggle",
+		title: "Toggle",
+		packageSubpath: "./toggle",
+		entryFile: `${toggleFamilyRoot}toggle.ts`,
+		sourceFiles: [
+			`${toggleFamilyRoot}toggle-button.vue`,
+			`${toggleFamilyRoot}toggle.ts`,
+			`${toggleFamilyRoot}toggle-types.ts`
+		],
+		behaviorContract: `${toggleFamilyRoot}toggle.behavior.md`,
+		tests: [`${toggleFamilyRoot}toggle.test.ts`],
+		typeTests: [`${toggleFamilyRoot}toggle.types.test-d.ts`],
+		rendererFixture: "families/selection/toggle/toggle-button.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Toggle",
+			retainedSignature: "aria-pressed",
+			allowedRetainedFamilies: ["controllable-state"],
+			maximumJavaScriptGzipBytes: 1700,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"toggle button",
+			"pressed button",
+			"on off button"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA toggle button",
+			"React Aria ToggleButton",
+			"Reka UI Toggle"
+		],
+		dependencies: ["controllable-state"],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "toggle-group",
+		title: "Toggle Group",
+		packageSubpath: "./toggle-group",
+		entryFile: `${toggleGroupFamilyRoot}toggle-group.ts`,
+		sourceFiles: [
+			`${toggleGroupFamilyRoot}toggle-group.vue`,
+			`${toggleGroupFamilyRoot}toggle-group-item.vue`,
+			`${toggleGroupFamilyRoot}toggle-group.ts`,
+			`${toggleGroupFamilyRoot}toggle-group-context.ts`,
+			`${toggleGroupFamilyRoot}toggle-group-types.ts`,
+			`${toggleGroupFamilyRoot}toggle-group-value.ts`
+		],
+		behaviorContract: `${toggleGroupFamilyRoot}toggle-group.behavior.md`,
+		tests: [`${toggleGroupFamilyRoot}toggle-group.test.ts`, `${toggleGroupFamilyRoot}toggle-group-ssr.test.ts`],
+		typeTests: [`${toggleGroupFamilyRoot}toggle-group.types.test-d.ts`],
+		rendererFixture: "ToggleGroupConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "ToggleGroup",
+			retainedSignature: "data-vize-ui[\\s\\S]{0,32}toggle-group",
+			allowedRetainedFamilies: ["context", "controllable-state"],
+			maximumJavaScriptGzipBytes: 4e3,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"toggle button group",
+			"pressed button group",
+			"segmented control"
+		],
+		upstreamCoverage: [
+			"WAI-ARIA toggle button group",
+			"Radix UI ToggleGroup",
+			"Reka UI ToggleGroup"
+		],
+		dependencies: ["context", "controllable-state"],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+//#endregion
+//#region src/catalog/family-catalog-slider.ts
+const sliderFamilyRoot = "src/families/form/slider/";
+const sliderFamilyCatalog = [{
+	canonicalName: "slider",
+	title: "Slider",
+	packageSubpath: "./slider",
+	entryFile: `${sliderFamilyRoot}slider.ts`,
+	sourceFiles: [
+		`${sliderFamilyRoot}slider.vue`,
+		`${sliderFamilyRoot}slider.ts`,
+		`${sliderFamilyRoot}slider-state.ts`,
+		`${sliderFamilyRoot}slider-types.ts`
+	],
+	behaviorContract: `${sliderFamilyRoot}slider.behavior.md`,
+	tests: [`${sliderFamilyRoot}slider.test.ts`, `${sliderFamilyRoot}slider-ssr.test.ts`],
+	typeTests: [`${sliderFamilyRoot}slider.types.test-d.ts`],
+	rendererFixture: "families/form/slider/slider.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "Slider",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}slider",
+		allowedRetainedFamilies: ["controllable-state"],
+		maximumJavaScriptGzipBytes: 3600,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"range input",
+		"single-thumb slider",
+		"volume slider"
+	],
+	upstreamCoverage: [
+		"HTML range input",
+		"WAI-ARIA Slider",
+		"React Aria Slider"
+	],
+	dependencies: ["controllable-state", "id"],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
+//#region src/catalog/family-catalog-typography.ts
+const typographyFamilyCatalog = [
+	{
+		canonicalName: "blockquote",
+		title: "Blockquote",
+		packageSubpath: "./blockquote",
+		entryFile: "src/families/typography/blockquote/blockquote.ts",
+		sourceFiles: [
+			"src/families/typography/blockquote/blockquote.vue",
+			"src/families/typography/blockquote/blockquote.ts",
+			"src/families/typography/blockquote/blockquote-types.ts"
+		],
+		behaviorContract: "src/families/typography/blockquote/blockquote.behavior.md",
+		tests: ["src/families/typography/blockquote/blockquote.test.ts", "src/families/typography/blockquote/blockquote-ssr.test.ts"],
+		typeTests: ["src/families/typography/blockquote/blockquote.types.test-d.ts"],
+		rendererFixture: "BlockquoteConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Blockquote",
+			retainedSignature: "data-vize-ui\":(?:`blockquote`|\"blockquote\"|'blockquote')",
+			maximumJavaScriptGzipBytes: 900,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"quote",
+			"pull quote",
+			"quoted text",
+			"quotation block"
+		],
+		upstreamCoverage: [
+			"HTML blockquote element",
+			"HTML cite attribute",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "code",
+		title: "Code",
+		packageSubpath: "./code",
+		entryFile: "src/families/typography/code/code.ts",
+		sourceFiles: [
+			"src/families/typography/code/code.vue",
+			"src/families/typography/code/code.ts",
+			"src/families/typography/code/code-types.ts"
+		],
+		behaviorContract: "src/families/typography/code/code.behavior.md",
+		tests: ["src/families/typography/code/code.test.ts", "src/families/typography/code/code-ssr.test.ts"],
+		typeTests: ["src/families/typography/code/code.types.test-d.ts"],
+		rendererFixture: "CodeConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Code",
+			retainedSignature: "data-vize-ui\":(?:`code`|\"code\"|'code')",
+			maximumJavaScriptGzipBytes: 850,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"inline code",
+			"code snippet",
+			"code block",
+			"monospace text"
+		],
+		upstreamCoverage: [
+			"HTML code element",
+			"HTML pre element",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "heading",
+		title: "Heading",
+		packageSubpath: "./heading",
+		entryFile: "src/families/typography/heading/heading.ts",
+		sourceFiles: [
+			"src/families/typography/heading/heading.vue",
+			"src/families/typography/heading/heading.ts",
+			"src/families/typography/heading/heading-types.ts"
+		],
+		behaviorContract: "src/families/typography/heading/heading.behavior.md",
+		tests: ["src/families/typography/heading/heading.test.ts", "src/families/typography/heading/heading-ssr.test.ts"],
+		typeTests: ["src/families/typography/heading/heading.types.test-d.ts"],
+		rendererFixture: "HeadingConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Heading",
+			retainedSignature: "data-vize-ui\":(?:`heading`|\"heading\"|'heading')",
+			maximumJavaScriptGzipBytes: 950,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"semantic heading",
+			"typography heading",
+			"title",
+			"section heading"
+		],
+		upstreamCoverage: [
+			"HTML heading content",
+			"ARIA document structure",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "kbd",
+		title: "Kbd",
+		packageSubpath: "./kbd",
+		entryFile: "src/families/typography/kbd/kbd.ts",
+		sourceFiles: [
+			"src/families/typography/kbd/kbd.vue",
+			"src/families/typography/kbd/kbd.ts",
+			"src/families/typography/kbd/kbd-types.ts"
+		],
+		behaviorContract: "src/families/typography/kbd/kbd.behavior.md",
+		tests: ["src/families/typography/kbd/kbd.test.ts", "src/families/typography/kbd/kbd-ssr.test.ts"],
+		typeTests: ["src/families/typography/kbd/kbd.types.test-d.ts"],
+		rendererFixture: "KbdConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Kbd",
+			retainedSignature: "data-vize-ui\":(?:`kbd`|\"kbd\"|'kbd')",
+			maximumJavaScriptGzipBytes: 850,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"keyboard input",
+			"shortcut",
+			"keycap",
+			"keyboard sequence"
+		],
+		upstreamCoverage: [
+			"HTML kbd element",
+			"CSS inline layout",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	},
+	{
+		canonicalName: "text",
+		title: "Text",
+		packageSubpath: "./text",
+		entryFile: "src/families/typography/text/text.ts",
+		sourceFiles: [
+			"src/families/typography/text/text.vue",
+			"src/families/typography/text/text.ts",
+			"src/families/typography/text/text-types.ts"
+		],
+		behaviorContract: "src/families/typography/text/text.behavior.md",
+		tests: ["src/families/typography/text/text.test.ts", "src/families/typography/text/text-ssr.test.ts"],
+		typeTests: ["src/families/typography/text/text.types.test-d.ts"],
+		rendererFixture: "TextConsumer.vue",
+		qualityGates: componentQualityGates,
+		bundleBudget: {
+			exportName: "Text",
+			retainedSignature: "data-vize-ui\":(?:`text`|\"text\"|'text')",
+			maximumJavaScriptGzipBytes: 900,
+			maximumCssGzipBytes: 0
+		},
+		aliases: [
+			"body text",
+			"typography text",
+			"copy",
+			"inline text",
+			"truncated text"
+		],
+		upstreamCoverage: [
+			"HTML phrasing content",
+			"CSS text-overflow",
+			"Reka UI Primitive"
+		],
+		dependencies: [],
+		maturity: "stable",
+		owner: catalogOwner
+	}
+];
+const uiFamilyCatalog = [...[
+	...actionFamilyCatalog,
+	...accessibilityFamilyCatalog,
+	...basicFamilyCatalog,
+	...dataFamilyCatalog,
+	...feedbackFamilyCatalog,
+	...foundationFamilyCatalog,
+	...focusFamilyCatalog,
+	...i18nFamilyCatalog,
+	...interactionGestureFamilyCatalog,
+	...interactionSupportFamilyCatalog,
+	...layoutFamilyCatalog,
+	...navigationFamilyCatalog,
+	...overlayFamilyCatalog,
+	...ratingFamilyCatalog,
+	...selectionFamilyCatalog,
+	...sliderFamilyCatalog,
+	...typographyFamilyCatalog
+]].sort((a, b) => a.canonicalName < b.canonicalName ? -1 : a.canonicalName > b.canonicalName ? 1 : 0);
+//#endregion
 export { UI_FAMILY_CATALOG_SCHEMA_VERSION, uiFamilyCatalog };