@auronui/vue 1.0.21 → 1.0.23

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

@@ -45,6 +45,33 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Boolean,
 			default: false
 		},
+		dir: { default: void 0 },
+		thumbAlignment: { default: "overflow" },
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: void 0 },
+		name: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: false
+		},
+		trackAsChild: {
+			type: Boolean,
+			default: false
+		},
+		trackAs: { default: void 0 },
+		rangeAsChild: {
+			type: Boolean,
+			default: false
+		},
+		rangeAs: { default: void 0 },
+		thumbAsChild: {
+			type: Boolean,
+			default: false
+		},
+		thumbAs: { default: void 0 },
 		class: { type: [
 			String,
 			Boolean,
@@ -54,7 +81,7 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		] },
 		classNames: {}
 	},
-	emits: ["update:modelValue"],
+	emits: ["update:modelValue", "value-commit"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -118,12 +145,31 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					orientation: __props.orientation,
 					disabled: __props.disabled,
 					inverted: __props.inverted,
+					dir: props.dir,
+					"thumb-alignment": props.thumbAlignment,
+					"as-child": props.asChild,
+					as: props.as,
+					name: props.name,
+					required: props.required,
 					class: "relative flex items-center select-none touch-none w-full",
-					"data-orientation": __props.orientation
+					"data-orientation": __props.orientation,
+					onValueCommit: _cache[1] || (_cache[1] = ($event) => emit("value-commit", isRange.value ? $event : $event[0]))
 				}, {
-					default: withCtx(() => [createVNode(unref(SliderTrack), { class: normalizeClass(unref(composeClassName)(slotFns.value.track(), props.classNames?.track)) }, {
+					default: withCtx(() => [createVNode(unref(SliderTrack), {
+						"as-child": props.trackAsChild,
+						as: props.trackAs,
+						class: normalizeClass(unref(composeClassName)(slotFns.value.track(), props.classNames?.track))
+					}, {
 						default: withCtx(() => [
-							createVNode(unref(SliderRange), { class: normalizeClass(unref(composeClassName)(slotFns.value.fill(), props.classNames?.fill)) }, null, 8, ["class"]),
+							createVNode(unref(SliderRange), {
+								"as-child": props.rangeAsChild,
+								as: props.rangeAs,
+								class: normalizeClass(unref(composeClassName)(slotFns.value.fill(), props.classNames?.fill))
+							}, null, 8, [
+								"as-child",
+								"as",
+								"class"
+							]),
 							(openBlock(true), createElementBlock(Fragment, null, renderList(tickPositions.value, (pct, i) => {
 								return openBlock(), createElementBlock("span", {
 									key: `tick-${i}`,
@@ -143,12 +189,23 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							}), 128))
 						]),
 						_: 1
-					}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(internalValue.value, (_, idx) => {
+					}, 8, [
+						"as-child",
+						"as",
+						"class"
+					]), (openBlock(true), createElementBlock(Fragment, null, renderList(internalValue.value, (_, idx) => {
 						return openBlock(), createBlock(unref(SliderThumb), {
 							key: idx,
+							"as-child": props.thumbAsChild,
+							as: props.thumbAs,
 							class: normalizeClass(unref(composeClassName)(slotFns.value.thumb(), props.classNames?.thumb)),
 							"aria-label": __props.label || "Value"
-						}, null, 8, ["class", "aria-label"]);
+						}, null, 8, [
+							"as-child",
+							"as",
+							"class",
+							"aria-label"
+						]);
 					}), 128))]),
 					_: 1
 				}, 8, [
@@ -160,6 +217,12 @@ var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					"orientation",
 					"disabled",
 					"inverted",
+					"dir",
+					"thumb-alignment",
+					"as-child",
+					"as",
+					"name",
+					"required",
 					"data-orientation"
 				]),
 				renderSlot(_ctx.$slots, "endContent")

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 , 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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"}
+{"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  /** Text direction forwarded to SliderRoot. */\n  dir?: 'ltr' | 'rtl'\n  /** How the thumbs align relative to the track ends. */\n  thumbAlignment?: 'contain' | 'overflow'\n  /** Whether SliderRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render SliderRoot as. */\n  as?: string\n  /** HTML name attribute forwarded to SliderRoot. */\n  name?: string\n  /** Whether the slider is required. */\n  required?: boolean\n  /** Whether SliderTrack renders as a child element. */\n  trackAsChild?: boolean\n  /** Element or component to render SliderTrack as. */\n  trackAs?: string\n  /** Whether SliderRange renders as a child element. */\n  rangeAsChild?: boolean\n  /** Element or component to render SliderRange as. */\n  rangeAs?: string\n  /** Whether SliderThumb renders as a child element. */\n  thumbAsChild?: boolean\n  /** Element or component to render SliderThumb as. */\n  thumbAs?: string\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  dir: undefined,\n  thumbAlignment: 'overflow',\n  asChild: false,\n  as: undefined,\n  name: undefined,\n  required: false,\n  trackAsChild: false,\n  trackAs: undefined,\n  rangeAsChild: false,\n  rangeAs: undefined,\n  thumbAsChild: false,\n  thumbAs: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number | number[]): void\n  (e: 'value-commit', 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        :dir=\"props.dir\"\n        :thumb-alignment=\"props.thumbAlignment\"\n        :as-child=\"props.asChild\"\n        :as=\"props.as\"\n        :name=\"props.name\"\n        :required=\"props.required\"\n        class=\"relative flex items-center select-none touch-none w-full\"\n        :data-orientation=\"orientation\"\n        @value-commit=\"emit('value-commit', isRange ? $event : $event[0])\"\n      >\n        <SliderTrack\n          :as-child=\"props.trackAsChild\"\n          :as=\"props.trackAs\"\n          :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n        >\n          <SliderRange\n            :as-child=\"props.rangeAsChild\"\n            :as=\"props.rangeAs\"\n            :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n          />\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          :as-child=\"props.thumbAsChild\"\n          :as=\"props.thumbAs\"\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 , 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":""}
+{"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  /** Keyboard resize increment in pixels */\n  keyboardResizeBy?: number\n  /** Custom storage for persisting layout */\n  storage?: object\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  id: undefined,\n  direction: 'horizontal',\n  autoSaveId: undefined,\n  class: undefined,\n  classNames: undefined,\n  keyboardResizeBy: undefined,\n  storage: undefined,\n})\n\nconst emit = defineEmits<{\n  layout: [sizes: number[]]\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    :keyboard-resize-by=\"props.keyboardResizeBy\"\n    :storage=\"(props.storage as any)\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.group(), props.class, props.classNames?.group)\"\n    data-slot=\"splitter-group\"\n    @layout=\"(sizes: number[]) => emit('layout', sizes)\"\n  >\n    <slot />\n  </SplitterGroup>\n</template>\n"],"mappings":""}

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

@@ -20,10 +20,16 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			],
 			default: void 0
 		},
-		classNames: { default: void 0 }
+		classNames: { default: void 0 },
+		keyboardResizeBy: { default: void 0 },
+		storage: { default: void 0 },
+		as: {},
+		asChild: { type: Boolean }
 	},
-	setup(__props) {
+	emits: ["layout"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const slotFns = computed(() => splitterVariants({ direction: props.direction }));
 		provide(splitterContextKey, { direction: computed(() => props.direction ?? "horizontal") });
 		return (_ctx, _cache) => {
@@ -31,8 +37,13 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				id: __props.id,
 				direction: __props.direction ?? "horizontal",
 				"auto-save-id": __props.autoSaveId,
+				"keyboard-resize-by": props.keyboardResizeBy,
+				storage: props.storage,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.group(), props.class, props.classNames?.group)),
-				"data-slot": "splitter-group"
+				"data-slot": "splitter-group",
+				onLayout: _cache[0] || (_cache[0] = (sizes) => emit("layout", sizes))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -40,6 +51,10 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				"id",
 				"direction",
 				"auto-save-id",
+				"keyboard-resize-by",
+				"storage",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

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 , 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"}
+{"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  /** Keyboard resize increment in pixels */\n  keyboardResizeBy?: number\n  /** Custom storage for persisting layout */\n  storage?: object\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  id: undefined,\n  direction: 'horizontal',\n  autoSaveId: undefined,\n  class: undefined,\n  classNames: undefined,\n  keyboardResizeBy: undefined,\n  storage: undefined,\n})\n\nconst emit = defineEmits<{\n  layout: [sizes: number[]]\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    :keyboard-resize-by=\"props.keyboardResizeBy\"\n    :storage=\"(props.storage as any)\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.group(), props.class, props.classNames?.group)\"\n    data-slot=\"splitter-group\"\n    @layout=\"(sizes: number[]) => emit('layout', sizes)\"\n  >\n    <slot />\n  </SplitterGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EA2Bd,MAAM,OAAO;EAIb,MAAM,UAAU,eAAe,iBAAiB,EAAE,WAAW,MAAM,WAAW,CAAC,CAAA;AAE/E,UAAQ,oBAAoB,EAAE,WAAW,eAAe,MAAM,aAAa,aAAa,EAAE,CAAA;;uBAIxF,YAagB,MAAA,cAAA,EAAA;IAZb,IAAI,QAAA;IACJ,WAAW,QAAA,aAAS;IACpB,gBAAc,QAAA;IACd,sBAAoB,MAAM;IAC1B,SAAU,MAAM;IAChB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,OAAO,MAAM,YAAY,MAAK,CAAA;IAC9E,aAAU;IACT,UAAM,OAAA,OAAA,OAAA,MAAG,UAAoB,KAAI,UAAW,MAAK;;2BAE1C,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 , 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":""}
+{"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  /** Unit for size values: 'percentage' or 'pixels' */\n  sizeUnit?: '%' | 'px'\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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  sizeUnit: undefined,\n})\n\nconst emit = defineEmits<{\n  collapse: []\n  expand: []\n  resize: [size: number]\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    :size-unit=\"props.sizeUnit\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.panel(), props.class, props.classNames?.panel)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"emit('collapse')\"\n    @expand=\"emit('expand')\"\n    @resize=\"(size: number) => emit('resize', size)\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":""}

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

@@ -26,11 +26,19 @@ var SplitterPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			],
 			default: void 0
 		},
-		classNames: { default: void 0 }
+		classNames: { default: void 0 },
+		sizeUnit: { default: void 0 },
+		as: {},
+		asChild: { type: Boolean }
 	},
-	emits: ["collapse", "expand"],
-	setup(__props) {
+	emits: [
+		"collapse",
+		"expand",
+		"resize"
+	],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const slotFns = computed(() => splitterVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SplitterPanel), {
@@ -41,10 +49,14 @@ var SplitterPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				collapsible: __props.collapsible,
 				"collapsed-size": __props.collapsedSize,
 				order: __props.order,
+				"size-unit": props.sizeUnit,
+				as: props.as,
+				"as-child": props.asChild,
 				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"))
+				onCollapse: _cache[0] || (_cache[0] = ($event) => emit("collapse")),
+				onExpand: _cache[1] || (_cache[1] = ($event) => emit("expand")),
+				onResize: _cache[2] || (_cache[2] = (size) => emit("resize", size))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -56,6 +68,9 @@ var SplitterPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				"collapsible",
 				"collapsed-size",
 				"order",
+				"size-unit",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

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 , 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"}
+{"version":3,"file":"SplitterPanel.vue_vue_type_script_setup_true_lang.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  /** Unit for size values: 'percentage' or 'pixels' */\n  sizeUnit?: '%' | 'px'\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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  sizeUnit: undefined,\n})\n\nconst emit = defineEmits<{\n  collapse: []\n  expand: []\n  resize: [size: number]\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    :size-unit=\"props.sizeUnit\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.panel(), props.class, props.classNames?.panel)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"emit('collapse')\"\n    @expand=\"emit('expand')\"\n    @resize=\"(size: number) => emit('resize', size)\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAgCd,MAAM,OAAO;EAMb,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAkBgB,MAAA,cAAA,EAAA;IAjBb,IAAI,QAAA;IACJ,gBAAc,QAAA;IACd,YAAU,QAAA;IACV,YAAU,QAAA;IACV,aAAa,QAAA;IACb,kBAAgB,QAAA;IAChB,OAAO,QAAA;IACP,aAAW,MAAM;IACjB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,OAAO,MAAM,YAAY,MAAK,CAAA;IAC9E,aAAU;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,WAAA;IACd,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;IACZ,UAAM,OAAA,OAAA,OAAA,MAAG,SAAiB,KAAI,UAAW,KAAI;;2BAEtC,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 , 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":""}
+{"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  /** Hit area margins for easier grabbing */\n  hitAreaMargins?: object\n  /** Tab index for keyboard focus */\n  tabindex?: number\n  /** Nonce for inline styles */\n  nonce?: string\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  id: undefined,\n  disabled: false,\n  class: undefined,\n  classNames: undefined,\n  hitAreaMargins: undefined,\n  tabindex: undefined,\n  nonce: 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    :hit-area-margins=\"(props.hitAreaMargins as any)\"\n    :tabindex=\"props.tabindex\"\n    :nonce=\"props.nonce\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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

@@ -22,7 +22,12 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			],
 			default: void 0
 		},
-		classNames: { default: void 0 }
+		classNames: { default: void 0 },
+		hitAreaMargins: { default: void 0 },
+		tabindex: { default: void 0 },
+		nonce: { default: void 0 },
+		as: {},
+		asChild: { type: Boolean }
 	},
 	emits: ["dragging"],
 	setup(__props) {
@@ -33,6 +38,11 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			return openBlock(), createBlock(unref(SplitterResizeHandle), {
 				id: __props.id,
 				disabled: __props.disabled,
+				"hit-area-margins": props.hitAreaMargins,
+				tabindex: props.tabindex,
+				nonce: props.nonce,
+				as: props.as,
+				"as-child": props.asChild,
 				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))
@@ -42,6 +52,11 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			}, 8, [
 				"id",
 				"disabled",
+				"hit-area-margins",
+				"tabindex",
+				"nonce",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

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 , 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"}
+{"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  /** Hit area margins for easier grabbing */\n  hitAreaMargins?: object\n  /** Tab index for keyboard focus */\n  tabindex?: number\n  /** Nonce for inline styles */\n  nonce?: string\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  id: undefined,\n  disabled: false,\n  class: undefined,\n  classNames: undefined,\n  hitAreaMargins: undefined,\n  tabindex: undefined,\n  nonce: 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    :hit-area-margins=\"(props.hitAreaMargins as any)\"\n    :tabindex=\"props.tabindex\"\n    :nonce=\"props.nonce\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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;EAiCd,MAAM,WAAW,OAAO,oBAAoB,KAAI;EAChD,MAAM,UAAU,eACd,iBAAiB,EAAE,WAAW,UAAU,UAAU,SAAS,cAAc,CAAC,CAC5E;;uBAIE,YAeuB,MAAA,qBAAA,EAAA;IAdpB,IAAI,QAAA;IACJ,UAAU,QAAA;IACV,oBAAmB,MAAM;IACzB,UAAU,MAAM;IAChB,OAAO,MAAM;IACb,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,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/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { switchVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useSwitchGroupInject } from './switch-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to SwitchRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  name?: string\n  class?: ClassValue\n  /** Per-slot class overrides. Each key is a slot name (e.g. 'base', 'control', 'thumb', 'content'). */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    thumb: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  size: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject SwitchGroup context with fallback defaults (standalone mode)\nconst groupCtx = useSwitchGroupInject({\n  size: ref('md'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child size wins over group size\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute checked state\nconst checked = computed<boolean>(() => {\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:checked event\nfunction handleUpdate(val: boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', val)\n  }\n}\n\nconst slotFns = computed(() =>\n  switchVariants({ size: finalSize.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    SwitchRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on SwitchRoot's root.\n  -->\n  <SwitchRoot\n    v-bind=\"attrs\"\n    :model-value=\"checked\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <SwitchThumb :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"composeClassName(slotFns.content(), props.classNames?.content)\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { switchVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useSwitchGroupInject } from './switch-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to SwitchRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  name?: string\n  /** HTML id attribute forwarded to SwitchRoot. */\n  id?: string\n  /** The value for the checked state. */\n  trueValue?: boolean | string | number\n  /** The value for the unchecked state. */\n  falseValue?: boolean | string | number\n  /** Whether SwitchRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render SwitchRoot as. */\n  as?: string\n  /** Whether the switch is required. */\n  required?: boolean\n  /** Whether SwitchThumb renders as a child element. */\n  thumbAsChild?: boolean\n  /** Element or component to render SwitchThumb as. */\n  thumbAs?: string\n  class?: ClassValue\n  /** Per-slot class overrides. Each key is a slot name (e.g. 'base', 'control', 'thumb', 'content'). */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    thumb: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  size: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  name: undefined,\n  id: undefined,\n  trueValue: undefined,\n  falseValue: undefined,\n  asChild: false,\n  as: undefined,\n  required: false,\n  thumbAsChild: false,\n  thumbAs: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject SwitchGroup context with fallback defaults (standalone mode)\nconst groupCtx = useSwitchGroupInject({\n  size: ref('md'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child size wins over group size\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute checked state\nconst checked = computed<boolean>(() => {\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:checked event\nfunction handleUpdate(val: string | number | boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', Boolean(val))\n  }\n}\n\nconst slotFns = computed(() =>\n  switchVariants({ size: finalSize.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    SwitchRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on SwitchRoot's root.\n  -->\n  <SwitchRoot\n    v-bind=\"attrs\"\n    :model-value=\"checked\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :id=\"props.id\"\n    :true-value=\"props.trueValue\"\n    :false-value=\"props.falseValue\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :required=\"props.required\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <SwitchThumb\n        :as-child=\"props.thumbAsChild\"\n        :as=\"props.thumbAs\"\n        :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"composeClassName(slotFns.content(), props.classNames?.content)\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":""}

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

@@ -23,6 +23,37 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			default: false
 		},
 		name: { default: void 0 },
+		id: { default: void 0 },
+		trueValue: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		falseValue: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: false
+		},
+		thumbAsChild: {
+			type: Boolean,
+			default: false
+		},
+		thumbAs: { default: void 0 },
 		class: { type: [
 			String,
 			Boolean,
@@ -53,7 +84,7 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		});
 		function handleUpdate(val) {
 			if (isInGroup.value) groupCtx.toggleValue(props.value);
-			else emit("update:modelValue", val);
+			else emit("update:modelValue", Boolean(val));
 		}
 		const slotFns = computed(() => switchVariants({ size: finalSize.value }));
 		return (_ctx, _cache) => {
@@ -62,10 +93,24 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				disabled: isDisabled.value,
 				name: props.name ?? unref(groupCtx).name.value,
 				value: props.value,
+				id: props.id,
+				"true-value": props.trueValue,
+				"false-value": props.falseValue,
+				"as-child": props.asChild,
+				as: props.as,
+				required: props.required,
 				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base),
 				"onUpdate:modelValue": handleUpdate
 			}), {
-				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.control(), props.classNames?.control)) }, [createVNode(unref(SwitchThumb), { class: normalizeClass(unref(composeClassName)(slotFns.value.thumb(), props.classNames?.thumb)) }, null, 8, ["class"])], 2), _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.control(), props.classNames?.control)) }, [createVNode(unref(SwitchThumb), {
+					"as-child": props.thumbAsChild,
+					as: props.thumbAs,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.thumb(), props.classNames?.thumb))
+				}, null, 8, [
+					"as-child",
+					"as",
+					"class"
+				])], 2), _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.classNames?.content))
 				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)]),
@@ -75,6 +120,12 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				"disabled",
 				"name",
 				"value",
+				"id",
+				"true-value",
+				"false-value",
+				"as-child",
+				"as",
+				"required",
 				"class"
 			]);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { switchVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useSwitchGroupInject } from './switch-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to SwitchRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  name?: string\n  class?: ClassValue\n  /** Per-slot class overrides. Each key is a slot name (e.g. 'base', 'control', 'thumb', 'content'). */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    thumb: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  size: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject SwitchGroup context with fallback defaults (standalone mode)\nconst groupCtx = useSwitchGroupInject({\n  size: ref('md'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child size wins over group size\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute checked state\nconst checked = computed<boolean>(() => {\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:checked event\nfunction handleUpdate(val: boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', val)\n  }\n}\n\nconst slotFns = computed(() =>\n  switchVariants({ size: finalSize.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    SwitchRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on SwitchRoot's root.\n  -->\n  <SwitchRoot\n    v-bind=\"attrs\"\n    :model-value=\"checked\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <SwitchThumb :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\" />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"composeClassName(slotFns.content(), props.classNames?.content)\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAwBd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACnB,MAAM,IAAI,KAAA,EAAU;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAG3E,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAGlE,MAAM,YAAY,eAAe,MAAM,UAAU,KAAA,EAAS;EAG1D,MAAM,UAAU,eAAwB;AACtC,OAAI,UAAU,MACZ,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM,cAAc;IAC5B;EAGD,SAAS,aAAa,KAAc;AAClC,OAAI,UAAU,MACZ,UAAS,YAAY,MAAM,MAAM;OAEjC,MAAK,qBAAqB,IAAG;;EAIjC,MAAM,UAAU,eACd,eAAe,EAAE,MAAM,UAAU,OAAO,CAAA,CAC1C;;uBASE,YAkBa,MAAA,WAAA,EAlBb,WACU,MAiBG,MAjBE,EAAA;IACZ,eAAa,QAAA;IACb,UAAU,WAAA;IACV,MAAM,MAAM,QAAQ,MAAA,SAAQ,CAAC,KAAK;IAClC,OAAO,MAAM;IACb,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI;IAC3E,uBAAoB;;2BAId,CAFP,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,YAAmF,MAAA,YAAA,EAAA,EAArE,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA,EAGxEA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAKO,QAAA;;KAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA;QAErE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"Switch.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { switchVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useSwitchGroupInject } from './switch-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to SwitchRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  name?: string\n  /** HTML id attribute forwarded to SwitchRoot. */\n  id?: string\n  /** The value for the checked state. */\n  trueValue?: boolean | string | number\n  /** The value for the unchecked state. */\n  falseValue?: boolean | string | number\n  /** Whether SwitchRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render SwitchRoot as. */\n  as?: string\n  /** Whether the switch is required. */\n  required?: boolean\n  /** Whether SwitchThumb renders as a child element. */\n  thumbAsChild?: boolean\n  /** Element or component to render SwitchThumb as. */\n  thumbAs?: string\n  class?: ClassValue\n  /** Per-slot class overrides. Each key is a slot name (e.g. 'base', 'control', 'thumb', 'content'). */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    thumb: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  size: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  name: undefined,\n  id: undefined,\n  trueValue: undefined,\n  falseValue: undefined,\n  asChild: false,\n  as: undefined,\n  required: false,\n  thumbAsChild: false,\n  thumbAs: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject SwitchGroup context with fallback defaults (standalone mode)\nconst groupCtx = useSwitchGroupInject({\n  size: ref('md'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child size wins over group size\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute checked state\nconst checked = computed<boolean>(() => {\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:checked event\nfunction handleUpdate(val: string | number | boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', Boolean(val))\n  }\n}\n\nconst slotFns = computed(() =>\n  switchVariants({ size: finalSize.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    SwitchRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on SwitchRoot's root.\n  -->\n  <SwitchRoot\n    v-bind=\"attrs\"\n    :model-value=\"checked\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :id=\"props.id\"\n    :true-value=\"props.trueValue\"\n    :false-value=\"props.falseValue\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :required=\"props.required\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <SwitchThumb\n        :as-child=\"props.thumbAsChild\"\n        :as=\"props.thumbAs\"\n        :class=\"composeClassName(slotFns.thumb(), props.classNames?.thumb)\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"composeClassName(slotFns.content(), props.classNames?.content)\"\n    >\n      <slot />\n    </span>\n  </SwitchRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAgDd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACnB,MAAM,IAAI,KAAA,EAAU;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAG3E,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAGlE,MAAM,YAAY,eAAe,MAAM,UAAU,KAAA,EAAS;EAG1D,MAAM,UAAU,eAAwB;AACtC,OAAI,UAAU,MACZ,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM,cAAc;IAC5B;EAGD,SAAS,aAAa,KAAgC;AACpD,OAAI,UAAU,MACZ,UAAS,YAAY,MAAM,MAAM;OAEjC,MAAK,qBAAqB,QAAQ,IAAI,CAAA;;EAI1C,MAAM,UAAU,eACd,eAAe,EAAE,MAAM,UAAU,OAAO,CAAA,CAC1C;;uBASE,YA4Ba,MAAA,WAAA,EA5Bb,WACU,MA2BG,MA3BE,EAAA;IACZ,eAAa,QAAA;IACb,UAAU,WAAA;IACV,MAAM,MAAM,QAAQ,MAAA,SAAQ,CAAC,KAAK;IAClC,OAAO,MAAM;IACb,IAAI,MAAM;IACV,cAAY,MAAM;IAClB,eAAa,MAAM;IACnB,YAAU,MAAM;IAChB,IAAI,MAAM;IACV,UAAU,MAAM;IAChB,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI;IAC3E,uBAAoB;;2BAQd,CANP,mBAMO,QAAA,EANA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,YAIE,MAAA,YAAA,EAAA;KAHC,YAAU,MAAM;KAChB,IAAI,MAAM;KACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;;;;;aAI7DA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAKO,QAAA;;KAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA;QAErE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":[],"sources":["../../../src/components/tabs/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    tab: ClassValue\n  }>\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsTrigger\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :data-tab-value=\"props.value\"\n    :class=\"composeClassName(ctx.slotFns.value.tab(), props.class, props.classNames?.tab)\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Tab.js","names":[],"sources":["../../../src/components/tabs/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classes for individual slots. */\n  classNames?: Partial<{\n    tab: ClassValue\n  }>\n  /** Render as a different element type. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsTrigger\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :data-tab-value=\"props.value\"\n    :class=\"composeClassName(ctx.slotFns.value.tab(), props.class, props.classNames?.tab)\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":""}

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

@@ -15,7 +15,9 @@ var Tab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
@@ -24,6 +26,8 @@ var Tab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 			return openBlock(), createBlock(unref(TabsTrigger), {
 				value: props.value,
 				disabled: props.disabled,
+				as: props.as,
+				"as-child": props.asChild,
 				"data-tab-value": props.value,
 				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.tab(), props.class, props.classNames?.tab))
 			}, {
@@ -32,6 +36,8 @@ var Tab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 			}, 8, [
 				"value",
 				"disabled",
+				"as",
+				"as-child",
 				"data-tab-value",
 				"class"
 			]);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TabIndicator.js","names":[],"sources":["../../../src/components/tabs/TabIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsIndicator } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{ tabIndicator: ClassValue }>\n}>()\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsIndicator :class=\"composeClassName(ctx.slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator)\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"TabIndicator.js","names":[],"sources":["../../../src/components/tabs/TabIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsIndicator } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{ tabIndicator: ClassValue }>\n  /** Render as a different element type. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>()\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsIndicator :as=\"props.as\" :as-child=\"props.asChild\" :class=\"composeClassName(ctx.slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator)\" />\n</template>\n"],"mappings":""}

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

@@ -13,13 +13,23 @@ var TabIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
 		const ctx = useTabsInject();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TabsIndicator), { class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator)) }, null, 8, ["class"]);
+			return openBlock(), createBlock(unref(TabsIndicator), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.tabIndicator(), props.class, props.classNames?.tabIndicator))
+			}, null, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

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

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