@auronui/vue 1.0.14 → 1.0.16

package/dist/components/splitter/SplitterGroup.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,17 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		id: { default: void 0 },
 		direction: { default: "horizontal" },
 		autoSaveId: { default: void 0 },
-		class: { default: void 0 }
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
 	},
 	setup(__props) {
 		const props = __props;
@@ -21,7 +31,7 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				id: __props.id,
 				direction: __props.direction ?? "horizontal",
 				"auto-save-id": __props.autoSaveId,
-				class: normalizeClass(unref(composeClassName)(slotFns.value.group(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.group(), props.class, props.classNames?.group)),
 				"data-slot": "splitter-group"
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

package/dist/components/splitter/SplitterGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitterGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/splitter/SplitterGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { SplitterGroup } from 'reka-ui'\nimport { splitterVariants, type SplitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  direction?: SplitterVariants['direction']\n  autoSaveId?: string\n  class?: string\n}>(), {\n  id: undefined,\n  direction: 'horizontal',\n  autoSaveId: undefined,\n  class: undefined,\n})\n\nconst slotFns = computed(() => splitterVariants({ direction: props.direction }))\n\nprovide(splitterContextKey, { direction: computed(() => props.direction ?? 'horizontal') })\n</script>\n\n<template>\n  <SplitterGroup\n    :id=\"id\"\n    :direction=\"direction ?? 'horizontal'\"\n    :auto-save-id=\"autoSaveId\"\n    :class=\"composeClassName(slotFns.group(), props.class)\"\n    data-slot=\"splitter-group\"\n  >\n    <slot />\n  </SplitterGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAYd,MAAM,UAAU,eAAe,iBAAiB,EAAE,WAAW,MAAM,WAAW,CAAC,CAAA;AAE/E,UAAQ,oBAAoB,EAAE,WAAW,eAAe,MAAM,aAAa,aAAa,EAAE,CAAA;;uBAIxF,YAQgB,MAAA,cAAA,EAAA;IAPb,IAAI,QAAA;IACJ,WAAW,QAAA,aAAS;IACpB,gBAAc,QAAA;IACd,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,MAAK,CAAA;IACrD,aAAU;;2BAEF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"SplitterGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/splitter/SplitterGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { SplitterGroup } from 'reka-ui'\nimport { splitterVariants, type SplitterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  direction?: SplitterVariants['direction']\n  autoSaveId?: string\n  class?: ClassValue\n  /** Per-slot class name overrides. */\n  classNames?: Partial<{\n    group: ClassValue\n  }>\n}>(), {\n  id: undefined,\n  direction: 'horizontal',\n  autoSaveId: undefined,\n  class: undefined,\n  classNames: undefined,\n})\n\nconst slotFns = computed(() => splitterVariants({ direction: props.direction }))\n\nprovide(splitterContextKey, { direction: computed(() => props.direction ?? 'horizontal') })\n</script>\n\n<template>\n  <SplitterGroup\n    :id=\"id\"\n    :direction=\"direction ?? 'horizontal'\"\n    :auto-save-id=\"autoSaveId\"\n    :class=\"composeClassName(slotFns.group(), props.class, props.classNames?.group)\"\n    data-slot=\"splitter-group\"\n  >\n    <slot />\n  </SplitterGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAiBd,MAAM,UAAU,eAAe,iBAAiB,EAAE,WAAW,MAAM,WAAW,CAAC,CAAA;AAE/E,UAAQ,oBAAoB,EAAE,WAAW,eAAe,MAAM,aAAa,aAAa,EAAE,CAAA;;uBAIxF,YAQgB,MAAA,cAAA,EAAA;IAPb,IAAI,QAAA;IACJ,WAAW,QAAA,aAAS;IACpB,gBAAc,QAAA;IACd,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,OAAO,MAAM,YAAY,MAAK,CAAA;IAC9E,aAAU;;2BAEF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/splitter/SplitterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitterPanel.js","names":[],"sources":["../../../src/components/splitter/SplitterPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SplitterPanel } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  defaultSize?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsedSize?: number\n  order?: number\n  class?: string\n}>(), {\n  id: undefined,\n  defaultSize: undefined,\n  minSize: undefined,\n  maxSize: undefined,\n  collapsible: false,\n  collapsedSize: undefined,\n  order: undefined,\n  class: undefined,\n})\n\ndefineEmits<{\n  collapse: []\n  expand: []\n}>()\n\nconst slotFns = computed(() => splitterVariants())\n</script>\n\n<template>\n  <SplitterPanel\n    :id=\"id\"\n    :default-size=\"defaultSize\"\n    :min-size=\"minSize\"\n    :max-size=\"maxSize\"\n    :collapsible=\"collapsible\"\n    :collapsed-size=\"collapsedSize\"\n    :order=\"order\"\n    :class=\"composeClassName(slotFns.panel(), props.class)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"$emit('collapse')\"\n    @expand=\"$emit('expand')\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SplitterPanel.js","names":[],"sources":["../../../src/components/splitter/SplitterPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SplitterPanel } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  defaultSize?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsedSize?: number\n  order?: number\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    panel: ClassValue\n  }>\n}>(), {\n  id: undefined,\n  defaultSize: undefined,\n  minSize: undefined,\n  maxSize: undefined,\n  collapsible: false,\n  collapsedSize: undefined,\n  order: undefined,\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  collapse: []\n  expand: []\n}>()\n\nconst slotFns = computed(() => splitterVariants())\n</script>\n\n<template>\n  <SplitterPanel\n    :id=\"id\"\n    :default-size=\"defaultSize\"\n    :min-size=\"minSize\"\n    :max-size=\"maxSize\"\n    :collapsible=\"collapsible\"\n    :collapsed-size=\"collapsedSize\"\n    :order=\"order\"\n    :class=\"composeClassName(slotFns.panel(), props.class, props.classNames?.panel)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"$emit('collapse')\"\n    @expand=\"$emit('expand')\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":""}

package/dist/components/splitter/SplitterPanel.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,17 @@ var SplitterPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		},
 		collapsedSize: { default: void 0 },
 		order: { default: void 0 },
-		class: { default: void 0 }
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
 	},
 	emits: ["collapse", "expand"],
 	setup(__props) {
@@ -31,7 +41,7 @@ var SplitterPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				collapsible: __props.collapsible,
 				"collapsed-size": __props.collapsedSize,
 				order: __props.order,
-				class: normalizeClass(unref(composeClassName)(slotFns.value.panel(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.panel(), props.class, props.classNames?.panel)),
 				"data-slot": "splitter-panel",
 				onCollapse: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("collapse")),
 				onExpand: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("expand"))

package/dist/components/splitter/SplitterPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitterPanel.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/splitter/SplitterPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SplitterPanel } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  defaultSize?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsedSize?: number\n  order?: number\n  class?: string\n}>(), {\n  id: undefined,\n  defaultSize: undefined,\n  minSize: undefined,\n  maxSize: undefined,\n  collapsible: false,\n  collapsedSize: undefined,\n  order: undefined,\n  class: undefined,\n})\n\ndefineEmits<{\n  collapse: []\n  expand: []\n}>()\n\nconst slotFns = computed(() => splitterVariants())\n</script>\n\n<template>\n  <SplitterPanel\n    :id=\"id\"\n    :default-size=\"defaultSize\"\n    :min-size=\"minSize\"\n    :max-size=\"maxSize\"\n    :collapsible=\"collapsible\"\n    :collapsed-size=\"collapsedSize\"\n    :order=\"order\"\n    :class=\"composeClassName(slotFns.panel(), props.class)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"$emit('collapse')\"\n    @expand=\"$emit('expand')\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAyBd,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAcgB,MAAA,cAAA,EAAA;IAbb,IAAI,QAAA;IACJ,gBAAc,QAAA;IACd,YAAU,QAAA;IACV,YAAU,QAAA;IACV,aAAa,QAAA;IACb,kBAAgB,QAAA;IAChB,OAAO,QAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,MAAK,CAAA;IACrD,aAAU;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,WAAA;IACf,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"SplitterPanel.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/splitter/SplitterPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SplitterPanel } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  defaultSize?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsedSize?: number\n  order?: number\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    panel: ClassValue\n  }>\n}>(), {\n  id: undefined,\n  defaultSize: undefined,\n  minSize: undefined,\n  maxSize: undefined,\n  collapsible: false,\n  collapsedSize: undefined,\n  order: undefined,\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  collapse: []\n  expand: []\n}>()\n\nconst slotFns = computed(() => splitterVariants())\n</script>\n\n<template>\n  <SplitterPanel\n    :id=\"id\"\n    :default-size=\"defaultSize\"\n    :min-size=\"minSize\"\n    :max-size=\"maxSize\"\n    :collapsible=\"collapsible\"\n    :collapsed-size=\"collapsedSize\"\n    :order=\"order\"\n    :class=\"composeClassName(slotFns.panel(), props.class, props.classNames?.panel)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"$emit('collapse')\"\n    @expand=\"$emit('expand')\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EA8Bd,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAcgB,MAAA,cAAA,EAAA;IAbb,IAAI,QAAA;IACJ,gBAAc,QAAA;IACd,YAAU,QAAA;IACV,YAAU,QAAA;IACV,aAAa,QAAA;IACb,kBAAgB,QAAA;IAChB,OAAO,QAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,OAAO,MAAM,YAAY,MAAK,CAAA;IAC9E,aAAU;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,WAAA;IACf,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/splitter/SplitterResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitterResizeHandle.js","names":[],"sources":["../../../src/components/splitter/SplitterResizeHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { SplitterResizeHandle } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  disabled?: boolean\n  class?: string\n}>(), {\n  id: undefined,\n  disabled: false,\n  class: undefined,\n})\n\ndefineEmits<{\n  dragging: [isDragging: boolean]\n}>()\n\nconst groupCtx = inject(splitterContextKey, null)\nconst slotFns = computed(() =>\n  splitterVariants({ direction: groupCtx?.direction.value ?? 'horizontal' }),\n)\n</script>\n\n<template>\n  <SplitterResizeHandle\n    :id=\"id\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.handle(), props.class)\"\n    data-slot=\"splitter-handle\"\n    @dragging=\"$emit('dragging', $event)\"\n  >\n    <slot>\n      <div :class=\"slotFns.handleBar()\" />\n    </slot>\n  </SplitterResizeHandle>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SplitterResizeHandle.js","names":[],"sources":["../../../src/components/splitter/SplitterResizeHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { SplitterResizeHandle } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    handle: ClassValue\n    handleBar: ClassValue\n  }>\n}>(), {\n  id: undefined,\n  disabled: false,\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  dragging: [isDragging: boolean]\n}>()\n\nconst groupCtx = inject(splitterContextKey, null)\nconst slotFns = computed(() =>\n  splitterVariants({ direction: groupCtx?.direction.value ?? 'horizontal' }),\n)\n</script>\n\n<template>\n  <SplitterResizeHandle\n    :id=\"id\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.handle(), props.class, props.classNames?.handle)\"\n    data-slot=\"splitter-handle\"\n    @dragging=\"$emit('dragging', $event)\"\n  >\n    <slot>\n      <div :class=\"composeClassName(slotFns.handleBar(), props.classNames?.handleBar)\" />\n    </slot>\n  </SplitterResizeHandle>\n</template>\n"],"mappings":""}

package/dist/components/splitter/SplitterResizeHandle.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,17 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			type: Boolean,
 			default: false
 		},
-		class: { default: void 0 }
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
 	},
 	emits: ["dragging"],
 	setup(__props) {
@@ -23,11 +33,11 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			return openBlock(), createBlock(unref(SplitterResizeHandle), {
 				id: __props.id,
 				disabled: __props.disabled,
-				class: normalizeClass(unref(composeClassName)(slotFns.value.handle(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.handle(), props.class, props.classNames?.handle)),
 				"data-slot": "splitter-handle",
 				onDragging: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("dragging", $event))
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(slotFns.value.handleBar()) }, null, 2)])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.handleBar(), props.classNames?.handleBar)) }, null, 2)])]),
 				_: 3
 			}, 8, [
 				"id",

package/dist/components/splitter/SplitterResizeHandle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitterResizeHandle.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/splitter/SplitterResizeHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { SplitterResizeHandle } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  disabled?: boolean\n  class?: string\n}>(), {\n  id: undefined,\n  disabled: false,\n  class: undefined,\n})\n\ndefineEmits<{\n  dragging: [isDragging: boolean]\n}>()\n\nconst groupCtx = inject(splitterContextKey, null)\nconst slotFns = computed(() =>\n  splitterVariants({ direction: groupCtx?.direction.value ?? 'horizontal' }),\n)\n</script>\n\n<template>\n  <SplitterResizeHandle\n    :id=\"id\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.handle(), props.class)\"\n    data-slot=\"splitter-handle\"\n    @dragging=\"$emit('dragging', $event)\"\n  >\n    <slot>\n      <div :class=\"slotFns.handleBar()\" />\n    </slot>\n  </SplitterResizeHandle>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAcd,MAAM,WAAW,OAAO,oBAAoB,KAAI;EAChD,MAAM,UAAU,eACd,iBAAiB,EAAE,WAAW,UAAU,UAAU,SAAS,cAAc,CAAC,CAC5E;;uBAIE,YAUuB,MAAA,qBAAA,EAAA;IATpB,IAAI,QAAA;IACJ,UAAU,QAAA;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,MAAK,CAAA;IACtD,aAAU;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,YAAa,OAAM;;2BAI5B,CAFP,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,CADL,mBAAoC,OAAA,EAA9B,OAAK,eAAE,QAAA,MAAQ,WAAS,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"SplitterResizeHandle.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/splitter/SplitterResizeHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { SplitterResizeHandle } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    handle: ClassValue\n    handleBar: ClassValue\n  }>\n}>(), {\n  id: undefined,\n  disabled: false,\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  dragging: [isDragging: boolean]\n}>()\n\nconst groupCtx = inject(splitterContextKey, null)\nconst slotFns = computed(() =>\n  splitterVariants({ direction: groupCtx?.direction.value ?? 'horizontal' }),\n)\n</script>\n\n<template>\n  <SplitterResizeHandle\n    :id=\"id\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.handle(), props.class, props.classNames?.handle)\"\n    data-slot=\"splitter-handle\"\n    @dragging=\"$emit('dragging', $event)\"\n  >\n    <slot>\n      <div :class=\"composeClassName(slotFns.handleBar(), props.classNames?.handleBar)\" />\n    </slot>\n  </SplitterResizeHandle>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAoBd,MAAM,WAAW,OAAO,oBAAoB,KAAI;EAChD,MAAM,UAAU,eACd,iBAAiB,EAAE,WAAW,UAAU,UAAU,SAAS,cAAc,CAAC,CAC5E;;uBAIE,YAUuB,MAAA,qBAAA,EAAA;IATpB,IAAI,QAAA;IACJ,UAAU,QAAA;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,OAAO,MAAM,YAAY,OAAM,CAAA;IAChF,aAAU;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,YAAa,OAAM;;2BAI5B,CAFP,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,CADL,mBAAmF,OAAA,EAA7E,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.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 } 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?: string\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)\"\n    :aria-label=\"`Step ${currentStep} of ${totalSteps}`\"\n    data-slot=\"stepper\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Stepper.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":""}

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

@@ -13,7 +13,17 @@ 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"],
 	setup(__props, { emit: __emit }) {
@@ -48,7 +58,7 @@ var Stepper_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"aria-label": `Step ${currentStep.value} of ${__props.totalSteps}`,
 				"data-slot": "stepper"
 			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);

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 } 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?: string\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)\"\n    :aria-label=\"`Step ${currentStep} of ${totalSteps}`\"\n    data-slot=\"stepper\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAkBd,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,MAAK,CAAA;IACnD,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperContent.js","names":[],"sources":["../../../src/components/stepper/StepperContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.content(), props.class)\"\n    data-slot=\"stepper-content\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"StepperContent.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":""}

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

@@ -4,13 +4,25 @@ import { stepperVariants } from "@auronui/styles";
 //#region src/components/stepper/StepperContent.vue?vue&type=script&setup=true&lang.ts
 var StepperContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperContent",
-	props: { class: { default: void 0 } },
+	props: {
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: {}
+	},
 	setup(__props) {
 		const props = __props;
 		const slotFns = computed(() => stepperVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.class, props.classNames?.content)),
 				"data-slot": "stepper-content"
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};

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 } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.content(), props.class)\"\n    data-slot=\"stepper-content\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAKA,MAAM,QAAQ;EAMd,MAAM,UAAU,eAAe,iBAAiB,CAAA;;uBAI9C,mBAKM,OAAA;IAJH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,MAAK,CAAA;IACvD,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperDescription.js","names":[],"sources":["../../../src/components/stepper/StepperDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { stepperVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <p\n    :class=\"composeClassName(slotFns.description(), props.class)\"\n    data-slot=\"stepper-description\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":""}
+{"version":3,"file":"StepperDescription.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":""}

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

@@ -4,13 +4,25 @@ import { stepperVariants } from "@auronui/styles";
 //#region src/components/stepper/StepperDescription.vue?vue&type=script&setup=true&lang.ts
 var StepperDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperDescription",
-	props: { class: { default: void 0 } },
+	props: {
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
+	},
 	setup(__props) {
 		const props = __props;
 		const slotFns = computed(() => stepperVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("p", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.description(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.description(), props.class, props.classNames?.description)),
 				"data-slot": "stepper-description"
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};

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 } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: undefined,\n})\n\nconst slotFns = computed(() => stepperVariants())\n</script>\n\n<template>\n  <p\n    :class=\"composeClassName(slotFns.description(), props.class)\"\n    data-slot=\"stepper-description\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":";;;;;;;;EAKA,MAAM,QAAQ;EAMd,MAAM,UAAU,eAAe,iBAAiB,CAAA;;uBAI9C,mBAKI,KAAA;IAJD,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,MAAK,CAAA;IAC3D,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperIndicator.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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: 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)\"\n    aria-hidden=\"true\"\n    data-slot=\"stepper-indicator\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"StepperIndicator.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":""}

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

@@ -5,7 +5,19 @@ import { stepperVariants } from "@auronui/styles";
 //#region src/components/stepper/StepperIndicator.vue?vue&type=script&setup=true&lang.ts
 var StepperIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperIndicator",
-	props: { class: { default: void 0 } },
+	props: {
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = inject(stepperContextKey);
@@ -15,7 +27,7 @@ var StepperIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.indicator(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.indicator(), props.class, props.classNames?.indicator)),
 				"aria-hidden": "true",
 				"data-slot": "stepper-indicator"
 			}, [renderSlot(_ctx.$slots, "default")], 2);

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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: 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)\"\n    aria-hidden=\"true\"\n    data-slot=\"stepper-indicator\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAMA,MAAM,QAAQ;EAMd,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,MAAK,CAAA;IACzD,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  step: number\n  class?: string\n}>(), {\n  class: 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)\"\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":""}
+{"version":3,"file":"StepperItem.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":""}

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

@@ -8,7 +8,17 @@ 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) {
 		const props = __props;
@@ -21,7 +31,7 @@ var StepperItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.item(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.item(), props.class, props.classNames?.item)),
 				"data-status": status.value,
 				"data-step": __props.step,
 				"data-slot": "stepper-item"

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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  step: number\n  class?: string\n}>(), {\n  class: 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)\"\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;EAOd,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,MAAK,CAAA;IACnD,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperSeparator.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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: 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)\"\n    role=\"none\"\n    data-slot=\"stepper-separator\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"StepperSeparator.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":""}

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

@@ -5,14 +5,26 @@ import { stepperVariants } from "@auronui/styles";
 //#region src/components/stepper/StepperSeparator.vue?vue&type=script&setup=true&lang.ts
 var StepperSeparator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperSeparator",
-	props: { class: { default: void 0 } },
+	props: {
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = inject(stepperContextKey);
 		const slotFns = computed(() => stepperVariants({ orientation: ctx?.orientation.value }));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.separator(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.separator(), props.class, props.classNames?.separator)),
 				role: "none",
 				"data-slot": "stepper-separator"
 			}, null, 2);

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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: 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)\"\n    role=\"none\"\n    data-slot=\"stepper-separator\"\n  />\n</template>\n"],"mappings":";;;;;;;;;EAMA,MAAM,QAAQ;EAMd,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,MAAK,CAAA;IACzD,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperTitle.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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: 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)\"\n    data-slot=\"stepper-title\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":""}
+{"version":3,"file":"StepperTitle.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":""}

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

@@ -5,14 +5,26 @@ import { stepperVariants } from "@auronui/styles";
 //#region src/components/stepper/StepperTitle.vue?vue&type=script&setup=true&lang.ts
 var StepperTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "StepperTitle",
-	props: { class: { default: void 0 } },
+	props: {
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		classNames: { default: void 0 }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = inject(stepperContextKey);
 		const slotFns = computed(() => stepperVariants({ size: ctx?.size.value }));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("p", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.title(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.title(), props.class, props.classNames?.title)),
 				"data-slot": "stepper-title"
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};

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 } from '../../utils/composeClassName'\nimport { stepperContextKey } from './Stepper.context'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: 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)\"\n    data-slot=\"stepper-title\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":";;;;;;;;;EAMA,MAAM,QAAQ;EAMd,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,MAAK,CAAA;IACrD,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"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 } 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?: string\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)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"slotFns.control()\">\n      <SwitchThumb :class=\"slotFns.thumb()\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"slotFns.content()\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Switch.js","names":[],"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":""}

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

@@ -23,7 +23,14 @@ 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"],
 	setup(__props, { emit: __emit }) {
@@ -55,12 +62,12 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				disabled: isDisabled.value,
 				name: props.name ?? unref(groupCtx).name.value,
 				value: props.value,
-				class: unref(composeClassName)(slotFns.value.base(), props.class),
+				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base),
 				"onUpdate:modelValue": handleUpdate
 			}), {
-				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(slotFns.value.control()) }, [createVNode(unref(SwitchThumb), { class: normalizeClass(slotFns.value.thumb()) }, null, 8, ["class"])], 2), _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.control(), props.classNames?.control)) }, [createVNode(unref(SwitchThumb), { class: normalizeClass(unref(composeClassName)(slotFns.value.thumb(), props.classNames?.thumb)) }, null, 8, ["class"])], 2), _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
 					key: 0,
-					class: normalizeClass(slotFns.value.content())
+					class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.classNames?.content))
 				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)]),
 				_: 3
 			}, 16, [

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 } 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?: string\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)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"slotFns.control()\">\n      <SwitchThumb :class=\"slotFns.thumb()\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"slotFns.content()\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAiBd,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,MAAK;IACnD,uBAAoB;;2BAId,CAFP,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA,EAAA,EAAA,CAC3B,YAAwC,MAAA,YAAA,EAAA,EAA1B,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA,EAG5BA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAKO,QAAA;;KAHJ,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA;QAEvB,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"}