@wirekyt/vue 0.0.1 → 0.0.3

package/dist/floating-panel.js

@@ -0,0 +1,383 @@
+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, 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 floatingPanel from "@wirekyt/dom/machines/floating-panel";
+import { anatomy as floatingPanelAnatomy, resizeTriggerAxes } from "@wirekyt/dom/machines/floating-panel";
+//#region src/components/floating-panel/use-context.ts
+const [FloatingPanelProvider, useFloatingPanelContext] = createContext("FloatingPanelContext");
+//#endregion
+//#region src/components/floating-panel/body.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "body",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(floatingPanel).getBodyProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/close-trigger.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "close-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(floatingPanel).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/content.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(floatingPanel.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/floating-panel/context.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(floatingPanel))));
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/drag-trigger.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "drag-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(floatingPanel).getDragTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/header.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "header",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(floatingPanel).getHeaderProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/positioner.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, unref(floatingPanel).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/resize-trigger.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "resize-trigger",
+	props: {
+		axis: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(floatingPanel).getResizeTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/stage-trigger.vue
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
+	__name: "stage-trigger",
+	props: {
+		stage: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(floatingPanel).getStageTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/use-floating-panel.ts
+const useFloatingPanel = (props = {}, emit) => {
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const id = useId();
+	const machineProps = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale?.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localProps.onOpenChange?.(details);
+			},
+			onSizeChange(details) {
+				emit?.("sizeChange", details);
+				emit?.("update:size", details.size);
+				localProps.onSizeChange?.(details);
+			},
+			onPositionChange(details) {
+				emit?.("positionChange", details);
+				emit?.("update:position", details.position);
+				localProps.onPositionChange?.(details);
+			},
+			onPositionChangeEnd(details) {
+				emit?.("positionChangeEnd", details);
+				localProps.onPositionChangeEnd?.(details);
+			},
+			onSizeChangeEnd(details) {
+				emit?.("sizeChangeEnd", details);
+				localProps.onSizeChangeEnd?.(details);
+			},
+			onStageChange(details) {
+				emit?.("stageChange", details);
+				localProps.onStageChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(floatingPanel.machine, machineProps);
+	return computed(() => floatingPanel.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/floating-panel/root.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		allowOverflow: { type: Boolean },
+		closeOnEscape: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		defaultPosition: {},
+		defaultSize: {},
+		dir: {},
+		disabled: { type: Boolean },
+		draggable: { type: Boolean },
+		getAnchorPosition: { type: Function },
+		getBoundaryEl: { type: Function },
+		gridSize: {},
+		finalFocusEl: { type: Function },
+		id: {},
+		initialFocusEl: { type: Function },
+		ids: {},
+		lockAspectRatio: { type: Boolean },
+		maxSize: {},
+		minSize: {},
+		open: { type: Boolean },
+		persistRect: { type: Boolean },
+		position: {},
+		resizable: { type: Boolean },
+		restoreFocus: { type: Boolean },
+		size: {},
+		strategy: {},
+		translations: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	}, {
+		closeOnEscape: void 0,
+		defaultOpen: void 0,
+		open: void 0,
+		lockAspectRatio: void 0,
+		persistRect: void 0,
+		resizable: void 0,
+		restoreFocus: void 0,
+		allowOverflow: void 0,
+		disabled: void 0,
+		draggable: void 0
+	}),
+	emits: [
+		"exitComplete",
+		"openChange",
+		"update:open",
+		"positionChange",
+		"update:position",
+		"positionChangeEnd",
+		"sizeChange",
+		"update:size",
+		"sizeChangeEnd",
+		"stageChange"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const floatingPanel = useFloatingPanel(props, emits);
+		FloatingPanelProvider(floatingPanel);
+		PresenceProvider(usePresence(computed(() => ({
+			present: floatingPanel.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/root-provider.vue
+const _sfc_main$10 = /*@__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 floatingPanel = computed(() => props.value);
+		FloatingPanelProvider(floatingPanel);
+		PresenceProvider(usePresence(computed(() => ({
+			present: floatingPanel.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/title.vue
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
+	__name: "title",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).h2, mergeProps(unref(floatingPanel).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/trigger.vue
+const _sfc_main$13 = /*@__PURE__*/ defineComponent({
+	__name: "trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		const presence = usePresenceContext();
+		const triggerProps = computed(() => {
+			const localProps = floatingPanel.value.getTriggerProps();
+			return {
+				...localProps,
+				"aria-controls": presence.value.unmounted ? void 0 : localProps["aria-controls"]
+			};
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(triggerProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/control.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(floatingPanel).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = /* @__PURE__ */ __exportAll({
+	Body: () => _sfc_main,
+	CloseTrigger: () => _sfc_main$1,
+	Content: () => _sfc_main$2,
+	Context: () => _sfc_main$3,
+	Control: () => _sfc_main$4,
+	DragTrigger: () => _sfc_main$5,
+	Header: () => _sfc_main$6,
+	Positioner: () => _sfc_main$7,
+	ResizeTrigger: () => _sfc_main$8,
+	Root: () => _sfc_main$9,
+	RootProvider: () => _sfc_main$10,
+	StageTrigger: () => _sfc_main$11,
+	Title: () => _sfc_main$12,
+	Trigger: () => _sfc_main$13,
+	resizeTriggerAxes: () => resizeTriggerAxes
+});
+//#endregion
+export { floating_panel_exports as FloatingPanel, _sfc_main as FloatingPanelBody, _sfc_main$1 as FloatingPanelCloseTrigger, _sfc_main$2 as FloatingPanelContent, _sfc_main$3 as FloatingPanelContext, _sfc_main$4 as FloatingPanelControl, _sfc_main$5 as FloatingPanelDragTrigger, _sfc_main$6 as FloatingPanelHeader, _sfc_main$7 as FloatingPanelPositioner, _sfc_main$8 as FloatingPanelResizeTrigger, _sfc_main$9 as FloatingPanelRoot, _sfc_main$10 as FloatingPanelRootProvider, _sfc_main$11 as FloatingPanelStageTrigger, _sfc_main$12 as FloatingPanelTitle, _sfc_main$13 as FloatingPanelTrigger, floatingPanelAnatomy, useFloatingPanel, useFloatingPanelContext };

package/dist/focus-trap.cjs

@@ -0,0 +1,79 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_focus_trap = require("@wirekyt/dom/focus-trap");
+//#region src/components/focus-trap/focus-trap.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "focus-trap",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		initialFocus: {
+			type: [
+				String,
+				Boolean,
+				Function
+			],
+			default: void 0
+		},
+		fallbackFocus: {
+			type: [String, Function],
+			default: void 0
+		},
+		returnFocusOnDeactivate: {
+			type: Boolean,
+			default: void 0
+		},
+		setReturnFocus: {
+			type: [
+				String,
+				Boolean,
+				Function
+			],
+			default: void 0
+		},
+		asChild: { type: Boolean }
+	},
+	emits: ["activate", "deactivate"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const nodeRef = (0, vue.ref)(null);
+		let cleanup;
+		(0, vue.watchEffect)(() => {
+			if (props.disabled) return;
+			if (!nodeRef.value) return;
+			const node = nodeRef.value.$el ? nodeRef.value.$el : nodeRef.value;
+			if (!node) return;
+			const autoFocusNode = node.querySelector("[autofocus], [data-autofocus]");
+			const trapProps = require_clean_props.cleanProps(props);
+			trapProps.initialFocus ||= autoFocusNode ?? void 0;
+			cleanup = (0, _wirekyt_dom_focus_trap.trapFocus)(node, {
+				...trapProps,
+				onActivate: () => emits("activate"),
+				onDeactivate: () => emits("deactivate")
+			});
+			(0, vue.onWatcherCleanup)(() => cleanup?.());
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			cleanup?.();
+		});
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, {
+				ref_key: "nodeRef",
+				ref: nodeRef,
+				"as-child": __props.asChild
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+//#endregion
+exports.FocusTrap = _sfc_main;

package/dist/focus-trap.d.cts

@@ -0,0 +1,46 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { HTMLAttributes } from "vue";
+//#region src/components/focus-trap/types.d.ts
+type FocusableElement = HTMLElement | SVGElement;
+type FocusTargetValue = FocusableElement | string;
+type FocusTarget = FocusTargetValue | (() => FocusTargetValue);
+type FocusTargetValueOrFalse = FocusTargetValue | false;
+type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
+interface BaseProps {
+  disabled?: boolean;
+  initialFocus?: FocusTargetOrFalse | undefined | VoidFunction;
+  fallbackFocus?: FocusTarget;
+  returnFocusOnDeactivate?: boolean;
+  setReturnFocus?: FocusTargetValueOrFalse | ((node: FocusableElement) => FocusTargetValueOrFalse);
+}
+//#endregion
+//#region src/components/focus-trap/focus-trap.vue.d.ts
+interface FocusTrapBaseProps extends BaseProps, PolymorphicProps {}
+interface FocusTrapProps extends FocusTrapBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FocusTrapProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  activate: () => any;
+  deactivate: () => any;
+}, string, import("vue").PublicProps, Readonly<FocusTrapProps> & Readonly<{
+  onActivate?: (() => any) | undefined;
+  onDeactivate?: (() => any) | undefined;
+}>, {
+  disabled: boolean;
+  initialFocus: ((false | (string | (HTMLElement | SVGElement))) | (() => false | (string | (HTMLElement | SVGElement)))) | VoidFunction;
+  fallbackFocus: (string | (HTMLElement | SVGElement)) | (() => string | (HTMLElement | SVGElement));
+  returnFocusOnDeactivate: boolean;
+  setReturnFocus: (false | (string | (HTMLElement | SVGElement))) | ((node: HTMLElement | SVGElement) => false | (string | (HTMLElement | SVGElement)));
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as FocusTrap, type FocusTrapBaseProps, type FocusTrapProps };

package/dist/focus-trap.d.ts

@@ -0,0 +1,46 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { HTMLAttributes } from "vue";
+//#region src/components/focus-trap/types.d.ts
+type FocusableElement = HTMLElement | SVGElement;
+type FocusTargetValue = FocusableElement | string;
+type FocusTarget = FocusTargetValue | (() => FocusTargetValue);
+type FocusTargetValueOrFalse = FocusTargetValue | false;
+type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
+interface BaseProps {
+  disabled?: boolean;
+  initialFocus?: FocusTargetOrFalse | undefined | VoidFunction;
+  fallbackFocus?: FocusTarget;
+  returnFocusOnDeactivate?: boolean;
+  setReturnFocus?: FocusTargetValueOrFalse | ((node: FocusableElement) => FocusTargetValueOrFalse);
+}
+//#endregion
+//#region src/components/focus-trap/focus-trap.vue.d.ts
+interface FocusTrapBaseProps extends BaseProps, PolymorphicProps {}
+interface FocusTrapProps extends FocusTrapBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FocusTrapProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  activate: () => any;
+  deactivate: () => any;
+}, string, import("vue").PublicProps, Readonly<FocusTrapProps> & Readonly<{
+  onActivate?: (() => any) | undefined;
+  onDeactivate?: (() => any) | undefined;
+}>, {
+  disabled: boolean;
+  initialFocus: ((false | (string | (HTMLElement | SVGElement))) | (() => false | (string | (HTMLElement | SVGElement)))) | VoidFunction;
+  fallbackFocus: (string | (HTMLElement | SVGElement)) | (() => string | (HTMLElement | SVGElement));
+  returnFocusOnDeactivate: boolean;
+  setReturnFocus: (false | (string | (HTMLElement | SVGElement))) | ((node: HTMLElement | SVGElement) => false | (string | (HTMLElement | SVGElement)));
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as FocusTrap, type FocusTrapBaseProps, type FocusTrapProps };

package/dist/focus-trap.js

@@ -0,0 +1,78 @@
+import { d as useForwardExpose } from "./utils-D95V66v9.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { createBlock, defineComponent, onBeforeUnmount, onWatcherCleanup, openBlock, ref, renderSlot, unref, watchEffect, withCtx } from "vue";
+import { trapFocus } from "@wirekyt/dom/focus-trap";
+//#region src/components/focus-trap/focus-trap.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "focus-trap",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		initialFocus: {
+			type: [
+				String,
+				Boolean,
+				Function
+			],
+			default: void 0
+		},
+		fallbackFocus: {
+			type: [String, Function],
+			default: void 0
+		},
+		returnFocusOnDeactivate: {
+			type: Boolean,
+			default: void 0
+		},
+		setReturnFocus: {
+			type: [
+				String,
+				Boolean,
+				Function
+			],
+			default: void 0
+		},
+		asChild: { type: Boolean }
+	},
+	emits: ["activate", "deactivate"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const nodeRef = ref(null);
+		let cleanup;
+		watchEffect(() => {
+			if (props.disabled) return;
+			if (!nodeRef.value) return;
+			const node = nodeRef.value.$el ? nodeRef.value.$el : nodeRef.value;
+			if (!node) return;
+			const autoFocusNode = node.querySelector("[autofocus], [data-autofocus]");
+			const trapProps = cleanProps(props);
+			trapProps.initialFocus ||= autoFocusNode ?? void 0;
+			cleanup = trapFocus(node, {
+				...trapProps,
+				onActivate: () => emits("activate"),
+				onDeactivate: () => emits("deactivate")
+			});
+			onWatcherCleanup(() => cleanup?.());
+		});
+		onBeforeUnmount(() => {
+			cleanup?.();
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, {
+				ref_key: "nodeRef",
+				ref: nodeRef,
+				"as-child": __props.asChild
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as FocusTrap };