@auronui/vue 1.2.2 → 1.3.0

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'\n\nconst props = withDefaults(defineProps<{\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  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"props.disabled\"\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,66 @@
+import { composeClassName } from "../../utils/composeClassName.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: {
+		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 slotFns = navigationMenuVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuTrigger), {
+				disabled: props.disabled,
+				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'\n\nconst props = withDefaults(defineProps<{\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  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"props.disabled\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAcd,MAAM,UAAU,wBAAuB;;uBAIrC,YAuBwB,MAAA,sBAAA,EAAA;IAtBrB,UAAU,MAAM;IAChB,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/time-range-field/TimeRangeField.js

@@ -0,0 +1,7 @@
+import TimeRangeField_vue_vue_type_script_setup_true_lang_default from "./TimeRangeField.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/time-range-field/TimeRangeField.vue
+var TimeRangeField_default = TimeRangeField_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimeRangeField_default as default };
+
+//# sourceMappingURL=TimeRangeField.js.map

package/dist/components/time-range-field/TimeRangeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeField.js","names":[],"sources":["../../../src/components/time-range-field/TimeRangeField.vue"],"sourcesContent":["<!--\n  TimeRangeField — form-field mirror of DateRangeField.vue for a time range.\n\n  Same prop surface, data-attribute contract, floating-label behavior,\n  start/end content slots, and a11y wiring as DateRangeField. Renders TWO\n  segment lists (start + end) separated by a visible \"–\" glyph, using\n  @internationalized/date TimeValue instead of DateValue.\n-->\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useAttrs, useId, watch } from 'vue'\nimport { TimeRangeFieldRoot, TimeRangeFieldInput } from 'reka-ui'\nimport type { TimeValue } from 'reka-ui'\nimport { timeRangeFieldVariants, type TimeRangeFieldVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: false,\n  isRequired: false,\n  granularity: 'minute',\n  hideTimeZone: false,\n})\n\nconst modelValue = defineModel<TimeRange | null | undefined>()\n\nexport interface TimeRange {\n  start: TimeValue\n  end: TimeValue\n}\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: TimeRangeFieldVariants['variant']\n  /** Field height. @default 'md' */\n  size?: TimeRangeFieldVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: TimeRangeFieldVariants['color']\n  /** Label placement relative to the field. @default 'inside' */\n  labelPlacement?: TimeRangeFieldVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadOnly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Field label. When omitted, floating-label behavior is skipped. */\n  label?: string\n  /** Helper text below the field. Suppressed when isInvalid && errorMessage is shown. */\n  description?: string\n  /** Error text below the field. Only rendered when isInvalid is true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper. */\n  class?: ClassValue\n  /** Per-slot class overrides. Merged with tailwind-variants styles. */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    mainWrapper: ClassValue\n    inputWrapper: ClassValue\n    startContent: ClassValue\n    segmentList: ClassValue\n    segment: ClassValue\n    separator: ClassValue\n    endContent: ClassValue\n    helperWrapper: ClassValue\n    errorMessage: ClassValue\n    description: ClassValue\n  }>\n\n  /* ─── TimeRangeField-specific ─────────────────────────────────── */\n  defaultValue?: TimeRange\n  defaultPlaceholder?: TimeValue\n  placeholderValue?: TimeValue\n  minValue?: TimeValue\n  maxValue?: TimeValue\n  granularity?: 'hour' | 'minute' | 'second'\n  hourCycle?: 12 | 24\n  /** Steps for segment keyboard navigation. */\n  step?: Partial<Record<'hour' | 'minute' | 'second' | 'millisecond', number>>\n  hideTimeZone?: boolean\n  locale?: string\n  name?: string\n  /** Marks the field as required for form submission. */\n  required?: boolean\n  /** Text direction for the field. */\n  dir?: 'ltr' | 'rtl'\n  /** Render root as a different element or component. */\n  as?: string\n  /** Render root child as root element. */\n  asChild?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst fieldId = computed(() => (attrs.id as string | undefined) ?? `${generatedId}-field`)\nconst labelId = computed(() => `${generatedId}-label`)\nconst descriptionId = computed(() => `${generatedId}-description`)\nconst errorMessageId = computed(() => `${generatedId}-error`)\n\nconst hasLabel = computed(() => !!props.label)\nconst isFilled = computed(() => modelValue.value?.start != null || modelValue.value?.end != null)\n\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst fieldRef = ref<HTMLElement | null>(null)\n// Reka components expose their root DOM node via $el — unwrap before using DOM APIs.\nconst fieldEl = computed<HTMLElement | null>(() => {\n  const r = fieldRef.value as unknown as { $el?: HTMLElement } | HTMLElement | null\n  if (!r) return null\n  if (r instanceof HTMLElement) return r\n  return r.$el ?? null\n})\n\n// `isFocused` tracks focus on a TIME SEGMENT specifically — not any descendant.\nconst isFocused = ref(false)\nfunction updateSegmentFocus() {\n  const root = fieldEl.value\n  if (!root) { isFocused.value = false; return }\n  const active = (root.ownerDocument ?? document).activeElement as HTMLElement | null\n  isFocused.value = !!active\n    && root.contains(active)\n    && active.hasAttribute('data-reka-time-field-segment')\n}\nfunction onDocFocusIn() { updateSegmentFocus() }\nfunction onDocFocusOut() { queueMicrotask(updateSegmentFocus) }\n\n// Guard against focus snap-back after an outside click.\nlet suppressSegmentFocusUntil = 0\nfunction onDocPointerDown(e: PointerEvent) {\n  const root = fieldEl.value\n  if (!root) return\n  const target = e.target as Node | null\n  if (!target || root.contains(target)) return\n  suppressSegmentFocusUntil = performance.now() + 250\n  const active = (root.ownerDocument ?? document).activeElement as HTMLElement | null\n  if (active && root.contains(active) && active.hasAttribute('data-reka-time-field-segment')) {\n    active.blur()\n  }\n}\nfunction onDocFocusInGuard(e: FocusEvent) {\n  if (performance.now() >= suppressSegmentFocusUntil) return\n  const root = fieldEl.value\n  if (!root) return\n  const t = e.target as HTMLElement | null\n  if (t && root.contains(t) && t.hasAttribute?.('data-reka-time-field-segment')) {\n    t.blur()\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('focusin', onDocFocusIn)\n  document.addEventListener('focusout', onDocFocusOut)\n  document.addEventListener('pointerdown', onDocPointerDown, true)\n  document.addEventListener('focusin', onDocFocusInGuard, true)\n})\nonBeforeUnmount(() => {\n  document.removeEventListener('focusin', onDocFocusIn)\n  document.removeEventListener('focusout', onDocFocusOut)\n  document.removeEventListener('pointerdown', onDocPointerDown, true)\n  document.removeEventListener('focusin', onDocFocusInGuard, true)\n})\n\n// Track data-filled by sniffing rendered segments across BOTH segment lists.\nconst segmentsFilled = ref(false)\nfunction recomputeFilled() {\n  const root = fieldEl.value\n  if (!root || typeof root.querySelectorAll !== 'function') {\n    segmentsFilled.value = false\n    return\n  }\n  const segs = root.querySelectorAll('[data-reka-time-field-segment]:not([data-reka-time-field-segment=\"literal\"])')\n  let anyFilled = false\n  segs.forEach((el) => {\n    if ((el as HTMLElement).dataset.placeholder === 'false') anyFilled = true\n  })\n  segmentsFilled.value = anyFilled\n}\nwatch([modelValue, () => props.defaultValue, () => props.granularity, () => props.hourCycle], () => {\n  queueMicrotask(recomputeFilled)\n}, { immediate: true })\n\nconst effectiveFilled = computed(() => isFilled.value || segmentsFilled.value)\n\nfunction handleFieldMousedown(e: MouseEvent) {\n  const target = e.target as HTMLElement | null\n  if (!target) return\n  if (target.closest('[data-reka-time-field-segment]')) return\n  if (target.closest('[data-slot=\"start-content\"]')) return\n  if (target.closest('[data-slot=\"end-content\"]')) return\n  if (target.closest('button, [role=\"button\"]')) return\n  const root = fieldEl.value\n  if (!root) return\n  const active = (root.ownerDocument ?? document).activeElement as HTMLElement | null\n  if (active && root.contains(active) && active.hasAttribute('data-reka-time-field-segment')) {\n    return\n  }\n  const first = root.querySelector<HTMLElement>(\n    '[data-reka-time-field-segment]:not([data-reka-time-field-segment=\"literal\"])',\n  )\n  if (first) {\n    e.preventDefault()\n    first.focus()\n  }\n}\n\nconst slotFns = computed(() =>\n  timeRangeFieldVariants({\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    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\nconst showInsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement === 'inside',\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadOnly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n    data-slot=\"time-range-field\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :id=\"labelId\"\n      :for=\"fieldId\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"composeClassName(slotFns.mainWrapper(), props.classNames?.mainWrapper)\">\n      <TimeRangeFieldRoot\n        :id=\"fieldId\"\n        ref=\"fieldRef\"\n        v-model=\"modelValue\"\n        :default-value=\"defaultValue\"\n        :default-placeholder=\"defaultPlaceholder\"\n        :placeholder=\"placeholderValue\"\n        :min-value=\"minValue\"\n        :max-value=\"maxValue\"\n        :granularity=\"granularity\"\n        :hour-cycle=\"hourCycle\"\n        :step=\"step\"\n        :locale=\"locale\"\n        :disabled=\"isDisabled\"\n        :readonly=\"isReadOnly\"\n        :name=\"name\"\n        :hide-time-zone=\"hideTimeZone\"\n        :required=\"required\"\n        :dir=\"dir\"\n        :as=\"as\"\n        :as-child=\"asChild\"\n        :aria-labelledby=\"hasLabel ? labelId : undefined\"\n        :aria-describedby=\"ariaDescribedBy\"\n        :aria-required=\"isRequired || undefined\"\n        :aria-invalid=\"isInvalid || undefined\"\n        :class=\"composeClassName(slotFns.inputWrapper(), props.classNames?.inputWrapper)\"\n        :data-filled=\"hasLabel ? (effectiveFilled || undefined) : undefined\"\n        :data-focused=\"isFocused || undefined\"\n        :data-invalid=\"isInvalid || undefined\"\n        :data-disabled=\"isDisabled || undefined\"\n        :data-readonly=\"isReadOnly || undefined\"\n        @mousedown=\"handleFieldMousedown\"\n      >\n        <template #default=\"{ segments }\">\n          <label\n            v-if=\"showInsideLabel\"\n            :id=\"labelId\"\n            :for=\"fieldId\"\n            :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n          >{{ label }}<span\n            v-if=\"isRequired\"\n            aria-hidden=\"true\"\n          > *</span></label>\n\n          <span\n            v-if=\"$slots.startContent\"\n            :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n            data-slot=\"start-content\"\n          >\n            <slot name=\"startContent\" />\n          </span>\n\n          <div\n            :class=\"composeClassName(slotFns.segmentList(), props.classNames?.segmentList)\"\n            data-slot=\"segment-list\"\n            data-type=\"start\"\n          >\n            <template\n              v-for=\"(segment, _i) in segments.start\"\n              :key=\"`start-${_i}`\"\n            >\n              <TimeRangeFieldInput\n                :part=\"segment.part\"\n                type=\"start\"\n                :class=\"composeClassName(slotFns.segment(), props.classNames?.segment)\"\n              >\n                {{ segment.value }}\n              </TimeRangeFieldInput>\n            </template>\n          </div>\n\n          <span\n            :class=\"composeClassName(slotFns.separator(), props.classNames?.separator)\"\n            aria-hidden=\"true\"\n            data-slot=\"separator\"\n          >–</span>\n\n          <div\n            :class=\"composeClassName(slotFns.segmentList(), props.classNames?.segmentList)\"\n            data-slot=\"segment-list\"\n            data-type=\"end\"\n          >\n            <template\n              v-for=\"(segment, _i) in segments.end\"\n              :key=\"`end-${_i}`\"\n            >\n              <TimeRangeFieldInput\n                :part=\"segment.part\"\n                type=\"end\"\n                :class=\"composeClassName(slotFns.segment(), props.classNames?.segment)\"\n              >\n                {{ segment.value }}\n              </TimeRangeFieldInput>\n            </template>\n          </div>\n\n          <span\n            v-if=\"$slots.endContent\"\n            :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n            data-slot=\"end-content\"\n          >\n            <slot name=\"endContent\" />\n          </span>\n        </template>\n      </TimeRangeFieldRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"composeClassName(slotFns.helperWrapper(), props.classNames?.helperWrapper)\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"composeClassName(slotFns.errorMessage(), props.classNames?.errorMessage)\"\n          role=\"alert\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"composeClassName(slotFns.description(), props.classNames?.description)\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}