arvue-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Articus Company
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,99 @@
+<h1 align="center">
+Arvue UI
+</h1>
+
+## Установка
+
+```bash
+pnpm add arvue-ui
+```
+
+```bash
+npm install arvue-ui
+```
+
+```bash
+yarn add arvue-ui
+```
+
+## Использование
+
+1. Подключите стили
+
+```js
+@import 'arvue-ui/all.css'
+```
+
+2. Используйте компоненты
+
+```vue
+<template>
+    <Dialog>
+        <DialogTrigger as-child>
+            <button>
+                Open Dialog
+            </button>
+        </DialogTrigger>
+        <DialogContent>
+            <DialogHeader>
+                <DialogTitle>
+                    Edit profile
+                </DialogTitle>
+                <DialogDescription>
+                    Make changes to your profile here. Click save when you're
+                    done.
+                </DialogDescription>
+            </DialogHeader>
+            <div class="fields">
+                <div class="field">
+                    <div class="name">
+                        Name
+                    </div>
+                    <div class="value">
+                        <input
+                            class="full-width"
+                            type="text"
+                            value="Дед мороз"
+                        >
+                    </div>
+                </div>
+                <div class="field">
+                    <div class="name">
+                        Username
+                    </div>
+                    <div class="value">
+                        <input
+                            class="full-width"
+                            type="text"
+                            value="@deadmoroz"
+                        >
+                    </div>
+                </div>
+            </div>
+            <DialogFooter>
+                <DialogClose as-child>
+                    <button class="outlined">
+                        Cancel
+                    </button>
+                </DialogClose>
+                <button type="submit">
+                    Save changes
+                </button>
+            </DialogFooter>
+        </DialogContent>
+    </Dialog>
+</template>
+
+<script setup lang="ts">
+import {
+    Dialog,
+    DialogClose,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from 'arvue-ui'
+</script>
+```

package/dist/all.css

@@ -0,0 +1 @@
+.arvue-dialog-content{z-index:10;width:100%;max-width:calc(100% - 2rem);box-shadow:0 0 70px var(--dialog-shadow-color);background:var(--background-color-blank);box-sizing:border-box;border-radius:.75rem;gap:2rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width>=760px){.arvue-dialog-content{max-width:600px}}.arvue-dialog-content .arvue-dialog-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-dialog-content .arvue-dialog-close-button:hover{opacity:1}.arvue-dialog-content .arvue-dialog-close-button:disabled{pointer-events:none}.arvue-dialog-description{font-size:.875rem}.arvue-dialog-footer{flex-direction:column-reverse;gap:.5rem;display:flex}.arvue-dialog-footer button{margin-right:0}@media (width>=760px){.arvue-dialog-footer{flex-direction:row;justify-content:flex-end}}.arvue-dialog-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (width>=760px){.arvue-dialog-header{text-align:left}}.arvue-dialog-overlay{z-index:5;box-sizing:border-box;background-color:var(--dialog-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-dialog-title{color:var(--text-color-stronger);font-size:1.5rem;font-weight:700}

package/dist/clsx.js

@@ -0,0 +1,18 @@
+//#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
+export { clsx };
+
+//# sourceMappingURL=clsx.js.map

package/dist/clsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx.js","names":[],"sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["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;"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;CAAG,IAAG,YAAU,OAAO,KAAG,YAAU,OAAO,GAAE,KAAG;MAAO,IAAG,YAAU,OAAO,GAAE,IAAG,MAAM,QAAQ,CAAC,GAAE;EAAC,IAAI,IAAE,EAAE;EAAO,KAAI,IAAE,GAAE,IAAE,GAAE,KAAI,EAAE,OAAK,IAAE,EAAE,EAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAE,OAAM,KAAI,KAAK,GAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC;AAAC,SAAgB,OAAM;CAAC,KAAI,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,KAAI,CAAC,IAAE,UAAU,QAAM,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC"}

package/dist/dialog/dialog.js

@@ -0,0 +1,32 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogRoot, useForwardPropsEmits } from "reka-ui";
+//#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
+export { _sfc_main };
+
+//# sourceMappingURL=dialog.js.map

package/dist/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/Dialog.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"],"mappings":";;;;;;;;;;;;;;;;;;;EAyBA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBAxB/C,YAKa,MAAA,UAAA,GAAA,eAAA,mBAHD,MAAA,SAAA,CAAS,CAAA,GAAA;sBADT,cAAS,CAGjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,CAAA,CAAA"}

package/dist/dialog/dialogClose.js

@@ -0,0 +1,23 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose } from "reka-ui";
+//#region src/dialog/DialogClose.vue
+const _sfc_main = /* @__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
+export { _sfc_main };
+
+//# sourceMappingURL=dialogClose.js.map

package/dist/dialog/dialogClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogClose.js","names":[],"sources":["../../src/dialog/DialogClose.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEc,MAAA,WAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogContent.js

@@ -0,0 +1,101 @@
+import { _sfc_main as _sfc_main$1 } from "./dialogClose.js";
+import { clsx } from "../clsx.js";
+import { _sfc_main as _sfc_main$2 } from "./dialogOverlay.js";
+import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogContent, DialogPortal, useForwardPropsEmits } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
+import { AnimatePresence, Motion } from "motion-v";
+//#region src/dialog/DialogContent.vue
+const _sfc_main = /* @__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$2), { "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
+export { _sfc_main };
+
+//# sourceMappingURL=dialogContent.js.map

package/dist/dialog/dialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogContent.js","names":["$attrs"],"sources":["../../src/dialog/DialogContent.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFA,MAAM,QAAQ;EAGd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAvFxD,YA8Ce,MAAA,YAAA,GAAA,MAAA;2BADO,CA5ClB,YA4CkB,MAAA,eAAA,GAAA,EA5CD,IAAG,MAAK,GAAA;4BAWL,CAVhB,YAUgB,MAAA,WAAA,GAAA,EAVD,YAAA,GAAQ,GAAA;6BASjB,CARF,YAQE,MAAA,MAAA,GAAA;OAPG,SAAS,EAAA,SAAA,EAAA;OACT,SAAS,EAAA,SAAA,EAAA;OACT,MAAM,EAAA,SAAA,EAAA;OACN,YAAY;;;;;;SAMrB,YA+BgB,MAAA,aAAA,GA/BhB,WA+BgB;MAAA,GA9BCA,KAAAA;MAAM,GAAK,MAAA,SAAA;KAAS,GAAA;MAChC,OAAO,MAAA,IAAA,EAAI,wBAAyB,MAAM,KAAK;MAChD,YAAA;;6BA2BS,CAzBT,YAyBS,MAAA,MAAA,GAAA;OAxBJ,SAAS;;;;OAIT,SAAS;;;;OAIT,MAAM;;;;OAIN,YAAY;;;;;8BAKN,CAAP,WAAO,KAAA,QAAA,SAAA,GAEG,QAAA,mBAAA,UAAA,GADV,YAKc,MAAA,WAAA,GAAA;;QAHV,OAAM;;+BAEmB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAzB,mBAAyB,KAAA,EAAtB,OAAM,eAAc,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA"}

package/dist/dialog/dialogDescription.js

@@ -0,0 +1,31 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Primitive } from "reka-ui";
+//#region src/dialog/DialogDescription.vue
+const _sfc_main = /* @__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
+export { _sfc_main };
+
+//# sourceMappingURL=dialogDescription.js.map

package/dist/dialog/dialogDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogDescription.js","names":[],"sources":["../../src/dialog/DialogDescription.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;;uBAlBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,CAAA,EAAA,GAAA;2BACpD,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogFooter.js

@@ -0,0 +1,27 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Primitive } from "reka-ui";
+//#region src/dialog/DialogFooter.vue
+const _sfc_main = /* @__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
+export { _sfc_main };
+
+//# sourceMappingURL=dialogFooter.js.map

package/dist/dialog/dialogFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogFooter.js","names":[],"sources":["../../src/dialog/DialogFooter.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;;uBAjBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,CAAA,EAAA,GAAA;2BAC/C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogHeader.js

@@ -0,0 +1,27 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Primitive } from "reka-ui";
+//#region src/dialog/DialogHeader.vue
+const _sfc_main = /* @__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
+export { _sfc_main };
+
+//# sourceMappingURL=dialogHeader.js.map

package/dist/dialog/dialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogHeader.js","names":[],"sources":["../../src/dialog/DialogHeader.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;;uBAjBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,CAAA,EAAA,GAAA;2BAC/C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogOverlay.js

@@ -0,0 +1,34 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogOverlay } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
+//#region src/dialog/DialogOverlay.vue
+const _sfc_main = /* @__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
+export { _sfc_main };
+
+//# sourceMappingURL=dialogOverlay.js.map

package/dist/dialog/dialogOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogOverlay.js","names":[],"sources":["../../src/dialog/DialogOverlay.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKgB,MAAA,aAAA,GALhB,WACY,MAII,cAAA,GAJU,EACrB,OAAO,MAAA,IAAA,EAAI,wBAAyB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAEzC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogTitle.js

@@ -0,0 +1,31 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Primitive } from "reka-ui";
+//#region src/dialog/DialogTitle.vue
+const _sfc_main = /* @__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
+export { _sfc_main };
+
+//# sourceMappingURL=dialogTitle.js.map

package/dist/dialog/dialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/DialogTitle.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;;uBAlBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,sBAAuB,MAAM,KAAK,CAAA,EAAA,GAAA;2BAC9C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogTrigger.js

@@ -0,0 +1,23 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogTrigger } from "reka-ui";
+//#region src/dialog/DialogTrigger.vue
+const _sfc_main = /* @__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 };
+
+//# sourceMappingURL=dialogTrigger.js.map

package/dist/dialog/dialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogTrigger.js","names":[],"sources":["../../src/dialog/DialogTrigger.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEgB,MAAA,aAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACjB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}