@auronui/vue 1.3.0 → 1.4.0

package/dist/components/_shared/FieldLabel.js

@@ -0,0 +1,7 @@
+import FieldLabel_vue_vue_type_script_setup_true_lang_default from "./FieldLabel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/_shared/FieldLabel.vue
+var FieldLabel_default = FieldLabel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FieldLabel_default as default };
+
+//# sourceMappingURL=FieldLabel.js.map

package/dist/components/_shared/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","names":[],"sources":["../../../src/components/_shared/FieldLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  for: string\n  label?: string\n  isRequired?: boolean\n  class?: ClassValue\n  /**\n   * Optional id on the rendered label element itself — needed when a\n   * consumer (e.g. a non-native widget root) points `aria-labelledby` at\n   * this label instead of relying solely on `for`/`id` association.\n   */\n  id?: string\n}>()\n</script>\n\n<template>\n  <label\n    v-if=\"label\"\n    :id=\"id\"\n    :for=\"props.for\"\n    :class=\"props.class\"\n  >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n</template>\n"],"mappings":""}

package/dist/components/_shared/FieldLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, toDisplayString } from "vue";
+//#region src/components/_shared/FieldLabel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "for"];
+var _hoisted_2 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var FieldLabel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldLabel",
+	props: {
+		for: {},
+		label: {},
+		isRequired: { type: Boolean },
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		id: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return __props.label ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				id: __props.id,
+				for: props.for,
+				class: normalizeClass(props.class)
+			}, [createTextVNode(toDisplayString(__props.label), 1), __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_2, " *")) : createCommentVNode("", true)], 10, _hoisted_1)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { FieldLabel_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=FieldLabel.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/_shared/FieldLabel.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/_shared/FieldLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  for: string\n  label?: string\n  isRequired?: boolean\n  class?: ClassValue\n  /**\n   * Optional id on the rendered label element itself — needed when a\n   * consumer (e.g. a non-native widget root) points `aria-labelledby` at\n   * this label instead of relying solely on `for`/`id` association.\n   */\n  id?: string\n}>()\n</script>\n\n<template>\n  <label\n    v-if=\"label\"\n    :id=\"id\"\n    :for=\"props.for\"\n    :class=\"props.class\"\n  >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;;UAgBJ,QAAA,SAAA,WAAA,EADR,mBAQoB,SAAA;;IANjB,IAAI,QAAA;IACJ,KAAK,MAAM;IACX,OAAK,eAAE,MAAM,MAAK;uCACjB,QAAA,MAAK,EAAA,EAAA,EACC,QAAA,cAAA,WAAA,EADE,mBAGA,QAHA,YAGT,KAAE,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/_shared/FormFieldHelper.js

@@ -0,0 +1,7 @@
+import FormFieldHelper_vue_vue_type_script_setup_true_lang_default from "./FormFieldHelper.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/_shared/FormFieldHelper.vue
+var FormFieldHelper_default = FormFieldHelper_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FormFieldHelper_default as default };
+
+//# sourceMappingURL=FormFieldHelper.js.map

package/dist/components/_shared/FormFieldHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldHelper.js","names":[],"sources":["../../../src/components/_shared/FormFieldHelper.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClassValue } from '../../utils/composeClassName'\n\ndefineProps<{\n  hasHelper: boolean\n  showError: boolean\n  showDescription: boolean\n  errorMessage?: string\n  description?: string\n  errorMessageId: string\n  descriptionId: string\n  wrapperClass?: ClassValue\n  errorClass?: ClassValue\n  descriptionClass?: ClassValue\n  /**\n   * Optional `role` for the error message element (e.g. `\"alert\"` so\n   * assistive tech announces it as a live region). Omitted by default to\n   * match components that don't set one.\n   */\n  errorRole?: string\n}>()\n</script>\n\n<template>\n  <div\n    v-if=\"hasHelper\"\n    :class=\"wrapperClass\"\n  >\n    <div\n      v-if=\"showError\"\n      :id=\"errorMessageId\"\n      :class=\"errorClass\"\n      :role=\"errorRole\"\n    >\n      {{ errorMessage }}\n    </div>\n    <div\n      v-else-if=\"showDescription\"\n      :id=\"descriptionId\"\n      :class=\"descriptionClass\"\n    >\n      {{ description }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/_shared/FormFieldHelper.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString } from "vue";
+//#region src/components/_shared/FormFieldHelper.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "role"];
+var _hoisted_2 = ["id"];
+var FormFieldHelper_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FormFieldHelper",
+	props: {
+		hasHelper: { type: Boolean },
+		showError: { type: Boolean },
+		showDescription: { type: Boolean },
+		errorMessage: {},
+		description: {},
+		errorMessageId: {},
+		descriptionId: {},
+		wrapperClass: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		errorClass: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		descriptionClass: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		errorRole: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.hasHelper ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(__props.wrapperClass)
+			}, [__props.showError ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: __props.errorMessageId,
+				class: normalizeClass(__props.errorClass),
+				role: __props.errorRole
+			}, toDisplayString(__props.errorMessage), 11, _hoisted_1)) : __props.showDescription ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: __props.descriptionId,
+				class: normalizeClass(__props.descriptionClass)
+			}, toDisplayString(__props.description), 11, _hoisted_2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { FormFieldHelper_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=FormFieldHelper.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/_shared/FormFieldHelper.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldHelper.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/_shared/FormFieldHelper.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClassValue } from '../../utils/composeClassName'\n\ndefineProps<{\n  hasHelper: boolean\n  showError: boolean\n  showDescription: boolean\n  errorMessage?: string\n  description?: string\n  errorMessageId: string\n  descriptionId: string\n  wrapperClass?: ClassValue\n  errorClass?: ClassValue\n  descriptionClass?: ClassValue\n  /**\n   * Optional `role` for the error message element (e.g. `\"alert\"` so\n   * assistive tech announces it as a live region). Omitted by default to\n   * match components that don't set one.\n   */\n  errorRole?: string\n}>()\n</script>\n\n<template>\n  <div\n    v-if=\"hasHelper\"\n    :class=\"wrapperClass\"\n  >\n    <div\n      v-if=\"showError\"\n      :id=\"errorMessageId\"\n      :class=\"errorClass\"\n      :role=\"errorRole\"\n    >\n      {{ errorMessage }}\n    </div>\n    <div\n      v-else-if=\"showDescription\"\n      :id=\"descriptionId\"\n      :class=\"descriptionClass\"\n    >\n      {{ description }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAyBU,QAAA,aAAA,WAAA,EADR,mBAmBM,OAAA;;IAjBH,OAAK,eAAE,QAAA,aAAY;OAGZ,QAAA,aAAA,WAAA,EADR,mBAOM,OAAA;;IALH,IAAI,QAAA;IACJ,OAAK,eAAE,QAAA,WAAU;IACjB,MAAM,QAAA;sBAEJ,QAAA,aAAY,EAAA,IAAA,WAAA,IAGJ,QAAA,mBAAA,WAAA,EADb,mBAMM,OAAA;;IAJH,IAAI,QAAA;IACJ,OAAK,eAAE,QAAA,iBAAgB;sBAErB,QAAA,YAAW,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/_shared/TimeScroller.js

@@ -0,0 +1,7 @@
+import TimeScroller_vue_vue_type_script_setup_true_lang_default from "./TimeScroller.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/_shared/TimeScroller.vue
+var TimeScroller_default = TimeScroller_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimeScroller_default as default };
+
+//# sourceMappingURL=TimeScroller.js.map

package/dist/components/_shared/TimeScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeScroller.js","names":[],"sources":["../../../src/components/_shared/TimeScroller.vue"],"sourcesContent":["<!-- packages/vue/src/components/_shared/TimeScroller.vue -->\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport type { Time, CalendarDateTime } from '@internationalized/date'\n\nconst props = withDefaults(defineProps<{\n  modelValue: Time | CalendarDateTime\n  granularity?: 'minute' | 'second'\n  hourCycle?: 12 | 24\n  class?: string\n}>(), {\n  granularity: 'minute',\n  hourCycle: 24,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Time | CalendarDateTime]\n}>()\n\n// ─── Column data ─────────────────────────────────────────────────────────\n\nconst hours24 = Array.from({ length: 24 }, (_, i) => i)\nconst hours12 = [12, ...Array.from({ length: 11 }, (_, i) => i + 1)] // 12,1..11\nconst minutes = Array.from({ length: 60 }, (_, i) => i)\nconst seconds = Array.from({ length: 60 }, (_, i) => i)\nconst ampm = ['AM', 'PM']\n\nconst hourItems = computed(() =>\n  props.hourCycle === 12 ? hours12 : hours24,\n)\n\ntype Column = { key: string; items: (number | string)[]; loop: boolean }\n\nconst columns = computed<Column[]>(() => {\n  const cols: Column[] = [\n    { key: 'hour', items: hourItems.value, loop: true },\n    { key: 'minute', items: minutes, loop: true },\n  ]\n  if (props.granularity === 'second') cols.push({ key: 'second', items: seconds, loop: true })\n  // AM/PM is a short, finite column — it does not loop.\n  if (props.hourCycle === 12) cols.push({ key: 'ampm', items: ampm, loop: false })\n  return cols\n})\n\n// ─── Infinite circular scroll ─────────────────────────────────────────────\n// Numeric columns repeat their list REPEAT times and start in the middle copy.\n// On scroll, whenever the position drifts out of the middle band we jump it\n// back by whole cycles — invisible because the content is identical — so the\n// wheel can be dragged endlessly in either direction.\n\n// Three copies is the minimum for a seamless loop: a buffer copy at each end\n// plus the middle copy the user actually sits in. More copies = needless DOM.\nconst REPEAT = 3\nconst ITEM_H = 40 // 2.5rem at 16px base\nconst columnRefs = ref<HTMLElement[]>([])\n\nfunction renderItems(col: Column): (number | string)[] {\n  if (!col.loop) return col.items\n  const out: (number | string)[] = []\n  for (let r = 0; r < REPEAT; r++) out.push(...col.items)\n  return out\n}\n\nfunction cycleHeight(col: Column): number {\n  return col.items.length * ITEM_H\n}\n\n// Keep the scroll position inside the inner copies [cycle, total-cycle); when it\n// drifts into the first or last buffer copy, jump it by (REPEAT-2) cycles. The\n// content is identical, so the jump is invisible and the wheel feels endless.\nfunction onColumnScroll(i: number, colEl: HTMLElement) {\n  const col = columns.value[i]\n  if (!col.loop) return\n  const cycle = cycleHeight(col)\n  const total = cycle * REPEAT\n  const recenter = (REPEAT - 2) * cycle\n  if (colEl.scrollTop < cycle) {\n    colEl.scrollTop += recenter\n  } else if (colEl.scrollTop >= total - cycle) {\n    colEl.scrollTop -= recenter\n  }\n}\n\nonMounted(() => {\n  columns.value.forEach((col, i) => {\n    const el = columnRefs.value[i]\n    if (el && col.loop) el.scrollTop = cycleHeight(col) * Math.floor(REPEAT / 2)\n  })\n})\n\n// ─── Selection (tap to select) ─────────────────────────────────────────────\n// Selection is by VALUE, so every repeated copy of the chosen number highlights.\n\nfunction isSelected(key: string, item: number | string): boolean {\n  const v = props.modelValue\n  if (key === 'hour') {\n    if (props.hourCycle === 12) {\n      const h12 = v.hour % 12 === 0 ? 12 : v.hour % 12\n      return item === h12\n    }\n    return item === v.hour\n  }\n  if (key === 'minute') return item === v.minute\n  if (key === 'second') return item === (v.second ?? 0)\n  if (key === 'ampm') return item === (v.hour >= 12 ? 'PM' : 'AM')\n  return false\n}\n\nfunction onItemClick(key: string, item: number | string) {\n  const v = props.modelValue\n  if (key === 'hour') {\n    let newHour: number\n    if (props.hourCycle === 12) {\n      const isPm = v.hour >= 12\n      const h12 = item as number\n      newHour = h12 === 12 ? (isPm ? 12 : 0) : isPm ? h12 + 12 : h12\n    } else {\n      newHour = item as number\n    }\n    emit('update:modelValue', v.set({ hour: newHour }))\n  } else if (key === 'minute') {\n    emit('update:modelValue', v.set({ minute: item as number }))\n  } else if (key === 'second') {\n    emit('update:modelValue', v.set({ second: item as number }))\n  } else if (key === 'ampm') {\n    const isPm = item === 'PM'\n    const currentPm = v.hour >= 12\n    if (isPm !== currentPm) {\n      emit('update:modelValue', v.set({ hour: isPm ? v.hour + 12 : v.hour - 12 }))\n    }\n  }\n}\n\n// ─── Label helpers ───────────────────────────────────────────────────────\n\nfunction columnLabel(key: string): string {\n  if (key === 'hour') return 'Hour'\n  if (key === 'minute') return 'Minute'\n  if (key === 'second') return 'Second'\n  return 'AM/PM'\n}\n\nfunction itemLabel(item: number | string): string {\n  if (typeof item === 'string') return item\n  return String(item).padStart(2, '0')\n}\n\n// expose for testing\ndefineExpose({ columnRefs, columns })\n</script>\n\n<template>\n  <div\n    :class=\"['date-time-picker__scroller-wrap', props.class]\"\n    data-slot=\"time-scroller\"\n  >\n    <div\n      v-for=\"(col, i) in columns\"\n      :key=\"col.key\"\n      :ref=\"(el) => { if (el) columnRefs[i] = el as HTMLElement }\"\n      class=\"date-time-picker__scroller-column\"\n      :aria-label=\"columnLabel(col.key)\"\n      data-slot=\"scroller-column\"\n      role=\"listbox\"\n      tabindex=\"0\"\n      @scroll.passive=\"onColumnScroll(i, ($event.currentTarget as HTMLElement))\"\n    >\n      <div\n        v-for=\"(item, idx) in renderItems(col)\"\n        :key=\"idx\"\n        class=\"date-time-picker__scroller-item\"\n        :data-selected=\"isSelected(col.key, item) ? 'true' : undefined\"\n        :aria-selected=\"isSelected(col.key, item)\"\n        role=\"option\"\n        @click=\"onItemClick(col.key, item)\"\n      >\n        {{ itemLabel(item) }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{date-time-picker/DateTimePickerTimeScroller.vue_vue_type_script_setup_true_lang.js → _shared/TimeScroller.vue_vue_type_script_setup_true_lang.js}

@@ -1,6 +1,5 @@
 import { Fragment, computed, createElementBlock, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString } from "vue";
-import "@internationalized/date";
-//#region src/components/date-time-picker/DateTimePickerTimeScroller.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/_shared/TimeScroller.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "onScrollPassive"];
 var _hoisted_2 = [
 	"data-selected",
@@ -9,8 +8,8 @@ var _hoisted_2 = [
 ];
 var REPEAT = 3;
 var ITEM_H = 40;
-var DateTimePickerTimeScroller_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DateTimePickerTimeScroller",
+var TimeScroller_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TimeScroller",
 	props: {
 		modelValue: {},
 		granularity: { default: "minute" },
@@ -148,6 +147,6 @@ var DateTimePickerTimeScroller_vue_vue_type_script_setup_true_lang_default = /*
 	}
 });
 //#endregion
-export { DateTimePickerTimeScroller_vue_vue_type_script_setup_true_lang_default as default };
+export { TimeScroller_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=DateTimePickerTimeScroller.vue_vue_type_script_setup_true_lang.js.map
+//# sourceMappingURL=TimeScroller.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/_shared/TimeScroller.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeScroller.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/_shared/TimeScroller.vue"],"sourcesContent":["<!-- packages/vue/src/components/_shared/TimeScroller.vue -->\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport type { Time, CalendarDateTime } from '@internationalized/date'\n\nconst props = withDefaults(defineProps<{\n  modelValue: Time | CalendarDateTime\n  granularity?: 'minute' | 'second'\n  hourCycle?: 12 | 24\n  class?: string\n}>(), {\n  granularity: 'minute',\n  hourCycle: 24,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Time | CalendarDateTime]\n}>()\n\n// ─── Column data ─────────────────────────────────────────────────────────\n\nconst hours24 = Array.from({ length: 24 }, (_, i) => i)\nconst hours12 = [12, ...Array.from({ length: 11 }, (_, i) => i + 1)] // 12,1..11\nconst minutes = Array.from({ length: 60 }, (_, i) => i)\nconst seconds = Array.from({ length: 60 }, (_, i) => i)\nconst ampm = ['AM', 'PM']\n\nconst hourItems = computed(() =>\n  props.hourCycle === 12 ? hours12 : hours24,\n)\n\ntype Column = { key: string; items: (number | string)[]; loop: boolean }\n\nconst columns = computed<Column[]>(() => {\n  const cols: Column[] = [\n    { key: 'hour', items: hourItems.value, loop: true },\n    { key: 'minute', items: minutes, loop: true },\n  ]\n  if (props.granularity === 'second') cols.push({ key: 'second', items: seconds, loop: true })\n  // AM/PM is a short, finite column — it does not loop.\n  if (props.hourCycle === 12) cols.push({ key: 'ampm', items: ampm, loop: false })\n  return cols\n})\n\n// ─── Infinite circular scroll ─────────────────────────────────────────────\n// Numeric columns repeat their list REPEAT times and start in the middle copy.\n// On scroll, whenever the position drifts out of the middle band we jump it\n// back by whole cycles — invisible because the content is identical — so the\n// wheel can be dragged endlessly in either direction.\n\n// Three copies is the minimum for a seamless loop: a buffer copy at each end\n// plus the middle copy the user actually sits in. More copies = needless DOM.\nconst REPEAT = 3\nconst ITEM_H = 40 // 2.5rem at 16px base\nconst columnRefs = ref<HTMLElement[]>([])\n\nfunction renderItems(col: Column): (number | string)[] {\n  if (!col.loop) return col.items\n  const out: (number | string)[] = []\n  for (let r = 0; r < REPEAT; r++) out.push(...col.items)\n  return out\n}\n\nfunction cycleHeight(col: Column): number {\n  return col.items.length * ITEM_H\n}\n\n// Keep the scroll position inside the inner copies [cycle, total-cycle); when it\n// drifts into the first or last buffer copy, jump it by (REPEAT-2) cycles. The\n// content is identical, so the jump is invisible and the wheel feels endless.\nfunction onColumnScroll(i: number, colEl: HTMLElement) {\n  const col = columns.value[i]\n  if (!col.loop) return\n  const cycle = cycleHeight(col)\n  const total = cycle * REPEAT\n  const recenter = (REPEAT - 2) * cycle\n  if (colEl.scrollTop < cycle) {\n    colEl.scrollTop += recenter\n  } else if (colEl.scrollTop >= total - cycle) {\n    colEl.scrollTop -= recenter\n  }\n}\n\nonMounted(() => {\n  columns.value.forEach((col, i) => {\n    const el = columnRefs.value[i]\n    if (el && col.loop) el.scrollTop = cycleHeight(col) * Math.floor(REPEAT / 2)\n  })\n})\n\n// ─── Selection (tap to select) ─────────────────────────────────────────────\n// Selection is by VALUE, so every repeated copy of the chosen number highlights.\n\nfunction isSelected(key: string, item: number | string): boolean {\n  const v = props.modelValue\n  if (key === 'hour') {\n    if (props.hourCycle === 12) {\n      const h12 = v.hour % 12 === 0 ? 12 : v.hour % 12\n      return item === h12\n    }\n    return item === v.hour\n  }\n  if (key === 'minute') return item === v.minute\n  if (key === 'second') return item === (v.second ?? 0)\n  if (key === 'ampm') return item === (v.hour >= 12 ? 'PM' : 'AM')\n  return false\n}\n\nfunction onItemClick(key: string, item: number | string) {\n  const v = props.modelValue\n  if (key === 'hour') {\n    let newHour: number\n    if (props.hourCycle === 12) {\n      const isPm = v.hour >= 12\n      const h12 = item as number\n      newHour = h12 === 12 ? (isPm ? 12 : 0) : isPm ? h12 + 12 : h12\n    } else {\n      newHour = item as number\n    }\n    emit('update:modelValue', v.set({ hour: newHour }))\n  } else if (key === 'minute') {\n    emit('update:modelValue', v.set({ minute: item as number }))\n  } else if (key === 'second') {\n    emit('update:modelValue', v.set({ second: item as number }))\n  } else if (key === 'ampm') {\n    const isPm = item === 'PM'\n    const currentPm = v.hour >= 12\n    if (isPm !== currentPm) {\n      emit('update:modelValue', v.set({ hour: isPm ? v.hour + 12 : v.hour - 12 }))\n    }\n  }\n}\n\n// ─── Label helpers ───────────────────────────────────────────────────────\n\nfunction columnLabel(key: string): string {\n  if (key === 'hour') return 'Hour'\n  if (key === 'minute') return 'Minute'\n  if (key === 'second') return 'Second'\n  return 'AM/PM'\n}\n\nfunction itemLabel(item: number | string): string {\n  if (typeof item === 'string') return item\n  return String(item).padStart(2, '0')\n}\n\n// expose for testing\ndefineExpose({ columnRefs, columns })\n</script>\n\n<template>\n  <div\n    :class=\"['date-time-picker__scroller-wrap', props.class]\"\n    data-slot=\"time-scroller\"\n  >\n    <div\n      v-for=\"(col, i) in columns\"\n      :key=\"col.key\"\n      :ref=\"(el) => { if (el) columnRefs[i] = el as HTMLElement }\"\n      class=\"date-time-picker__scroller-column\"\n      :aria-label=\"columnLabel(col.key)\"\n      data-slot=\"scroller-column\"\n      role=\"listbox\"\n      tabindex=\"0\"\n      @scroll.passive=\"onColumnScroll(i, ($event.currentTarget as HTMLElement))\"\n    >\n      <div\n        v-for=\"(item, idx) in renderItems(col)\"\n        :key=\"idx\"\n        class=\"date-time-picker__scroller-item\"\n        :data-selected=\"isSelected(col.key, item) ? 'true' : undefined\"\n        :aria-selected=\"isSelected(col.key, item)\"\n        role=\"option\"\n        @click=\"onItemClick(col.key, item)\"\n      >\n        {{ itemLabel(item) }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;AAqDA,IAAM,SAAS;AACf,IAAM,SAAS;;;;;;;;;;;EAjDf,MAAM,QAAQ;EAWd,MAAM,OAAO;EAMb,MAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,IAAI,GAAG,GAAG,MAAM,EAAC;EACtD,MAAM,UAAU,CAAC,IAAI,GAAG,MAAM,KAAK,EAAE,QAAQ,IAAI,GAAG,GAAG,MAAM,IAAI,EAAE,CAAC;EACpE,MAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,IAAI,GAAG,GAAG,MAAM,EAAC;EACtD,MAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,IAAI,GAAG,GAAG,MAAM,EAAC;EACtD,MAAM,OAAO,CAAC,MAAM,KAAI;EAExB,MAAM,YAAY,eAChB,MAAM,cAAc,KAAK,UAAU,QACrC;EAIA,MAAM,UAAU,eAAyB;GACvC,MAAM,OAAiB,CACrB;IAAE,KAAK;IAAQ,OAAO,UAAU;IAAO,MAAM;IAAM,EACnD;IAAE,KAAK;IAAU,OAAO;IAAS,MAAM;IAAM,CAC/C;AACA,OAAI,MAAM,gBAAgB,SAAU,MAAK,KAAK;IAAE,KAAK;IAAU,OAAO;IAAS,MAAM;IAAM,CAAA;AAE3F,OAAI,MAAM,cAAc,GAAI,MAAK,KAAK;IAAE,KAAK;IAAQ,OAAO;IAAM,MAAM;IAAO,CAAA;AAC/E,UAAO;IACR;EAYD,MAAM,aAAa,IAAmB,EAAE,CAAA;EAExC,SAAS,YAAY,KAAkC;AACrD,OAAI,CAAC,IAAI,KAAM,QAAO,IAAI;GAC1B,MAAM,MAA2B,EAAC;AAClC,QAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,IAAK,KAAI,KAAK,GAAG,IAAI,MAAK;AACtD,UAAO;;EAGT,SAAS,YAAY,KAAqB;AACxC,UAAO,IAAI,MAAM,SAAS;;EAM5B,SAAS,eAAe,GAAW,OAAoB;GACrD,MAAM,MAAM,QAAQ,MAAM;AAC1B,OAAI,CAAC,IAAI,KAAM;GACf,MAAM,QAAQ,YAAY,IAAG;GAC7B,MAAM,QAAQ,QAAQ;GACtB,MAAM,YAAY,SAAS,KAAK;AAChC,OAAI,MAAM,YAAY,MACpB,OAAM,aAAa;YACV,MAAM,aAAa,QAAQ,MACpC,OAAM,aAAa;;AAIvB,kBAAgB;AACd,WAAQ,MAAM,SAAS,KAAK,MAAM;IAChC,MAAM,KAAK,WAAW,MAAM;AAC5B,QAAI,MAAM,IAAI,KAAM,IAAG,YAAY,YAAY,IAAI,GAAG,KAAK,MAAM,SAAS,EAAC;KAC5E;IACF;EAKD,SAAS,WAAW,KAAa,MAAgC;GAC/D,MAAM,IAAI,MAAM;AAChB,OAAI,QAAQ,QAAQ;AAClB,QAAI,MAAM,cAAc,GAEtB,QAAO,UADK,EAAE,OAAO,OAAO,IAAI,KAAK,EAAE,OAAO;AAGhD,WAAO,SAAS,EAAE;;AAEpB,OAAI,QAAQ,SAAU,QAAO,SAAS,EAAE;AACxC,OAAI,QAAQ,SAAU,QAAO,UAAU,EAAE,UAAU;AACnD,OAAI,QAAQ,OAAQ,QAAO,UAAU,EAAE,QAAQ,KAAK,OAAO;AAC3D,UAAO;;EAGT,SAAS,YAAY,KAAa,MAAuB;GACvD,MAAM,IAAI,MAAM;AAChB,OAAI,QAAQ,QAAQ;IAClB,IAAI;AACJ,QAAI,MAAM,cAAc,IAAI;KAC1B,MAAM,OAAO,EAAE,QAAQ;KACvB,MAAM,MAAM;AACZ,eAAU,QAAQ,KAAM,OAAO,KAAK,IAAK,OAAO,MAAM,KAAK;UAE3D,WAAU;AAEZ,SAAK,qBAAqB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC,CAAA;cACzC,QAAQ,SACjB,MAAK,qBAAqB,EAAE,IAAI,EAAE,QAAQ,MAAgB,CAAC,CAAA;YAClD,QAAQ,SACjB,MAAK,qBAAqB,EAAE,IAAI,EAAE,QAAQ,MAAgB,CAAC,CAAA;YAClD,QAAQ,QAAQ;IACzB,MAAM,OAAO,SAAS;AAEtB,QAAI,SADc,EAAE,QAAQ,GAE1B,MAAK,qBAAqB,EAAE,IAAI,EAAE,MAAM,OAAO,EAAE,OAAO,KAAK,EAAE,OAAO,IAAI,CAAC,CAAA;;;EAOjF,SAAS,YAAY,KAAqB;AACxC,OAAI,QAAQ,OAAQ,QAAO;AAC3B,OAAI,QAAQ,SAAU,QAAO;AAC7B,OAAI,QAAQ,SAAU,QAAO;AAC7B,UAAO;;EAGT,SAAS,UAAU,MAA+B;AAChD,OAAI,OAAO,SAAS,SAAU,QAAO;AACrC,UAAO,OAAO,KAAK,CAAC,SAAS,GAAG,IAAG;;AAIrC,WAAa;GAAE;GAAY;GAAS,CAAA;;uBAIlC,mBA2BM,OAAA;IA1BH,OAAK,eAAA,CAAA,mCAAsC,MAAM,MAAK,CAAA;IACvD,aAAU;yBAEV,mBAsBM,UAAA,MAAA,WArBe,QAAA,QAAX,KAAK,MAAC;wBADhB,mBAsBM,OAAA;KApBH,KAAK,IAAI;;KACT,MAAM,OAAE;AAAA,UAAW,GAAI,YAAA,MAAW,KAAK;;KACxC,OAAM;KACL,cAAY,YAAY,IAAI,IAAG;KAChC,aAAU;KACV,MAAK;KACL,UAAS;kCACQ,eAAe,GAAI,OAAO,cAAa;0BAExD,mBAUM,UAAA,MAAA,WATkB,YAAY,IAAG,GAA7B,MAAM,QAAG;yBADnB,mBAUM,OAAA;MARH,KAAK;MACN,OAAM;MACL,iBAAe,WAAW,IAAI,KAAK,KAAI,GAAA,SAAa,KAAA;MACpD,iBAAe,WAAW,IAAI,KAAK,KAAI;MACxC,MAAK;MACJ,UAAK,WAAE,YAAY,IAAI,KAAK,KAAI;wBAE9B,UAAU,KAAI,CAAA,EAAA,GAAA,WAAA"}

package/dist/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  disabled?: boolean\n  dir?: 'ltr' | 'rtl'\n  orientation?: 'horizontal' | 'vertical'\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  disabled: false,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"props.disabled\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  dir?: 'ltr' | 'rtl'\n  orientation?: 'horizontal' | 'vertical'\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  isDisabled: undefined,\n  disabled: undefined,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'Accordion', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"isDisabled\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :is-disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":""}

package/dist/components/accordion/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useAccordionProvide } from "./accordion.context.js";
 import AccordionItem_default from "./AccordionItem.js";
 import AccordionHeader_default from "./AccordionHeader.js";
@@ -18,9 +19,13 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Boolean,
 			default: true
 		},
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		dir: {},
 		orientation: {},
@@ -43,6 +48,7 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const isDisabled = useDeprecatedBooleanProp("Accordion", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slotFns = computed(() => accordionVariants({
 			variant: props.variant,
 			size: props.size
@@ -54,7 +60,7 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"model-value": props.modelValue,
 				"default-value": props.defaultValue,
 				collapsible: props.collapsible,
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				dir: props.dir,
 				orientation: props.orientation,
 				"unmount-on-hide": props.unmountOnHide,
@@ -69,7 +75,7 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					return openBlock(), createBlock(AccordionItem_default, {
 						key: item.value,
 						value: item.value,
-						disabled: item.disabled
+						"is-disabled": item.disabled
 					}, {
 						default: withCtx(() => [createVNode(AccordionHeader_default, null, {
 							default: withCtx(() => [createVNode(AccordionTrigger_default, null, {
@@ -82,7 +88,7 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 							_: 2
 						}, 1024)]),
 						_: 2
-					}, 1032, ["value", "disabled"]);
+					}, 1032, ["value", "is-disabled"]);
 				}), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })]),
 				_: 3
 			}, 8, [

package/dist/components/accordion/Accordion.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  disabled?: boolean\n  dir?: 'ltr' | 'rtl'\n  orientation?: 'horizontal' | 'vertical'\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  disabled: false,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"props.disabled\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EA4Bd,MAAM,OAAO;EAIb,MAAM,UAAU,eAAe,kBAAkB;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,CAAC,CAAA;AAE9F,sBAAoB,EAAE,SAAS,CAAA;;uBAI7B,YA4BgB,MAAA,cAAA,EAAA;IA3Bb,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,aAAa,MAAM;IACnB,UAAU,MAAM;IAChB,KAAK,MAAM;IACX,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAA0C;AAAA,SAAW,MAAM,KAAA,EAAW,MAAI,qBAAsB,EAAC;;;2BAc5G,CAZK,MAAM,SAAA,UAAA,KAAA,EACpB,mBAUgB,UAAA,EAAA,KAAA,GAAA,EAAA,WATC,MAAM,QAAd,SAAI;yBADb,YAUgB,uBAAA;MARb,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,UAAU,KAAK;;6BAIE,CAFlB,YAEkB,yBAAA,MAAA;8BADqC,CAArD,YAAqD,0BAAA,MAAA;+BAAnB,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;gBAEjC,YAAuD,0BAAA,MAAA;8BAAnB,CAAA,gBAAA,gBAAf,KAAK,QAAO,EAAA,EAAA,CAAA,CAAA;;;;;gBAGrC,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"Accordion.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  dir?: 'ltr' | 'rtl'\n  orientation?: 'horizontal' | 'vertical'\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  isDisabled: undefined,\n  disabled: undefined,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'Accordion', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"isDisabled\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :is-disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EA+Bd,MAAM,OAAO;EAIb,MAAM,aAAa,yBACjB,aAAa,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC7E;EAEA,MAAM,UAAU,eAAe,kBAAkB;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,CAAC,CAAA;AAE9F,sBAAoB,EAAE,SAAS,CAAA;;uBAI7B,YA4BgB,MAAA,cAAA,EAAA;IA3Bb,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,aAAa,MAAM;IACnB,UAAU,MAAA,WAAU;IACpB,KAAK,MAAM;IACX,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAA0C;AAAA,SAAW,MAAM,KAAA,EAAW,MAAI,qBAAsB,EAAC;;;2BAc5G,CAZK,MAAM,SAAA,UAAA,KAAA,EACpB,mBAUgB,UAAA,EAAA,KAAA,GAAA,EAAA,WATC,MAAM,QAAd,SAAI;yBADb,YAUgB,uBAAA;MARb,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,eAAa,KAAK;;6BAID,CAFlB,YAEkB,yBAAA,MAAA;8BADqC,CAArD,YAAqD,0BAAA,MAAA;+BAAnB,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;gBAEjC,YAAuD,0BAAA,MAAA;8BAAnB,CAAA,gBAAA,gBAAf,KAAK,QAAO,EAAA,EAAA,CAAA,CAAA;;;;;gBAGrC,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>()\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'AccordionItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"isDisabled\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":""}

package/dist/components/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useAccordionInject } from "./accordion.context.js";
 import { useAccordionItemProvide } from "./accordion-item.context.js";
 import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, useTemplateRef, withCtx } from "vue";
@@ -8,7 +9,14 @@ var AccordionItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	__name: "AccordionItem",
 	props: {
 		value: {},
-		disabled: { type: Boolean },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
 		unmountOnHide: { type: Boolean },
 		as: {},
 		asChild: { type: Boolean },
@@ -23,6 +31,7 @@ var AccordionItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	},
 	setup(__props) {
 		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("AccordionItem", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const ctx = useAccordionInject();
 		const rekaRef = useTemplateRef("reka");
 		useAccordionItemProvide({ open: computed(() => rekaRef.value?.open?.value ?? false) });
@@ -30,7 +39,7 @@ var AccordionItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return openBlock(), createBlock(unref(AccordionItem), {
 				ref: "reka",
 				value: props.value,
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				"unmount-on-hide": props.unmountOnHide,
 				as: props.as,
 				"as-child": props.asChild,

package/dist/components/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>()\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAad,MAAM,MAAM,oBAAmB;EAK/B,MAAM,UAAU,eAAoD,OAAM;AAE1E,0BAAwB,EAAE,MADb,eAAe,QAAQ,OAAO,MAAM,SAAS,MAAK,EAC/B,CAAA;;uBAI9B,YAUoB,MAAA,cAAA,EAAA;IATlB,KAAI;IACH,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,mBAAiB,MAAM;IACvB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAE9E,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AccordionItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'AccordionItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"isDisabled\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAkBd,MAAM,aAAa,yBACjB,iBAAiB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACjF;EAEA,MAAM,MAAM,oBAAmB;EAK/B,MAAM,UAAU,eAAoD,OAAM;AAE1E,0BAAwB,EAAE,MADb,eAAe,QAAQ,OAAO,MAAM,SAAS,MAAK,EAC/B,CAAA;;uBAI9B,YAUoB,MAAA,cAAA,EAAA;IATlB,KAAI;IACH,OAAO,MAAM;IACb,UAAU,MAAA,WAAU;IACpB,mBAAiB,MAAM;IACvB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAE9E,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogAction.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogAction.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: ButtonVariants['size']\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogAction.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogAction.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAkBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAMoB,MAAA,kBAAA,EAAA;IALjB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogAction.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: ButtonVariants['size']\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAkBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAMoB,MAAA,kBAAA,EAAA;IALjB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogCancel.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: ButtonVariants['size']\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogCancel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAgBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAMoB,MAAA,kBAAA,EAAA;IALjB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogCancel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: ButtonVariants['size']\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAgBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAMoB,MAAA,kBAAA,EAAA;IALjB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","names":[],"sources":["../../../src/components/autocomplete/Autocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, toRef, useAttrs, useId, watch, useSlots, type ComputedRef } from 'vue'\nimport { AutocompleteRoot } from 'reka-ui'\nimport { autocompleteVariants, type AutocompleteVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAutocompleteProvide } from './Autocomplete.context'\nimport { hasSlotComponent } from '../../utils/hasSlotComponent'\nimport AutocompleteInput from './AutocompleteInput.vue'\nimport AutocompleteContent from './AutocompleteContent.vue'\nimport AutocompleteItem from './AutocompleteItem.vue'\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  multiple: false,\n  multipleOverflow: 'wrap',\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n  loadItems: undefined,\n  debounceMs: 200,\n  filterOnOpen: false,\n  truncateItems: true,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n  'update:open': [value: boolean]\n  /** Fired when the user creates a new value via `creatable` or `<AutocompleteCreateItem>`. */\n  'create': [value: string]\n  /** Fired when an item is highlighted. */\n  'highlight': [context: { ref: Element; value: string } | undefined]\n}>()\n\nexport interface AutocompleteItem {\n  value: string\n  label?: string\n  textValue?: string\n  isDisabled?: boolean\n}\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: AutocompleteVariants['variant']\n  /** Field height. @default 'md' */\n  size?: AutocompleteVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: AutocompleteVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: AutocompleteVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @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  /** Placeholder shown when empty. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: ClassValue\n  /** Per-slot class overrides. Keys correspond to internal slot names (`base`, `label`, `mainWrapper`, `helperWrapper`, `errorMessage`, `description`). */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    mainWrapper: ClassValue\n    helperWrapper: ClassValue\n    errorMessage: ClassValue\n    description: ClassValue\n  }>\n\n  /* ─── Reka AutocompleteRoot pass-through props ───────────────────── */\n  /** Reading direction for the component. */\n  dir?: 'ltr' | 'rtl'\n  /** Reset the search term when the trigger loses focus. */\n  resetSearchTermOnBlur?: boolean\n  /** Open the dropdown when the input gains focus. */\n  openOnFocus?: boolean\n  /** Open the dropdown when the input is clicked. */\n  openOnClick?: boolean\n  /** Disable Reka's built-in filter; handle filtering externally. */\n  ignoreFilter?: boolean\n  /** Highlight the matching item on hover. */\n  highlightOnHover?: 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\n  /* ─── Autocomplete-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. string in single mode, string[] in multiple mode. */\n  modelValue?: string | string[]\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string | string[]\n  /** Allow selecting multiple values. modelValue becomes string[]. @default false */\n  multiple?: boolean\n  /**\n   * Controls how chips overflow in multiple mode.\n   * - `wrap`: trigger grows in height, chips wrap to new lines (default)\n   * - `collapse`: fixed height, overflowing chips are hidden behind \"+N more\"\n   * @default 'wrap'\n   */\n  multipleOverflow?: 'wrap' | 'collapse'\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n  /** Static items list — used when no loadItems is provided. */\n  items?: AutocompleteItem[]\n  /** Async data source: called on every query change. */\n  loadItems?: (query: string) => Promise<AutocompleteItem[]>\n  /** Debounce delay for loadItems calls (ms). 0 = no debounce. */\n  debounceMs?: number\n  /** Apply filter immediately on open (default: false — show all items until user types). */\n  filterOnOpen?: boolean\n  /**\n   * Truncate item text with an ellipsis when it overflows the dropdown width.\n   * Set to `false` to show full text — the dropdown will widen to fit.\n   * @default true\n   */\n  truncateItems?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\nconst slots = useSlots()\n// Compound chrome present → pass slot through (advanced). Otherwise render the\n// input/content/items internally (short-form).\nconst usesCustomChrome: ComputedRef<boolean> = computed(() =>\n  hasSlotComponent(slots.default?.({ isLoading: false, items: [] }), [AutocompleteInput, AutocompleteContent]),\n)\n\n// Registry for slot-rendered items: value → label (populated by AutocompleteItem at mount).\n// Replaced with a new Map instance on each mutation so Vue's ref() reactivity tracks changes.\nconst slotItemRegistry = ref(new Map<string, string>())\n\nfunction registerItem(value: string, label: string) {\n  const next = new Map(slotItemRegistry.value)\n  next.set(value, label)\n  slotItemRegistry.value = next\n}\n\nfunction unregisterItem(value: string) {\n  const next = new Map(slotItemRegistry.value)\n  next.delete(value)\n  slotItemRegistry.value = next\n}\n\n// Internal async state\nconst isLoading = ref(false)\nconst internalItems = ref<AutocompleteItem[]>([...props.items])\n\n// ── Multiple-mode state ────────────────────────────────────────────────────\n// Tracks selected values as an array. Only meaningful when props.multiple=true.\nconst selectedValues = ref<string[]>(\n  props.multiple && Array.isArray(props.modelValue) ? [...props.modelValue] : [],\n)\n\n// Controlled open state used in multiple mode to prevent the dropdown closing\n// after each item selection (Reka would normally close on selection).\nconst internalOpen = ref(props.defaultOpen ?? false)\n\n// Flag set by onMultipleSelect so handleOpenChange can distinguish item\n// selection from Escape/outside-click close.\nlet selectingItem = false\n\n// ── Open-state tracking ────────────────────────────────────────────────────\nconst isOpen = ref(props.defaultOpen ?? false)\nconst termAtOpen = ref('')\nconst isUserTyping = ref(false)\n// Controlled open state for single mode (mirrors multiple mode's internalOpen).\n// Driving open ourselves lets handleOpenChange gate spurious reopens — e.g. the\n// focus bounce caused when a create handler mutates the items list.\nconst singleOpen = ref(props.open ?? props.defaultOpen ?? false)\n// When true, handleOpenChange ignores open=true requests. Set briefly after a\n// single-mode create so the post-create re-render can't reopen the menu.\nlet blockReopen = false\nlet blockReopenTimer: ReturnType<typeof setTimeout> | undefined\nconst effectiveIgnoreFilter = computed(() => {\n  if (props.loadItems) return true\n  if (!props.filterOnOpen && isOpen.value && !isUserTyping.value) return true\n  return false\n})\n\n// ── Label/value bridge ─────────────────────────────────────────────────────\n// Priority: items prop entry > slot registry > identity fallback\nfunction labelFor(value: string | undefined): string {\n  if (value == null || value === '') return ''\n  const match = internalItems.value.find((i) => i.value === value)\n  if (match) return match.label ?? match.textValue ?? value\n  return slotItemRegistry.value.get(value) ?? value\n}\nfunction valueFor(displayed: string): string {\n  if (!displayed) return ''\n  const match = internalItems.value.find(\n    (i) => (i.label ?? i.textValue ?? i.value) === displayed,\n  )\n  if (match) return match.value\n  for (const [value, label] of slotItemRegistry.value) {\n    if (label === displayed) return value\n  }\n  return displayed\n}\n\nconst singleModelValue = computed(() =>\n  props.multiple ? undefined : (props.modelValue as string | undefined),\n)\n\nconst searchTerm = ref(labelFor(singleModelValue.value))\n\nconst isFilled = computed(() =>\n  props.multiple\n    ? selectedValues.value.length > 0 || !!searchTerm.value\n    : !!searchTerm.value,\n)\nconst hasItems = computed(() => internalItems.value.length > 0)\n\nconst selectedLabels = computed(() =>\n  selectedValues.value.map(v => ({ value: v, label: labelFor(v) || v })),\n)\n\n// ── Helpers ────────────────────────────────────────────────────────────────\nconst descriptionId = computed(() => `${inputId.value}-description`)\nconst errorMessageId = computed(() => `${inputId.value}-error`)\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\n// ── Watchers ───────────────────────────────────────────────────────────────\n\n// Parent → internal: sync controlled modelValue into local state\nwatch(() => props.modelValue, (val) => {\n  if (props.multiple) {\n    if (Array.isArray(val)) selectedValues.value = [...val]\n  } else {\n    const next = labelFor(val as string | undefined)\n    if (searchTerm.value !== next) searchTerm.value = next\n  }\n})\n\n// Parent → internal: sync consumer-controlled open into our single-mode state\nwatch(() => props.open, (val) => {\n  if (!props.multiple && val !== undefined) singleOpen.value = val\n})\n\n// Internal → parent: single mode only — multiple mode emits inside onMultipleSelect\nwatch(searchTerm, (displayed) => {\n  if (props.multiple) {\n    if (isOpen.value && displayed !== termAtOpen.value) isUserTyping.value = true\n    return\n  }\n  const next = valueFor(displayed)\n  if (next !== (singleModelValue.value ?? '')) emit('update:modelValue', next)\n  if (isOpen.value && displayed !== termAtOpen.value) isUserTyping.value = true\n})\n\nfunction handleOpenChange(val: boolean) {\n  if (props.multiple) {\n    isOpen.value = val\n    // Suppress close when triggered by item selection; allow Escape/outside-click\n    internalOpen.value = (!val && selectingItem) ? true : val\n    selectingItem = false\n    if (val) { termAtOpen.value = searchTerm.value; isUserTyping.value = false }\n    else { isUserTyping.value = false }\n    emit('update:open', val)\n    return\n  }\n\n  // Single mode: ignore spurious reopen requests right after a create — the\n  // create handler's re-render bounces focus back to the input, which would\n  // otherwise reopen the menu via openOnFocus.\n  if (val && blockReopen) return\n\n  isOpen.value = val\n  singleOpen.value = val\n  if (val) { termAtOpen.value = searchTerm.value; isUserTyping.value = false }\n  else { isUserTyping.value = false }\n  emit('update:open', val)\n}\n\n// ── Multiple-mode actions ──────────────────────────────────────────────────\n\nfunction onMultipleSelect(value: string) {\n  selectingItem = true\n  const idx = selectedValues.value.indexOf(value)\n  selectedValues.value = idx === -1\n    ? [...selectedValues.value, value]\n    : selectedValues.value.filter((_, i) => i !== idx)\n  // Clear the input and drop out of \"typing\" mode so the filter is ignored and\n  // the full list shows again (effectiveIgnoreFilter depends on !isUserTyping).\n  searchTerm.value = ''\n  isUserTyping.value = false\n  emit('update:modelValue', selectedValues.value)\n}\n\nfunction removeValue(value: string) {\n  selectedValues.value = selectedValues.value.filter(v => v !== value)\n  emit('update:modelValue', selectedValues.value)\n}\n\nfunction clearAll() {\n  selectedValues.value = []\n  emit('update:modelValue', [])\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\n// ── Creatable ──────────────────────────────────────────────────────────────\n\nconst hasExactMatch = computed(() => {\n  const term = searchTerm.value.trim().toLowerCase()\n  if (!term) return false\n  const inItems = internalItems.value.some(\n    i => (i.label ?? i.textValue ?? i.value).toLowerCase() === term,\n  )\n  if (inItems) return true\n  for (const label of slotItemRegistry.value.values()) {\n    if (label.toLowerCase() === term) return true\n  }\n  return false\n})\n\nfunction onCreateValue(value: string) {\n  const trimmed = value.trim()\n  if (!trimmed) return\n  if (props.multiple) {\n    // We own selection state; add the value, then reset input + filter for the\n    // next entry (dropdown is kept open and refocused by AutocompleteCreateItem).\n    if (!selectedValues.value.includes(trimmed)) {\n      selectingItem = true\n      selectedValues.value = [...selectedValues.value, trimmed]\n      emit('update:modelValue', selectedValues.value)\n    }\n    searchTerm.value = ''\n    isUserTyping.value = false\n  } else {\n    // Single mode: set the value ourselves and close the (controlled) dropdown.\n    searchTerm.value = trimmed\n    emit('update:modelValue', trimmed)\n    isOpen.value = false\n    singleOpen.value = false\n    // The create handler (parent @create) typically mutates the items list, which\n    // re-renders and bounces focus back to the input — that fires openOnFocus and\n    // would reopen the menu. Block reopen requests briefly so the close sticks.\n    blockReopen = true\n    clearTimeout(blockReopenTimer)\n    blockReopenTimer = setTimeout(() => { blockReopen = false }, 300)\n  }\n  emit('create', trimmed)\n}\n\n// ── Async loading ──────────────────────────────────────────────────────────\nlet debounceTimer: ReturnType<typeof setTimeout> | undefined\n\nasync function runLoadItems(query: string) {\n  if (!props.loadItems) return\n  isLoading.value = true\n  try {\n    internalItems.value = await props.loadItems(query)\n  } finally {\n    isLoading.value = false\n  }\n}\n\nfunction scheduleLoad(query: string) {\n  if (!props.loadItems) return\n  clearTimeout(debounceTimer)\n  if (props.debounceMs === 0) {\n    void runLoadItems(query)\n  } else {\n    debounceTimer = setTimeout(() => void runLoadItems(query), props.debounceMs)\n  }\n}\n\nonMounted(() => {\n  if (props.loadItems) void runLoadItems(searchTerm.value)\n})\n\nwatch(searchTerm, (q) => {\n  if (props.loadItems) scheduleLoad(q)\n})\n\nwatch(() => props.items, (newItems) => {\n  if (!props.loadItems) internalItems.value = [...newItems]\n})\n\nwatch(internalItems, () => {\n  if (props.multiple) return\n  const next = labelFor(singleModelValue.value)\n  if (next && searchTerm.value !== next && valueFor(searchTerm.value) === (singleModelValue.value ?? '')) {\n    searchTerm.value = next\n  }\n})\n\nwatch(slotItemRegistry, () => {\n  if (props.multiple) return\n  const next = labelFor(singleModelValue.value)\n  if (next && searchTerm.value !== next && valueFor(searchTerm.value) === (singleModelValue.value ?? '')) {\n    searchTerm.value = next\n  }\n})\n\n// ── Styles / context ───────────────────────────────────────────────────────\n\nconst slotFns = computed(() =>\n  autocompleteVariants({\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)\n\nuseAutocompleteProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  isLoading,\n  isFilled,\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  inputId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  truncateItems: toRef(props, 'truncateItems'),\n  hasItems,\n  slots: slotFns,\n  multiple: toRef(props, 'multiple'),\n  multipleOverflow: toRef(props, 'multipleOverflow'),\n  selectedValues,\n  selectedLabels,\n  onMultipleSelect,\n  removeValue,\n  clearAll,\n  isSelected,\n  registerItem,\n  unregisterItem,\n  searchTerm,\n  hasExactMatch,\n  onCreateValue,\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  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"inputId\"\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      <AutocompleteRoot\n        v-model:model-value=\"searchTerm\"\n        :open=\"props.multiple ? internalOpen : singleOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        :dir=\"props.dir\"\n        :ignore-filter=\"effectiveIgnoreFilter\"\n        :open-on-focus=\"props.openOnFocus ?? true\"\n        :open-on-click=\"props.openOnClick\"\n        :highlight-on-hover=\"props.highlightOnHover\"\n        :reset-search-term-on-blur=\"props.resetSearchTermOnBlur\"\n        :as=\"props.as\"\n        :as-child=\"props.asChild\"\n        @update:open=\"handleOpenChange\"\n        @highlight=\"emit('highlight', $event)\"\n      >\n        <slot\n          v-if=\"usesCustomChrome\"\n          :is-loading=\"isLoading\"\n          :items=\"internalItems\"\n        />\n        <template v-else>\n          <AutocompleteInput :placeholder=\"props.placeholder\" />\n          <AutocompleteContent>\n            <AutocompleteItem\n              v-for=\"item in internalItems\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :is-disabled=\"item.isDisabled\"\n            >\n              <slot\n                name=\"item\"\n                :item=\"item\"\n              >{{ item.label ?? item.textValue ?? item.value }}</slot>\n            </AutocompleteItem>\n          </AutocompleteContent>\n        </template>\n      </AutocompleteRoot>\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        >\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":""}
+{"version":3,"file":"Autocomplete.js","names":[],"sources":["../../../src/components/autocomplete/Autocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, toRef, useAttrs, useId, watch, useSlots, type ComputedRef } from 'vue'\nimport { AutocompleteRoot } from 'reka-ui'\nimport { autocompleteVariants, type AutocompleteVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAutocompleteProvide } from './Autocomplete.context'\nimport { hasSlotComponent } from '../../utils/hasSlotComponent'\nimport AutocompleteInput from './AutocompleteInput.vue'\nimport AutocompleteContent from './AutocompleteContent.vue'\nimport AutocompleteItem from './AutocompleteItem.vue'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\nimport { useFormField } from '../../composables/useFormField'\nimport FieldLabel from '../_shared/FieldLabel.vue'\nimport FormFieldHelper from '../_shared/FormFieldHelper.vue'\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: undefined,\n  isReadonly: undefined,\n  isRequired: false,\n  multiple: false,\n  multipleOverflow: 'wrap',\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n  loadItems: undefined,\n  debounceMs: 200,\n  filterOnOpen: false,\n  truncateItems: true,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n  'update:open': [value: boolean]\n  /** Fired when the user creates a new value via `creatable` or `<AutocompleteCreateItem>`. */\n  'create': [value: string]\n  /** Fired when an item is highlighted. */\n  'highlight': [context: { ref: Element; value: string } | undefined]\n}>()\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'Autocomplete', 'isReadOnly', () => props.isReadOnly, 'isReadonly', () => props.isReadonly,\n)\n\nexport interface AutocompleteItem {\n  value: string\n  label?: string\n  textValue?: string\n  isDisabled?: boolean\n}\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: AutocompleteVariants['variant']\n  /** Field height. @default 'md' */\n  size?: AutocompleteVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: AutocompleteVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: AutocompleteVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @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  /** @deprecated Use isReadOnly instead. */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when empty. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: ClassValue\n  /** Per-slot class overrides. Keys correspond to internal slot names (`base`, `label`, `mainWrapper`, `helperWrapper`, `errorMessage`, `description`). */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    mainWrapper: ClassValue\n    helperWrapper: ClassValue\n    errorMessage: ClassValue\n    description: ClassValue\n  }>\n\n  /* ─── Reka AutocompleteRoot pass-through props ───────────────────── */\n  /** Reading direction for the component. */\n  dir?: 'ltr' | 'rtl'\n  /** Reset the search term when the trigger loses focus. */\n  resetSearchTermOnBlur?: boolean\n  /** Open the dropdown when the input gains focus. */\n  openOnFocus?: boolean\n  /** Open the dropdown when the input is clicked. */\n  openOnClick?: boolean\n  /** Disable Reka's built-in filter; handle filtering externally. */\n  ignoreFilter?: boolean\n  /** Highlight the matching item on hover. */\n  highlightOnHover?: 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\n  /* ─── Autocomplete-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. string in single mode, string[] in multiple mode. */\n  modelValue?: string | string[]\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string | string[]\n  /** Allow selecting multiple values. modelValue becomes string[]. @default false */\n  multiple?: boolean\n  /**\n   * Controls how chips overflow in multiple mode.\n   * - `wrap`: trigger grows in height, chips wrap to new lines (default)\n   * - `collapse`: fixed height, overflowing chips are hidden behind \"+N more\"\n   * @default 'wrap'\n   */\n  multipleOverflow?: 'wrap' | 'collapse'\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n  /** Static items list — used when no loadItems is provided. */\n  items?: AutocompleteItem[]\n  /** Async data source: called on every query change. */\n  loadItems?: (query: string) => Promise<AutocompleteItem[]>\n  /** Debounce delay for loadItems calls (ms). 0 = no debounce. */\n  debounceMs?: number\n  /** Apply filter immediately on open (default: false — show all items until user types). */\n  filterOnOpen?: boolean\n  /**\n   * Truncate item text with an ellipsis when it overflows the dropdown width.\n   * Set to `false` to show full text — the dropdown will widen to fit.\n   * @default true\n   */\n  truncateItems?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst {\n  descriptionId,\n  errorMessageId,\n  showError,\n  showDescription,\n  hasHelper,\n  ariaDescribedBy,\n  hasLabel,\n  showOutsideLabel,\n  rootDataAttrs,\n} = useFormField({\n  fieldId: () => inputId.value,\n  label: () => props.label,\n  description: () => props.description,\n  errorMessage: () => props.errorMessage,\n  isInvalid: () => props.isInvalid,\n  isDisabled: () => props.isDisabled,\n  isReadOnly: () => isReadOnly.value,\n  isRequired: () => props.isRequired,\n  labelPlacement: () => props.labelPlacement,\n})\n\nconst slots = useSlots()\n// Compound chrome present → pass slot through (advanced). Otherwise render the\n// input/content/items internally (short-form).\nconst usesCustomChrome: ComputedRef<boolean> = computed(() =>\n  hasSlotComponent(slots.default?.({ isLoading: false, items: [] }), [AutocompleteInput, AutocompleteContent]),\n)\n\n// Registry for slot-rendered items: value → label (populated by AutocompleteItem at mount).\n// Replaced with a new Map instance on each mutation so Vue's ref() reactivity tracks changes.\nconst slotItemRegistry = ref(new Map<string, string>())\n\nfunction registerItem(value: string, label: string) {\n  const next = new Map(slotItemRegistry.value)\n  next.set(value, label)\n  slotItemRegistry.value = next\n}\n\nfunction unregisterItem(value: string) {\n  const next = new Map(slotItemRegistry.value)\n  next.delete(value)\n  slotItemRegistry.value = next\n}\n\n// Internal async state\nconst isLoading = ref(false)\nconst internalItems = ref<AutocompleteItem[]>([...props.items])\n\n// ── Multiple-mode state ────────────────────────────────────────────────────\n// Tracks selected values as an array. Only meaningful when props.multiple=true.\nconst selectedValues = ref<string[]>(\n  props.multiple && Array.isArray(props.modelValue) ? [...props.modelValue] : [],\n)\n\n// Controlled open state used in multiple mode to prevent the dropdown closing\n// after each item selection (Reka would normally close on selection).\nconst internalOpen = ref(props.defaultOpen ?? false)\n\n// Flag set by onMultipleSelect so handleOpenChange can distinguish item\n// selection from Escape/outside-click close.\nlet selectingItem = false\n\n// ── Open-state tracking ────────────────────────────────────────────────────\nconst isOpen = ref(props.defaultOpen ?? false)\nconst termAtOpen = ref('')\nconst isUserTyping = ref(false)\n// Controlled open state for single mode (mirrors multiple mode's internalOpen).\n// Driving open ourselves lets handleOpenChange gate spurious reopens — e.g. the\n// focus bounce caused when a create handler mutates the items list.\nconst singleOpen = ref(props.open ?? props.defaultOpen ?? false)\n// When true, handleOpenChange ignores open=true requests. Set briefly after a\n// single-mode create so the post-create re-render can't reopen the menu.\nlet blockReopen = false\nlet blockReopenTimer: ReturnType<typeof setTimeout> | undefined\nconst effectiveIgnoreFilter = computed(() => {\n  if (props.loadItems) return true\n  if (!props.filterOnOpen && isOpen.value && !isUserTyping.value) return true\n  return false\n})\n\n// ── Label/value bridge ─────────────────────────────────────────────────────\n// Priority: items prop entry > slot registry > identity fallback\nfunction labelFor(value: string | undefined): string {\n  if (value == null || value === '') return ''\n  const match = internalItems.value.find((i) => i.value === value)\n  if (match) return match.label ?? match.textValue ?? value\n  return slotItemRegistry.value.get(value) ?? value\n}\nfunction valueFor(displayed: string): string {\n  if (!displayed) return ''\n  const match = internalItems.value.find(\n    (i) => (i.label ?? i.textValue ?? i.value) === displayed,\n  )\n  if (match) return match.value\n  for (const [value, label] of slotItemRegistry.value) {\n    if (label === displayed) return value\n  }\n  return displayed\n}\n\nconst singleModelValue = computed(() =>\n  props.multiple ? undefined : (props.modelValue as string | undefined),\n)\n\nconst searchTerm = ref(labelFor(singleModelValue.value))\n\nconst isFilled = computed(() =>\n  props.multiple\n    ? selectedValues.value.length > 0 || !!searchTerm.value\n    : !!searchTerm.value,\n)\nconst hasItems = computed(() => internalItems.value.length > 0)\n\nconst selectedLabels = computed(() =>\n  selectedValues.value.map(v => ({ value: v, label: labelFor(v) || v })),\n)\n\n// ── Watchers ───────────────────────────────────────────────────────────────\n\n// Parent → internal: sync controlled modelValue into local state\nwatch(() => props.modelValue, (val) => {\n  if (props.multiple) {\n    if (Array.isArray(val)) selectedValues.value = [...val]\n  } else {\n    const next = labelFor(val as string | undefined)\n    if (searchTerm.value !== next) searchTerm.value = next\n  }\n})\n\n// Parent → internal: sync consumer-controlled open into our single-mode state\nwatch(() => props.open, (val) => {\n  if (!props.multiple && val !== undefined) singleOpen.value = val\n})\n\n// Internal → parent: single mode only — multiple mode emits inside onMultipleSelect\nwatch(searchTerm, (displayed) => {\n  if (props.multiple) {\n    if (isOpen.value && displayed !== termAtOpen.value) isUserTyping.value = true\n    return\n  }\n  const next = valueFor(displayed)\n  if (next !== (singleModelValue.value ?? '')) emit('update:modelValue', next)\n  if (isOpen.value && displayed !== termAtOpen.value) isUserTyping.value = true\n})\n\nfunction handleOpenChange(val: boolean) {\n  if (props.multiple) {\n    isOpen.value = val\n    // Suppress close when triggered by item selection; allow Escape/outside-click\n    internalOpen.value = (!val && selectingItem) ? true : val\n    selectingItem = false\n    if (val) { termAtOpen.value = searchTerm.value; isUserTyping.value = false }\n    else { isUserTyping.value = false }\n    emit('update:open', val)\n    return\n  }\n\n  // Single mode: ignore spurious reopen requests right after a create — the\n  // create handler's re-render bounces focus back to the input, which would\n  // otherwise reopen the menu via openOnFocus.\n  if (val && blockReopen) return\n\n  isOpen.value = val\n  singleOpen.value = val\n  if (val) { termAtOpen.value = searchTerm.value; isUserTyping.value = false }\n  else { isUserTyping.value = false }\n  emit('update:open', val)\n}\n\n// ── Multiple-mode actions ──────────────────────────────────────────────────\n\nfunction onMultipleSelect(value: string) {\n  selectingItem = true\n  const idx = selectedValues.value.indexOf(value)\n  selectedValues.value = idx === -1\n    ? [...selectedValues.value, value]\n    : selectedValues.value.filter((_, i) => i !== idx)\n  // Clear the input and drop out of \"typing\" mode so the filter is ignored and\n  // the full list shows again (effectiveIgnoreFilter depends on !isUserTyping).\n  searchTerm.value = ''\n  isUserTyping.value = false\n  emit('update:modelValue', selectedValues.value)\n}\n\nfunction removeValue(value: string) {\n  selectedValues.value = selectedValues.value.filter(v => v !== value)\n  emit('update:modelValue', selectedValues.value)\n}\n\nfunction clearAll() {\n  selectedValues.value = []\n  emit('update:modelValue', [])\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\n// ── Creatable ──────────────────────────────────────────────────────────────\n\nconst hasExactMatch = computed(() => {\n  const term = searchTerm.value.trim().toLowerCase()\n  if (!term) return false\n  const inItems = internalItems.value.some(\n    i => (i.label ?? i.textValue ?? i.value).toLowerCase() === term,\n  )\n  if (inItems) return true\n  for (const label of slotItemRegistry.value.values()) {\n    if (label.toLowerCase() === term) return true\n  }\n  return false\n})\n\nfunction onCreateValue(value: string) {\n  const trimmed = value.trim()\n  if (!trimmed) return\n  if (props.multiple) {\n    // We own selection state; add the value, then reset input + filter for the\n    // next entry (dropdown is kept open and refocused by AutocompleteCreateItem).\n    if (!selectedValues.value.includes(trimmed)) {\n      selectingItem = true\n      selectedValues.value = [...selectedValues.value, trimmed]\n      emit('update:modelValue', selectedValues.value)\n    }\n    searchTerm.value = ''\n    isUserTyping.value = false\n  } else {\n    // Single mode: set the value ourselves and close the (controlled) dropdown.\n    searchTerm.value = trimmed\n    emit('update:modelValue', trimmed)\n    isOpen.value = false\n    singleOpen.value = false\n    // The create handler (parent @create) typically mutates the items list, which\n    // re-renders and bounces focus back to the input — that fires openOnFocus and\n    // would reopen the menu. Block reopen requests briefly so the close sticks.\n    blockReopen = true\n    clearTimeout(blockReopenTimer)\n    blockReopenTimer = setTimeout(() => { blockReopen = false }, 300)\n  }\n  emit('create', trimmed)\n}\n\n// ── Async loading ──────────────────────────────────────────────────────────\nlet debounceTimer: ReturnType<typeof setTimeout> | undefined\n\nasync function runLoadItems(query: string) {\n  if (!props.loadItems) return\n  isLoading.value = true\n  try {\n    internalItems.value = await props.loadItems(query)\n  } finally {\n    isLoading.value = false\n  }\n}\n\nfunction scheduleLoad(query: string) {\n  if (!props.loadItems) return\n  clearTimeout(debounceTimer)\n  if (props.debounceMs === 0) {\n    void runLoadItems(query)\n  } else {\n    debounceTimer = setTimeout(() => void runLoadItems(query), props.debounceMs)\n  }\n}\n\nonMounted(() => {\n  if (props.loadItems) void runLoadItems(searchTerm.value)\n})\n\nwatch(searchTerm, (q) => {\n  if (props.loadItems) scheduleLoad(q)\n})\n\nwatch(() => props.items, (newItems) => {\n  if (!props.loadItems) internalItems.value = [...newItems]\n})\n\nwatch(internalItems, () => {\n  if (props.multiple) return\n  const next = labelFor(singleModelValue.value)\n  if (next && searchTerm.value !== next && valueFor(searchTerm.value) === (singleModelValue.value ?? '')) {\n    searchTerm.value = next\n  }\n})\n\nwatch(slotItemRegistry, () => {\n  if (props.multiple) return\n  const next = labelFor(singleModelValue.value)\n  if (next && searchTerm.value !== next && valueFor(searchTerm.value) === (singleModelValue.value ?? '')) {\n    searchTerm.value = next\n  }\n})\n\n// ── Styles / context ───────────────────────────────────────────────────────\n\nconst slotFns = computed(() =>\n  autocompleteVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: isReadOnly.value,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nuseAutocompleteProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: isReadOnly,\n  isRequired: toRef(props, 'isRequired'),\n  isLoading,\n  isFilled,\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  inputId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  truncateItems: toRef(props, 'truncateItems'),\n  hasItems,\n  slots: slotFns,\n  multiple: toRef(props, 'multiple'),\n  multipleOverflow: toRef(props, 'multipleOverflow'),\n  selectedValues,\n  selectedLabels,\n  onMultipleSelect,\n  removeValue,\n  clearAll,\n  isSelected,\n  registerItem,\n  unregisterItem,\n  searchTerm,\n  hasExactMatch,\n  onCreateValue,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    v-bind=\"rootDataAttrs\"\n  >\n    <FieldLabel\n      v-if=\"showOutsideLabel\"\n      :for=\"inputId\"\n      :label=\"label\"\n      :is-required=\"isRequired\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    />\n\n    <div :class=\"composeClassName(slotFns.mainWrapper(), props.classNames?.mainWrapper)\">\n      <AutocompleteRoot\n        v-model:model-value=\"searchTerm\"\n        :open=\"props.multiple ? internalOpen : singleOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        :dir=\"props.dir\"\n        :ignore-filter=\"effectiveIgnoreFilter\"\n        :open-on-focus=\"props.openOnFocus ?? true\"\n        :open-on-click=\"props.openOnClick\"\n        :highlight-on-hover=\"props.highlightOnHover\"\n        :reset-search-term-on-blur=\"props.resetSearchTermOnBlur\"\n        :as=\"props.as\"\n        :as-child=\"props.asChild\"\n        @update:open=\"handleOpenChange\"\n        @highlight=\"emit('highlight', $event)\"\n      >\n        <slot\n          v-if=\"usesCustomChrome\"\n          :is-loading=\"isLoading\"\n          :items=\"internalItems\"\n        />\n        <template v-else>\n          <AutocompleteInput :placeholder=\"props.placeholder\" />\n          <AutocompleteContent>\n            <AutocompleteItem\n              v-for=\"item in internalItems\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :is-disabled=\"item.isDisabled\"\n            >\n              <slot\n                name=\"item\"\n                :item=\"item\"\n              >{{ item.label ?? item.textValue ?? item.value }}</slot>\n            </AutocompleteItem>\n          </AutocompleteContent>\n        </template>\n      </AutocompleteRoot>\n\n      <FormFieldHelper\n        :has-helper=\"hasHelper\"\n        :show-error=\"showError\"\n        :show-description=\"showDescription\"\n        :error-message=\"errorMessage\"\n        :description=\"description\"\n        :error-message-id=\"errorMessageId\"\n        :description-id=\"descriptionId\"\n        :wrapper-class=\"composeClassName(slotFns.helperWrapper(), props.classNames?.helperWrapper)\"\n        :error-class=\"composeClassName(slotFns.errorMessage(), props.classNames?.errorMessage)\"\n        :description-class=\"composeClassName(slotFns.description(), props.classNames?.description)\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}