arvue-ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,5 +1,5 @@
-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 { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, Primitive, useForwardPropsEmits } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
 import { AnimatePresence, Motion } from "motion-v";
 //#region src/dialog/Dialog.vue
@@ -165,15 +165,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 			Array
 		] },
 		asChild: { type: Boolean },
-		as: {}
+		as: { default: "p" }
 	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-description", props.class)) }, {
+			return openBlock(), createBlock(unref(DialogDescription), mergeProps({ class: unref(clsx)("arvue-dialog-description", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
@@ -181,20 +182,25 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 //#region src/dialog/DialogFooter.vue
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 	__name: "DialogFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-footer", props.class)) }, {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-dialog-footer", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
@@ -202,20 +208,25 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 //#region src/dialog/DialogHeader.vue
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 	__name: "DialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-header", props.class)) }, {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-dialog-header", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
@@ -259,15 +270,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 			Array
 		] },
 		asChild: { type: Boolean },
-		as: {}
+		as: { default: "h3" }
 	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-title", props.class)) }, {
+			return openBlock(), createBlock(unref(DialogTitle), mergeProps({ class: unref(clsx)("arvue-dialog-title", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
@@ -290,6 +302,298 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#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 };
+//#region src/drawer/Drawer.vue
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	__name: "Drawer",
+	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/drawer/DrawerClose.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	__name: "DrawerClose",
+	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 src/drawer/DrawerContent.vue
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "DrawerContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: { default: "right" },
+		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", "side"), emits);
+		const sideMotion = {
+			top: {
+				initial: { y: "-100%" },
+				animate: { y: 0 },
+				exit: { y: "-100%" }
+			},
+			bottom: {
+				initial: { y: "100%" },
+				animate: { y: 0 },
+				exit: { y: "100%" }
+			},
+			left: {
+				initial: { x: "-100%" },
+				animate: { x: 0 },
+				exit: { x: "-100%" }
+			},
+			right: {
+				initial: { x: "100%" },
+				animate: { x: 0 },
+				exit: { x: "100%" }
+			}
+		};
+		const motionProps = computed(() => sideMotion[props.side]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), null, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence), { as: "div" }, {
+					default: withCtx(() => [createVNode(unref(_sfc_main$15), { "as-child": "" }, {
+						default: withCtx(() => [createVNode(unref(Motion), {
+							initial: { opacity: 0 },
+							animate: { opacity: 1 },
+							exit: { opacity: 0 },
+							transition: {
+								duration: .3,
+								ease: "easeInOut"
+							}
+						})]),
+						_: 1
+					}), createVNode(unref(DialogContent), mergeProps({ class: unref(clsx)("arvue-drawer-content", __props.side === "top" && "top", __props.side === "right" && "right", __props.side === "bottom" && "bottom", __props.side === "left" && "left", props.class) }, {
+						..._ctx.$attrs,
+						...unref(forwarded)
+					}, { "as-child": "" }), {
+						default: withCtx(() => [createVNode(unref(Motion), mergeProps(motionProps.value, { transition: {
+							duration: .3,
+							ease: "easeIn"
+						} }), {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$10), {
+								key: 0,
+								class: "arvue-drawer-close-button icon"
+							}, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
+								_: 1
+							})) : createCommentVNode("v-if", true)]),
+							_: 3
+						}, 16)]),
+						_: 3
+					}, 16, ["class"])]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/drawer/DrawerDescription.vue
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	__name: "DrawerDescription",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "p" }
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogDescription), mergeProps({ class: unref(clsx)("arvue-drawer-description", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/drawer/DrawerFooter.vue
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+	__name: "DrawerFooter",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-drawer-footer", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/drawer/DrawerHeader.vue
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+	__name: "DrawerHeader",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-drawer-header", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/drawer/DrawerOverlay.vue
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+	__name: "DrawerOverlay",
+	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-drawer-overlay", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/drawer/DrawerTitle.vue
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTitle",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "h3" }
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogTitle), mergeProps({ class: unref(clsx)("arvue-drawer-title", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/drawer/DrawerTrigger.vue
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTrigger",
+	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, _sfc_main$9 as Drawer, _sfc_main$10 as DrawerClose, _sfc_main$11 as DrawerContent, _sfc_main$12 as DrawerDescription, _sfc_main$13 as DrawerFooter, _sfc_main$14 as DrawerHeader, _sfc_main$15 as DrawerOverlay, _sfc_main$16 as DrawerTitle, _sfc_main$17 as DrawerTrigger };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +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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"}
+{"version":3,"file":"index.js","names":["$attrs","$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","../src/drawer/Drawer.vue","../src/drawer/DrawerClose.vue","../src/drawer/DrawerContent.vue","../src/drawer/DrawerDescription.vue","../src/drawer/DrawerFooter.vue","../src/drawer/DrawerHeader.vue","../src/drawer/DrawerOverlay.vue","../src/drawer/DrawerTitle.vue","../src/drawer/DrawerTrigger.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    <DialogDescription\n        :class=\"clsx('arvue-dialog-description', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogDescription>\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 { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogDescription } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DialogDescriptionProps>(), {\n    as: 'p',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<style>\n@import \"./dialog-footer.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-dialog-footer', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogFooterProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogFooterProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<style>\n@import \"./dialog-header.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-dialog-header', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogHeaderProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogHeaderProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\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    <DialogTitle\n        :class=\"clsx('arvue-dialog-title', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogTitle>\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 { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogTitle } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DialogTitleProps>(), {\n    as: 'h3',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\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","<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 DrawerProps extends DialogRootProps {\n    class?: HTMLAttributes['class']\n}\nexport interface DrawerEmits extends DialogRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<DrawerProps>()\nconst emits = defineEmits<DrawerEmits>()\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 } from 'reka-ui'\n\nexport interface DrawerCloseProps extends DialogCloseProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerCloseProps>(), {\n    as: 'a',\n})\n</script>\n","<style>\n@import './drawer-content.css';\n</style>\n\n<template>\n    <DialogPortal>\n        <AnimatePresence as=\"div\">\n            <DrawerOverlay as-child>\n                <Motion\n                    :initial=\"{ opacity: 0 }\"\n                    :animate=\"{ opacity: 1 }\"\n                    :exit=\"{ opacity: 0 }\"\n                    :transition=\"{\n                        duration: .3,\n                        ease: 'easeInOut',\n                    }\"\n                />\n            </DrawerOverlay>\n            <DialogContent\n                :class=\"clsx(\n                    'arvue-drawer-content',\n                    side === 'top' && 'top',\n                    side === 'right' && 'right',\n                    side === 'bottom' && 'bottom',\n                    side === 'left' && 'left',\n                    props.class,\n                )\"\n                v-bind=\"{ ...$attrs, ...forwarded }\"\n                as-child\n            >\n                <Motion\n                    v-bind=\"motionProps\"\n                    :transition=\"{\n                        duration: .3,\n                        ease: 'easeIn',\n                    }\"\n                >\n                    <slot/>\n                    <DrawerClose\n                        v-if=\"showCloseButton\"\n                        class=\"arvue-drawer-close-button icon\"\n                    >\n                        <i class=\"fas fa-times\"/>\n                    </DrawerClose>\n                </Motion>\n            </DialogContent>\n        </AnimatePresence>\n    </DialogPortal>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogContentEmits, DialogContentProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerContentEmits extends DialogContentEmits {\n}\n\nexport interface DrawerContentProps extends DialogContentProps {\n    class?: HTMLAttributes['class']\n    side?: 'top' | 'right' | 'bottom' | 'left'\n    showCloseButton?: boolean\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 { computed } from 'vue'\nimport { DrawerClose, DrawerOverlay } from '.'\n\ndefineOptions({\n    inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerContentProps>(), {\n    side: 'right',\n    showCloseButton: true,\n})\nconst emits = defineEmits<DrawerContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class', 'side')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n\nconst sideMotion = {\n    top: { initial: { y: '-100%' }, animate: { y: 0 }, exit: { y: '-100%' } },\n    bottom: { initial: { y: '100%' }, animate: { y: 0 }, exit: { y: '100%' } },\n    left: { initial: { x: '-100%' }, animate: { x: 0 }, exit: { x: '-100%' } },\n    right: { initial: { x: '100%' }, animate: { x: 0 }, exit: { x: '100%' } },\n} satisfies Record<NonNullable<DrawerContentProps['side']>, object>\n\nconst motionProps = computed(() => sideMotion[props.side])\n</script>\n","<style>\n@import \"./drawer-description.css\";\n</style>\n\n<template>\n    <DialogDescription\n        :class=\"clsx('arvue-drawer-description', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogDescription>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerDescriptionProps extends DialogDescriptionProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogDescription } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerDescriptionProps>(), {\n    as: 'p',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<style>\n@import \"./drawer-footer.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-drawer-footer', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerFooterProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DrawerFooterProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<style>\n@import \"./drawer-header.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-drawer-header', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerHeaderProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DrawerHeaderProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<style>\n@import './drawer-overlay.css';\n</style>\n\n<template>\n    <DialogOverlay\n        v-bind=\"delegatedProps\"\n        :class=\"clsx('arvue-drawer-overlay', props.class)\"\n    >\n        <slot/>\n    </DialogOverlay>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogOverlayProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerOverlayProps extends DialogOverlayProps {\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<DrawerOverlayProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<style>\n@import \"./drawer-title.css\";\n</style>\n\n<template>\n    <DialogTitle\n        :class=\"clsx('arvue-drawer-title', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogTitle>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerTitleProps extends DialogTitleProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogTitle } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerTitleProps>(), {\n    as: 'h3',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n","<template>\n    <DialogTrigger v-bind=\"props\">\n        <slot/>\n    </DialogTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTriggerProps } from 'reka-ui'\n\nexport interface DrawerTriggerProps extends DialogTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogTrigger } from 'reka-ui'\n\nconst props = defineProps<DrawerTriggerProps>()\n</script>\n"],"x_google_ignoreList":[2],"mappings":"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"}

package/dist/style.css

@@ -10,3 +10,15 @@
 @import './dialog-overlay.css';
 
 @import "./dialog-title.css";
+
+@import './drawer-content.css';
+
+@import "./drawer-description.css";
+
+@import "./drawer-footer.css";
+
+@import "./drawer-header.css";
+
+@import './drawer-overlay.css';
+
+@import "./drawer-title.css";

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "arvue-ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Articus-Company/arvue-ui.git",
+    "directory": "packages/arvue-ui"
+  },
   "keywords": [
     "ui",
     "vue",
     "components",
     "webasyst"
   ],
-  "author": "",
-  "license": "MTI",
+  "author": "Articus-Company",
+  "license": "MIT",
   "sideEffects": false,
   "type": "module",
   "exports": {

package/src/dialog/DialogDescription.vue

@@ -3,23 +3,31 @@
 </style>
 
 <template>
-    <Primitive :class="clsx('arvue-dialog-description', props.class)">
+    <DialogDescription
+        :class="clsx('arvue-dialog-description', props.class)"
+        v-bind="delegatedProps"
+    >
         <slot/>
-    </Primitive>
+    </DialogDescription>
 </template>
 
 <script lang="ts">
 import type { DialogDescriptionProps as RekaDialogDescriptionProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 
-export interface DialogDescriptionProps extends RekaDialogDescriptionProps{
+export interface DialogDescriptionProps extends RekaDialogDescriptionProps {
     class?: HTMLAttributes['class']
 }
 </script>
 
 <script setup lang="ts">
+import { reactiveOmit } from '@vueuse/core'
 import { clsx } from 'clsx'
-import { Primitive } from 'reka-ui'
+import { DialogDescription } from 'reka-ui'
 
-const props = defineProps<DialogDescriptionProps>()
+const props = withDefaults(defineProps<DialogDescriptionProps>(), {
+    as: 'p',
+})
+
+const delegatedProps = reactiveOmit(props, 'class')
 </script>

package/src/dialog/DialogFooter.vue

@@ -3,22 +3,29 @@
 </style>
 
 <template>
-    <Primitive :class="clsx('arvue-dialog-footer', props.class)">
+    <Primitive
+        :class="clsx('arvue-dialog-footer', props.class)"
+        v-bind="delegatedProps"
+    >
         <slot/>
     </Primitive>
 </template>
 
 <script lang="ts">
+import type { PrimitiveProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 
-export interface DialogFooterProps {
+export interface DialogFooterProps extends PrimitiveProps {
     class?: HTMLAttributes['class']
 }
 </script>
 
 <script setup lang="ts">
+import { reactiveOmit } from '@vueuse/core'
 import { clsx } from 'clsx'
 import { Primitive } from 'reka-ui'
 
 const props = defineProps<DialogFooterProps>()
+
+const delegatedProps = reactiveOmit(props, 'class')
 </script>

package/src/dialog/DialogHeader.vue

@@ -3,22 +3,29 @@
 </style>
 
 <template>
-    <Primitive :class="clsx('arvue-dialog-header', props.class)">
+    <Primitive
+        :class="clsx('arvue-dialog-header', props.class)"
+        v-bind="delegatedProps"
+    >
         <slot/>
     </Primitive>
 </template>
 
 <script lang="ts">
+import type { PrimitiveProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 
-export interface DialogHeaderProps {
+export interface DialogHeaderProps extends PrimitiveProps {
     class?: HTMLAttributes['class']
 }
 </script>
 
 <script setup lang="ts">
+import { reactiveOmit } from '@vueuse/core'
 import { clsx } from 'clsx'
 import { Primitive } from 'reka-ui'
 
 const props = defineProps<DialogHeaderProps>()
+
+const delegatedProps = reactiveOmit(props, 'class')
 </script>