@vizejs/ui 0.386.0 → 0.388.0

package/dist/positioner.d.mts

@@ -0,0 +1,2 @@
+import { C as PositionerElement, D as Rect, E as PositionerStyle, O as SafeAreaInsets, S as PositionerController, T as PositionerStrategy, _ as ComputePositionResult, a as visualViewportRect, b as PlacementSide, c as sizeStyle, d as computePosition, f as parsePlacement, g as ComputePositionInput, h as AvailableSizeInput, i as readSafeAreaInsets, k as VirtualElement, l as createPositioner, m as AvailableSize, n as _default, o as zeroSafeAreaInsets, p as readRect, r as insetViewport, s as computeAvailableSize, t as _default$1, u as usePositioner, v as Placement, w as PositionerOptions, x as PositionerArrowStyle, y as PlacementAlign } from "./positioner-BYJVA3Uy.mjs";
+export { type AvailableSize, type AvailableSizeInput, type ComputePositionInput, type ComputePositionResult, type Placement, type PlacementAlign, type PlacementSide, _default as Positioner, _default$1 as PositionerArrow, type PositionerArrowStyle, type PositionerController, type PositionerElement, type PositionerOptions, type PositionerStrategy, type PositionerStyle, type Rect, type SafeAreaInsets, type VirtualElement, computeAvailableSize, computePosition, createPositioner, insetViewport, parsePlacement, readRect, readSafeAreaInsets, sizeStyle, usePositioner, visualViewportRect, zeroSafeAreaInsets };

package/dist/positioner.mjs

@@ -0,0 +1,3 @@
+import { a as readSafeAreaInsets, c as computeAvailableSize, d as parsePlacement, f as readRect, i as insetViewport, l as sizeStyle, n as createPositioner, o as visualViewportRect, r as usePositioner, s as zeroSafeAreaInsets, t as positioner_default, u as computePosition } from "./positioner-DaPo2YxM.mjs";
+import { t as positioner_arrow_default } from "./positioner-BYmQk86M.mjs";
+export { positioner_default as Positioner, positioner_arrow_default as PositionerArrow, computeAvailableSize, computePosition, createPositioner, insetViewport, parsePlacement, readRect, readSafeAreaInsets, sizeStyle, usePositioner, visualViewportRect, zeroSafeAreaInsets };

package/dist/presence-Bhv1qtvn.d.mts

@@ -0,0 +1,57 @@
+import { i as PresenceStatus, n as PresenceOptions, t as PresenceController } from "./presence-types-CRB4HbML.mjs";
+
+//#region src/families/overlays/presence/presence-runtime.d.ts
+/** Create an SSR-safe enter/exit presence controller. */
+declare function createPresence(options?: PresenceOptions): PresenceController;
+/** Create a presence controller disposed with the current Vue effect scope. */
+declare function usePresence(options?: PresenceOptions): PresenceController;
+//#endregion
+//#region src/families/overlays/presence/presence.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Whether the content should occupy the tree.
+   *
+   * @default false
+   */
+  readonly present?: boolean;
+  /**
+   * Keep the slot mounted even while presence would otherwise unmount it.
+   *
+   * @default false
+   */
+  readonly forceMount?: boolean;
+  /**
+   * Skip enter and exit animation when `prefers-reduced-motion: reduce` matches.
+   *
+   * @default true
+   */
+  readonly respectReducedMotion?: boolean;
+  /**
+   * Named enter/exit recipe published on `data-vize-motion`, pairing the host
+   * with the packaged motion stylesheet (`@vizejs/ui/motion`).
+   *
+   * @default undefined
+   */
+  readonly motion?: "fade" | "scale" | "slide";
+};
+type __VLS_Slots = {
+  /** Present contents. Receives presence status for styling hooks. */default(props: {
+    readonly present: boolean;
+    readonly status: PresenceStatus;
+  }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+  element: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
+  isPresent: Readonly<import("vue").ShallowRef<boolean>>;
+  status: Readonly<import("vue").ShallowRef<PresenceStatus>>;
+  completeAnimation: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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 { createPresence as n, usePresence as r, _default as t };

package/dist/presence-CTG1EV3w.mjs

@@ -0,0 +1,62 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { n as usePresence } from "./presence-runtime-CYwCafSh.mjs";
+import { computed, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, toRef, unref, useTemplateRef } from "vue";
+//#region src/families/overlays/presence/presence.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { "data-vize-ui": "presence-host" };
+const _hoisted_2 = ["data-vize-motion", "data-vize-presence"];
+//#endregion
+//#region src/families/overlays/presence/presence.vue
+var presence_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "presence",
+	props: {
+		present: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		forceMount: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		respectReducedMotion: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		motion: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const presence = usePresence({
+			present: toRef(() => __props.present),
+			respectReducedMotion: toRef(() => __props.respectReducedMotion)
+		});
+		const show = computed(() => presence.isPresent.value || __props.forceMount);
+		const element = useTemplateRef("element");
+		__expose({
+			element,
+			isPresent: presence.isPresent,
+			status: presence.status,
+			completeAnimation: presence.completeAnimation
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [show.value ? (openBlock(), createElementBlock("div", mergeProps({
+				key: 0,
+				ref_key: "element",
+				ref: element,
+				"data-vize-ui": "presence",
+				"data-vize-motion": __props.motion,
+				"data-vize-presence": unref(presence).status.value
+			}, unref(presence).presenceProps), [renderSlot(_ctx.$slots, "default", {
+				present: unref(presence).isPresent.value,
+				status: unref(presence).status.value
+			}, void 0, true)], 16, _hoisted_2)) : createCommentVNode("v-if", true)]);
+		};
+	}
+}), [["__scopeId", "data-v-a38462f0"]]);
+//#endregion
+export { presence_default as t };

package/dist/presence-runtime-CYwCafSh.mjs

@@ -0,0 +1,105 @@
+import { getCurrentScope, onScopeDispose, shallowReadonly, shallowRef, toValue, watch } from "vue";
+//#region src/families/overlays/presence/presence-runtime.ts
+const invalidOptionDiagnostic = "VIZE_UI_PRESENCE_OPTION";
+const disposedDiagnostic = "VIZE_UI_PRESENCE_DISPOSED";
+const setupDiagnostic = "VIZE_UI_PRESENCE_SETUP";
+function readBoolean(value, fallback) {
+	const resolved = toValue(value);
+	if (resolved === void 0) return fallback;
+	if (typeof resolved !== "boolean") throw new TypeError(`${invalidOptionDiagnostic}: respectReducedMotion must resolve to a boolean`);
+	return resolved;
+}
+function readPresent(value) {
+	const resolved = toValue(value);
+	if (resolved === void 0) return false;
+	if (typeof resolved !== "boolean") throw new TypeError(`${invalidOptionDiagnostic}: present must resolve to a boolean`);
+	return resolved;
+}
+function prefersReducedMotion() {
+	if (typeof globalThis.matchMedia !== "function") return false;
+	return globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function validateOptions(options) {
+	for (const name of ["onEnterComplete", "onExitComplete"]) {
+		const callback = options[name];
+		if (callback !== void 0 && typeof callback !== "function") throw new TypeError(`${invalidOptionDiagnostic}: ${name} must be a function`);
+	}
+	if (typeof options.present !== "function") readPresent(options.present);
+	if (typeof options.respectReducedMotion !== "function") readBoolean(options.respectReducedMotion, true);
+}
+function notify(callback) {
+	callback?.();
+}
+/** Create an SSR-safe enter/exit presence controller. */
+function createPresence(options = {}) {
+	validateOptions(options);
+	const initiallyPresent = readPresent(options.present);
+	const status = shallowRef(initiallyPresent ? "present" : "unmounted");
+	const isPresent = shallowRef(initiallyPresent);
+	let disposed = false;
+	const skipMotion = () => readBoolean(options.respectReducedMotion, true) && prefersReducedMotion();
+	const finishEnter = () => {
+		status.value = "present";
+		notify(options.onEnterComplete);
+	};
+	const finishExit = () => {
+		isPresent.value = false;
+		status.value = "unmounted";
+		notify(options.onExitComplete);
+	};
+	const enter = () => {
+		if (status.value === "present" || status.value === "entering") return;
+		isPresent.value = true;
+		if (skipMotion()) {
+			finishEnter();
+			return;
+		}
+		status.value = "entering";
+	};
+	const exit = () => {
+		if (status.value === "unmounted") return;
+		if (skipMotion() || status.value === "entering") {
+			finishExit();
+			return;
+		}
+		status.value = "exiting";
+	};
+	const apply = () => {
+		if (readPresent(options.present)) enter();
+		else exit();
+	};
+	const completeAnimation = () => {
+		if (disposed) throw new Error(`${disposedDiagnostic}: the controller has been disposed`);
+		if (status.value === "entering") finishEnter();
+		else if (status.value === "exiting") finishExit();
+	};
+	const onComplete = (event) => {
+		if (event.target !== event.currentTarget) return;
+		completeAnimation();
+	};
+	const stopWatch = watch(() => [toValue(options.present), toValue(options.respectReducedMotion)], apply, { flush: "sync" });
+	const presenceProps = Object.freeze({
+		onAnimationend: onComplete,
+		onTransitionend: onComplete
+	});
+	return Object.freeze({
+		isPresent: shallowReadonly(isPresent),
+		status: shallowReadonly(status),
+		presenceProps,
+		completeAnimation,
+		dispose: () => {
+			if (disposed) return;
+			disposed = true;
+			stopWatch();
+		}
+	});
+}
+/** Create a presence controller disposed with the current Vue effect scope. */
+function usePresence(options = {}) {
+	if (!getCurrentScope()) throw new Error(`${setupDiagnostic}: use inside component setup or an active effect scope`);
+	const controller = createPresence(options);
+	onScopeDispose(controller.dispose);
+	return controller;
+}
+//#endregion
+export { usePresence as n, createPresence as t };

package/dist/presence-types-CRB4HbML.d.mts

@@ -0,0 +1,45 @@
+import { MaybeRefOrGetter, ShallowRef } from "vue";
+
+//#region src/families/overlays/presence/presence-types.d.ts
+/** Lifecycle phase published by a presence controller. */
+type PresenceStatus = "entering" | "exiting" | "present" | "unmounted";
+/** Options shared by {@link createPresence} and {@link usePresence}. */
+interface PresenceOptions {
+  /**
+   * Whether the content should occupy the tree.
+   * Reactive values are resolved for every presence transition.
+   *
+   * @default false
+   */
+  readonly present?: MaybeRefOrGetter<boolean | undefined>;
+  /**
+   * Skip enter and exit animation when `prefers-reduced-motion: reduce` matches.
+   *
+   * @default true
+   */
+  readonly respectReducedMotion?: MaybeRefOrGetter<boolean | undefined>;
+  /** Called after enter animation completes or is skipped. */
+  readonly onEnterComplete?: () => void;
+  /** Called after exit animation completes or is skipped. */
+  readonly onExitComplete?: () => void;
+}
+/** Native handlers to spread onto the present host. */
+interface PresenceProps {
+  readonly onAnimationend: (event: AnimationEvent) => void;
+  readonly onTransitionend: (event: TransitionEvent) => void;
+}
+/** Stateful presence normalizer with explicit animation completion. */
+interface PresenceController {
+  /** Whether the slot should remain mounted, including while exiting. */
+  readonly isPresent: Readonly<ShallowRef<boolean>>;
+  /** Current enter/exit phase. */
+  readonly status: Readonly<ShallowRef<PresenceStatus>>;
+  /** Stable animation completion handlers to merge onto one host. */
+  readonly presenceProps: Readonly<PresenceProps>;
+  /** Advance from entering to present, or from exiting to unmounted. */
+  readonly completeAnimation: () => void;
+  /** Release watchers and freeze the controller. */
+  readonly dispose: () => void;
+}
+//#endregion
+export { PresenceStatus as i, PresenceOptions as n, PresenceProps as r, PresenceController as t };

package/dist/presence.d.mts

@@ -0,0 +1,3 @@
+import { i as PresenceStatus, n as PresenceOptions, r as PresenceProps, t as PresenceController } from "./presence-types-CRB4HbML.mjs";
+import { n as createPresence, r as usePresence, t as _default } from "./presence-Bhv1qtvn.mjs";
+export { _default as Presence, type PresenceController, type PresenceOptions, type PresenceProps, type PresenceStatus, createPresence, usePresence };

package/dist/presence.mjs

@@ -0,0 +1,3 @@
+import { n as usePresence, t as createPresence } from "./presence-runtime-CYwCafSh.mjs";
+import { t as presence_default } from "./presence-CTG1EV3w.mjs";
+export { presence_default as Presence, createPresence, usePresence };

package/dist/{press-N_mE3Mgx.mjs → press-BjLm6bKg.mjs}

@@ -1,6 +1,6 @@
-import { a as isPrimaryPointer, c as readBooleanOption, i as isEventInside, l as readKeyboardBehavior, n as disableTextSelection, o as keyboardActivation, r as eventElement, s as pointerTypeOf, t as createPressEvent, u as validatePressOptions } from "./press-event-Cd2OPpmw.mjs";
+import { a as isPrimaryPointer, c as readBooleanOption, i as isEventInside, l as readKeyboardBehavior, n as disableTextSelection, o as keyboardActivation, r as eventElement, s as pointerTypeOf, t as createPressEvent, u as validatePressOptions } from "./press-event-xlWYF9py.mjs";
 import { getCurrentScope, onScopeDispose, shallowReadonly, shallowRef } from "vue";
-//#region src/press-handlers.ts
+//#region src/families/interaction/press/press-handlers.ts
 /** Adapt Pointer Events plus legacy mouse/touch and keyboard events to one lifecycle. */
 function createPressHandlers(lifecycle) {
 	let lastTouchTime = Number.NEGATIVE_INFINITY;
@@ -156,7 +156,7 @@ function touchMatches(event, active) {
 	return Array.from(event.changedTouches).some((touch) => touch.identifier === active.id);
 }
 //#endregion
-//#region src/press-activation-memory.ts
+//#region src/families/interaction/press/press-activation-memory.ts
 /** Own short-lived tokens that associate release, cancellation, and click. */
 var PressActivationMemory = class {
 	#pending = null;
@@ -211,7 +211,7 @@ var PressActivationMemory = class {
 	}
 };
 //#endregion
-//#region src/press-notify.ts
+//#region src/families/interaction/press/press-notify.ts
 /** Execute every notification before surfacing one or more consumer errors. */
 function notifyAll(notifications) {
 	const errors = [];
@@ -239,7 +239,7 @@ function surfaceErrors(errors) {
 	}));
 }
 //#endregion
-//#region src/press-lifecycle.ts
+//#region src/families/interaction/press/press-lifecycle.ts
 const disposedDiagnostic = "VIZE_UI_PRESS_DISPOSED";
 /** Internal press state machine shared by all native-event adapters. */
 var PressLifecycle = class {
@@ -443,7 +443,7 @@ var PressLifecycle = class {
 	}
 };
 //#endregion
-//#region src/press.ts
+//#region src/families/interaction/press/press.ts
 const setupDiagnostic = "VIZE_UI_PRESS_SETUP";
 /**
 * Create an SSR-safe press normalizer for one host element.

package/dist/press-R0_juZq2.d.mts

@@ -0,0 +1,14 @@
+import { a as PressOptions, t as PressController } from "./press-types-DfTNpqby.mjs";
+
+//#region src/families/interaction/press/press.d.ts
+/**
+ * Create an SSR-safe press normalizer for one host element.
+ *
+ * Spread the returned `pressProps` onto the host and call `dispose` when using
+ * this factory outside a Vue effect scope. No DOM global is read at setup.
+ */
+declare function createPress(options?: PressOptions): PressController;
+/** Create a press normalizer disposed with the current Vue effect scope. */
+declare function usePress(options?: PressOptions): PressController;
+//#endregion
+export { usePress as n, createPress as t };

package/dist/{press-event-Cd2OPpmw.mjs → press-event-xlWYF9py.mjs}

@@ -1,5 +1,5 @@
 import { toValue } from "vue";
-//#region src/press-event.ts
+//#region src/families/interaction/press/press-event.ts
 const invalidOptionDiagnostic = "VIZE_UI_PRESS_OPTION";
 const pointerTypes = new Set([
 	"keyboard",

package/dist/{press-types-CNqStzJf.d.mts → press-types-DfTNpqby.d.mts}

@@ -1,6 +1,6 @@
 import { MaybeRefOrGetter, ShallowRef } from "vue";
 
-//#region src/press-types.d.ts
+//#region src/families/interaction/press/press-types.d.ts
 /** Stable input family reported by a press interaction. */
 type PressPointerType = "keyboard" | "mouse" | "pen" | "pointer" | "touch" | "virtual";
 /** Lifecycle notification emitted by a press controller. */

package/dist/press.d.mts

@@ -1,14 +1,3 @@
-import { a as PressOptions, i as PressKeyboardBehavior, n as PressEvent, o as PressPointerType, r as PressEventType, s as PressProps, t as PressController } from "./press-types-CNqStzJf.mjs";
-
-//#region src/press.d.ts
-/**
- * Create an SSR-safe press normalizer for one host element.
- *
- * Spread the returned `pressProps` onto the host and call `dispose` when using
- * this factory outside a Vue effect scope. No DOM global is read at setup.
- */
-declare function createPress(options?: PressOptions): PressController;
-/** Create a press normalizer disposed with the current Vue effect scope. */
-declare function usePress(options?: PressOptions): PressController;
-//#endregion
+import { a as PressOptions, i as PressKeyboardBehavior, n as PressEvent, o as PressPointerType, r as PressEventType, s as PressProps, t as PressController } from "./press-types-DfTNpqby.mjs";
+import { n as usePress, t as createPress } from "./press-R0_juZq2.mjs";
 export { type PressController, type PressEvent, type PressEventType, type PressKeyboardBehavior, type PressOptions, type PressPointerType, type PressProps, createPress, usePress };

package/dist/press.mjs

@@ -1,2 +1,2 @@
-import { n as usePress, t as createPress } from "./press-N_mE3Mgx.mjs";
+import { n as usePress, t as createPress } from "./press-BjLm6bKg.mjs";
 export { createPress, usePress };

package/dist/{primitive-C8jW7DLd.d.mts → primitive-BE2mdUcw.d.mts}

@@ -1,6 +1,6 @@
 import { Component, ComponentPublicInstance } from "vue";
 
-//#region src/PrimitiveElement.vue.d.ts
+//#region src/families/foundations/primitive/primitive-element.vue.d.ts
 type __VLS_Props = {
   /**
    * Native element, custom element, or component to render.
@@ -22,7 +22,7 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-//#region src/primitive.d.ts
+//#region src/families/foundations/primitive/primitive.d.ts
 /** Native element, custom element, or component accepted by {@link Primitive}. */
 type PrimitiveAs = string | Component;
 /** Rendered value exposed by {@link Primitive}. */

package/dist/{primitive-BX31dogp.mjs → primitive-beb2EEOc.mjs}

@@ -1,9 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { createBlock, createSlots, defineComponent, openBlock, renderList, renderSlot, resolveDynamicComponent, useSlots, useTemplateRef, withCtx } from "vue";
 //#endregion
-//#region src/PrimitiveElement.vue
-var PrimitiveElement_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PrimitiveElement",
+//#region src/families/foundations/primitive/primitive-element.vue
+var primitive_element_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "primitive-element",
 	props: { as: {
 		type: null,
 		required: false,
@@ -29,6 +29,6 @@ var PrimitiveElement_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			})]), 1536);
 		};
 	}
-}), [["__scopeId", "data-v-6c8b649e"]]);
+}), [["__scopeId", "data-v-cb3f980e"]]);
 //#endregion
-export { PrimitiveElement_default as t };
+export { primitive_element_default as t };

package/dist/primitive.d.mts

@@ -1,2 +1,2 @@
-import { n as PrimitiveElement, r as _default, t as PrimitiveAs } from "./primitive-C8jW7DLd.mjs";
+import { n as PrimitiveElement, r as _default, t as PrimitiveAs } from "./primitive-BE2mdUcw.mjs";
 export { _default as Primitive, PrimitiveAs, PrimitiveElement };

package/dist/primitive.mjs

@@ -1,2 +1,2 @@
-import { t as PrimitiveElement_default } from "./primitive-BX31dogp.mjs";
-export { PrimitiveElement_default as Primitive };
+import { t as primitive_element_default } from "./primitive-beb2EEOc.mjs";
+export { primitive_element_default as Primitive };

package/dist/print-button-FqD5HqTV.mjs

@@ -0,0 +1,206 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, useTemplateRef, withCtx } from "vue";
+//#region src/families/actions/print-button/print-button.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	"data-vize-ui": "print-button-label",
+	part: "label"
+};
+const PRINT_BUTTON_ACTION_UNAVAILABLE = "VIZE_UI_PRINT_BUTTON_ACTION_UNAVAILABLE";
+//#endregion
+//#region src/families/actions/print-button/print-button.vue
+var print_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "print-button",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		},
+		native: {
+			type: Boolean,
+			required: false,
+			default: () => void 0
+		},
+		type: {
+			type: String,
+			required: false,
+			default: "button"
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		idleLabel: {
+			type: String,
+			required: false,
+			default: "Print"
+		},
+		printingLabel: {
+			type: String,
+			required: false,
+			default: "Printing"
+		},
+		printedLabel: {
+			type: String,
+			required: false,
+			default: "Printed"
+		},
+		errorLabel: {
+			type: String,
+			required: false,
+			default: "Print failed"
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaDescribedby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		action: {
+			type: Function,
+			required: false,
+			default: void 0
+		}
+	},
+	emits: ["print", "error"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const element = useTemplateRef("element");
+		const stateValue = shallowRef("idle");
+		const isNativeButton = computed(() => __props.native ?? __props.as === "button");
+		const buttonType = computed(() => __props.type);
+		const disabledValue = computed(() => __props.disabled);
+		const printingValue = computed(() => stateValue.value === "printing");
+		const unavailable = computed(() => disabledValue.value || printingValue.value);
+		const actionValue = computed(() => __props.action ?? printWithGlobal);
+		const label = computed(() => stateValue.value === "printing" ? __props.printingLabel : stateValue.value === "printed" ? __props.printedLabel : stateValue.value === "error" ? __props.errorLabel : __props.idleLabel);
+		const tabIndex = computed(() => {
+			if (isNativeButton.value) return void 0;
+			return disabledValue.value ? -1 : 0;
+		});
+		const ariaLabelValue = computed(() => hasText(__props.ariaLabel) ? __props.ariaLabel : void 0);
+		const ariaLabelledbyValue = computed(() => hasText(__props.ariaLabelledby) ? __props.ariaLabelledby : void 0);
+		const slotState = computed(() => ({
+			disabled: disabledValue.value,
+			label: label.value,
+			printing: printingValue.value,
+			state: stateValue.value,
+			unavailable: unavailable.value
+		}));
+		function onClick(event) {
+			if (unavailable.value) {
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				return;
+			}
+			runPrintAction(actionValue.value, event);
+		}
+		async function runPrintAction(submittedAction, event) {
+			stateValue.value = "printing";
+			try {
+				await submittedAction(event);
+				stateValue.value = "printed";
+				emit("print", event);
+			} catch (error) {
+				stateValue.value = "error";
+				emit("error", error, event);
+			}
+		}
+		function onKeyboard(event, phase) {
+			if (isNativeButton.value) return;
+			const keyboardAction = getPrintButtonKeyboardAction(event.key, phase);
+			if (keyboardAction === "ignore") return;
+			event.preventDefault();
+			if (unavailable.value) {
+				event.stopImmediatePropagation();
+				return;
+			}
+			if (keyboardAction === "activate" && event.currentTarget instanceof HTMLElement) event.currentTarget.click();
+		}
+		function onKeydown(event) {
+			onKeyboard(event, "keydown");
+		}
+		function onKeyup(event) {
+			onKeyboard(event, "keyup");
+		}
+		function getPrintButtonKeyboardAction(key, phase) {
+			if (key === "Enter") return phase === "keydown" ? "activate" : "ignore";
+			if (key === " ") return phase === "keydown" ? "prevent" : "activate";
+			return "ignore";
+		}
+		function focus(options) {
+			focusTarget(element.value, options);
+		}
+		function focusTarget(target, options) {
+			if (typeof target === "object" && target !== null && "focus" in target && typeof target.focus === "function") target.focus(options);
+		}
+		function printWithGlobal() {
+			const print = globalThis.print;
+			if (typeof print !== "function") throw new Error(PRINT_BUTTON_ACTION_UNAVAILABLE);
+			print.call(globalThis);
+		}
+		function hasText(nextValue) {
+			return nextValue != null && nextValue.trim().length > 0;
+		}
+		__expose({
+			disabled: disabledValue,
+			element,
+			focus,
+			label,
+			printing: printingValue,
+			state: stateValue,
+			unavailable
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				type: isNativeButton.value ? buttonType.value : void 0,
+				disabled: isNativeButton.value ? disabledValue.value : void 0,
+				role: isNativeButton.value ? void 0 : "button",
+				tabindex: tabIndex.value,
+				"aria-label": ariaLabelledbyValue.value === void 0 ? ariaLabelValue.value : void 0,
+				"aria-labelledby": ariaLabelledbyValue.value,
+				"aria-describedby": __props.ariaDescribedby,
+				"aria-disabled": unavailable.value && (!isNativeButton.value || printingValue.value) ? "true" : void 0,
+				"aria-busy": printingValue.value ? "true" : void 0,
+				"data-vize-ui": "print-button",
+				part: "root",
+				"data-state": stateValue.value,
+				"data-disabled": disabledValue.value ? "true" : void 0,
+				"data-printing": printingValue.value ? "true" : void 0,
+				onClick,
+				onKeydown,
+				onKeyup
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), () => [createElementVNode("span", _hoisted_1, toDisplayString(label.value), 1)], true)]),
+				_: 3
+			}, 40, [
+				"type",
+				"disabled",
+				"role",
+				"tabindex",
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"aria-disabled",
+				"aria-busy",
+				"data-state",
+				"data-disabled",
+				"data-printing"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-61550ffb"]]);
+//#endregion
+export { print_button_default as t };

package/dist/print-button.d.mts

@@ -0,0 +1,2 @@
+import { Ba as PrintButtonEmits, Fa as PrintButtonAction, Ga as PrintButtonSlots, Ha as PrintButtonPart, Ia as PrintButtonCssCustomProperty, Ka as PrintButtonState, La as PrintButtonDataAttribute, Pa as _default, Ra as PrintButtonDataName, Ua as PrintButtonProps, Va as PrintButtonExpose, Wa as PrintButtonSlotState, qa as PrintButtonType, za as PrintButtonElement } from "./announcer-DGr2Iz0i.mjs";
+export { _default as PrintButton, type PrintButtonAction, type PrintButtonCssCustomProperty, type PrintButtonDataAttribute, type PrintButtonDataName, type PrintButtonElement, type PrintButtonEmits, type PrintButtonExpose, type PrintButtonPart, type PrintButtonProps, type PrintButtonSlotState, type PrintButtonSlots, type PrintButtonState, type PrintButtonType };

package/dist/print-button.mjs

@@ -0,0 +1,2 @@
+import { t as print_button_default } from "./print-button-FqD5HqTV.mjs";
+export { print_button_default as PrintButton };