@auronui/vue 1.2.2 → 1.4.0

package/dist/components/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { navigationMenuVariants } from "@auronui/styles";
+import { NavigationMenuContent } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenuContent.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenuContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			default: void 0
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slotFns = navigationMenuVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuContent), {
+				"force-mount": props.forceMount,
+				"disable-outside-pointer-events": props.disableOutsidePointerEvents,
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).content(), props.class)),
+				onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+				onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
+				onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
+				onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"force-mount",
+				"disable-outside-pointer-events",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { NavigationMenuContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenuContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuContent } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  /** Used to force mounting when more control is needed (e.g. custom animation). */\n  forceMount?: boolean\n  /** When true, disables pointer interaction with elements outside this content. */\n  disableOutsidePointerEvents?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  forceMount: undefined,\n  disableOutsidePointerEvents: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n}>()\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuContent\n    :force-mount=\"props.forceMount\"\n    :disable-outside-pointer-events=\"props.disableOutsidePointerEvents\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.content(), props.class)\"\n    @escape-key-down=\"emit('escape-key-down', $event)\"\n    @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n    @focus-outside=\"emit('focus-outside', $event)\"\n    @interact-outside=\"emit('interact-outside', $event)\"\n  >\n    <slot />\n  </NavigationMenuContent>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAkBd,MAAM,OAAO;EAOb,MAAM,UAAU,wBAAuB;;uBAIrC,YAYwB,MAAA,sBAAA,EAAA;IAXrB,eAAa,MAAM;IACnB,kCAAgC,MAAM;IACtC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;IACtD,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;IAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;IACzD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;IAC3C,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;2BAE1C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/navigation-menu/NavigationMenuIndicator.js

@@ -0,0 +1,7 @@
+import NavigationMenuIndicator_vue_vue_type_script_setup_true_lang_default from "./NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/navigation-menu/NavigationMenuIndicator.vue
+var NavigationMenuIndicator_default = NavigationMenuIndicator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavigationMenuIndicator_default as default };
+
+//# sourceMappingURL=NavigationMenuIndicator.js.map

package/dist/components/navigation-menu/NavigationMenuIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuIndicator.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuIndicator } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  /** Used to force mounting when more control is needed. */\n  forceMount?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  forceMount: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuIndicator\n    :force-mount=\"props.forceMount\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.indicator(), props.class)\"\n  >\n    <div :class=\"slotFns.indicatorArrow()\" />\n  </NavigationMenuIndicator>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { navigationMenuVariants } from "@auronui/styles";
+import { NavigationMenuIndicator } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenuIndicator.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenuIndicator",
+	props: {
+		forceMount: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = navigationMenuVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuIndicator), {
+				"force-mount": props.forceMount,
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).indicator(), props.class))
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(slotFns).indicatorArrow()) }, null, 2)]),
+				_: 1
+			}, 8, [
+				"force-mount",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { NavigationMenuIndicator_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuIndicator } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  /** Used to force mounting when more control is needed. */\n  forceMount?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  forceMount: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuIndicator\n    :force-mount=\"props.forceMount\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.indicator(), props.class)\"\n  >\n    <div :class=\"slotFns.indicatorArrow()\" />\n  </NavigationMenuIndicator>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAed,MAAM,UAAU,wBAAuB;;uBAIrC,YAO0B,MAAA,wBAAA,EAAA;IANvB,eAAa,MAAM;IACnB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,WAAS,EAAI,MAAM,MAAK,CAAA;;2BAEhB,CAAzC,mBAAyC,OAAA,EAAnC,OAAK,eAAE,MAAA,QAAO,CAAC,gBAAc,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA"}

package/dist/components/navigation-menu/NavigationMenuItem.js

@@ -0,0 +1,7 @@
+import NavigationMenuItem_vue_vue_type_script_setup_true_lang_default from "./NavigationMenuItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/navigation-menu/NavigationMenuItem.vue
+var NavigationMenuItem_default = NavigationMenuItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavigationMenuItem_default as default };
+
+//# sourceMappingURL=NavigationMenuItem.js.map

package/dist/components/navigation-menu/NavigationMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NavigationMenuItem } from 'reka-ui'\n\nconst props = defineProps<{\n  /** A unique value that associates the item with the active value when the menu is controlled. Managed automatically when uncontrolled. */\n  value?: string\n}>()\n</script>\n\n<template>\n  <NavigationMenuItem :value=\"props.value\">\n    <slot />\n  </NavigationMenuItem>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/navigation-menu/NavigationMenuItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NavigationMenuItem } from 'reka-ui'\n\nconst props = defineProps<{\n  /** A unique value that associates the item with the active value when the menu is controlled. Managed automatically when uncontrolled. */\n  value?: string\n}>()\n</script>\n\n<template>\n  <NavigationMenuItem :value=\"props.value\">\n    <slot />\n  </NavigationMenuItem>\n</template>\n"],"mappings":";;;;;;;EAGA,MAAM,QAAQ;;uBAOZ,YAEqB,MAAA,mBAAA,EAAA,EAFA,OAAO,MAAM,OAAA,EAAA;2BACxB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/navigation-menu/NavigationMenuLink.js

@@ -0,0 +1,7 @@
+import NavigationMenuLink_vue_vue_type_script_setup_true_lang_default from "./NavigationMenuLink.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/navigation-menu/NavigationMenuLink.vue
+var NavigationMenuLink_default = NavigationMenuLink_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavigationMenuLink_default as default };
+
+//# sourceMappingURL=NavigationMenuLink.js.map

package/dist/components/navigation-menu/NavigationMenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuLink.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { linkVariants, type LinkVariants } from '@auronui/styles'\nimport { NavigationMenuLink } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  target?: string\n  rel?: string\n  /** Identifies this link as the currently active page. */\n  active?: boolean\n  color?: LinkVariants['color']\n  underline?: LinkVariants['underline']\n  class?: ClassValue\n  /** Render as a different element or component. @default 'a' */\n  as?: string | object\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  href: undefined,\n  target: undefined,\n  rel: undefined,\n  active: undefined,\n  color: undefined,\n  underline: undefined,\n  class: undefined,\n  as: 'a',\n  asChild: undefined,\n})\n\nconst emit = defineEmits<{\n  select: [payload: CustomEvent<{ originalEvent: Event }>]\n}>()\n\nconst slotFns = linkVariants({\n  color: props.color,\n  underline: props.underline,\n})\n</script>\n\n<template>\n  <NavigationMenuLink\n    :href=\"props.href\"\n    :target=\"props.target\"\n    :rel=\"props.rel\"\n    :active=\"props.active\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot />\n  </NavigationMenuLink>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { linkVariants } from "@auronui/styles";
+import { NavigationMenuLink } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenuLink.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenuLink",
+	props: {
+		href: { default: void 0 },
+		target: { default: void 0 },
+		rel: { default: void 0 },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		color: { default: void 0 },
+		underline: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		as: { default: "a" },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slotFns = linkVariants({
+			color: props.color,
+			underline: props.underline
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuLink), {
+				href: props.href,
+				target: props.target,
+				rel: props.rel,
+				active: props.active,
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).base(), props.class)),
+				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"href",
+				"target",
+				"rel",
+				"active",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { NavigationMenuLink_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenuLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/navigation-menu/NavigationMenuLink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuLink.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { linkVariants, type LinkVariants } from '@auronui/styles'\nimport { NavigationMenuLink } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  target?: string\n  rel?: string\n  /** Identifies this link as the currently active page. */\n  active?: boolean\n  color?: LinkVariants['color']\n  underline?: LinkVariants['underline']\n  class?: ClassValue\n  /** Render as a different element or component. @default 'a' */\n  as?: string | object\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  href: undefined,\n  target: undefined,\n  rel: undefined,\n  active: undefined,\n  color: undefined,\n  underline: undefined,\n  class: undefined,\n  as: 'a',\n  asChild: undefined,\n})\n\nconst emit = defineEmits<{\n  select: [payload: CustomEvent<{ originalEvent: Event }>]\n}>()\n\nconst slotFns = linkVariants({\n  color: props.color,\n  underline: props.underline,\n})\n</script>\n\n<template>\n  <NavigationMenuLink\n    :href=\"props.href\"\n    :target=\"props.target\"\n    :rel=\"props.rel\"\n    :active=\"props.active\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot />\n  </NavigationMenuLink>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAIb,MAAM,UAAU,aAAa;GAC3B,OAAO,MAAM;GACb,WAAW,MAAM;GAClB,CAAA;;uBAIC,YAWqB,MAAA,mBAAA,EAAA;IAVlB,MAAM,MAAM;IACZ,QAAQ,MAAM;IACd,KAAK,MAAM;IACX,QAAQ,MAAM;IACd,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAEtB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/navigation-menu/NavigationMenuList.js

@@ -0,0 +1,7 @@
+import NavigationMenuList_vue_vue_type_script_setup_true_lang_default from "./NavigationMenuList.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/navigation-menu/NavigationMenuList.vue
+var NavigationMenuList_default = NavigationMenuList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavigationMenuList_default as default };
+
+//# sourceMappingURL=NavigationMenuList.js.map

package/dist/components/navigation-menu/NavigationMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuList.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuList } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  class: undefined,\n  as: undefined,\n  asChild: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuList\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.list(), props.class)\"\n  >\n    <slot />\n  </NavigationMenuList>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { navigationMenuVariants } from "@auronui/styles";
+import { NavigationMenuList } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenuList.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenuList",
+	props: {
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = navigationMenuVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuList), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).list(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { NavigationMenuList_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenuList.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/navigation-menu/NavigationMenuList.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuList.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuList } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  class: undefined,\n  as: undefined,\n  asChild: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuList\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.list(), props.class)\"\n  >\n    <slot />\n  </NavigationMenuList>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAYd,MAAM,UAAU,wBAAuB;;uBAIrC,YAMqB,MAAA,mBAAA,EAAA;IALlB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAE5C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/navigation-menu/NavigationMenuSub.js

@@ -0,0 +1,7 @@
+import NavigationMenuSub_vue_vue_type_script_setup_true_lang_default from "./NavigationMenuSub.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/navigation-menu/NavigationMenuSub.vue
+var NavigationMenuSub_default = NavigationMenuSub_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavigationMenuSub_default as default };
+
+//# sourceMappingURL=NavigationMenuSub.js.map

package/dist/components/navigation-menu/NavigationMenuSub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuSub.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuSub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NavigationMenuSub } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: string\n  /** The orientation of the sub-menu. */\n  orientation?: 'horizontal' | 'vertical'\n}>(), {\n  defaultValue: undefined,\n  orientation: undefined,\n})\n\nconst modelValue = defineModel<string>()\n</script>\n\n<template>\n  <NavigationMenuSub v-model=\"modelValue\" :default-value=\"props.defaultValue\" :orientation=\"props.orientation\">\n    <slot />\n  </NavigationMenuSub>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuSub.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { createBlock, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import { NavigationMenuSub } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenuSub.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuSub_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenuSub",
+	props: /* @__PURE__ */ mergeModels({
+		defaultValue: { default: void 0 },
+		orientation: { default: void 0 }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuSub), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				"default-value": props.defaultValue,
+				orientation: props.orientation
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"default-value",
+				"orientation"
+			]);
+		};
+	}
+});
+//#endregion
+export { NavigationMenuSub_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenuSub.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/navigation-menu/NavigationMenuSub.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuSub.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuSub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NavigationMenuSub } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: string\n  /** The orientation of the sub-menu. */\n  orientation?: 'horizontal' | 'vertical'\n}>(), {\n  defaultValue: undefined,\n  orientation: undefined,\n})\n\nconst modelValue = defineModel<string>()\n</script>\n\n<template>\n  <NavigationMenuSub v-model=\"modelValue\" :default-value=\"props.defaultValue\" :orientation=\"props.orientation\">\n    <slot />\n  </NavigationMenuSub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAGA,MAAM,QAAQ;EASd,MAAM,aAAa,SAAmB,SAAA,aAAC;;uBAIrC,YAEoB,MAAA,kBAAA,EAAA;gBAFQ,WAAA;4EAAU,QAAA;IAAG,iBAAe,MAAM;IAAe,aAAa,MAAM;;2BACtF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/navigation-menu/NavigationMenuTrigger.js

@@ -0,0 +1,7 @@
+import NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default from "./NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/navigation-menu/NavigationMenuTrigger.vue
+var NavigationMenuTrigger_default = NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavigationMenuTrigger_default as default };
+
+//# sourceMappingURL=NavigationMenuTrigger.js.map

package/dist/components/navigation-menu/NavigationMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuTrigger.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuTrigger } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'NavigationMenuTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.trigger(), props.class)\"\n  >\n    <slot />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\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      aria-hidden=\"true\"\n      data-slot=\"navigation-menu-trigger--chevron\"\n      :class=\"slotFns.chevron()\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  </NavigationMenuTrigger>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
+import { createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { navigationMenuVariants } from "@auronui/styles";
+import { NavigationMenuTrigger } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenuTrigger.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenuTrigger",
+	props: {
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("NavigationMenuTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		const slotFns = navigationMenuVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuTrigger), {
+				disabled: unref(isDisabled),
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).trigger(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), (openBlock(), createElementBlock("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "12",
+					height: "12",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true",
+					"data-slot": "navigation-menu-trigger--chevron",
+					class: normalizeClass(unref(slotFns).chevron())
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1)])], 2))]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuTrigger } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'NavigationMenuTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.trigger(), props.class)\"\n  >\n    <slot />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\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      aria-hidden=\"true\"\n      data-slot=\"navigation-menu-trigger--chevron\"\n      :class=\"slotFns.chevron()\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  </NavigationMenuTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAiBd,MAAM,aAAa,yBACjB,yBAAyB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACzF;EAEA,MAAM,UAAU,wBAAuB;;uBAIrC,YAuBwB,MAAA,sBAAA,EAAA;IAtBrB,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE/C,CAAR,WAAQ,KAAA,QAAA,UAAA,GAAA,WAAA,EACR,mBAeM,OAAA;KAdJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,aAAU;KACT,OAAK,eAAE,MAAA,QAAO,CAAC,SAAO,CAAA;sCAEvB,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA"}

package/dist/components/navigation-menu/NavigationMenuViewport.js

@@ -0,0 +1,7 @@
+import NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default from "./NavigationMenuViewport.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/navigation-menu/NavigationMenuViewport.vue
+var NavigationMenuViewport_default = NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavigationMenuViewport_default as default };
+
+//# sourceMappingURL=NavigationMenuViewport.js.map

package/dist/components/navigation-menu/NavigationMenuViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuViewport.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuViewport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuViewport } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  /** Used to force mounting when more control is needed. */\n  forceMount?: boolean\n  /** Placement of the viewport relative to its trigger. @default 'center' */\n  align?: 'start' | 'center' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  forceMount: undefined,\n  align: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <div :class=\"slotFns.viewportWrapper()\">\n    <NavigationMenuViewport\n      :force-mount=\"props.forceMount\"\n      :align=\"props.align\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"composeClassName(slotFns.viewport(), props.class)\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuViewport.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { navigationMenuVariants } from "@auronui/styles";
+import { NavigationMenuViewport } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenuViewport.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenuViewport",
+	props: {
+		forceMount: {
+			type: Boolean,
+			default: void 0
+		},
+		align: { default: void 0 },
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = navigationMenuVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(slotFns).viewportWrapper()) }, [createVNode(unref(NavigationMenuViewport), {
+				"force-mount": props.forceMount,
+				align: props.align,
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).viewport(), props.class))
+			}, null, 8, [
+				"force-mount",
+				"align",
+				"as",
+				"as-child",
+				"class"
+			])], 2);
+		};
+	}
+});
+//#endregion
+export { NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenuViewport.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/navigation-menu/NavigationMenuViewport.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuViewport.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuViewport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuViewport } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  /** Used to force mounting when more control is needed. */\n  forceMount?: boolean\n  /** Placement of the viewport relative to its trigger. @default 'center' */\n  align?: 'start' | 'center' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  forceMount: undefined,\n  align: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <div :class=\"slotFns.viewportWrapper()\">\n    <NavigationMenuViewport\n      :force-mount=\"props.forceMount\"\n      :align=\"props.align\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"composeClassName(slotFns.viewport(), props.class)\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAkBd,MAAM,UAAU,wBAAuB;;uBAIrC,mBAQM,OAAA,EARA,OAAK,eAAE,MAAA,QAAO,CAAC,iBAAe,CAAA,EAAA,EAAA,CAClC,YAME,MAAA,uBAAA,EAAA;IALC,eAAa,MAAM;IACnB,OAAO,MAAM;IACb,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,UAAQ,EAAI,MAAM,MAAK,CAAA"}

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

@@ -1 +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 , type ClassValue} 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  /** Default value when uncontrolled. */\n  defaultValue?: number\n  /** Whether to snap the value to the nearest step. */\n  stepSnapping?: boolean\n  /** Whether to focus the input on increment/decrement. */\n  focusOnChange?: boolean\n  /** Disable changing value with mouse wheel. */\n  disableWheelChange?: boolean\n  /** Invert the direction of mouse wheel change. */\n  invertWheelChange?: boolean\n  /** Whether NumberFieldRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render NumberFieldRoot as. */\n  as?: string\n  /** Whether the field is required. */\n  required?: boolean\n  /** Whether NumberFieldInput renders as a child element. */\n  inputAsChild?: boolean\n  /** Element or component to render NumberFieldInput as. */\n  inputAs?: string\n  /** Whether NumberFieldIncrement renders as a child element. */\n  incrementAsChild?: boolean\n  /** Element or component to render NumberFieldIncrement as. */\n  incrementAs?: string\n  /** Whether NumberFieldDecrement renders as a child element. */\n  decrementAsChild?: boolean\n  /** Element or component to render NumberFieldDecrement as. */\n  decrementAs?: string\n  class?: ClassValue\n  /** Per-slot classNames override object for custom styling */\n  classNames?: Partial<{\n    base: ClassValue\n    group: ClassValue\n    decrementButton: ClassValue\n    input: ClassValue\n    incrementButton: ClassValue\n  }>\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, props.classNames?.base)\"\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=\"composeClassName(slotFns.group(), props.classNames?.group)\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.decrementButton(), props.classNames?.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=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.incrementButton(), props.classNames?.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":""}
+{"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 , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\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  /** @deprecated Use isReadOnly instead. */\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  /** Default value when uncontrolled. */\n  defaultValue?: number\n  /** Whether to snap the value to the nearest step. */\n  stepSnapping?: boolean\n  /** Whether to focus the input on increment/decrement. */\n  focusOnChange?: boolean\n  /** Disable changing value with mouse wheel. */\n  disableWheelChange?: boolean\n  /** Invert the direction of mouse wheel change. */\n  invertWheelChange?: boolean\n  /** Whether NumberFieldRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render NumberFieldRoot as. */\n  as?: string\n  isRequired?: boolean\n  /**\n   * Whether the field is required.\n   * @deprecated Use isRequired instead.\n   */\n  required?: boolean\n  /** Whether NumberFieldInput renders as a child element. */\n  inputAsChild?: boolean\n  /** Element or component to render NumberFieldInput as. */\n  inputAs?: string\n  /** Whether NumberFieldIncrement renders as a child element. */\n  incrementAsChild?: boolean\n  /** Element or component to render NumberFieldIncrement as. */\n  incrementAs?: string\n  /** Whether NumberFieldDecrement renders as a child element. */\n  decrementAsChild?: boolean\n  /** Element or component to render NumberFieldDecrement as. */\n  decrementAs?: string\n  class?: ClassValue\n  /** Per-slot classNames override object for custom styling */\n  classNames?: Partial<{\n    base: ClassValue\n    group: ClassValue\n    decrementButton: ClassValue\n    input: ClassValue\n    incrementButton: ClassValue\n  }>\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: undefined,\n  isReadonly: undefined,\n  step: 1,\n  min: undefined,\n  max: undefined,\n  formatOptions: undefined,\n  locale: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n  isRequired: undefined,\n  required: undefined,\n})\n\nconst modelValue = defineModel<number | undefined>()\n\n// `required`/`isRequired` currently have no template site to forward to (see\n// plan note for this file) — the resolver is declared for parity with every\n// other file in this migration group, but intentionally left unread here so\n// it stays inert (referencing the ComputedRef itself, not `.value`, avoids\n// triggering its lazy evaluation — and the deprecation warning inside it —\n// as a side effect of satisfying the compiler's unused-variable check).\nconst isRequired = useDeprecatedBooleanProp(\n  'NumberField', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\nvoid isRequired\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'NumberField', 'isReadOnly', () => props.isReadOnly, 'isReadonly', () => props.isReadonly,\n)\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: isReadOnly.value,\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=\"isReadOnly || undefined\"\n    :format-options=\"props.formatOptions\"\n    :locale=\"props.locale\"\n    :name=\"props.name\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"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=\"composeClassName(slotFns.group(), props.classNames?.group)\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.decrementButton(), props.classNames?.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=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.incrementButton(), props.classNames?.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":""}