@auronui/vue 1.0.15 → 1.0.17

package/dist/components/stepper/Stepper.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,16 @@ var Stepper_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		orientation: { default: "horizontal" },
 		size: { default: "md" },
 		color: { default: "accent" },
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	emits: ["update:modelValue"],

package/dist/components/stepper/Stepper.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/Stepper.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, ref } from 'vue'\nimport { stepperVariants, type StepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey, type StepStatus } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number\n  defaultValue?: number\n  totalSteps?: number\n  orientation?: StepperVariants['orientation']\n  size?: StepperVariants['size']\n  color?: StepperVariants['color']\n  class?: ClassValue\n  /** Per-slot class name overrides. */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  modelValue: undefined,\n  defaultValue: 1,\n  totalSteps: 0,\n  orientation: 'horizontal',\n  size: 'md',\n  color: 'accent',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [step: number]\n}>()\n\nconst internalStep = ref(props.defaultValue ?? 1)\nconst currentStep = computed({\n  get: () => props.modelValue ?? internalStep.value,\n  set: (val) => {\n    internalStep.value = val\n    emit('update:modelValue', val)\n  },\n})\n\nconst slotFns = computed(() =>\n  stepperVariants({\n    orientation: props.orientation,\n    size: props.size,\n    color: props.color,\n  }),\n)\n\nfunction getStepStatus(step: number): StepStatus {\n  const curr = currentStep.value\n  if (step < curr) return 'completed'\n  if (step === curr) return 'current'\n  return 'pending'\n}\n\nprovide(stepperContextKey, {\n  currentStep: computed(() => currentStep.value),\n  orientation: computed(() => props.orientation ?? 'horizontal'),\n  size: computed(() => props.size ?? 'md'),\n  color: computed(() => props.color ?? 'accent'),\n  totalSteps: computed(() => props.totalSteps),\n  getStepStatus,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :aria-label=\"`Step ${currentStep} of ${totalSteps}`\"\n    data-slot=\"stepper\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,eAAe,IAAI,MAAM,gBAAgB,EAAC;EAChD,MAAM,cAAc,SAAS;GAC3B,WAAW,MAAM,cAAc,aAAa;GAC5C,MAAM,QAAQ;AACZ,iBAAa,QAAQ;AACrB,SAAK,qBAAqB,IAAG;;GAEhC,CAAA;EAED,MAAM,UAAU,eACd,gBAAgB;GACd,aAAa,MAAM;GACnB,MAAM,MAAM;GACZ,OAAO,MAAM;GACd,CAAC,CACJ;EAEA,SAAS,cAAc,MAA0B;GAC/C,MAAM,OAAO,YAAY;AACzB,OAAI,OAAO,KAAM,QAAO;AACxB,OAAI,SAAS,KAAM,QAAO;AAC1B,UAAO;;AAGT,UAAQ,mBAAmB;GACzB,aAAa,eAAe,YAAY,MAAM;GAC9C,aAAa,eAAe,MAAM,eAAe,aAAa;GAC9D,MAAM,eAAe,MAAM,QAAQ,KAAK;GACxC,OAAO,eAAe,MAAM,SAAS,SAAS;GAC9C,YAAY,eAAe,MAAM,WAAW;GAC5C;GACD,CAAA;;uBAIC,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,cAAU,QAAU,YAAA,MAAW,MAAO,QAAA;IACvC,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"Stepper.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/Stepper.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, ref } from 'vue'\nimport { stepperVariants, type StepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey, type StepStatus } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number\n  defaultValue?: number\n  totalSteps?: number\n  orientation?: StepperVariants['orientation']\n  size?: StepperVariants['size']\n  color?: StepperVariants['color']\n  class?: ClassValue\n  /** Per-slot class name overrides. */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  modelValue: undefined,\n  defaultValue: 1,\n  totalSteps: 0,\n  orientation: 'horizontal',\n  size: 'md',\n  color: 'accent',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [step: number]\n}>()\n\nconst internalStep = ref(props.defaultValue ?? 1)\nconst currentStep = computed({\n  get: () => props.modelValue ?? internalStep.value,\n  set: (val) => {\n    internalStep.value = val\n    emit('update:modelValue', val)\n  },\n})\n\nconst slotFns = computed(() =>\n  stepperVariants({\n    orientation: props.orientation,\n    size: props.size,\n    color: props.color,\n  }),\n)\n\nfunction getStepStatus(step: number): StepStatus {\n  const curr = currentStep.value\n  if (step < curr) return 'completed'\n  if (step === curr) return 'current'\n  return 'pending'\n}\n\nprovide(stepperContextKey, {\n  currentStep: computed(() => currentStep.value),\n  orientation: computed(() => props.orientation ?? 'horizontal'),\n  size: computed(() => props.size ?? 'md'),\n  color: computed(() => props.color ?? 'accent'),\n  totalSteps: computed(() => props.totalSteps),\n  getStepStatus,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :aria-label=\"`Step ${currentStep} of ${totalSteps}`\"\n    data-slot=\"stepper\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,eAAe,IAAI,MAAM,gBAAgB,EAAC;EAChD,MAAM,cAAc,SAAS;GAC3B,WAAW,MAAM,cAAc,aAAa;GAC5C,MAAM,QAAQ;AACZ,iBAAa,QAAQ;AACrB,SAAK,qBAAqB,IAAG;;GAEhC,CAAA;EAED,MAAM,UAAU,eACd,gBAAgB;GACd,aAAa,MAAM;GACnB,MAAM,MAAM;GACZ,OAAO,MAAM;GACd,CAAC,CACJ;EAEA,SAAS,cAAc,MAA0B;GAC/C,MAAM,OAAO,YAAY;AACzB,OAAI,OAAO,KAAM,QAAO;AACxB,OAAI,SAAS,KAAM,QAAO;AAC1B,UAAO;;AAGT,UAAQ,mBAAmB;GACzB,aAAa,eAAe,YAAY,MAAM;GAC9C,aAAa,eAAe,MAAM,eAAe,aAAa;GAC9D,MAAM,eAAe,MAAM,QAAQ,KAAK;GACxC,OAAO,eAAe,MAAM,SAAS,SAAS;GAC9C,YAAY,eAAe,MAAM,WAAW;GAC5C;GACD,CAAA;;uBAIC,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,cAAU,QAAU,YAAA,MAAW,MAAO,QAAA;IACvC,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/stepper/StepperContent.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,16 @@ import { stepperVariants } from "@auronui/styles";
 var StepperContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperContent",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: {}
 	},
 	setup(__props) {

package/dist/components/stepper/StepperContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Custom classNames to override the default component slots */\n  classNames?: Partial<{\n    content: ClassValue\n  }>\n}>(), {\n  class: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.content(), props.class, props.classNames?.content)\"\n    data-slot=\"stepper-content\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,UAAU,eAAe,iBAAiB,CAAA;;uBAI9C,mBAKM,OAAA;IAJH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,OAAO,MAAM,YAAY,QAAO,CAAA;IAClF,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"StepperContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Custom classNames to override the default component slots */\n  classNames?: Partial<{\n    content: ClassValue\n  }>\n}>(), {\n  class: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.content(), props.class, props.classNames?.content)\"\n    data-slot=\"stepper-content\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,UAAU,eAAe,iBAAiB,CAAA;;uBAI9C,mBAKM,OAAA;IAJH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,OAAO,MAAM,YAAY,QAAO,CAAA;IAClF,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/stepper/StepperDescription.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,16 @@ import { stepperVariants } from "@auronui/styles";
 var StepperDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperDescription",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {

package/dist/components/stepper/StepperDescription.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperDescription.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    description: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <p\n    :class=\"composeClassName(slotFns.description(), props.class, props.classNames?.description)\"\n    data-slot=\"stepper-description\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAWd,MAAM,UAAU,eAAe,iBAAiB,CAAA;;uBAI9C,mBAKI,KAAA;IAJD,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,OAAO,MAAM,YAAY,YAAW,CAAA;IAC1F,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"StepperDescription.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    description: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <p\n    :class=\"composeClassName(slotFns.description(), props.class, props.classNames?.description)\"\n    data-slot=\"stepper-description\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAWd,MAAM,UAAU,eAAe,iBAAiB,CAAA;;uBAI9C,mBAKI,KAAA;IAJD,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,OAAO,MAAM,YAAY,YAAW,CAAA;IAC1F,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/stepper/StepperIndicator.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,16 @@ import { stepperVariants } from "@auronui/styles";
 var StepperIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperIndicator",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {

package/dist/components/stepper/StepperIndicator.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperIndicator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Override classes on individual slots */\n  classNames?: Partial<{\n    indicator: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\n\nconst slotFns = computed(() =>\n  stepperVariants({\n    size: ctx?.size.value,\n    color: ctx?.color.value,\n  }),\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.indicator(), props.class, props.classNames?.indicator)\"\n    aria-hidden=\"true\"\n    data-slot=\"stepper-indicator\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,MAAM,QAAQ;EAWd,MAAM,MAAM,OAAO,kBAAiB;EAEpC,MAAM,UAAU,eACd,gBAAgB;GACd,MAAM,KAAK,KAAK;GAChB,OAAO,KAAK,MAAM;GACnB,CAAC,CACJ;;uBAIE,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,OAAO,MAAM,YAAY,UAAS,CAAA;IACtF,eAAY;IACZ,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"StepperIndicator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: ClassValue\n  /** Override classes on individual slots */\n  classNames?: Partial<{\n    indicator: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\n\nconst slotFns = computed(() =>\n  stepperVariants({\n    size: ctx?.size.value,\n    color: ctx?.color.value,\n  }),\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.indicator(), props.class, props.classNames?.indicator)\"\n    aria-hidden=\"true\"\n    data-slot=\"stepper-indicator\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAWd,MAAM,MAAM,OAAO,kBAAiB;EAEpC,MAAM,UAAU,eACd,gBAAgB;GACd,MAAM,KAAK,KAAK;GAChB,OAAO,KAAK,MAAM;GACnB,CAAC,CACJ;;uBAIE,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,OAAO,MAAM,YAAY,UAAS,CAAA;IACtF,eAAY;IACZ,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/stepper/StepperItem.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,16 @@ var StepperItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	__name: "StepperItem",
 	props: {
 		step: {},
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {

package/dist/components/stepper/StepperItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  step: number\n  /** Custom CSS classes for the root element. */\n  class?: ClassValue\n  /** Override CSS classes for individual slots. */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\n\nconst status = computed(() => ctx?.getStepStatus(props.step) ?? 'pending')\n\nconst slotFns = computed(() =>\n  stepperVariants({\n    orientation: ctx?.orientation.value,\n    size: ctx?.size.value,\n    color: ctx?.color.value,\n  }),\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.item(), props.class, props.classNames?.item)\"\n    :data-status=\"status\"\n    :data-step=\"step\"\n    data-slot=\"stepper-item\"\n  >\n    <slot\n      :status=\"status\"\n      :step=\"step\"\n      :is-current=\"status === 'current'\"\n      :is-completed=\"status === 'completed'\"\n      :is-error=\"status === 'error'\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAad,MAAM,MAAM,OAAO,kBAAiB;EAEpC,MAAM,SAAS,eAAe,KAAK,cAAc,MAAM,KAAK,IAAI,UAAS;EAEzE,MAAM,UAAU,eACd,gBAAgB;GACd,aAAa,KAAK,YAAY;GAC9B,MAAM,KAAK,KAAK;GAChB,OAAO,KAAK,MAAM;GACnB,CAAC,CACJ;;uBAIE,mBAaM,OAAA;IAZH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,eAAa,OAAA;IACb,aAAW,QAAA;IACZ,aAAU;OAEV,WAME,KAAA,QAAA,WAAA;IALC,QAAQ,OAAA;IACR,MAAM,QAAA;IACN,WAAY,OAAA,UAAM;IAClB,aAAc,OAAA,UAAM;IACpB,SAAU,OAAA,UAAM"}
+{"version":3,"file":"StepperItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  step: number\n  /** Custom CSS classes for the root element. */\n  class?: ClassValue\n  /** Override CSS classes for individual slots. */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\n\nconst status = computed(() => ctx?.getStepStatus(props.step) ?? 'pending')\n\nconst slotFns = computed(() =>\n  stepperVariants({\n    orientation: ctx?.orientation.value,\n    size: ctx?.size.value,\n    color: ctx?.color.value,\n  }),\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.item(), props.class, props.classNames?.item)\"\n    :data-status=\"status\"\n    :data-step=\"step\"\n    data-slot=\"stepper-item\"\n  >\n    <slot\n      :status=\"status\"\n      :step=\"step\"\n      :is-current=\"status === 'current'\"\n      :is-completed=\"status === 'completed'\"\n      :is-error=\"status === 'error'\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAad,MAAM,MAAM,OAAO,kBAAiB;EAEpC,MAAM,SAAS,eAAe,KAAK,cAAc,MAAM,KAAK,IAAI,UAAS;EAEzE,MAAM,UAAU,eACd,gBAAgB;GACd,aAAa,KAAK,YAAY;GAC9B,MAAM,KAAK,KAAK;GAChB,OAAO,KAAK,MAAM;GACnB,CAAC,CACJ;;uBAIE,mBAaM,OAAA;IAZH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,eAAa,OAAA;IACb,aAAW,QAAA;IACZ,aAAU;OAEV,WAME,KAAA,QAAA,WAAA;IALC,QAAQ,OAAA;IACR,MAAM,QAAA;IACN,WAAY,OAAA,UAAM;IAClB,aAAc,OAAA,UAAM;IACpB,SAAU,OAAA,UAAM"}

package/dist/components/stepper/StepperSeparator.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,16 @@ import { stepperVariants } from "@auronui/styles";
 var StepperSeparator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperSeparator",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {

package/dist/components/stepper/StepperSeparator.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperSeparator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  /** Additional CSS class for the root element. */\n  class?: ClassValue\n  /** Per-slot class overrides. */\n  classNames?: Partial<{\n    separator: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\nconst slotFns = computed(() =>\n  stepperVariants({ orientation: ctx?.orientation.value }),\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.separator(), props.class, props.classNames?.separator)\"\n    role=\"none\"\n    data-slot=\"stepper-separator\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,MAAM,QAAQ;EAYd,MAAM,MAAM,OAAO,kBAAiB;EACpC,MAAM,UAAU,eACd,gBAAgB,EAAE,aAAa,KAAK,YAAY,OAAO,CAAC,CAC1D;;uBAIE,mBAIE,OAAA;IAHC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,OAAO,MAAM,YAAY,UAAS,CAAA;IACtF,MAAK;IACL,aAAU"}
+{"version":3,"file":"StepperSeparator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  /** Additional CSS class for the root element. */\n  class?: ClassValue\n  /** Per-slot class overrides. */\n  classNames?: Partial<{\n    separator: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\nconst slotFns = computed(() =>\n  stepperVariants({ orientation: ctx?.orientation.value }),\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.separator(), props.class, props.classNames?.separator)\"\n    role=\"none\"\n    data-slot=\"stepper-separator\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAYd,MAAM,MAAM,OAAO,kBAAiB;EACpC,MAAM,UAAU,eACd,gBAAgB,EAAE,aAAa,KAAK,YAAY,OAAO,CAAC,CAC1D;;uBAIE,mBAIE,OAAA;IAHC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,OAAO,MAAM,YAAY,UAAS,CAAA;IACtF,MAAK;IACL,aAAU"}

package/dist/components/stepper/StepperTitle.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,16 @@ import { stepperVariants } from "@auronui/styles";
 var StepperTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperTitle",
 	props: {
-		class: { default: void 0 },
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		classNames: { default: void 0 }
 	},
 	setup(__props) {

package/dist/components/stepper/StepperTitle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperTitle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  /** Custom CSS classes for the root element */\n  class?: ClassValue\n  /** Per-slot custom CSS class overrides */\n  classNames?: Partial<{\n    title: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\nconst slotFns = computed(() => stepperVariants({ size: ctx?.size.value }))\n</script>\n\n<template>\n  <p\n    :class=\"composeClassName(slotFns.title(), props.class, props.classNames?.title)\"\n    data-slot=\"stepper-title\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,MAAM,QAAQ;EAYd,MAAM,MAAM,OAAO,kBAAiB;EACpC,MAAM,UAAU,eAAe,gBAAgB,EAAE,MAAM,KAAK,KAAK,OAAO,CAAC,CAAA;;uBAIvE,mBAKI,KAAA;IAJD,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,OAAO,MAAM,YAAY,MAAK,CAAA;IAC9E,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"StepperTitle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/stepper/StepperTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  /** Custom CSS classes for the root element */\n  class?: ClassValue\n  /** Per-slot custom CSS class overrides */\n  classNames?: Partial<{\n    title: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\nconst ctx = inject(stepperContextKey)\nconst slotFns = computed(() => stepperVariants({ size: ctx?.size.value }))\n</script>\n\n<template>\n  <p\n    :class=\"composeClassName(slotFns.title(), props.class, props.classNames?.title)\"\n    data-slot=\"stepper-title\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAYd,MAAM,MAAM,OAAO,kBAAiB;EACpC,MAAM,UAAU,eAAe,gBAAgB,EAAE,MAAM,KAAK,KAAK,OAAO,CAAC,CAAA;;uBAIvE,mBAKI,KAAA;IAJD,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,OAAO,MAAM,YAAY,MAAK,CAAA;IAC9E,aAAU;OAEV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -23,7 +23,13 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			default: false
 		},
 		name: { default: void 0 },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],

package/dist/components/switch/Switch.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { switchVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useSwitchGroupInject } from './switch-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to SwitchRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  name?: string\n  class?: ClassValue\n  /** Per-slot class overrides. Each key is a slot name (e.g. 'base', 'control', 'thumb', 'content'). */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    thumb: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  size: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject SwitchGroup context with fallback defaults (standalone mode)\nconst groupCtx = useSwitchGroupInject({\n  size: ref('md'),\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 size wins over group size\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute checked state\nconst checked = computed<boolean>(() => {\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:checked event\nfunction handleUpdate(val: boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', val)\n  }\n}\n\nconst slotFns = computed(() =>\n  switchVariants({ size: finalSize.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    SwitchRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on SwitchRoot's root.\n  -->\n  <SwitchRoot\n    v-bind=\"attrs\"\n    :model-value=\"checked\"\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      <SwitchThumb :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"composeClassName(slotFns.content(), props.classNames?.content)\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAwBd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,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,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAGlE,MAAM,YAAY,eAAe,MAAM,UAAU,KAAA,EAAS;EAG1D,MAAM,UAAU,eAAwB;AACtC,OAAI,UAAU,MACZ,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM,cAAc;IAC5B;EAGD,SAAS,aAAa,KAAc;AAClC,OAAI,UAAU,MACZ,UAAS,YAAY,MAAM,MAAM;OAEjC,MAAK,qBAAqB,IAAG;;EAIjC,MAAM,UAAU,eACd,eAAe,EAAE,MAAM,UAAU,OAAO,CAAA,CAC1C;;uBASE,YAkBa,MAAA,WAAA,EAlBb,WACU,MAiBG,MAjBE,EAAA;IACZ,eAAa,QAAA;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;;2BAId,CAFP,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,YAAmF,MAAA,YAAA,EAAA,EAArE,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA,EAGxEA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAKO,QAAA;;KAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA;QAErE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"Switch.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { switchVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useSwitchGroupInject } from './switch-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to SwitchRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  name?: string\n  class?: ClassValue\n  /** Per-slot class overrides. Each key is a slot name (e.g. 'base', 'control', 'thumb', 'content'). */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    thumb: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  size: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject SwitchGroup context with fallback defaults (standalone mode)\nconst groupCtx = useSwitchGroupInject({\n  size: ref('md'),\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 size wins over group size\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute checked state\nconst checked = computed<boolean>(() => {\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:checked event\nfunction handleUpdate(val: boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', val)\n  }\n}\n\nconst slotFns = computed(() =>\n  switchVariants({ size: finalSize.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    SwitchRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on SwitchRoot's root.\n  -->\n  <SwitchRoot\n    v-bind=\"attrs\"\n    :model-value=\"checked\"\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      <SwitchThumb :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"composeClassName(slotFns.content(), props.classNames?.content)\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAwBd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,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,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAGlE,MAAM,YAAY,eAAe,MAAM,UAAU,KAAA,EAAS;EAG1D,MAAM,UAAU,eAAwB;AACtC,OAAI,UAAU,MACZ,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM,cAAc;IAC5B;EAGD,SAAS,aAAa,KAAc;AAClC,OAAI,UAAU,MACZ,UAAS,YAAY,MAAM,MAAM;OAEjC,MAAK,qBAAqB,IAAG;;EAIjC,MAAM,UAAU,eACd,eAAe,EAAE,MAAM,UAAU,OAAO,CAAA,CAC1C;;uBASE,YAkBa,MAAA,WAAA,EAlBb,WACU,MAiBG,MAjBE,EAAA;IACZ,eAAa,QAAA;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;;2BAId,CAFP,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,YAAmF,MAAA,YAAA,EAAA,EAArE,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA,EAGxEA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAKO,QAAA;;KAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA;QAErE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/components/table/TableRow.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,13 @@ import { tableVariants } from "@auronui/styles";
 var TableRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "TableRow",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {

package/dist/components/table/TableRow.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableRow.vue"],"sourcesContent":["<!-- Thin public re-export for consumers who want to compose their own body.\n     Renders a single tr with role=\"row\" and the row slot style. -->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\ninterface Props {\n  /** Additional classes to apply to the root element */\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    row: ClassValue\n  }>\n}\n\nconst props = defineProps<Props>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <tr\n    role=\"row\"\n    :class=\"composeClassName(slotFns.row(), props.class, props.classNames?.row)\"\n  >\n    <slot />\n  </tr>\n</template>\n"],"mappings":";;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAEd,MAAM,MAAM,gBAAe;EAC3B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAI1E,mBAKK,MAAA;IAJH,MAAK;IACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,OAAO,MAAM,YAAY,IAAG,CAAA;OAE1E,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"TableRow.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableRow.vue"],"sourcesContent":["<!-- Thin public re-export for consumers who want to compose their own body.\n     Renders a single tr with role=\"row\" and the row slot style. -->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\ninterface Props {\n  /** Additional classes to apply to the root element */\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    row: ClassValue\n  }>\n}\n\nconst props = defineProps<Props>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <tr\n    role=\"row\"\n    :class=\"composeClassName(slotFns.row(), props.class, props.classNames?.row)\"\n  >\n    <slot />\n  </tr>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAEd,MAAM,MAAM,gBAAe;EAC3B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAI1E,mBAKK,MAAA;IAJH,MAAK;IACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,OAAO,MAAM,YAAY,IAAG,CAAA;OAE1E,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/tabs/Tab.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,13 @@ var Tab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 	props: {
 		value: {},
 		disabled: { type: Boolean },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {

package/dist/components/tabs/Tab.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    tab: ClassValue\n  }>\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsTrigger\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :data-tab-value=\"props.value\"\n    :class=\"composeClassName(ctx.slotFns.value.tab(), props.class, props.classNames?.tab)\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,MAAM,eAAc;;uBAIxB,YAOc,MAAA,YAAA,EAAA;IANX,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,kBAAgB,MAAM;IACtB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,KAAG,EAAI,MAAM,OAAO,MAAM,YAAY,IAAG,CAAA;;2BAE5E,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    tab: ClassValue\n  }>\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsTrigger\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :data-tab-value=\"props.value\"\n    :class=\"composeClassName(ctx.slotFns.value.tab(), props.class, props.classNames?.tab)\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,MAAM,eAAc;;uBAIxB,YAOc,MAAA,YAAA,EAAA;IANX,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,kBAAgB,MAAM;IACtB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,KAAG,EAAI,MAAM,OAAO,MAAM,YAAY,IAAG,CAAA;;2BAE5E,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tabs/TabIndicator.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,13 @@ import { TabsIndicator } from "reka-ui";
 var TabIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "TabIndicator",
 	props: {
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {

package/dist/components/tabs/TabIndicator.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabIndicator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsIndicator } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{ tabIndicator: ClassValue }>\n}>()\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsIndicator :class=\"composeClassName(ctx.slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator)\" />\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,MAAM,eAAc;;uBAIxB,YAA0H,MAAA,cAAA,EAAA,EAA1G,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,cAAY,EAAI,MAAM,OAAO,MAAM,YAAY,aAAY,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"TabIndicator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsIndicator } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{ tabIndicator: ClassValue }>\n}>()\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsIndicator :class=\"composeClassName(ctx.slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator)\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,MAAM,eAAc;;uBAIxB,YAA0H,MAAA,cAAA,EAAA,EAA1G,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,cAAY,EAAI,MAAM,OAAO,MAAM,YAAY,aAAY,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/components/tabs/TabList.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,13 @@ var TabList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	props: {
 		loop: { type: Boolean },
 		overflow: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {

package/dist/components/tabs/TabList.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, nextTick, onMounted, watch } from 'vue'\nimport { useTemplateRef } from 'vue'\nimport { TabsList } from 'reka-ui'\nimport { useResizeObserver, onClickOutside } from '@vueuse/core'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\nimport Button from '../button/Button.vue'\n\nconst props = defineProps<{\n  loop?: boolean\n  overflow?: 'arrows' | 'dropdown'\n  class?: ClassValue\n  /** Override classes on individual slots */\n  classNames?: Partial<{\n    tabList: ClassValue\n  }>\n}>()\n\nconst ctx = useTabsInject()\n\n// ── Arrows mode ─────────────────────────────────────────────────────────────\nconst scrollWrapperEl = useTemplateRef<HTMLElement>('scrollWrapperEl')\nconst canScrollLeft = ref(false)\nconst canScrollRight = ref(false)\n\nfunction updateScrollButtons() {\n  const el = scrollWrapperEl.value\n  if (!el) { canScrollLeft.value = false; canScrollRight.value = false; return }\n  canScrollLeft.value = el.scrollLeft > 1\n  canScrollRight.value = el.scrollLeft + el.clientWidth < el.scrollWidth - 1\n}\n\nfunction scrollTabs(dir: 'left' | 'right') {\n  const el = scrollWrapperEl.value\n  if (!el) return\n  el.scrollBy({ left: dir === 'left' ? -200 : 200, behavior: 'smooth' })\n  // Poll briefly after smooth scroll starts so button states update\n  setTimeout(updateScrollButtons, 150)\n  setTimeout(updateScrollButtons, 350)\n}\n\nwatch(scrollWrapperEl, (el, oldEl) => {\n  if (oldEl) oldEl.removeEventListener('scroll', updateScrollButtons)\n  if (el) {\n    el.addEventListener('scroll', updateScrollButtons, { passive: true })\n    nextTick(updateScrollButtons)\n  }\n}, { immediate: true })\n\nuseResizeObserver(scrollWrapperEl, () => nextTick(updateScrollButtons))\n\n// ── Dropdown mode ────────────────────────────────────────────────────────────\ninterface OverflowTab {\n  value: string\n  label: string\n  disabled: boolean\n}\n\nconst containerEl = useTemplateRef<HTMLElement>('containerEl')\nconst dropdownEl = useTemplateRef<HTMLElement>('dropdownEl')\n\nconst hiddenTabs = ref<OverflowTab[]>([])\nconst dropdownOpen = ref(false)\nconst hasOverflow = computed(() => hiddenTabs.value.length > 0)\n\nonClickOutside(dropdownEl, () => { dropdownOpen.value = false })\n\nfunction computeOverflow() {\n  if (!containerEl.value) return\n\n  const allTabs = Array.from(\n    containerEl.value.querySelectorAll('[data-tab-value]'),\n  ) as HTMLElement[]\n\n  // Reveal all tabs first\n  allTabs.forEach(t => t.removeAttribute('data-overflow-hidden'))\n\n  // Tabs use w-full and shrink to share the container width, so offsetWidth after\n  // a normal render would be containerWidth/n — useless for overflow detection.\n  // Force each tab to its natural content width for measurement only (no paint flash:\n  // all DOM reads/writes happen synchronously within this JS task before the next frame).\n  const listEl = containerEl.value.querySelector('[role=\"tablist\"]') as HTMLElement | null\n  if (listEl) {\n    listEl.style.overflow = 'visible'\n    allTabs.forEach(t => { t.style.flexShrink = '0'; t.style.width = 'auto' })\n    void listEl.offsetWidth // force reflow so offsetWidth reads below are accurate\n  }\n\n  // Measure the more button's real width by temporarily revealing its wrapper.\n  // The wrapper is display:none when there's no overflow, so we can't rely on a\n  // pre-measured value — measure it here while the (always-visible) container holds it.\n  let moreWidth = 0\n  const moreEl = dropdownEl.value\n  if (moreEl) {\n    const prevDisplay = moreEl.style.display\n    moreEl.style.display = 'flex'\n    void moreEl.offsetWidth\n    moreWidth = moreEl.offsetWidth\n    moreEl.style.display = prevDisplay\n  }\n\n  // clientWidth includes the container's horizontal padding; the flex children only\n  // get the content box. Subtract padding so measurements compare against real space.\n  const cs = getComputedStyle(containerEl.value)\n  const padX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight)\n  const gap = parseFloat(cs.columnGap) || 0\n  const contentWidth = containerEl.value.clientWidth - padX\n\n  const tabWidths = allTabs.map(t => t.offsetWidth)\n  const totalWidth = tabWidths.reduce((sum, w) => sum + w, 0)\n\n  // Restore layout before any early-return so tabs always look correct\n  if (listEl) {\n    listEl.style.overflow = ''\n    allTabs.forEach(t => { t.style.flexShrink = ''; t.style.width = '' })\n  }\n\n  if (totalWidth <= contentWidth) {\n    hiddenTabs.value = []\n    return\n  }\n\n  // When the more button is shown it sits beside the clipped list, separated by `gap`.\n  // Reserve its width + the gap (+1px sub-pixel safety) so the last visible tab can\n  // never extend under the button.\n  const available = contentWidth - moreWidth - gap - 1\n\n  let accumulated = 0\n  const newHidden: OverflowTab[] = []\n  const visibleEls: HTMLElement[] = []\n\n  for (let i = 0; i < allTabs.length; i++) {\n    const tab = allTabs[i]\n    const w = tabWidths[i]\n    if (accumulated + w <= available) {\n      accumulated += w\n      visibleEls.push(tab)\n    } else {\n      newHidden.push({\n        value: tab.getAttribute('data-tab-value') ?? '',\n        label: tab.textContent?.trim() ?? '',\n        disabled: tab.hasAttribute('data-disabled') || tab.getAttribute('aria-disabled') === 'true',\n      })\n      tab.setAttribute('data-overflow-hidden', '')\n    }\n  }\n\n  // If the active tab ended up hidden, swap it with the last visible tab\n  const activeValue = ctx.currentValue.value\n  if (activeValue) {\n    const hiddenActiveIdx = newHidden.findIndex(t => t.value === activeValue)\n    if (hiddenActiveIdx !== -1 && visibleEls.length > 0) {\n      const displacedEl = visibleEls[visibleEls.length - 1]\n      const activeEl = allTabs.find(t => t.getAttribute('data-tab-value') === activeValue)\n\n      if (displacedEl && activeEl) {\n        // Swap: make displaced tab hidden, active tab visible\n        displacedEl.setAttribute('data-overflow-hidden', '')\n        activeEl.removeAttribute('data-overflow-hidden')\n\n        const displaced: OverflowTab = {\n          value: displacedEl.getAttribute('data-tab-value') ?? '',\n          label: displacedEl.textContent?.trim() ?? '',\n          disabled: displacedEl.hasAttribute('data-disabled') || displacedEl.getAttribute('aria-disabled') === 'true',\n        }\n        newHidden.splice(hiddenActiveIdx, 1)\n        newHidden.unshift(displaced)\n      }\n    }\n  }\n\n  hiddenTabs.value = newHidden\n}\n\nuseResizeObserver(containerEl, () => nextTick(computeOverflow))\nonMounted(() => {\n  nextTick(computeOverflow)\n})\n\n// Recompute when the active tab changes so the active tab is always visible\nwatch(() => ctx.currentValue.value, () => {\n  if (props.overflow === 'dropdown') nextTick(computeOverflow)\n})\n\n// Safety re-check when overflow toggles. computeOverflow already reserves the more\n// button's width up front, so this is idempotent — it just guards against layout\n// settling (e.g. a scrollbar appearing) on the false→true transition.\nwatch(hasOverflow, () => {\n  if (props.overflow === 'dropdown') nextTick(computeOverflow)\n})\n\nfunction selectOverflowTab(value: string) {\n  ctx.changeTab(value)\n  dropdownOpen.value = false\n}\n</script>\n\n<template>\n  <!-- ── Default (no overflow behaviour) ───────────────────────────────────── -->\n  <TabsList\n    v-if=\"!props.overflow\"\n    :loop=\"props.loop ?? true\"\n    :class=\"composeClassName(ctx.slotFns.value.tabList(), props.class, props.classNames?.tabList)\"\n  >\n    <slot />\n  </TabsList>\n\n  <!-- ── Arrows mode ────────────────────────────────────────────────────────── -->\n  <div\n    v-else-if=\"props.overflow === 'arrows'\"\n    class=\"tabs__list-container tabs__list-container--arrows\"\n    :class=\"{ 'has-left': canScrollLeft, 'has-right': canScrollRight }\"\n  >\n    <Button\n      variant=\"secondary\"\n      size=\"sm\"\n      radius=\"full\"\n      :is-icon-only=\"true\"\n      :class=\"composeClassName('tabs__arrow tabs__arrow--left', canScrollLeft && 'is-visible')\"\n      aria-label=\"Scroll tabs left\"\n      tabindex=\"-1\"\n      @click=\"scrollTabs('left')\"\n    >\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M9 11L5 7L9 3\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n      </svg>\n    </Button>\n\n    <div ref=\"scrollWrapperEl\" class=\"tabs__scroll-wrapper\">\n      <TabsList\n        :loop=\"props.loop ?? true\"\n        :class=\"composeClassName(ctx.slotFns.value.tabList(), 'tabs__list--scroll', props.class, props.classNames?.tabList)\"\n      >\n        <slot />\n      </TabsList>\n    </div>\n\n    <Button\n      variant=\"secondary\"\n      size=\"sm\"\n      radius=\"full\"\n      :is-icon-only=\"true\"\n      :class=\"composeClassName('tabs__arrow tabs__arrow--right', canScrollRight && 'is-visible')\"\n      aria-label=\"Scroll tabs right\"\n      tabindex=\"-1\"\n      @click=\"scrollTabs('right')\"\n    >\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M5 3L9 7L5 11\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n      </svg>\n    </Button>\n  </div>\n\n  <!-- ── Dropdown mode ──────────────────────────────────────────────────────── -->\n  <div\n    v-else-if=\"props.overflow === 'dropdown'\"\n    ref=\"containerEl\"\n    class=\"tabs__list-container tabs__list-container--dropdown\"\n  >\n    <TabsList\n      :loop=\"props.loop ?? true\"\n      :class=\"composeClassName(ctx.slotFns.value.tabList(), 'tabs__list--clipped', props.class, props.classNames?.tabList)\"\n    >\n      <slot />\n    </TabsList>\n\n    <!-- Always rendered so offsetWidth is measurable; visibility toggled via CSS -->\n    <div\n      ref=\"dropdownEl\"\n      class=\"tabs__more\"\n      :class=\"{ 'tabs__more--visible': hasOverflow }\"\n    >\n      <Button\n        variant=\"secondary\"\n        size=\"sm\"\n        radius=\"full\"\n        class=\"tabs__more-btn\"\n        :aria-expanded=\"dropdownOpen\"\n        aria-haspopup=\"menu\"\n        @click=\"dropdownOpen = !dropdownOpen\"\n      >\n        +{{ hiddenTabs.length }}\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M2 4L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </Button>\n\n      <div v-if=\"dropdownOpen\" class=\"tabs__overflow-menu\" role=\"menu\">\n        <Button\n          v-for=\"tab in hiddenTabs\"\n          :key=\"tab.value\"\n          variant=\"ghost\"\n          radius=\"lg\"\n          class=\"tabs__overflow-item\"\n          role=\"menuitem\"\n          :disabled=\"tab.disabled\"\n          @click=\"selectOverflowTab(tab.value)\"\n        >\n          {{ tab.label }}\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TabList.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, nextTick, onMounted, watch } from 'vue'\nimport { useTemplateRef } from 'vue'\nimport { TabsList } from 'reka-ui'\nimport { useResizeObserver, onClickOutside } from '@vueuse/core'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\nimport Button from '../button/Button.vue'\n\nconst props = defineProps<{\n  loop?: boolean\n  overflow?: 'arrows' | 'dropdown'\n  class?: ClassValue\n  /** Override classes on individual slots */\n  classNames?: Partial<{\n    tabList: ClassValue\n  }>\n}>()\n\nconst ctx = useTabsInject()\n\n// ── Arrows mode ─────────────────────────────────────────────────────────────\nconst scrollWrapperEl = useTemplateRef<HTMLElement>('scrollWrapperEl')\nconst canScrollLeft = ref(false)\nconst canScrollRight = ref(false)\n\nfunction updateScrollButtons() {\n  const el = scrollWrapperEl.value\n  if (!el) { canScrollLeft.value = false; canScrollRight.value = false; return }\n  canScrollLeft.value = el.scrollLeft > 1\n  canScrollRight.value = el.scrollLeft + el.clientWidth < el.scrollWidth - 1\n}\n\nfunction scrollTabs(dir: 'left' | 'right') {\n  const el = scrollWrapperEl.value\n  if (!el) return\n  el.scrollBy({ left: dir === 'left' ? -200 : 200, behavior: 'smooth' })\n  // Poll briefly after smooth scroll starts so button states update\n  setTimeout(updateScrollButtons, 150)\n  setTimeout(updateScrollButtons, 350)\n}\n\nwatch(scrollWrapperEl, (el, oldEl) => {\n  if (oldEl) oldEl.removeEventListener('scroll', updateScrollButtons)\n  if (el) {\n    el.addEventListener('scroll', updateScrollButtons, { passive: true })\n    nextTick(updateScrollButtons)\n  }\n}, { immediate: true })\n\nuseResizeObserver(scrollWrapperEl, () => nextTick(updateScrollButtons))\n\n// ── Dropdown mode ────────────────────────────────────────────────────────────\ninterface OverflowTab {\n  value: string\n  label: string\n  disabled: boolean\n}\n\nconst containerEl = useTemplateRef<HTMLElement>('containerEl')\nconst dropdownEl = useTemplateRef<HTMLElement>('dropdownEl')\n\nconst hiddenTabs = ref<OverflowTab[]>([])\nconst dropdownOpen = ref(false)\nconst hasOverflow = computed(() => hiddenTabs.value.length > 0)\n\nonClickOutside(dropdownEl, () => { dropdownOpen.value = false })\n\nfunction computeOverflow() {\n  if (!containerEl.value) return\n\n  const allTabs = Array.from(\n    containerEl.value.querySelectorAll('[data-tab-value]'),\n  ) as HTMLElement[]\n\n  // Reveal all tabs first\n  allTabs.forEach(t => t.removeAttribute('data-overflow-hidden'))\n\n  // Tabs use w-full and shrink to share the container width, so offsetWidth after\n  // a normal render would be containerWidth/n — useless for overflow detection.\n  // Force each tab to its natural content width for measurement only (no paint flash:\n  // all DOM reads/writes happen synchronously within this JS task before the next frame).\n  const listEl = containerEl.value.querySelector('[role=\"tablist\"]') as HTMLElement | null\n  if (listEl) {\n    listEl.style.overflow = 'visible'\n    allTabs.forEach(t => { t.style.flexShrink = '0'; t.style.width = 'auto' })\n    void listEl.offsetWidth // force reflow so offsetWidth reads below are accurate\n  }\n\n  // Measure the more button's real width by temporarily revealing its wrapper.\n  // The wrapper is display:none when there's no overflow, so we can't rely on a\n  // pre-measured value — measure it here while the (always-visible) container holds it.\n  let moreWidth = 0\n  const moreEl = dropdownEl.value\n  if (moreEl) {\n    const prevDisplay = moreEl.style.display\n    moreEl.style.display = 'flex'\n    void moreEl.offsetWidth\n    moreWidth = moreEl.offsetWidth\n    moreEl.style.display = prevDisplay\n  }\n\n  // clientWidth includes the container's horizontal padding; the flex children only\n  // get the content box. Subtract padding so measurements compare against real space.\n  const cs = getComputedStyle(containerEl.value)\n  const padX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight)\n  const gap = parseFloat(cs.columnGap) || 0\n  const contentWidth = containerEl.value.clientWidth - padX\n\n  const tabWidths = allTabs.map(t => t.offsetWidth)\n  const totalWidth = tabWidths.reduce((sum, w) => sum + w, 0)\n\n  // Restore layout before any early-return so tabs always look correct\n  if (listEl) {\n    listEl.style.overflow = ''\n    allTabs.forEach(t => { t.style.flexShrink = ''; t.style.width = '' })\n  }\n\n  if (totalWidth <= contentWidth) {\n    hiddenTabs.value = []\n    return\n  }\n\n  // When the more button is shown it sits beside the clipped list, separated by `gap`.\n  // Reserve its width + the gap (+1px sub-pixel safety) so the last visible tab can\n  // never extend under the button.\n  const available = contentWidth - moreWidth - gap - 1\n\n  let accumulated = 0\n  const newHidden: OverflowTab[] = []\n  const visibleEls: HTMLElement[] = []\n\n  for (let i = 0; i < allTabs.length; i++) {\n    const tab = allTabs[i]\n    const w = tabWidths[i]\n    if (accumulated + w <= available) {\n      accumulated += w\n      visibleEls.push(tab)\n    } else {\n      newHidden.push({\n        value: tab.getAttribute('data-tab-value') ?? '',\n        label: tab.textContent?.trim() ?? '',\n        disabled: tab.hasAttribute('data-disabled') || tab.getAttribute('aria-disabled') === 'true',\n      })\n      tab.setAttribute('data-overflow-hidden', '')\n    }\n  }\n\n  // If the active tab ended up hidden, swap it with the last visible tab\n  const activeValue = ctx.currentValue.value\n  if (activeValue) {\n    const hiddenActiveIdx = newHidden.findIndex(t => t.value === activeValue)\n    if (hiddenActiveIdx !== -1 && visibleEls.length > 0) {\n      const displacedEl = visibleEls[visibleEls.length - 1]\n      const activeEl = allTabs.find(t => t.getAttribute('data-tab-value') === activeValue)\n\n      if (displacedEl && activeEl) {\n        // Swap: make displaced tab hidden, active tab visible\n        displacedEl.setAttribute('data-overflow-hidden', '')\n        activeEl.removeAttribute('data-overflow-hidden')\n\n        const displaced: OverflowTab = {\n          value: displacedEl.getAttribute('data-tab-value') ?? '',\n          label: displacedEl.textContent?.trim() ?? '',\n          disabled: displacedEl.hasAttribute('data-disabled') || displacedEl.getAttribute('aria-disabled') === 'true',\n        }\n        newHidden.splice(hiddenActiveIdx, 1)\n        newHidden.unshift(displaced)\n      }\n    }\n  }\n\n  hiddenTabs.value = newHidden\n}\n\nuseResizeObserver(containerEl, () => nextTick(computeOverflow))\nonMounted(() => {\n  nextTick(computeOverflow)\n})\n\n// Recompute when the active tab changes so the active tab is always visible\nwatch(() => ctx.currentValue.value, () => {\n  if (props.overflow === 'dropdown') nextTick(computeOverflow)\n})\n\n// Safety re-check when overflow toggles. computeOverflow already reserves the more\n// button's width up front, so this is idempotent — it just guards against layout\n// settling (e.g. a scrollbar appearing) on the false→true transition.\nwatch(hasOverflow, () => {\n  if (props.overflow === 'dropdown') nextTick(computeOverflow)\n})\n\nfunction selectOverflowTab(value: string) {\n  ctx.changeTab(value)\n  dropdownOpen.value = false\n}\n</script>\n\n<template>\n  <!-- ── Default (no overflow behaviour) ───────────────────────────────────── -->\n  <TabsList\n    v-if=\"!props.overflow\"\n    :loop=\"props.loop ?? true\"\n    :class=\"composeClassName(ctx.slotFns.value.tabList(), props.class, props.classNames?.tabList)\"\n  >\n    <slot />\n  </TabsList>\n\n  <!-- ── Arrows mode ────────────────────────────────────────────────────────── -->\n  <div\n    v-else-if=\"props.overflow === 'arrows'\"\n    class=\"tabs__list-container tabs__list-container--arrows\"\n    :class=\"{ 'has-left': canScrollLeft, 'has-right': canScrollRight }\"\n  >\n    <Button\n      variant=\"secondary\"\n      size=\"sm\"\n      radius=\"full\"\n      :is-icon-only=\"true\"\n      :class=\"composeClassName('tabs__arrow tabs__arrow--left', canScrollLeft && 'is-visible')\"\n      aria-label=\"Scroll tabs left\"\n      tabindex=\"-1\"\n      @click=\"scrollTabs('left')\"\n    >\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M9 11L5 7L9 3\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n      </svg>\n    </Button>\n\n    <div ref=\"scrollWrapperEl\" class=\"tabs__scroll-wrapper\">\n      <TabsList\n        :loop=\"props.loop ?? true\"\n        :class=\"composeClassName(ctx.slotFns.value.tabList(), 'tabs__list--scroll', props.class, props.classNames?.tabList)\"\n      >\n        <slot />\n      </TabsList>\n    </div>\n\n    <Button\n      variant=\"secondary\"\n      size=\"sm\"\n      radius=\"full\"\n      :is-icon-only=\"true\"\n      :class=\"composeClassName('tabs__arrow tabs__arrow--right', canScrollRight && 'is-visible')\"\n      aria-label=\"Scroll tabs right\"\n      tabindex=\"-1\"\n      @click=\"scrollTabs('right')\"\n    >\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M5 3L9 7L5 11\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n      </svg>\n    </Button>\n  </div>\n\n  <!-- ── Dropdown mode ──────────────────────────────────────────────────────── -->\n  <div\n    v-else-if=\"props.overflow === 'dropdown'\"\n    ref=\"containerEl\"\n    class=\"tabs__list-container tabs__list-container--dropdown\"\n  >\n    <TabsList\n      :loop=\"props.loop ?? true\"\n      :class=\"composeClassName(ctx.slotFns.value.tabList(), 'tabs__list--clipped', props.class, props.classNames?.tabList)\"\n    >\n      <slot />\n    </TabsList>\n\n    <!-- Always rendered so offsetWidth is measurable; visibility toggled via CSS -->\n    <div\n      ref=\"dropdownEl\"\n      class=\"tabs__more\"\n      :class=\"{ 'tabs__more--visible': hasOverflow }\"\n    >\n      <Button\n        variant=\"secondary\"\n        size=\"sm\"\n        radius=\"full\"\n        class=\"tabs__more-btn\"\n        :aria-expanded=\"dropdownOpen\"\n        aria-haspopup=\"menu\"\n        @click=\"dropdownOpen = !dropdownOpen\"\n      >\n        +{{ hiddenTabs.length }}\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M2 4L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </Button>\n\n      <div v-if=\"dropdownOpen\" class=\"tabs__overflow-menu\" role=\"menu\">\n        <Button\n          v-for=\"tab in hiddenTabs\"\n          :key=\"tab.value\"\n          variant=\"ghost\"\n          radius=\"lg\"\n          class=\"tabs__overflow-item\"\n          role=\"menuitem\"\n          :disabled=\"tab.disabled\"\n          @click=\"selectOverflowTab(tab.value)\"\n        >\n          {{ tab.label }}\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/tabs/TabPanel.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,13 @@ var TabPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	props: {
 		value: {},
 		forceMount: { type: Boolean },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	setup(__props) {

package/dist/components/tabs/TabPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsContent } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  forceMount?: boolean\n  class?: ClassValue\n  /** Custom classes to apply to specific slots */\n  classNames?: Partial<{\n    tabPanel: ClassValue\n  }>\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsContent\n    :value=\"props.value\"\n    :force-mount=\"props.forceMount\"\n    :class=\"composeClassName(ctx.slotFns.value.tabPanel(), props.class, props.classNames?.tabPanel)\"\n  >\n    <slot />\n  </TabsContent>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,MAAM,eAAc;;uBAIxB,YAMc,MAAA,YAAA,EAAA;IALX,OAAO,MAAM;IACb,eAAa,MAAM;IACnB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,UAAQ,EAAI,MAAM,OAAO,MAAM,YAAY,SAAQ,CAAA;;2BAEtF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"TabPanel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsContent } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  forceMount?: boolean\n  class?: ClassValue\n  /** Custom classes to apply to specific slots */\n  classNames?: Partial<{\n    tabPanel: ClassValue\n  }>\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsContent\n    :value=\"props.value\"\n    :force-mount=\"props.forceMount\"\n    :class=\"composeClassName(ctx.slotFns.value.tabPanel(), props.class, props.classNames?.tabPanel)\"\n  >\n    <slot />\n  </TabsContent>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,MAAM,eAAc;;uBAIxB,YAMc,MAAA,YAAA,EAAA;IALX,OAAO,MAAM;IACb,eAAa,MAAM;IACnB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,UAAQ,EAAI,MAAM,OAAO,MAAM,YAAY,SAAQ,CAAA;;2BAEtF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,13 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		orientation: { default: "horizontal" },
 		variant: { default: "primary" },
 		activationMode: { default: "automatic" },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	},
 	emits: ["update:modelValue"],

package/dist/components/tabs/Tabs.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue'\nimport { TabsRoot } from 'reka-ui'\nimport { tabsVariants, type TabsVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsProvide } from './tabs.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  orientation?: 'horizontal' | 'vertical'\n  variant?: TabsVariants['variant']\n  activationMode?: 'automatic' | 'manual'\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  orientation: 'horizontal',\n  variant: 'primary',\n  activationMode: 'automatic',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst internalValue = ref<string | undefined>(props.modelValue ?? props.defaultValue)\n\nwatch(() => props.modelValue, (v) => {\n  if (v !== undefined) internalValue.value = v\n})\n\nfunction changeTab(value: string) {\n  internalValue.value = value\n  emit('update:modelValue', value)\n}\n\nconst slotFns = computed(() => tabsVariants({ variant: props.variant }))\n\nuseTabsProvide({\n  slotFns,\n  orientation: toRef(props, 'orientation'),\n  currentValue: internalValue,\n  changeTab,\n})\n</script>\n\n<template>\n  <TabsRoot\n    :model-value=\"internalValue\"\n    :orientation=\"props.orientation\"\n    :activation-mode=\"props.activationMode\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    @update:model-value=\"changeTab\"\n  >\n    <slot />\n  </TabsRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAiBd,MAAM,OAAO;EAIb,MAAM,gBAAgB,IAAwB,MAAM,cAAc,MAAM,aAAY;AAEpF,cAAY,MAAM,aAAa,MAAM;AACnC,OAAI,MAAM,KAAA,EAAW,eAAc,QAAQ;IAC5C;EAED,SAAS,UAAU,OAAe;AAChC,iBAAc,QAAQ;AACtB,QAAK,qBAAqB,MAAK;;EAGjC,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,MAAM,SAAS,CAAC,CAAA;AAEvE,iBAAe;GACb;GACA,aAAa,MAAM,OAAO,cAAc;GACxC,cAAc;GACd;GACD,CAAA;;uBAIC,YASW,MAAA,SAAA,EAAA;IARR,eAAa,cAAA;IACb,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,oBAAkB,MAAM;IACxB,uBAAoB;;2BAEb,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue'\nimport { TabsRoot } from 'reka-ui'\nimport { tabsVariants, type TabsVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsProvide } from './tabs.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  orientation?: 'horizontal' | 'vertical'\n  variant?: TabsVariants['variant']\n  activationMode?: 'automatic' | 'manual'\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  orientation: 'horizontal',\n  variant: 'primary',\n  activationMode: 'automatic',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst internalValue = ref<string | undefined>(props.modelValue ?? props.defaultValue)\n\nwatch(() => props.modelValue, (v) => {\n  if (v !== undefined) internalValue.value = v\n})\n\nfunction changeTab(value: string) {\n  internalValue.value = value\n  emit('update:modelValue', value)\n}\n\nconst slotFns = computed(() => tabsVariants({ variant: props.variant }))\n\nuseTabsProvide({\n  slotFns,\n  orientation: toRef(props, 'orientation'),\n  currentValue: internalValue,\n  changeTab,\n})\n</script>\n\n<template>\n  <TabsRoot\n    :model-value=\"internalValue\"\n    :orientation=\"props.orientation\"\n    :activation-mode=\"props.activationMode\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    @update:model-value=\"changeTab\"\n  >\n    <slot />\n  </TabsRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAiBd,MAAM,OAAO;EAIb,MAAM,gBAAgB,IAAwB,MAAM,cAAc,MAAM,aAAY;AAEpF,cAAY,MAAM,aAAa,MAAM;AACnC,OAAI,MAAM,KAAA,EAAW,eAAc,QAAQ;IAC5C;EAED,SAAS,UAAU,OAAe;AAChC,iBAAc,QAAQ;AACtB,QAAK,qBAAqB,MAAK;;EAGjC,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,MAAM,SAAS,CAAC,CAAA;AAEvE,iBAAe;GACb;GACA,aAAa,MAAM,OAAO,cAAc;GACxC,cAAc;GACd;GACD,CAAA;;uBAIC,YASW,MAAA,SAAA,EAAA;IARR,eAAa,cAAA;IACb,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,oBAAkB,MAAM;IACxB,uBAAoB;;2BAEb,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -77,7 +77,13 @@ var Textarea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			type: Boolean,
 			default: false
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {}
 	}, {
 		"modelValue": { default: "" },

package/dist/components/textarea/Textarea.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/textarea/Textarea.vue"],"sourcesContent":["<!--\n  Textarea — multi-line form-field component for @auronui/vue.\n\n  Mirrors Input.vue's prop surface, slot architecture, and a11y contract.\n  Textarea-specific additions: `rows` (initial visible rows) and `autoResize`\n  (wires @vueuse/core useTextareaAutosize so height tracks content).\n\n  ─── Anatomy ────────────────────────────────────────────────────────────\n    base (.textarea-root)\n      label [outside | outside-left]\n      mainWrapper (.textarea__main-wrapper)\n        inputWrapper (.textarea)\n          label [inside]\n          startContent (.textarea__start-content)\n          <textarea ref=\"textareaEl\">\n          endContent (.textarea__end-content)\n          clearButton (.textarea__clear-button)\n        helperWrapper (.textarea__helper-wrapper)\n          errorMessage | description\n-->\n<script setup lang=\"ts\">\nimport { computed, nextTick, toRef, useAttrs, useId, useTemplateRef } from 'vue'\nimport { useTextareaAutosize } from '@vueuse/core'\nimport { textAreaVariants, type TextAreaVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  isClearable: false,\n  rows: 3,\n  autoResize: false,\n})\n\nconst emit = defineEmits<{\n  clear: []\n}>()\n\nconst modelValue = defineModel<string>({ default: '' })\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: TextAreaVariants['variant']\n  /** Field size. @default 'md' */\n  size?: TextAreaVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: TextAreaVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * @default 'inside'\n   */\n  labelPlacement?: TextAreaVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label and the `required` attribute. @default false */\n  isRequired?: boolean\n  /** Shows an × button that clears the value and refocuses the field. @default false */\n  isClearable?: boolean\n  /** Initial visible rows (native attribute). @default 3 */\n  rows?: number\n  /** Placeholder shown when empty. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Auto-grow the textarea height to fit content (uses `useTextareaAutosize`). @default false */\n  autoResize?: boolean\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: ClassValue\n  /** Per-slot class overrides. Each key accepts classes merged via `composeClassName`. */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    mainWrapper: ClassValue\n    inputWrapper: ClassValue\n    startContent: ClassValue\n    input: ClassValue\n    endContent: ClassValue\n    clearButton: ClassValue\n    helperWrapper: ClassValue\n    errorMessage: ClassValue\n    description: ClassValue\n  }>\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\nconst inputAttrs = computed(() =>\n  Object.fromEntries(Object.entries(attrs).filter(([k]) => k !== 'id'))\n)\n\nconst textareaEl = useTemplateRef<HTMLTextAreaElement>('textareaEl')\n\nif (props.autoResize) {\n  useTextareaAutosize({\n    element: textareaEl,\n    input: toRef(modelValue),\n  })\n}\n\nconst hasLabel = computed(() => !!props.label)\nconst isFilled = computed(() => modelValue.value != null && String(modelValue.value) !== '')\n\nconst descriptionId = computed(() => `${inputId.value}-description`)\nconst errorMessageId = computed(() => `${inputId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst isInteractive = computed(() => !props.isDisabled && !props.isReadonly)\nconst showClearButton = computed(\n  () => props.isClearable && isFilled.value && isInteractive.value,\n)\n\nfunction handleClear() {\n  modelValue.value = ''\n  emit('clear')\n  nextTick(() => textareaEl.value?.focus())\n}\n\nconst slotFns = computed(() =>\n  textAreaVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\nconst showInsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement === 'inside',\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"inputId\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"composeClassName(slotFns.mainWrapper(), props.classNames?.mainWrapper)\">\n      <div\n        :class=\"composeClassName(slotFns.inputWrapper(), props.classNames?.inputWrapper)\"\n        :data-filled=\"hasLabel ? (isFilled || undefined) : undefined\"\n      >\n        <label\n          v-if=\"showInsideLabel\"\n          :for=\"inputId\"\n          :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n        >{{ label }}<span\n          v-if=\"isRequired\"\n          aria-hidden=\"true\"\n        > *</span></label>\n        <span\n          v-if=\"$slots.startContent\"\n          :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n        >\n          <slot name=\"startContent\" />\n        </span>\n        <textarea\n          v-bind=\"inputAttrs\"\n          :id=\"inputId\"\n          ref=\"textareaEl\"\n          v-model=\"modelValue\"\n          :rows=\"rows\"\n          :placeholder=\"placeholder\"\n          :name=\"name\"\n          :disabled=\"isDisabled || undefined\"\n          :readonly=\"isReadonly || undefined\"\n          :required=\"isRequired || undefined\"\n          :aria-invalid=\"isInvalid || undefined\"\n          :aria-describedby=\"ariaDescribedBy\"\n          :class=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        />\n        <span\n          v-if=\"$slots.endContent\"\n          :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n        >\n          <slot name=\"endContent\" />\n        </span>\n        <button\n          v-if=\"showClearButton\"\n          type=\"button\"\n          tabindex=\"-1\"\n          :class=\"composeClassName(slotFns.clearButton(), props.classNames?.clearButton)\"\n          aria-label=\"Clear textarea\"\n          @click=\"handleClear\"\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\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r=\"10\"\n            />\n            <line\n              x1=\"15\"\n              y1=\"9\"\n              x2=\"9\"\n              y2=\"15\"\n            />\n            <line\n              x1=\"9\"\n              y1=\"9\"\n              x2=\"15\"\n              y2=\"15\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"composeClassName(slotFns.helperWrapper(), props.classNames?.helperWrapper)\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"composeClassName(slotFns.errorMessage(), props.classNames?.errorMessage)\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"composeClassName(slotFns.description(), props.classNames?.description)\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Textarea.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/textarea/Textarea.vue"],"sourcesContent":["<!--\n  Textarea — multi-line form-field component for @auronui/vue.\n\n  Mirrors Input.vue's prop surface, slot architecture, and a11y contract.\n  Textarea-specific additions: `rows` (initial visible rows) and `autoResize`\n  (wires @vueuse/core useTextareaAutosize so height tracks content).\n\n  ─── Anatomy ────────────────────────────────────────────────────────────\n    base (.textarea-root)\n      label [outside | outside-left]\n      mainWrapper (.textarea__main-wrapper)\n        inputWrapper (.textarea)\n          label [inside]\n          startContent (.textarea__start-content)\n          <textarea ref=\"textareaEl\">\n          endContent (.textarea__end-content)\n          clearButton (.textarea__clear-button)\n        helperWrapper (.textarea__helper-wrapper)\n          errorMessage | description\n-->\n<script setup lang=\"ts\">\nimport { computed, nextTick, toRef, useAttrs, useId, useTemplateRef } from 'vue'\nimport { useTextareaAutosize } from '@vueuse/core'\nimport { textAreaVariants, type TextAreaVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  isClearable: false,\n  rows: 3,\n  autoResize: false,\n})\n\nconst emit = defineEmits<{\n  clear: []\n}>()\n\nconst modelValue = defineModel<string>({ default: '' })\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: TextAreaVariants['variant']\n  /** Field size. @default 'md' */\n  size?: TextAreaVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: TextAreaVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * @default 'inside'\n   */\n  labelPlacement?: TextAreaVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label and the `required` attribute. @default false */\n  isRequired?: boolean\n  /** Shows an × button that clears the value and refocuses the field. @default false */\n  isClearable?: boolean\n  /** Initial visible rows (native attribute). @default 3 */\n  rows?: number\n  /** Placeholder shown when empty. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Auto-grow the textarea height to fit content (uses `useTextareaAutosize`). @default false */\n  autoResize?: boolean\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: ClassValue\n  /** Per-slot class overrides. Each key accepts classes merged via `composeClassName`. */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    mainWrapper: ClassValue\n    inputWrapper: ClassValue\n    startContent: ClassValue\n    input: ClassValue\n    endContent: ClassValue\n    clearButton: ClassValue\n    helperWrapper: ClassValue\n    errorMessage: ClassValue\n    description: ClassValue\n  }>\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\nconst inputAttrs = computed(() =>\n  Object.fromEntries(Object.entries(attrs).filter(([k]) => k !== 'id'))\n)\n\nconst textareaEl = useTemplateRef<HTMLTextAreaElement>('textareaEl')\n\nif (props.autoResize) {\n  useTextareaAutosize({\n    element: textareaEl,\n    input: toRef(modelValue),\n  })\n}\n\nconst hasLabel = computed(() => !!props.label)\nconst isFilled = computed(() => modelValue.value != null && String(modelValue.value) !== '')\n\nconst descriptionId = computed(() => `${inputId.value}-description`)\nconst errorMessageId = computed(() => `${inputId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst isInteractive = computed(() => !props.isDisabled && !props.isReadonly)\nconst showClearButton = computed(\n  () => props.isClearable && isFilled.value && isInteractive.value,\n)\n\nfunction handleClear() {\n  modelValue.value = ''\n  emit('clear')\n  nextTick(() => textareaEl.value?.focus())\n}\n\nconst slotFns = computed(() =>\n  textAreaVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\nconst showInsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement === 'inside',\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"inputId\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"composeClassName(slotFns.mainWrapper(), props.classNames?.mainWrapper)\">\n      <div\n        :class=\"composeClassName(slotFns.inputWrapper(), props.classNames?.inputWrapper)\"\n        :data-filled=\"hasLabel ? (isFilled || undefined) : undefined\"\n      >\n        <label\n          v-if=\"showInsideLabel\"\n          :for=\"inputId\"\n          :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n        >{{ label }}<span\n          v-if=\"isRequired\"\n          aria-hidden=\"true\"\n        > *</span></label>\n        <span\n          v-if=\"$slots.startContent\"\n          :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n        >\n          <slot name=\"startContent\" />\n        </span>\n        <textarea\n          v-bind=\"inputAttrs\"\n          :id=\"inputId\"\n          ref=\"textareaEl\"\n          v-model=\"modelValue\"\n          :rows=\"rows\"\n          :placeholder=\"placeholder\"\n          :name=\"name\"\n          :disabled=\"isDisabled || undefined\"\n          :readonly=\"isReadonly || undefined\"\n          :required=\"isRequired || undefined\"\n          :aria-invalid=\"isInvalid || undefined\"\n          :aria-describedby=\"ariaDescribedBy\"\n          :class=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        />\n        <span\n          v-if=\"$slots.endContent\"\n          :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n        >\n          <slot name=\"endContent\" />\n        </span>\n        <button\n          v-if=\"showClearButton\"\n          type=\"button\"\n          tabindex=\"-1\"\n          :class=\"composeClassName(slotFns.clearButton(), props.classNames?.clearButton)\"\n          aria-label=\"Clear textarea\"\n          @click=\"handleClear\"\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\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r=\"10\"\n            />\n            <line\n              x1=\"15\"\n              y1=\"9\"\n              x2=\"9\"\n              y2=\"15\"\n            />\n            <line\n              x1=\"9\"\n              y1=\"9\"\n              x2=\"15\"\n              y2=\"15\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"composeClassName(slotFns.helperWrapper(), props.classNames?.helperWrapper)\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"composeClassName(slotFns.errorMessage(), props.classNames?.errorMessage)\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"composeClassName(slotFns.description(), props.classNames?.description)\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/time-field/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -54,7 +54,13 @@ var TimeField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		label: {},
 		description: {},
 		errorMessage: {},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
 		classNames: {},
 		defaultValue: {},
 		placeholderValue: {},