@vizejs/ui 0.454.0 → 0.458.0

package/dist/accordion.d.mts

@@ -1,2 +1,2 @@
-import { $v as AccordionOrientation, Bv as _default$2, Fv as accordionOpenValues, Gv as AccordionDirection, Hv as _default, Iv as getAccordionValueIdSegment, Jv as AccordionItemExpose, Kv as AccordionHeaderExpose, Lv as toAccordionModel, Qv as AccordionModelValue, Rv as _default$4, Uv as AccordionContentExpose, Vv as _default$1, Wv as AccordionContentRole, Xv as AccordionItemState, Yv as AccordionItemSlotState, Zv as AccordionModelMap, ey as AccordionRootExpose, iy as AccordionValue, ny as AccordionTriggerExpose, qv as AccordionHeadingLevel, ry as AccordionType, ty as AccordionSlotState, zv as _default$3 } from "./announcer-DcI680jo.mjs";
+import { $v as AccordionOrientation, Bv as _default$2, Fv as accordionOpenValues, Gv as AccordionDirection, Hv as _default, Iv as getAccordionValueIdSegment, Jv as AccordionItemExpose, Kv as AccordionHeaderExpose, Lv as toAccordionModel, Qv as AccordionModelValue, Rv as _default$4, Uv as AccordionContentExpose, Vv as _default$1, Wv as AccordionContentRole, Xv as AccordionItemState, Yv as AccordionItemSlotState, Zv as AccordionModelMap, ey as AccordionRootExpose, iy as AccordionValue, ny as AccordionTriggerExpose, qv as AccordionHeadingLevel, ry as AccordionType, ty as AccordionSlotState, zv as _default$3 } from "./announcer-B3LrvPIt.mjs";
 export { _default as Accordion, _default as AccordionRoot, _default$1 as AccordionContent, type AccordionContentExpose, type AccordionContentRole, type AccordionDirection, _default$2 as AccordionHeader, type AccordionHeaderExpose, type AccordionHeadingLevel, _default$3 as AccordionItem, type AccordionItemExpose, type AccordionItemSlotState, type AccordionItemState, type AccordionModelMap, type AccordionModelValue, type AccordionOrientation, type AccordionRootExpose, type AccordionSlotState, _default$4 as AccordionTrigger, type AccordionTriggerExpose, type AccordionType, type AccordionValue, accordionOpenValues, getAccordionValueIdSegment, toAccordionModel };

package/dist/action-sheet.d.mts

@@ -1,2 +1,2 @@
-import { J as _default$4, X as _default$5, Y as ActionSheetSelectEvent, __ as _default$2, gv as _default$6, hv as _default$7, v_ as _default, xv as _default$1, yv as _default$3 } from "./announcer-DcI680jo.mjs";
+import { J as _default$4, X as _default$5, Y as ActionSheetSelectEvent, __ as _default$2, gv as _default$6, hv as _default$7, v_ as _default, xv as _default$1, yv as _default$3 } from "./announcer-B3LrvPIt.mjs";
 export { _default as ActionSheet, _default as ActionSheetRoot, _default$1 as ActionSheetCancel, _default$2 as ActionSheetContent, _default$3 as ActionSheetDescription, _default$4 as ActionSheetItem, _default$5 as ActionSheetMenu, type ActionSheetSelectEvent, _default$6 as ActionSheetTitle, _default$7 as ActionSheetTrigger };

package/dist/alert-dialog.d.mts

@@ -1,2 +1,2 @@
-import { Sv as _default, _v as _default$5, av as AlertDialogDescriptionExpose, cv as AlertDialogRootExpose, dv as AlertDialogTitleExpose, ev as _default$2, fv as AlertDialogTriggerExpose, gv as _default$6, hv as _default$7, iv as AlertDialogContentExpose, lv as AlertDialogSlotState, nv as AlertDialogAutoFocusEvent, ov as AlertDialogOverlayExpose, rv as AlertDialogCancelExpose, sv as AlertDialogPortalExpose, tv as AlertDialogActionExpose, uv as AlertDialogState, vv as _default$4, xv as _default$1, yv as _default$3 } from "./announcer-DcI680jo.mjs";
+import { Sv as _default, _v as _default$5, av as AlertDialogDescriptionExpose, cv as AlertDialogRootExpose, dv as AlertDialogTitleExpose, ev as _default$2, fv as AlertDialogTriggerExpose, gv as _default$6, hv as _default$7, iv as AlertDialogContentExpose, lv as AlertDialogSlotState, nv as AlertDialogAutoFocusEvent, ov as AlertDialogOverlayExpose, rv as AlertDialogCancelExpose, sv as AlertDialogPortalExpose, tv as AlertDialogActionExpose, uv as AlertDialogState, vv as _default$4, xv as _default$1, yv as _default$3 } from "./announcer-B3LrvPIt.mjs";
 export { _default as AlertDialog, _default as AlertDialogRoot, _default$1 as AlertDialogAction, _default$1 as AlertDialogCancel, type AlertDialogActionExpose, type AlertDialogAutoFocusEvent, type AlertDialogCancelExpose, _default$2 as AlertDialogContent, type AlertDialogContentExpose, _default$3 as AlertDialogDescription, type AlertDialogDescriptionExpose, _default$4 as AlertDialogOverlay, type AlertDialogOverlayExpose, _default$5 as AlertDialogPortal, type AlertDialogPortalExpose, type AlertDialogRootExpose, type AlertDialogSlotState, type AlertDialogState, _default$6 as AlertDialogTitle, type AlertDialogTitleExpose, _default$7 as AlertDialogTrigger, type AlertDialogTriggerExpose };

package/dist/{announcer-DcI680jo.d.mts → announcer-B3LrvPIt.d.mts}

@@ -632,11 +632,11 @@ declare const __VLS_base$196: import("vue").DefineComponent<BannerProps, {
   titleId: ComputedRef<DeterministicId>;
   tone: ComputedRef<BannerTone>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (open: boolean) => any;
   dismiss: (nativeEvent: MouseEvent) => any;
+  "update:open": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<BannerProps> & Readonly<{
-  "onUpdate:open"?: (open: boolean) => any;
   onDismiss?: (nativeEvent: MouseEvent) => any;
+  "onUpdate:open"?: (open: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$233: __VLS_WithSlots$196<typeof __VLS_base$196, __VLS_Slots$196>;
 declare const _default$233: typeof __VLS_export$233;
@@ -5667,8 +5667,8 @@ declare const __VLS_base$141: import("vue").DefineComponent<__VLS_Props$116, {
   element: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
   toggle: (event?: Event | null) => boolean;
   setOpen: (value: boolean, event?: Event | null) => boolean;
-  openMenu: (entry?: MenuEntryFocus, event?: Event | null) => boolean;
   close: (event?: Event | null) => boolean;
+  openMenu: (entry?: MenuEntryFocus, event?: Event | null) => boolean;
   contentId: ComputedRef<string>;
   dir: ComputedRef<MenuDirection>;
   id: ComputedRef<string>;
@@ -7631,8 +7631,8 @@ declare const __VLS_base$120: import("vue").DefineComponent<__VLS_Props$102, {
   openAt: (point: ContextMenuPoint, event?: Event | null) => boolean;
   toggle: (event?: Event | null) => boolean;
   setOpen: (value: boolean, event?: Event | null) => boolean;
-  openMenu: (entry?: MenuEntryFocus, event?: Event | null) => boolean;
   close: (event?: Event | null) => boolean;
+  openMenu: (entry?: MenuEntryFocus, event?: Event | null) => boolean;
   contentId: import("vue").ComputedRef<string>;
   dir: import("vue").ComputedRef<MenuDirection>;
   id: import("vue").ComputedRef<string>;
@@ -8236,15 +8236,15 @@ declare const __VLS_base$111: import("vue").DefineComponent<__VLS_Props$93, {
   titleId: ComputedRef<DeterministicId>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   error: (reason: unknown) => any;
+  cancel: (reason: PopconfirmCancelReason, nativeEvent: Event | null) => any;
   "update:open": (value: boolean) => any;
   "open-change": (value: boolean, previous: boolean, nativeEvent: Event | null) => any;
-  cancel: (reason: PopconfirmCancelReason, nativeEvent: Event | null) => any;
   confirmed: (nativeEvent: Event | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props$93> & Readonly<{
   onError?: (reason: unknown) => any;
+  onCancel?: (reason: PopconfirmCancelReason, nativeEvent: Event | null) => any;
   "onUpdate:open"?: (value: boolean) => any;
   "onOpen-change"?: (value: boolean, previous: boolean, nativeEvent: Event | null) => any;
-  onCancel?: (reason: PopconfirmCancelReason, nativeEvent: Event | null) => any;
   onConfirmed?: (nativeEvent: Event | null) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$140: __VLS_WithSlots$111<typeof __VLS_base$111, __VLS_Slots$111>;
@@ -10633,15 +10633,15 @@ declare const __VLS_base$90: import("vue").DefineComponent<FileUploadRootProps,
   reset: typeof reset$2;
   state: ComputedRef<FileUploadState>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  invalid: (nativeEvent: Event) => any;
   "update:modelValue": (files: readonly File[]) => any;
   change: (files: readonly File[], previous: readonly File[]) => any;
-  invalid: (nativeEvent: Event) => any;
   reject: (rejections: readonly FileUploadRejection[], source: FileUploadSource) => any;
   accept: (files: readonly File[], source: FileUploadSource) => any;
 }, string, import("vue").PublicProps, Readonly<FileUploadRootProps> & Readonly<{
+  onInvalid?: (nativeEvent: Event) => any;
   "onUpdate:modelValue"?: (files: readonly File[]) => any;
   onChange?: (files: readonly File[], previous: readonly File[]) => any;
-  onInvalid?: (nativeEvent: Event) => any;
   onReject?: (rejections: readonly FileUploadRejection[], source: FileUploadSource) => any;
   onAccept?: (files: readonly File[], source: FileUploadSource) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -11452,9 +11452,9 @@ declare const __VLS_export$105: <TStep extends TourStepDefinition>(__VLS_props:
     readonly messages?: Partial<TourMessages>;
   } & {
     onComplete?: (nativeEvent: Event | null) => any;
+    onDismiss?: (reason: TourDismissReason, nativeEvent: Event | null) => any;
     "onUpdate:open"?: (value: boolean) => any;
     "onOpen-change"?: (value: boolean, previous: boolean, nativeEvent: Event | null) => any;
-    onDismiss?: (reason: TourDismissReason, nativeEvent: Event | null) => any;
     "onUpdate:step"?: (value: TStep["value"]) => any;
     "onStep-change"?: (value: TStep["value"], previous: TStep["value"] | null, nativeEvent: Event | null) => any;
     "onNavigation-cancel"?: (value: TStep["value"], from: TStep["value"] | null) => any;
@@ -11488,7 +11488,7 @@ declare const __VLS_export$105: <TStep extends TourStepDefinition>(__VLS_props:
   slots: {
     /** Compound Tour children. Receives the inferred current step and progress. */default?(props: TourSlotState<TStep>): unknown;
   };
-  emit: ((evt: "complete", nativeEvent: Event | null) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "open-change", value: boolean, previous: boolean, nativeEvent: Event | null) => void) & ((evt: "dismiss", reason: TourDismissReason, nativeEvent: Event | null) => void) & ((evt: "update:step", value: TStep["value"]) => void) & ((evt: "step-change", value: TStep["value"], previous: TStep["value"] | null, nativeEvent: Event | null) => void) & ((evt: "navigation-cancel", value: TStep["value"], from: TStep["value"] | null) => void) & ((evt: "navigation-error", error: unknown, value: TStep["value"], from: TStep["value"] | null) => void);
+  emit: ((evt: "complete", nativeEvent: Event | null) => void) & ((evt: "dismiss", reason: TourDismissReason, nativeEvent: Event | null) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "open-change", value: boolean, previous: boolean, nativeEvent: Event | null) => void) & ((evt: "update:step", value: TStep["value"]) => void) & ((evt: "step-change", value: TStep["value"], previous: TStep["value"] | null, nativeEvent: Event | null) => void) & ((evt: "navigation-cancel", value: TStep["value"], from: TStep["value"] | null) => void) & ((evt: "navigation-error", error: unknown, value: TStep["value"], from: TStep["value"] | null) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
@@ -12114,12 +12114,12 @@ declare const __VLS_base$68: import("vue").DefineComponent<__VLS_Props$55, {
   size: ComputedRef<number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   resize: (size: number, previous: number) => any;
-  collapse: () => any;
   expand: () => any;
+  collapse: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props$55> & Readonly<{
   onResize?: (size: number, previous: number) => any;
-  onCollapse?: () => any;
   onExpand?: () => any;
+  onCollapse?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$92: __VLS_WithSlots$68<typeof __VLS_base$68, __VLS_Slots$68>;
 declare const _default$92: typeof __VLS_export$92;
@@ -16191,8 +16191,8 @@ declare const __VLS_export$43: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS
     readonly ariaInvalid?: TagsInputAriaInvalid;
   } & {
     onAdd?: (tag: T, index: number, source: TagsInputAddSource) => any;
-    "onUpdate:modelValue"?: (value: readonly T[]) => any;
     onInvalid?: (event: TagsInputInvalidEvent<T>) => any;
+    "onUpdate:modelValue"?: (value: readonly T[]) => any;
     onEdit?: (tag: T, previous: T, index: number) => any;
     onRemove?: (tag: T, index: number, source: TagsInputRemoveSource) => any;
   }> & (typeof globalThis extends {
@@ -16216,7 +16216,7 @@ declare const __VLS_export$43: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS
   slots: {
     /** TagsInputItem children and the TagsInputInput. Receives the current tags and state. */default(props: TagsInputSlotState<T>): unknown;
   };
-  emit: ((evt: "add", tag: T, index: number, source: TagsInputAddSource) => void) & ((evt: "update:modelValue", value: readonly T[]) => void) & ((evt: "invalid", event: TagsInputInvalidEvent<T>) => void) & ((evt: "edit", tag: T, previous: T, index: number) => void) & ((evt: "remove", tag: T, index: number, source: TagsInputRemoveSource) => void);
+  emit: ((evt: "add", tag: T, index: number, source: TagsInputAddSource) => void) & ((evt: "invalid", event: TagsInputInvalidEvent<T>) => void) & ((evt: "update:modelValue", value: readonly T[]) => void) & ((evt: "edit", tag: T, previous: T, index: number) => void) & ((evt: "remove", tag: T, index: number, source: TagsInputRemoveSource) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
@@ -18178,9 +18178,9 @@ declare const __VLS_export$20: <T, K extends TreeKey>(__VLS_props: NonNullable<A
      */
     readonly ariaDescribedby?: string;
   } & {
+    "onUpdate:selected"?: (keys: readonly K[]) => any;
     onLoad?: (key: K, children: readonly T[]) => any;
     onAction?: (key: K, node: T, nativeEvent: Event) => any;
-    "onUpdate:selected"?: (keys: readonly K[]) => any;
     "onUpdate:expanded"?: (keys: readonly K[]) => any;
     "onUpdate:checked"?: (keys: readonly K[]) => any;
     onLoadError?: (key: K, error: unknown) => any;
@@ -18210,7 +18210,7 @@ declare const __VLS_export$20: <T, K extends TreeKey>(__VLS_props: NonNullable<A
   slots: {
     /** TreeItem rows. Receives rendered rows, every visible row, and selection state. */default?(props: TreeSlotState<T, K>): unknown;
   };
-  emit: ((evt: "load", key: K, children: readonly T[]) => void) & ((evt: "action", key: K, node: T, nativeEvent: Event) => void) & ((evt: "update:selected", keys: readonly K[]) => void) & ((evt: "update:expanded", keys: readonly K[]) => void) & ((evt: "update:checked", keys: readonly K[]) => void) & ((evt: "loadError", key: K, error: unknown) => void);
+  emit: ((evt: "update:selected", keys: readonly K[]) => void) & ((evt: "load", key: K, children: readonly T[]) => void) & ((evt: "action", key: K, node: T, nativeEvent: Event) => void) & ((evt: "update:expanded", keys: readonly K[]) => void) & ((evt: "update:checked", keys: readonly K[]) => void) & ((evt: "loadError", key: K, error: unknown) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/announcer.d.mts

@@ -1,2 +1,2 @@
-import { a as createAnnouncer, c as AnnouncerController, d as AnnouncerOwnership, f as AnnouncerPoliteness, i as announcerContext, l as AnnouncerMessageOptions, m as BusyAnnouncementOptions, n as createBusyAnnouncement, o as useAnnouncer, p as BusyAnnouncement, r as useBusyAnnouncement, s as useAnnouncerOwnership, t as _default, u as AnnouncerOptions } from "./announcer-DcI680jo.mjs";
+import { a as createAnnouncer, c as AnnouncerController, d as AnnouncerOwnership, f as AnnouncerPoliteness, i as announcerContext, l as AnnouncerMessageOptions, m as BusyAnnouncementOptions, n as createBusyAnnouncement, o as useAnnouncer, p as BusyAnnouncement, r as useBusyAnnouncement, s as useAnnouncerOwnership, t as _default, u as AnnouncerOptions } from "./announcer-B3LrvPIt.mjs";
 export { type AnnouncerController, type AnnouncerMessageOptions, type AnnouncerOptions, type AnnouncerOwnership, type AnnouncerPoliteness, _default as AnnouncerProvider, type BusyAnnouncement, type BusyAnnouncementOptions, announcerContext, createAnnouncer, createBusyAnnouncement, useAnnouncer, useAnnouncerOwnership, useBusyAnnouncement };

package/dist/app-bar-kKBZ3G2y.mjs

@@ -0,0 +1,172 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeProps, onMounted, onScopeDispose, openBlock, renderSlot, resolveDynamicComponent, shallowRef, useTemplateRef, watch, withCtx } from "vue";
+//#region src/families/navigation/app-bar/app-bar.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	part: "start",
+	"data-vize-ui": "app-bar-start"
+};
+const _hoisted_2 = {
+	part: "content",
+	"data-vize-ui": "app-bar-content"
+};
+const _hoisted_3 = {
+	key: 1,
+	part: "end",
+	"data-vize-ui": "app-bar-end"
+};
+//#endregion
+//#region src/families/navigation/app-bar/app-bar.vue
+var app_bar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "app-bar",
+	props: {
+		as: {
+			type: String,
+			required: false,
+			default: "header"
+		},
+		target: {
+			type: null,
+			required: false,
+			default: null
+		},
+		elevateThreshold: {
+			type: Number,
+			required: false,
+			default: 0
+		},
+		hideOnScroll: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		hideThreshold: {
+			type: Number,
+			required: false,
+			default: 64
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	emits: ["visibility-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const element = useTemplateRef("element");
+		const scrollTop = shallowRef(0);
+		const hidden = shallowRef(false);
+		const focusWithin = shallowRef(false);
+		const finite = (value, fallback) => Number.isFinite(value) ? Math.max(0, value) : fallback;
+		const elevated = computed(() => scrollTop.value > finite(__props.elevateThreshold, 0));
+		const state = computed(() => hidden.value ? "hidden" : "visible");
+		const slotState = computed(() => ({
+			elevated: elevated.value,
+			hidden: hidden.value,
+			scrollTop: scrollTop.value,
+			state: state.value
+		}));
+		let container = null;
+		function setHidden(next) {
+			if (hidden.value === next) return;
+			hidden.value = next;
+			emit("visibility-change", next);
+		}
+		function resolveContainer() {
+			const ownerDocument = element.value?.ownerDocument;
+			if (!ownerDocument) return null;
+			if (__props.target === null) return ownerDocument.defaultView;
+			if (typeof __props.target !== "string") return __props.target;
+			const found = ownerDocument.querySelector(__props.target);
+			return found instanceof HTMLElement ? found : null;
+		}
+		function readOffset(source) {
+			const offset = "scrollY" in source ? source.scrollY : source.scrollTop;
+			return Number.isFinite(offset) ? Math.max(0, offset) : 0;
+		}
+		function refresh() {
+			const previous = scrollTop.value;
+			const next = container === null ? 0 : readOffset(container);
+			scrollTop.value = next;
+			if (!__props.hideOnScroll || focusWithin.value) setHidden(false);
+			else if (next < previous || next <= finite(__props.hideThreshold, 64)) setHidden(false);
+			else if (next > previous) setHidden(true);
+			return next;
+		}
+		function onScroll() {
+			refresh();
+		}
+		function detach() {
+			container?.removeEventListener("scroll", onScroll);
+			container = null;
+		}
+		function attach() {
+			detach();
+			container = resolveContainer();
+			container?.addEventListener("scroll", onScroll, { passive: true });
+			scrollTop.value = container === null ? 0 : readOffset(container);
+		}
+		function onFocusin() {
+			focusWithin.value = true;
+			setHidden(false);
+		}
+		function onFocusout(event) {
+			const next = event.relatedTarget;
+			focusWithin.value = next instanceof Node && element.value?.contains(next) === true;
+		}
+		function show() {
+			setHidden(false);
+		}
+		onMounted(attach);
+		watch(() => __props.target, () => attach());
+		watch(() => __props.hideOnScroll, (enabled) => {
+			if (!enabled) setHidden(false);
+		});
+		onScopeDispose(detach);
+		__expose({
+			element,
+			elevated,
+			hidden,
+			refresh,
+			scrollTop,
+			show,
+			state
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				"aria-label": __props.ariaLabelledby === void 0 ? __props.ariaLabel : void 0,
+				"aria-labelledby": __props.ariaLabelledby,
+				part: "root",
+				"data-vize-ui": "app-bar",
+				"data-state": state.value,
+				"data-elevated": elevated.value ? "true" : void 0,
+				"data-hidden": hidden.value ? "true" : void 0,
+				onFocusin,
+				onFocusout
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "start", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+					_ctx.$slots.end ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "end", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)])) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 40, [
+				"aria-label",
+				"aria-labelledby",
+				"data-state",
+				"data-elevated",
+				"data-hidden"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-80c39212"]]);
+//#endregion
+export { app_bar_default as t };

package/dist/app-bar-yxtiYseG.d.mts

@@ -0,0 +1,103 @@
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/families/navigation/app-bar/app-bar-types.d.ts
+/** Scroll container an AppBar follows: an element, a selector, or `null` for the window. */
+type AppBarTarget = HTMLElement | string | null;
+/** Stable visibility state exposed for consumer-owned styling and tests. */
+type AppBarState = "visible" | "hidden";
+/** State exposed to every AppBar slot. */
+interface AppBarSlotState {
+  /** Whether the followed container has scrolled past `elevateThreshold`. */
+  readonly elevated: boolean;
+  /** Whether `hideOnScroll` currently asks the consumer to move the bar out of view. */
+  readonly hidden: boolean;
+  /** Stable visibility token for styling and tests. */
+  readonly state: AppBarState;
+  /** Current scroll offset of the followed container in CSS pixels. */
+  readonly scrollTop: number;
+}
+/** Public instance exposed by AppBar. */
+interface AppBarExpose extends AppBarSlotState {
+  /** Rendered root element. */
+  readonly element: HTMLElement | null;
+  /** Bring a hidden bar back into view. */
+  readonly show: () => void;
+  /** Re-read the scroll offset, for containers that scroll without a scroll event. */
+  readonly refresh: () => number;
+}
+//#endregion
+//#region src/families/navigation/app-bar/app-bar.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Host element. A top-level `header` is the page's banner landmark; use `div`
+   * when the bar sits inside another landmark that already has a header.
+   *
+   * @default "header"
+   */
+  readonly as?: "header" | "div";
+  /**
+   * Scroll container to follow: an element, a selector, or `null` for the window.
+   *
+   * @default null
+   */
+  readonly target?: AppBarTarget;
+  /**
+   * Scroll offset in CSS pixels past which the bar reports `elevated`.
+   *
+   * @default 0
+   */
+  readonly elevateThreshold?: number;
+  /**
+   * Report `hidden` while the container scrolls down, and visible again as soon as it scrolls up.
+   *
+   * @default false
+   */
+  readonly hideOnScroll?: boolean;
+  /**
+   * Scroll offset in CSS pixels before `hideOnScroll` may hide the bar.
+   *
+   * @default 64
+   */
+  readonly hideThreshold?: number;
+  /**
+   * Accessible name of the landmark when no visible title labels it.
+   *
+   * @default undefined
+   */
+  readonly ariaLabel?: string;
+  /**
+   * Ids that label the landmark (overrides `ariaLabel`).
+   *
+   * @default undefined
+   */
+  readonly ariaLabelledby?: string;
+};
+type __VLS_Slots = {
+  /** Leading content such as a navigation or back button. */start?(props: AppBarSlotState): unknown; /** Title and main content. */
+  default?(props: AppBarSlotState): unknown; /** Trailing actions. */
+  end?(props: AppBarSlotState): unknown;
+};
+declare function refresh(): number;
+declare function show(): void;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+  element: Readonly<ShallowRef<HTMLElement | null>>;
+  elevated: ComputedRef<boolean>;
+  hidden: ShallowRef<boolean, boolean>;
+  refresh: typeof refresh;
+  scrollTop: ShallowRef<number, number>;
+  show: typeof show;
+  state: ComputedRef<AppBarState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "visibility-change": (hidden: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onVisibility-change"?: (hidden: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { AppBarTarget as a, AppBarState as i, AppBarExpose as n, AppBarSlotState as r, _default as t };

package/dist/app-bar.d.mts

@@ -0,0 +1,2 @@
+import { a as AppBarTarget, i as AppBarState, n as AppBarExpose, r as AppBarSlotState, t as _default } from "./app-bar-yxtiYseG.mjs";
+export { _default as AppBar, type AppBarExpose, type AppBarSlotState, type AppBarState, type AppBarTarget };

package/dist/app-bar.mjs

@@ -0,0 +1,2 @@
+import { t as app_bar_default } from "./app-bar-kKBZ3G2y.mjs";
+export { app_bar_default as AppBar };

package/dist/autocomplete.d.mts

@@ -1,2 +1,2 @@
-import { Fa as _default$1, Ma as _default$2, Na as _default$3, Pa as _default$4, ca as AutocompleteRootProps, da as WebStorageHistoryOptions, fa as createWebStorageHistory, ja as _default$5, la as AutocompleteSlotState, ma as removeAutocompleteHistory, oa as _default, pa as pushAutocompleteHistory, sa as AutocompleteRootExpose, ua as AutocompleteHistoryStorage } from "./announcer-DcI680jo.mjs";
+import { Fa as _default$1, Ma as _default$2, Na as _default$3, Pa as _default$4, ca as AutocompleteRootProps, da as WebStorageHistoryOptions, fa as createWebStorageHistory, ja as _default$5, la as AutocompleteSlotState, ma as removeAutocompleteHistory, oa as _default, pa as pushAutocompleteHistory, sa as AutocompleteRootExpose, ua as AutocompleteHistoryStorage } from "./announcer-B3LrvPIt.mjs";
 export { _default as Autocomplete, _default as AutocompleteRoot, _default$1 as AutocompleteContent, _default$2 as AutocompleteEmpty, type AutocompleteHistoryStorage, _default$3 as AutocompleteInput, _default$4 as AutocompleteItem, _default$5 as AutocompleteLoading, type AutocompleteRootExpose, type AutocompleteRootProps, type AutocompleteSlotState, type WebStorageHistoryOptions, createWebStorageHistory, pushAutocompleteHistory, removeAutocompleteHistory };

package/dist/avatar.d.mts

@@ -1,2 +1,2 @@
-import { _S as AvatarPresence, bS as AvatarStatus, cS as AvatarElement, dS as AvatarImageCrossOrigin, fS as AvatarImageDecoding, gS as AvatarImageReferrerPolicy, hS as AvatarImageLoading, lS as AvatarExpose, mS as AvatarImageFetchPriority, pS as AvatarImageElement, sS as _default, uS as AvatarFallbackElement, vS as AvatarSlotState, yS as AvatarState } from "./announcer-DcI680jo.mjs";
+import { _S as AvatarPresence, bS as AvatarStatus, cS as AvatarElement, dS as AvatarImageCrossOrigin, fS as AvatarImageDecoding, gS as AvatarImageReferrerPolicy, hS as AvatarImageLoading, lS as AvatarExpose, mS as AvatarImageFetchPriority, pS as AvatarImageElement, sS as _default, uS as AvatarFallbackElement, vS as AvatarSlotState, yS as AvatarState } from "./announcer-B3LrvPIt.mjs";
 export { _default as Avatar, type AvatarElement, type AvatarExpose, type AvatarFallbackElement, type AvatarImageCrossOrigin, type AvatarImageDecoding, type AvatarImageElement, type AvatarImageFetchPriority, type AvatarImageLoading, type AvatarImageReferrerPolicy, type AvatarPresence, type AvatarSlotState, type AvatarState, type AvatarStatus };

package/dist/badge.d.mts

@@ -1,2 +1,2 @@
-import { aS as BadgeTone, iS as BadgeSlotState, nS as BadgeElement, oS as BadgeVariant, rS as BadgeExpose, tS as _default } from "./announcer-DcI680jo.mjs";
+import { aS as BadgeTone, iS as BadgeSlotState, nS as BadgeElement, oS as BadgeVariant, rS as BadgeExpose, tS as _default } from "./announcer-B3LrvPIt.mjs";
 export { _default as Badge, type BadgeElement, type BadgeExpose, type BadgeSlotState, type BadgeTone, type BadgeVariant };

package/dist/banner.d.mts

@@ -1,2 +1,2 @@
-import { $x as BannerState, Bx as BannerAriaInput, Gx as BannerElement, Hx as normalizeBannerAria, Jx as BannerLive, Kx as BannerEmits, Qx as BannerSlots, Ux as _default, Vx as NormalizedBannerAria, Wx as BannerAriaState, Xx as BannerRole, Yx as BannerProps, Zx as BannerSlotState, eS as BannerTone, qx as BannerExpose } from "./announcer-DcI680jo.mjs";
+import { $x as BannerState, Bx as BannerAriaInput, Gx as BannerElement, Hx as normalizeBannerAria, Jx as BannerLive, Kx as BannerEmits, Qx as BannerSlots, Ux as _default, Vx as NormalizedBannerAria, Wx as BannerAriaState, Xx as BannerRole, Yx as BannerProps, Zx as BannerSlotState, eS as BannerTone, qx as BannerExpose } from "./announcer-B3LrvPIt.mjs";
 export { _default as Banner, type BannerAriaInput, type BannerAriaState, type BannerElement, type BannerEmits, type BannerExpose, type BannerLive, type BannerProps, type BannerRole, type BannerSlotState, type BannerSlots, type BannerState, type BannerTone, type NormalizedBannerAria, normalizeBannerAria };

package/dist/block-ui.d.mts

@@ -1,2 +1,2 @@
-import { Fx as BlockUIExpose, Ix as BlockUIInteraction, Lx as BlockUIReason, Mx as _default, Nx as BlockUIAnnouncement, Px as BlockUIElement, Rx as BlockUISlotState, zx as BlockUIState } from "./announcer-DcI680jo.mjs";
+import { Fx as BlockUIExpose, Ix as BlockUIInteraction, Lx as BlockUIReason, Mx as _default, Nx as BlockUIAnnouncement, Px as BlockUIElement, Rx as BlockUISlotState, zx as BlockUIState } from "./announcer-B3LrvPIt.mjs";
 export { _default as BlockUI, type BlockUIAnnouncement, type BlockUIElement, type BlockUIExpose, type BlockUIInteraction, type BlockUIReason, type BlockUISlotState, type BlockUIState };

package/dist/blockquote.d.mts

@@ -1,2 +1,2 @@
-import { Fb as BlockquoteSize, Ib as BlockquoteSlotState, Lb as BlockquoteTone, Mb as _default, Nb as BlockquoteElement, Pb as BlockquoteExpose } from "./announcer-DcI680jo.mjs";
+import { Fb as BlockquoteSize, Ib as BlockquoteSlotState, Lb as BlockquoteTone, Mb as _default, Nb as BlockquoteElement, Pb as BlockquoteExpose } from "./announcer-B3LrvPIt.mjs";
 export { _default as Blockquote, type BlockquoteElement, type BlockquoteExpose, type BlockquoteSize, type BlockquoteSlotState, type BlockquoteTone };

package/dist/{breadcrumb-Cdyh20z-.d.mts → breadcrumb-DJIZ3zDG.d.mts}

@@ -139,7 +139,7 @@ type __VLS_Slots$2 = {
 };
 declare function focus(options?: FocusOptions): void;
 declare const __VLS_base$2: import("vue").DefineComponent<__VLS_Props$2, {
-  ariaCurrent: import("vue").ComputedRef<"time" | "step" | "page" | "date" | "location" | undefined>;
+  ariaCurrent: import("vue").ComputedRef<"step" | "time" | "page" | "date" | "location" | undefined>;
   current: import("vue").ComputedRef<boolean>;
   element: Readonly<import("vue").ShallowRef<PrimitiveElement | null>>;
   focus: typeof focus;

package/dist/breadcrumb.d.mts

@@ -1,2 +1,2 @@
-import { a as _default, c as BreadcrumbItemSlotState, d as BreadcrumbListExpose, f as BreadcrumbRootExpose, h as BreadcrumbSeparatorSlotState, i as _default$1, l as BreadcrumbLinkExpose, m as BreadcrumbSeparatorExpose, n as _default$3, o as BreadcrumbCurrent, p as BreadcrumbRootSlotState, r as _default$2, s as BreadcrumbItemExpose, t as _default$4, u as BreadcrumbLinkSlotState } from "./breadcrumb-Cdyh20z-.mjs";
+import { a as _default, c as BreadcrumbItemSlotState, d as BreadcrumbListExpose, f as BreadcrumbRootExpose, h as BreadcrumbSeparatorSlotState, i as _default$1, l as BreadcrumbLinkExpose, m as BreadcrumbSeparatorExpose, n as _default$3, o as BreadcrumbCurrent, p as BreadcrumbRootSlotState, r as _default$2, s as BreadcrumbItemExpose, t as _default$4, u as BreadcrumbLinkSlotState } from "./breadcrumb-DJIZ3zDG.mjs";
 export { _default as Breadcrumb, _default as BreadcrumbRoot, type BreadcrumbCurrent, _default$1 as BreadcrumbItem, type BreadcrumbItemExpose, type BreadcrumbItemSlotState, _default$2 as BreadcrumbLink, type BreadcrumbLinkExpose, type BreadcrumbLinkSlotState, _default$3 as BreadcrumbList, type BreadcrumbListExpose, type BreadcrumbRootExpose, type BreadcrumbRootSlotState, _default$4 as BreadcrumbSeparator, type BreadcrumbSeparatorExpose, type BreadcrumbSeparatorSlotState };

package/dist/calendar.d.mts

@@ -1,5 +1,5 @@
 import { A as isLeapYear, B as parseIsoWeek, C as formatIsoWeek, D as fromUtcDate, E as fromLocalDate, F as isoWeekOf, G as toEpochDay, H as startOfIsoWeek, I as monthsBetween, J as toYearMonth, K as toLocalDate, L as normalizeDateRange, M as isSameMonth, N as isSameRange, O as isDateInRange, P as isValidPlainDate, R as normalizePlainDate, S as formatIsoDate, T as fromEpochMilliseconds, U as startOfMonth, V as shiftYearMonth, W as startOfWeek, _ as dayOfWeek, a as PLAIN_DATE_MAX_YEAR, b as endOfMonth, c as PlainYearMonth, d as addMonths, f as addYears, g as createPlainDate, h as createDateRange, i as IsoWeek, j as isSameDay, k as isDateWithin, l as Weekday, m as compareDates, n as DateOrder, o as PLAIN_DATE_MIN_YEAR, p as clampDate, q as toUtcDate, r as DateRange, s as PlainDate, t as DateMatcher, u as addDays, v as daysBetween, w as fromEpochDay, x as endOfWeek, y as daysInMonth, z as parseIsoDate } from "./plain-date-By3bTWQG.mjs";
-import { _x as normalizeDateList, vx as _default$4, yx as _default } from "./announcer-DcI680jo.mjs";
+import { _x as normalizeDateList, vx as _default$4, yx as _default } from "./announcer-B3LrvPIt.mjs";
 import { C as CalendarFormatters, D as createCalendarFormatters, E as CalendarWeekdayLabel, O as resolveWeekStart, S as CalendarWeekdaySlotState, T as CalendarWeekdayFormat, _ as CalendarSelectionMode, a as _default$2, b as CalendarState, c as CalendarDayStateToken, d as CalendarMonthState, f as CalendarMultipleRootExpose, g as CalendarRootExposeBase, h as CalendarRootExpose, i as _default$3, l as CalendarDirection, m as CalendarNavigationUnit, n as _default$6, o as _default$1, p as CalendarNavigationSlotState, r as _default$5, s as CalendarDayState, t as _default$7, u as CalendarHeadingSlotState, v as CalendarSharedProps, w as CalendarLocaleOptions, x as CalendarWeekNumberSlotState, y as CalendarSlotState } from "./calendar-year-select.vue-BohqVCaU.mjs";
 import { n as TodayOptions, r as useToday, t as DateTimeNow } from "./calendar-today-Djkf8bII.mjs";
 export { _default as Calendar, _default as CalendarRoot, type CalendarDayState, type CalendarDayStateToken, type CalendarDirection, type CalendarFormatters, _default$1 as CalendarGrid, _default$2 as CalendarHeading, type CalendarHeadingSlotState, type CalendarLocaleOptions, _default$3 as CalendarMonthSelect, type CalendarMonthState, _default$4 as CalendarMultipleRoot, _default$4 as MultipleCalendar, type CalendarMultipleRootExpose, type CalendarNavigationSlotState, type CalendarNavigationUnit, _default$5 as CalendarNext, _default$6 as CalendarPrev, type CalendarRootExpose, type CalendarRootExposeBase, type CalendarSelectionMode, type CalendarSharedProps, type CalendarSlotState, type CalendarState, type CalendarWeekNumberSlotState, type CalendarWeekdayFormat, type CalendarWeekdayLabel, type CalendarWeekdaySlotState, _default$7 as CalendarYearSelect, type DateMatcher, type DateOrder, type DateRange, type DateTimeNow, type IsoWeek, PLAIN_DATE_MAX_YEAR, PLAIN_DATE_MIN_YEAR, type PlainDate, type PlainYearMonth, type TodayOptions, type Weekday, addDays, addMonths, addYears, clampDate, compareDates, createCalendarFormatters, createDateRange, createPlainDate, dayOfWeek, daysBetween, daysInMonth, endOfMonth, endOfWeek, formatIsoDate, formatIsoWeek, fromEpochDay, fromEpochMilliseconds, fromLocalDate, fromUtcDate, isDateInRange, isDateWithin, isLeapYear, isSameDay, isSameMonth, isSameRange, isValidPlainDate, isoWeekOf, monthsBetween, normalizeDateList, normalizeDateRange, normalizePlainDate, parseIsoDate, parseIsoWeek, resolveWeekStart, shiftYearMonth, startOfIsoWeek, startOfMonth, startOfWeek, toEpochDay, toLocalDate, toUtcDate, toYearMonth, useToday };

package/dist/callout.d.mts

@@ -1,2 +1,2 @@
-import { Ax as CalloutState, Cx as CalloutElement, Dx as CalloutRole, Ex as CalloutProps, Ox as CalloutSlotState, Sx as CalloutDensity, Tx as CalloutLive, bx as _default, jx as CalloutTone, kx as CalloutSlots, wx as CalloutExpose, xx as CalloutAriaState } from "./announcer-DcI680jo.mjs";
+import { Ax as CalloutState, Cx as CalloutElement, Dx as CalloutRole, Ex as CalloutProps, Ox as CalloutSlotState, Sx as CalloutDensity, Tx as CalloutLive, bx as _default, jx as CalloutTone, kx as CalloutSlots, wx as CalloutExpose, xx as CalloutAriaState } from "./announcer-B3LrvPIt.mjs";
 export { _default as Callout, type CalloutAriaState, type CalloutDensity, type CalloutElement, type CalloutExpose, type CalloutLive, type CalloutProps, type CalloutRole, type CalloutSlotState, type CalloutSlots, type CalloutState, type CalloutTone };

package/dist/card.d.mts

@@ -1,2 +1,2 @@
-import { By as CardVariant, Fy as CardDensity, Iy as CardElement, Ly as CardExpose, Py as _default, Ry as CardSlotState, zy as CardTone } from "./announcer-DcI680jo.mjs";
+import { By as CardVariant, Fy as CardDensity, Iy as CardElement, Ly as CardExpose, Py as _default, Ry as CardSlotState, zy as CardTone } from "./announcer-B3LrvPIt.mjs";
 export { _default as Card, type CardDensity, type CardElement, type CardExpose, type CardSlotState, type CardTone, type CardVariant };

package/dist/catalog.d.mts

@@ -3307,6 +3307,28 @@ declare const uiFamilyCatalog: ({
   readonly dependencies: readonly ["menu", "collection", "context", "controllable-state", "dismissable-layer", "focus-scope", "id", "inert-outside", "pointer-grace", "portal", "positioner", "presence", "scroll-lock", "typeahead"];
   readonly maturity: "stable";
   readonly owner: "ui-foundations";
+} | {
+  readonly canonicalName: "app-bar";
+  readonly title: "App Bar";
+  readonly packageSubpath: "./app-bar";
+  readonly entryFile: "src/families/navigation/app-bar/app-bar.ts";
+  readonly sourceFiles: readonly ["src/families/navigation/app-bar/app-bar.vue", "src/families/navigation/app-bar/app-bar.ts", "src/families/navigation/app-bar/app-bar-types.ts"];
+  readonly behaviorContract: "src/families/navigation/app-bar/app-bar.behavior.md";
+  readonly tests: readonly ["src/families/navigation/app-bar/app-bar.test.ts", "src/families/navigation/app-bar/app-bar-ssr.test.ts"];
+  readonly typeTests: readonly ["src/families/navigation/app-bar/app-bar.types.test-d.ts"];
+  readonly rendererFixture: "AppBarConsumer.vue";
+  readonly qualityGates: readonly ["behavior-contract", "mounted-dom", "type-inference", "tree-shaking", "bundle-size", "ssr", "hydration", "dom-compile", "ssr-compile", "vapor-compile"];
+  readonly bundleBudget: {
+    readonly exportName: "AppBar";
+    readonly retainedSignature: "data-vize-ui[\\s\\S]{0,32}app-bar";
+    readonly maximumJavaScriptGzipBytes: 1600;
+    readonly maximumCssGzipBytes: 0;
+  };
+  readonly aliases: readonly ["top app bar", "app header", "navigation bar", "header bar"];
+  readonly upstreamCoverage: readonly ["HTML header landmark", "Material top app bar", "Vuetify v-app-bar"];
+  readonly dependencies: readonly [];
+  readonly maturity: "stable";
+  readonly owner: "ui-foundations";
 } | {
   readonly canonicalName: "breadcrumb";
   readonly title: "Breadcrumb";