@vizejs/ui 0.443.0 → 0.457.0

package/dist/catalog.mjs

@@ -27,22 +27,22 @@ const componentQualityGates = [
 const catalogOwner = "ui-foundations";
 //#endregion
 //#region src/catalog/family-catalog-media-preferences.ts
-const familyRoot$10 = "src/families/accessibility/media-preferences/";
+const familyRoot$13 = "src/families/accessibility/media-preferences/";
 const mediaPreferencesFamilyCatalog = [{
 	canonicalName: "media-preferences",
 	title: "Media Preferences",
 	packageSubpath: "./media-preferences",
-	entryFile: `${familyRoot$10}media-preferences.ts`,
+	entryFile: `${familyRoot$13}media-preferences.ts`,
 	sourceFiles: [
-		`${familyRoot$10}media-preferences-context.ts`,
-		`${familyRoot$10}media-preferences-provider.vue`,
-		`${familyRoot$10}media-preferences-runtime.ts`,
-		`${familyRoot$10}media-preferences-types.ts`,
-		`${familyRoot$10}media-preferences.ts`
-	],
-	behaviorContract: `${familyRoot$10}media-preferences.behavior.md`,
-	tests: [`${familyRoot$10}media-preferences.test.ts`, `${familyRoot$10}media-preferences-ssr.test.ts`],
-	typeTests: [`${familyRoot$10}media-preferences.types.test-d.ts`],
+		`${familyRoot$13}media-preferences-context.ts`,
+		`${familyRoot$13}media-preferences-provider.vue`,
+		`${familyRoot$13}media-preferences-runtime.ts`,
+		`${familyRoot$13}media-preferences-types.ts`,
+		`${familyRoot$13}media-preferences.ts`
+	],
+	behaviorContract: `${familyRoot$13}media-preferences.behavior.md`,
+	tests: [`${familyRoot$13}media-preferences.test.ts`, `${familyRoot$13}media-preferences-ssr.test.ts`],
+	typeTests: [`${familyRoot$13}media-preferences.types.test-d.ts`],
 	rendererFixture: "MediaPreferencesConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -74,22 +74,22 @@ const mediaPreferencesFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-focus-visible.ts
-const familyRoot$9 = "src/families/accessibility/focus-visible/";
+const familyRoot$12 = "src/families/accessibility/focus-visible/";
 const focusVisibleFamilyCatalog = [{
 	canonicalName: "focus-visible",
 	title: "Focus Visible",
 	packageSubpath: "./focus-visible",
-	entryFile: `${familyRoot$9}focus-visible.ts`,
+	entryFile: `${familyRoot$12}focus-visible.ts`,
 	sourceFiles: [
-		`${familyRoot$9}focus-visible-context.ts`,
-		`${familyRoot$9}focus-visible-provider.vue`,
-		`${familyRoot$9}focus-visible-runtime.ts`,
-		`${familyRoot$9}focus-visible-types.ts`,
-		`${familyRoot$9}focus-visible.ts`
-	],
-	behaviorContract: `${familyRoot$9}focus-visible.behavior.md`,
-	tests: [`${familyRoot$9}focus-visible.test.ts`, `${familyRoot$9}focus-visible-ssr.test.ts`],
-	typeTests: [`${familyRoot$9}focus-visible.types.test-d.ts`],
+		`${familyRoot$12}focus-visible-context.ts`,
+		`${familyRoot$12}focus-visible-provider.vue`,
+		`${familyRoot$12}focus-visible-runtime.ts`,
+		`${familyRoot$12}focus-visible-types.ts`,
+		`${familyRoot$12}focus-visible.ts`
+	],
+	behaviorContract: `${familyRoot$12}focus-visible.behavior.md`,
+	tests: [`${familyRoot$12}focus-visible.test.ts`, `${familyRoot$12}focus-visible-ssr.test.ts`],
+	typeTests: [`${familyRoot$12}focus-visible.types.test-d.ts`],
 	rendererFixture: "FocusVisibleConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -115,22 +115,22 @@ const focusVisibleFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-landmark.ts
-const familyRoot$8 = "src/families/accessibility/landmark/";
+const familyRoot$11 = "src/families/accessibility/landmark/";
 const landmarkFamilyCatalog = [{
 	canonicalName: "landmark",
 	title: "Landmark",
 	packageSubpath: "./landmark",
-	entryFile: `${familyRoot$8}landmark.ts`,
+	entryFile: `${familyRoot$11}landmark.ts`,
 	sourceFiles: [
-		`${familyRoot$8}landmark-provider.vue`,
-		`${familyRoot$8}landmark-runtime.ts`,
-		`${familyRoot$8}landmark-types.ts`,
-		`${familyRoot$8}landmark.ts`,
-		`${familyRoot$8}landmark.vue`
-	],
-	behaviorContract: `${familyRoot$8}landmark.behavior.md`,
-	tests: [`${familyRoot$8}landmark.test.ts`, `${familyRoot$8}landmark-ssr.test.ts`],
-	typeTests: [`${familyRoot$8}landmark.types.test-d.ts`],
+		`${familyRoot$11}landmark-provider.vue`,
+		`${familyRoot$11}landmark-runtime.ts`,
+		`${familyRoot$11}landmark-types.ts`,
+		`${familyRoot$11}landmark.ts`,
+		`${familyRoot$11}landmark.vue`
+	],
+	behaviorContract: `${familyRoot$11}landmark.behavior.md`,
+	tests: [`${familyRoot$11}landmark.test.ts`, `${familyRoot$11}landmark-ssr.test.ts`],
+	typeTests: [`${familyRoot$11}landmark.types.test-d.ts`],
 	rendererFixture: "LandmarkConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -479,25 +479,25 @@ const commandPaletteFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-floating-action-button.ts
-const familyRoot$7 = "src/families/actions/floating-action-button/";
+const familyRoot$10 = "src/families/actions/floating-action-button/";
 const floatingActionButtonFamilyCatalog = [{
 	canonicalName: "floating-action-button",
 	title: "Floating Action Button",
 	packageSubpath: "./floating-action-button",
-	entryFile: `${familyRoot$7}floating-action-button.ts`,
+	entryFile: `${familyRoot$10}floating-action-button.ts`,
 	sourceFiles: [
-		`${familyRoot$7}floating-action-button-types.ts`,
-		`${familyRoot$7}floating-action-button.ts`,
-		`${familyRoot$7}floating-action-button.vue`,
-		`${familyRoot$7}speed-dial-action.vue`,
-		`${familyRoot$7}speed-dial-content.vue`,
-		`${familyRoot$7}speed-dial-context.ts`,
-		`${familyRoot$7}speed-dial-root.vue`,
-		`${familyRoot$7}speed-dial-trigger.vue`
-	],
-	behaviorContract: `${familyRoot$7}floating-action-button.behavior.md`,
-	tests: [`${familyRoot$7}floating-action-button.test.ts`, `${familyRoot$7}floating-action-button-ssr.test.ts`],
-	typeTests: [`${familyRoot$7}floating-action-button.types.test-d.ts`],
+		`${familyRoot$10}floating-action-button-types.ts`,
+		`${familyRoot$10}floating-action-button.ts`,
+		`${familyRoot$10}floating-action-button.vue`,
+		`${familyRoot$10}speed-dial-action.vue`,
+		`${familyRoot$10}speed-dial-content.vue`,
+		`${familyRoot$10}speed-dial-context.ts`,
+		`${familyRoot$10}speed-dial-root.vue`,
+		`${familyRoot$10}speed-dial-trigger.vue`
+	],
+	behaviorContract: `${familyRoot$10}floating-action-button.behavior.md`,
+	tests: [`${familyRoot$10}floating-action-button.test.ts`, `${familyRoot$10}floating-action-button-ssr.test.ts`],
+	typeTests: [`${familyRoot$10}floating-action-button.types.test-d.ts`],
 	rendererFixture: "FloatingActionButtonConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -532,20 +532,20 @@ const floatingActionButtonFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-back-to-top.ts
-const familyRoot$6 = "src/families/actions/back-to-top/";
+const familyRoot$9 = "src/families/actions/back-to-top/";
 const backToTopFamilyCatalog = [{
 	canonicalName: "back-to-top",
 	title: "Back To Top",
 	packageSubpath: "./back-to-top",
-	entryFile: `${familyRoot$6}back-to-top.ts`,
+	entryFile: `${familyRoot$9}back-to-top.ts`,
 	sourceFiles: [
-		`${familyRoot$6}back-to-top-types.ts`,
-		`${familyRoot$6}back-to-top.ts`,
-		`${familyRoot$6}back-to-top.vue`
+		`${familyRoot$9}back-to-top-types.ts`,
+		`${familyRoot$9}back-to-top.ts`,
+		`${familyRoot$9}back-to-top.vue`
 	],
-	behaviorContract: `${familyRoot$6}back-to-top.behavior.md`,
-	tests: [`${familyRoot$6}back-to-top.test.ts`, `${familyRoot$6}back-to-top-ssr.test.ts`],
-	typeTests: [`${familyRoot$6}back-to-top.types.test-d.ts`],
+	behaviorContract: `${familyRoot$9}back-to-top.behavior.md`,
+	tests: [`${familyRoot$9}back-to-top.test.ts`, `${familyRoot$9}back-to-top-ssr.test.ts`],
+	typeTests: [`${familyRoot$9}back-to-top.types.test-d.ts`],
 	rendererFixture: "BackToTopConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -676,22 +676,83 @@ const resizableFamilyCatalog = [{
 	owner: catalogOwner
 }];
 //#endregion
+//#region src/catalog/family-catalog-split-button.ts
+const familyRoot$8 = "src/families/actions/split-button/";
+/** SplitButton pairs a primary action with a menu button on the shared menu core. */
+const splitButtonFamilyCatalog = [{
+	canonicalName: "split-button",
+	title: "Split Button",
+	packageSubpath: "./split-button",
+	entryFile: `${familyRoot$8}split-button.ts`,
+	sourceFiles: [
+		`${familyRoot$8}split-button.ts`,
+		`${familyRoot$8}split-button-action.vue`,
+		`${familyRoot$8}split-button-context.ts`,
+		`${familyRoot$8}split-button-root.vue`,
+		`${familyRoot$8}split-button-trigger.vue`,
+		`${familyRoot$8}split-button-types.ts`
+	],
+	behaviorContract: `${familyRoot$8}split-button.behavior.md`,
+	tests: [`${familyRoot$8}split-button.test.ts`, `${familyRoot$8}split-button-ssr.test.ts`],
+	typeTests: [`${familyRoot$8}split-button.types.test-d.ts`],
+	rendererFixture: "SplitButtonConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "SplitButtonTrigger",
+		retainedSignature: "data-vize-ui[\"'`:=\\s]{1,4}split-button-trigger",
+		allowedRetainedFamilies: ["context"],
+		maximumJavaScriptGzipBytes: 1500,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"split button",
+		"menu button with default action",
+		"dropdown button",
+		"combo button"
+	],
+	upstreamCoverage: [
+		"WAI-ARIA menu button pattern",
+		"PrimeVue SplitButton",
+		"Fluent UI SplitButton",
+		"Carbon Combo Button"
+	],
+	dependencies: [
+		"collection",
+		"context",
+		"controllable-state",
+		"direction",
+		"dismissable-layer",
+		"focus-scope",
+		"id",
+		"inert-outside",
+		"menu",
+		"pointer-grace",
+		"portal",
+		"positioner",
+		"presence",
+		"scroll-lock",
+		"typeahead"
+	],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
 //#region src/catalog/family-catalog-sticky.ts
-const familyRoot$5 = "src/families/layout/sticky/";
+const familyRoot$7 = "src/families/layout/sticky/";
 const stickyFamilyCatalog = [{
 	canonicalName: "sticky",
 	title: "Sticky",
 	packageSubpath: "./sticky",
-	entryFile: `${familyRoot$5}sticky.ts`,
+	entryFile: `${familyRoot$7}sticky.ts`,
 	sourceFiles: [
-		`${familyRoot$5}sticky-geometry.ts`,
-		`${familyRoot$5}sticky-types.ts`,
-		`${familyRoot$5}sticky.ts`,
-		`${familyRoot$5}sticky.vue`
-	],
-	behaviorContract: `${familyRoot$5}sticky.behavior.md`,
-	tests: [`${familyRoot$5}sticky.test.ts`, `${familyRoot$5}sticky-ssr.test.ts`],
-	typeTests: [`${familyRoot$5}sticky.types.test-d.ts`],
+		`${familyRoot$7}sticky-geometry.ts`,
+		`${familyRoot$7}sticky-types.ts`,
+		`${familyRoot$7}sticky.ts`,
+		`${familyRoot$7}sticky.vue`
+	],
+	behaviorContract: `${familyRoot$7}sticky.behavior.md`,
+	tests: [`${familyRoot$7}sticky.test.ts`, `${familyRoot$7}sticky-ssr.test.ts`],
+	typeTests: [`${familyRoot$7}sticky.types.test-d.ts`],
 	rendererFixture: "StickyConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -3184,7 +3245,11 @@ const feedbackMessageCatalog = [
 			"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"],
+		tests: [
+			"src/families/feedback/meter/meter.test.ts",
+			"src/families/feedback/meter/meter-state.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,
@@ -5336,20 +5401,20 @@ const interactionSupportFamilyCatalog = [
 ];
 //#endregion
 //#region src/catalog/family-catalog-layout-avatar.ts
-const familyRoot$4 = "src/families/layout/avatar/";
+const familyRoot$6 = "src/families/layout/avatar/";
 const avatarLayoutFamilyCatalog = [{
 	canonicalName: "avatar",
 	title: "Avatar",
 	packageSubpath: "./avatar",
-	entryFile: `${familyRoot$4}avatar.ts`,
+	entryFile: `${familyRoot$6}avatar.ts`,
 	sourceFiles: [
-		`${familyRoot$4}avatar.vue`,
-		`${familyRoot$4}avatar.ts`,
-		`${familyRoot$4}avatar-types.ts`
+		`${familyRoot$6}avatar.vue`,
+		`${familyRoot$6}avatar.ts`,
+		`${familyRoot$6}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`],
+	behaviorContract: `${familyRoot$6}avatar.behavior.md`,
+	tests: [`${familyRoot$6}avatar.test.ts`, `${familyRoot$6}avatar-ssr.test.ts`],
+	typeTests: [`${familyRoot$6}avatar.types.test-d.ts`],
 	rendererFixture: "AvatarConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -5375,20 +5440,20 @@ const avatarLayoutFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-layout-icon.ts
-const familyRoot$3 = "src/families/layout/icon/";
+const familyRoot$5 = "src/families/layout/icon/";
 const iconLayoutFamilyCatalog = [{
 	canonicalName: "icon",
 	title: "Icon",
 	packageSubpath: "./icon",
-	entryFile: `${familyRoot$3}icon.ts`,
+	entryFile: `${familyRoot$5}icon.ts`,
 	sourceFiles: [
-		`${familyRoot$3}icon.vue`,
-		`${familyRoot$3}icon.ts`,
-		`${familyRoot$3}icon-types.ts`
+		`${familyRoot$5}icon.vue`,
+		`${familyRoot$5}icon.ts`,
+		`${familyRoot$5}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`],
+	behaviorContract: `${familyRoot$5}icon.behavior.md`,
+	tests: [`${familyRoot$5}icon.test.ts`, `${familyRoot$5}icon-ssr.test.ts`],
+	typeTests: [`${familyRoot$5}icon.types.test-d.ts`],
 	rendererFixture: "IconConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -5415,15 +5480,15 @@ const iconLayoutFamilyCatalog = [{
 	canonicalName: "icon-button",
 	title: "IconButton",
 	packageSubpath: "./icon-button",
-	entryFile: `${familyRoot$3}icon-button.ts`,
+	entryFile: `${familyRoot$5}icon-button.ts`,
 	sourceFiles: [
-		`${familyRoot$3}icon-button.vue`,
-		`${familyRoot$3}icon-button.ts`,
-		`${familyRoot$3}icon-types.ts`
+		`${familyRoot$5}icon-button.vue`,
+		`${familyRoot$5}icon-button.ts`,
+		`${familyRoot$5}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`],
+	behaviorContract: `${familyRoot$5}icon-button.behavior.md`,
+	tests: [`${familyRoot$5}icon-button.test.ts`, `${familyRoot$5}icon-button-ssr.test.ts`],
+	typeTests: [`${familyRoot$5}icon.types.test-d.ts`],
 	rendererFixture: "IconButtonConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -5449,20 +5514,20 @@ const iconLayoutFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-layout-list.ts
-const familyRoot$2 = "src/families/layout/list/";
+const familyRoot$4 = "src/families/layout/list/";
 const listLayoutFamilyCatalog = [{
 	canonicalName: "list",
 	title: "List",
 	packageSubpath: "./list",
-	entryFile: `${familyRoot$2}list.ts`,
+	entryFile: `${familyRoot$4}list.ts`,
 	sourceFiles: [
-		`${familyRoot$2}list.vue`,
-		`${familyRoot$2}list.ts`,
-		`${familyRoot$2}list-types.ts`
+		`${familyRoot$4}list.vue`,
+		`${familyRoot$4}list.ts`,
+		`${familyRoot$4}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`],
+	behaviorContract: `${familyRoot$4}list.behavior.md`,
+	tests: [`${familyRoot$4}list.test.ts`, `${familyRoot$4}list-ssr.test.ts`],
+	typeTests: [`${familyRoot$4}list.types.test-d.ts`],
 	rendererFixture: "ListConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -5488,26 +5553,26 @@ const listLayoutFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-layout-scroll-area.ts
-const familyRoot$1 = "src/families/layout/scroll-area/";
+const familyRoot$3 = "src/families/layout/scroll-area/";
 const scrollAreaLayoutFamilyCatalog = [{
 	canonicalName: "scroll-area",
 	title: "Scroll Area",
 	packageSubpath: "./scroll-area",
-	entryFile: `${familyRoot$1}scroll-area.ts`,
+	entryFile: `${familyRoot$3}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`
+		`${familyRoot$3}scroll-area.vue`,
+		`${familyRoot$3}scroll-area.ts`,
+		`${familyRoot$3}scroll-area.css`,
+		`${familyRoot$3}scroll-area-runtime.ts`,
+		`${familyRoot$3}scroll-area-types.ts`
 	],
-	behaviorContract: `${familyRoot$1}scroll-area.behavior.md`,
+	behaviorContract: `${familyRoot$3}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`
+		`${familyRoot$3}scroll-area.test.ts`,
+		`${familyRoot$3}scroll-area-state.test.ts`,
+		`${familyRoot$3}scroll-area-ssr.test.ts`
 	],
-	typeTests: [`${familyRoot$1}scroll-area.types.test-d.ts`],
+	typeTests: [`${familyRoot$3}scroll-area.types.test-d.ts`],
 	rendererFixture: "ScrollAreaConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -5537,21 +5602,21 @@ const scrollAreaLayoutFamilyCatalog = [{
 }];
 //#endregion
 //#region src/catalog/family-catalog-layout-surface.ts
-const familyRoot = "src/families/layout/surface/";
+const familyRoot$2 = "src/families/layout/surface/";
 const surfaceLayoutFamilyCatalog = [{
 	canonicalName: "surface",
 	title: "Surface",
 	packageSubpath: "./surface",
-	entryFile: `${familyRoot}surface.ts`,
+	entryFile: `${familyRoot$2}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`],
+		`${familyRoot$2}surface.vue`,
+		`${familyRoot$2}surface.ts`,
+		`${familyRoot$2}surface-runtime.ts`,
+		`${familyRoot$2}surface-types.ts`
+	],
+	behaviorContract: `${familyRoot$2}surface.behavior.md`,
+	tests: [`${familyRoot$2}surface.test.ts`, `${familyRoot$2}surface-ssr.test.ts`],
+	typeTests: [`${familyRoot$2}surface.types.test-d.ts`],
 	rendererFixture: "SurfaceConsumer.vue",
 	qualityGates: componentQualityGates,
 	bundleBudget: {
@@ -6371,6 +6436,46 @@ const menuFamilyCatalog = [
 	}
 ];
 //#endregion
+//#region src/catalog/family-catalog-app-bar.ts
+const familyRoot$1 = "src/families/navigation/app-bar/";
+/** AppBar is the top application bar that reports scroll elevation and hide-on-scroll state. */
+const appBarFamilyCatalog = [{
+	canonicalName: "app-bar",
+	title: "App Bar",
+	packageSubpath: "./app-bar",
+	entryFile: `${familyRoot$1}app-bar.ts`,
+	sourceFiles: [
+		`${familyRoot$1}app-bar.vue`,
+		`${familyRoot$1}app-bar.ts`,
+		`${familyRoot$1}app-bar-types.ts`
+	],
+	behaviorContract: `${familyRoot$1}app-bar.behavior.md`,
+	tests: [`${familyRoot$1}app-bar.test.ts`, `${familyRoot$1}app-bar-ssr.test.ts`],
+	typeTests: [`${familyRoot$1}app-bar.types.test-d.ts`],
+	rendererFixture: "AppBarConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "AppBar",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}app-bar",
+		maximumJavaScriptGzipBytes: 1600,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"top app bar",
+		"app header",
+		"navigation bar",
+		"header bar"
+	],
+	upstreamCoverage: [
+		"HTML header landmark",
+		"Material top app bar",
+		"Vuetify v-app-bar"
+	],
+	dependencies: [],
+	maturity: "stable",
+	owner: catalogOwner
+}];
+//#endregion
 //#region src/catalog/family-catalog-navigation.ts
 const breadcrumbFamilyRoot = "src/families/navigation/breadcrumb/";
 const paginationFamilyRoot = "src/families/navigation/pagination/";
@@ -6627,6 +6732,54 @@ const navigationFamilyCatalog = [
 	}
 ];
 //#endregion
+//#region src/catalog/family-catalog-navigation-rail.ts
+const familyRoot = "src/families/navigation/navigation-rail/";
+/** NavigationRail is the side counterpart of the bottom tab bar. */
+const navigationRailFamilyCatalog = [{
+	canonicalName: "navigation-rail",
+	title: "Navigation Rail",
+	packageSubpath: "./navigation-rail",
+	entryFile: `${familyRoot}navigation-rail.ts`,
+	sourceFiles: [
+		`${familyRoot}navigation-rail.vue`,
+		`${familyRoot}navigation-rail-item.vue`,
+		`${familyRoot}navigation-rail-toggle.vue`,
+		`${familyRoot}navigation-rail.ts`,
+		`${familyRoot}navigation-rail-context.ts`,
+		`${familyRoot}navigation-rail-types.ts`
+	],
+	behaviorContract: `${familyRoot}navigation-rail.behavior.md`,
+	tests: [`${familyRoot}navigation-rail.test.ts`, `${familyRoot}navigation-rail-ssr.test.ts`],
+	typeTests: [`${familyRoot}navigation-rail.types.test-d.ts`],
+	rendererFixture: "NavigationRailConsumer.vue",
+	qualityGates: componentQualityGates,
+	bundleBudget: {
+		exportName: "NavigationRail",
+		retainedSignature: "data-vize-ui[\\s\\S]{0,32}navigation-rail",
+		allowedRetainedFamilies: ["context", "controllable-state"],
+		maximumJavaScriptGzipBytes: 1900,
+		maximumCssGzipBytes: 0
+	},
+	aliases: [
+		"nav rail",
+		"side rail",
+		"side navigation",
+		"vertical tab bar"
+	],
+	upstreamCoverage: [
+		"HTML nav landmark",
+		"aria-current=page",
+		"Material navigation rail"
+	],
+	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/";
@@ -9745,7 +9898,9 @@ const uiFamilyCatalog = [...[
 	...layoutFamilyCatalog,
 	...layoutPatternFamilyCatalog,
 	...menuFamilyCatalog,
+	...appBarFamilyCatalog,
 	...navigationFamilyCatalog,
+	...navigationRailFamilyCatalog,
 	...overlayFamilyCatalog,
 	...ratingFamilyCatalog,
 	...audioPlayerFamilyCatalog,
@@ -9770,6 +9925,7 @@ const uiFamilyCatalog = [...[
 	...webcamCaptureFamilyCatalog,
 	...selectionFamilyCatalog,
 	...sliderFamilyCatalog,
+	...splitButtonFamilyCatalog,
 	...structureFamilyCatalog,
 	...autocompleteFamilyCatalog,
 	...listboxGridFamilyCatalog,

package/dist/chart.d.mts

@@ -1,2 +1,2 @@
-import { $t as _default$5, Bt as ChartNavigablePoint, Gt as defaultTickFormatter, Ht as ChartNavigationItemProps, Jt as _default$10, Kt as isTimeScale, Qt as _default$6, Ut as useChartNavigation, Vt as ChartNavigation, Wt as defaultCellFormatter, Xt as _default$8, Yt as _default$9, Zt as _default$7, _n as ChartTableColumn, an as ChartActivePoint, cn as ChartAxisScale, dn as ChartDimensions, en as _default$4, fn as ChartMargin, gn as ChartSlotState, hn as ChartSeriesKind, in as _default, ln as ChartAxisTick, mn as ChartSeriesInfo, nn as _default$2, on as ChartActiveReason, pn as ChartRootExpose, qt as _default$11, rn as _default$1, sn as ChartAxisOrientation, tn as _default$3, un as ChartCurve } from "./announcer-D0bFq-HV.mjs";
+import { $t as _default$10, Gt as ChartNavigablePoint, Jt as useChartNavigation, Kt as ChartNavigation, Qt as _default$11, Sn as ChartTableColumn, Xt as defaultTickFormatter, Yt as defaultCellFormatter, Zt as isTimeScale, _n as ChartMargin, an as _default$4, bn as ChartSeriesKind, cn as _default$1, dn as ChartActiveReason, en as _default$9, fn as ChartAxisOrientation, gn as ChartDimensions, hn as ChartCurve, in as _default$5, ln as _default, mn as ChartAxisTick, nn as _default$7, on as _default$3, pn as ChartAxisScale, qt as ChartNavigationItemProps, rn as _default$6, sn as _default$2, tn as _default$8, un as ChartActivePoint, vn as ChartRootExpose, xn as ChartSlotState, yn as ChartSeriesInfo } from "./announcer-DunfmMGR.mjs";
 export { _default as Chart, _default as ChartRoot, type ChartActivePoint, type ChartActiveReason, _default$1 as ChartArea, _default$2 as ChartAxis, type ChartAxisOrientation, type ChartAxisScale, type ChartAxisTick, _default$3 as ChartBars, _default$4 as ChartCrosshair, type ChartCurve, _default$5 as ChartDataTable, type ChartDimensions, _default$6 as ChartGrid, _default$7 as ChartLegend, _default$8 as ChartLine, type ChartMargin, type ChartNavigablePoint, type ChartNavigation, type ChartNavigationItemProps, _default$9 as ChartPie, _default$10 as ChartPoints, type ChartRootExpose, type ChartSeriesInfo, type ChartSeriesKind, type ChartSlotState, type ChartTableColumn, _default$11 as ChartTooltip, defaultCellFormatter, defaultTickFormatter, isTimeScale, useChartNavigation };

package/dist/checkbox.d.mts

@@ -1,2 +1,2 @@
-import { Jv as getCheckboxState, Kv as _default, qv as CheckboxState } from "./announcer-D0bFq-HV.mjs";
+import { ay as _default, oy as CheckboxState, sy as getCheckboxState } from "./announcer-DunfmMGR.mjs";
 export { _default as Checkbox, CheckboxState, getCheckboxState };

package/dist/code.d.mts

@@ -1,2 +1,2 @@
-import { _y as CodeSize, by as CodeVariant, gy as CodeExpose, hy as CodeElement, my as _default, vy as CodeSlotState, yy as CodeTone } from "./announcer-D0bFq-HV.mjs";
+import { Ay as CodeSize, Dy as _default, My as CodeTone, Ny as CodeVariant, Oy as CodeElement, jy as CodeSlotState, ky as CodeExpose } from "./announcer-DunfmMGR.mjs";
 export { _default as Code, type CodeElement, type CodeExpose, type CodeSize, type CodeSlotState, type CodeTone, type CodeVariant };

package/dist/collapsible.d.mts

@@ -1,2 +1,2 @@
-import { $v as _default, Qv as _default$1, Xv as collapsibleContext, Yv as CollapsibleContextValue, Zv as _default$2, ay as CollapsibleTriggerExpose, ey as CollapsibleContentExpose, iy as CollapsibleState, ny as CollapsibleRootExpose, ry as CollapsibleSlotState, ty as CollapsibleContentRole } from "./announcer-D0bFq-HV.mjs";
+import { _y as CollapsibleState, cy as CollapsibleContextValue, dy as _default$1, fy as _default, gy as CollapsibleSlotState, hy as CollapsibleRootExpose, ly as collapsibleContext, my as CollapsibleContentRole, py as CollapsibleContentExpose, uy as _default$2, vy as CollapsibleTriggerExpose } from "./announcer-DunfmMGR.mjs";
 export { _default as Collapsible, _default as CollapsibleRoot, _default$1 as CollapsibleContent, type CollapsibleContentExpose, type CollapsibleContentRole, type CollapsibleContextValue, type CollapsibleRootExpose, type CollapsibleSlotState, type CollapsibleState, _default$2 as CollapsibleTrigger, type CollapsibleTriggerExpose, collapsibleContext };

package/dist/color-picker.d.mts

@@ -1,2 +1,2 @@
-import { $u as ColorPickerRootExpose, Ad as setColorChannelValue, Bu as ColorPickerChangeDetail, Cd as getColorChannelLabel, Dd as isColorValue, Ed as isColorFormat, Fu as _default$2, Gu as ColorPickerEyeDropperExpose, Hu as ColorPickerChannelSliderExpose, Iu as _default$1, Ju as ColorPickerEyeDropperState, Ku as ColorPickerEyeDropperFallback, Lu as _default, Md as toCssColor, Mu as _default$5, Nd as toHsla, Nu as _default$4, Od as parseColor, Pd as toRgba, Pu as _default$3, Qu as ColorPickerOrientation, Ru as ColorPickerAreaExpose, Sd as getColorChannelGradient, Td as getColorChannelValue, Uu as ColorPickerChannelSliderSlotState, Vu as ColorPickerChangeSource, Wu as ColorPickerDirection, Xu as ColorPickerFieldState, Yu as ColorPickerFieldExpose, Zu as ColorPickerMessages, _d as createColor, ad as ColorPickerSwatchState, bd as fromHsla, cd as ColorFormat, dd as ColorSpaceChannelMap, ed as ColorPickerSlotState, fd as ColorValue, gd as colorEquals, hd as RgbaColor, id as ColorPickerSwatchSlotState, jd as snapColorChannelValue, ju as _default$6, kd as resolveColorChannelSpace, ld as ColorSpace, md as HslaColor, nd as ColorPickerSwatchExpose, od as ColorChannel, pd as DEFAULT_COLOR, qu as ColorPickerEyeDropperSlotState, rd as ColorPickerSwatchGroupExpose, sd as ColorChannelRange, td as ColorPickerState, ud as ColorSpaceChannel, vd as formatColor, wd as getColorChannelRange, xd as fromRgba, yd as formatColorChannelValue, zu as ColorPickerAreaSlotState } from "./announcer-D0bFq-HV.mjs";
+import { $u as ColorPickerEyeDropperState, Ad as getColorChannelValue, Bu as _default$2, Cd as formatColor, Dd as getColorChannelGradient, Ed as fromRgba, Fd as setColorChannelValue, Gu as ColorPickerChangeDetail, Hu as _default, Id as snapColorChannelValue, Iu as _default$6, Ju as ColorPickerChannelSliderSlotState, Ku as ColorPickerChangeSource, Ld as toCssColor, Lu as _default$5, Md as isColorValue, Nd as parseColor, Od as getColorChannelLabel, Pd as resolveColorChannelSpace, Qu as ColorPickerEyeDropperSlotState, Rd as toHsla, Ru as _default$4, Sd as createColor, Td as fromHsla, Uu as ColorPickerAreaExpose, Vu as _default$1, Wu as ColorPickerAreaSlotState, Xu as ColorPickerEyeDropperExpose, Yu as ColorPickerDirection, Zu as ColorPickerEyeDropperFallback, _d as ColorValue, ad as ColorPickerSlotState, bd as RgbaColor, cd as ColorPickerSwatchGroupExpose, dd as ColorChannel, ed as ColorPickerFieldExpose, fd as ColorChannelRange, gd as ColorSpaceChannelMap, hd as ColorSpaceChannel, id as ColorPickerRootExpose, jd as isColorFormat, kd as getColorChannelRange, ld as ColorPickerSwatchSlotState, md as ColorSpace, nd as ColorPickerMessages, od as ColorPickerState, pd as ColorFormat, qu as ColorPickerChannelSliderExpose, rd as ColorPickerOrientation, sd as ColorPickerSwatchExpose, td as ColorPickerFieldState, ud as ColorPickerSwatchState, vd as DEFAULT_COLOR, wd as formatColorChannelValue, xd as colorEquals, yd as HslaColor, zd as toRgba, zu as _default$3 } from "./announcer-DunfmMGR.mjs";
 export { type ColorChannel, type ColorChannelRange, type ColorFormat, _default as ColorPicker, _default as ColorPickerRoot, _default$1 as ColorPickerArea, type ColorPickerAreaExpose, type ColorPickerAreaSlotState, type ColorPickerChangeDetail, type ColorPickerChangeSource, _default$2 as ColorPickerChannelSlider, type ColorPickerChannelSliderExpose, type ColorPickerChannelSliderSlotState, type ColorPickerDirection, _default$3 as ColorPickerEyeDropper, type ColorPickerEyeDropperExpose, type ColorPickerEyeDropperFallback, type ColorPickerEyeDropperSlotState, type ColorPickerEyeDropperState, _default$4 as ColorPickerField, type ColorPickerFieldExpose, type ColorPickerFieldState, type ColorPickerMessages, type ColorPickerOrientation, type ColorPickerRootExpose, type ColorPickerSlotState, type ColorPickerState, _default$5 as ColorPickerSwatch, type ColorPickerSwatchExpose, _default$6 as ColorPickerSwatchGroup, type ColorPickerSwatchGroupExpose, type ColorPickerSwatchSlotState, type ColorPickerSwatchState, type ColorSpace, type ColorSpaceChannel, type ColorSpaceChannelMap, type ColorValue, DEFAULT_COLOR, type HslaColor, type RgbaColor, colorEquals, createColor, formatColor, formatColorChannelValue, fromHsla, fromRgba, getColorChannelGradient, getColorChannelLabel, getColorChannelRange, getColorChannelValue, isColorFormat, isColorValue, parseColor, resolveColorChannelSpace, setColorChannelValue, snapColorChannelValue, toCssColor, toHsla, toRgba };

package/dist/combobox.d.mts

@@ -1,2 +1,2 @@
-import { $a as SelectModelValue, $i as _default$1, Aa as _default$4, Bi as _default$17, Ca as inlineComboboxCompletion, Da as _default$6, Ea as _default$12, Hi as _default$14, Ji as _default$7, Ki as _default$11, Oa as _default$8, Qa as SelectBy, Qi as _default$2, Ra as SelectItemSlotState, Sa as containsComboboxFilter, Ta as startsWithComboboxFilter, Ui as _default$13, Vi as _default$16, Xi as _default$5, Yi as _default$15, Zi as _default$3, _a as ComboboxRootProps, ba as ComboboxState, da as ComboboxAutocomplete, ea as _default, fa as ComboboxChipSlotState, ga as ComboboxRootExpose, ha as ComboboxLoader, ka as _default$9, ma as ComboboxLoadStatus, pa as ComboboxLoadContext, qi as _default$10, ua as ComboboxAriaInvalid, va as ComboboxSelectionMode, wa as normalizeComboboxText, xa as ComboboxFilter, ya as ComboboxSlotState } from "./announcer-D0bFq-HV.mjs";
+import { $i as _default$7, Aa as startsWithComboboxFilter, Ca as ComboboxSelectionMode, Da as containsComboboxFilter, Ea as ComboboxFilter, Fa as _default$4, Gi as _default$17, Ji as _default$13, Ki as _default$16, Ma as _default$6, Na as _default$8, Oa as inlineComboboxCompletion, Pa as _default$9, Qi as _default$10, Sa as ComboboxRootProps, Ta as ComboboxState, Ua as SelectItemSlotState, Zi as _default$11, _a as ComboboxChipSlotState, aa as _default, ba as ComboboxLoader, ea as _default$15, ga as ComboboxAutocomplete, ha as ComboboxAriaInvalid, ia as _default$1, io as SelectModelValue, ja as _default$12, ka as normalizeComboboxText, na as _default$3, qi as _default$14, ra as _default$2, ro as SelectBy, ta as _default$5, va as ComboboxLoadContext, wa as ComboboxSlotState, xa as ComboboxRootExpose, ya as ComboboxLoadStatus } from "./announcer-DunfmMGR.mjs";
 export { _default as Combobox, _default as ComboboxRoot, _default$1 as ComboboxAnchor, type ComboboxAriaInvalid, type ComboboxAutocomplete, type SelectBy as ComboboxBy, _default$2 as ComboboxChip, _default$3 as ComboboxChipRemove, type ComboboxChipSlotState, _default$4 as ComboboxContent, _default$5 as ComboboxCreateItem, _default$6 as ComboboxEmpty, type ComboboxFilter, _default$7 as ComboboxGroup, _default$8 as ComboboxInput, _default$9 as ComboboxItem, _default$10 as ComboboxItemIndicator, type SelectItemSlotState as ComboboxItemSlotState, _default$11 as ComboboxLabel, type ComboboxLoadContext, type ComboboxLoadStatus, type ComboboxLoader, _default$12 as ComboboxLoading, type SelectModelValue as ComboboxModelValue, type ComboboxRootExpose, type ComboboxRootProps, _default$13 as ComboboxScrollButton, type ComboboxSelectionMode, _default$14 as ComboboxSeparator, type ComboboxSlotState, type ComboboxState, _default$15 as ComboboxTrigger, _default$16 as ComboboxViewport, _default$17 as ComboboxVirtualizer, containsComboboxFilter, inlineComboboxCompletion, normalizeComboboxText, startsWithComboboxFilter };

package/dist/command-palette.d.mts

@@ -1,2 +1,2 @@
-import { Ag as _default$7, Bg as CommandPaletteGroupSlotState, Fg as _default$2, Gg as CommandPaletteListExpose, Hg as CommandPaletteItemExpose, Ig as _default$1, Jg as CommandPaletteSlotState, Kg as CommandPaletteResultsLabel, Lg as _default, Mg as _default$5, Ng as _default$4, Og as defaultCommandPaletteFilter, Pg as _default$3, Rg as CommandPaletteDialogExpose, Ug as CommandPaletteItemSlotState, Vg as CommandPaletteInputExpose, Wg as CommandPaletteItemState, Yg as CommandPaletteState, jg as _default$6, kg as defaultCommandPaletteResultsLabel, qg as CommandPaletteRootExpose, zg as CommandPaletteFilter } from "./announcer-D0bFq-HV.mjs";
+import { $g as CommandPaletteGroupSlotState, Gg as _default$5, Hg as defaultCommandPaletteResultsLabel, Jg as _default$2, Kg as _default$4, Qg as CommandPaletteFilter, Ug as _default$7, Vg as defaultCommandPaletteFilter, Wg as _default$6, Xg as _default, Yg as _default$1, Zg as CommandPaletteDialogExpose, a_ as CommandPaletteResultsLabel, c_ as CommandPaletteState, e_ as CommandPaletteInputExpose, i_ as CommandPaletteListExpose, n_ as CommandPaletteItemSlotState, o_ as CommandPaletteRootExpose, qg as _default$3, r_ as CommandPaletteItemState, s_ as CommandPaletteSlotState, t_ as CommandPaletteItemExpose } from "./announcer-DunfmMGR.mjs";
 export { _default as CommandPalette, _default as CommandPaletteRoot, _default$1 as CommandPaletteDialog, type CommandPaletteDialogExpose, _default$2 as CommandPaletteEmpty, type CommandPaletteFilter, _default$3 as CommandPaletteGroup, type CommandPaletteGroupSlotState, _default$4 as CommandPaletteInput, type CommandPaletteInputExpose, _default$5 as CommandPaletteItem, type CommandPaletteItemExpose, type CommandPaletteItemSlotState, type CommandPaletteItemState, _default$6 as CommandPaletteList, type CommandPaletteListExpose, _default$7 as CommandPaletteLoading, type CommandPaletteResultsLabel, type CommandPaletteRootExpose, type CommandPaletteSlotState, type CommandPaletteState, defaultCommandPaletteFilter, defaultCommandPaletteResultsLabel };

package/dist/confirm.d.mts

@@ -1,2 +1,2 @@
-import { A_ as useConfirm, B_ as ConfirmState, D_ as confirmActionValue, E_ as ConfirmQueueDefaults, F_ as ConfirmOptions, I_ as ConfirmProviderExpose, L_ as ConfirmRequest, M_ as ConfirmAction, N_ as ConfirmApi, O_ as confirmContext, P_ as ConfirmChooseOptions, R_ as ConfirmRequestKind, T_ as ConfirmQueue, j_ as _default, k_ as createConfirmQueue, z_ as ConfirmSlotProps } from "./announcer-D0bFq-HV.mjs";
+import { $_ as ConfirmState, B_ as confirmActionValue, G_ as ConfirmAction, H_ as createConfirmQueue, J_ as ConfirmOptions, K_ as ConfirmApi, Q_ as ConfirmSlotProps, R_ as ConfirmQueue, U_ as useConfirm, V_ as confirmContext, W_ as _default, X_ as ConfirmRequest, Y_ as ConfirmProviderExpose, Z_ as ConfirmRequestKind, q_ as ConfirmChooseOptions, z_ as ConfirmQueueDefaults } from "./announcer-DunfmMGR.mjs";
 export { type ConfirmAction, type ConfirmApi, type ConfirmChooseOptions, type ConfirmOptions, _default as ConfirmProvider, type ConfirmProviderExpose, type ConfirmQueue, type ConfirmQueueDefaults, type ConfirmRequest, type ConfirmRequestKind, type ConfirmSlotProps, type ConfirmState, confirmActionValue, confirmContext, createConfirmQueue, useConfirm };