@auronui/vue 1.0.14 → 1.0.15

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/autocomplete/Autocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, toRef, useAttrs, useId, watch, useSlots } from 'vue'\nimport { AutocompleteRoot } from 'reka-ui'\nimport { autocompleteVariants, type AutocompleteVariants } from '@auronui/styles'\nimport { composeClassName } 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}>()\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?: string\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 = computed(() =>\n  hasSlotComponent(slots.default?.(), [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)\"\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=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <AutocompleteRoot\n        v-model:model-value=\"searchTerm\"\n        :open=\"props.multiple ? internalOpen : singleOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :ignore-filter=\"effectiveIgnoreFilter\"\n        :open-on-focus=\"true\"\n        @update:open=\"handleOpenChange\"\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=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAsFb,MAAM,QAAQ,UAAS;EACvB,MAAM,cAAc,OAAM;EAC1B,MAAM,UAAU,eAAgB,MAAM,MAA6B,YAAW;EAE9E,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,MAAK;EAE7C,MAAM,QAAQ,UAAS;EAGvB,MAAM,mBAAmB,eACvB,iBAAiB,MAAM,WAAW,EAAE,CAAC,2BAAmB,4BAAoB,CAAC,CAC/E;EAIA,MAAM,mBAAmB,oBAAI,IAAI,KAAqB,CAAA;EAEtD,SAAS,aAAa,OAAe,OAAe;GAClD,MAAM,OAAO,IAAI,IAAI,iBAAiB,MAAK;AAC3C,QAAK,IAAI,OAAO,MAAK;AACrB,oBAAiB,QAAQ;;EAG3B,SAAS,eAAe,OAAe;GACrC,MAAM,OAAO,IAAI,IAAI,iBAAiB,MAAK;AAC3C,QAAK,OAAO,MAAK;AACjB,oBAAiB,QAAQ;;EAI3B,MAAM,YAAY,IAAI,MAAK;EAC3B,MAAM,gBAAgB,IAAwB,CAAC,GAAG,MAAM,MAAM,CAAA;EAI9D,MAAM,iBAAiB,IACrB,MAAM,YAAY,MAAM,QAAQ,MAAM,WAAW,GAAG,CAAC,GAAG,MAAM,WAAW,GAAG,EAAE,CAChF;EAIA,MAAM,eAAe,IAAI,MAAM,eAAe,MAAK;EAInD,IAAI,gBAAgB;EAGpB,MAAM,SAAS,IAAI,MAAM,eAAe,MAAK;EAC7C,MAAM,aAAa,IAAI,GAAE;EACzB,MAAM,eAAe,IAAI,MAAK;EAI9B,MAAM,aAAa,IAAI,MAAM,QAAQ,MAAM,eAAe,MAAK;EAG/D,IAAI,cAAc;EAClB,IAAI;EACJ,MAAM,wBAAwB,eAAe;AAC3C,OAAI,MAAM,UAAW,QAAO;AAC5B,OAAI,CAAC,MAAM,gBAAgB,OAAO,SAAS,CAAC,aAAa,MAAO,QAAO;AACvE,UAAO;IACR;EAID,SAAS,SAAS,OAAmC;AACnD,OAAI,SAAS,QAAQ,UAAU,GAAI,QAAO;GAC1C,MAAM,QAAQ,cAAc,MAAM,MAAM,MAAM,EAAE,UAAU,MAAK;AAC/D,OAAI,MAAO,QAAO,MAAM,SAAS,MAAM,aAAa;AACpD,UAAO,iBAAiB,MAAM,IAAI,MAAM,IAAI;;EAE9C,SAAS,SAAS,WAA2B;AAC3C,OAAI,CAAC,UAAW,QAAO;GACvB,MAAM,QAAQ,cAAc,MAAM,MAC/B,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,UACjD;AACA,OAAI,MAAO,QAAO,MAAM;AACxB,QAAK,MAAM,CAAC,OAAO,UAAU,iBAAiB,MAC5C,KAAI,UAAU,UAAW,QAAO;AAElC,UAAO;;EAGT,MAAM,mBAAmB,eACvB,MAAM,WAAW,KAAA,IAAa,MAAM,WACtC;EAEA,MAAM,aAAa,IAAI,SAAS,iBAAiB,MAAM,CAAA;EAEvD,MAAM,WAAW,eACf,MAAM,WACF,eAAe,MAAM,SAAS,KAAK,CAAC,CAAC,WAAW,QAChD,CAAC,CAAC,WAAW,MACnB;EACA,MAAM,WAAW,eAAe,cAAc,MAAM,SAAS,EAAC;EAE9D,MAAM,iBAAiB,eACrB,eAAe,MAAM,KAAI,OAAM;GAAE,OAAO;GAAG,OAAO,SAAS,EAAE,IAAI;GAAG,EAAE,CACxE;EAGA,MAAM,gBAAgB,eAAe,GAAG,QAAQ,MAAM,cAAa;EACnE,MAAM,iBAAiB,eAAe,GAAG,QAAQ,MAAM,QAAO;EAC9D,MAAM,YAAY,eAAe,MAAM,aAAa,CAAC,CAAC,MAAM,aAAY;EACxE,MAAM,kBAAkB,eAAe,CAAC,CAAC,MAAM,eAAe,CAAC,UAAU,MAAK;EAC9E,MAAM,YAAY,eAAe,UAAU,SAAS,gBAAgB,MAAK;EACzE,MAAM,kBAAkB,eAAe;AACrC,OAAI,UAAU,MAAO,QAAO,eAAe;AAC3C,OAAI,gBAAgB,MAAO,QAAO,cAAc;IAEjD;AAKD,cAAY,MAAM,aAAa,QAAQ;AACrC,OAAI,MAAM;QACJ,MAAM,QAAQ,IAAI,CAAE,gBAAe,QAAQ,CAAC,GAAG,IAAG;UACjD;IACL,MAAM,OAAO,SAAS,IAAyB;AAC/C,QAAI,WAAW,UAAU,KAAM,YAAW,QAAQ;;IAErD;AAGD,cAAY,MAAM,OAAO,QAAQ;AAC/B,OAAI,CAAC,MAAM,YAAY,QAAQ,KAAA,EAAW,YAAW,QAAQ;IAC9D;AAGD,QAAM,aAAa,cAAc;AAC/B,OAAI,MAAM,UAAU;AAClB,QAAI,OAAO,SAAS,cAAc,WAAW,MAAO,cAAa,QAAQ;AACzE;;GAEF,MAAM,OAAO,SAAS,UAAS;AAC/B,OAAI,UAAU,iBAAiB,SAAS,IAAK,MAAK,qBAAqB,KAAI;AAC3E,OAAI,OAAO,SAAS,cAAc,WAAW,MAAO,cAAa,QAAQ;IAC1E;EAED,SAAS,iBAAiB,KAAc;AACtC,OAAI,MAAM,UAAU;AAClB,WAAO,QAAQ;AAEf,iBAAa,QAAS,CAAC,OAAO,gBAAiB,OAAO;AACtD,oBAAgB;AAChB,QAAI,KAAK;AAAE,gBAAW,QAAQ,WAAW;AAAO,kBAAa,QAAQ;UAC9D,cAAa,QAAQ;AAC5B,SAAK,eAAe,IAAG;AACvB;;AAMF,OAAI,OAAO,YAAa;AAExB,UAAO,QAAQ;AACf,cAAW,QAAQ;AACnB,OAAI,KAAK;AAAE,eAAW,QAAQ,WAAW;AAAO,iBAAa,QAAQ;SAC9D,cAAa,QAAQ;AAC5B,QAAK,eAAe,IAAG;;EAKzB,SAAS,iBAAiB,OAAe;AACvC,mBAAgB;GAChB,MAAM,MAAM,eAAe,MAAM,QAAQ,MAAK;AAC9C,kBAAe,QAAQ,QAAQ,KAC3B,CAAC,GAAG,eAAe,OAAO,MAAK,GAC/B,eAAe,MAAM,QAAQ,GAAG,MAAM,MAAM,IAAG;AAGnD,cAAW,QAAQ;AACnB,gBAAa,QAAQ;AACrB,QAAK,qBAAqB,eAAe,MAAK;;EAGhD,SAAS,YAAY,OAAe;AAClC,kBAAe,QAAQ,eAAe,MAAM,QAAO,MAAK,MAAM,MAAK;AACnE,QAAK,qBAAqB,eAAe,MAAK;;EAGhD,SAAS,WAAW;AAClB,kBAAe,QAAQ,EAAC;AACxB,QAAK,qBAAqB,EAAE,CAAA;;EAG9B,SAAS,WAAW,OAAwB;AAC1C,UAAO,eAAe,MAAM,SAAS,MAAK;;EAK5C,MAAM,gBAAgB,eAAe;GACnC,MAAM,OAAO,WAAW,MAAM,MAAM,CAAC,aAAY;AACjD,OAAI,CAAC,KAAM,QAAO;AAIlB,OAHgB,cAAc,MAAM,MAClC,OAAM,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,aAAa,KAAK,KAC7D,CACa,QAAO;AACpB,QAAK,MAAM,SAAS,iBAAiB,MAAM,QAAQ,CACjD,KAAI,MAAM,aAAa,KAAK,KAAM,QAAO;AAE3C,UAAO;IACR;EAED,SAAS,cAAc,OAAe;GACpC,MAAM,UAAU,MAAM,MAAK;AAC3B,OAAI,CAAC,QAAS;AACd,OAAI,MAAM,UAAU;AAGlB,QAAI,CAAC,eAAe,MAAM,SAAS,QAAQ,EAAE;AAC3C,qBAAgB;AAChB,oBAAe,QAAQ,CAAC,GAAG,eAAe,OAAO,QAAO;AACxD,UAAK,qBAAqB,eAAe,MAAK;;AAEhD,eAAW,QAAQ;AACnB,iBAAa,QAAQ;UAChB;AAEL,eAAW,QAAQ;AACnB,SAAK,qBAAqB,QAAO;AACjC,WAAO,QAAQ;AACf,eAAW,QAAQ;AAInB,kBAAc;AACd,iBAAa,iBAAgB;AAC7B,uBAAmB,iBAAiB;AAAE,mBAAc;OAAS,IAAG;;AAElE,QAAK,UAAU,QAAO;;EAIxB,IAAI;EAEJ,eAAe,aAAa,OAAe;AACzC,OAAI,CAAC,MAAM,UAAW;AACtB,aAAU,QAAQ;AAClB,OAAI;AACF,kBAAc,QAAQ,MAAM,MAAM,UAAU,MAAK;aACzC;AACR,cAAU,QAAQ;;;EAItB,SAAS,aAAa,OAAe;AACnC,OAAI,CAAC,MAAM,UAAW;AACtB,gBAAa,cAAa;AAC1B,OAAI,MAAM,eAAe,EAClB,cAAa,MAAK;OAEvB,iBAAgB,iBAAiB,KAAK,aAAa,MAAM,EAAE,MAAM,WAAU;;AAI/E,kBAAgB;AACd,OAAI,MAAM,UAAgB,cAAa,WAAW,MAAK;IACxD;AAED,QAAM,aAAa,MAAM;AACvB,OAAI,MAAM,UAAW,cAAa,EAAC;IACpC;AAED,cAAY,MAAM,QAAQ,aAAa;AACrC,OAAI,CAAC,MAAM,UAAW,eAAc,QAAQ,CAAC,GAAG,SAAQ;IACzD;AAED,QAAM,qBAAqB;AACzB,OAAI,MAAM,SAAU;GACpB,MAAM,OAAO,SAAS,iBAAiB,MAAK;AAC5C,OAAI,QAAQ,WAAW,UAAU,QAAQ,SAAS,WAAW,MAAM,MAAM,iBAAiB,SAAS,IACjG,YAAW,QAAQ;IAEtB;AAED,QAAM,wBAAwB;AAC5B,OAAI,MAAM,SAAU;GACpB,MAAM,OAAO,SAAS,iBAAiB,MAAK;AAC5C,OAAI,QAAQ,WAAW,UAAU,QAAQ,SAAS,WAAW,MAAM,MAAM,iBAAiB,SAAS,IACjG,YAAW,QAAQ;IAEtB;EAID,MAAM,UAAU,eACd,qBAAqB;GACnB,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,WAAW,MAAM;GACjB,WAAW,MAAM;GACjB,YAAY,MAAM;GAClB,YAAY,MAAM;GAClB,UAAU,SAAS;GACnB,gBAAgB,MAAM;GACvB,CAAC,CACJ;EAEA,MAAM,mBAAmB,eACjB,SAAS,SAAS,MAAM,mBAAmB,SACnD;AAEA,yBAAuB;GACrB,YAAY,MAAM,OAAO,aAAa;GACtC,WAAW,MAAM,OAAO,YAAY;GACpC,YAAY,MAAM,OAAO,aAAa;GACtC,YAAY,MAAM,OAAO,aAAa;GACtC;GACA;GACA,WAAW,MAAM,OAAO,YAAY;GACpC;GACA,gBAAgB,MAAM,OAAO,iBAAiB;GAC9C;GACA,OAAO,MAAM,OAAO,QAAQ;GAC5B;GACA,eAAe,MAAM,OAAO,gBAAgB;GAC5C;GACA,OAAO;GACP,UAAU,MAAM,OAAO,WAAW;GAClC,kBAAkB,MAAM,OAAO,mBAAmB;GAClD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;;uBAIC,mBAuEM,OAAA;IAtEH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,gBAAc,QAAA,aAAa,KAAA;IAC3B,iBAAe,QAAA,cAAc,KAAA;IAC7B,iBAAe,QAAA,cAAc,KAAA;IAC7B,iBAAe,QAAA,cAAc,KAAA;IAC7B,kBAAgB,SAAA,SAAY,KAAA;IAC5B,mBAAiB,UAAA,SAAa,KAAA;OAGvB,iBAAA,SAAA,WAAA,EADR,mBAOkB,SAAA;;IALf,KAAK,QAAA;IACL,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA;uCACnB,QAAA,MAAK,EAAA,EAAA,EACD,QAAA,cAAA,WAAA,EADI,mBAGF,QAHE,YAGX,KAAE,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,EAEH,mBAoDM,OAAA,EApDA,OAAK,eAAE,QAAA,MAAQ,aAAW,CAAA,EAAA,EAAA,CAC9B,YA8BmB,MAAA,iBAAA,EAAA;IA7BT,eAAa,WAAA;4EAAU,QAAA;IAC9B,MAAM,MAAM,WAAW,aAAA,QAAe,WAAA;IACtC,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,iBAAe,sBAAA;IACf,iBAAe;IACf,iBAAa;;2BAMZ,CAHM,iBAAA,QADR,WAIE,KAAA,QAAA,WAAA;;KAFC,WAAY,UAAA;KACZ,OAAO,cAAA;uBAEV,mBAeW,UAAA,EAAA,KAAA,GAAA,EAAA,CAdT,YAAsD,2BAAA,EAAlC,aAAa,MAAM,aAAA,EAAA,MAAA,GAAA,CAAA,cAAA,CAAA,EACvC,YAYsB,6BAAA,MAAA;4BAVW,EAAA,UAAA,KAAA,EAD/B,mBAUmB,UAAA,MAAA,WATF,cAAA,QAAR,SAAI;0BADb,YAUmB,0BAAA;OARhB,KAAK,KAAK;OACV,OAAO,KAAK;OACZ,eAAa,KAAK;;8BAKqC,CAHxD,WAGwD,KAAA,QAAA,QAAA,EAD/C,MAAI,QAC2C,CAAA,gBAAA,gBAApD,KAAK,SAAS,KAAK,aAAa,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;OAO9C,UAAA,SAAA,WAAA,EADR,mBAkBM,OAAA;;IAhBH,OAAK,eAAE,QAAA,MAAQ,eAAa,CAAA;OAGrB,UAAA,SAAA,WAAA,EADR,mBAMM,OAAA;;IAJH,IAAI,eAAA;IACJ,OAAK,eAAE,QAAA,MAAQ,cAAY,CAAA;sBAEzB,QAAA,aAAY,EAAA,IAAA,WAAA,IAGJ,gBAAA,SAAA,WAAA,EADb,mBAMM,OAAA;;IAJH,IAAI,cAAA;IACJ,OAAK,eAAE,QAAA,MAAQ,aAAW,CAAA;sBAExB,QAAA,YAAW,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"Autocomplete.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/autocomplete/Autocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, toRef, useAttrs, useId, watch, useSlots } 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}>()\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  /* ─── 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 = computed(() =>\n  hasSlotComponent(slots.default?.(), [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        :ignore-filter=\"effectiveIgnoreFilter\"\n        :open-on-focus=\"true\"\n        @update:open=\"handleOpenChange\"\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":"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"}

package/dist/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/avatar/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { AvatarRoot, AvatarImage, AvatarFallback } from 'reka-ui'\nimport { avatarVariants, type AvatarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupInject } from './avatar-group.context'\n\nconst props = withDefaults(defineProps<{\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarVariants['size']\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n  class?: string\n}>(), {\n  isBordered: false,\n  isDisabled: false,\n  showFallback: false,\n})\n\n// Inject AvatarGroup context with ref-based fallbacks (mirrors Button.vue pattern)\nconst groupCtx = useAvatarGroupInject({\n  size: ref('md'),\n  isBordered: ref(false),\n  isDisabled: ref(false),\n  isGrid: ref(false),\n  isInGroup: ref(false),\n})\n\n// Prop precedence rules (matching ButtonGroup D-13):\n// - group disabled ALWAYS wins over child prop\n// - other props: child prop wins over group value (child ?? group)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalIsBordered = computed(() => props.isBordered || groupCtx.isBordered.value)\nconst isDisabled = computed(() => groupCtx.isDisabled.value || props.isDisabled)\nconst isInGroup = computed(() => groupCtx.isInGroup.value)\n\n// Compute initials from name: first letter of up to 2 words\nconst initials = computed(() => {\n  if (!props.name) return ''\n  const parts = props.name.trim().split(/\\s+/)\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n})\n\nconst slotFns = computed(() =>\n  avatarVariants({\n    size: finalSize.value,\n    color: props.color,\n    variant: props.variant,\n  })\n)\n\n// Border class applied manually since the styles don't have isBordered variant\nconst borderedClass = computed(() =>\n  finalIsBordered.value ? 'ring-2 ring-offset-2 ring-default' : undefined\n)\n\n// InGroup class for negative margin overlap\nconst inGroupClass = computed(() =>\n  isInGroup.value ? '-me-2' : undefined\n)\n</script>\n\n<template>\n  <AvatarRoot\n    :class=\"composeClassName(slotFns.base(), borderedClass, inGroupClass, props.class)\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-bordered=\"finalIsBordered || undefined\"\n  >\n    <AvatarImage\n      v-if=\"props.src && !props.showFallback\"\n      :src=\"props.src\"\n      :alt=\"props.alt ?? props.name ?? ''\"\n      :class=\"slotFns.image()\"\n    />\n    <!--\n      delayMs: only pass a value when we have a src — Reka UI treats delayMs=undefined\n      as \"show immediately\" (canRender starts true). Passing delayMs=0 is falsy but\n      not undefined, so the timeout never fires and fallback stays hidden forever.\n    -->\n    <AvatarFallback\n      :class=\"slotFns.fallback()\"\n      v-bind=\"props.src && !props.showFallback ? { 'delay-ms': 600 } : {}\"\n    >\n      <slot name=\"fallback\">\n        <span\n          v-if=\"initials\"\n          :class=\"'avatar__name text-xs font-medium leading-none'\"\n        >{{ initials }}</span>\n        <svg\n          v-else\n          class=\"avatar__icon size-4/5\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\" />\n        </svg>\n      </slot>\n    </AvatarFallback>\n  </AvatarRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/avatar/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { AvatarRoot, AvatarImage, AvatarFallback } from 'reka-ui'\nimport { avatarVariants, type AvatarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAvatarGroupInject } from './avatar-group.context'\n\nconst props = withDefaults(defineProps<{\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarVariants['size']\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    image: ClassValue\n    fallback: ClassValue\n  }>\n}>(), {\n  isBordered: false,\n  isDisabled: false,\n  showFallback: false,\n})\n\n// Inject AvatarGroup context with ref-based fallbacks (mirrors Button.vue pattern)\nconst groupCtx = useAvatarGroupInject({\n  size: ref('md'),\n  isBordered: ref(false),\n  isDisabled: ref(false),\n  isGrid: ref(false),\n  isInGroup: ref(false),\n})\n\n// Prop precedence rules (matching ButtonGroup D-13):\n// - group disabled ALWAYS wins over child prop\n// - other props: child prop wins over group value (child ?? group)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalIsBordered = computed(() => props.isBordered || groupCtx.isBordered.value)\nconst isDisabled = computed(() => groupCtx.isDisabled.value || props.isDisabled)\nconst isInGroup = computed(() => groupCtx.isInGroup.value)\n\n// Compute initials from name: first letter of up to 2 words\nconst initials = computed(() => {\n  if (!props.name) return ''\n  const parts = props.name.trim().split(/\\s+/)\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n})\n\nconst slotFns = computed(() =>\n  avatarVariants({\n    size: finalSize.value,\n    color: props.color,\n    variant: props.variant,\n  })\n)\n\n// Border class applied manually since the styles don't have isBordered variant\nconst borderedClass = computed(() =>\n  finalIsBordered.value ? 'ring-2 ring-offset-2 ring-default' : undefined\n)\n\n// InGroup class for negative margin overlap\nconst inGroupClass = computed(() =>\n  isInGroup.value ? '-me-2' : undefined\n)\n</script>\n\n<template>\n  <AvatarRoot\n    :class=\"composeClassName(slotFns.base(), borderedClass, inGroupClass, props.class, props.classNames?.base)\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-bordered=\"finalIsBordered || undefined\"\n  >\n    <AvatarImage\n      v-if=\"props.src && !props.showFallback\"\n      :src=\"props.src\"\n      :alt=\"props.alt ?? props.name ?? ''\"\n      :class=\"composeClassName(slotFns.image(), props.classNames?.image)\"\n    />\n    <!--\n      delayMs: only pass a value when we have a src — Reka UI treats delayMs=undefined\n      as \"show immediately\" (canRender starts true). Passing delayMs=0 is falsy but\n      not undefined, so the timeout never fires and fallback stays hidden forever.\n    -->\n    <AvatarFallback\n      :class=\"composeClassName(slotFns.fallback(), props.classNames?.fallback)\"\n      v-bind=\"props.src && !props.showFallback ? { 'delay-ms': 600 } : {}\"\n    >\n      <slot name=\"fallback\">\n        <span\n          v-if=\"initials\"\n          :class=\"'avatar__name text-xs font-medium leading-none'\"\n        >{{ initials }}</span>\n        <svg\n          v-else\n          class=\"avatar__icon size-4/5\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\" />\n        </svg>\n      </slot>\n    </AvatarFallback>\n  </AvatarRoot>\n</template>\n"],"mappings":""}

package/dist/components/avatar/Avatar.vue_vue_type_script_setup_true_lang.js

@@ -37,7 +37,8 @@ var Avatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Boolean,
 			default: false
 		},
-		class: {}
+		class: {},
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -67,7 +68,7 @@ var Avatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const inGroupClass = computed(() => isInGroup.value ? "-me-2" : void 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AvatarRoot), {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), borderedClass.value, inGroupClass.value, props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), borderedClass.value, inGroupClass.value, props.class, props.classNames?.base)),
 				"data-disabled": isDisabled.value || void 0,
 				"data-bordered": finalIsBordered.value || void 0
 			}, {
@@ -75,12 +76,12 @@ var Avatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					key: 0,
 					src: props.src,
 					alt: props.alt ?? props.name ?? "",
-					class: normalizeClass(slotFns.value.image())
+					class: normalizeClass(unref(composeClassName)(slotFns.value.image(), props.classNames?.image))
 				}, null, 8, [
 					"src",
 					"alt",
 					"class"
-				])) : createCommentVNode("", true), createVNode(unref(AvatarFallback), mergeProps({ class: slotFns.value.fallback() }, props.src && !props.showFallback ? { "delay-ms": 600 } : {}), {
+				])) : createCommentVNode("", true), createVNode(unref(AvatarFallback), mergeProps({ class: unref(composeClassName)(slotFns.value.fallback(), props.classNames?.fallback) }, props.src && !props.showFallback ? { "delay-ms": 600 } : {}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "fallback", {}, () => [initials.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }, null, -1)])]))])]),
 					_: 3
 				}, 16, ["class"])]),

package/dist/components/avatar/Avatar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/avatar/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { AvatarRoot, AvatarImage, AvatarFallback } from 'reka-ui'\nimport { avatarVariants, type AvatarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupInject } from './avatar-group.context'\n\nconst props = withDefaults(defineProps<{\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarVariants['size']\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n  class?: string\n}>(), {\n  isBordered: false,\n  isDisabled: false,\n  showFallback: false,\n})\n\n// Inject AvatarGroup context with ref-based fallbacks (mirrors Button.vue pattern)\nconst groupCtx = useAvatarGroupInject({\n  size: ref('md'),\n  isBordered: ref(false),\n  isDisabled: ref(false),\n  isGrid: ref(false),\n  isInGroup: ref(false),\n})\n\n// Prop precedence rules (matching ButtonGroup D-13):\n// - group disabled ALWAYS wins over child prop\n// - other props: child prop wins over group value (child ?? group)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalIsBordered = computed(() => props.isBordered || groupCtx.isBordered.value)\nconst isDisabled = computed(() => groupCtx.isDisabled.value || props.isDisabled)\nconst isInGroup = computed(() => groupCtx.isInGroup.value)\n\n// Compute initials from name: first letter of up to 2 words\nconst initials = computed(() => {\n  if (!props.name) return ''\n  const parts = props.name.trim().split(/\\s+/)\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n})\n\nconst slotFns = computed(() =>\n  avatarVariants({\n    size: finalSize.value,\n    color: props.color,\n    variant: props.variant,\n  })\n)\n\n// Border class applied manually since the styles don't have isBordered variant\nconst borderedClass = computed(() =>\n  finalIsBordered.value ? 'ring-2 ring-offset-2 ring-default' : undefined\n)\n\n// InGroup class for negative margin overlap\nconst inGroupClass = computed(() =>\n  isInGroup.value ? '-me-2' : undefined\n)\n</script>\n\n<template>\n  <AvatarRoot\n    :class=\"composeClassName(slotFns.base(), borderedClass, inGroupClass, props.class)\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-bordered=\"finalIsBordered || undefined\"\n  >\n    <AvatarImage\n      v-if=\"props.src && !props.showFallback\"\n      :src=\"props.src\"\n      :alt=\"props.alt ?? props.name ?? ''\"\n      :class=\"slotFns.image()\"\n    />\n    <!--\n      delayMs: only pass a value when we have a src — Reka UI treats delayMs=undefined\n      as \"show immediately\" (canRender starts true). Passing delayMs=0 is falsy but\n      not undefined, so the timeout never fires and fallback stays hidden forever.\n    -->\n    <AvatarFallback\n      :class=\"slotFns.fallback()\"\n      v-bind=\"props.src && !props.showFallback ? { 'delay-ms': 600 } : {}\"\n    >\n      <slot name=\"fallback\">\n        <span\n          v-if=\"initials\"\n          :class=\"'avatar__name text-xs font-medium leading-none'\"\n        >{{ initials }}</span>\n        <svg\n          v-else\n          class=\"avatar__icon size-4/5\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\" />\n        </svg>\n      </slot>\n    </AvatarFallback>\n  </AvatarRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAkBd,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,YAAY,IAAI,MAAM;GACtB,YAAY,IAAI,MAAM;GACtB,QAAQ,IAAI,MAAM;GAClB,WAAW,IAAI,MAAM;GACtB,CAAA;EAKD,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAClE,MAAM,kBAAkB,eAAe,MAAM,cAAc,SAAS,WAAW,MAAK;EACpF,MAAM,aAAa,eAAe,SAAS,WAAW,SAAS,MAAM,WAAU;EAC/E,MAAM,YAAY,eAAe,SAAS,UAAU,MAAK;EAGzD,MAAM,WAAW,eAAe;AAC9B,OAAI,CAAC,MAAM,KAAM,QAAO;GACxB,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC,MAAM,MAAK;AAC3C,OAAI,MAAM,WAAW,EAAG,QAAO,MAAM,GAAG,OAAO,EAAE,CAAC,aAAY;AAC9D,WAAQ,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,MAAM,SAAS,GAAG,OAAO,EAAE,EAAE,aAAY;IAC7E;EAED,MAAM,UAAU,eACd,eAAe;GACb,MAAM,UAAU;GAChB,OAAO,MAAM;GACb,SAAS,MAAM;GAChB,CAAA,CACH;EAGA,MAAM,gBAAgB,eACpB,gBAAgB,QAAQ,sCAAsC,KAAA,EAChE;EAGA,MAAM,eAAe,eACnB,UAAU,QAAQ,UAAU,KAAA,EAC9B;;uBAIE,YAqCa,MAAA,WAAA,EAAA;IApCV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,cAAA,OAAe,aAAA,OAAc,MAAM,MAAK,CAAA;IAChF,iBAAe,WAAA,SAAc,KAAA;IAC7B,iBAAe,gBAAA,SAAmB,KAAA;;2BAOjC,CAJM,MAAM,OAAG,CAAK,MAAM,gBAAA,WAAA,EAD5B,YAKE,MAAA,YAAA,EAAA;;KAHC,KAAK,MAAM;KACX,KAAK,MAAM,OAAO,MAAM,QAAI;KAC5B,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA;;;;;wCAOvB,YAoBiB,MAAA,eAAA,EApBjB,WAoBiB,EAnBd,OAAO,QAAA,MAAQ,UAAQ,EAAA,EAChB,MAAM,OAAG,CAAK,MAAM,eAAY,EAAA,YAAA,KAAA,GAAA,EAAA,CAAA,EAAA;4BAiBjC,CAfP,WAeO,KAAA,QAAA,YAAA,EAAA,QAAA,CAbG,SAAA,SAAA,WAAA,EADR,mBAGsB,QAHtB,YAGsB,gBAAlB,SAAA,MAAQ,EAAA,EAAA,KAAA,WAAA,EACZ,mBASM,OATN,YASM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAyJ,QAAA,EAAnJ,GAAE,gJAA8I,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"Avatar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/avatar/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { AvatarRoot, AvatarImage, AvatarFallback } from 'reka-ui'\nimport { avatarVariants, type AvatarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAvatarGroupInject } from './avatar-group.context'\n\nconst props = withDefaults(defineProps<{\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarVariants['size']\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    image: ClassValue\n    fallback: ClassValue\n  }>\n}>(), {\n  isBordered: false,\n  isDisabled: false,\n  showFallback: false,\n})\n\n// Inject AvatarGroup context with ref-based fallbacks (mirrors Button.vue pattern)\nconst groupCtx = useAvatarGroupInject({\n  size: ref('md'),\n  isBordered: ref(false),\n  isDisabled: ref(false),\n  isGrid: ref(false),\n  isInGroup: ref(false),\n})\n\n// Prop precedence rules (matching ButtonGroup D-13):\n// - group disabled ALWAYS wins over child prop\n// - other props: child prop wins over group value (child ?? group)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalIsBordered = computed(() => props.isBordered || groupCtx.isBordered.value)\nconst isDisabled = computed(() => groupCtx.isDisabled.value || props.isDisabled)\nconst isInGroup = computed(() => groupCtx.isInGroup.value)\n\n// Compute initials from name: first letter of up to 2 words\nconst initials = computed(() => {\n  if (!props.name) return ''\n  const parts = props.name.trim().split(/\\s+/)\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n})\n\nconst slotFns = computed(() =>\n  avatarVariants({\n    size: finalSize.value,\n    color: props.color,\n    variant: props.variant,\n  })\n)\n\n// Border class applied manually since the styles don't have isBordered variant\nconst borderedClass = computed(() =>\n  finalIsBordered.value ? 'ring-2 ring-offset-2 ring-default' : undefined\n)\n\n// InGroup class for negative margin overlap\nconst inGroupClass = computed(() =>\n  isInGroup.value ? '-me-2' : undefined\n)\n</script>\n\n<template>\n  <AvatarRoot\n    :class=\"composeClassName(slotFns.base(), borderedClass, inGroupClass, props.class, props.classNames?.base)\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-bordered=\"finalIsBordered || undefined\"\n  >\n    <AvatarImage\n      v-if=\"props.src && !props.showFallback\"\n      :src=\"props.src\"\n      :alt=\"props.alt ?? props.name ?? ''\"\n      :class=\"composeClassName(slotFns.image(), props.classNames?.image)\"\n    />\n    <!--\n      delayMs: only pass a value when we have a src — Reka UI treats delayMs=undefined\n      as \"show immediately\" (canRender starts true). Passing delayMs=0 is falsy but\n      not undefined, so the timeout never fires and fallback stays hidden forever.\n    -->\n    <AvatarFallback\n      :class=\"composeClassName(slotFns.fallback(), props.classNames?.fallback)\"\n      v-bind=\"props.src && !props.showFallback ? { 'delay-ms': 600 } : {}\"\n    >\n      <slot name=\"fallback\">\n        <span\n          v-if=\"initials\"\n          :class=\"'avatar__name text-xs font-medium leading-none'\"\n        >{{ initials }}</span>\n        <svg\n          v-else\n          class=\"avatar__icon size-4/5\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\" />\n        </svg>\n      </slot>\n    </AvatarFallback>\n  </AvatarRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAwBd,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,YAAY,IAAI,MAAM;GACtB,YAAY,IAAI,MAAM;GACtB,QAAQ,IAAI,MAAM;GAClB,WAAW,IAAI,MAAM;GACtB,CAAA;EAKD,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAClE,MAAM,kBAAkB,eAAe,MAAM,cAAc,SAAS,WAAW,MAAK;EACpF,MAAM,aAAa,eAAe,SAAS,WAAW,SAAS,MAAM,WAAU;EAC/E,MAAM,YAAY,eAAe,SAAS,UAAU,MAAK;EAGzD,MAAM,WAAW,eAAe;AAC9B,OAAI,CAAC,MAAM,KAAM,QAAO;GACxB,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC,MAAM,MAAK;AAC3C,OAAI,MAAM,WAAW,EAAG,QAAO,MAAM,GAAG,OAAO,EAAE,CAAC,aAAY;AAC9D,WAAQ,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,MAAM,SAAS,GAAG,OAAO,EAAE,EAAE,aAAY;IAC7E;EAED,MAAM,UAAU,eACd,eAAe;GACb,MAAM,UAAU;GAChB,OAAO,MAAM;GACb,SAAS,MAAM;GAChB,CAAA,CACH;EAGA,MAAM,gBAAgB,eACpB,gBAAgB,QAAQ,sCAAsC,KAAA,EAChE;EAGA,MAAM,eAAe,eACnB,UAAU,QAAQ,UAAU,KAAA,EAC9B;;uBAIE,YAqCa,MAAA,WAAA,EAAA;IApCV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,cAAA,OAAe,aAAA,OAAc,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IACxG,iBAAe,WAAA,SAAc,KAAA;IAC7B,iBAAe,gBAAA,SAAmB,KAAA;;2BAOjC,CAJM,MAAM,OAAG,CAAK,MAAM,gBAAA,WAAA,EAD5B,YAKE,MAAA,YAAA,EAAA;;KAHC,KAAK,MAAM;KACX,KAAK,MAAM,OAAO,MAAM,QAAI;KAC5B,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;;;;;wCAOnE,YAoBiB,MAAA,eAAA,EApBjB,WAoBiB,EAnBd,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,UAAQ,EAAI,MAAM,YAAY,SAAQ,EAAA,EAC/D,MAAM,OAAG,CAAK,MAAM,eAAY,EAAA,YAAA,KAAA,GAAA,EAAA,CAAA,EAAA;4BAiBjC,CAfP,WAeO,KAAA,QAAA,YAAA,EAAA,QAAA,CAbG,SAAA,SAAA,WAAA,EADR,mBAGsB,QAHtB,YAGsB,gBAAlB,SAAA,MAAQ,EAAA,EAAA,KAAA,WAAA,EACZ,mBASM,OATN,YASM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAyJ,QAAA,EAAnJ,GAAE,gJAA8I,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/badge/Badge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { badgeVariants, type BadgeVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: BadgeVariants[\"color\"];\n    size?: BadgeVariants[\"size\"];\n    variant?: BadgeVariants[\"variant\"];\n    placement?: BadgeVariants[\"placement\"];\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    size: \"md\",\n    variant: \"primary\",\n    placement: \"top-right\",\n  }\n);\n\nconst slotFns = computed(() =>\n  badgeVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n    placement: props.placement,\n  })\n);\n</script>\n\n<template>\n  <div :class=\"slotFns.anchor()\">\n    <slot />\n    <span :class=\"composeClassName(slotFns.base(), props.class)\">\n      <span :class=\"slotFns.label()\">\n        <slot name=\"label\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/badge/Badge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { badgeVariants, type BadgeVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: BadgeVariants[\"color\"];\n    size?: BadgeVariants[\"size\"];\n    variant?: BadgeVariants[\"variant\"];\n    placement?: BadgeVariants[\"placement\"];\n    class?: ClassValue;\n    /** Per-slot class name overrides. */\n    classNames?: Partial<{\n      anchor: ClassValue;\n      base: ClassValue;\n      label: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    size: \"md\",\n    variant: \"primary\",\n    placement: \"top-right\",\n  }\n);\n\nconst slotFns = computed(() =>\n  badgeVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n    placement: props.placement,\n  })\n);\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.anchor(), props.classNames?.anchor)\">\n    <slot />\n    <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n      <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n        <slot name=\"label\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,8 @@ var Badge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		size: { default: "md" },
 		variant: { default: "primary" },
 		placement: { default: "top-right" },
-		class: {}
+		class: {},
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -20,7 +21,7 @@ var Badge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			placement: props.placement
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(slotFns.value.anchor()) }, [renderSlot(_ctx.$slots, "default"), createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)) }, [createElementVNode("span", { class: normalizeClass(slotFns.value.label()) }, [renderSlot(_ctx.$slots, "label")], 2)], 2)], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.anchor(), props.classNames?.anchor)) }, [renderSlot(_ctx.$slots, "default"), createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.label(), props.classNames?.label)) }, [renderSlot(_ctx.$slots, "label")], 2)], 2)], 2);
 		};
 	}
 });

package/dist/components/badge/Badge.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/badge/Badge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { badgeVariants, type BadgeVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: BadgeVariants[\"color\"];\n    size?: BadgeVariants[\"size\"];\n    variant?: BadgeVariants[\"variant\"];\n    placement?: BadgeVariants[\"placement\"];\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    size: \"md\",\n    variant: \"primary\",\n    placement: \"top-right\",\n  }\n);\n\nconst slotFns = computed(() =>\n  badgeVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n    placement: props.placement,\n  })\n);\n</script>\n\n<template>\n  <div :class=\"slotFns.anchor()\">\n    <slot />\n    <span :class=\"composeClassName(slotFns.base(), props.class)\">\n      <span :class=\"slotFns.label()\">\n        <slot name=\"label\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAgBd,MAAM,UAAU,eACd,cAAc;GACZ,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,MAAM;GACf,WAAW,MAAM;GAClB,CAAA,CACF;;uBAIC,mBAOM,OAAA,EAPA,OAAK,eAAE,QAAA,MAAQ,QAAM,CAAA,EAAA,EAAA,CACzB,WAAQ,KAAA,QAAA,UAAA,EACR,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACxD,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,CACzB,WAAqB,KAAA,QAAA,QAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"Badge.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/badge/Badge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { badgeVariants, type BadgeVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: BadgeVariants[\"color\"];\n    size?: BadgeVariants[\"size\"];\n    variant?: BadgeVariants[\"variant\"];\n    placement?: BadgeVariants[\"placement\"];\n    class?: ClassValue;\n    /** Per-slot class name overrides. */\n    classNames?: Partial<{\n      anchor: ClassValue;\n      base: ClassValue;\n      label: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    size: \"md\",\n    variant: \"primary\",\n    placement: \"top-right\",\n  }\n);\n\nconst slotFns = computed(() =>\n  badgeVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n    placement: props.placement,\n  })\n);\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.anchor(), props.classNames?.anchor)\">\n    <slot />\n    <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n      <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n        <slot name=\"label\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAsBd,MAAM,UAAU,eACd,cAAc;GACZ,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,MAAM;GACf,WAAW,MAAM;GAClB,CAAA,CACF;;uBAIC,mBAOM,OAAA,EAPA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,YAAY,OAAM,CAAA,EAAA,EAAA,CACtE,WAAQ,KAAA,QAAA,UAAA,EACR,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA,CAChF,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA,EAAA,EAAA,CACrE,WAAqB,KAAA,QAAA,QAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/breadcrumbs/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../../src/components/breadcrumbs/BreadcrumbItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h } from 'vue'\nimport { useBreadcrumbsInject } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  isLast?: boolean\n  class?: string\n}>(), {\n  isLast: false,\n})\n\nconst ctx = useBreadcrumbsInject()\n\n// Wrap the separator slot in a functional component so arbitrary VNodes\n// (including text nodes) render correctly inside a <template> block.\nconst SeparatorRenderer = computed(() =>\n  ctx.separatorSlot\n    ? () => h(() => (ctx.separatorSlot as () => ReturnType<typeof h>[])())\n    : null\n)\n</script>\n\n<template>\n  <li\n    :class=\"[ctx.slotFns.value.item(), props.class]\"\n    :aria-current=\"props.isLast ? 'page' : undefined\"\n  >\n    <a\n      v-if=\"props.href && !props.isLast\"\n      :href=\"props.href\"\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </a>\n    <span\n      v-else\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!props.isLast\"\n      :class=\"ctx.slotFns.value.separator()\"\n      aria-hidden=\"true\"\n    >\n      <component\n        :is=\"SeparatorRenderer\"\n        v-if=\"SeparatorRenderer\"\n      />\n      <svg\n        v-else\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        focusable=\"false\"\n      >\n        <polyline points=\"9 6 15 12 9 18\" />\n      </svg>\n    </span>\n  </li>\n</template>\n"],"mappings":""}
+{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../../src/components/breadcrumbs/BreadcrumbItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h } from 'vue'\nimport { useBreadcrumbsInject } from './breadcrumbs.context'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  isLast?: boolean\n  class?: ClassValue\n  /**\n   * Per-slot class overrides. Each key maps to a named slot in the component;\n   * the value is merged with the generated variant classes via `composeClassName`.\n   */\n  classNames?: Partial<{\n    item: ClassValue\n    link: ClassValue\n    separator: ClassValue\n  }>\n}>(), {\n  isLast: false,\n})\n\nconst ctx = useBreadcrumbsInject()\n\n// Wrap the separator slot in a functional component so arbitrary VNodes\n// (including text nodes) render correctly inside a <template> block.\nconst SeparatorRenderer = computed(() =>\n  ctx.separatorSlot\n    ? () => h(() => (ctx.separatorSlot as () => ReturnType<typeof h>[])())\n    : null\n)\n</script>\n\n<template>\n  <li\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n    :aria-current=\"props.isLast ? 'page' : undefined\"\n  >\n    <a\n      v-if=\"props.href && !props.isLast\"\n      :href=\"props.href\"\n      :class=\"composeClassName(ctx.slotFns.value.link(), props.classNames?.link)\"\n    >\n      <slot />\n    </a>\n    <span\n      v-else\n      :class=\"composeClassName(ctx.slotFns.value.link(), props.classNames?.link)\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!props.isLast\"\n      :class=\"composeClassName(ctx.slotFns.value.separator(), props.classNames?.separator)\"\n      aria-hidden=\"true\"\n    >\n      <component\n        :is=\"SeparatorRenderer\"\n        v-if=\"SeparatorRenderer\"\n      />\n      <svg\n        v-else\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        focusable=\"false\"\n      >\n        <polyline points=\"9 6 15 12 9 18\" />\n      </svg>\n    </span>\n  </li>\n</template>\n"],"mappings":""}

package/dist/components/breadcrumbs/BreadcrumbItem.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { composeClassName } from "../../utils/composeClassName.js";
 import { useBreadcrumbsInject } from "./breadcrumbs.context.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, h, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref } from "vue";
 //#region src/components/breadcrumbs/BreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
@@ -22,7 +23,8 @@ var BreadcrumbItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			type: Boolean,
 			default: false
 		},
-		class: {}
+		class: {},
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -30,18 +32,18 @@ var BreadcrumbItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const SeparatorRenderer = computed(() => ctx.separatorSlot ? () => h(() => ctx.separatorSlot()) : null);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("li", {
-				class: normalizeClass([unref(ctx).slotFns.value.item(), props.class]),
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.item(), props.class, props.classNames?.item)),
 				"aria-current": props.isLast ? "page" : void 0
 			}, [props.href && !props.isLast ? (openBlock(), createElementBlock("a", {
 				key: 0,
 				href: props.href,
-				class: normalizeClass(unref(ctx).slotFns.value.link())
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.link(), props.classNames?.link))
 			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_2)) : (openBlock(), createElementBlock("span", {
 				key: 1,
-				class: normalizeClass(unref(ctx).slotFns.value.link())
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.link(), props.classNames?.link))
 			}, [renderSlot(_ctx.$slots, "default")], 2)), !props.isLast ? (openBlock(), createElementBlock("span", {
 				key: 2,
-				class: normalizeClass(unref(ctx).slotFns.value.separator()),
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.separator(), props.classNames?.separator)),
 				"aria-hidden": "true"
 			}, [SeparatorRenderer.value ? (openBlock(), createBlock(resolveDynamicComponent(SeparatorRenderer.value), { key: 0 })) : (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [createElementVNode("polyline", { points: "9 6 15 12 9 18" }, null, -1)])]))], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
 		};

package/dist/components/breadcrumbs/BreadcrumbItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/breadcrumbs/BreadcrumbItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h } from 'vue'\nimport { useBreadcrumbsInject } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  isLast?: boolean\n  class?: string\n}>(), {\n  isLast: false,\n})\n\nconst ctx = useBreadcrumbsInject()\n\n// Wrap the separator slot in a functional component so arbitrary VNodes\n// (including text nodes) render correctly inside a <template> block.\nconst SeparatorRenderer = computed(() =>\n  ctx.separatorSlot\n    ? () => h(() => (ctx.separatorSlot as () => ReturnType<typeof h>[])())\n    : null\n)\n</script>\n\n<template>\n  <li\n    :class=\"[ctx.slotFns.value.item(), props.class]\"\n    :aria-current=\"props.isLast ? 'page' : undefined\"\n  >\n    <a\n      v-if=\"props.href && !props.isLast\"\n      :href=\"props.href\"\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </a>\n    <span\n      v-else\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!props.isLast\"\n      :class=\"ctx.slotFns.value.separator()\"\n      aria-hidden=\"true\"\n    >\n      <component\n        :is=\"SeparatorRenderer\"\n        v-if=\"SeparatorRenderer\"\n      />\n      <svg\n        v-else\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        focusable=\"false\"\n      >\n        <polyline points=\"9 6 15 12 9 18\" />\n      </svg>\n    </span>\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAQd,MAAM,MAAM,sBAAqB;EAIjC,MAAM,oBAAoB,eACxB,IAAI,sBACM,QAAS,IAAI,eAAgD,CAAA,GACnE,KACN;;uBAIE,mBAwCK,MAAA;IAvCF,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,MAAK,CAAA;IAC7C,gBAAc,MAAM,SAAM,SAAY,KAAA;OAG/B,MAAM,QAAI,CAAK,MAAM,UAAA,WAAA,EAD7B,mBAMI,KAAA;;IAJD,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,CAAA;OAE9B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,KAAA,WAAA,EAEV,mBAKO,QAAA;;IAHJ,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,CAAA;OAE9B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,GAAA,CAGD,MAAM,UAAA,WAAA,EADf,mBAsBO,QAAA;;IApBJ,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,CAAA;IACnC,eAAY;OAIJ,kBAAA,SAAA,WAAA,EAFR,YAGE,wBAFK,kBAAA,MAAiB,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAGxB,mBAYM,OAZN,YAYM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"BreadcrumbItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/breadcrumbs/BreadcrumbItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h } from 'vue'\nimport { useBreadcrumbsInject } from './breadcrumbs.context'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  isLast?: boolean\n  class?: ClassValue\n  /**\n   * Per-slot class overrides. Each key maps to a named slot in the component;\n   * the value is merged with the generated variant classes via `composeClassName`.\n   */\n  classNames?: Partial<{\n    item: ClassValue\n    link: ClassValue\n    separator: ClassValue\n  }>\n}>(), {\n  isLast: false,\n})\n\nconst ctx = useBreadcrumbsInject()\n\n// Wrap the separator slot in a functional component so arbitrary VNodes\n// (including text nodes) render correctly inside a <template> block.\nconst SeparatorRenderer = computed(() =>\n  ctx.separatorSlot\n    ? () => h(() => (ctx.separatorSlot as () => ReturnType<typeof h>[])())\n    : null\n)\n</script>\n\n<template>\n  <li\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n    :aria-current=\"props.isLast ? 'page' : undefined\"\n  >\n    <a\n      v-if=\"props.href && !props.isLast\"\n      :href=\"props.href\"\n      :class=\"composeClassName(ctx.slotFns.value.link(), props.classNames?.link)\"\n    >\n      <slot />\n    </a>\n    <span\n      v-else\n      :class=\"composeClassName(ctx.slotFns.value.link(), props.classNames?.link)\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!props.isLast\"\n      :class=\"composeClassName(ctx.slotFns.value.separator(), props.classNames?.separator)\"\n      aria-hidden=\"true\"\n    >\n      <component\n        :is=\"SeparatorRenderer\"\n        v-if=\"SeparatorRenderer\"\n      />\n      <svg\n        v-else\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        focusable=\"false\"\n      >\n        <polyline points=\"9 6 15 12 9 18\" />\n      </svg>\n    </span>\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAiBd,MAAM,MAAM,sBAAqB;EAIjC,MAAM,oBAAoB,eACxB,IAAI,sBACM,QAAS,IAAI,eAAgD,CAAA,GACnE,KACN;;uBAIE,mBAwCK,MAAA;IAvCF,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IACrF,gBAAc,MAAM,SAAM,SAAY,KAAA;OAG/B,MAAM,QAAI,CAAK,MAAM,UAAA,WAAA,EAD7B,mBAMI,KAAA;;IAJD,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;OAEzE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,KAAA,WAAA,EAEV,mBAKO,QAAA;;IAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;OAEzE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,GAAA,CAGD,MAAM,UAAA,WAAA,EADf,mBAsBO,QAAA;;IApBJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;IACnF,eAAY;OAIJ,kBAAA,SAAA,WAAA,EAFR,YAGE,wBAFK,kBAAA,MAAiB,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAGxB,mBAYM,OAZN,YAYM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/breadcrumbs/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, cloneVNode, type VNode } from 'vue'\nimport { breadcrumbsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useBreadcrumbsProvide } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  maxItems?: number\n  class?: string\n}>(), {})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n  separator?(): VNode;\n}>();\n\nconst slotFns = computed(() => breadcrumbsVariants({}))\n\n// Flatten default slot children into an array of VNodes we can iterate.\nfunction flattenChildren(nodes: VNode[] | undefined): VNode[] {\n  if (!nodes) return []\n  const out: VNode[] = []\n  for (const n of nodes) {\n    // Skip comment / text whitespace nodes; detect Fragment by string representation\n    if (typeof n.type === 'symbol' && String(n.type) === 'Symbol(v-fgt)') {\n      out.push(...flattenChildren((n.children as VNode[]) ?? []))\n    } else if (n.type && typeof n.type !== 'symbol') {\n      out.push(n)\n    }\n  }\n  return out\n}\n\nconst renderedChildren = computed(() => {\n  const raw = slots.default?.() ?? []\n  const items = flattenChildren(raw as VNode[])\n  const max = props.maxItems\n  let list = items\n  if (max && items.length > max && max >= 2) {\n    const first = items[0]\n    const last = items.slice(items.length - (max - 2))\n    const ellipsis = h(\n      'li',\n      { class: slotFns.value.item(), 'aria-hidden': 'true' },\n      '…'\n    )\n    list = [first, ellipsis, ...last]\n  }\n  // Clone the last BreadcrumbItem VNode with isLast prop set\n  if (list.length > 0) {\n    const lastIdx = list.length - 1\n    list = list.map((vnode, idx) =>\n      idx === lastIdx ? cloneVNode(vnode, { isLast: true }) : vnode\n    )\n  }\n  return list\n})\n\nconst total = computed(() => renderedChildren.value.length)\n\nuseBreadcrumbsProvide({\n  slotFns,\n  total,\n  separatorSlot: slots.separator,\n})\n</script>\n\n<template>\n  <nav\n    aria-label=\"Breadcrumb\"\n    :class=\"props.class\"\n  >\n    <ol :class=\"composeClassName(slotFns.base(), undefined)\">\n      <component\n        :is=\"child\"\n        v-for=\"(child, idx) in renderedChildren\"\n        :key=\"idx\"\n      />\n    </ol>\n  </nav>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/breadcrumbs/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, cloneVNode, type VNode } from 'vue'\nimport { breadcrumbsVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useBreadcrumbsProvide } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  maxItems?: number\n  class?: ClassValue\n  /** Override classes on any named slot. */\n  classNames?: Partial<{\n    base: ClassValue\n    item: ClassValue\n  }>\n}>(), {})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n  separator?(): VNode;\n}>();\n\nconst slotFns = computed(() => breadcrumbsVariants({}))\n\n// Flatten default slot children into an array of VNodes we can iterate.\nfunction flattenChildren(nodes: VNode[] | undefined): VNode[] {\n  if (!nodes) return []\n  const out: VNode[] = []\n  for (const n of nodes) {\n    // Skip comment / text whitespace nodes; detect Fragment by string representation\n    if (typeof n.type === 'symbol' && String(n.type) === 'Symbol(v-fgt)') {\n      out.push(...flattenChildren((n.children as VNode[]) ?? []))\n    } else if (n.type && typeof n.type !== 'symbol') {\n      out.push(n)\n    }\n  }\n  return out\n}\n\nconst renderedChildren = computed(() => {\n  const raw = slots.default?.() ?? []\n  const items = flattenChildren(raw as VNode[])\n  const max = props.maxItems\n  let list = items\n  if (max && items.length > max && max >= 2) {\n    const first = items[0]\n    const last = items.slice(items.length - (max - 2))\n    const ellipsis = h(\n      'li',\n      { class: composeClassName(slotFns.value.item(), props.classNames?.item), 'aria-hidden': 'true' },\n      '…'\n    )\n    list = [first, ellipsis, ...last]\n  }\n  // Clone the last BreadcrumbItem VNode with isLast prop set\n  if (list.length > 0) {\n    const lastIdx = list.length - 1\n    list = list.map((vnode, idx) =>\n      idx === lastIdx ? cloneVNode(vnode, { isLast: true }) : vnode\n    )\n  }\n  return list\n})\n\nconst total = computed(() => renderedChildren.value.length)\n\nuseBreadcrumbsProvide({\n  slotFns,\n  total,\n  separatorSlot: slots.separator,\n})\n</script>\n\n<template>\n  <nav\n    aria-label=\"Breadcrumb\"\n    :class=\"props.class\"\n  >\n    <ol :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n      <component\n        :is=\"child\"\n        v-for=\"(child, idx) in renderedChildren\"\n        :key=\"idx\"\n      />\n    </ol>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/components/breadcrumbs/Breadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,8 @@ var Breadcrumbs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	__name: "Breadcrumbs",
 	props: {
 		maxItems: {},
-		class: {}
+		class: {},
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -30,7 +31,7 @@ var Breadcrumbs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				list = [
 					first,
 					h("li", {
-						class: slotFns.value.item(),
+						class: composeClassName(slotFns.value.item(), props.classNames?.item),
 						"aria-hidden": "true"
 					}, "…"),
 					...last
@@ -51,7 +52,7 @@ var Breadcrumbs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			return openBlock(), createElementBlock("nav", {
 				"aria-label": "Breadcrumb",
 				class: normalizeClass(props.class)
-			}, [createElementVNode("ol", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), void 0)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderedChildren.value, (child, idx) => {
+			}, [createElementVNode("ol", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderedChildren.value, (child, idx) => {
 				return openBlock(), createBlock(resolveDynamicComponent(child), { key: idx });
 			}), 128))], 2)], 2);
 		};

package/dist/components/breadcrumbs/Breadcrumbs.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/breadcrumbs/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, cloneVNode, type VNode } from 'vue'\nimport { breadcrumbsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useBreadcrumbsProvide } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  maxItems?: number\n  class?: string\n}>(), {})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n  separator?(): VNode;\n}>();\n\nconst slotFns = computed(() => breadcrumbsVariants({}))\n\n// Flatten default slot children into an array of VNodes we can iterate.\nfunction flattenChildren(nodes: VNode[] | undefined): VNode[] {\n  if (!nodes) return []\n  const out: VNode[] = []\n  for (const n of nodes) {\n    // Skip comment / text whitespace nodes; detect Fragment by string representation\n    if (typeof n.type === 'symbol' && String(n.type) === 'Symbol(v-fgt)') {\n      out.push(...flattenChildren((n.children as VNode[]) ?? []))\n    } else if (n.type && typeof n.type !== 'symbol') {\n      out.push(n)\n    }\n  }\n  return out\n}\n\nconst renderedChildren = computed(() => {\n  const raw = slots.default?.() ?? []\n  const items = flattenChildren(raw as VNode[])\n  const max = props.maxItems\n  let list = items\n  if (max && items.length > max && max >= 2) {\n    const first = items[0]\n    const last = items.slice(items.length - (max - 2))\n    const ellipsis = h(\n      'li',\n      { class: slotFns.value.item(), 'aria-hidden': 'true' },\n      '…'\n    )\n    list = [first, ellipsis, ...last]\n  }\n  // Clone the last BreadcrumbItem VNode with isLast prop set\n  if (list.length > 0) {\n    const lastIdx = list.length - 1\n    list = list.map((vnode, idx) =>\n      idx === lastIdx ? cloneVNode(vnode, { isLast: true }) : vnode\n    )\n  }\n  return list\n})\n\nconst total = computed(() => renderedChildren.value.length)\n\nuseBreadcrumbsProvide({\n  slotFns,\n  total,\n  separatorSlot: slots.separator,\n})\n</script>\n\n<template>\n  <nav\n    aria-label=\"Breadcrumb\"\n    :class=\"props.class\"\n  >\n    <ol :class=\"composeClassName(slotFns.base(), undefined)\">\n      <component\n        :is=\"child\"\n        v-for=\"(child, idx) in renderedChildren\"\n        :key=\"idx\"\n      />\n    </ol>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,QAAQ,UAGV;EAEJ,MAAM,UAAU,eAAe,oBAAoB,EAAE,CAAC,CAAA;EAGtD,SAAS,gBAAgB,OAAqC;AAC5D,OAAI,CAAC,MAAO,QAAO,EAAC;GACpB,MAAM,MAAe,EAAC;AACtB,QAAK,MAAM,KAAK,MAEd,KAAI,OAAO,EAAE,SAAS,YAAY,OAAO,EAAE,KAAK,KAAK,gBACnD,KAAI,KAAK,GAAG,gBAAiB,EAAE,YAAwB,EAAE,CAAC,CAAA;YACjD,EAAE,QAAQ,OAAO,EAAE,SAAS,SACrC,KAAI,KAAK,EAAC;AAGd,UAAO;;EAGT,MAAM,mBAAmB,eAAe;GAEtC,MAAM,QAAQ,gBADF,MAAM,WAAW,IAAI,EAAC,CACU;GAC5C,MAAM,MAAM,MAAM;GAClB,IAAI,OAAO;AACX,OAAI,OAAO,MAAM,SAAS,OAAO,OAAO,GAAG;IACzC,MAAM,QAAQ,MAAM;IACpB,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,GAAE;AAMjD,WAAO;KAAC;KALS,EACf,MACA;MAAE,OAAO,QAAQ,MAAM,MAAM;MAAE,eAAe;MAAQ,EACtD,IACF;KACyB,GAAG;KAAI;;AAGlC,OAAI,KAAK,SAAS,GAAG;IACnB,MAAM,UAAU,KAAK,SAAS;AAC9B,WAAO,KAAK,KAAK,OAAO,QACtB,QAAQ,UAAU,WAAW,OAAO,EAAE,QAAQ,MAAM,CAAC,GAAG,MAC1D;;AAEF,UAAO;IACR;AAID,wBAAsB;GACpB;GACA,OAJY,eAAe,iBAAiB,MAAM,OAAM;GAKxD,eAAe,MAAM;GACtB,CAAA;;uBAIC,mBAWM,OAAA;IAVJ,cAAW;IACV,OAAK,eAAE,MAAM,MAAK;OAEnB,mBAMK,MAAA,EANA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,KAAA,EAAS,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACpD,mBAIE,UAAA,MAAA,WAFuB,iBAAA,QAAf,OAAO,QAAG;wBAFpB,YAIE,wBAHK,MAAK,EAAA,EAET,KAAK,KAAG,CAAA"}
+{"version":3,"file":"Breadcrumbs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/breadcrumbs/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, cloneVNode, type VNode } from 'vue'\nimport { breadcrumbsVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useBreadcrumbsProvide } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  maxItems?: number\n  class?: ClassValue\n  /** Override classes on any named slot. */\n  classNames?: Partial<{\n    base: ClassValue\n    item: ClassValue\n  }>\n}>(), {})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n  separator?(): VNode;\n}>();\n\nconst slotFns = computed(() => breadcrumbsVariants({}))\n\n// Flatten default slot children into an array of VNodes we can iterate.\nfunction flattenChildren(nodes: VNode[] | undefined): VNode[] {\n  if (!nodes) return []\n  const out: VNode[] = []\n  for (const n of nodes) {\n    // Skip comment / text whitespace nodes; detect Fragment by string representation\n    if (typeof n.type === 'symbol' && String(n.type) === 'Symbol(v-fgt)') {\n      out.push(...flattenChildren((n.children as VNode[]) ?? []))\n    } else if (n.type && typeof n.type !== 'symbol') {\n      out.push(n)\n    }\n  }\n  return out\n}\n\nconst renderedChildren = computed(() => {\n  const raw = slots.default?.() ?? []\n  const items = flattenChildren(raw as VNode[])\n  const max = props.maxItems\n  let list = items\n  if (max && items.length > max && max >= 2) {\n    const first = items[0]\n    const last = items.slice(items.length - (max - 2))\n    const ellipsis = h(\n      'li',\n      { class: composeClassName(slotFns.value.item(), props.classNames?.item), 'aria-hidden': 'true' },\n      '…'\n    )\n    list = [first, ellipsis, ...last]\n  }\n  // Clone the last BreadcrumbItem VNode with isLast prop set\n  if (list.length > 0) {\n    const lastIdx = list.length - 1\n    list = list.map((vnode, idx) =>\n      idx === lastIdx ? cloneVNode(vnode, { isLast: true }) : vnode\n    )\n  }\n  return list\n})\n\nconst total = computed(() => renderedChildren.value.length)\n\nuseBreadcrumbsProvide({\n  slotFns,\n  total,\n  separatorSlot: slots.separator,\n})\n</script>\n\n<template>\n  <nav\n    aria-label=\"Breadcrumb\"\n    :class=\"props.class\"\n  >\n    <ol :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n      <component\n        :is=\"child\"\n        v-for=\"(child, idx) in renderedChildren\"\n        :key=\"idx\"\n      />\n    </ol>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAUd,MAAM,QAAQ,UAGV;EAEJ,MAAM,UAAU,eAAe,oBAAoB,EAAE,CAAC,CAAA;EAGtD,SAAS,gBAAgB,OAAqC;AAC5D,OAAI,CAAC,MAAO,QAAO,EAAC;GACpB,MAAM,MAAe,EAAC;AACtB,QAAK,MAAM,KAAK,MAEd,KAAI,OAAO,EAAE,SAAS,YAAY,OAAO,EAAE,KAAK,KAAK,gBACnD,KAAI,KAAK,GAAG,gBAAiB,EAAE,YAAwB,EAAE,CAAC,CAAA;YACjD,EAAE,QAAQ,OAAO,EAAE,SAAS,SACrC,KAAI,KAAK,EAAC;AAGd,UAAO;;EAGT,MAAM,mBAAmB,eAAe;GAEtC,MAAM,QAAQ,gBADF,MAAM,WAAW,IAAI,EAAC,CACU;GAC5C,MAAM,MAAM,MAAM;GAClB,IAAI,OAAO;AACX,OAAI,OAAO,MAAM,SAAS,OAAO,OAAO,GAAG;IACzC,MAAM,QAAQ,MAAM;IACpB,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,GAAE;AAMjD,WAAO;KAAC;KALS,EACf,MACA;MAAE,OAAO,iBAAiB,QAAQ,MAAM,MAAM,EAAE,MAAM,YAAY,KAAK;MAAE,eAAe;MAAQ,EAChG,IACF;KACyB,GAAG;KAAI;;AAGlC,OAAI,KAAK,SAAS,GAAG;IACnB,MAAM,UAAU,KAAK,SAAS;AAC9B,WAAO,KAAK,KAAK,OAAO,QACtB,QAAQ,UAAU,WAAW,OAAO,EAAE,QAAQ,MAAM,CAAC,GAAG,MAC1D;;AAEF,UAAO;IACR;AAID,wBAAsB;GACpB;GACA,OAJY,eAAe,iBAAiB,MAAM,OAAM;GAKxD,eAAe,MAAM;GACtB,CAAA;;uBAIC,mBAWM,OAAA;IAVJ,cAAW;IACV,OAAK,eAAE,MAAM,MAAK;OAEnB,mBAMK,MAAA,EANA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAC9E,mBAIE,UAAA,MAAA,WAFuB,iBAAA,QAAf,OAAO,QAAG;wBAFpB,YAIE,wBAHK,MAAK,EAAA,EAET,KAAK,KAAG,CAAA"}

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: string\n  value?: string | number\n}>(), {\n  variant: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"slotFns.endContent()\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"slotFns.spinner()\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: ClassValue\n  /** Override classes for individual slots (base, startContent, label, endContent, spinner) */\n  classNames?: Partial<{\n    base: ClassValue\n    startContent: ClassValue\n    label: ClassValue\n    endContent: ClassValue\n    spinner: ClassValue\n  }>\n  value?: string | number\n}>(), {\n  variant: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"composeClassName(slotFns.spinner(), props.classNames?.spinner)\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":""}

package/dist/components/button/Button.vue_vue_type_script_setup_true_lang.js

@@ -29,6 +29,7 @@ var Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		},
 		as: { default: "button" },
 		class: {},
+		classNames: {},
 		value: { default: void 0 }
 	},
 	setup(__props) {
@@ -68,7 +69,7 @@ var Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), mergeProps({
 				as: props.as,
-				class: unref(composeClassName)(slotFns.value.base(), props.class),
+				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base),
 				disabled: isDisabled.value || props.isLoading || void 0,
 				"data-disabled": isDisabled.value || void 0,
 				"data-loading": props.isLoading || void 0,
@@ -78,16 +79,16 @@ var Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				default: withCtx(() => [
 					_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", {
 						key: 0,
-						class: normalizeClass(slotFns.value.startContent())
+						class: normalizeClass(unref(composeClassName)(slotFns.value.startContent(), props.classNames?.startContent))
 					}, [renderSlot(_ctx.$slots, "startContent")], 2)) : createCommentVNode("", true),
-					createElementVNode("span", { class: normalizeClass(slotFns.value.label()) }, [renderSlot(_ctx.$slots, "default")], 2),
+					createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.label(), props.classNames?.label)) }, [renderSlot(_ctx.$slots, "default")], 2),
 					_ctx.$slots.endContent ? (openBlock(), createElementBlock("span", {
 						key: 1,
-						class: normalizeClass(slotFns.value.endContent())
+						class: normalizeClass(unref(composeClassName)(slotFns.value.endContent(), props.classNames?.endContent))
 					}, [renderSlot(_ctx.$slots, "endContent")], 2)) : createCommentVNode("", true),
 					props.isLoading ? (openBlock(), createElementBlock("span", {
 						key: 2,
-						class: normalizeClass(slotFns.value.spinner()),
+						class: normalizeClass(unref(composeClassName)(slotFns.value.spinner(), props.classNames?.spinner)),
 						"aria-hidden": "true",
 						"data-slot": "spinner"
 					}, [createVNode(Spinner_default, {

package/dist/components/button/Button.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: string\n  value?: string | number\n}>(), {\n  variant: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"slotFns.endContent()\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"slotFns.spinner()\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAyBd,MAAM,WAAW,qBAAqB;GACpC,SAAS,IAAI,UAAU;GACvB,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACrB,aAAa,IAAI,aAAa;GAC9B,eAAe,IAAI,SAAS;GAC5B,eAAe,IAAI,KAAK;GACxB,uBAAuB;GACvB,mBAAmB;GACpB,CAAA;EAED,MAAM,aAAa,eAAe,SAAS,gBAAgB,MAAM,MAAM,CAAA;EAEvE,SAAS,cAAc;AACrB,OAAI,MAAM,UAAU,KAAA,EAAW,UAAS,YAAY,MAAM,MAAK;;EAMjE,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAC3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAC3E,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAClE,MAAM,iBAAiB,eAAe,MAAM,aAAa,SAAS,UAAU,MAAK;EAEjF,MAAM,UAAU,eACd,eAAe;GACb,SAAS,aAAa;GACtB,MAAM,UAAU;GAChB,QAAQ,MAAM;GACd,YAAY,MAAM;GAClB,WAAW,eAAe;GAC1B,WAAW,MAAM;GAClB,CAAA,CACH;EAGA,MAAM,cAAc,eAAe;AACjC,OAAI,UAAU,UAAU,QAAQ,UAAU,UAAU,KAAM,QAAO;AACjE,OAAI,UAAU,UAAU,QAAQ,UAAU,UAAU,KAAM,QAAO;AACjE,UAAO;IACR;;uBAIC,YA6CY,MAAA,UAAA,EA7CZ,WA6CY;IA5CT,IAAI,MAAM;IACV,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK;IACnD,UAAU,WAAA,SAAc,MAAM,aAAa,KAAA;IAC3C,iBAAe,WAAA,SAAc,KAAA;IAC7B,gBAAc,MAAM,aAAa,KAAA;IACjC,oBAAkB,MAAA,SAAQ,CAAC,YAAY;IACvC,iBAAe,WAAA,SAAc,KAAA;MACtBA,KAAAA,QAAM,EACb,SAAO,aAAW,CAAA,EAAA;2BAQZ;KAJCC,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAKO,QAAA;;MAHJ,OAAK,eAAE,QAAA,MAAQ,cAAY,CAAA;SAE5B,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAI9B,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,CACzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;KAKFA,KAAAA,OAAO,cAAA,WAAA,EADf,mBAKO,QAAA;;MAHJ,OAAK,eAAE,QAAA,MAAQ,YAAU,CAAA;SAE1B,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAMpB,MAAM,aAAA,WAAA,EADd,mBAUO,QAAA;;MARJ,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA;MACvB,eAAY;MACZ,aAAU;SAEV,YAGE,iBAAA;MAFC,MAAM,YAAA;MACP,OAAM"}
+{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: ClassValue\n  /** Override classes for individual slots (base, startContent, label, endContent, spinner) */\n  classNames?: Partial<{\n    base: ClassValue\n    startContent: ClassValue\n    label: ClassValue\n    endContent: ClassValue\n    spinner: ClassValue\n  }>\n  value?: string | number\n}>(), {\n  variant: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"composeClassName(slotFns.spinner(), props.classNames?.spinner)\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAiCd,MAAM,WAAW,qBAAqB;GACpC,SAAS,IAAI,UAAU;GACvB,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACrB,aAAa,IAAI,aAAa;GAC9B,eAAe,IAAI,SAAS;GAC5B,eAAe,IAAI,KAAK;GACxB,uBAAuB;GACvB,mBAAmB;GACpB,CAAA;EAED,MAAM,aAAa,eAAe,SAAS,gBAAgB,MAAM,MAAM,CAAA;EAEvE,SAAS,cAAc;AACrB,OAAI,MAAM,UAAU,KAAA,EAAW,UAAS,YAAY,MAAM,MAAK;;EAMjE,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAC3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAC3E,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAClE,MAAM,iBAAiB,eAAe,MAAM,aAAa,SAAS,UAAU,MAAK;EAEjF,MAAM,UAAU,eACd,eAAe;GACb,SAAS,aAAa;GACtB,MAAM,UAAU;GAChB,QAAQ,MAAM;GACd,YAAY,MAAM;GAClB,WAAW,eAAe;GAC1B,WAAW,MAAM;GAClB,CAAA,CACH;EAGA,MAAM,cAAc,eAAe;AACjC,OAAI,UAAU,UAAU,QAAQ,UAAU,UAAU,KAAM,QAAO;AACjE,OAAI,UAAU,UAAU,QAAQ,UAAU,UAAU,KAAM,QAAO;AACjE,UAAO;IACR;;uBAIC,YA6CY,MAAA,UAAA,EA7CZ,WA6CY;IA5CT,IAAI,MAAM;IACV,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI;IAC3E,UAAU,WAAA,SAAc,MAAM,aAAa,KAAA;IAC3C,iBAAe,WAAA,SAAc,KAAA;IAC7B,gBAAc,MAAM,aAAa,KAAA;IACjC,oBAAkB,MAAA,SAAQ,CAAC,YAAY;IACvC,iBAAe,WAAA,SAAc,KAAA;MACtBA,KAAAA,QAAM,EACb,SAAO,aAAW,CAAA,EAAA;2BAQZ;KAJCC,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAKO,QAAA;;MAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,cAAY,EAAI,MAAM,YAAY,aAAY,CAAA;SAE/E,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAI9B,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA,EAAA,EAAA,CACrE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;KAKFA,KAAAA,OAAO,cAAA,WAAA,EADf,mBAKO,QAAA;;MAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,YAAU,EAAI,MAAM,YAAY,WAAU,CAAA;SAE3E,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAMpB,MAAM,aAAA,WAAA,EADd,mBAUO,QAAA;;MARJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA;MACrE,eAAY;MACZ,aAAU;SAEV,YAGE,iBAAA;MAFC,MAAM,YAAA;MACP,OAAM"}

package/dist/components/button/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../../src/components/button/ButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { buttonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupProvide } from './button-group.context'\nimport type { ButtonGroupSelectionMode, ButtonGroupValue } from './button-group.context'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  class?: string\n  selectionMode?: ButtonGroupSelectionMode\n  modelValue?: ButtonGroupValue\n}>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  selectionMode: 'single',\n  modelValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: ButtonGroupValue]\n}>()\n\n// Selected value: controlled if modelValue prop is provided, otherwise uncontrolled.\n// Single mode: scalar (string|number|null). Multiple mode: array of scalars.\nconst internalSelected = ref<ButtonGroupValue>(props.selectionMode === 'multiple' ? [] : null)\nconst selectedValue = computed<ButtonGroupValue>({\n  get: () => (props.modelValue !== undefined ? props.modelValue : internalSelected.value),\n  set: (v) => {\n    if (props.modelValue === undefined) internalSelected.value = v\n    emit('update:modelValue', v)\n  },\n})\n\nfunction isValueSelected(value: string | number | undefined): boolean {\n  if (value === undefined) return false\n  const current = selectedValue.value\n  if (Array.isArray(current)) return current.includes(value)\n  return current === value\n}\n\nfunction selectValue(value: string | number) {\n  if (props.selectionMode === 'multiple') {\n    const current = Array.isArray(selectedValue.value) ? selectedValue.value : []\n    selectedValue.value = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value]\n  } else {\n    // Single mode: clicking the already-selected button deselects it\n    selectedValue.value = selectedValue.value === value ? null : value\n  }\n}\n\n// Provide context using toRef() for reactivity (D-11)\nuseButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValue,\n  isValueSelected,\n  selectValue,\n})\n\nconst slotFns = computed(() =>\n  buttonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../../src/components/button/ButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { buttonGroupVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupProvide } from './button-group.context'\nimport type { ButtonGroupSelectionMode, ButtonGroupValue } from './button-group.context'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  selectionMode?: ButtonGroupSelectionMode\n  modelValue?: ButtonGroupValue\n}>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  selectionMode: 'single',\n  modelValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: ButtonGroupValue]\n}>()\n\n// Selected value: controlled if modelValue prop is provided, otherwise uncontrolled.\n// Single mode: scalar (string|number|null). Multiple mode: array of scalars.\nconst internalSelected = ref<ButtonGroupValue>(props.selectionMode === 'multiple' ? [] : null)\nconst selectedValue = computed<ButtonGroupValue>({\n  get: () => (props.modelValue !== undefined ? props.modelValue : internalSelected.value),\n  set: (v) => {\n    if (props.modelValue === undefined) internalSelected.value = v\n    emit('update:modelValue', v)\n  },\n})\n\nfunction isValueSelected(value: string | number | undefined): boolean {\n  if (value === undefined) return false\n  const current = selectedValue.value\n  if (Array.isArray(current)) return current.includes(value)\n  return current === value\n}\n\nfunction selectValue(value: string | number) {\n  if (props.selectionMode === 'multiple') {\n    const current = Array.isArray(selectedValue.value) ? selectedValue.value : []\n    selectedValue.value = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value]\n  } else {\n    // Single mode: clicking the already-selected button deselects it\n    selectedValue.value = selectedValue.value === value ? null : value\n  }\n}\n\n// Provide context using toRef() for reactivity (D-11)\nuseButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValue,\n  isValueSelected,\n  selectValue,\n})\n\nconst slotFns = computed(() =>\n  buttonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/button/ButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -19,6 +19,7 @@ var ButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		},
 		orientation: { default: "horizontal" },
 		class: {},
+		classNames: {},
 		selectionMode: { default: "single" },
 		modelValue: { default: void 0 }
 	},
@@ -63,7 +64,7 @@ var ButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"data-orientation": props.orientation,
 				role: "group"
 			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);

package/dist/components/button/ButtonGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/ButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { buttonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupProvide } from './button-group.context'\nimport type { ButtonGroupSelectionMode, ButtonGroupValue } from './button-group.context'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  class?: string\n  selectionMode?: ButtonGroupSelectionMode\n  modelValue?: ButtonGroupValue\n}>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  selectionMode: 'single',\n  modelValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: ButtonGroupValue]\n}>()\n\n// Selected value: controlled if modelValue prop is provided, otherwise uncontrolled.\n// Single mode: scalar (string|number|null). Multiple mode: array of scalars.\nconst internalSelected = ref<ButtonGroupValue>(props.selectionMode === 'multiple' ? [] : null)\nconst selectedValue = computed<ButtonGroupValue>({\n  get: () => (props.modelValue !== undefined ? props.modelValue : internalSelected.value),\n  set: (v) => {\n    if (props.modelValue === undefined) internalSelected.value = v\n    emit('update:modelValue', v)\n  },\n})\n\nfunction isValueSelected(value: string | number | undefined): boolean {\n  if (value === undefined) return false\n  const current = selectedValue.value\n  if (Array.isArray(current)) return current.includes(value)\n  return current === value\n}\n\nfunction selectValue(value: string | number) {\n  if (props.selectionMode === 'multiple') {\n    const current = Array.isArray(selectedValue.value) ? selectedValue.value : []\n    selectedValue.value = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value]\n  } else {\n    // Single mode: clicking the already-selected button deselects it\n    selectedValue.value = selectedValue.value === value ? null : value\n  }\n}\n\n// Provide context using toRef() for reactivity (D-11)\nuseButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValue,\n  isValueSelected,\n  selectValue,\n})\n\nconst slotFns = computed(() =>\n  buttonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAmBd,MAAM,OAAO;EAMb,MAAM,mBAAmB,IAAsB,MAAM,kBAAkB,aAAa,EAAE,GAAG,KAAI;EAC7F,MAAM,gBAAgB,SAA2B;GAC/C,WAAY,MAAM,eAAe,KAAA,IAAY,MAAM,aAAa,iBAAiB;GACjF,MAAM,MAAM;AACV,QAAI,MAAM,eAAe,KAAA,EAAW,kBAAiB,QAAQ;AAC7D,SAAK,qBAAqB,EAAC;;GAE9B,CAAA;EAED,SAAS,gBAAgB,OAA6C;AACpE,OAAI,UAAU,KAAA,EAAW,QAAO;GAChC,MAAM,UAAU,cAAc;AAC9B,OAAI,MAAM,QAAQ,QAAQ,CAAE,QAAO,QAAQ,SAAS,MAAK;AACzD,UAAO,YAAY;;EAGrB,SAAS,YAAY,OAAwB;AAC3C,OAAI,MAAM,kBAAkB,YAAY;IACtC,MAAM,UAAU,MAAM,QAAQ,cAAc,MAAM,GAAG,cAAc,QAAQ,EAAC;AAC5E,kBAAc,QAAQ,QAAQ,SAAS,MAAK,GACxC,QAAQ,QAAQ,MAAM,MAAM,MAAK,GACjC,CAAC,GAAG,SAAS,MAAK;SAGtB,eAAc,QAAQ,cAAc,UAAU,QAAQ,OAAO;;AAKjE,wBAAsB;GACpB,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU,MAAM,OAAO,WAAW;GAClC,WAAW,MAAM,OAAO,YAAY;GACpC,aAAa,MAAM,OAAO,cAAc;GACxC,eAAe,MAAM,OAAO,gBAAgB;GAC5C;GACA;GACA;GACD,CAAA;EAED,MAAM,UAAU,eACd,oBAAoB;GAClB,WAAW,MAAM;GACjB,aAAa,MAAM;GACpB,CAAA,CACH;;uBAIE,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,oBAAkB,MAAM;IACzB,MAAK;OAEL,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"ButtonGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/ButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { buttonGroupVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupProvide } from './button-group.context'\nimport type { ButtonGroupSelectionMode, ButtonGroupValue } from './button-group.context'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  selectionMode?: ButtonGroupSelectionMode\n  modelValue?: ButtonGroupValue\n}>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  selectionMode: 'single',\n  modelValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: ButtonGroupValue]\n}>()\n\n// Selected value: controlled if modelValue prop is provided, otherwise uncontrolled.\n// Single mode: scalar (string|number|null). Multiple mode: array of scalars.\nconst internalSelected = ref<ButtonGroupValue>(props.selectionMode === 'multiple' ? [] : null)\nconst selectedValue = computed<ButtonGroupValue>({\n  get: () => (props.modelValue !== undefined ? props.modelValue : internalSelected.value),\n  set: (v) => {\n    if (props.modelValue === undefined) internalSelected.value = v\n    emit('update:modelValue', v)\n  },\n})\n\nfunction isValueSelected(value: string | number | undefined): boolean {\n  if (value === undefined) return false\n  const current = selectedValue.value\n  if (Array.isArray(current)) return current.includes(value)\n  return current === value\n}\n\nfunction selectValue(value: string | number) {\n  if (props.selectionMode === 'multiple') {\n    const current = Array.isArray(selectedValue.value) ? selectedValue.value : []\n    selectedValue.value = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value]\n  } else {\n    // Single mode: clicking the already-selected button deselects it\n    selectedValue.value = selectedValue.value === value ? null : value\n  }\n}\n\n// Provide context using toRef() for reactivity (D-11)\nuseButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValue,\n  isValueSelected,\n  selectValue,\n})\n\nconst slotFns = computed(() =>\n  buttonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAMb,MAAM,mBAAmB,IAAsB,MAAM,kBAAkB,aAAa,EAAE,GAAG,KAAI;EAC7F,MAAM,gBAAgB,SAA2B;GAC/C,WAAY,MAAM,eAAe,KAAA,IAAY,MAAM,aAAa,iBAAiB;GACjF,MAAM,MAAM;AACV,QAAI,MAAM,eAAe,KAAA,EAAW,kBAAiB,QAAQ;AAC7D,SAAK,qBAAqB,EAAC;;GAE9B,CAAA;EAED,SAAS,gBAAgB,OAA6C;AACpE,OAAI,UAAU,KAAA,EAAW,QAAO;GAChC,MAAM,UAAU,cAAc;AAC9B,OAAI,MAAM,QAAQ,QAAQ,CAAE,QAAO,QAAQ,SAAS,MAAK;AACzD,UAAO,YAAY;;EAGrB,SAAS,YAAY,OAAwB;AAC3C,OAAI,MAAM,kBAAkB,YAAY;IACtC,MAAM,UAAU,MAAM,QAAQ,cAAc,MAAM,GAAG,cAAc,QAAQ,EAAC;AAC5E,kBAAc,QAAQ,QAAQ,SAAS,MAAK,GACxC,QAAQ,QAAQ,MAAM,MAAM,MAAK,GACjC,CAAC,GAAG,SAAS,MAAK;SAGtB,eAAc,QAAQ,cAAc,UAAU,QAAQ,OAAO;;AAKjE,wBAAsB;GACpB,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU,MAAM,OAAO,WAAW;GAClC,WAAW,MAAM,OAAO,YAAY;GACpC,aAAa,MAAM,OAAO,cAAc;GACxC,eAAe,MAAM,OAAO,gBAAgB;GAC5C;GACA;GACA;GACD,CAAA;EAED,MAAM,UAAU,eACd,oBAAoB;GAClB,WAAW,MAAM;GACjB,aAAa,MAAM;GACpB,CAAA,CACH;;uBAIE,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,oBAAkB,MAAM;IACzB,MAAK;OAEL,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}