@auronui/vue 1.0.0

package/dist/components/modal/ModalBody.js

@@ -0,0 +1,7 @@
+import ModalBody_vue_vue_type_script_setup_true_lang_default from "./ModalBody.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalBody.vue
+var ModalBody_default = ModalBody_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalBody_default as default };
+
+//# sourceMappingURL=ModalBody.js.map

package/dist/components/modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.js","names":[],"sources":["../../../src/components/modal/ModalBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useModalInject } from './Modal.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst ctx = useModalInject({ size: 'md', scroll: 'inside', variant: 'opaque', placement: 'auto' })\nconst styles = modalVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.body({ scroll: ctx.scroll }), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalBody.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useModalInject } from "./Modal.vue_vue_type_script_lang.js";
+import { modalVariants } from "../../packages/styles/src/components/modal/modal.styles.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/modal/ModalBody.vue?vue&type=script&setup=true&lang.ts
+var ModalBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalBody",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = useModalInject({
+			size: "md",
+			scroll: "inside",
+			variant: "opaque",
+			placement: "auto"
+		});
+		const styles = modalVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(unref(styles).body({ scroll: unref(ctx).scroll }), props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { ModalBody_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalBody.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalBody.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useModalInject } from './Modal.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst ctx = useModalInject({ size: 'md', scroll: 'inside', variant: 'opaque', placement: 'auto' })\nconst styles = modalVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.body({ scroll: ctx.scroll }), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAKA,MAAM,QAAQ;EAId,MAAM,MAAM,eAAe;GAAE,MAAM;GAAM,QAAQ;GAAU,SAAS;GAAU,WAAW;GAAQ,CAAA;EACjG,MAAM,SAAS,eAAc;;uBAI3B,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,KAAI,EAAA,QAAW,MAAA,IAAG,CAAC,QAAM,CAAA,EAAK,MAAM,MAAK,CAAA,EAAA,EAAA,CAC5E,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/modal/ModalClose.js

@@ -0,0 +1,7 @@
+import ModalClose_vue_vue_type_script_setup_true_lang_default from "./ModalClose.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalClose.vue
+var ModalClose_default = ModalClose_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalClose_default as default };
+
+//# sourceMappingURL=ModalClose.js.map

package/dist/components/modal/ModalClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalClose.js","names":[],"sources":["../../../src/components/modal/ModalClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogClose\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalClose.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { modalVariants } from "../../packages/styles/src/components/modal/modal.styles.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose } from "reka-ui";
+//#region src/components/modal/ModalClose.vue?vue&type=script&setup=true&lang.ts
+var ModalClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalClose",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = modalVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogClose), {
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(styles).closeTrigger(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child", "class"]);
+		};
+	}
+});
+//#endregion
+export { ModalClose_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalClose.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalClose.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalClose.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogClose\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,SAAS,eAAc;;uBAI3B,YAKc,MAAA,YAAA,EAAA;IAJX,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;;2BAEnD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/modal/ModalContent.js

@@ -0,0 +1,7 @@
+import ModalContent_vue_vue_type_script_setup_true_lang_default from "./ModalContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalContent.vue
+var ModalContent_default = ModalContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalContent_default as default };
+
+//# sourceMappingURL=ModalContent.js.map

package/dist/components/modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","names":[],"sources":["../../../src/components/modal/ModalContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogPortal, DialogContent, injectDialogRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useModalInject } from './Modal.vue'\nimport ModalOverlay from './ModalOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\n// Inject context from Modal root\nconst ctx = useModalInject({ size: 'md', scroll: 'inside', variant: 'opaque', placement: 'auto' })\n\n// Inject Reka's dialog root context to read open state for AnimatePresence\nconst dialogRootContext = injectDialogRootContext()\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogPortal>\n    <ModalOverlay />\n    <DialogContent\n      :class=\"composeClassName(styles.container({ scroll: ctx.scroll }), props.class)\"\n      :data-placement=\"ctx.placement\"\n      :aria-hidden=\"!dialogRootContext.open.value || undefined\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"dialogRootContext.open.value\"\n          :class=\"composeClassName(styles.dialog({ size: ctx.size, scroll: ctx.scroll }), 'modal-content-inner')\"\n          :data-placement=\"ctx.placement\"\n          :initial=\"{ opacity: 0, scale: 0.95, y: -10 }\"\n          :animate=\"{ opacity: 1, scale: 1, y: 0 }\"\n          :exit=\"{ opacity: 0, scale: 0.95, y: -10 }\"\n          :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,90 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { motion } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/motion/index.js";
+import { AnimatePresence_default } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/AnimatePresence.js";
+import { useModalInject } from "./Modal.vue_vue_type_script_lang.js";
+import { modalVariants } from "../../packages/styles/src/components/modal/modal.styles.js";
+import ModalOverlay_default from "./ModalOverlay.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogContent, DialogPortal, injectDialogRootContext } from "reka-ui";
+//#region src/components/modal/ModalContent.vue?vue&type=script&setup=true&lang.ts
+var ModalContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalContent",
+	props: { class: {} },
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"interact-outside",
+		"open-auto-focus",
+		"close-auto-focus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const ctx = useModalInject({
+			size: "md",
+			scroll: "inside",
+			variant: "opaque",
+			placement: "auto"
+		});
+		const dialogRootContext = injectDialogRootContext();
+		const styles = modalVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), null, {
+				default: withCtx(() => [createVNode(ModalOverlay_default), createVNode(unref(DialogContent), {
+					class: normalizeClass(unref(composeClassName)(unref(styles).container({ scroll: unref(ctx).scroll }), props.class)),
+					"data-placement": unref(ctx).placement,
+					"aria-hidden": !unref(dialogRootContext).open.value || void 0,
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
+					onInteractOutside: _cache[2] || (_cache[2] = ($event) => emit("interact-outside", $event)),
+					onOpenAutoFocus: _cache[3] || (_cache[3] = ($event) => emit("open-auto-focus", $event)),
+					onCloseAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("close-auto-focus", $event))
+				}, {
+					default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
+						default: withCtx(() => [unref(dialogRootContext).open.value ? (openBlock(), createBlock(unref(motion).div, {
+							key: 0,
+							class: normalizeClass(unref(composeClassName)(unref(styles).dialog({
+								size: unref(ctx).size,
+								scroll: unref(ctx).scroll
+							}), "modal-content-inner")),
+							"data-placement": unref(ctx).placement,
+							initial: {
+								opacity: 0,
+								scale: .95,
+								y: -10
+							},
+							animate: {
+								opacity: 1,
+								scale: 1,
+								y: 0
+							},
+							exit: {
+								opacity: 0,
+								scale: .95,
+								y: -10
+							},
+							transition: {
+								duration: .2,
+								ease: "easeOut"
+							}
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						}, 8, ["class", "data-placement"])) : createCommentVNode("", true)]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, [
+					"class",
+					"data-placement",
+					"aria-hidden"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ModalContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogPortal, DialogContent, injectDialogRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useModalInject } from './Modal.vue'\nimport ModalOverlay from './ModalOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\n// Inject context from Modal root\nconst ctx = useModalInject({ size: 'md', scroll: 'inside', variant: 'opaque', placement: 'auto' })\n\n// Inject Reka's dialog root context to read open state for AnimatePresence\nconst dialogRootContext = injectDialogRootContext()\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogPortal>\n    <ModalOverlay />\n    <DialogContent\n      :class=\"composeClassName(styles.container({ scroll: ctx.scroll }), props.class)\"\n      :data-placement=\"ctx.placement\"\n      :aria-hidden=\"!dialogRootContext.open.value || undefined\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"dialogRootContext.open.value\"\n          :class=\"composeClassName(styles.dialog({ size: ctx.size, scroll: ctx.scroll }), 'modal-content-inner')\"\n          :data-placement=\"ctx.placement\"\n          :initial=\"{ opacity: 0, scale: 0.95, y: -10 }\"\n          :animate=\"{ opacity: 1, scale: 1, y: 0 }\"\n          :exit=\"{ opacity: 0, scale: 0.95, y: -10 }\"\n          :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAId,MAAM,OAAO;EASb,MAAM,MAAM,eAAe;GAAE,MAAM;GAAM,QAAQ;GAAU,SAAS;GAAU,WAAW;GAAQ,CAAA;EAGjG,MAAM,oBAAoB,yBAAwB;EAElD,MAAM,SAAS,eAAc;;uBAI3B,YA0Be,MAAA,aAAA,EAAA,MAAA;2BAzBG,CAAhB,YAAgB,qBAAA,EAChB,YAuBgB,MAAA,cAAA,EAAA;KAtBb,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,UAAS,EAAA,QAAW,MAAA,IAAG,CAAC,QAAM,CAAA,EAAK,MAAM,MAAK,CAAA;KAC7E,kBAAgB,MAAA,IAAG,CAAC;KACpB,eAAW,CAAG,MAAA,kBAAiB,CAAC,KAAK,SAAS,KAAA;KAC9C,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;KACjD,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAchC,CAZlB,YAYkB,MAAA,wBAAA,EAAA,MAAA;6BADH,CATL,MAAA,kBAAiB,CAAC,KAAK,SAAA,WAAA,EAD/B,YAUa,MAAA,OAAA,CAAA,KAAA;;OARV,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAM;QAAA,MAAS,MAAA,IAAG,CAAC;QAAI,QAAU,MAAA,IAAG,CAAC;QAAM,CAAA,EAAA,sBAAA,CAAA;OAC1E,kBAAgB,MAAA,IAAG,CAAC;OACpB,SAAS;QAAA,SAAA;QAAA,OAAA;QAAA,GAAA;QAAmC;OAC5C,SAAS;QAAA,SAAA;QAAA,OAAA;QAAA,GAAA;QAA8B;OACvC,MAAM;QAAA,SAAA;QAAA,OAAA;QAAA,GAAA;QAAmC;OACzC,YAAY;QAAA,UAAA;QAAA,MAAA;QAAkC;;8BAEvC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/modal/ModalDescription.js

@@ -0,0 +1,7 @@
+import ModalDescription_vue_vue_type_script_setup_true_lang_default from "./ModalDescription.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalDescription.vue
+var ModalDescription_default = ModalDescription_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalDescription_default as default };
+
+//# sourceMappingURL=ModalDescription.js.map

package/dist/components/modal/ModalDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDescription.js","names":[],"sources":["../../../src/components/modal/ModalDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogDescription } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'p',\n})\n</script>\n\n<template>\n  <DialogDescription\n    :as=\"props.as\"\n    :class=\"composeClassName('text-sm text-muted', props.class)\"\n  >\n    <slot />\n  </DialogDescription>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogDescription } from "reka-ui";
+//#region src/components/modal/ModalDescription.vue?vue&type=script&setup=true&lang.ts
+var ModalDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalDescription",
+	props: {
+		as: { default: "p" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogDescription), {
+				as: props.as,
+				class: normalizeClass(unref(composeClassName)("text-sm text-muted", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "class"]);
+		};
+	}
+});
+//#endregion
+export { ModalDescription_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalDescription.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalDescription.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDescription.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogDescription } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'p',\n})\n</script>\n\n<template>\n  <DialogDescription\n    :as=\"props.as\"\n    :class=\"composeClassName('text-sm text-muted', props.class)\"\n  >\n    <slot />\n  </DialogDescription>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,QAAQ;;uBASZ,YAKoB,MAAA,kBAAA,EAAA;IAJjB,IAAI,MAAM;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAA,sBAAuB,MAAM,MAAK,CAAA;;2BAElD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/modal/ModalFooter.js

@@ -0,0 +1,7 @@
+import ModalFooter_vue_vue_type_script_setup_true_lang_default from "./ModalFooter.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalFooter.vue
+var ModalFooter_default = ModalFooter_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalFooter_default as default };
+
+//# sourceMappingURL=ModalFooter.js.map

package/dist/components/modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","names":[],"sources":["../../../src/components/modal/ModalFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.footer(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalFooter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { modalVariants } from "../../packages/styles/src/components/modal/modal.styles.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/modal/ModalFooter.vue?vue&type=script&setup=true&lang.ts
+var ModalFooter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalFooter",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = modalVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(unref(styles).footer(), props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { ModalFooter_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalFooter.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalFooter.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.footer(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAIA,MAAM,QAAQ;EAId,MAAM,SAAS,eAAc;;uBAI3B,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,QAAM,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACxD,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/modal/ModalHeader.js

@@ -0,0 +1,7 @@
+import ModalHeader_vue_vue_type_script_setup_true_lang_default from "./ModalHeader.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalHeader.vue
+var ModalHeader_default = ModalHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalHeader_default as default };
+
+//# sourceMappingURL=ModalHeader.js.map

package/dist/components/modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","names":[],"sources":["../../../src/components/modal/ModalHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.header(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { modalVariants } from "../../packages/styles/src/components/modal/modal.styles.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/modal/ModalHeader.vue?vue&type=script&setup=true&lang.ts
+var ModalHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalHeader",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = modalVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(unref(styles).header(), props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { ModalHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalHeader.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.header(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAIA,MAAM,QAAQ;EAId,MAAM,SAAS,eAAc;;uBAI3B,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,QAAM,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACxD,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/modal/ModalOverlay.js

@@ -0,0 +1,7 @@
+import ModalOverlay_vue_vue_type_script_setup_true_lang_default from "./ModalOverlay.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalOverlay.vue
+var ModalOverlay_default = ModalOverlay_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalOverlay_default as default };
+
+//# sourceMappingURL=ModalOverlay.js.map

package/dist/components/modal/ModalOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.js","names":[],"sources":["../../../src/components/modal/ModalOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogOverlay } from 'reka-ui'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useModalInject } from './Modal.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst ctx = useModalInject({ size: 'md', scroll: 'inside', variant: 'opaque', placement: 'auto' })\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogOverlay :class=\"composeClassName(styles.backdrop({ variant: ctx.variant }), props.class)\" />\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalOverlay.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useModalInject } from "./Modal.vue_vue_type_script_lang.js";
+import { modalVariants } from "../../packages/styles/src/components/modal/modal.styles.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { DialogOverlay } from "reka-ui";
+//#region src/components/modal/ModalOverlay.vue?vue&type=script&setup=true&lang.ts
+var ModalOverlay_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalOverlay",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = useModalInject({
+			size: "md",
+			scroll: "inside",
+			variant: "opaque",
+			placement: "auto"
+		});
+		const styles = modalVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogOverlay), { class: normalizeClass(unref(composeClassName)(unref(styles).backdrop({ variant: unref(ctx).variant }), props.class)) }, null, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ModalOverlay_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalOverlay.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalOverlay.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogOverlay } from 'reka-ui'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useModalInject } from './Modal.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst ctx = useModalInject({ size: 'md', scroll: 'inside', variant: 'opaque', placement: 'auto' })\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogOverlay :class=\"composeClassName(styles.backdrop({ variant: ctx.variant }), props.class)\" />\n</template>\n"],"mappings":";;;;;;;;;;EAMA,MAAM,QAAQ;EAId,MAAM,MAAM,eAAe;GAAE,MAAM;GAAM,QAAQ;GAAU,SAAS;GAAU,WAAW;GAAQ,CAAA;EACjG,MAAM,SAAS,eAAc;;uBAI3B,YAAmG,MAAA,cAAA,EAAA,EAAnF,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAQ,EAAA,SAAY,MAAA,IAAG,CAAC,SAAO,CAAA,EAAK,MAAM,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/components/modal/ModalTitle.js

@@ -0,0 +1,7 @@
+import ModalTitle_vue_vue_type_script_setup_true_lang_default from "./ModalTitle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalTitle.vue
+var ModalTitle_default = ModalTitle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalTitle_default as default };
+
+//# sourceMappingURL=ModalTitle.js.map

package/dist/components/modal/ModalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.js","names":[],"sources":["../../../src/components/modal/ModalTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTitle } from 'reka-ui'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'h2',\n})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogTitle\n    :as=\"props.as\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { modalVariants } from "../../packages/styles/src/components/modal/modal.styles.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogTitle } from "reka-ui";
+//#region src/components/modal/ModalTitle.vue?vue&type=script&setup=true&lang.ts
+var ModalTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalTitle",
+	props: {
+		as: { default: "h2" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = modalVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogTitle), {
+				as: props.as,
+				class: normalizeClass(unref(composeClassName)(unref(styles).heading(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "class"]);
+		};
+	}
+});
+//#endregion
+export { ModalTitle_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalTitle.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalTitle.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTitle } from 'reka-ui'\nimport { modalVariants } from '@auronui/styles/components/modal'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'h2',\n})\n\nconst styles = modalVariants()\n</script>\n\n<template>\n  <DialogTitle\n    :as=\"props.as\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,SAAS,eAAc;;uBAI3B,YAKc,MAAA,YAAA,EAAA;IAJX,IAAI,MAAM;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE9C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/modal/ModalTrigger.js

@@ -0,0 +1,7 @@
+import ModalTrigger_vue_vue_type_script_setup_true_lang_default from "./ModalTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/modal/ModalTrigger.vue
+var ModalTrigger_default = ModalTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModalTrigger_default as default };
+
+//# sourceMappingURL=ModalTrigger.js.map

package/dist/components/modal/ModalTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTrigger.js","names":[],"sources":["../../../src/components/modal/ModalTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n</script>\n\n<template>\n  <DialogTrigger :as-child=\"props.asChild\">\n    <slot />\n  </DialogTrigger>\n</template>\n"],"mappings":""}

package/dist/components/modal/ModalTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogTrigger } from "reka-ui";
+//#region src/components/modal/ModalTrigger.vue?vue&type=script&setup=true&lang.ts
+var ModalTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalTrigger",
+	props: { asChild: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogTrigger), { "as-child": props.asChild }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+//#endregion
+export { ModalTrigger_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModalTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/modal/ModalTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/modal/ModalTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n</script>\n\n<template>\n  <DialogTrigger :as-child=\"props.asChild\">\n    <slot />\n  </DialogTrigger>\n</template>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;;uBAQZ,YAEgB,MAAA,cAAA,EAAA,EAFA,YAAU,MAAM,SAAA,EAAA;2BACtB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/number-field/NumberField.js

@@ -0,0 +1,7 @@
+import NumberField_vue_vue_type_script_setup_true_lang_default from "./NumberField.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/number-field/NumberField.vue
+var NumberField_default = NumberField_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NumberField_default as default };
+
+//# sourceMappingURL=NumberField.js.map

package/dist/components/number-field/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","names":[],"sources":["../../../src/components/number-field/NumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useId } from 'vue'\nimport {\n  NumberFieldRoot,\n  NumberFieldInput,\n  NumberFieldIncrement,\n  NumberFieldDecrement,\n} from 'reka-ui'\nimport { numberFieldVariants, type NumberFieldVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  variant?: NumberFieldVariants['variant']\n  size?: NumberFieldVariants['size']\n  color?: NumberFieldVariants['color']\n  fullWidth?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadonly?: boolean\n  min?: number\n  max?: number\n  step?: number\n  formatOptions?: Intl.NumberFormatOptions\n  locale?: string\n  name?: string\n  id?: string\n  placeholder?: string\n  label?: string\n  // camelCase prop; in templates users write aria-label=\"…\" (Vue auto-converts)\n  ariaLabel?: string\n  class?: string\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  step: 1,\n  min: undefined,\n  max: undefined,\n  formatOptions: undefined,\n  locale: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n})\n\nconst modelValue = defineModel<number | undefined>()\n\nconst slotFns = computed(() =>\n  numberFieldVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n  })\n)\n\n// Generate a stable id for the input element.\n// NumberFieldRoot forwards this id to the underlying <input> via context.\n// We use this to wire a <label for=\"inputId\"> which is axe-safe regardless\n// of how Reka UI handles attr forwarding through its Primitive component.\nconst generatedInputId = useId()\n// Use caller-provided id if given, otherwise our generated id.\nconst resolvedInputId = computed(() => props.id ?? generatedInputId)\n\n// Whether to show a label element (visible or sr-only).\nconst hasLabel = computed(() => !!(props.label || props.ariaLabel))\n// When only ariaLabel is given (no visible label), the label is sr-only.\nconst isLabelVisible = computed(() => !!props.label)\n</script>\n\n<template>\n  <NumberFieldRoot\n    :id=\"resolvedInputId\"\n    v-model=\"modelValue\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :disabled=\"props.isDisabled || undefined\"\n    :readonly=\"props.isReadonly || undefined\"\n    :format-options=\"props.formatOptions\"\n    :locale=\"props.locale\"\n    :name=\"props.name\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"props.isReadonly || undefined\"\n  >\n    <!--\n      Label element — always rendered when `label` or `aria-label` is provided.\n      When only `aria-label` is given (no visible label) the element is sr-only.\n      Uses label[for=resolvedInputId] to wire to the Reka UI input element —\n      this is axe-safe because NumberFieldRoot forwards its `id` prop directly\n      to the underlying <input> via context, making label[for] reliable even\n      though custom attrs passed to NumberFieldInput don't reach the DOM input.\n    -->\n    <label\n      v-if=\"hasLabel\"\n      :for=\"resolvedInputId\"\n      :class=\"isLabelVisible ? undefined : 'sr-only'\"\n      data-slot=\"label\"\n    >{{ props.label || props.ariaLabel }}</label>\n\n    <!-- Number field control group -->\n    <div\n      :class=\"slotFns.group()\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :class=\"slotFns.decrementButton()\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-decrement-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n        </svg>\n      </NumberFieldDecrement>\n\n      <NumberFieldInput\n        :class=\"slotFns.input()\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :class=\"slotFns.incrementButton()\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-increment-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n          <path d=\"M12 5v14\" />\n        </svg>\n      </NumberFieldIncrement>\n    </div>\n  </NumberFieldRoot>\n</template>\n"],"mappings":""}