@wirekyt/vue 0.0.1 → 0.0.3

package/dist/popover.js

@@ -0,0 +1,349 @@
+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, 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 popover from "@wirekyt/dom/machines/popover";
+import { anatomy as popoverAnatomy } from "@wirekyt/dom/machines/popover";
+//#region src/components/popover/use-context.ts
+const [PopoverProvider, usePopoverContext] = createContext("PopoverContext");
+//#endregion
+//#region src/components/popover/anchor.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "anchor",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(popover).getAnchorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/arrow-tip.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "arrow-tip",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(popover).getArrowTipProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/arrow.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "arrow",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(popover).getArrowProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/close-trigger.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "close-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(popover).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/content.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(popover.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/popover/context.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const popover = usePopoverContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(popover))));
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/description.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "description",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(popover).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/indicator.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(popover).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/positioner.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, unref(popover).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/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 popover = computed(() => props.value);
+		const presence = usePresence(computed(() => ({
+			present: popover.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		PopoverProvider(popover);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/use-popover.ts
+const usePopover = (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);
+			}
+		};
+	});
+	const service = useMachine(popover.machine, context);
+	return computed(() => popover.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/popover/root.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		autoFocus: { type: Boolean },
+		closeOnEscape: { type: Boolean },
+		closeOnInteractOutside: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		finalFocusEl: { type: Function },
+		id: {},
+		ids: {},
+		initialFocusEl: { type: Function },
+		modal: { type: Boolean },
+		open: { type: Boolean },
+		persistentElements: {},
+		portalled: { type: Boolean },
+		positioning: {},
+		restoreFocus: { type: Boolean },
+		translations: {},
+		triggerValue: {},
+		defaultTriggerValue: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean }
+	}, {
+		autoFocus: void 0,
+		closeOnEscape: void 0,
+		closeOnInteractOutside: void 0,
+		defaultOpen: void 0,
+		modal: void 0,
+		open: void 0,
+		portalled: void 0,
+		restoreFocus: void 0
+	}),
+	emits: [
+		"escapeKeyDown",
+		"exitComplete",
+		"focusOutside",
+		"interactOutside",
+		"openChange",
+		"pointerDownOutside",
+		"requestDismiss",
+		"triggerValueChange",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const popover = usePopover(props, emits);
+		const presence = usePresence(computed(() => ({
+			present: popover.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		PopoverProvider(popover);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/title.vue
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
+	__name: "title",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(popover).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/trigger.vue
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
+	__name: "trigger",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(popover).getTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/popover.ts
+var popover_exports = /* @__PURE__ */ __exportAll({
+	Anchor: () => _sfc_main,
+	Arrow: () => _sfc_main$1,
+	ArrowTip: () => _sfc_main$2,
+	CloseTrigger: () => _sfc_main$3,
+	Content: () => _sfc_main$4,
+	Context: () => _sfc_main$5,
+	Description: () => _sfc_main$6,
+	Indicator: () => _sfc_main$7,
+	Positioner: () => _sfc_main$8,
+	Root: () => _sfc_main$9,
+	RootProvider: () => _sfc_main$10,
+	Title: () => _sfc_main$11,
+	Trigger: () => _sfc_main$12
+});
+//#endregion
+export { popover_exports as Popover, _sfc_main as PopoverAnchor, _sfc_main$1 as PopoverArrow, _sfc_main$2 as PopoverArrowTip, _sfc_main$3 as PopoverCloseTrigger, _sfc_main$4 as PopoverContent, _sfc_main$5 as PopoverContext, _sfc_main$6 as PopoverDescription, _sfc_main$7 as PopoverIndicator, _sfc_main$8 as PopoverPositioner, _sfc_main$9 as PopoverRoot, _sfc_main$10 as PopoverRootProvider, _sfc_main$11 as PopoverTitle, _sfc_main$12 as PopoverTrigger, popoverAnatomy, usePopover, usePopoverContext };

package/dist/presence-DD3l4Tgb.cjs

@@ -0,0 +1,60 @@
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
+let vue = require("vue");
+//#region src/components/presence/use-context.ts
+const [PresenceProvider, usePresenceContext] = require_utils.createContext("PresenceContext");
+//#endregion
+//#region src/components/presence/presence.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "presence",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		immediate: { type: Boolean },
+		lazyMount: { type: Boolean },
+		present: { type: Boolean },
+		skipAnimationOnMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		immediate: void 0,
+		lazyMount: void 0,
+		present: void 0,
+		skipAnimationOnMount: void 0,
+		unmountOnExit: void 0
+	}),
+	emits: ["exitComplete"],
+	setup(__props, { emit: __emit }) {
+		const presence = require_use_presence.usePresence(__props, __emit);
+		PresenceProvider(presence);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(presence).presenceProps, {
+				"as-child": __props.asChild,
+				"data-scope": "presence",
+				"data-part": "root"
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "PresenceProvider", {
+	enumerable: true,
+	get: function() {
+		return PresenceProvider;
+	}
+});
+Object.defineProperty(exports, "_sfc_main", {
+	enumerable: true,
+	get: function() {
+		return _sfc_main;
+	}
+});
+Object.defineProperty(exports, "usePresenceContext", {
+	enumerable: true,
+	get: function() {
+		return usePresenceContext;
+	}
+});

package/dist/presence-jaHZaD_O.js

@@ -0,0 +1,43 @@
+import { d as useForwardExpose, m as createContext } from "./utils-D95V66v9.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { t as usePresence } from "./use-presence-oNdFU2c2.js";
+import { createBlock, createCommentVNode, defineComponent, mergeDefaults, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/presence/use-context.ts
+const [PresenceProvider, usePresenceContext] = createContext("PresenceContext");
+//#endregion
+//#region src/components/presence/presence.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "presence",
+	props: /*@__PURE__*/ mergeDefaults({
+		immediate: { type: Boolean },
+		lazyMount: { type: Boolean },
+		present: { type: Boolean },
+		skipAnimationOnMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		immediate: void 0,
+		lazyMount: void 0,
+		present: void 0,
+		skipAnimationOnMount: void 0,
+		unmountOnExit: void 0
+	}),
+	emits: ["exitComplete"],
+	setup(__props, { emit: __emit }) {
+		const presence = usePresence(__props, __emit);
+		PresenceProvider(presence);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, unref(presence).presenceProps, {
+				"as-child": __props.asChild,
+				"data-scope": "presence",
+				"data-part": "root"
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { PresenceProvider as n, usePresenceContext as r, _sfc_main as t };

package/dist/presence.cjs

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_presence = require("./presence-DD3l4Tgb.cjs");
+const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
+exports.Presence = require_presence._sfc_main;
+exports.PresenceProvider = require_presence.PresenceProvider;
+exports.usePresence = require_use_presence.usePresence;
+exports.usePresenceContext = require_presence.usePresenceContext;

package/dist/presence.d.cts

@@ -0,0 +1,3 @@
+import { a as PresenceProps, i as PresenceEmits, n as UsePresenceContext, o as _default, r as usePresenceContext, t as PresenceProvider } from "./index-vIbTjrJ-.cjs";
+import { n as UsePresenceReturn, r as usePresence, t as UsePresenceProps } from "./use-presence-BSp_dR-C.cjs";
+export { _default as Presence, type PresenceEmits, type PresenceProps, PresenceProvider, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, usePresence, usePresenceContext };

package/dist/presence.d.ts

@@ -0,0 +1,3 @@
+import { a as PresenceProps, i as PresenceEmits, n as UsePresenceContext, o as _default, r as usePresenceContext, t as PresenceProvider } from "./index-DaLvr6SW.js";
+import { n as UsePresenceReturn, r as usePresence, t as UsePresenceProps } from "./use-presence-DkGU_j9h.js";
+export { _default as Presence, type PresenceEmits, type PresenceProps, PresenceProvider, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, usePresence, usePresenceContext };

package/dist/presence.js

@@ -0,0 +1,3 @@
+import { n as PresenceProvider, r as usePresenceContext, t as _sfc_main } from "./presence-jaHZaD_O.js";
+import { t as usePresence } from "./use-presence-oNdFU2c2.js";
+export { _sfc_main as Presence, PresenceProvider, usePresence, usePresenceContext };