@sprawlify/vue 0.0.65 → 0.0.67

package/dist/components/dialog/index.js

@@ -0,0 +1,433 @@
+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-B2CNPFg1.js";
+import { r as createContext, t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
+import { t as sprawlify } from "../../factory-BH3WrWd2.js";
+import { t as cleanProps } from "../../clean-props-BDv2zb5M.js";
+import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "../../use-render-strategy-BkxoN6ll.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-CvUnYMZQ.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as dialog from "@sprawlify/primitives/machines/dialog";
+import { anatomy as dialogAnatomy } from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/dialog/use-dialog-context.ts
+const [DialogProvider, useDialogContext] = createContext("DialogContext");
+
+//#endregion
+//#region src/components/dialog/dialog-backdrop.vue?vue&type=script&setup=true&lang.ts
+var dialog_backdrop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-backdrop",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	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(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/dialog/dialog-backdrop.vue
+var dialog_backdrop_default = dialog_backdrop_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.vue?vue&type=script&setup=true&lang.ts
+var dialog_close_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-close-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(dialog).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.vue
+var dialog_close_trigger_default = dialog_close_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-content.vue?vue&type=script&setup=true&lang.ts
+var dialog_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	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(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/dialog/dialog-content.vue
+var dialog_content_default = dialog_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-context.vue?vue&type=script&setup=true&lang.ts
+var dialog_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-context",
+	setup(__props) {
+		const dialog = useDialogContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(dialog))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dialog/dialog-context.vue
+var dialog_context_default = dialog_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-description.vue?vue&type=script&setup=true&lang.ts
+var dialog_description_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-description",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dialog).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dialog/dialog-description.vue
+var dialog_description_default = dialog_description_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-positioner.vue?vue&type=script&setup=true&lang.ts
+var dialog_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dialog = useDialogContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).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/dialog-positioner.vue
+var dialog_positioner_default = dialog_positioner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-root-provider.vue?vue&type=script&setup=true&lang.ts
+var dialog_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-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 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/dialog-root-provider.vue
+var dialog_root_provider_default = dialog_root_provider_vue_vue_type_script_setup_true_lang_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(props),
+			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);
+			},
+			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/dialog-root.vue?vue&type=script&setup=true&lang.ts
+var dialog_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		"aria-label": {
+			type: String,
+			required: false
+		},
+		closeOnEscape: {
+			type: Boolean,
+			required: false
+		},
+		closeOnInteractOutside: {
+			type: Boolean,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		finalFocusEl: {
+			type: Function,
+			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
+		},
+		preventScroll: {
+			type: Boolean,
+			required: false
+		},
+		restoreFocus: {
+			type: Boolean,
+			required: false
+		},
+		role: {
+			type: String,
+			required: false
+		},
+		trapFocus: {
+			type: Boolean,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		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",
+		"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/dialog-root.vue
+var dialog_root_default = dialog_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-title.vue?vue&type=script&setup=true&lang.ts
+var dialog_title_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-title",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).h2, mergeProps(unref(dialog).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dialog/dialog-title.vue
+var dialog_title_default = dialog_title_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog-trigger.vue?vue&type=script&setup=true&lang.ts
+var dialog_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dialog = useDialogContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(dialog).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dialog/dialog-trigger.vue
+var dialog_trigger_default = dialog_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => dialog_backdrop_default,
+	CloseTrigger: () => dialog_close_trigger_default,
+	Content: () => dialog_content_default,
+	Context: () => dialog_context_default,
+	Description: () => dialog_description_default,
+	Positioner: () => dialog_positioner_default,
+	Root: () => dialog_root_default,
+	RootProvider: () => dialog_root_provider_default,
+	Title: () => dialog_title_default,
+	Trigger: () => dialog_trigger_default
+});
+
+//#endregion
+export { dialog_exports as Dialog, dialog_backdrop_default as DialogBackdrop, dialog_close_trigger_default as DialogCloseTrigger, dialog_content_default as DialogContent, dialog_context_default as DialogContext, dialog_description_default as DialogDescription, dialog_positioner_default as DialogPositioner, dialog_root_default as DialogRoot, dialog_root_provider_default as DialogRootProvider, dialog_title_default as DialogTitle, dialog_trigger_default as DialogTrigger, dialogAnatomy, useDialog, useDialogContext };

package/dist/components/download-trigger/index.d.ts

@@ -0,0 +1,29 @@
+import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
+import { i as MaybePromise } from "../../types-Bj-dS2Hc.js";
+import * as vue253 from "vue";
+import { ButtonHTMLAttributes } from "vue";
+import { FileMimeType } from "@sprawlify/primitives/file-utils";
+
+//#region src/components/download-trigger/download-trigger.vue.d.ts
+type DownloadableData = string | Blob | File;
+interface DownloadTriggerBaseProps extends PolymorphicProps {
+  fileName: string;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+  mimeType: FileMimeType;
+}
+interface DownloadTriggerProps extends DownloadTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue253.DefineComponent<DownloadTriggerProps, {}, {}, {}, {}, vue253.ComponentOptionsMixin, vue253.ComponentOptionsMixin, {}, string, vue253.PublicProps, Readonly<DownloadTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue253.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps };

package/dist/components/download-trigger/index.js

@@ -0,0 +1,68 @@
+import "../../core-DNndr38p.js";
+import { c as useEnvironmentContext, s as DEFAULT_ENVIRONMENT } from "../../providers-B2CNPFg1.js";
+import { t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
+import { t as sprawlify } from "../../factory-BH3WrWd2.js";
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { downloadFile } from "@sprawlify/primitives/file-utils";
+
+//#region src/components/download-trigger/download-trigger.vue?vue&type=script&setup=true&lang.ts
+var download_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "download-trigger",
+	props: {
+		fileName: {
+			type: String,
+			required: true
+		},
+		data: {
+			type: [String, Function],
+			required: true,
+			skipCheck: true
+		},
+		mimeType: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+		const download = (data) => {
+			downloadFile({
+				file: data,
+				name: props.fileName,
+				type: props.mimeType,
+				win: env?.value.getWindow() || window
+			});
+		};
+		const handleClick = (e) => {
+			if (e.defaultPrevented) return;
+			if (typeof props.data === "function") {
+				const maybePromise = props.data();
+				if (maybePromise instanceof Promise) maybePromise.then((data) => download(data));
+				else download(maybePromise);
+			} else download(props.data);
+		};
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, {
+				"as-child": __props.asChild,
+				type: "button",
+				onClick: handleClick
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/download-trigger/download-trigger.vue
+var download_trigger_default = download_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { download_trigger_default as DownloadTrigger };