arvue-ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,155 @@
+import { HTMLAttributes } from "vue";
+import { DialogCloseProps as DialogCloseProps$1, DialogContentEmits as DialogContentEmits$1, DialogContentProps as DialogContentProps$1, DialogDescriptionProps as DialogDescriptionProps$1, DialogOverlayProps as DialogOverlayProps$1, DialogRootEmits, DialogRootProps, DialogTitleProps as DialogTitleProps$1, DialogTriggerProps as DialogTriggerProps$1 } from "reka-ui";
+
+//#region src/dialog/Dialog.vue.d.ts
+interface DialogProps extends DialogRootProps {
+  class?: HTMLAttributes['class'];
+}
+interface DialogEmits extends DialogRootEmits {}
+declare const _default: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {
+    open: boolean;
+    close: () => void;
+  }) => any;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=Dialog.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogClose.vue.d.ts
+interface DialogCloseProps extends DialogCloseProps$1 {}
+declare const _default$1: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<import("vue").DefineComponent<DialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {
+  as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogClose.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogContent.vue.d.ts
+interface DialogContentProps extends DialogContentProps$1 {
+  class?: HTMLAttributes['class'];
+  showCloseButton?: boolean;
+}
+interface DialogContentEmits extends DialogContentEmits$1 {}
+declare const _default$2: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<DialogContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
+  focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
+  interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<DialogContentProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  showCloseButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogContent.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogDescription.vue.d.ts
+interface DialogDescriptionProps extends DialogDescriptionProps$1 {
+  class?: HTMLAttributes['class'];
+}
+declare const _default$3: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<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$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogDescription.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogFooter.vue.d.ts
+interface DialogFooterProps {
+  class?: HTMLAttributes['class'];
+}
+declare const _default$4: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<DialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogFooter.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogHeader.vue.d.ts
+interface DialogHeaderProps {
+  class?: HTMLAttributes['class'];
+}
+declare const _default$5: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogHeader.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogOverlay.vue.d.ts
+interface DialogOverlayProps extends DialogOverlayProps$1 {
+  class?: HTMLAttributes['class'];
+}
+declare const _default$6: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<DialogOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogOverlay.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogTitle.vue.d.ts
+interface DialogTitleProps extends DialogTitleProps$1 {
+  class?: HTMLAttributes['class'];
+}
+declare const _default$7: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<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$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogTitle.vue.d.ts.map
+//#endregion
+//#region src/dialog/DialogTrigger.vue.d.ts
+interface DialogTriggerProps extends DialogTriggerProps$1 {}
+declare const _default$8: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<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<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DialogTrigger.vue.d.ts.map
+//#endregion
+export { __VLS_export$8 as Dialog, __VLS_export$7 as DialogClose, type DialogCloseProps, __VLS_export$6 as DialogContent, type DialogContentEmits, type DialogContentProps, __VLS_export$5 as DialogDescription, type DialogDescriptionProps, type DialogEmits, __VLS_export$4 as DialogFooter, type DialogFooterProps, __VLS_export$3 as DialogHeader, type DialogHeaderProps, __VLS_export$2 as DialogOverlay, type DialogOverlayProps, type DialogProps, __VLS_export$1 as DialogTitle, type DialogTitleProps, _default$8 as DialogTrigger, type DialogTriggerProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/dialog/Dialog.vue","../src/dialog/DialogClose.vue","../src/dialog/DialogContent.vue","../src/dialog/DialogDescription.vue","../src/dialog/DialogFooter.vue","../src/dialog/DialogHeader.vue","../src/dialog/DialogOverlay.vue","../src/dialog/DialogTitle.vue","../src/dialog/DialogTrigger.vue"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,295 @@
+import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTrigger, Primitive, useForwardPropsEmits } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
+import { AnimatePresence, Motion } from "motion-v";
+//#region src/dialog/Dialog.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "Dialog",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogClose.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "DialogClose",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "a" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogClose), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
+}
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
+}
+//#endregion
+//#region src/dialog/DialogContent.vue
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "DialogContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), null, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence), { as: "div" }, {
+					default: withCtx(() => [createVNode(unref(_sfc_main$6), { "as-child": "" }, {
+						default: withCtx(() => [createVNode(unref(Motion), {
+							initial: { opacity: 0 },
+							animate: { opacity: 1 },
+							exit: { opacity: 0 },
+							transition: {
+								duration: .2,
+								ease: "easeInOut"
+							}
+						})]),
+						_: 1
+					}), createVNode(unref(DialogContent), mergeProps({
+						..._ctx.$attrs,
+						...unref(forwarded)
+					}, {
+						class: unref(clsx)("arvue-dialog-content", props.class),
+						"as-child": ""
+					}), {
+						default: withCtx(() => [createVNode(unref(Motion), {
+							initial: {
+								y: "2rem",
+								opacity: 0
+							},
+							animate: {
+								y: 0,
+								opacity: 1
+							},
+							exit: {
+								y: "2rem",
+								opacity: 0
+							},
+							transition: {
+								duration: .2,
+								ease: "easeInOut"
+							}
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$1), {
+								key: 0,
+								class: "arvue-dialog-close-button icon"
+							}, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
+								_: 1
+							})) : createCommentVNode("v-if", true)]),
+							_: 3
+						})]),
+						_: 3
+					}, 16, ["class"])]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogDescription.vue
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "DialogDescription",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-description", props.class)) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogFooter.vue
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	__name: "DialogFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-footer", props.class)) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogHeader.vue
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+	__name: "DialogHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-header", props.class)) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogOverlay.vue
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+	__name: "DialogOverlay",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogOverlay), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-dialog-overlay", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogTitle.vue
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+	__name: "DialogTitle",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-title", props.class)) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogTrigger.vue
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	__name: "DialogTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogTrigger), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as Dialog, _sfc_main$1 as DialogClose, _sfc_main$2 as DialogContent, _sfc_main$3 as DialogDescription, _sfc_main$4 as DialogFooter, _sfc_main$5 as DialogHeader, _sfc_main$6 as DialogOverlay, _sfc_main$7 as DialogTitle, _sfc_main$8 as DialogTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["$attrs"],"sources":["../src/dialog/Dialog.vue","../src/dialog/DialogClose.vue","../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/dialog/DialogContent.vue","../src/dialog/DialogDescription.vue","../src/dialog/DialogFooter.vue","../src/dialog/DialogHeader.vue","../src/dialog/DialogOverlay.vue","../src/dialog/DialogTitle.vue","../src/dialog/DialogTrigger.vue"],"sourcesContent":["<template>\n    <DialogRoot\n        v-slot=\"slotProps\"\n        v-bind=\"forwarded\"\n    >\n        <slot v-bind=\"slotProps\"/>\n    </DialogRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogRootEmits, DialogRootProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogProps extends DialogRootProps {\n    class?: HTMLAttributes['class']\n}\nexport interface DialogEmits extends DialogRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<DialogProps>()\nconst emits = defineEmits<DialogEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n","<template>\n    <DialogClose v-bind=\"props\">\n        <slot/>\n    </DialogClose>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogCloseProps as RekaDialogCloseProps } from 'reka-ui'\n\nexport interface DialogCloseProps extends RekaDialogCloseProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DialogCloseProps>(), {\n    as: 'a',\n})\n</script>\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","<style>\n@import './dialog-content.css';\n</style>\n\n<template>\n    <DialogPortal>\n        <AnimatePresence as=\"div\">\n            <DialogOverlay as-child>\n                <Motion\n                    :initial=\"{ opacity: 0 }\"\n                    :animate=\"{ opacity: 1 }\"\n                    :exit=\"{ opacity: 0 }\"\n                    :transition=\"{\n                        duration: .2,\n                        ease: 'easeInOut',\n                    }\"\n                />\n            </DialogOverlay>\n            <DialogContent\n                v-bind=\"{ ...$attrs, ...forwarded }\"\n                :class=\"clsx('arvue-dialog-content', props.class)\"\n                as-child\n            >\n                <Motion\n                    :initial=\"{\n                        y: '2rem',\n                        opacity: 0,\n                    }\"\n                    :animate=\"{\n                        y: 0,\n                        opacity: 1,\n                    }\"\n                    :exit=\"{\n                        y: '2rem',\n                        opacity: 0,\n                    }\"\n                    :transition=\"{\n                        duration: .2,\n                        ease: 'easeInOut',\n                    }\"\n                >\n                    <slot/>\n                    <DialogClose\n                        v-if=\"showCloseButton\"\n                        class=\"arvue-dialog-close-button icon\"\n                    >\n                        <i class=\"fas fa-times\"/>\n                    </DialogClose>\n                </Motion>\n            </DialogContent>\n        </AnimatePresence>\n    </DialogPortal>\n</template>\n\n<script lang=\"ts\">\nimport type {\n    DialogContentEmits as RekaDialogContentEmits,\n    DialogContentProps as RekaDialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogContentProps extends RekaDialogContentProps {\n    class?: HTMLAttributes['class']\n    showCloseButton?: boolean\n}\n\nexport interface DialogContentEmits extends RekaDialogContentEmits {\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AnimatePresence, Motion } from 'motion-v'\nimport {\n    DialogContent,\n    DialogPortal,\n    useForwardPropsEmits,\n} from 'reka-ui'\nimport { DialogClose, DialogOverlay } from '.'\n\ndefineOptions({\n    inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogContentProps>(), {\n    showCloseButton: true,\n})\nconst emits = defineEmits<DialogContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n","<style>\n@import \"./dialog-description.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-description', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogDescriptionProps as RekaDialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogDescriptionProps extends RekaDialogDescriptionProps{\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogDescriptionProps>()\n</script>\n","<style>\n@import \"./dialog-footer.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-footer', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogFooterProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogFooterProps>()\n</script>\n","<style>\n@import \"./dialog-header.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-header', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogHeaderProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogHeaderProps>()\n</script>\n","<style>\n@import './dialog-overlay.css';\n</style>\n\n<template>\n    <DialogOverlay\n        v-bind=\"delegatedProps\"\n        :class=\"clsx('arvue-dialog-overlay', props.class)\"\n    >\n        <slot/>\n    </DialogOverlay>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogOverlayProps as RekaDialogOverlayProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogOverlayProps extends RekaDialogOverlayProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogOverlay } from 'reka-ui'\n\nconst props = defineProps<DialogOverlayProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<style>\n@import \"./dialog-title.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-title', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTitleProps as RekaDialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogTitleProps extends RekaDialogTitleProps{\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogTitleProps>()\n</script>\n","<template>\n    <DialogTrigger v-bind=\"props\">\n        <slot/>\n    </DialogTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTriggerProps as RekaDialogTriggerProps } from 'reka-ui'\n\nexport interface DialogTriggerProps extends RekaDialogTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogTrigger } from 'reka-ui'\n\nconst props = defineProps<DialogTriggerProps>()\n</script>\n"],"x_google_ignoreList":[2],"mappings":"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"}

package/dist/style.css

@@ -0,0 +1,12 @@
+
+@import './dialog-content.css';
+
+@import "./dialog-description.css";
+
+@import "./dialog-footer.css";
+
+@import "./dialog-header.css";
+
+@import './dialog-overlay.css';
+
+@import "./dialog-title.css";

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "arvue-ui",
+  "version": "0.1.0",
+  "keywords": [
+    "ui",
+    "vue",
+    "components",
+    "webasyst"
+  ],
+  "author": "",
+  "license": "MTI",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./all.css": "./dist/all.css",
+    "./package.json": "./package.json"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist",
+    "!src/**/*.story.vue",
+    "!src/**/*.test.*",
+    "!src/**/_*.vue",
+    "!src/**/__snapshots__",
+    "!src/**/stories",
+    "!src/**/story"
+  ],
+  "dependencies": {
+    "@vueuse/core": "^14.3.0",
+    "class-variance-authority": "^0.7.1",
+    "motion-v": "^2.2.1",
+    "reka-ui": "^2.9.8"
+  },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.58.7",
+    "@tsconfig/node24": "^24.0.4",
+    "@tsdown/css": "^0.22.0",
+    "@types/node": "^24.10.9",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vue/tsconfig": "^0.9.1",
+    "clsx": "^2.1.1",
+    "jiti": "^2.6.1",
+    "postcss-import": "^16.1.1",
+    "tsdown": "^0.22.0",
+    "tsx": "^4.21.0",
+    "unplugin-vue": "^7.2.0",
+    "vue-tsc": "^3.2.8"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.33"
+  },
+  "scripts": {
+    "build": "pnpm type-check && pnpm build-only",
+    "build-only": "tsdown",
+    "type-check": "vue-tsc -p tsconfig.build.json --noEmit",
+    "watch": "tsdown --watch",
+    "pub:release": "pnpm publish --no-git-checks --access public"
+  }
+}

package/src/dialog/Dialog.vue

@@ -0,0 +1,27 @@
+<template>
+    <DialogRoot
+        v-slot="slotProps"
+        v-bind="forwarded"
+    >
+        <slot v-bind="slotProps"/>
+    </DialogRoot>
+</template>
+
+<script lang="ts">
+import type { DialogRootEmits, DialogRootProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+
+export interface DialogProps extends DialogRootProps {
+    class?: HTMLAttributes['class']
+}
+export interface DialogEmits extends DialogRootEmits {}
+</script>
+
+<script setup lang="ts">
+import { DialogRoot, useForwardPropsEmits } from 'reka-ui'
+
+const props = defineProps<DialogProps>()
+const emits = defineEmits<DialogEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
+</script>

package/src/dialog/DialogClose.vue

@@ -0,0 +1,19 @@
+<template>
+    <DialogClose v-bind="props">
+        <slot/>
+    </DialogClose>
+</template>
+
+<script lang="ts">
+import type { DialogCloseProps as RekaDialogCloseProps } from 'reka-ui'
+
+export interface DialogCloseProps extends RekaDialogCloseProps {}
+</script>
+
+<script setup lang="ts">
+import { DialogClose } from 'reka-ui'
+
+const props = withDefaults(defineProps<DialogCloseProps>(), {
+    as: 'a',
+})
+</script>