@wirekyt/vue 0.0.1 → 0.0.2

package/dist/dialog.d.ts

@@ -0,0 +1,272 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { t as RootEmits$1 } from "./types-rSRkzyd6.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { n as RenderStrategyProps } from "./index-Cc4qS0rQ.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as dialog from "@wirekyt/dom/machines/dialog";
+import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerProps, TriggerValueChangeDetails, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, anatomy as dialogAnatomy } from "@wirekyt/dom/machines/dialog";
+//#region src/components/dialog/backdrop.vue.d.ts
+interface DialogBackdropBaseProps extends PolymorphicProps {}
+interface DialogBackdropProps extends DialogBackdropBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<DialogBackdropProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogBackdropProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/close-trigger.vue.d.ts
+interface DialogCloseTriggerBaseProps extends PolymorphicProps {}
+interface DialogCloseTriggerProps extends DialogCloseTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$1: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<import("vue").DefineComponent<DialogCloseTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogCloseTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/content.vue.d.ts
+interface DialogContentBaseProps extends PolymorphicProps {}
+interface DialogContentProps extends DialogContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<import("vue").DefineComponent<DialogContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/description.vue.d.ts
+interface DialogDescriptionBaseProps extends PolymorphicProps {}
+interface DialogDescriptionProps extends DialogDescriptionBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<DialogDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/positioner.vue.d.ts
+interface DialogPositionerBaseProps extends PolymorphicProps {}
+interface DialogPositionerProps extends DialogPositionerBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<DialogPositionerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseDialogReturn>;
+}
+interface DialogRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {}
+interface DialogRootProviderProps extends DialogRootProviderBaseProps {}
+interface DialogRootProviderEmits extends RootEmits$1 {}
+declare const _default$7: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<DialogRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  exitComplete: () => any;
+}, string, import("vue").PublicProps, Readonly<DialogRootProviderProps> & Readonly<{
+  onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/types.d.ts
+interface RootProps {
+  "aria-label"?: string;
+  closeOnEscape?: boolean;
+  closeOnInteractOutside?: boolean;
+  defaultOpen?: boolean;
+  finalFocusEl?: () => HTMLElement | null;
+  id?: string;
+  ids?: Partial<{
+    trigger: string;
+    positioner: string;
+    backdrop: string;
+    content: string;
+    closeTrigger: string;
+    title: string;
+    description: string;
+  }>;
+  initialFocusEl?: () => HTMLElement | null;
+  modal?: boolean;
+  open?: boolean;
+  persistentElements?: (() => Element | null)[];
+  preventScroll?: boolean;
+  restoreFocus?: boolean;
+  role?: "dialog" | "alertdialog";
+  trapFocus?: boolean;
+  triggerValue?: string | null;
+  defaultTriggerValue?: string | null;
+}
+type RootEmits = {
+  escapeKeyDown: [event: KeyboardEvent];
+  exitComplete: [];
+  focusOutside: [event: dialog.FocusOutsideEvent];
+  interactOutside: [event: dialog.InteractOutsideEvent];
+  openChange: [details: dialog.OpenChangeDetails];
+  pointerDownOutside: [event: dialog.PointerDownOutsideEvent];
+  requestDismiss: [event: CustomEvent<{
+    originalLayer: HTMLElement;
+    targetLayer: HTMLElement | undefined;
+    originalIndex: number;
+    targetIndex: number;
+  }>];
+  triggerValueChange: [details: dialog.TriggerValueChangeDetails];
+  "update:open": [open: boolean];
+};
+//#endregion
+//#region src/components/dialog/root.vue.d.ts
+interface DialogRootBaseProps extends RootProps, RenderStrategyProps {}
+interface DialogRootProps extends DialogRootBaseProps {}
+interface DialogRootEmits extends RootEmits {}
+declare const _default$6: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<DialogRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  exitComplete: () => any;
+  openChange: (details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any;
+  "update:open": (open: boolean) => any;
+  focusOutside: (event: import("@wirekyt/dom/machines/popover").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/popover").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/popover").PointerDownOutsideEvent) => any;
+  triggerValueChange: (details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  requestDismiss: (event: CustomEvent<{
+    originalLayer: HTMLElement;
+    targetLayer: HTMLElement | undefined;
+    originalIndex: number;
+    targetIndex: number;
+  }>) => any;
+}, string, import("vue").PublicProps, Readonly<DialogRootProps> & Readonly<{
+  onExitComplete?: (() => any) | undefined;
+  onOpenChange?: ((details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/popover").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/popover").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/popover").PointerDownOutsideEvent) => any) | undefined;
+  onTriggerValueChange?: ((details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onRequestDismiss?: ((event: CustomEvent<{
+    originalLayer: HTMLElement;
+    targetLayer: HTMLElement | undefined;
+    originalIndex: number;
+    targetIndex: number;
+  }>) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  closeOnEscape: boolean;
+  closeOnInteractOutside: boolean;
+  modal: boolean;
+  preventScroll: boolean;
+  restoreFocus: boolean;
+  trapFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/title.vue.d.ts
+interface DialogTitleBaseProps extends PolymorphicProps {}
+interface DialogTitleProps extends DialogTitleBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$8: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<DialogTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialog/trigger.vue.d.ts
+interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {}
+interface DialogTriggerProps extends DialogTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, "value"> {}
+declare const _default$9: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace dialog_d_exports {
+  export { _default as Backdrop, DialogBackdropBaseProps as BackdropBaseProps, DialogBackdropProps as BackdropProps, _default$1 as CloseTrigger, DialogCloseTriggerBaseProps as CloseTriggerBaseProps, DialogCloseTriggerProps as CloseTriggerProps, _default$2 as Content, DialogContentBaseProps as ContentBaseProps, DialogContentProps as ContentProps, _default$3 as Context, DialogContextProps as ContextProps, _default$4 as Description, DialogDescriptionBaseProps as DescriptionBaseProps, DialogDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, _default$5 as Positioner, DialogPositionerBaseProps as PositionerBaseProps, DialogPositionerProps as PositionerProps, _default$6 as Root, DialogRootBaseProps as RootBaseProps, DialogRootEmits as RootEmits, DialogRootProps as RootProps, _default$7 as RootProvider, DialogRootProviderBaseProps as RootProviderBaseProps, DialogRootProviderProps as RootProviderProps, _default$8 as Title, DialogTitleBaseProps as TitleBaseProps, DialogTitleProps as TitleProps, _default$9 as Trigger, DialogTriggerBaseProps as TriggerBaseProps, DialogTriggerProps as TriggerProps, TriggerValueChangeDetails };
+}
+//#endregion
+//#region src/components/dialog/use-dialog.d.ts
+interface UseDialogProps extends Optional<Omit<dialog.Props, "dir" | "getRootNode">, "id"> {}
+interface UseDialogReturn extends ComputedRef<dialog.Api<PropTypes>> {}
+declare const useDialog: (props?: MaybeRef<UseDialogProps>, emit?: EmitFn$1<DialogRootEmits>) => ComputedRef<dialog.Api<PropTypes>>;
+//#endregion
+//#region src/components/dialog/use-context.d.ts
+interface UseDialogContext extends UseDialogReturn {}
+declare const DialogProvider: (opts: UseDialogContext) => void, useDialogContext: (fallback?: UseDialogContext | undefined) => UseDialogContext;
+//#endregion
+//#region src/components/dialog/context.vue.d.ts
+interface DialogContextProps extends SlotsType<{
+  default: UnwrapRef<UseDialogContext>;
+}> {}
+declare const _default$3: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(dialog: UnwrapRef<UseDialogContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { dialog_d_exports as Dialog, _default as DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, _default$1 as DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, _default$2 as DialogContent, type DialogContentBaseProps, type DialogContentProps, _default$3 as DialogContext, type DialogContextProps, _default$4 as DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, type DialogFocusOutsideEvent, type DialogInteractOutsideEvent, type DialogOpenChangeDetails, type DialogPointerDownOutsideEvent, _default$5 as DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, _default$6 as DialogRoot, type DialogRootBaseProps, type DialogRootEmits, type DialogRootProps, _default$7 as DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderEmits, type DialogRootProviderProps, _default$8 as DialogTitle, type DialogTitleBaseProps, type DialogTitleProps, _default$9 as DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps, type DialogTriggerValueChangeDetails, type UseDialogContext, type UseDialogProps, type UseDialogReturn, dialogAnatomy, useDialog, useDialogContext };

package/dist/dialog.js

@@ -0,0 +1,308 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$1, c as normalizeProps$1, d as useForwardExpose, m as createContext, n as RenderStrategyPropsProvider, r as useRenderStrategyProps, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { n as PresenceProvider, r as usePresenceContext } from "./presence-jaHZaD_O.js";
+import { t as usePresence } from "./use-presence-oNdFU2c2.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as dialog from "@wirekyt/dom/machines/dialog";
+import { anatomy as dialogAnatomy } from "@wirekyt/dom/machines/dialog";
+//#region src/components/dialog/use-context.ts
+const [DialogProvider, useDialogContext] = createContext("DialogContext");
+//#endregion
+//#region src/components/dialog/backdrop.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "backdrop",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const dialog = useDialogContext();
+		const renderStrategy = useRenderStrategyProps();
+		const presence = usePresence(computed(() => ({
+			...renderStrategy.value,
+			present: dialog.value.open
+		})));
+		const mergedProps = computed(() => mergeProps$1(dialog.value.getBackdropProps(), presence.value.presenceProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/close-trigger.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "close-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(dialog).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/content.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const dialog = useDialogContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(dialog.value.getContentProps(), presence.value.presenceProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/context.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const dialog = useDialogContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(dialog))));
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/description.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "description",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(dialog).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/positioner.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const dialog = useDialogContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, unref(dialog).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/root-provider.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	},
+	emits: ["exitComplete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const dialog = computed(() => props.value);
+		const presence = usePresence(computed(() => ({
+			present: dialog.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		DialogProvider(dialog);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/use-dialog.ts
+const useDialog = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localeProps.onOpenChange?.(details);
+			},
+			onTriggerValueChange: (details) => {
+				emit?.("triggerValueChange", details);
+				localeProps.onTriggerValueChange?.(details);
+			},
+			onEscapeKeyDown: (details) => {
+				emit?.("escapeKeyDown", details);
+				localeProps.onEscapeKeyDown?.(details);
+			},
+			onFocusOutside: (details) => {
+				emit?.("focusOutside", details);
+				localeProps.onFocusOutside?.(details);
+			},
+			onInteractOutside: (details) => {
+				emit?.("interactOutside", details);
+				localeProps.onInteractOutside?.(details);
+			},
+			onPointerDownOutside: (details) => {
+				emit?.("pointerDownOutside", details);
+				localeProps.onPointerDownOutside?.(details);
+			},
+			onRequestDismiss: (details) => {
+				emit?.("requestDismiss", details);
+				localeProps.onRequestDismiss?.(details);
+			}
+		};
+	});
+	const service = useMachine(dialog.machine, context);
+	return computed(() => dialog.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/dialog/root.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		"aria-label": {},
+		closeOnEscape: { type: Boolean },
+		closeOnInteractOutside: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		finalFocusEl: { type: Function },
+		id: {},
+		ids: {},
+		initialFocusEl: { type: Function },
+		modal: { type: Boolean },
+		open: { type: Boolean },
+		persistentElements: {},
+		preventScroll: { type: Boolean },
+		restoreFocus: { type: Boolean },
+		role: {},
+		trapFocus: { type: Boolean },
+		triggerValue: {},
+		defaultTriggerValue: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	}, {
+		closeOnEscape: void 0,
+		closeOnInteractOutside: void 0,
+		defaultOpen: void 0,
+		modal: void 0,
+		open: void 0,
+		preventScroll: void 0,
+		restoreFocus: void 0,
+		trapFocus: void 0
+	}),
+	emits: [
+		"escapeKeyDown",
+		"exitComplete",
+		"focusOutside",
+		"interactOutside",
+		"openChange",
+		"pointerDownOutside",
+		"requestDismiss",
+		"triggerValueChange",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const dialog = useDialog(props, emits);
+		const presence = usePresence(computed(() => ({
+			present: dialog.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		DialogProvider(dialog);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/title.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "title",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).h2, mergeProps(unref(dialog).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/trigger.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "trigger",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(dialog).getTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => _sfc_main,
+	CloseTrigger: () => _sfc_main$1,
+	Content: () => _sfc_main$2,
+	Context: () => _sfc_main$3,
+	Description: () => _sfc_main$4,
+	Positioner: () => _sfc_main$5,
+	Root: () => _sfc_main$6,
+	RootProvider: () => _sfc_main$7,
+	Title: () => _sfc_main$8,
+	Trigger: () => _sfc_main$9
+});
+//#endregion
+export { dialog_exports as Dialog, _sfc_main as DialogBackdrop, _sfc_main$1 as DialogCloseTrigger, _sfc_main$2 as DialogContent, _sfc_main$3 as DialogContext, _sfc_main$4 as DialogDescription, _sfc_main$5 as DialogPositioner, _sfc_main$6 as DialogRoot, _sfc_main$7 as DialogRootProvider, _sfc_main$8 as DialogTitle, _sfc_main$9 as DialogTrigger, dialogAnatomy, useDialog, useDialogContext };

package/dist/download-trigger.cjs

@@ -0,0 +1,65 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_file_utils = require("@wirekyt/dom/file-utils");
+//#region src/components/download-trigger/use-download.ts
+const useDownload = (props) => {
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const download = () => {
+		const { fileName, mimeType, data } = (0, vue.toValue)(props);
+		const win = env?.value.getWindow() || window;
+		const saveToDisk = (value) => {
+			(0, _wirekyt_dom_file_utils.downloadFile)({
+				file: value,
+				name: fileName,
+				type: mimeType,
+				win
+			});
+		};
+		if (typeof data === "function") {
+			const maybePromise = data();
+			if (maybePromise instanceof Promise) maybePromise.then(saveToDisk);
+			else saveToDisk(maybePromise);
+		} else saveToDisk(data);
+	};
+	return { download };
+};
+//#endregion
+//#region src/components/download-trigger/download-trigger.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "download-trigger",
+	props: {
+		asChild: { type: Boolean },
+		fileName: {},
+		mimeType: {},
+		data: { type: [String, Function] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { download } = useDownload(() => ({
+			fileName: props.fileName,
+			mimeType: props.mimeType,
+			data: props.data
+		}));
+		const handleClick = (e) => {
+			if (e.defaultPrevented) return;
+			download();
+		};
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, {
+				"as-child": __props.asChild,
+				type: "button",
+				onClick: handleClick
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+//#endregion
+exports.DownloadTrigger = _sfc_main;
+exports.useDownload = useDownload;

package/dist/download-trigger.d.cts

@@ -0,0 +1,34 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { a as MaybePromise } from "./index-B-o8jLyV.cjs";
+import { ButtonHTMLAttributes, MaybeRefOrGetter } from "vue";
+import { FileMimeType } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use-download.d.ts
+type DownloadableData = string | Blob | File;
+interface UseDownloadProps {
+  fileName: string;
+  mimeType: FileMimeType;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+}
+interface UseDownloadReturn {
+  download: () => void;
+}
+declare const useDownload: (props: MaybeRefOrGetter<UseDownloadProps>) => UseDownloadReturn;
+//#endregion
+//#region src/components/download-trigger/download-trigger.vue.d.ts
+interface DownloadTriggerBaseProps extends PolymorphicProps, UseDownloadProps {}
+interface DownloadTriggerProps extends DownloadTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DownloadTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DownloadTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };