@auronui/vue 1.2.2 → 1.3.0

package/dist/components/month-picker/MonthPicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,185 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
+import { calendarVariants } from "@auronui/styles";
+import { MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerHeader, MonthPickerHeading, MonthPickerNext, MonthPickerPrev, MonthPickerRoot } from "reka-ui";
+//#region src/components/month-picker/MonthPicker.vue?vue&type=script&setup=true&lang.ts
+var MonthPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MonthPicker",
+	props: /* @__PURE__ */ mergeModels({
+		defaultValue: {},
+		defaultPlaceholder: {},
+		minValue: {},
+		maxValue: {},
+		isMonthDisabled: {},
+		isMonthUnavailable: {},
+		locale: {},
+		preventDeselect: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		calendarLabel: {},
+		initialFocus: { type: Boolean },
+		dir: {},
+		nextPage: {},
+		prevPage: {},
+		multiple: { type: Boolean },
+		as: {},
+		asChild: { type: Boolean },
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {},
+		"placeholder": {},
+		"placeholderModifiers": {}
+	}),
+	emits: ["update:modelValue", "update:placeholder"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		const placeholderModel = useModel(__props, "placeholder");
+		const slotFns = computed(() => calendarVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MonthPickerRoot), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				placeholder: placeholderModel.value,
+				"onUpdate:placeholder": _cache[1] || (_cache[1] = ($event) => placeholderModel.value = $event),
+				"default-value": __props.defaultValue,
+				"default-placeholder": __props.defaultPlaceholder,
+				"min-value": __props.minValue,
+				"max-value": __props.maxValue,
+				"is-month-disabled": __props.isMonthDisabled,
+				"is-month-unavailable": __props.isMonthUnavailable,
+				locale: __props.locale,
+				"prevent-deselect": __props.preventDeselect,
+				readonly: __props.readonly,
+				disabled: __props.disabled,
+				"calendar-label": __props.calendarLabel,
+				"initial-focus": __props.initialFocus,
+				dir: __props.dir,
+				"next-page": __props.nextPage,
+				"prev-page": __props.prevPage,
+				multiple: __props.multiple,
+				as: __props.as,
+				"as-child": __props.asChild,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base))
+			}, {
+				default: withCtx(({ grid }) => [createVNode(unref(MonthPickerHeader), { class: normalizeClass(unref(composeClassName)(slotFns.value.header(), props.classNames?.header)) }, {
+					default: withCtx(() => [
+						createVNode(unref(MonthPickerPrev), {
+							class: normalizeClass(unref(composeClassName)(slotFns.value.navButton(), props.classNames?.navButton)),
+							"aria-label": "Previous year"
+						}, {
+							default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+								class: normalizeClass(unref(composeClassName)(slotFns.value.navButtonIcon(), props.classNames?.navButtonIcon)),
+								xmlns: "http://www.w3.org/2000/svg",
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"aria-hidden": "true"
+							}, [..._cache[2] || (_cache[2] = [createElementVNode("polyline", { points: "15 18 9 12 15 6" }, null, -1)])], 2))]),
+							_: 1
+						}, 8, ["class"]),
+						createVNode(unref(MonthPickerHeading), { class: normalizeClass(unref(composeClassName)(slotFns.value.heading(), props.classNames?.heading)) }, {
+							default: withCtx(({ headingValue }) => [renderSlot(_ctx.$slots, "heading", { headingValue }, () => [createTextVNode(toDisplayString(headingValue), 1)])]),
+							_: 3
+						}, 8, ["class"]),
+						createVNode(unref(MonthPickerNext), {
+							class: normalizeClass(unref(composeClassName)(slotFns.value.navButton(), props.classNames?.navButton)),
+							"aria-label": "Next year"
+						}, {
+							default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+								class: normalizeClass(unref(composeClassName)(slotFns.value.navButtonIcon(), props.classNames?.navButtonIcon)),
+								xmlns: "http://www.w3.org/2000/svg",
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"aria-hidden": "true"
+							}, [..._cache[3] || (_cache[3] = [createElementVNode("polyline", { points: "9 18 15 12 9 6" }, null, -1)])], 2))]),
+							_: 1
+						}, 8, ["class"])
+					]),
+					_: 3
+				}, 8, ["class"]), createVNode(unref(MonthPickerGrid), { class: normalizeClass(unref(composeClassName)(slotFns.value.monthGrid(), props.classNames?.monthGrid)) }, {
+					default: withCtx(() => [createVNode(unref(MonthPickerGridBody), { class: normalizeClass(unref(composeClassName)(slotFns.value.monthGridBody(), props.classNames?.monthGridBody)) }, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(grid.rows, (row, rowIndex) => {
+							return openBlock(), createBlock(unref(MonthPickerGridRow), {
+								key: rowIndex,
+								class: normalizeClass(unref(composeClassName)(slotFns.value.monthGridRow(), props.classNames?.monthGridRow))
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (monthValue) => {
+									return openBlock(), createBlock(unref(MonthPickerCell), {
+										key: monthValue.toString(),
+										date: monthValue
+									}, {
+										default: withCtx(() => [createVNode(unref(MonthPickerCellTrigger), {
+											month: monthValue,
+											as: "button",
+											class: normalizeClass(unref(composeClassName)(slotFns.value.monthCell(), props.classNames?.monthCell))
+										}, null, 8, ["month", "class"])]),
+										_: 2
+									}, 1032, ["date"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["class"]);
+						}), 128))]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 2
+				}, 1032, ["class"])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"placeholder",
+				"default-value",
+				"default-placeholder",
+				"min-value",
+				"max-value",
+				"is-month-disabled",
+				"is-month-unavailable",
+				"locale",
+				"prevent-deselect",
+				"readonly",
+				"disabled",
+				"calendar-label",
+				"initial-focus",
+				"dir",
+				"next-page",
+				"prev-page",
+				"multiple",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { MonthPicker_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MonthPicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/month-picker/MonthPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/month-picker/MonthPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple selections. */\n  multiple?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <MonthPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\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            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\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            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/month-range-picker/MonthRangePicker.js

@@ -0,0 +1,7 @@
+import MonthRangePicker_vue_vue_type_script_setup_true_lang_default from "./MonthRangePicker.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/month-range-picker/MonthRangePicker.vue
+var MonthRangePicker_default = MonthRangePicker_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MonthRangePicker_default as default };
+
+//# sourceMappingURL=MonthRangePicker.js.map

package/dist/components/month-range-picker/MonthRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthRangePicker.js","names":[],"sources":["../../../src/components/month-range-picker/MonthRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthRangePickerRoot,\n  MonthRangePickerHeader,\n  MonthRangePickerHeading,\n  MonthRangePickerPrev,\n  MonthRangePickerNext,\n  MonthRangePickerGrid,\n  MonthRangePickerGridBody,\n  MonthRangePickerGridRow,\n  MonthRangePickerCell,\n  MonthRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { monthRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumMonths?: number\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => monthRangePickerVariants())\n</script>\n\n<template>\n  <MonthRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-months=\"maximumMonths\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthRangePickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\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            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthRangePickerPrev>\n\n        <MonthRangePickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthRangePickerHeading>\n\n        <MonthRangePickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\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            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthRangePickerNext>\n      </MonthRangePickerHeader>\n\n      <MonthRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <MonthRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <MonthRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <MonthRangePickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthRangePickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </MonthRangePickerCell>\n          </MonthRangePickerGridRow>\n        </MonthRangePickerGridBody>\n      </MonthRangePickerGrid>\n    </template>\n  </MonthRangePickerRoot>\n</template>\n"],"mappings":""}

package/dist/components/month-range-picker/MonthRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,196 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
+import { monthRangePickerVariants } from "@auronui/styles";
+import { MonthRangePickerCell, MonthRangePickerCellTrigger, MonthRangePickerGrid, MonthRangePickerGridBody, MonthRangePickerGridRow, MonthRangePickerHeader, MonthRangePickerHeading, MonthRangePickerNext, MonthRangePickerPrev, MonthRangePickerRoot } from "reka-ui";
+//#region src/components/month-range-picker/MonthRangePicker.vue?vue&type=script&setup=true&lang.ts
+var MonthRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MonthRangePicker",
+	props: /* @__PURE__ */ mergeModels({
+		defaultValue: {},
+		defaultPlaceholder: {},
+		minValue: {},
+		maxValue: {},
+		isMonthDisabled: {},
+		isMonthUnavailable: {},
+		locale: {},
+		preventDeselect: {
+			type: Boolean,
+			default: false
+		},
+		allowNonContiguousRanges: {
+			type: Boolean,
+			default: false
+		},
+		maximumMonths: {},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		calendarLabel: {},
+		initialFocus: { type: Boolean },
+		dir: {},
+		nextPage: {},
+		prevPage: {},
+		fixedDate: {},
+		as: {},
+		asChild: { type: Boolean },
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {},
+		"placeholder": {},
+		"placeholderModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:start-value"], ["update:modelValue", "update:placeholder"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const placeholderModel = useModel(__props, "placeholder");
+		const slotFns = computed(() => monthRangePickerVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MonthRangePickerRoot), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				placeholder: placeholderModel.value,
+				"onUpdate:placeholder": _cache[1] || (_cache[1] = ($event) => placeholderModel.value = $event),
+				"default-value": __props.defaultValue ?? void 0,
+				"default-placeholder": __props.defaultPlaceholder,
+				"min-value": __props.minValue,
+				"max-value": __props.maxValue,
+				"is-month-disabled": __props.isMonthDisabled,
+				"is-month-unavailable": __props.isMonthUnavailable,
+				locale: __props.locale,
+				"prevent-deselect": __props.preventDeselect,
+				"allow-non-contiguous-ranges": __props.allowNonContiguousRanges,
+				"maximum-months": __props.maximumMonths,
+				readonly: __props.readonly,
+				disabled: __props.disabled,
+				"calendar-label": __props.calendarLabel,
+				"initial-focus": __props.initialFocus,
+				dir: __props.dir,
+				"next-page": __props.nextPage,
+				"prev-page": __props.prevPage,
+				"fixed-date": __props.fixedDate,
+				as: __props.as,
+				"as-child": __props.asChild,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
+				"onUpdate:startValue": _cache[2] || (_cache[2] = ($event) => emit("update:start-value", $event))
+			}, {
+				default: withCtx(({ grid }) => [createVNode(unref(MonthRangePickerHeader), { class: normalizeClass(unref(composeClassName)(slotFns.value.header(), props.classNames?.header)) }, {
+					default: withCtx(() => [
+						createVNode(unref(MonthRangePickerPrev), {
+							class: normalizeClass(unref(composeClassName)(slotFns.value.navButton(), props.classNames?.navButton)),
+							"aria-label": "Previous year"
+						}, {
+							default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+								class: normalizeClass(unref(composeClassName)(slotFns.value.navButtonIcon(), props.classNames?.navButtonIcon)),
+								xmlns: "http://www.w3.org/2000/svg",
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"aria-hidden": "true"
+							}, [..._cache[3] || (_cache[3] = [createElementVNode("polyline", { points: "15 18 9 12 15 6" }, null, -1)])], 2))]),
+							_: 1
+						}, 8, ["class"]),
+						createVNode(unref(MonthRangePickerHeading), { class: normalizeClass(unref(composeClassName)(slotFns.value.heading(), props.classNames?.heading)) }, {
+							default: withCtx(({ headingValue }) => [renderSlot(_ctx.$slots, "heading", { headingValue }, () => [createTextVNode(toDisplayString(headingValue), 1)])]),
+							_: 3
+						}, 8, ["class"]),
+						createVNode(unref(MonthRangePickerNext), {
+							class: normalizeClass(unref(composeClassName)(slotFns.value.navButton(), props.classNames?.navButton)),
+							"aria-label": "Next year"
+						}, {
+							default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+								class: normalizeClass(unref(composeClassName)(slotFns.value.navButtonIcon(), props.classNames?.navButtonIcon)),
+								xmlns: "http://www.w3.org/2000/svg",
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"aria-hidden": "true"
+							}, [..._cache[4] || (_cache[4] = [createElementVNode("polyline", { points: "9 18 15 12 9 6" }, null, -1)])], 2))]),
+							_: 1
+						}, 8, ["class"])
+					]),
+					_: 3
+				}, 8, ["class"]), createVNode(unref(MonthRangePickerGrid), { class: normalizeClass(unref(composeClassName)(slotFns.value.grid(), props.classNames?.grid)) }, {
+					default: withCtx(() => [createVNode(unref(MonthRangePickerGridBody), { class: normalizeClass(unref(composeClassName)(slotFns.value.gridBody(), props.classNames?.gridBody)) }, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(grid.rows, (row, rowIndex) => {
+							return openBlock(), createBlock(unref(MonthRangePickerGridRow), {
+								key: rowIndex,
+								class: normalizeClass(unref(composeClassName)(slotFns.value.gridRow(), props.classNames?.gridRow))
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (monthValue) => {
+									return openBlock(), createBlock(unref(MonthRangePickerCell), {
+										key: monthValue.toString(),
+										date: monthValue
+									}, {
+										default: withCtx(() => [createVNode(unref(MonthRangePickerCellTrigger), {
+											month: monthValue,
+											as: "button",
+											class: normalizeClass(unref(composeClassName)(slotFns.value.cell(), props.classNames?.cell))
+										}, null, 8, ["month", "class"])]),
+										_: 2
+									}, 1032, ["date"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["class"]);
+						}), 128))]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 2
+				}, 1032, ["class"])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"placeholder",
+				"default-value",
+				"default-placeholder",
+				"min-value",
+				"max-value",
+				"is-month-disabled",
+				"is-month-unavailable",
+				"locale",
+				"prevent-deselect",
+				"allow-non-contiguous-ranges",
+				"maximum-months",
+				"readonly",
+				"disabled",
+				"calendar-label",
+				"initial-focus",
+				"dir",
+				"next-page",
+				"prev-page",
+				"fixed-date",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { MonthRangePicker_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MonthRangePicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/month-range-picker/MonthRangePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthRangePicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/month-range-picker/MonthRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthRangePickerRoot,\n  MonthRangePickerHeader,\n  MonthRangePickerHeading,\n  MonthRangePickerPrev,\n  MonthRangePickerNext,\n  MonthRangePickerGrid,\n  MonthRangePickerGridBody,\n  MonthRangePickerGridRow,\n  MonthRangePickerCell,\n  MonthRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { monthRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumMonths?: number\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => monthRangePickerVariants())\n</script>\n\n<template>\n  <MonthRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-months=\"maximumMonths\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthRangePickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\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            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthRangePickerPrev>\n\n        <MonthRangePickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthRangePickerHeading>\n\n        <MonthRangePickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\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            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthRangePickerNext>\n      </MonthRangePickerHeader>\n\n      <MonthRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <MonthRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <MonthRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <MonthRangePickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthRangePickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </MonthRangePickerCell>\n          </MonthRangePickerGridRow>\n        </MonthRangePickerGridBody>\n      </MonthRangePickerGrid>\n    </template>\n  </MonthRangePickerRoot>\n</template>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { NavigationMenuRoot } from 'reka-ui'\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: string\n  dir?: 'ltr' | 'rtl'\n  /** The orientation of the menu. @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical'\n  /** Duration (ms) from pointer entering a trigger until its flyout opens. @default 200 */\n  delayDuration?: number\n  /** How much time (ms) a user has to enter another trigger without incurring the delay again. @default 300 */\n  skipDelayDuration?: number\n  /** When true, a trigger's flyout cannot be opened by clicking it. @default false */\n  disableClickTrigger?: boolean\n  /** When true, a trigger's flyout cannot be opened by hovering it. @default false */\n  disableHoverTrigger?: boolean\n  /** When true, the flyout will not close on pointer leave. @default false */\n  disablePointerLeaveClose?: boolean\n  /** When true, closed content is unmounted from the DOM rather than hidden. @default true */\n  unmountOnHide?: boolean\n  class?: ClassValue\n}>(), {\n  defaultValue: undefined,\n  dir: undefined,\n  orientation: undefined,\n  delayDuration: undefined,\n  skipDelayDuration: undefined,\n  disableClickTrigger: undefined,\n  disableHoverTrigger: undefined,\n  disablePointerLeaveClose: undefined,\n  unmountOnHide: undefined,\n  class: undefined,\n})\n\nconst modelValue = defineModel<string>()\n\nconst slotFns = computed(() => navigationMenuVariants())\n</script>\n\n<template>\n  <NavigationMenuRoot\n    v-model=\"modelValue\"\n    :default-value=\"defaultValue\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :delay-duration=\"props.delayDuration\"\n    :skip-delay-duration=\"props.skipDelayDuration\"\n    :disable-click-trigger=\"props.disableClickTrigger\"\n    :disable-hover-trigger=\"props.disableHoverTrigger\"\n    :disable-pointer-leave-close=\"props.disablePointerLeaveClose\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :class=\"composeClassName(slotFns.root(), props.class)\"\n  >\n    <slot />\n  </NavigationMenuRoot>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,85 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import { navigationMenuVariants } from "@auronui/styles";
+import { NavigationMenuRoot } from "reka-ui";
+//#region src/components/navigation-menu/NavigationMenu.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationMenu",
+	props: /* @__PURE__ */ mergeModels({
+		defaultValue: { default: void 0 },
+		dir: { default: void 0 },
+		orientation: { default: void 0 },
+		delayDuration: { default: void 0 },
+		skipDelayDuration: { default: void 0 },
+		disableClickTrigger: {
+			type: Boolean,
+			default: void 0
+		},
+		disableHoverTrigger: {
+			type: Boolean,
+			default: void 0
+		},
+		disablePointerLeaveClose: {
+			type: Boolean,
+			default: void 0
+		},
+		unmountOnHide: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		const slotFns = computed(() => navigationMenuVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuRoot), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				"default-value": __props.defaultValue,
+				dir: props.dir,
+				orientation: props.orientation,
+				"delay-duration": props.delayDuration,
+				"skip-delay-duration": props.skipDelayDuration,
+				"disable-click-trigger": props.disableClickTrigger,
+				"disable-hover-trigger": props.disableHoverTrigger,
+				"disable-pointer-leave-close": props.disablePointerLeaveClose,
+				"unmount-on-hide": props.unmountOnHide,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.root(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"default-value",
+				"dir",
+				"orientation",
+				"delay-duration",
+				"skip-delay-duration",
+				"disable-click-trigger",
+				"disable-hover-trigger",
+				"disable-pointer-leave-close",
+				"unmount-on-hide",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { NavigationMenu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NavigationMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { NavigationMenuRoot } from 'reka-ui'\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: string\n  dir?: 'ltr' | 'rtl'\n  /** The orientation of the menu. @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical'\n  /** Duration (ms) from pointer entering a trigger until its flyout opens. @default 200 */\n  delayDuration?: number\n  /** How much time (ms) a user has to enter another trigger without incurring the delay again. @default 300 */\n  skipDelayDuration?: number\n  /** When true, a trigger's flyout cannot be opened by clicking it. @default false */\n  disableClickTrigger?: boolean\n  /** When true, a trigger's flyout cannot be opened by hovering it. @default false */\n  disableHoverTrigger?: boolean\n  /** When true, the flyout will not close on pointer leave. @default false */\n  disablePointerLeaveClose?: boolean\n  /** When true, closed content is unmounted from the DOM rather than hidden. @default true */\n  unmountOnHide?: boolean\n  class?: ClassValue\n}>(), {\n  defaultValue: undefined,\n  dir: undefined,\n  orientation: undefined,\n  delayDuration: undefined,\n  skipDelayDuration: undefined,\n  disableClickTrigger: undefined,\n  disableHoverTrigger: undefined,\n  disablePointerLeaveClose: undefined,\n  unmountOnHide: undefined,\n  class: undefined,\n})\n\nconst modelValue = defineModel<string>()\n\nconst slotFns = computed(() => navigationMenuVariants())\n</script>\n\n<template>\n  <NavigationMenuRoot\n    v-model=\"modelValue\"\n    :default-value=\"defaultValue\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :delay-duration=\"props.delayDuration\"\n    :skip-delay-duration=\"props.skipDelayDuration\"\n    :disable-click-trigger=\"props.disableClickTrigger\"\n    :disable-hover-trigger=\"props.disableHoverTrigger\"\n    :disable-pointer-leave-close=\"props.disablePointerLeaveClose\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :class=\"composeClassName(slotFns.root(), props.class)\"\n  >\n    <slot />\n  </NavigationMenuRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EA+Bd,MAAM,aAAa,SAAmB,SAAA,aAAC;EAEvC,MAAM,UAAU,eAAe,wBAAwB,CAAA;;uBAIrD,YAcqB,MAAA,mBAAA,EAAA;gBAbV,WAAA;4EAAU,QAAA;IAClB,iBAAe,QAAA;IACf,KAAK,MAAM;IACX,aAAa,MAAM;IACnB,kBAAgB,MAAM;IACtB,uBAAqB,MAAM;IAC3B,yBAAuB,MAAM;IAC7B,yBAAuB,MAAM;IAC7B,+BAA6B,MAAM;IACnC,mBAAiB,MAAM;IACvB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAE5C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContent.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":""}

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