@sprawlify/vue 0.0.66 → 0.0.70

package/dist/components/popover/index.js

@@ -0,0 +1,486 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
+import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-DMa_QmB6.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-BK6rPXK7.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as popover from "@sprawlify/primitives/machines/popover";
+import { anatomy as popoverAnatomy } from "@sprawlify/primitives/machines/popover";
+
+//#region src/components/popover/use-popover-context.ts
+const [PopoverProvider, usePopoverContext] = createContext("PopoverContext");
+
+//#endregion
+//#region src/components/popover/popover-anchor.vue?vue&type=script&setup=true&lang.ts
+var popover_anchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-anchor",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(popover).getAnchorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-anchor.vue
+var popover_anchor_default = popover_anchor_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-arrow-tip.vue?vue&type=script&setup=true&lang.ts
+var popover_arrow_tip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-arrow-tip",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(popover).getArrowTipProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-arrow-tip.vue
+var popover_arrow_tip_default = popover_arrow_tip_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-arrow.vue?vue&type=script&setup=true&lang.ts
+var popover_arrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-arrow",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(popover).getArrowProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-arrow.vue
+var popover_arrow_default = popover_arrow_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-close-trigger.vue?vue&type=script&setup=true&lang.ts
+var popover_close_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-close-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(popover).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-close-trigger.vue
+var popover_close_trigger_default = popover_close_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-content.vue?vue&type=script&setup=true&lang.ts
+var popover_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	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(sprawlify).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/popover-content.vue
+var popover_content_default = popover_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-context.vue?vue&type=script&setup=true&lang.ts
+var popover_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-context",
+	setup(__props) {
+		const popover = usePopoverContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(popover))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-context.vue
+var popover_context_default = popover_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-description.vue?vue&type=script&setup=true&lang.ts
+var popover_description_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-description",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(popover).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-description.vue
+var popover_description_default = popover_description_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-indicator.vue?vue&type=script&setup=true&lang.ts
+var popover_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(popover).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-indicator.vue
+var popover_indicator_default = popover_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-positioner.vue?vue&type=script&setup=true&lang.ts
+var popover_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).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/popover-positioner.vue
+var popover_positioner_default = popover_positioner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-root-provider.vue?vue&type=script&setup=true&lang.ts
+var popover_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	},
+	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/popover-root-provider.vue
+var popover_root_provider_default = popover_root_provider_vue_vue_type_script_setup_true_lang_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);
+			},
+			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/popover-root.vue?vue&type=script&setup=true&lang.ts
+var popover_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		autoFocus: {
+			type: Boolean,
+			required: false
+		},
+		closeOnEscape: {
+			type: Boolean,
+			required: false
+		},
+		closeOnInteractOutside: {
+			type: Boolean,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		initialFocusEl: {
+			type: Function,
+			required: false
+		},
+		modal: {
+			type: Boolean,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false
+		},
+		persistentElements: {
+			type: Array,
+			required: false
+		},
+		portalled: {
+			type: Boolean,
+			required: false
+		},
+		positioning: {
+			type: null,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		autoFocus: void 0,
+		closeOnEscape: void 0,
+		closeOnInteractOutside: void 0,
+		defaultOpen: void 0,
+		modal: void 0,
+		open: void 0,
+		portalled: void 0
+	}),
+	emits: [
+		"escapeKeyDown",
+		"exitComplete",
+		"focusOutside",
+		"interactOutside",
+		"openChange",
+		"pointerDownOutside",
+		"requestDismiss",
+		"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/popover-root.vue
+var popover_root_default = popover_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-title.vue?vue&type=script&setup=true&lang.ts
+var popover_title_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-title",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(popover).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-title.vue
+var popover_title_default = popover_title_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover-trigger.vue?vue&type=script&setup=true&lang.ts
+var popover_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "popover-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const popover = usePopoverContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(popover).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/popover/popover-trigger.vue
+var popover_trigger_default = popover_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/popover/popover.ts
+var popover_exports = /* @__PURE__ */ __exportAll({
+	Anchor: () => popover_anchor_default,
+	Arrow: () => popover_arrow_default,
+	ArrowTip: () => popover_arrow_tip_default,
+	CloseTrigger: () => popover_close_trigger_default,
+	Content: () => popover_content_default,
+	Context: () => popover_context_default,
+	Description: () => popover_description_default,
+	Indicator: () => popover_indicator_default,
+	Positioner: () => popover_positioner_default,
+	Root: () => popover_root_default,
+	RootProvider: () => popover_root_provider_default,
+	Title: () => popover_title_default,
+	Trigger: () => popover_trigger_default
+});
+
+//#endregion
+export { popover_exports as Popover, popover_anchor_default as PopoverAnchor, popover_arrow_default as PopoverArrow, popover_arrow_tip_default as PopoverArrowTip, popover_close_trigger_default as PopoverCloseTrigger, popover_content_default as PopoverContent, popover_context_default as PopoverContext, popover_description_default as PopoverDescription, popover_indicator_default as PopoverIndicator, popover_positioner_default as PopoverPositioner, popover_root_default as PopoverRoot, popover_root_provider_default as PopoverRootProvider, popover_title_default as PopoverTitle, popover_trigger_default as PopoverTrigger, popoverAnatomy, usePopover, usePopoverContext };

package/dist/components/presence/index.d.ts

@@ -1,3 +1,3 @@
-import "../../factory-D_ge_w76.js";
-import { a as UsePresenceReturn, c as PresenceProps, i as UsePresenceProps, l as _default, n as UsePresenceContext, o as usePresence, r as usePresenceContext, s as PresenceEmits, t as PresenceProvider } from "../../index-rHf4D8np.js";
+import "../../factory-Dg6Whljf.js";
+import { a as UsePresenceReturn, c as PresenceProps, i as UsePresenceProps, l as _default, n as UsePresenceContext, o as usePresence, r as usePresenceContext, s as PresenceEmits, t as PresenceProvider } from "../../index-Cjk1WhUx.js";
 export { _default as Presence, PresenceEmits, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, usePresence, usePresenceContext };

package/dist/components/presence/index.js

@@ -1,6 +1,7 @@
 import "../../core-DNndr38p.js";
-import "../../use-forward-expose-4p5AGAI3.js";
-import "../../factory-BH3WrWd2.js";
-import { i as usePresence, n as PresenceProvider, r as usePresenceContext, t as presence_default } from "../../presence-CvUnYMZQ.js";
+import "../../create-context-Ds1GbsVc.js";
+import "../../use-forward-expose-CCAmHTUB.js";
+import "../../factory-Co08Aw8u.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext, t as presence_default } from "../../presence-BK6rPXK7.js";
 
 export { presence_default as Presence, PresenceProvider, usePresence, usePresenceContext };