@auronui/vue 1.0.14 → 1.0.15

package/dist/components/select/Select.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId, useSlots } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSelectProvide, type SelectItemValue, type SelectItemData } from './Select.context'\nimport { hasSlotComponent } from '../../utils/hasSlotComponent'\nimport SelectTrigger from './SelectTrigger.vue'\nimport SelectValue from './SelectValue.vue'\nimport SelectContent from './SelectContent.vue'\nimport SelectItem from './SelectItem.vue'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  multiple: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SelectItemValue | SelectItemValue[]]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. Accepts string or numeric keys. */\n  modelValue?: SelectItemValue | SelectItemValue[]\n  /** Initial selected value (uncontrolled). Accepts string or numeric keys. */\n  defaultValue?: SelectItemValue | SelectItemValue[]\n  /** Allow selecting multiple values. modelValue becomes string[]. @default false */\n  multiple?: boolean\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n  /**\n   * Data-driven items for the terse API. When provided (and no SelectTrigger /\n   * SelectContent is passed as a child), the trigger, value, and popover are\n   * rendered internally. Use the `#item` slot to customize per-item rendering.\n   */\n  items?: SelectItemData[]\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\nconst slots = useSlots()\n// Tier 3 (advanced): consumer supplied explicit compound chrome → pass through.\n// Tier 1/2 (terse): render trigger/value/content internally.\nconst usesCustomChrome = computed(() =>\n  hasSlotComponent(slots.default?.(), [SelectTrigger, SelectContent]),\n)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.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 slotFns = computed(() =>\n  selectVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<SelectItemValue, string>())\nconst registerItem = (value: SelectItemValue, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: SelectItemValue | SelectItemValue[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    // Fall back to the stringified value (handles numeric keys) when no label is\n    // registered. Filter empty strings only — never use filter(Boolean), which\n    // would drop a registered label for the numeric key 0.\n    return value\n      .map(v => String(itemRegistry.get(v) ?? v))\n      .filter(s => s.length > 0)\n      .join(', ')\n  }\n  return itemRegistry.get(value) ?? String(value)\n}\n\nfunction removeValue(value: SelectItemValue) {\n  const current = Array.isArray(props.modelValue) ? props.modelValue : []\n  emit('update:modelValue', current.filter(v => v !== value))\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  multiple: toRef(props, 'multiple'),\n  registerItem,\n  itemLabel,\n  removeValue,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"triggerId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <SelectRoot\n        :model-value=\"props.modelValue\"\n        :default-value=\"props.defaultValue\"\n        :multiple=\"props.multiple\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as SelectItemValue | SelectItemValue[])\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <!-- Tier 3: consumer-provided compound chrome -->\n        <slot v-if=\"usesCustomChrome\" />\n        <!-- Tier 1/2: internally rendered chrome -->\n        <template v-else>\n          <SelectTrigger>\n            <SelectValue :placeholder=\"props.placeholder\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem\n              v-for=\"item in props.items\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :text-value=\"item.textValue ?? item.label\"\n              :is-disabled=\"item.isDisabled\"\n            >\n              <slot\n                name=\"item\"\n                :item=\"item\"\n              >{{ item.label ?? String(item.value) }}</slot>\n            </SelectItem>\n            <slot />\n          </SelectContent>\n        </template>\n      </SelectRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Select.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId, useSlots } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useSelectProvide, type SelectItemValue, type SelectItemData } from './Select.context'\nimport { hasSlotComponent } from '../../utils/hasSlotComponent'\nimport SelectTrigger from './SelectTrigger.vue'\nimport SelectValue from './SelectValue.vue'\nimport SelectContent from './SelectContent.vue'\nimport SelectItem from './SelectItem.vue'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  multiple: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SelectItemValue | SelectItemValue[]]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: ClassValue\n  /** Per-slot class name overrides via `composeClassName`. */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    mainWrapper: ClassValue\n    helperWrapper: ClassValue\n    errorMessage: ClassValue\n    description: ClassValue\n  }>\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. Accepts string or numeric keys. */\n  modelValue?: SelectItemValue | SelectItemValue[]\n  /** Initial selected value (uncontrolled). Accepts string or numeric keys. */\n  defaultValue?: SelectItemValue | SelectItemValue[]\n  /** Allow selecting multiple values. modelValue becomes string[]. @default false */\n  multiple?: boolean\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n  /**\n   * Data-driven items for the terse API. When provided (and no SelectTrigger /\n   * SelectContent is passed as a child), the trigger, value, and popover are\n   * rendered internally. Use the `#item` slot to customize per-item rendering.\n   */\n  items?: SelectItemData[]\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\nconst slots = useSlots()\n// Tier 3 (advanced): consumer supplied explicit compound chrome → pass through.\n// Tier 1/2 (terse): render trigger/value/content internally.\nconst usesCustomChrome = computed(() =>\n  hasSlotComponent(slots.default?.(), [SelectTrigger, SelectContent]),\n)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.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 slotFns = computed(() =>\n  selectVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<SelectItemValue, string>())\nconst registerItem = (value: SelectItemValue, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: SelectItemValue | SelectItemValue[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    // Fall back to the stringified value (handles numeric keys) when no label is\n    // registered. Filter empty strings only — never use filter(Boolean), which\n    // would drop a registered label for the numeric key 0.\n    return value\n      .map(v => String(itemRegistry.get(v) ?? v))\n      .filter(s => s.length > 0)\n      .join(', ')\n  }\n  return itemRegistry.get(value) ?? String(value)\n}\n\nfunction removeValue(value: SelectItemValue) {\n  const current = Array.isArray(props.modelValue) ? props.modelValue : []\n  emit('update:modelValue', current.filter(v => v !== value))\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  multiple: toRef(props, 'multiple'),\n  registerItem,\n  itemLabel,\n  removeValue,\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=\"triggerId\"\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      <SelectRoot\n        :model-value=\"props.modelValue\"\n        :default-value=\"props.defaultValue\"\n        :multiple=\"props.multiple\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as SelectItemValue | SelectItemValue[])\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <!-- Tier 3: consumer-provided compound chrome -->\n        <slot v-if=\"usesCustomChrome\" />\n        <!-- Tier 1/2: internally rendered chrome -->\n        <template v-else>\n          <SelectTrigger>\n            <SelectValue :placeholder=\"props.placeholder\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem\n              v-for=\"item in props.items\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :text-value=\"item.textValue ?? item.label\"\n              :is-disabled=\"item.isDisabled\"\n            >\n              <slot\n                name=\"item\"\n                :item=\"item\"\n              >{{ item.label ?? String(item.value) }}</slot>\n            </SelectItem>\n            <slot />\n          </SelectContent>\n        </template>\n      </SelectRoot>\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/skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { skeletonVariants, type SkeletonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  animationType?: SkeletonVariants['animationType']\n  class?: string\n}>(), {\n  animationType: 'shimmer',\n})\n\nconst slotFns = computed(() => skeletonVariants({ animationType: props.animationType }))\nconst classes = computed(() => composeClassName(slotFns.value.base(), props.class))\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    aria-hidden=\"true\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { skeletonVariants, type SkeletonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  animationType?: SkeletonVariants['animationType']\n  class?: ClassValue\n  /** Custom class overrides for named slots. */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  animationType: 'shimmer',\n})\n\nconst slotFns = computed(() => skeletonVariants({ animationType: props.animationType }))\nconst classes = computed(() => composeClassName(slotFns.value.base(), props.class, props.classNames?.base))\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    aria-hidden=\"true\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -6,12 +6,13 @@ var Skeleton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	__name: "Skeleton",
 	props: {
 		animationType: { default: "shimmer" },
-		class: {}
+		class: {},
+		classNames: {}
 	},
 	setup(__props) {
 		const props = __props;
 		const slotFns = computed(() => skeletonVariants({ animationType: props.animationType }));
-		const classes = computed(() => composeClassName(slotFns.value.base(), props.class));
+		const classes = computed(() => composeClassName(slotFns.value.base(), props.class, props.classNames?.base));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(classes.value),

package/dist/components/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { skeletonVariants, type SkeletonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  animationType?: SkeletonVariants['animationType']\n  class?: string\n}>(), {\n  animationType: 'shimmer',\n})\n\nconst slotFns = computed(() => skeletonVariants({ animationType: props.animationType }))\nconst classes = computed(() => composeClassName(slotFns.value.base(), props.class))\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    aria-hidden=\"true\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,UAAU,eAAe,iBAAiB,EAAE,eAAe,MAAM,eAAe,CAAC,CAAA;EACvF,MAAM,UAAU,eAAe,iBAAiB,QAAQ,MAAM,MAAM,EAAE,MAAM,MAAM,CAAA;;uBAIhF,mBAKM,OAAA;IAJH,OAAK,eAAE,QAAA,MAAO;IACf,eAAY;OAEZ,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { skeletonVariants, type SkeletonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  animationType?: SkeletonVariants['animationType']\n  class?: ClassValue\n  /** Custom class overrides for named slots. */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n}>(), {\n  animationType: 'shimmer',\n})\n\nconst slotFns = computed(() => skeletonVariants({ animationType: props.animationType }))\nconst classes = computed(() => composeClassName(slotFns.value.base(), props.class, props.classNames?.base))\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    aria-hidden=\"true\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAWd,MAAM,UAAU,eAAe,iBAAiB,EAAE,eAAe,MAAM,eAAe,CAAC,CAAA;EACvF,MAAM,UAAU,eAAe,iBAAiB,QAAQ,MAAM,MAAM,EAAE,MAAM,OAAO,MAAM,YAAY,KAAK,CAAA;;uBAIxG,mBAKM,OAAA;IAJH,OAAK,eAAE,QAAA,MAAO;IACf,eAAY;OAEZ,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from 'reka-ui'\nimport { sliderVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number | number[]\n  defaultValue?: number | number[]\n  min?: number\n  max?: number\n  step?: number\n  minStepsBetweenThumbs?: number\n  orientation?: 'horizontal' | 'vertical'\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  label?: string\n  showSteps?: boolean\n  marks?: Array<{ value: number; label?: string }>\n  formatOptions?: Intl.NumberFormatOptions\n  hideValue?: boolean\n  hideThumb?: boolean\n  disabled?: boolean\n  inverted?: boolean\n  class?: string\n}>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  minStepsBetweenThumbs: 0,\n  orientation: 'horizontal',\n  showSteps: false,\n  hideValue: false,\n  hideThumb: false,\n  disabled: false,\n  inverted: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number | number[]): void\n}>()\n\n// FIX: Also check defaultValue so uncontrolled range mode is detected correctly.\nconst isRange = computed(() =>\n  Array.isArray(props.modelValue) || Array.isArray(props.defaultValue)\n)\n\n// Reka UI SliderRoot always uses number[]. Wrap scalar -> [v] for Reka.\nconst internalValue = computed({\n  get(): number[] {\n    if (props.modelValue === undefined) {\n      return props.defaultValue !== undefined\n        ? Array.isArray(props.defaultValue)\n          ? props.defaultValue\n          : [props.defaultValue]\n        : [Math.round((props.min + props.max) / 2)]\n    }\n    return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]\n  },\n  set(val: number[]) {\n    // Unwrap: if original prop was scalar, emit scalar; otherwise emit array\n    if (isRange.value) {\n      emit('update:modelValue', val)\n    } else {\n      emit('update:modelValue', val[0])\n    }\n  },\n})\n\n// FIX: Pass size, color, radius so variants are applied.\nconst slotFns = computed(() =>\n  sliderVariants({ size: props.size, color: props.color, radius: props.radius })\n)\n\n// Show the label/output wrapper if label prop is provided or hideValue is false\nconst showLabelWrapper = computed(() =>\n  !!props.label || !props.hideValue\n)\n\n// Format a single value\nfunction formatValue(v: number): string {\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(v)\n  }\n  return String(v)\n}\n\n// Formatted output string: joined with \" - \" for ranges\nconst formatted = computed(() => {\n  return internalValue.value.map(formatValue).join(' \\u2013 ')\n})\n\n// Compute % position for a value within [min, max]\nfunction toPercent(v: number): number {\n  const range = props.max - props.min\n  if (range === 0) return 0\n  return ((v - props.min) / range) * 100\n}\n\n// Tick positions (percentages) for showSteps\nconst tickPositions = computed<number[]>(() => {\n  if (!props.showSteps) return []\n  const positions: number[] = []\n  let v = props.min\n  while (v <= props.max) {\n    positions.push(toPercent(v))\n    v = Math.round((v + props.step) * 1e10) / 1e10 // avoid floating-point drift\n  }\n  return positions\n})\n\n// Determine which axis to use for positioning (left/bottom)\nconst positionAxis = computed(() =>\n  props.orientation === 'vertical' ? 'bottom' : 'left'\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"orientation\"\n    :data-disabled=\"disabled || undefined\"\n  >\n    <!-- Label + output row -->\n    <template v-if=\"showLabelWrapper\">\n      <!--\n        FIX: label does NOT get a class from slotFns.\n        The CSS rule `.slider [data-slot=\"label\"]` targets it via data-slot attribute.\n        Previously used :class=\"slotFns.base()\" which returned \"slider\" (root class) — wrong.\n      -->\n      <label\n        v-if=\"label\"\n        data-slot=\"label\"\n      >{{ label }}</label>\n      <output\n        v-if=\"!hideValue\"\n        :class=\"slotFns.output()\"\n      >{{ formatted }}</output>\n    </template>\n\n    <!-- Slider body -->\n    <div class=\"relative flex items-center gap-2\">\n      <!-- Start content slot -->\n      <slot name=\"startContent\" />\n\n      <SliderRoot\n        v-model=\"internalValue\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :min-steps-between-thumbs=\"minStepsBetweenThumbs\"\n        :orientation=\"orientation\"\n        :disabled=\"disabled\"\n        :inverted=\"inverted\"\n        class=\"relative flex items-center select-none touch-none w-full\"\n        :data-orientation=\"orientation\"\n      >\n        <SliderTrack :class=\"slotFns.track()\">\n          <SliderRange :class=\"slotFns.fill()\" />\n\n          <!--\n            FIX: tick spans have NO class from slotFns (was :class=\"slotFns.base()\" = \"slider\" — wrong).\n            Ticks are purely positional; identified by data-slider-tick attribute only.\n          -->\n          <span\n            v-for=\"(pct, i) in tickPositions\"\n            :key=\"`tick-${i}`\"\n            :style=\"{ [positionAxis]: pct + '%' }\"\n            aria-hidden=\"true\"\n            data-slider-tick\n            class=\"absolute pointer-events-none\"\n          />\n\n          <!-- Labeled marks -->\n          <span\n            v-for=\"mark in (marks || [])\"\n            :key=\"`mark-${mark.value}`\"\n            :class=\"slotFns.marks()\"\n            :style=\"{ [positionAxis]: toPercent(mark.value) + '%' }\"\n            data-slider-mark\n            class=\"absolute\"\n          >{{ mark.label }}</span>\n        </SliderTrack>\n\n        <!-- Thumbs -->\n        <SliderThumb\n          v-for=\"(_, idx) in internalValue\"\n          :key=\"idx\"\n          :class=\"slotFns.thumb()\"\n          :aria-label=\"label || 'Value'\"\n        />\n      </SliderRoot>\n\n      <!-- End content slot -->\n      <slot name=\"endContent\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from 'reka-ui'\nimport { sliderVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number | number[]\n  defaultValue?: number | number[]\n  min?: number\n  max?: number\n  step?: number\n  minStepsBetweenThumbs?: number\n  orientation?: 'horizontal' | 'vertical'\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  label?: string\n  showSteps?: boolean\n  marks?: Array<{ value: number; label?: string }>\n  formatOptions?: Intl.NumberFormatOptions\n  hideValue?: boolean\n  hideThumb?: boolean\n  disabled?: boolean\n  inverted?: boolean\n  class?: ClassValue\n  /**\n   * Per-slot class overrides. Keys map to internal slot names (base, output, track, fill, marks, thumb).\n   */\n  classNames?: Partial<{\n    base: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n    marks: ClassValue\n    thumb: ClassValue\n  }>\n}>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  minStepsBetweenThumbs: 0,\n  orientation: 'horizontal',\n  showSteps: false,\n  hideValue: false,\n  hideThumb: false,\n  disabled: false,\n  inverted: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number | number[]): void\n}>()\n\n// FIX: Also check defaultValue so uncontrolled range mode is detected correctly.\nconst isRange = computed(() =>\n  Array.isArray(props.modelValue) || Array.isArray(props.defaultValue)\n)\n\n// Reka UI SliderRoot always uses number[]. Wrap scalar -> [v] for Reka.\nconst internalValue = computed({\n  get(): number[] {\n    if (props.modelValue === undefined) {\n      return props.defaultValue !== undefined\n        ? Array.isArray(props.defaultValue)\n          ? props.defaultValue\n          : [props.defaultValue]\n        : [Math.round((props.min + props.max) / 2)]\n    }\n    return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]\n  },\n  set(val: number[]) {\n    // Unwrap: if original prop was scalar, emit scalar; otherwise emit array\n    if (isRange.value) {\n      emit('update:modelValue', val)\n    } else {\n      emit('update:modelValue', val[0])\n    }\n  },\n})\n\n// FIX: Pass size, color, radius so variants are applied.\nconst slotFns = computed(() =>\n  sliderVariants({ size: props.size, color: props.color, radius: props.radius })\n)\n\n// Show the label/output wrapper if label prop is provided or hideValue is false\nconst showLabelWrapper = computed(() =>\n  !!props.label || !props.hideValue\n)\n\n// Format a single value\nfunction formatValue(v: number): string {\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(v)\n  }\n  return String(v)\n}\n\n// Formatted output string: joined with \" - \" for ranges\nconst formatted = computed(() => {\n  return internalValue.value.map(formatValue).join(' \\u2013 ')\n})\n\n// Compute % position for a value within [min, max]\nfunction toPercent(v: number): number {\n  const range = props.max - props.min\n  if (range === 0) return 0\n  return ((v - props.min) / range) * 100\n}\n\n// Tick positions (percentages) for showSteps\nconst tickPositions = computed<number[]>(() => {\n  if (!props.showSteps) return []\n  const positions: number[] = []\n  let v = props.min\n  while (v <= props.max) {\n    positions.push(toPercent(v))\n    v = Math.round((v + props.step) * 1e10) / 1e10 // avoid floating-point drift\n  }\n  return positions\n})\n\n// Determine which axis to use for positioning (left/bottom)\nconst positionAxis = computed(() =>\n  props.orientation === 'vertical' ? 'bottom' : 'left'\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"orientation\"\n    :data-disabled=\"disabled || undefined\"\n  >\n    <!-- Label + output row -->\n    <template v-if=\"showLabelWrapper\">\n      <!--\n        FIX: label does NOT get a class from slotFns.\n        The CSS rule `.slider [data-slot=\"label\"]` targets it via data-slot attribute.\n        Previously used :class=\"slotFns.base()\" which returned \"slider\" (root class) — wrong.\n      -->\n      <label\n        v-if=\"label\"\n        data-slot=\"label\"\n      >{{ label }}</label>\n      <output\n        v-if=\"!hideValue\"\n        :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n      >{{ formatted }}</output>\n    </template>\n\n    <!-- Slider body -->\n    <div class=\"relative flex items-center gap-2\">\n      <!-- Start content slot -->\n      <slot name=\"startContent\" />\n\n      <SliderRoot\n        v-model=\"internalValue\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :min-steps-between-thumbs=\"minStepsBetweenThumbs\"\n        :orientation=\"orientation\"\n        :disabled=\"disabled\"\n        :inverted=\"inverted\"\n        class=\"relative flex items-center select-none touch-none w-full\"\n        :data-orientation=\"orientation\"\n      >\n        <SliderTrack :class=\"composeClassName(slotFns.track(), props.classNames?.track)\">\n          <SliderRange :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\" />\n\n          <!--\n            FIX: tick spans have NO class from slotFns (was :class=\"slotFns.base()\" = \"slider\" — wrong).\n            Ticks are purely positional; identified by data-slider-tick attribute only.\n          -->\n          <span\n            v-for=\"(pct, i) in tickPositions\"\n            :key=\"`tick-${i}`\"\n            :style=\"{ [positionAxis]: pct + '%' }\"\n            aria-hidden=\"true\"\n            data-slider-tick\n            class=\"absolute pointer-events-none\"\n          />\n\n          <!-- Labeled marks -->\n          <span\n            v-for=\"mark in (marks || [])\"\n            :key=\"`mark-${mark.value}`\"\n            :class=\"composeClassName(slotFns.marks(), props.classNames?.marks)\"\n            :style=\"{ [positionAxis]: toPercent(mark.value) + '%' }\"\n            data-slider-mark\n            class=\"absolute\"\n          >{{ mark.label }}</span>\n        </SliderTrack>\n\n        <!-- Thumbs -->\n        <SliderThumb\n          v-for=\"(_, idx) in internalValue\"\n          :key=\"idx\"\n          :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\"\n          :aria-label=\"label || 'Value'\"\n        />\n      </SliderRoot>\n\n      <!-- End content slot -->\n      <slot name=\"endContent\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -45,7 +45,8 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Boolean,
 			default: false
 		},
-		class: {}
+		class: {},
+		classNames: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -93,12 +94,12 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const positionAxis = computed(() => props.orientation === "vertical" ? "bottom" : "left");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"data-orientation": __props.orientation,
 				"data-disabled": __props.disabled || void 0
 			}, [showLabelWrapper.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true), !__props.hideValue ? (openBlock(), createElementBlock("output", {
 				key: 1,
-				class: normalizeClass(slotFns.value.output())
+				class: normalizeClass(unref(composeClassName)(slotFns.value.output(), props.classNames?.output))
 			}, toDisplayString(formatted.value), 3)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [
 				renderSlot(_ctx.$slots, "startContent"),
 				createVNode(unref(SliderRoot), {
@@ -114,9 +115,9 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					class: "relative flex items-center select-none touch-none w-full",
 					"data-orientation": __props.orientation
 				}, {
-					default: withCtx(() => [createVNode(unref(SliderTrack), { class: normalizeClass(slotFns.value.track()) }, {
+					default: withCtx(() => [createVNode(unref(SliderTrack), { class: normalizeClass(unref(composeClassName)(slotFns.value.track(), props.classNames?.track)) }, {
 						default: withCtx(() => [
-							createVNode(unref(SliderRange), { class: normalizeClass(slotFns.value.fill()) }, null, 8, ["class"]),
+							createVNode(unref(SliderRange), { class: normalizeClass(unref(composeClassName)(slotFns.value.fill(), props.classNames?.fill)) }, null, 8, ["class"]),
 							(openBlock(true), createElementBlock(Fragment, null, renderList(tickPositions.value, (pct, i) => {
 								return openBlock(), createElementBlock("span", {
 									key: `tick-${i}`,
@@ -129,7 +130,7 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							(openBlock(true), createElementBlock(Fragment, null, renderList(__props.marks || [], (mark) => {
 								return openBlock(), createElementBlock("span", {
 									key: `mark-${mark.value}`,
-									class: normalizeClass([slotFns.value.marks(), "absolute"]),
+									class: normalizeClass([unref(composeClassName)(slotFns.value.marks(), props.classNames?.marks), "absolute"]),
 									style: normalizeStyle({ [positionAxis.value]: toPercent(mark.value) + "%" }),
 									"data-slider-mark": ""
 								}, toDisplayString(mark.label), 7);
@@ -139,7 +140,7 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(internalValue.value, (_, idx) => {
 						return openBlock(), createBlock(unref(SliderThumb), {
 							key: idx,
-							class: normalizeClass(slotFns.value.thumb()),
+							class: normalizeClass(unref(composeClassName)(slotFns.value.thumb(), props.classNames?.thumb)),
 							"aria-label": __props.label || "Value"
 						}, null, 8, ["class", "aria-label"]);
 					}), 128))]),

package/dist/components/slider/Slider.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from 'reka-ui'\nimport { sliderVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number | number[]\n  defaultValue?: number | number[]\n  min?: number\n  max?: number\n  step?: number\n  minStepsBetweenThumbs?: number\n  orientation?: 'horizontal' | 'vertical'\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  label?: string\n  showSteps?: boolean\n  marks?: Array<{ value: number; label?: string }>\n  formatOptions?: Intl.NumberFormatOptions\n  hideValue?: boolean\n  hideThumb?: boolean\n  disabled?: boolean\n  inverted?: boolean\n  class?: string\n}>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  minStepsBetweenThumbs: 0,\n  orientation: 'horizontal',\n  showSteps: false,\n  hideValue: false,\n  hideThumb: false,\n  disabled: false,\n  inverted: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number | number[]): void\n}>()\n\n// FIX: Also check defaultValue so uncontrolled range mode is detected correctly.\nconst isRange = computed(() =>\n  Array.isArray(props.modelValue) || Array.isArray(props.defaultValue)\n)\n\n// Reka UI SliderRoot always uses number[]. Wrap scalar -> [v] for Reka.\nconst internalValue = computed({\n  get(): number[] {\n    if (props.modelValue === undefined) {\n      return props.defaultValue !== undefined\n        ? Array.isArray(props.defaultValue)\n          ? props.defaultValue\n          : [props.defaultValue]\n        : [Math.round((props.min + props.max) / 2)]\n    }\n    return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]\n  },\n  set(val: number[]) {\n    // Unwrap: if original prop was scalar, emit scalar; otherwise emit array\n    if (isRange.value) {\n      emit('update:modelValue', val)\n    } else {\n      emit('update:modelValue', val[0])\n    }\n  },\n})\n\n// FIX: Pass size, color, radius so variants are applied.\nconst slotFns = computed(() =>\n  sliderVariants({ size: props.size, color: props.color, radius: props.radius })\n)\n\n// Show the label/output wrapper if label prop is provided or hideValue is false\nconst showLabelWrapper = computed(() =>\n  !!props.label || !props.hideValue\n)\n\n// Format a single value\nfunction formatValue(v: number): string {\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(v)\n  }\n  return String(v)\n}\n\n// Formatted output string: joined with \" - \" for ranges\nconst formatted = computed(() => {\n  return internalValue.value.map(formatValue).join(' \\u2013 ')\n})\n\n// Compute % position for a value within [min, max]\nfunction toPercent(v: number): number {\n  const range = props.max - props.min\n  if (range === 0) return 0\n  return ((v - props.min) / range) * 100\n}\n\n// Tick positions (percentages) for showSteps\nconst tickPositions = computed<number[]>(() => {\n  if (!props.showSteps) return []\n  const positions: number[] = []\n  let v = props.min\n  while (v <= props.max) {\n    positions.push(toPercent(v))\n    v = Math.round((v + props.step) * 1e10) / 1e10 // avoid floating-point drift\n  }\n  return positions\n})\n\n// Determine which axis to use for positioning (left/bottom)\nconst positionAxis = computed(() =>\n  props.orientation === 'vertical' ? 'bottom' : 'left'\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"orientation\"\n    :data-disabled=\"disabled || undefined\"\n  >\n    <!-- Label + output row -->\n    <template v-if=\"showLabelWrapper\">\n      <!--\n        FIX: label does NOT get a class from slotFns.\n        The CSS rule `.slider [data-slot=\"label\"]` targets it via data-slot attribute.\n        Previously used :class=\"slotFns.base()\" which returned \"slider\" (root class) — wrong.\n      -->\n      <label\n        v-if=\"label\"\n        data-slot=\"label\"\n      >{{ label }}</label>\n      <output\n        v-if=\"!hideValue\"\n        :class=\"slotFns.output()\"\n      >{{ formatted }}</output>\n    </template>\n\n    <!-- Slider body -->\n    <div class=\"relative flex items-center gap-2\">\n      <!-- Start content slot -->\n      <slot name=\"startContent\" />\n\n      <SliderRoot\n        v-model=\"internalValue\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :min-steps-between-thumbs=\"minStepsBetweenThumbs\"\n        :orientation=\"orientation\"\n        :disabled=\"disabled\"\n        :inverted=\"inverted\"\n        class=\"relative flex items-center select-none touch-none w-full\"\n        :data-orientation=\"orientation\"\n      >\n        <SliderTrack :class=\"slotFns.track()\">\n          <SliderRange :class=\"slotFns.fill()\" />\n\n          <!--\n            FIX: tick spans have NO class from slotFns (was :class=\"slotFns.base()\" = \"slider\" — wrong).\n            Ticks are purely positional; identified by data-slider-tick attribute only.\n          -->\n          <span\n            v-for=\"(pct, i) in tickPositions\"\n            :key=\"`tick-${i}`\"\n            :style=\"{ [positionAxis]: pct + '%' }\"\n            aria-hidden=\"true\"\n            data-slider-tick\n            class=\"absolute pointer-events-none\"\n          />\n\n          <!-- Labeled marks -->\n          <span\n            v-for=\"mark in (marks || [])\"\n            :key=\"`mark-${mark.value}`\"\n            :class=\"slotFns.marks()\"\n            :style=\"{ [positionAxis]: toPercent(mark.value) + '%' }\"\n            data-slider-mark\n            class=\"absolute\"\n          >{{ mark.label }}</span>\n        </SliderTrack>\n\n        <!-- Thumbs -->\n        <SliderThumb\n          v-for=\"(_, idx) in internalValue\"\n          :key=\"idx\"\n          :class=\"slotFns.thumb()\"\n          :aria-label=\"label || 'Value'\"\n        />\n      </SliderRoot>\n\n      <!-- End content slot -->\n      <slot name=\"endContent\" />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Slider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from 'reka-ui'\nimport { sliderVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number | number[]\n  defaultValue?: number | number[]\n  min?: number\n  max?: number\n  step?: number\n  minStepsBetweenThumbs?: number\n  orientation?: 'horizontal' | 'vertical'\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  label?: string\n  showSteps?: boolean\n  marks?: Array<{ value: number; label?: string }>\n  formatOptions?: Intl.NumberFormatOptions\n  hideValue?: boolean\n  hideThumb?: boolean\n  disabled?: boolean\n  inverted?: boolean\n  class?: ClassValue\n  /**\n   * Per-slot class overrides. Keys map to internal slot names (base, output, track, fill, marks, thumb).\n   */\n  classNames?: Partial<{\n    base: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n    marks: ClassValue\n    thumb: ClassValue\n  }>\n}>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  minStepsBetweenThumbs: 0,\n  orientation: 'horizontal',\n  showSteps: false,\n  hideValue: false,\n  hideThumb: false,\n  disabled: false,\n  inverted: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number | number[]): void\n}>()\n\n// FIX: Also check defaultValue so uncontrolled range mode is detected correctly.\nconst isRange = computed(() =>\n  Array.isArray(props.modelValue) || Array.isArray(props.defaultValue)\n)\n\n// Reka UI SliderRoot always uses number[]. Wrap scalar -> [v] for Reka.\nconst internalValue = computed({\n  get(): number[] {\n    if (props.modelValue === undefined) {\n      return props.defaultValue !== undefined\n        ? Array.isArray(props.defaultValue)\n          ? props.defaultValue\n          : [props.defaultValue]\n        : [Math.round((props.min + props.max) / 2)]\n    }\n    return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]\n  },\n  set(val: number[]) {\n    // Unwrap: if original prop was scalar, emit scalar; otherwise emit array\n    if (isRange.value) {\n      emit('update:modelValue', val)\n    } else {\n      emit('update:modelValue', val[0])\n    }\n  },\n})\n\n// FIX: Pass size, color, radius so variants are applied.\nconst slotFns = computed(() =>\n  sliderVariants({ size: props.size, color: props.color, radius: props.radius })\n)\n\n// Show the label/output wrapper if label prop is provided or hideValue is false\nconst showLabelWrapper = computed(() =>\n  !!props.label || !props.hideValue\n)\n\n// Format a single value\nfunction formatValue(v: number): string {\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(v)\n  }\n  return String(v)\n}\n\n// Formatted output string: joined with \" - \" for ranges\nconst formatted = computed(() => {\n  return internalValue.value.map(formatValue).join(' \\u2013 ')\n})\n\n// Compute % position for a value within [min, max]\nfunction toPercent(v: number): number {\n  const range = props.max - props.min\n  if (range === 0) return 0\n  return ((v - props.min) / range) * 100\n}\n\n// Tick positions (percentages) for showSteps\nconst tickPositions = computed<number[]>(() => {\n  if (!props.showSteps) return []\n  const positions: number[] = []\n  let v = props.min\n  while (v <= props.max) {\n    positions.push(toPercent(v))\n    v = Math.round((v + props.step) * 1e10) / 1e10 // avoid floating-point drift\n  }\n  return positions\n})\n\n// Determine which axis to use for positioning (left/bottom)\nconst positionAxis = computed(() =>\n  props.orientation === 'vertical' ? 'bottom' : 'left'\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"orientation\"\n    :data-disabled=\"disabled || undefined\"\n  >\n    <!-- Label + output row -->\n    <template v-if=\"showLabelWrapper\">\n      <!--\n        FIX: label does NOT get a class from slotFns.\n        The CSS rule `.slider [data-slot=\"label\"]` targets it via data-slot attribute.\n        Previously used :class=\"slotFns.base()\" which returned \"slider\" (root class) — wrong.\n      -->\n      <label\n        v-if=\"label\"\n        data-slot=\"label\"\n      >{{ label }}</label>\n      <output\n        v-if=\"!hideValue\"\n        :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n      >{{ formatted }}</output>\n    </template>\n\n    <!-- Slider body -->\n    <div class=\"relative flex items-center gap-2\">\n      <!-- Start content slot -->\n      <slot name=\"startContent\" />\n\n      <SliderRoot\n        v-model=\"internalValue\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :min-steps-between-thumbs=\"minStepsBetweenThumbs\"\n        :orientation=\"orientation\"\n        :disabled=\"disabled\"\n        :inverted=\"inverted\"\n        class=\"relative flex items-center select-none touch-none w-full\"\n        :data-orientation=\"orientation\"\n      >\n        <SliderTrack :class=\"composeClassName(slotFns.track(), props.classNames?.track)\">\n          <SliderRange :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\" />\n\n          <!--\n            FIX: tick spans have NO class from slotFns (was :class=\"slotFns.base()\" = \"slider\" — wrong).\n            Ticks are purely positional; identified by data-slider-tick attribute only.\n          -->\n          <span\n            v-for=\"(pct, i) in tickPositions\"\n            :key=\"`tick-${i}`\"\n            :style=\"{ [positionAxis]: pct + '%' }\"\n            aria-hidden=\"true\"\n            data-slider-tick\n            class=\"absolute pointer-events-none\"\n          />\n\n          <!-- Labeled marks -->\n          <span\n            v-for=\"mark in (marks || [])\"\n            :key=\"`mark-${mark.value}`\"\n            :class=\"composeClassName(slotFns.marks(), props.classNames?.marks)\"\n            :style=\"{ [positionAxis]: toPercent(mark.value) + '%' }\"\n            data-slider-mark\n            class=\"absolute\"\n          >{{ mark.label }}</span>\n        </SliderTrack>\n\n        <!-- Thumbs -->\n        <SliderThumb\n          v-for=\"(_, idx) in internalValue\"\n          :key=\"idx\"\n          :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\"\n          :aria-label=\"label || 'Value'\"\n        />\n      </SliderRoot>\n\n      <!-- End content slot -->\n      <slot name=\"endContent\" />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SplitterGroup.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":""}
+{"version":3,"file":"SplitterGroup.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":""}

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

@@ -10,7 +10,8 @@ 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: { default: void 0 },
+		classNames: { default: void 0 }
 	},
 	setup(__props) {
 		const props = __props;
@@ -21,7 +22,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,8 @@ var SplitterPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		},
 		collapsedSize: { default: void 0 },
 		order: { default: void 0 },
-		class: { default: void 0 }
+		class: { default: void 0 },
+		classNames: { default: void 0 }
 	},
 	emits: ["collapse", "expand"],
 	setup(__props) {
@@ -31,7 +32,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,8 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			type: Boolean,
 			default: false
 		},
-		class: { default: void 0 }
+		class: { default: void 0 },
+		classNames: { default: void 0 }
 	},
 	emits: ["dragging"],
 	setup(__props) {
@@ -23,11 +24,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,8 @@ 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: { default: void 0 },
+		classNames: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -48,7 +49,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,16 @@ 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: { 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,16 @@ 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: { 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,10 @@ 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: { default: void 0 },
+		classNames: { default: void 0 }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = inject(stepperContextKey);
@@ -15,7 +18,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":""}