@auronui/vue 1.0.14 → 1.0.16

package/dist/components/calendar-year-picker/CalendarYearPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYearPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/calendar-year-picker/CalendarYearPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  class?: string\n}>(), {\n  yearsPerPage: 12,\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <YearPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n  >\n    <template #default=\"{ grid }\">\n      <YearPickerHeader :class=\"slotFns.header()\">\n        <YearPickerPrev\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Previous years\"\n        >\n          <svg\n            :class=\"slotFns.navButtonIcon()\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </YearPickerPrev>\n\n        <YearPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"slotFns.heading()\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Next years\"\n        >\n          <svg\n            :class=\"slotFns.navButtonIcon()\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"slotFns.yearGrid()\">\n        <YearPickerGridBody :class=\"slotFns.yearGridBody()\">\n          <YearPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"slotFns.yearGridRow()\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"slotFns.yearCell()\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAqBd,MAAM,aAAa,SAAkC,SAAA,aAAC;EACtD,MAAM,mBAAmB,SAAkC,SAAC,cAAa;EAEzE,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAgGiB,MAAA,eAAA,EAAA;gBA/FN,WAAA;4EAAU,QAAA;IACX,aAAa,iBAAA;mFAAgB,QAAA;IACpC,iBAAe,QAAA;IACf,uBAAqB,QAAA;IACrB,aAAW,QAAA;IACX,aAAW,QAAA;IACX,oBAAkB,QAAA;IAClB,uBAAqB,QAAA;IACrB,QAAQ,QAAA;IACR,kBAAgB,QAAA;IAChB,oBAAkB,QAAA;IAClB,UAAU,QAAA;IACV,UAAU,QAAA;IACV,kBAAgB,QAAA;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;;IAEzC,SAAO,SAuDG,EAvDC,WAAI,CACxB,YAsDmB,MAAA,iBAAA,EAAA,EAtDA,OAAK,eAAE,QAAA,MAAQ,QAAM,CAAA,EAAA,EAAA;4BAoBrB;MAnBjB,YAmBiB,MAAA,eAAA,EAAA;OAlBd,OAAK,eAAE,QAAA,MAAQ,WAAS,CAAA;OACzB,cAAW;;8BAgBL,EAAA,WAAA,EAdN,mBAcM,OAAA;QAbH,OAAK,eAAE,QAAA,MAAQ,eAAa,CAAA;QAC7B,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,QAAO;QACP,gBAAa;QACb,kBAAe;QACf,mBAAgB;QAChB,eAAY;yCAEZ,mBAAqC,YAAA,EAA3B,QAAO,mBAAiB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA;;;MAItC,YAUoB,MAAA,kBAAA,EAAA,EARjB,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA,EAAA,EAAA;yBAOhB,EARG,mBAAY,CAGtB,WAKO,KAAA,QAAA,WAAA,EAHW,cAAY,QAGvB,CAAA,gBAAA,gBADF,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;MAInB,YAmBiB,MAAA,eAAA,EAAA;OAlBd,OAAK,eAAE,QAAA,MAAQ,WAAS,CAAA;OACzB,cAAW;;8BAgBL,EAAA,WAAA,EAdN,mBAcM,OAAA;QAbH,OAAK,eAAE,QAAA,MAAQ,eAAa,CAAA;QAC7B,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,QAAO;QACP,gBAAa;QACb,kBAAe;QACf,mBAAgB;QAChB,eAAY;yCAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA;;;;;sBAKvC,YAoBiB,MAAA,eAAA,EAAA,EApBA,OAAK,eAAE,QAAA,MAAQ,UAAQ,CAAA,EAAA,EAAA;4BAmBjB,CAlBrB,YAkBqB,MAAA,mBAAA,EAAA,EAlBA,OAAK,eAAE,QAAA,MAAQ,cAAY,CAAA,EAAA,EAAA;6BAER,EAAA,UAAA,KAAA,EADtC,mBAgBoB,UAAA,MAAA,WAfQ,KAAK,OAAvB,KAAK,aAAQ;2BADvB,YAgBoB,MAAA,kBAAA,EAAA;QAdjB,KAAK;QACL,OAAK,eAAE,QAAA,MAAQ,aAAW,CAAA;;+BAGD,EAAA,UAAA,KAAA,EAD1B,mBAUiB,UAAA,MAAA,WATK,MAAb,cAAS;6BADlB,YAUiB,MAAA,eAAA,EAAA;UARd,KAAK,UAAU,UAAQ;UACvB,MAAM;;iCAML,CAJF,YAIE,MAAA,sBAAA,EAAA;WAHC,MAAM;WACP,IAAG;WACF,OAAK,eAAE,QAAA,MAAQ,UAAQ,CAAA"}
+{"version":3,"file":"CalendarYearPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/calendar-year-picker/CalendarYearPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    yearGrid: ClassValue\n    yearGridBody: ClassValue\n    yearGridRow: ClassValue\n    yearCell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <YearPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid }\">\n      <YearPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous years\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </YearPickerPrev>\n\n        <YearPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next years\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"composeClassName(slotFns.yearGrid(), props.classNames?.yearGrid)\">\n        <YearPickerGridBody :class=\"composeClassName(slotFns.yearGridBody(), props.classNames?.yearGridBody)\">\n          <YearPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.yearGridRow(), props.classNames?.yearGridRow)\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.yearCell(), props.classNames?.yearCell)\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAiCd,MAAM,aAAa,SAAkC,SAAA,aAAC;EACtD,MAAM,mBAAmB,SAAkC,SAAC,cAAa;EAEzE,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAgGiB,MAAA,eAAA,EAAA;gBA/FN,WAAA;4EAAU,QAAA;IACX,aAAa,iBAAA;mFAAgB,QAAA;IACpC,iBAAe,QAAA;IACf,uBAAqB,QAAA;IACrB,aAAW,QAAA;IACX,aAAW,QAAA;IACX,oBAAkB,QAAA;IAClB,uBAAqB,QAAA;IACrB,QAAQ,QAAA;IACR,kBAAgB,QAAA;IAChB,oBAAkB,QAAA;IAClB,UAAU,QAAA;IACV,UAAU,QAAA;IACV,kBAAgB,QAAA;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;IAEjE,SAAO,SAuDG,EAvDC,WAAI,CACxB,YAsDmB,MAAA,iBAAA,EAAA,EAtDA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,YAAY,OAAM,CAAA,EAAA,EAAA;4BAoBlE;MAnBjB,YAmBiB,MAAA,eAAA,EAAA;OAlBd,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;OACzE,cAAW;;8BAgBL,EAAA,WAAA,EAdN,mBAcM,OAAA;QAbH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,eAAa,EAAI,MAAM,YAAY,cAAa,CAAA;QACjF,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,QAAO;QACP,gBAAa;QACb,kBAAe;QACf,mBAAgB;QAChB,eAAY;yCAEZ,mBAAqC,YAAA,EAA3B,QAAO,mBAAiB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA;;;MAItC,YAUoB,MAAA,kBAAA,EAAA,EARjB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA;yBAO9D,EARG,mBAAY,CAGtB,WAKO,KAAA,QAAA,WAAA,EAHW,cAAY,QAGvB,CAAA,gBAAA,gBADF,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;MAInB,YAmBiB,MAAA,eAAA,EAAA;OAlBd,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;OACzE,cAAW;;8BAgBL,EAAA,WAAA,EAdN,mBAcM,OAAA;QAbH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,eAAa,EAAI,MAAM,YAAY,cAAa,CAAA;QACjF,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,QAAO;QACP,gBAAa;QACb,kBAAe;QACf,mBAAgB;QAChB,eAAY;yCAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA;;;;;sBAKvC,YAoBiB,MAAA,eAAA,EAAA,EApBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,UAAQ,EAAI,MAAM,YAAY,SAAQ,CAAA,EAAA,EAAA;4BAmBhE,CAlBrB,YAkBqB,MAAA,mBAAA,EAAA,EAlBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,cAAY,EAAI,MAAM,YAAY,aAAY,CAAA,EAAA,EAAA;6BAE3D,EAAA,UAAA,KAAA,EADtC,mBAgBoB,UAAA,MAAA,WAfQ,KAAK,OAAvB,KAAK,aAAQ;2BADvB,YAgBoB,MAAA,kBAAA,EAAA;QAdjB,KAAK;QACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,YAAY,YAAW,CAAA;;+BAGnD,EAAA,UAAA,KAAA,EAD1B,mBAUiB,UAAA,MAAA,WATK,MAAb,cAAS;6BADlB,YAUiB,MAAA,eAAA,EAAA;UARd,KAAK,UAAU,UAAQ;UACvB,MAAM;;iCAML,CAJF,YAIE,MAAA,sBAAA,EAAA;WAHC,MAAM;WACP,IAAG;WACF,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,UAAQ,EAAI,MAAM,YAAY,SAAQ,CAAA"}

package/dist/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/card/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { cardVariants, type CardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardProvide } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: CardVariants['variant']\n  shadow?: CardVariants['shadow']\n  radius?: CardVariants['radius']\n  isHoverable?: boolean\n  isPressable?: boolean\n  isDisabled?: boolean\n  fullWidth?: boolean\n  class?: string\n}>(), {\n  variant: 'default',\n  shadow: 'sm',\n  radius: 'lg',\n  isHoverable: false,\n  isPressable: false,\n  isDisabled: false,\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  press: [event: MouseEvent | KeyboardEvent]\n}>()\n\nuseCardProvide({\n  variant: toRef(props, 'variant'),\n  shadow: toRef(props, 'shadow'),\n  radius: toRef(props, 'radius'),\n  isHoverable: toRef(props, 'isHoverable'),\n  isPressable: toRef(props, 'isPressable'),\n  isDisabled: toRef(props, 'isDisabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n})\n\nconst slotFns = computed(() =>\n  cardVariants({\n    variant: props.variant,\n    shadow: props.shadow,\n    radius: props.radius,\n    isHoverable: props.isHoverable,\n    isPressable: props.isPressable,\n    isDisabled: props.isDisabled,\n    fullWidth: props.fullWidth,\n  }),\n)\n\nconst role = computed(() => (props.isPressable ? 'button' : undefined))\nconst tabindex = computed(() => (props.isPressable && !props.isDisabled ? 0 : undefined))\n\nfunction onClick(event: MouseEvent) {\n  if (props.isDisabled) return\n  if (props.isPressable) emit('press', event)\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (!props.isPressable || props.isDisabled) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    emit('press', event)\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :role=\"role\"\n    :tabindex=\"tabindex\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    @click=\"onClick\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/card/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { cardVariants, type CardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardProvide } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: CardVariants['variant']\n  shadow?: CardVariants['shadow']\n  radius?: CardVariants['radius']\n  isHoverable?: boolean\n  isPressable?: boolean\n  isDisabled?: boolean\n  fullWidth?: boolean\n  class?: ClassValue\n  /** Override CSS classes for specific slots. */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  variant: 'default',\n  shadow: 'sm',\n  radius: 'lg',\n  isHoverable: false,\n  isPressable: false,\n  isDisabled: false,\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  press: [event: MouseEvent | KeyboardEvent]\n}>()\n\nuseCardProvide({\n  variant: toRef(props, 'variant'),\n  shadow: toRef(props, 'shadow'),\n  radius: toRef(props, 'radius'),\n  isHoverable: toRef(props, 'isHoverable'),\n  isPressable: toRef(props, 'isPressable'),\n  isDisabled: toRef(props, 'isDisabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n})\n\nconst slotFns = computed(() =>\n  cardVariants({\n    variant: props.variant,\n    shadow: props.shadow,\n    radius: props.radius,\n    isHoverable: props.isHoverable,\n    isPressable: props.isPressable,\n    isDisabled: props.isDisabled,\n    fullWidth: props.fullWidth,\n  }),\n)\n\nconst role = computed(() => (props.isPressable ? 'button' : undefined))\nconst tabindex = computed(() => (props.isPressable && !props.isDisabled ? 0 : undefined))\n\nfunction onClick(event: MouseEvent) {\n  if (props.isDisabled) return\n  if (props.isPressable) emit('press', event)\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (!props.isPressable || props.isDisabled) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    emit('press', event)\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :role=\"role\"\n    :tabindex=\"tabindex\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    @click=\"onClick\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/card/Card.vue_vue_type_script_setup_true_lang.js

@@ -31,7 +31,14 @@ var Card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Boolean,
 			default: false
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
 	},
 	emits: ["press"],
 	setup(__props, { emit: __emit }) {
@@ -70,7 +77,7 @@ var Card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		}
 		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)),
 				role: role.value,
 				tabindex: tabindex.value,
 				"aria-disabled": __props.isDisabled || void 0,

package/dist/components/card/Card.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { cardVariants, type CardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardProvide } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: CardVariants['variant']\n  shadow?: CardVariants['shadow']\n  radius?: CardVariants['radius']\n  isHoverable?: boolean\n  isPressable?: boolean\n  isDisabled?: boolean\n  fullWidth?: boolean\n  class?: string\n}>(), {\n  variant: 'default',\n  shadow: 'sm',\n  radius: 'lg',\n  isHoverable: false,\n  isPressable: false,\n  isDisabled: false,\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  press: [event: MouseEvent | KeyboardEvent]\n}>()\n\nuseCardProvide({\n  variant: toRef(props, 'variant'),\n  shadow: toRef(props, 'shadow'),\n  radius: toRef(props, 'radius'),\n  isHoverable: toRef(props, 'isHoverable'),\n  isPressable: toRef(props, 'isPressable'),\n  isDisabled: toRef(props, 'isDisabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n})\n\nconst slotFns = computed(() =>\n  cardVariants({\n    variant: props.variant,\n    shadow: props.shadow,\n    radius: props.radius,\n    isHoverable: props.isHoverable,\n    isPressable: props.isPressable,\n    isDisabled: props.isDisabled,\n    fullWidth: props.fullWidth,\n  }),\n)\n\nconst role = computed(() => (props.isPressable ? 'button' : undefined))\nconst tabindex = computed(() => (props.isPressable && !props.isDisabled ? 0 : undefined))\n\nfunction onClick(event: MouseEvent) {\n  if (props.isDisabled) return\n  if (props.isPressable) emit('press', event)\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (!props.isPressable || props.isDisabled) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    emit('press', event)\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :role=\"role\"\n    :tabindex=\"tabindex\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    @click=\"onClick\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAmBd,MAAM,OAAO;AAIb,iBAAe;GACb,SAAS,MAAM,OAAO,UAAU;GAChC,QAAQ,MAAM,OAAO,SAAS;GAC9B,QAAQ,MAAM,OAAO,SAAS;GAC9B,aAAa,MAAM,OAAO,cAAc;GACxC,aAAa,MAAM,OAAO,cAAc;GACxC,YAAY,MAAM,OAAO,aAAa;GACtC,WAAW,MAAM,OAAO,YAAY;GACrC,CAAA;EAED,MAAM,UAAU,eACd,aAAa;GACX,SAAS,MAAM;GACf,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,aAAa,MAAM;GACnB,aAAa,MAAM;GACnB,YAAY,MAAM;GAClB,WAAW,MAAM;GAClB,CAAC,CACJ;EAEA,MAAM,OAAO,eAAgB,MAAM,cAAc,WAAW,KAAA,EAAU;EACtE,MAAM,WAAW,eAAgB,MAAM,eAAe,CAAC,MAAM,aAAa,IAAI,KAAA,EAAU;EAExF,SAAS,QAAQ,OAAmB;AAClC,OAAI,MAAM,WAAY;AACtB,OAAI,MAAM,YAAa,MAAK,SAAS,MAAK;;EAG5C,SAAS,UAAU,OAAsB;AACvC,OAAI,CAAC,MAAM,eAAe,MAAM,WAAY;AAC5C,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,UAAM,gBAAe;AACrB,SAAK,SAAS,MAAK;;;;uBAMrB,mBAUM,OAAA;IATH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,MAAM,KAAA;IACN,UAAU,SAAA;IACV,iBAAe,QAAA,cAAc,KAAA;IAC7B,iBAAe,QAAA,cAAc,KAAA;IACtB;IACE;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"Card.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { cardVariants, type CardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardProvide } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: CardVariants['variant']\n  shadow?: CardVariants['shadow']\n  radius?: CardVariants['radius']\n  isHoverable?: boolean\n  isPressable?: boolean\n  isDisabled?: boolean\n  fullWidth?: boolean\n  class?: ClassValue\n  /** Override CSS classes for specific slots. */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  variant: 'default',\n  shadow: 'sm',\n  radius: 'lg',\n  isHoverable: false,\n  isPressable: false,\n  isDisabled: false,\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  press: [event: MouseEvent | KeyboardEvent]\n}>()\n\nuseCardProvide({\n  variant: toRef(props, 'variant'),\n  shadow: toRef(props, 'shadow'),\n  radius: toRef(props, 'radius'),\n  isHoverable: toRef(props, 'isHoverable'),\n  isPressable: toRef(props, 'isPressable'),\n  isDisabled: toRef(props, 'isDisabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n})\n\nconst slotFns = computed(() =>\n  cardVariants({\n    variant: props.variant,\n    shadow: props.shadow,\n    radius: props.radius,\n    isHoverable: props.isHoverable,\n    isPressable: props.isPressable,\n    isDisabled: props.isDisabled,\n    fullWidth: props.fullWidth,\n  }),\n)\n\nconst role = computed(() => (props.isPressable ? 'button' : undefined))\nconst tabindex = computed(() => (props.isPressable && !props.isDisabled ? 0 : undefined))\n\nfunction onClick(event: MouseEvent) {\n  if (props.isDisabled) return\n  if (props.isPressable) emit('press', event)\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (!props.isPressable || props.isDisabled) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    emit('press', event)\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :role=\"role\"\n    :tabindex=\"tabindex\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    @click=\"onClick\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAuBd,MAAM,OAAO;AAIb,iBAAe;GACb,SAAS,MAAM,OAAO,UAAU;GAChC,QAAQ,MAAM,OAAO,SAAS;GAC9B,QAAQ,MAAM,OAAO,SAAS;GAC9B,aAAa,MAAM,OAAO,cAAc;GACxC,aAAa,MAAM,OAAO,cAAc;GACxC,YAAY,MAAM,OAAO,aAAa;GACtC,WAAW,MAAM,OAAO,YAAY;GACrC,CAAA;EAED,MAAM,UAAU,eACd,aAAa;GACX,SAAS,MAAM;GACf,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,aAAa,MAAM;GACnB,aAAa,MAAM;GACnB,YAAY,MAAM;GAClB,WAAW,MAAM;GAClB,CAAC,CACJ;EAEA,MAAM,OAAO,eAAgB,MAAM,cAAc,WAAW,KAAA,EAAU;EACtE,MAAM,WAAW,eAAgB,MAAM,eAAe,CAAC,MAAM,aAAa,IAAI,KAAA,EAAU;EAExF,SAAS,QAAQ,OAAmB;AAClC,OAAI,MAAM,WAAY;AACtB,OAAI,MAAM,YAAa,MAAK,SAAS,MAAK;;EAG5C,SAAS,UAAU,OAAsB;AACvC,OAAI,CAAC,MAAM,eAAe,MAAM,WAAY;AAC5C,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,UAAM,gBAAe;AACrB,SAAK,SAAS,MAAK;;;;uBAMrB,mBAUM,OAAA;IATH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,MAAM,KAAA;IACN,UAAU,SAAA;IACV,iBAAe,QAAA,cAAc,KAAA;IAC7B,iBAAe,QAAA,cAAc,KAAA;IACtB;IACE;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/card/CardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBody.js","names":[],"sources":["../../../src/components/card/CardBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = defineProps<{ class?: string }>()\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.content(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CardBody.js","names":[],"sources":["../../../src/components/card/CardBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = defineProps<{\n  /**\n   * Custom class to apply to the root element.\n   */\n  class?: ClassValue\n  /**\n   * Custom classes to apply to each slot.\n   */\n  classNames?: Partial<{\n    content: ClassValue\n  }>\n}>()\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.content(), props.class, props.classNames?.content)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/card/CardBody.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,16 @@ import { cardVariants } from "@auronui/styles";
 //#region src/components/card/CardBody.vue?vue&type=script&setup=true&lang.ts
 var CardBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "CardBody",
-	props: { class: {} },
+	props: {
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = useCardInject({
@@ -19,7 +28,7 @@ var CardBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		});
 		const slotFns = computed(() => cardVariants({ variant: ctx.variant.value }));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.class, props.classNames?.content)) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });

package/dist/components/card/CardBody.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBody.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/CardBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = defineProps<{ class?: string }>()\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.content(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAMA,MAAM,QAAQ;EAEd,MAAM,MAAM,cAAc;GACxB,SAAS,IAAI,UAAU;GACvB,QAAQ,IAAI,KAAK;GACjB,QAAQ,IAAI,KAAK;GACjB,aAAa,IAAI,MAAM;GACvB,aAAa,IAAI,MAAM;GACvB,YAAY,IAAI,MAAM;GACtB,WAAW,IAAI,MAAM;GACtB,CAAA;EACD,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAIzE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CAC1D,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"CardBody.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/CardBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = defineProps<{\n  /**\n   * Custom class to apply to the root element.\n   */\n  class?: ClassValue\n  /**\n   * Custom classes to apply to each slot.\n   */\n  classNames?: Partial<{\n    content: ClassValue\n  }>\n}>()\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.content(), props.class, props.classNames?.content)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAad,MAAM,MAAM,cAAc;GACxB,SAAS,IAAI,UAAU;GACvB,QAAQ,IAAI,KAAK;GACjB,QAAQ,IAAI,KAAK;GACjB,aAAa,IAAI,MAAM;GACvB,aAAa,IAAI,MAAM;GACvB,YAAY,IAAI,MAAM;GACtB,WAAW,IAAI,MAAM;GACtB,CAAA;EACD,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAIzE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,OAAO,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACrF,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","names":[],"sources":["../../../src/components/card/CardFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: string\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.footer(), divider && 'card__footer--divided', props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CardFooter.js","names":[],"sources":["../../../src/components/card/CardFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: ClassValue\n  /** Override the default classes applied to individual slots. */\n  classNames?: Partial<{\n    footer: ClassValue\n  }>\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.footer(), divider && 'card__footer--divided', props.class, props.classNames?.footer)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/card/CardFooter.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,14 @@ var CardFooter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			type: Boolean,
 			default: false
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -25,7 +32,7 @@ var CardFooter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		});
 		const slotFns = computed(() => cardVariants({ variant: ctx.variant.value }));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.footer(), __props.divider && "card__footer--divided", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.footer(), __props.divider && "card__footer--divided", props.class, props.classNames?.footer)) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });

package/dist/components/card/CardFooter.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/CardFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: string\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.footer(), divider && 'card__footer--divided', props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,MAAM,cAAc;GACxB,SAAS,IAAI,UAAU;GACvB,QAAQ,IAAI,KAAK;GACjB,QAAQ,IAAI,KAAK;GACjB,aAAa,IAAI,MAAM;GACvB,aAAa,IAAI,MAAM;GACvB,YAAY,IAAI,MAAM;GACtB,WAAW,IAAI,MAAM;GACtB,CAAA;EACD,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAIzE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,QAAA,WAAO,yBAA6B,MAAM,MAAK,CAAA,EAAA,EAAA,CAC7F,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"CardFooter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/CardFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: ClassValue\n  /** Override the default classes applied to individual slots. */\n  classNames?: Partial<{\n    footer: ClassValue\n  }>\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.footer(), divider && 'card__footer--divided', props.class, props.classNames?.footer)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EASd,MAAM,MAAM,cAAc;GACxB,SAAS,IAAI,UAAU;GACvB,QAAQ,IAAI,KAAK;GACjB,QAAQ,IAAI,KAAK;GACjB,aAAa,IAAI,MAAM;GACvB,aAAa,IAAI,MAAM;GACvB,YAAY,IAAI,MAAM;GACtB,WAAW,IAAI,MAAM;GACtB,CAAA;EACD,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAIzE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,QAAA,WAAO,yBAA6B,MAAM,OAAO,MAAM,YAAY,OAAM,CAAA,EAAA,EAAA,CACvH,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","names":[],"sources":["../../../src/components/card/CardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: string\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.header(), divider && 'card__header--divided', props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CardHeader.js","names":[],"sources":["../../../src/components/card/CardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: ClassValue\n  /** Override styles for specific slots. */\n  classNames?: Partial<{\n    header: ClassValue\n  }>\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.header(), divider && 'card__header--divided', props.class, props.classNames?.header)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/card/CardHeader.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,14 @@ var CardHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			type: Boolean,
 			default: false
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -25,7 +32,7 @@ var CardHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		});
 		const slotFns = computed(() => cardVariants({ variant: ctx.variant.value }));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.header(), __props.divider && "card__header--divided", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.header(), __props.divider && "card__header--divided", props.class, props.classNames?.header)) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });

package/dist/components/card/CardHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/CardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: string\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.header(), divider && 'card__header--divided', props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,MAAM,cAAc;GACxB,SAAS,IAAI,UAAU;GACvB,QAAQ,IAAI,KAAK;GACjB,QAAQ,IAAI,KAAK;GACjB,aAAa,IAAI,MAAM;GACvB,aAAa,IAAI,MAAM;GACvB,YAAY,IAAI,MAAM;GACtB,WAAW,IAAI,MAAM;GACtB,CAAA;EACD,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAIzE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,QAAA,WAAO,yBAA6B,MAAM,MAAK,CAAA,EAAA,EAAA,CAC7F,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"CardHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/card/CardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { cardVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCardInject } from './card.context'\n\nconst props = withDefaults(defineProps<{\n  divider?: boolean\n  class?: ClassValue\n  /** Override styles for specific slots. */\n  classNames?: Partial<{\n    header: ClassValue\n  }>\n}>(), { divider: false })\n\nconst ctx = useCardInject({\n  variant: ref('default'),\n  shadow: ref('sm'),\n  radius: ref('lg'),\n  isHoverable: ref(false),\n  isPressable: ref(false),\n  isDisabled: ref(false),\n  fullWidth: ref(false),\n})\nconst slotFns = computed(() => cardVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.header(), divider && 'card__header--divided', props.class, props.classNames?.header)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EASd,MAAM,MAAM,cAAc;GACxB,SAAS,IAAI,UAAU;GACvB,QAAQ,IAAI,KAAK;GACjB,QAAQ,IAAI,KAAK;GACjB,aAAa,IAAI,MAAM;GACvB,aAAa,IAAI,MAAM;GACvB,YAAY,IAAI,MAAM;GACtB,WAAW,IAAI,MAAM;GACtB,CAAA;EACD,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAIzE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,QAAA,WAAO,yBAA6B,MAAM,OAAO,MAAM,YAAY,OAAM,CAAA,EAAA,EAAA,CACvH,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CheckboxRoot, CheckboxIndicator } from 'reka-ui'\nimport { checkboxVariants, type CheckboxVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCheckboxGroupInject } from './checkbox-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to CheckboxRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxVariants['variant']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  isIndeterminate?: boolean\n  name?: string\n  class?: string\n}>(), {\n  variant: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  isIndeterminate: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject CheckboxGroup context with fallback defaults (standalone mode)\nconst groupCtx = useCheckboxGroupInject({\n  variant: ref('primary'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute modelValue for Reka UI CheckboxRoot\n// Reka UI uses modelValue: boolean | 'indeterminate' to control state\nconst checkedState = computed<boolean | 'indeterminate'>(() => {\n  if (props.isIndeterminate) return 'indeterminate'\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:modelValue event\nfunction handleUpdate(val: boolean | 'indeterminate') {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    if (val !== 'indeterminate') {\n      emit('update:modelValue', val)\n    }\n  }\n}\n\nconst slotFns = computed(() =>\n  checkboxVariants({ variant: finalVariant.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    CheckboxRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on CheckboxRoot's root.\n  -->\n  <CheckboxRoot\n    v-bind=\"attrs\"\n    :model-value=\"checkedState\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"slotFns.control()\">\n      <CheckboxIndicator :class=\"slotFns.indicator()\">\n        <!-- Indeterminate: dash icon -->\n        <svg\n          v-if=\"props.isIndeterminate\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line\n            x1=\"5\"\n            y1=\"12\"\n            x2=\"19\"\n            y2=\"12\"\n          />\n        </svg>\n        <!-- Checked: check icon -->\n        <svg\n          v-else\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </CheckboxIndicator>\n    </span>\n    <span :class=\"slotFns.content()\">\n      <slot />\n    </span>\n  </CheckboxRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CheckboxRoot, CheckboxIndicator } from 'reka-ui'\nimport { checkboxVariants, type CheckboxVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCheckboxGroupInject } from './checkbox-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to CheckboxRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxVariants['variant']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  isIndeterminate?: boolean\n  name?: string\n  class?: ClassValue\n  /** Per-slot class overrides for any slot in this component. */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  isIndeterminate: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject CheckboxGroup context with fallback defaults (standalone mode)\nconst groupCtx = useCheckboxGroupInject({\n  variant: ref('primary'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute modelValue for Reka UI CheckboxRoot\n// Reka UI uses modelValue: boolean | 'indeterminate' to control state\nconst checkedState = computed<boolean | 'indeterminate'>(() => {\n  if (props.isIndeterminate) return 'indeterminate'\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:modelValue event\nfunction handleUpdate(val: boolean | 'indeterminate') {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    if (val !== 'indeterminate') {\n      emit('update:modelValue', val)\n    }\n  }\n}\n\nconst slotFns = computed(() =>\n  checkboxVariants({ variant: finalVariant.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    CheckboxRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on CheckboxRoot's root.\n  -->\n  <CheckboxRoot\n    v-bind=\"attrs\"\n    :model-value=\"checkedState\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <CheckboxIndicator :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\">\n        <!-- Indeterminate: dash icon -->\n        <svg\n          v-if=\"props.isIndeterminate\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line\n            x1=\"5\"\n            y1=\"12\"\n            x2=\"19\"\n            y2=\"12\"\n          />\n        </svg>\n        <!-- Checked: check icon -->\n        <svg\n          v-else\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </CheckboxIndicator>\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </CheckboxRoot>\n</template>\n"],"mappings":""}

package/dist/components/checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -52,7 +52,14 @@ var Checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			default: false
 		},
 		name: { default: void 0 },
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -85,10 +92,10 @@ var Checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				disabled: isDisabled.value,
 				name: props.name ?? unref(groupCtx).name.value,
 				value: props.value,
-				class: unref(composeClassName)(slotFns.value.base(), props.class),
+				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base),
 				"onUpdate:modelValue": handleUpdate
 			}), {
-				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(slotFns.value.control()) }, [createVNode(unref(CheckboxIndicator), { class: normalizeClass(slotFns.value.indicator()) }, {
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.control(), props.classNames?.control)) }, [createVNode(unref(CheckboxIndicator), { class: normalizeClass(unref(composeClassName)(slotFns.value.indicator(), props.classNames?.indicator)) }, {
 					default: withCtx(() => [props.isIndeterminate ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("line", {
 						x1: "5",
 						y1: "12",
@@ -96,7 +103,7 @@ var Checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 						y2: "12"
 					}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[1] || (_cache[1] = [createElementVNode("polyline", { points: "20 6 9 17 4 12" }, null, -1)])]))]),
 					_: 1
-				}, 8, ["class"])], 2), createElementVNode("span", { class: normalizeClass(slotFns.value.content()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				}, 8, ["class"])], 2), createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.classNames?.content)) }, [renderSlot(_ctx.$slots, "default")], 2)]),
 				_: 3
 			}, 16, [
 				"model-value",

package/dist/components/checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CheckboxRoot, CheckboxIndicator } from 'reka-ui'\nimport { checkboxVariants, type CheckboxVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCheckboxGroupInject } from './checkbox-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to CheckboxRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxVariants['variant']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  isIndeterminate?: boolean\n  name?: string\n  class?: string\n}>(), {\n  variant: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  isIndeterminate: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject CheckboxGroup context with fallback defaults (standalone mode)\nconst groupCtx = useCheckboxGroupInject({\n  variant: ref('primary'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute modelValue for Reka UI CheckboxRoot\n// Reka UI uses modelValue: boolean | 'indeterminate' to control state\nconst checkedState = computed<boolean | 'indeterminate'>(() => {\n  if (props.isIndeterminate) return 'indeterminate'\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:modelValue event\nfunction handleUpdate(val: boolean | 'indeterminate') {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    if (val !== 'indeterminate') {\n      emit('update:modelValue', val)\n    }\n  }\n}\n\nconst slotFns = computed(() =>\n  checkboxVariants({ variant: finalVariant.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    CheckboxRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on CheckboxRoot's root.\n  -->\n  <CheckboxRoot\n    v-bind=\"attrs\"\n    :model-value=\"checkedState\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"slotFns.control()\">\n      <CheckboxIndicator :class=\"slotFns.indicator()\">\n        <!-- Indeterminate: dash icon -->\n        <svg\n          v-if=\"props.isIndeterminate\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line\n            x1=\"5\"\n            y1=\"12\"\n            x2=\"19\"\n            y2=\"12\"\n          />\n        </svg>\n        <!-- Checked: check icon -->\n        <svg\n          v-else\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </CheckboxIndicator>\n    </span>\n    <span :class=\"slotFns.content()\">\n      <slot />\n    </span>\n  </CheckboxRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAmBd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,uBAAuB;GACtC,SAAS,IAAI,UAAU;GACvB,UAAU,IAAI,MAAM;GACpB,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACnB,MAAM,IAAI,KAAA,EAAU;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAG3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAG3E,MAAM,YAAY,eAAe,MAAM,UAAU,KAAA,EAAS;EAI1D,MAAM,eAAe,eAA0C;AAC7D,OAAI,MAAM,gBAAiB,QAAO;AAClC,OAAI,UAAU,MACZ,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM,cAAc;IAC5B;EAGD,SAAS,aAAa,KAAgC;AACpD,OAAI,UAAU,MACZ,UAAS,YAAY,MAAM,MAAM;YAE7B,QAAQ,gBACV,MAAK,qBAAqB,IAAG;;EAKnC,MAAM,UAAU,eACd,iBAAiB,EAAE,SAAS,aAAa,OAAO,CAAA,CAClD;;uBASE,YAoDe,MAAA,aAAA,EApDf,WACU,MAmDK,MAnDA,EAAA;IACZ,eAAa,aAAA;IACb,UAAU,WAAA;IACV,MAAM,MAAM,QAAQ,MAAA,SAAQ,CAAC,KAAK;IAClC,OAAO,MAAM;IACb,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK;IACnD,uBAAoB;;2BAyCd,CAvCP,mBAuCO,QAAA,EAvCA,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA,EAAA,EAAA,CAC3B,YAqCoB,MAAA,kBAAA,EAAA,EArCA,OAAK,eAAE,QAAA,MAAQ,WAAS,CAAA,EAAA,EAAA;4BAoBpC,CAjBE,MAAM,mBAAA,WAAA,EADd,mBAkBM,OAlBN,YAkBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CANJ,mBAKE,QAAA;MAJA,IAAG;MACH,IAAG;MACH,IAAG;MACH,IAAG;uCAIP,mBAcM,OAdN,YAcM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2BAIvC,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA,EAAA,EAAA,CAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"Checkbox.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CheckboxRoot, CheckboxIndicator } from 'reka-ui'\nimport { checkboxVariants, type CheckboxVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCheckboxGroupInject } from './checkbox-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to CheckboxRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxVariants['variant']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  isIndeterminate?: boolean\n  name?: string\n  class?: ClassValue\n  /** Per-slot class overrides for any slot in this component. */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  isIndeterminate: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject CheckboxGroup context with fallback defaults (standalone mode)\nconst groupCtx = useCheckboxGroupInject({\n  variant: ref('primary'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute modelValue for Reka UI CheckboxRoot\n// Reka UI uses modelValue: boolean | 'indeterminate' to control state\nconst checkedState = computed<boolean | 'indeterminate'>(() => {\n  if (props.isIndeterminate) return 'indeterminate'\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:modelValue event\nfunction handleUpdate(val: boolean | 'indeterminate') {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    if (val !== 'indeterminate') {\n      emit('update:modelValue', val)\n    }\n  }\n}\n\nconst slotFns = computed(() =>\n  checkboxVariants({ variant: finalVariant.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    CheckboxRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on CheckboxRoot's root.\n  -->\n  <CheckboxRoot\n    v-bind=\"attrs\"\n    :model-value=\"checkedState\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <CheckboxIndicator :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\">\n        <!-- Indeterminate: dash icon -->\n        <svg\n          v-if=\"props.isIndeterminate\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line\n            x1=\"5\"\n            y1=\"12\"\n            x2=\"19\"\n            y2=\"12\"\n          />\n        </svg>\n        <!-- Checked: check icon -->\n        <svg\n          v-else\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </CheckboxIndicator>\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </CheckboxRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EA0Bd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,uBAAuB;GACtC,SAAS,IAAI,UAAU;GACvB,UAAU,IAAI,MAAM;GACpB,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACnB,MAAM,IAAI,KAAA,EAAU;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAG3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAG3E,MAAM,YAAY,eAAe,MAAM,UAAU,KAAA,EAAS;EAI1D,MAAM,eAAe,eAA0C;AAC7D,OAAI,MAAM,gBAAiB,QAAO;AAClC,OAAI,UAAU,MACZ,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM,cAAc;IAC5B;EAGD,SAAS,aAAa,KAAgC;AACpD,OAAI,UAAU,MACZ,UAAS,YAAY,MAAM,MAAM;YAE7B,QAAQ,gBACV,MAAK,qBAAqB,IAAG;;EAKnC,MAAM,UAAU,eACd,iBAAiB,EAAE,SAAS,aAAa,OAAO,CAAA,CAClD;;uBASE,YAoDe,MAAA,aAAA,EApDf,WACU,MAmDK,MAnDA,EAAA;IACZ,eAAa,aAAA;IACb,UAAU,WAAA;IACV,MAAM,MAAM,QAAQ,MAAA,SAAQ,CAAC,KAAK;IAClC,OAAO,MAAM;IACb,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI;IAC3E,uBAAoB;;2BAyCd,CAvCP,mBAuCO,QAAA,EAvCA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,YAqCoB,MAAA,kBAAA,EAAA,EArCA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA,EAAA,EAAA;4BAoBpF,CAjBE,MAAM,mBAAA,WAAA,EADd,mBAkBM,OAlBN,YAkBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CANJ,mBAKE,QAAA;MAJA,IAAG;MACH,IAAG;MACH,IAAG;MACH,IAAG;uCAIP,mBAcM,OAdN,YAcM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2BAIvC,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class)\">\n    <span\n      v-if=\"dot\"\n      :class=\"slotFns.dot()\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"slotFns.endContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"slotFns.closeButton()\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: ClassValue;\n    /** Override classes for named slots */\n    classNames?: Partial<{\n      base: ClassValue;\n      dot: ClassValue;\n      startContent: ClassValue;\n      label: ClassValue;\n      endContent: ClassValue;\n      closeButton: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"dot\"\n      :class=\"composeClassName(slotFns.dot(), props.classNames?.dot)\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"composeClassName(slotFns.closeButton(), props.classNames?.closeButton)\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,14 @@ var Chip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			default: false
 		},
 		closeAriaLabel: { default: "Remove" },
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
 	},
 	emits: ["close"],
 	setup(__props, { emit: __emit }) {
@@ -30,27 +37,27 @@ var Chip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			variant: props.variant
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)) }, [
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [
 				__props.dot ? (openBlock(), createElementBlock("span", {
 					key: 0,
-					class: normalizeClass(slotFns.value.dot()),
+					class: normalizeClass(unref(composeClassName)(slotFns.value.dot(), props.classNames?.dot)),
 					"aria-hidden": "true"
 				}, null, 2)) : createCommentVNode("", true),
 				_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", {
 					key: 1,
-					class: normalizeClass(slotFns.value.startContent()),
+					class: normalizeClass(unref(composeClassName)(slotFns.value.startContent(), props.classNames?.startContent)),
 					"aria-hidden": "true"
 				}, [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 && !__props.isClosable ? (openBlock(), createElementBlock("span", {
 					key: 2,
-					class: normalizeClass(slotFns.value.endContent()),
+					class: normalizeClass(unref(composeClassName)(slotFns.value.endContent(), props.classNames?.endContent)),
 					"aria-hidden": "true"
 				}, [renderSlot(_ctx.$slots, "endContent")], 2)) : createCommentVNode("", true),
 				__props.isClosable ? (openBlock(), createElementBlock("button", {
 					key: 3,
 					type: "button",
-					class: normalizeClass(slotFns.value.closeButton()),
+					class: normalizeClass(unref(composeClassName)(slotFns.value.closeButton(), props.classNames?.closeButton)),
 					"aria-label": __props.closeAriaLabel,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {

package/dist/components/chip/Chip.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class)\">\n    <span\n      v-if=\"dot\"\n      :class=\"slotFns.dot()\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"slotFns.endContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"slotFns.closeButton()\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,UAAU,eACd,aAAa;GACX,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,MAAM;GAChB,CAAA,CACF;;uBAIC,mBA0DO,QAAA,EA1DA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA;IAEhD,QAAA,OAAA,WAAA,EADR,mBAIE,QAAA;;KAFC,OAAK,eAAE,QAAA,MAAQ,KAAG,CAAA;KACnB,eAAY;;IAGNA,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAMO,QAAA;;KAJJ,OAAK,eAAE,QAAA,MAAQ,cAAY,CAAA;KAC5B,eAAY;QAEZ,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAG9B,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,CACzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAIFA,KAAAA,OAAO,cAAU,CAAK,QAAA,cAAA,WAAA,EAD9B,mBAMO,QAAA;;KAJJ,OAAK,eAAE,QAAA,MAAQ,YAAU,CAAA;KAC1B,eAAY;QAEZ,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAIpB,QAAA,cAAA,WAAA,EADR,mBA+BS,UAAA;;KA7BP,MAAK;KACJ,OAAK,eAAE,QAAA,MAAQ,aAAW,CAAA;KAC1B,cAAY,QAAA;KACZ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;sCAEZ,mBAuBM,OAAA;KAtBJ,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}
+{"version":3,"file":"Chip.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: ClassValue;\n    /** Override classes for named slots */\n    classNames?: Partial<{\n      base: ClassValue;\n      dot: ClassValue;\n      startContent: ClassValue;\n      label: ClassValue;\n      endContent: ClassValue;\n      closeButton: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"dot\"\n      :class=\"composeClassName(slotFns.dot(), props.classNames?.dot)\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"composeClassName(slotFns.closeButton(), props.classNames?.closeButton)\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EA+Bd,MAAM,OAAO;EAIb,MAAM,UAAU,eACd,aAAa;GACX,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,MAAM;GAChB,CAAA,CACF;;uBAIC,mBA0DO,QAAA,EA1DA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;IAExE,QAAA,OAAA,WAAA,EADR,mBAIE,QAAA;;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,YAAY,IAAG,CAAA;KAC7D,eAAY;;IAGNA,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAMO,QAAA;;KAJJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,cAAY,EAAI,MAAM,YAAY,aAAY,CAAA;KAC/E,eAAY;QAEZ,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAG9B,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;IAIFA,KAAAA,OAAO,cAAU,CAAK,QAAA,cAAA,WAAA,EAD9B,mBAMO,QAAA;;KAJJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,YAAU,EAAI,MAAM,YAAY,WAAU,CAAA;KAC3E,eAAY;QAEZ,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAIpB,QAAA,cAAA,WAAA,EADR,mBA+BS,UAAA;;KA7BP,MAAK;KACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,YAAY,YAAW,CAAA;KAC5E,cAAY,QAAA;KACZ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;sCAEZ,mBAuBM,OAAA;KAtBJ,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}

package/dist/components/collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/collapsible/Collapsible.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { CollapsibleRoot } from 'reka-ui'\nimport { collapsibleVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCollapsibleProvide } from './collapsible.context'\nimport { injectCollapsibleGroup } from './collapsible-group.context'\n\n// NOTE: `open` is typed as `boolean | null` (not boolean) to avoid Vue's boolean\n// prop casting: absent boolean props are cast to `false`, making it impossible to\n// distinguish \"not provided\" from \"explicitly false\". Using null as the\n// \"not controlled\" sentinel preserves that distinction at runtime.\nconst props = withDefaults(defineProps<{\n  open?: boolean | null\n  defaultOpen?: boolean\n  disabled?: boolean\n  class?: string\n}>(), {\n  open: null,\n  defaultOpen: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\n// Check if we're inside a CollapsibleGroup — if so, we need controlled mode so\n// the group can externally close this Collapsible by setting internalOpen.value.\nconst group = injectCollapsibleGroup()\nconst id = useId()\n\n// Controlled mode when: (a) parent provides v-model:open, OR (b) inside a group.\n// In both cases, internalOpen drives Reka's open prop.\nconst isControlled = computed(() => props.open !== null || group !== null)\n\n// Mirror of the open state — updated when Reka fires @update:open.\n// Initialized from: controlled `open` prop if set, else `defaultOpen`.\nconst internalOpen = ref<boolean>(\n  props.open !== null ? (props.open as boolean) : props.defaultOpen\n)\n\n// Sync external open -> internal (v-model controlled mode)\nwatch(() => props.open, (v) => {\n  if (v !== null && typeof v === 'boolean' && v !== internalOpen.value) {\n    internalOpen.value = v\n  }\n})\n\nfunction onUpdateOpen(v: boolean) {\n  if (internalOpen.value === v) return\n  internalOpen.value = v\n  emit('update:open', v)\n  // Notify group for single-open enforcement\n  if (v && group) group.notifyOpen(id)\n}\n\nconst slotFns = computed(() => collapsibleVariants({}))\n\nuseCollapsibleProvide({ slotFns, isOpen: internalOpen })\n\nonMounted(() => {\n  if (group) group.register({ id, open: internalOpen })\n})\n\nonBeforeUnmount(() => {\n  if (group) group.unregister(id)\n})\n</script>\n\n<template>\n  <CollapsibleRoot\n    :open=\"isControlled ? internalOpen : undefined\"\n    :default-open=\"!isControlled ? props.defaultOpen : undefined\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:open=\"onUpdateOpen\"\n  >\n    <slot />\n  </CollapsibleRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/collapsible/Collapsible.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { CollapsibleRoot } from 'reka-ui'\nimport { collapsibleVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCollapsibleProvide } from './collapsible.context'\nimport { injectCollapsibleGroup } from './collapsible-group.context'\n\n// NOTE: `open` is typed as `boolean | null` (not boolean) to avoid Vue's boolean\n// prop casting: absent boolean props are cast to `false`, making it impossible to\n// distinguish \"not provided\" from \"explicitly false\". Using null as the\n// \"not controlled\" sentinel preserves that distinction at runtime.\nconst props = withDefaults(defineProps<{\n  open?: boolean | null\n  defaultOpen?: boolean\n  disabled?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  open: null,\n  defaultOpen: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\n// Check if we're inside a CollapsibleGroup — if so, we need controlled mode so\n// the group can externally close this Collapsible by setting internalOpen.value.\nconst group = injectCollapsibleGroup()\nconst id = useId()\n\n// Controlled mode when: (a) parent provides v-model:open, OR (b) inside a group.\n// In both cases, internalOpen drives Reka's open prop.\nconst isControlled = computed(() => props.open !== null || group !== null)\n\n// Mirror of the open state — updated when Reka fires @update:open.\n// Initialized from: controlled `open` prop if set, else `defaultOpen`.\nconst internalOpen = ref<boolean>(\n  props.open !== null ? (props.open as boolean) : props.defaultOpen\n)\n\n// Sync external open -> internal (v-model controlled mode)\nwatch(() => props.open, (v) => {\n  if (v !== null && typeof v === 'boolean' && v !== internalOpen.value) {\n    internalOpen.value = v\n  }\n})\n\nfunction onUpdateOpen(v: boolean) {\n  if (internalOpen.value === v) return\n  internalOpen.value = v\n  emit('update:open', v)\n  // Notify group for single-open enforcement\n  if (v && group) group.notifyOpen(id)\n}\n\nconst slotFns = computed(() => collapsibleVariants({}))\n\nuseCollapsibleProvide({ slotFns, isOpen: internalOpen })\n\nonMounted(() => {\n  if (group) group.register({ id, open: internalOpen })\n})\n\nonBeforeUnmount(() => {\n  if (group) group.unregister(id)\n})\n</script>\n\n<template>\n  <CollapsibleRoot\n    :open=\"isControlled ? internalOpen : undefined\"\n    :default-open=\"!isControlled ? props.defaultOpen : undefined\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:open=\"onUpdateOpen\"\n  >\n    <slot />\n  </CollapsibleRoot>\n</template>\n"],"mappings":""}

package/dist/components/collapsible/Collapsible.vue_vue_type_script_setup_true_lang.js

@@ -20,7 +20,14 @@ var Collapsible_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Boolean,
 			default: false
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
@@ -58,7 +65,7 @@ var Collapsible_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				open: isControlled.value ? internalOpen.value : void 0,
 				"default-open": !isControlled.value ? props.defaultOpen : void 0,
 				disabled: props.disabled,
-				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"onUpdate:open": onUpdateOpen
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

package/dist/components/collapsible/Collapsible.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/collapsible/Collapsible.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { CollapsibleRoot } from 'reka-ui'\nimport { collapsibleVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCollapsibleProvide } from './collapsible.context'\nimport { injectCollapsibleGroup } from './collapsible-group.context'\n\n// NOTE: `open` is typed as `boolean | null` (not boolean) to avoid Vue's boolean\n// prop casting: absent boolean props are cast to `false`, making it impossible to\n// distinguish \"not provided\" from \"explicitly false\". Using null as the\n// \"not controlled\" sentinel preserves that distinction at runtime.\nconst props = withDefaults(defineProps<{\n  open?: boolean | null\n  defaultOpen?: boolean\n  disabled?: boolean\n  class?: string\n}>(), {\n  open: null,\n  defaultOpen: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\n// Check if we're inside a CollapsibleGroup — if so, we need controlled mode so\n// the group can externally close this Collapsible by setting internalOpen.value.\nconst group = injectCollapsibleGroup()\nconst id = useId()\n\n// Controlled mode when: (a) parent provides v-model:open, OR (b) inside a group.\n// In both cases, internalOpen drives Reka's open prop.\nconst isControlled = computed(() => props.open !== null || group !== null)\n\n// Mirror of the open state — updated when Reka fires @update:open.\n// Initialized from: controlled `open` prop if set, else `defaultOpen`.\nconst internalOpen = ref<boolean>(\n  props.open !== null ? (props.open as boolean) : props.defaultOpen\n)\n\n// Sync external open -> internal (v-model controlled mode)\nwatch(() => props.open, (v) => {\n  if (v !== null && typeof v === 'boolean' && v !== internalOpen.value) {\n    internalOpen.value = v\n  }\n})\n\nfunction onUpdateOpen(v: boolean) {\n  if (internalOpen.value === v) return\n  internalOpen.value = v\n  emit('update:open', v)\n  // Notify group for single-open enforcement\n  if (v && group) group.notifyOpen(id)\n}\n\nconst slotFns = computed(() => collapsibleVariants({}))\n\nuseCollapsibleProvide({ slotFns, isOpen: internalOpen })\n\nonMounted(() => {\n  if (group) group.register({ id, open: internalOpen })\n})\n\nonBeforeUnmount(() => {\n  if (group) group.unregister(id)\n})\n</script>\n\n<template>\n  <CollapsibleRoot\n    :open=\"isControlled ? internalOpen : undefined\"\n    :default-open=\"!isControlled ? props.defaultOpen : undefined\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:open=\"onUpdateOpen\"\n  >\n    <slot />\n  </CollapsibleRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAMb,MAAM,QAAQ,wBAAuB;EACrC,MAAM,KAAK,OAAM;EAIjB,MAAM,eAAe,eAAe,MAAM,SAAS,QAAQ,UAAU,KAAI;EAIzE,MAAM,eAAe,IACnB,MAAM,SAAS,OAAQ,MAAM,OAAmB,MAAM,YACxD;AAGA,cAAY,MAAM,OAAO,MAAM;AAC7B,OAAI,MAAM,QAAQ,OAAO,MAAM,aAAa,MAAM,aAAa,MAC7D,cAAa,QAAQ;IAExB;EAED,SAAS,aAAa,GAAY;AAChC,OAAI,aAAa,UAAU,EAAG;AAC9B,gBAAa,QAAQ;AACrB,QAAK,eAAe,EAAC;AAErB,OAAI,KAAK,MAAO,OAAM,WAAW,GAAE;;EAGrC,MAAM,UAAU,eAAe,oBAAoB,EAAE,CAAC,CAAA;AAEtD,wBAAsB;GAAE;GAAS,QAAQ;GAAc,CAAA;AAEvD,kBAAgB;AACd,OAAI,MAAO,OAAM,SAAS;IAAE;IAAI,MAAM;IAAc,CAAA;IACrD;AAED,wBAAsB;AACpB,OAAI,MAAO,OAAM,WAAW,GAAE;IAC/B;;uBAIC,YAQkB,MAAA,gBAAA,EAAA;IAPf,MAAM,aAAA,QAAe,aAAA,QAAe,KAAA;IACpC,gBAAY,CAAG,aAAA,QAAe,MAAM,cAAc,KAAA;IAClD,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,iBAAa;;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"Collapsible.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/collapsible/Collapsible.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { CollapsibleRoot } from 'reka-ui'\nimport { collapsibleVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCollapsibleProvide } from './collapsible.context'\nimport { injectCollapsibleGroup } from './collapsible-group.context'\n\n// NOTE: `open` is typed as `boolean | null` (not boolean) to avoid Vue's boolean\n// prop casting: absent boolean props are cast to `false`, making it impossible to\n// distinguish \"not provided\" from \"explicitly false\". Using null as the\n// \"not controlled\" sentinel preserves that distinction at runtime.\nconst props = withDefaults(defineProps<{\n  open?: boolean | null\n  defaultOpen?: boolean\n  disabled?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  open: null,\n  defaultOpen: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\n// Check if we're inside a CollapsibleGroup — if so, we need controlled mode so\n// the group can externally close this Collapsible by setting internalOpen.value.\nconst group = injectCollapsibleGroup()\nconst id = useId()\n\n// Controlled mode when: (a) parent provides v-model:open, OR (b) inside a group.\n// In both cases, internalOpen drives Reka's open prop.\nconst isControlled = computed(() => props.open !== null || group !== null)\n\n// Mirror of the open state — updated when Reka fires @update:open.\n// Initialized from: controlled `open` prop if set, else `defaultOpen`.\nconst internalOpen = ref<boolean>(\n  props.open !== null ? (props.open as boolean) : props.defaultOpen\n)\n\n// Sync external open -> internal (v-model controlled mode)\nwatch(() => props.open, (v) => {\n  if (v !== null && typeof v === 'boolean' && v !== internalOpen.value) {\n    internalOpen.value = v\n  }\n})\n\nfunction onUpdateOpen(v: boolean) {\n  if (internalOpen.value === v) return\n  internalOpen.value = v\n  emit('update:open', v)\n  // Notify group for single-open enforcement\n  if (v && group) group.notifyOpen(id)\n}\n\nconst slotFns = computed(() => collapsibleVariants({}))\n\nuseCollapsibleProvide({ slotFns, isOpen: internalOpen })\n\nonMounted(() => {\n  if (group) group.register({ id, open: internalOpen })\n})\n\nonBeforeUnmount(() => {\n  if (group) group.unregister(id)\n})\n</script>\n\n<template>\n  <CollapsibleRoot\n    :open=\"isControlled ? internalOpen : undefined\"\n    :default-open=\"!isControlled ? props.defaultOpen : undefined\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:open=\"onUpdateOpen\"\n  >\n    <slot />\n  </CollapsibleRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAed,MAAM,OAAO;EAMb,MAAM,QAAQ,wBAAuB;EACrC,MAAM,KAAK,OAAM;EAIjB,MAAM,eAAe,eAAe,MAAM,SAAS,QAAQ,UAAU,KAAI;EAIzE,MAAM,eAAe,IACnB,MAAM,SAAS,OAAQ,MAAM,OAAmB,MAAM,YACxD;AAGA,cAAY,MAAM,OAAO,MAAM;AAC7B,OAAI,MAAM,QAAQ,OAAO,MAAM,aAAa,MAAM,aAAa,MAC7D,cAAa,QAAQ;IAExB;EAED,SAAS,aAAa,GAAY;AAChC,OAAI,aAAa,UAAU,EAAG;AAC9B,gBAAa,QAAQ;AACrB,QAAK,eAAe,EAAC;AAErB,OAAI,KAAK,MAAO,OAAM,WAAW,GAAE;;EAGrC,MAAM,UAAU,eAAe,oBAAoB,EAAE,CAAC,CAAA;AAEtD,wBAAsB;GAAE;GAAS,QAAQ;GAAc,CAAA;AAEvD,kBAAgB;AACd,OAAI,MAAO,OAAM,SAAS;IAAE;IAAI,MAAM;IAAc,CAAA;IACrD;AAED,wBAAsB;AACpB,OAAI,MAAO,OAAM,WAAW,GAAE;IAC/B;;uBAIC,YAQkB,MAAA,gBAAA,EAAA;IAPf,MAAM,aAAA,QAAe,aAAA,QAAe,KAAA;IACpC,gBAAY,CAAG,aAAA,QAAe,MAAM,cAAc,KAAA;IAClD,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,iBAAa;;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/collapsible/CollapsibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CollapsibleContent } from 'reka-ui'\nimport { useCollapsibleInject } from './collapsible.context'\nimport { motion, AnimatePresence } from '../../utils/motion'\n\nconst props = defineProps<{ class?: string }>()\nconst ctx = useCollapsibleInject()\n</script>\n\n<template>\n  <CollapsibleContent\n    :force-mount=\"true\"\n    :class=\"props.class || undefined\"\n  >\n    <AnimatePresence>\n      <motion.div\n        v-if=\"ctx.isOpen.value\"\n        key=\"panel\"\n        :initial=\"{ height: 0, opacity: 0 }\"\n        :animate=\"{ height: 'auto', opacity: 1 }\"\n        :exit=\"{ height: 0, opacity: 0 }\"\n        :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        style=\"overflow: hidden;\"\n        :class=\"ctx.slotFns.value.body()\"\n      >\n        <div :class=\"ctx.slotFns.value.bodyInner()\">\n          <slot />\n        </div>\n      </motion.div>\n    </AnimatePresence>\n  </CollapsibleContent>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CollapsibleContent.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CollapsibleContent } from 'reka-ui'\nimport { useCollapsibleInject } from './collapsible.context'\nimport { motion, AnimatePresence } from '../../utils/motion'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  /** Override the default class for the root element. */\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    body: ClassValue\n    bodyInner: ClassValue\n  }>\n}>()\nconst ctx = useCollapsibleInject()\n</script>\n\n<template>\n  <CollapsibleContent\n    :force-mount=\"true\"\n    :class=\"props.class || undefined\"\n  >\n    <AnimatePresence>\n      <motion.div\n        v-if=\"ctx.isOpen.value\"\n        key=\"panel\"\n        :initial=\"{ height: 0, opacity: 0 }\"\n        :animate=\"{ height: 'auto', opacity: 1 }\"\n        :exit=\"{ height: 0, opacity: 0 }\"\n        :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        style=\"overflow: hidden;\"\n        :class=\"composeClassName(ctx.slotFns.value.body(), props.classNames?.body)\"\n      >\n        <div :class=\"composeClassName(ctx.slotFns.value.bodyInner(), props.classNames?.bodyInner)\">\n          <slot />\n        </div>\n      </motion.div>\n    </AnimatePresence>\n  </CollapsibleContent>\n</template>\n"],"mappings":""}

package/dist/components/collapsible/CollapsibleContent.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { composeClassName } from "../../utils/composeClassName.js";
 import { motion } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/motion/index.js";
 import { AnimatePresence_default } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/AnimatePresence.js";
 import { useCollapsibleInject } from "./collapsible.context.js";
@@ -6,7 +7,16 @@ import { CollapsibleContent } from "reka-ui";
 //#region src/components/collapsible/CollapsibleContent.vue?vue&type=script&setup=true&lang.ts
 var CollapsibleContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "CollapsibleContent",
-	props: { class: {} },
+	props: {
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		classNames: {}
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = useCollapsibleInject();
@@ -35,9 +45,9 @@ var CollapsibleContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 							ease: "easeOut"
 						},
 						style: { "overflow": "hidden" },
-						class: normalizeClass(unref(ctx).slotFns.value.body())
+						class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.body(), props.classNames?.body))
 					}, {
-						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(ctx).slotFns.value.bodyInner()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.bodyInner(), props.classNames?.bodyInner)) }, [renderSlot(_ctx.$slots, "default")], 2)]),
 						_: 3
 					}, 8, ["class"])) : createCommentVNode("", true)]),
 					_: 3

package/dist/components/collapsible/CollapsibleContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CollapsibleContent } from 'reka-ui'\nimport { useCollapsibleInject } from './collapsible.context'\nimport { motion, AnimatePresence } from '../../utils/motion'\n\nconst props = defineProps<{ class?: string }>()\nconst ctx = useCollapsibleInject()\n</script>\n\n<template>\n  <CollapsibleContent\n    :force-mount=\"true\"\n    :class=\"props.class || undefined\"\n  >\n    <AnimatePresence>\n      <motion.div\n        v-if=\"ctx.isOpen.value\"\n        key=\"panel\"\n        :initial=\"{ height: 0, opacity: 0 }\"\n        :animate=\"{ height: 'auto', opacity: 1 }\"\n        :exit=\"{ height: 0, opacity: 0 }\"\n        :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        style=\"overflow: hidden;\"\n        :class=\"ctx.slotFns.value.body()\"\n      >\n        <div :class=\"ctx.slotFns.value.bodyInner()\">\n          <slot />\n        </div>\n      </motion.div>\n    </AnimatePresence>\n  </CollapsibleContent>\n</template>\n"],"mappings":";;;;;;;;;;EAKA,MAAM,QAAQ;EACd,MAAM,MAAM,sBAAqB;;uBAI/B,YAoBqB,MAAA,mBAAA,EAAA;IAnBlB,eAAa;IACb,OAAK,eAAE,MAAM,SAAS,KAAA,EAAS;;2BAiBd,CAflB,YAekB,MAAA,wBAAA,EAAA,MAAA;4BADH,CAZL,MAAA,IAAG,CAAC,OAAO,SAAA,WAAA,EADnB,YAaa,MAAA,OAAA,CAAA,KAAA;MAXX,KAAI;MACH,SAAS;OAAA,QAAA;OAAA,SAAA;OAAyB;MAClC,SAAS;OAAA,QAAA;OAAA,SAAA;OAA8B;MACvC,MAAM;OAAA,QAAA;OAAA,SAAA;OAAyB;MAC/B,YAAY;OAAA,UAAA;OAAA,MAAA;OAAkC;MAC/C,OAAA,EAAA,YAAA,UAAyB;MACxB,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,CAAA;;6BAIxB,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,CAAA,EAAA,EAAA,CACtC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"CollapsibleContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CollapsibleContent } from 'reka-ui'\nimport { useCollapsibleInject } from './collapsible.context'\nimport { motion, AnimatePresence } from '../../utils/motion'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  /** Override the default class for the root element. */\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    body: ClassValue\n    bodyInner: ClassValue\n  }>\n}>()\nconst ctx = useCollapsibleInject()\n</script>\n\n<template>\n  <CollapsibleContent\n    :force-mount=\"true\"\n    :class=\"props.class || undefined\"\n  >\n    <AnimatePresence>\n      <motion.div\n        v-if=\"ctx.isOpen.value\"\n        key=\"panel\"\n        :initial=\"{ height: 0, opacity: 0 }\"\n        :animate=\"{ height: 'auto', opacity: 1 }\"\n        :exit=\"{ height: 0, opacity: 0 }\"\n        :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        style=\"overflow: hidden;\"\n        :class=\"composeClassName(ctx.slotFns.value.body(), props.classNames?.body)\"\n      >\n        <div :class=\"composeClassName(ctx.slotFns.value.bodyInner(), props.classNames?.bodyInner)\">\n          <slot />\n        </div>\n      </motion.div>\n    </AnimatePresence>\n  </CollapsibleContent>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EASd,MAAM,MAAM,sBAAqB;;uBAI/B,YAoBqB,MAAA,mBAAA,EAAA;IAnBlB,eAAa;IACb,OAAK,eAAE,MAAM,SAAS,KAAA,EAAS;;2BAiBd,CAflB,YAekB,MAAA,wBAAA,EAAA,MAAA;4BADH,CAZL,MAAA,IAAG,CAAC,OAAO,SAAA,WAAA,EADnB,YAaa,MAAA,OAAA,CAAA,KAAA;MAXX,KAAI;MACH,SAAS;OAAA,QAAA;OAAA,SAAA;OAAyB;MAClC,SAAS;OAAA,QAAA;OAAA,SAAA;OAA8B;MACvC,MAAM;OAAA,QAAA;OAAA,SAAA;OAAyB;MAC/B,YAAY;OAAA,UAAA;OAAA,MAAA;OAAkC;MAC/C,OAAA,EAAA,YAAA,UAAyB;MACxB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;;6BAInE,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA,EAAA,EAAA,CACtF,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/collapsible/CollapsibleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleGroup.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { collapsibleGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport {\n  provideCollapsibleGroup,\n  type CollapsibleGroupRegistryEntry,\n} from './collapsible-group.context'\n\nconst props = withDefaults(defineProps<{\n  // single-open = true means only one child open at a time\n  singleOpen?: boolean\n  class?: string\n}>(), {\n  singleOpen: false,\n})\n\nconst registry = new Map<string, CollapsibleGroupRegistryEntry>()\n\nprovideCollapsibleGroup({\n  allowMultiple: toRef(() => !props.singleOpen),\n  register(entry) {\n    registry.set(entry.id, entry)\n  },\n  unregister(id) {\n    registry.delete(id)\n  },\n  notifyOpen(openingId: string) {\n    if (props.singleOpen) {\n      for (const [id, entry] of registry) {\n        if (id !== openingId && entry.open.value) {\n          entry.open.value = false\n        }\n      }\n    }\n  },\n})\n\nconst slotFns = computed(() => collapsibleGroupVariants({}))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CollapsibleGroup.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { collapsibleGroupVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport {\n  provideCollapsibleGroup,\n  type CollapsibleGroupRegistryEntry,\n} from './collapsible-group.context'\n\nconst props = withDefaults(defineProps<{\n  // single-open = true means only one child open at a time\n  singleOpen?: boolean\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  singleOpen: false,\n})\n\nconst registry = new Map<string, CollapsibleGroupRegistryEntry>()\n\nprovideCollapsibleGroup({\n  allowMultiple: toRef(() => !props.singleOpen),\n  register(entry) {\n    registry.set(entry.id, entry)\n  },\n  unregister(id) {\n    registry.delete(id)\n  },\n  notifyOpen(openingId: string) {\n    if (props.singleOpen) {\n      for (const [id, entry] of registry) {\n        if (id !== openingId && entry.open.value) {\n          entry.open.value = false\n        }\n      }\n    }\n  },\n})\n\nconst slotFns = computed(() => collapsibleGroupVariants({}))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}