@auronui/vue 1.3.0 → 1.4.0

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  /** 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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"}
+{"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, type SliderVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\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?: SliderVariants['size']\n  color?: SliderVariants['color']\n  radius?: SliderVariants['radius']\n  label?: string\n  showSteps?: boolean\n  marks?: Array<{ value: number; label?: string }>\n  formatOptions?: Intl.NumberFormatOptions\n  hideValue?: boolean\n  hideThumb?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\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  isRequired?: boolean\n  /**\n   * Whether the slider is required.\n   * @deprecated Use isRequired instead.\n   */\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  isDisabled: undefined,\n  disabled: undefined,\n  inverted: false,\n  dir: undefined,\n  thumbAlignment: 'overflow',\n  asChild: false,\n  as: undefined,\n  name: undefined,\n  isRequired: undefined,\n  required: undefined,\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\nconst isDisabled = useDeprecatedBooleanProp(\n  'Slider', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Slider', 'isRequired', () => props.isRequired, 'required', () => props.required,\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=\"isDisabled || 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=\"isDisabled\"\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=\"isRequired\"\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/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  /** 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":""}
+{"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'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\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  isDisabled: undefined,\n  disabled: undefined,\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\nconst isDisabled = useDeprecatedBooleanProp(\n  'SplitterResizeHandle', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <SplitterResizeHandle\n    :id=\"id\"\n    :disabled=\"isDisabled\"\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

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { splitterContextKey } from "./Splitter.context.js";
 import { computed, createBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { splitterVariants } from "@auronui/styles";
@@ -8,9 +9,13 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 	__name: "SplitterResizeHandle",
 	props: {
 		id: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		class: {
 			type: [
@@ -34,10 +39,11 @@ var SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 		const props = __props;
 		const groupCtx = inject(splitterContextKey, null);
 		const slotFns = computed(() => splitterVariants({ direction: groupCtx?.direction.value ?? "horizontal" }));
+		const isDisabled = useDeprecatedBooleanProp("SplitterResizeHandle", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SplitterResizeHandle), {
 				id: __props.id,
-				disabled: __props.disabled,
+				disabled: unref(isDisabled),
 				"hit-area-margins": props.hitAreaMargins,
 				tabindex: props.tabindex,
 				nonce: props.nonce,

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  /** 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"}
+{"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'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\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  isDisabled: undefined,\n  disabled: undefined,\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\nconst isDisabled = useDeprecatedBooleanProp(\n  'SplitterResizeHandle', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <SplitterResizeHandle\n    :id=\"id\"\n    :disabled=\"isDisabled\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAoCd,MAAM,WAAW,OAAO,oBAAoB,KAAI;EAChD,MAAM,UAAU,eACd,iBAAiB,EAAE,WAAW,UAAU,UAAU,SAAS,cAAc,CAAC,CAC5E;EAEA,MAAM,aAAa,yBACjB,wBAAwB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACxF;;uBAIE,YAeuB,MAAA,qBAAA,EAAA;IAdpB,IAAI,QAAA;IACJ,UAAU,MAAA,WAAU;IACpB,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  isInvalid?: boolean\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  isInvalid: false,\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  isInvalid: 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)\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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    :aria-invalid=\"effectiveInvalid || undefined\"\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":""}
+{"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'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\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  isInvalid?: boolean\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\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  isRequired?: boolean\n  /**\n   * Whether the switch is required.\n   * @deprecated Use isRequired instead.\n   */\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  isDisabled: undefined,\n  disabled: undefined,\n  name: undefined,\n  id: undefined,\n  trueValue: undefined,\n  falseValue: undefined,\n  isInvalid: false,\n  asChild: false,\n  as: undefined,\n  isRequired: undefined,\n  required: undefined,\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  isInvalid: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Resolve this switch's own isDisabled/disabled prop pair before combining with group state.\nconst resolvedDisabled = useDeprecatedBooleanProp(\n  'Switch', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Switch', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\n// Prop precedence: group disabled wins (D-02)\nconst effectiveDisabled = computed(() => groupCtx.disabled.value || resolvedDisabled.value)\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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=\"effectiveDisabled\"\n    :aria-invalid=\"effectiveInvalid || undefined\"\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=\"isRequired\"\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

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useSwitchGroupInject } from "./switch-group.context.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, unref, useAttrs, withCtx } from "vue";
 import { switchVariants } from "@auronui/styles";
@@ -22,9 +23,13 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Boolean,
 			default: false
 		},
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		name: { default: void 0 },
 		id: { default: void 0 },
@@ -49,9 +54,13 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			default: false
 		},
 		as: { default: void 0 },
+		isRequired: {
+			type: Boolean,
+			default: void 0
+		},
 		required: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		thumbAsChild: {
 			type: Boolean,
@@ -80,7 +89,9 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			toggleValue: () => {},
 			name: ref(void 0)
 		});
-		const isDisabled = computed(() => groupCtx.disabled.value || props.disabled);
+		const resolvedDisabled = useDeprecatedBooleanProp("Switch", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		const isRequired = useDeprecatedBooleanProp("Switch", "isRequired", () => props.isRequired, "required", () => props.required);
+		const effectiveDisabled = computed(() => groupCtx.disabled.value || resolvedDisabled.value);
 		const effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid);
 		const finalSize = computed(() => props.size ?? groupCtx.size.value);
 		const isInGroup = computed(() => props.value !== void 0);
@@ -96,7 +107,7 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SwitchRoot), mergeProps(unref(attrs), {
 				"model-value": checked.value,
-				disabled: isDisabled.value,
+				disabled: effectiveDisabled.value,
 				"aria-invalid": effectiveInvalid.value || void 0,
 				name: props.name ?? unref(groupCtx).name.value,
 				value: props.value,
@@ -105,7 +116,7 @@ var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				"false-value": props.falseValue,
 				"as-child": props.asChild,
 				as: props.as,
-				required: props.required,
+				required: unref(isRequired),
 				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base),
 				"onUpdate:modelValue": handleUpdate
 			}), {

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  isInvalid?: boolean\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  isInvalid: false,\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  isInvalid: 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)\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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    :aria-invalid=\"effectiveInvalid || undefined\"\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;EAkDd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACrB,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACnB,MAAM,IAAI,KAAA,EAAU;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAC3E,MAAM,mBAAmB,eAAe,SAAS,UAAU,SAAS,MAAM,UAAS;EAGnF,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,YA6Ba,MAAA,WAAA,EA7Bb,WACU,MA4BG,MA5BE,EAAA;IACZ,eAAa,QAAA;IACb,UAAU,WAAA;IACV,gBAAc,iBAAA,SAAoB,KAAA;IAClC,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"}
+{"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'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\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  isInvalid?: boolean\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\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  isRequired?: boolean\n  /**\n   * Whether the switch is required.\n   * @deprecated Use isRequired instead.\n   */\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  isDisabled: undefined,\n  disabled: undefined,\n  name: undefined,\n  id: undefined,\n  trueValue: undefined,\n  falseValue: undefined,\n  isInvalid: false,\n  asChild: false,\n  as: undefined,\n  isRequired: undefined,\n  required: undefined,\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  isInvalid: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Resolve this switch's own isDisabled/disabled prop pair before combining with group state.\nconst resolvedDisabled = useDeprecatedBooleanProp(\n  'Switch', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Switch', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\n// Prop precedence: group disabled wins (D-02)\nconst effectiveDisabled = computed(() => groupCtx.disabled.value || resolvedDisabled.value)\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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=\"effectiveDisabled\"\n    :aria-invalid=\"effectiveInvalid || undefined\"\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=\"isRequired\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EA0Dd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACrB,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACnB,MAAM,IAAI,KAAA,EAAU;GACrB,CAAA;EAGD,MAAM,mBAAmB,yBACvB,UAAU,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC1E;EAEA,MAAM,aAAa,yBACjB,UAAU,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC1E;EAGA,MAAM,oBAAoB,eAAe,SAAS,SAAS,SAAS,iBAAiB,MAAK;EAC1F,MAAM,mBAAmB,eAAe,SAAS,UAAU,SAAS,MAAM,UAAS;EAGnF,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,YA6Ba,MAAA,WAAA,EA7Bb,WACU,MA4BG,MA5BE,EAAA;IACZ,eAAa,QAAA;IACb,UAAU,kBAAA;IACV,gBAAc,iBAAA,SAAoB,KAAA;IAClC,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,MAAA,WAAU;IACpB,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/switch/SwitchGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchGroup.js","names":[],"sources":["../../../src/components/switch/SwitchGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { switchGroupVariants, type SwitchGroupVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSwitchGroupProvide } from './switch-group.context'\nimport SwitchInput from './Switch.vue'\n\ntype SwitchShorthandItem = { value: string; label?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  disabled?: boolean\n  modelValue?: string[]\n  defaultValue?: string[]\n  name?: string\n  orientation?: SwitchGroupVariants['orientation']\n  isInvalid?: boolean\n  errorMessage?: string\n  label?: string\n  description?: string\n  class?: string\n  /** Shorthand API: render switches from an array instead of the compound slot API */\n  items?: SwitchShorthandItem[]\n}>(), {\n  size: 'md',\n  disabled: false,\n  isInvalid: false,\n  errorMessage: undefined,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n}>()\n\n// Internal state for uncontrolled mode\nconst internalValues = ref<string[]>(props.defaultValue ?? [])\n\n// Current values: controlled (modelValue) or uncontrolled (internalValues)\nconst currentValues = computed(() => props.modelValue ?? internalValues.value)\n\n// Toggle value in the selection list\nfunction toggleValue(value: string) {\n  const next = currentValues.value.includes(value)\n    ? currentValues.value.filter(v => v !== value)\n    : [...currentValues.value, value]\n  internalValues.value = next\n  emit('update:modelValue', next)\n}\n\n// Provide context to child Switches\nuseSwitchGroupProvide({\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  selectedValues: currentValues,\n  toggleValue,\n  name: toRef(props, 'name'),\n})\n\nconst labelId = `switch-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupSlots = computed(() =>\n  switchGroupVariants({ orientation: props.orientation })\n)\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    :data-orientation=\"props.orientation\"\n    :class=\"composeClassName(groupSlots.base(), props.class)\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"switch-group__label\"\n    >{{ props.label }}</span>\n    <div :class=\"groupSlots.items()\">\n      <template v-if=\"props.items\">\n        <SwitchInput\n          v-for=\"item in props.items\"\n          :key=\"item.value\"\n          :value=\"item.value\"\n          :disabled=\"item.disabled\"\n        >{{ item.label ?? item.value }}</SwitchInput>\n      </template>\n      <slot v-else />\n    </div>\n    <span\n      v-if=\"props.isInvalid && props.errorMessage\"\n      class=\"switch-group__error-message\"\n    >{{ props.errorMessage }}</span>\n    <span\n      v-else-if=\"props.description\"\n      class=\"switch-group__description\"\n    >{{ props.description }}</span>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SwitchGroup.js","names":[],"sources":["../../../src/components/switch/SwitchGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { switchGroupVariants, type SwitchGroupVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSwitchGroupProvide } from './switch-group.context'\nimport SwitchInput from './Switch.vue'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\ntype SwitchShorthandItem = { value: string; label?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  modelValue?: string[]\n  defaultValue?: string[]\n  name?: string\n  orientation?: SwitchGroupVariants['orientation']\n  isInvalid?: boolean\n  errorMessage?: string\n  label?: string\n  description?: string\n  class?: string\n  /** Shorthand API: render switches from an array instead of the compound slot API */\n  items?: SwitchShorthandItem[]\n}>(), {\n  size: 'md',\n  isDisabled: undefined,\n  disabled: undefined,\n  isInvalid: false,\n  errorMessage: undefined,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n}>()\n\n// Internal state for uncontrolled mode\nconst internalValues = ref<string[]>(props.defaultValue ?? [])\n\n// Current values: controlled (modelValue) or uncontrolled (internalValues)\nconst currentValues = computed(() => props.modelValue ?? internalValues.value)\n\n// Toggle value in the selection list\nfunction toggleValue(value: string) {\n  const next = currentValues.value.includes(value)\n    ? currentValues.value.filter(v => v !== value)\n    : [...currentValues.value, value]\n  internalValues.value = next\n  emit('update:modelValue', next)\n}\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'SwitchGroup', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\n// Provide context to child Switches\nuseSwitchGroupProvide({\n  size: toRef(props, 'size'),\n  disabled: isDisabled,\n  isInvalid: toRef(props, 'isInvalid'),\n  selectedValues: currentValues,\n  toggleValue,\n  name: toRef(props, 'name'),\n})\n\nconst labelId = `switch-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupSlots = computed(() =>\n  switchGroupVariants({ orientation: props.orientation })\n)\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    :data-orientation=\"props.orientation\"\n    :class=\"composeClassName(groupSlots.base(), props.class)\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"switch-group__label\"\n    >{{ props.label }}</span>\n    <div :class=\"groupSlots.items()\">\n      <template v-if=\"props.items\">\n        <SwitchInput\n          v-for=\"item in props.items\"\n          :key=\"item.value\"\n          :value=\"item.value\"\n          :is-disabled=\"item.disabled\"\n        >{{ item.label ?? item.value }}</SwitchInput>\n      </template>\n      <slot v-else />\n    </div>\n    <span\n      v-if=\"props.isInvalid && props.errorMessage\"\n      class=\"switch-group__error-message\"\n    >{{ props.errorMessage }}</span>\n    <span\n      v-else-if=\"props.description\"\n      class=\"switch-group__description\"\n    >{{ props.description }}</span>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useSwitchGroupProvide } from "./switch-group.context.js";
 import Switch_default from "./Switch.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, withCtx } from "vue";
@@ -21,9 +22,13 @@ var SwitchGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	__name: "SwitchGroup",
 	props: {
 		size: { default: "md" },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
@@ -50,9 +55,10 @@ var SwitchGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			internalValues.value = next;
 			emit("update:modelValue", next);
 		}
+		const isDisabled = useDeprecatedBooleanProp("SwitchGroup", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		useSwitchGroupProvide({
 			size: toRef(props, "size"),
-			disabled: toRef(props, "disabled"),
+			disabled: isDisabled,
 			isInvalid: toRef(props, "isInvalid"),
 			selectedValues: currentValues,
 			toggleValue,
@@ -77,11 +83,11 @@ var SwitchGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					return openBlock(), createBlock(Switch_default, {
 						key: item.value,
 						value: item.value,
-						disabled: item.disabled
+						"is-disabled": item.disabled
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(item.label ?? item.value), 1)]),
 						_: 2
-					}, 1032, ["value", "disabled"]);
+					}, 1032, ["value", "is-disabled"]);
 				}), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })], 2),
 				props.isInvalid && props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.errorMessage), 1)) : props.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(props.description), 1)) : createCommentVNode("", true)
 			], 10, _hoisted_1);

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/switch/SwitchGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { switchGroupVariants, type SwitchGroupVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSwitchGroupProvide } from './switch-group.context'\nimport SwitchInput from './Switch.vue'\n\ntype SwitchShorthandItem = { value: string; label?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  disabled?: boolean\n  modelValue?: string[]\n  defaultValue?: string[]\n  name?: string\n  orientation?: SwitchGroupVariants['orientation']\n  isInvalid?: boolean\n  errorMessage?: string\n  label?: string\n  description?: string\n  class?: string\n  /** Shorthand API: render switches from an array instead of the compound slot API */\n  items?: SwitchShorthandItem[]\n}>(), {\n  size: 'md',\n  disabled: false,\n  isInvalid: false,\n  errorMessage: undefined,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n}>()\n\n// Internal state for uncontrolled mode\nconst internalValues = ref<string[]>(props.defaultValue ?? [])\n\n// Current values: controlled (modelValue) or uncontrolled (internalValues)\nconst currentValues = computed(() => props.modelValue ?? internalValues.value)\n\n// Toggle value in the selection list\nfunction toggleValue(value: string) {\n  const next = currentValues.value.includes(value)\n    ? currentValues.value.filter(v => v !== value)\n    : [...currentValues.value, value]\n  internalValues.value = next\n  emit('update:modelValue', next)\n}\n\n// Provide context to child Switches\nuseSwitchGroupProvide({\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  selectedValues: currentValues,\n  toggleValue,\n  name: toRef(props, 'name'),\n})\n\nconst labelId = `switch-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupSlots = computed(() =>\n  switchGroupVariants({ orientation: props.orientation })\n)\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    :data-orientation=\"props.orientation\"\n    :class=\"composeClassName(groupSlots.base(), props.class)\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"switch-group__label\"\n    >{{ props.label }}</span>\n    <div :class=\"groupSlots.items()\">\n      <template v-if=\"props.items\">\n        <SwitchInput\n          v-for=\"item in props.items\"\n          :key=\"item.value\"\n          :value=\"item.value\"\n          :disabled=\"item.disabled\"\n        >{{ item.label ?? item.value }}</SwitchInput>\n      </template>\n      <slot v-else />\n    </div>\n    <span\n      v-if=\"props.isInvalid && props.errorMessage\"\n      class=\"switch-group__error-message\"\n    >{{ props.errorMessage }}</span>\n    <span\n      v-else-if=\"props.description\"\n      class=\"switch-group__description\"\n    >{{ props.description }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EA2Bd,MAAM,OAAO;EAKb,MAAM,iBAAiB,IAAc,MAAM,gBAAgB,EAAE,CAAA;EAG7D,MAAM,gBAAgB,eAAe,MAAM,cAAc,eAAe,MAAK;EAG7E,SAAS,YAAY,OAAe;GAClC,MAAM,OAAO,cAAc,MAAM,SAAS,MAAK,GAC3C,cAAc,MAAM,QAAO,MAAK,MAAM,MAAK,GAC3C,CAAC,GAAG,cAAc,OAAO,MAAK;AAClC,kBAAe,QAAQ;AACvB,QAAK,qBAAqB,KAAI;;AAIhC,wBAAsB;GACpB,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU,MAAM,OAAO,WAAW;GAClC,WAAW,MAAM,OAAO,YAAY;GACpC,gBAAgB;GAChB;GACA,MAAM,MAAM,OAAO,OAAO;GAC3B,CAAA;EAED,MAAM,UAAU,sBAAsB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE;EAE5E,MAAM,aAAa,eACjB,oBAAoB,EAAE,aAAa,MAAM,aAAa,CAAA,CACxD;;uBAIE,mBA+BM,OAAA;IA9BJ,MAAK;IACJ,mBAAiB,MAAM,QAAQ,UAAU,KAAA;IACzC,gBAAc,MAAM,aAAa,KAAA;IACjC,oBAAkB,MAAM;IACxB,OAAK,eAAE,MAAA,iBAAgB,CAAC,WAAA,MAAW,MAAI,EAAI,MAAM,MAAK,CAAA;;IAG/C,MAAM,SAAA,WAAA,EADd,mBAIyB,QAAA;;KAFtB,IAAI;KACL,OAAM;uBACJ,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IACf,mBAUM,OAAA,EAVA,OAAK,eAAE,WAAA,MAAW,OAAK,CAAA,EAAA,EAAA,CACX,MAAM,SAAA,UAAA,KAAA,EACpB,mBAK6C,UAAA,EAAA,KAAA,GAAA,EAAA,WAJ5B,MAAM,QAAd,SAAI;yBADb,YAK6C,gBAAA;MAH1C,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,UAAU,KAAK;;6BACa,CAAA,gBAAA,gBAA3B,KAAK,SAAS,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;gBAE9B,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA;IAGT,MAAM,aAAa,MAAM,gBAAA,WAAA,EADjC,mBAGgC,QAHhC,YAGgC,gBAA5B,MAAM,aAAY,EAAA,EAAA,IAET,MAAM,eAAA,WAAA,EADnB,mBAG+B,QAH/B,YAG+B,gBAA3B,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"SwitchGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/switch/SwitchGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { switchGroupVariants, type SwitchGroupVariants, type SwitchVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSwitchGroupProvide } from './switch-group.context'\nimport SwitchInput from './Switch.vue'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\ntype SwitchShorthandItem = { value: string; label?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  size?: SwitchVariants['size']\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  modelValue?: string[]\n  defaultValue?: string[]\n  name?: string\n  orientation?: SwitchGroupVariants['orientation']\n  isInvalid?: boolean\n  errorMessage?: string\n  label?: string\n  description?: string\n  class?: string\n  /** Shorthand API: render switches from an array instead of the compound slot API */\n  items?: SwitchShorthandItem[]\n}>(), {\n  size: 'md',\n  isDisabled: undefined,\n  disabled: undefined,\n  isInvalid: false,\n  errorMessage: undefined,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n}>()\n\n// Internal state for uncontrolled mode\nconst internalValues = ref<string[]>(props.defaultValue ?? [])\n\n// Current values: controlled (modelValue) or uncontrolled (internalValues)\nconst currentValues = computed(() => props.modelValue ?? internalValues.value)\n\n// Toggle value in the selection list\nfunction toggleValue(value: string) {\n  const next = currentValues.value.includes(value)\n    ? currentValues.value.filter(v => v !== value)\n    : [...currentValues.value, value]\n  internalValues.value = next\n  emit('update:modelValue', next)\n}\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'SwitchGroup', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\n// Provide context to child Switches\nuseSwitchGroupProvide({\n  size: toRef(props, 'size'),\n  disabled: isDisabled,\n  isInvalid: toRef(props, 'isInvalid'),\n  selectedValues: currentValues,\n  toggleValue,\n  name: toRef(props, 'name'),\n})\n\nconst labelId = `switch-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupSlots = computed(() =>\n  switchGroupVariants({ orientation: props.orientation })\n)\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    :data-orientation=\"props.orientation\"\n    :class=\"composeClassName(groupSlots.base(), props.class)\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"switch-group__label\"\n    >{{ props.label }}</span>\n    <div :class=\"groupSlots.items()\">\n      <template v-if=\"props.items\">\n        <SwitchInput\n          v-for=\"item in props.items\"\n          :key=\"item.value\"\n          :value=\"item.value\"\n          :is-disabled=\"item.disabled\"\n        >{{ item.label ?? item.value }}</SwitchInput>\n      </template>\n      <slot v-else />\n    </div>\n    <span\n      v-if=\"props.isInvalid && props.errorMessage\"\n      class=\"switch-group__error-message\"\n    >{{ props.errorMessage }}</span>\n    <span\n      v-else-if=\"props.description\"\n      class=\"switch-group__description\"\n    >{{ props.description }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EA8Bd,MAAM,OAAO;EAKb,MAAM,iBAAiB,IAAc,MAAM,gBAAgB,EAAE,CAAA;EAG7D,MAAM,gBAAgB,eAAe,MAAM,cAAc,eAAe,MAAK;EAG7E,SAAS,YAAY,OAAe;GAClC,MAAM,OAAO,cAAc,MAAM,SAAS,MAAK,GAC3C,cAAc,MAAM,QAAO,MAAK,MAAM,MAAK,GAC3C,CAAC,GAAG,cAAc,OAAO,MAAK;AAClC,kBAAe,QAAQ;AACvB,QAAK,qBAAqB,KAAI;;EAGhC,MAAM,aAAa,yBACjB,eAAe,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC/E;AAGA,wBAAsB;GACpB,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU;GACV,WAAW,MAAM,OAAO,YAAY;GACpC,gBAAgB;GAChB;GACA,MAAM,MAAM,OAAO,OAAO;GAC3B,CAAA;EAED,MAAM,UAAU,sBAAsB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE;EAE5E,MAAM,aAAa,eACjB,oBAAoB,EAAE,aAAa,MAAM,aAAa,CAAA,CACxD;;uBAIE,mBA+BM,OAAA;IA9BJ,MAAK;IACJ,mBAAiB,MAAM,QAAQ,UAAU,KAAA;IACzC,gBAAc,MAAM,aAAa,KAAA;IACjC,oBAAkB,MAAM;IACxB,OAAK,eAAE,MAAA,iBAAgB,CAAC,WAAA,MAAW,MAAI,EAAI,MAAM,MAAK,CAAA;;IAG/C,MAAM,SAAA,WAAA,EADd,mBAIyB,QAAA;;KAFtB,IAAI;KACL,OAAM;uBACJ,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IACf,mBAUM,OAAA,EAVA,OAAK,eAAE,WAAA,MAAW,OAAK,CAAA,EAAA,EAAA,CACX,MAAM,SAAA,UAAA,KAAA,EACpB,mBAK6C,UAAA,EAAA,KAAA,GAAA,EAAA,WAJ5B,MAAM,QAAd,SAAI;yBADb,YAK6C,gBAAA;MAH1C,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,eAAa,KAAK;;6BACU,CAAA,gBAAA,gBAA3B,KAAK,SAAS,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;gBAE9B,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA;IAGT,MAAM,aAAa,MAAM,gBAAA,WAAA,EADjC,mBAGgC,QAHhC,YAGgC,gBAA5B,MAAM,aAAY,EAAA,EAAA,IAET,MAAM,eAAA,WAAA,EADnB,mBAG+B,QAH/B,YAG+B,gBAA3B,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/table/Table.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Note: Vue 3.5 generic SFCs do not propagate generic type parameters across\n// component boundaries when used via JSX/mount() in tests. We use ColumnDef<any, any>\n// for props to avoid TS2322 errors while keeping internal TanStack reactivity correct.\nimport { computed, ref, watch, useTemplateRef, h } from 'vue'\nimport {\n  useVueTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type Table as TableInstance,\n  type RowData,\n  type Row,\n} from '@tanstack/vue-table'\nimport { tableVariants, type TableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableProvide } from './table.context'\nimport { useTableKeyboardNav } from './useTableKeyboardNav'\nimport TableHeader from './TableHeader.vue'\nimport TableBody from './TableBody.vue'\nimport TableVirtualBody from './TableVirtualBody.vue'\nimport TableFooter from './TableFooter.vue'\nimport TableCheckboxCell from './TableCheckboxCell.vue'\n\ntype SelectionMode = 'none' | 'single' | 'multiple'\n\nconst props = withDefaults(\n  defineProps<{\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    columns: ColumnDef<any, any>[]\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: any[]\n    variant?: TableVariants['variant']\n    ariaLabel?: string\n    /** Row selection mode. 'single' = radio-style; 'multiple' = checkbox + shift+click; 'none' = disabled */\n    selection?: SelectionMode\n    /** Controlled row selection state (Record<rowId, boolean>). Use v-model:rowSelection */\n    rowSelection?: RowSelectionState\n    /**\n     * Opt-in row virtualization via @tanstack/vue-virtual.\n     * - false (default): all rows render in a standard <tbody>\n     * - true: always render via TableVirtualBody (only visible rows in DOM)\n     * - number N: auto-enable virtualization when data.length > N\n     */\n    virtualRows?: boolean | number\n    /** Estimated row height in px used by the virtualizer (default: 44) */\n    estimatedRowHeight?: number\n    /** Extra rows to render outside the visible viewport (default: 8) */\n    virtualizerOverscan?: number\n    /** Per-slot CSS class overrides */\n    classNames?: Partial<{\n      base: ClassValue\n      scrollContainer: ClassValue\n    }>\n  }>(),\n  {\n    variant: 'primary',\n    ariaLabel: undefined,\n    selection: 'none',\n    rowSelection: undefined,\n    virtualRows: false,\n    estimatedRowHeight: 44,\n    virtualizerOverscan: 8,\n  }\n)\n\nconst emit = defineEmits<{\n  'update:rowSelection': [value: RowSelectionState]\n}>()\n\n// --- Sorting state ----------------------------------------------------\nconst sorting = ref<SortingState>([])\n\n// --- Row selection state (controlled/uncontrolled) -------------------\nconst internalRowSelection = ref<RowSelectionState>(props.rowSelection ?? {})\nwatch(\n  () => props.rowSelection,\n  (next) => {\n    if (next !== undefined) internalRowSelection.value = next\n  },\n  { deep: true }\n)\n\nfunction updateRowSelection(\n  updater: RowSelectionState | ((old: RowSelectionState) => RowSelectionState)\n) {\n  const next = typeof updater === 'function' ? updater(internalRowSelection.value) : updater\n  internalRowSelection.value = next\n  emit('update:rowSelection', next)\n}\n\n// --- Selection column injected at position 0 when enabled -----------\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst selectionColumn: ColumnDef<any, any> = {\n  id: '__select__',\n  size: 44,\n  enableSorting: false,\n  header: ({ table: t }) =>\n    props.selection === 'multiple'\n      ? h(TableCheckboxCell, { table: t as unknown as TableInstance<RowData> })\n      : '',\n  cell: ({ row: r }) => h(TableCheckboxCell, { row: r as unknown as Row<RowData> }),\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst effectiveColumns = computed<ColumnDef<any, any>[]>(() => {\n  if (props.selection === 'none') return props.columns\n  return [selectionColumn, ...props.columns]\n})\n\n// --- useVueTable instance ---------------------------------------------\n// Use getters so @tanstack/vue-table tracks prop reactivity.\nconst table = useVueTable({\n  get data() {\n    return props.data\n  },\n  get columns() {\n    return effectiveColumns.value as ColumnDef<RowData, unknown>[]\n  },\n  state: {\n    get sorting() {\n      return sorting.value\n    },\n    get rowSelection() {\n      return internalRowSelection.value\n    },\n  },\n  onSortingChange: (updater) => {\n    sorting.value = typeof updater === 'function' ? updater(sorting.value) : updater\n  },\n  onRowSelectionChange: updateRowSelection,\n  get enableRowSelection() {\n    return props.selection !== 'none'\n  },\n  get enableMultiRowSelection() {\n    return props.selection === 'multiple'\n  },\n  getCoreRowModel: getCoreRowModel(),\n  getSortedRowModel: getSortedRowModel(),\n}) as unknown as TableInstance<RowData>\n\n// --- Virtualization ---------------------------------------------------\n/** Whether to use TableVirtualBody instead of TableBody */\nconst useVirtual = computed<boolean>(() => {\n  if (props.virtualRows === false) return false\n  if (props.virtualRows === true) return true\n  if (typeof props.virtualRows === 'number') return props.data.length > props.virtualRows\n  return false\n})\n\n// The scroll container wrapping the <table> — passed to the virtualizer\nconst scrollContainerRef = useTemplateRef<HTMLElement>('scrollContainerRef')\n\n// Ref to TableVirtualBody instance so keyboard nav can call scrollToIndex\nconst virtualBodyRef = ref<InstanceType<typeof TableVirtualBody> | null>(null)\n\n// --- Keyboard navigation ----------------------------------------------\nconst rootRef = useTemplateRef<HTMLElement>('rootRef')\n\nconst rowCount = computed(() => props.data.length)\nconst columnCount = computed(() => {\n  const firstGroup = table.getHeaderGroups()[0]\n  return firstGroup ? firstGroup.headers.length : 0\n})\n\nfunction getCellElement(rowIndex: number, columnIndex: number): HTMLElement | null {\n  const root = rootRef.value\n  if (!root) return null\n  // In virtualized mode, scroll the row into view first so the DOM node exists.\n  // The queueMicrotask in useTableKeyboardNav.move() gives Vue one tick to\n  // flush the virtualizer's render before focus is attempted.\n  if (useVirtual.value && virtualBodyRef.value) {\n    virtualBodyRef.value.scrollToIndex(rowIndex)\n  }\n  return root.querySelector<HTMLElement>(\n    `[data-row-index=\"${rowIndex}\"][data-col-index=\"${columnIndex}\"]`\n  )\n}\n\nconst keyboardNav = useTableKeyboardNav({ rowCount, columnCount, getCellElement })\n\n// --- Selection context helpers ----------------------------------------\nconst selectionEnabled = computed(() => props.selection !== 'none')\nconst selectionMode = computed(() => props.selection ?? 'none')\n\n// Track last-clicked row index for Shift+Click range selection\nconst lastClickedRowIndex = ref<number | null>(null)\n\nfunction handleRowClick(rowIndex: number, event: MouseEvent) {\n  if (props.selection === 'none') return\n  const rows = table.getRowModel().rows\n  if (props.selection === 'multiple' && event.shiftKey && lastClickedRowIndex.value !== null) {\n    const [start, end] = [lastClickedRowIndex.value, rowIndex].sort((a, b) => a - b)\n    const next: RowSelectionState = { ...internalRowSelection.value }\n    for (let i = start; i <= end; i++) {\n      const r = rows[i]\n      if (r) next[r.id] = true\n    }\n    updateRowSelection(next)\n  }\n  lastClickedRowIndex.value = rowIndex\n}\n\n// --- Context provision -------------------------------------------------\nconst variantRef = computed(() => props.variant ?? 'primary')\nconst activeCell = keyboardNav.activeCell\n\nuseTableProvide({\n  table,\n  activeCell,\n  selectionEnabled,\n  selectionMode,\n  variant: variantRef,\n  handleRowClick,\n})\n\n// --- Slot class derivation -------------------------------------------\nconst slotFns = computed(() => tableVariants({ variant: variantRef.value }))\n\ndefineExpose({ table, keyboardNav, handleRowClick })\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), $attrs.class as string, props.classNames?.base)\">\n    <!--\n      scroll container: when virtualized, needs a fixed height + overflow:auto\n      so the virtualizer can measure the viewport. Consumers should override\n      the inline height via a wrapping container or CSS for production use.\n    -->\n    <div\n      ref=\"scrollContainerRef\"\n      :class=\"composeClassName(slotFns.scrollContainer(), props.classNames?.scrollContainer)\"\n      :style=\"useVirtual ? { height: '400px', overflow: 'auto' } : undefined\"\n    >\n      <table\n        ref=\"rootRef\"\n        role=\"grid\"\n        :aria-label=\"ariaLabel\"\n        :aria-rowcount=\"rowCount\"\n        :aria-colcount=\"columnCount\"\n        @keydown=\"keyboardNav.onKeydown\"\n      >\n        <TableHeader />\n        <TableBody v-if=\"!useVirtual\">\n          <template #cell=\"slotProps\">\n            <slot\n              name=\"cell\"\n              v-bind=\"slotProps\"\n            />\n          </template>\n        </TableBody>\n        <TableVirtualBody\n          v-else\n          ref=\"virtualBodyRef\"\n          :scroll-element=\"scrollContainerRef\"\n          :estimated-row-height=\"estimatedRowHeight\"\n          :overscan=\"virtualizerOverscan\"\n        />\n        <TableFooter v-if=\"$slots.footer\">\n          <slot name=\"footer\" />\n        </TableFooter>\n      </table>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/table/Table.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TData extends RowData = RowData\">\nimport { computed, ref, watch, useTemplateRef, h } from 'vue'\nimport {\n  useVueTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type Table as TableInstance,\n  type RowData,\n  type Row,\n} from '@tanstack/vue-table'\nimport { tableVariants, type TableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableProvide } from './table.context'\nimport { useTableKeyboardNav } from './useTableKeyboardNav'\nimport TableHeader from './TableHeader.vue'\nimport TableBody from './TableBody.vue'\nimport TableVirtualBody from './TableVirtualBody.vue'\nimport TableFooter from './TableFooter.vue'\nimport TableCheckboxCell from './TableCheckboxCell.vue'\n\ntype SelectionMode = 'none' | 'single' | 'multiple'\n\nconst props = withDefaults(\n  defineProps<{\n    columns: ColumnDef<TData, any>[]\n    data: TData[]\n    variant?: TableVariants['variant']\n    ariaLabel?: string\n    /** Row selection mode. 'single' = radio-style; 'multiple' = checkbox + shift+click; 'none' = disabled */\n    selection?: SelectionMode\n    /** Controlled row selection state (Record<rowId, boolean>). Use v-model:rowSelection */\n    rowSelection?: RowSelectionState\n    /**\n     * Opt-in row virtualization via @tanstack/vue-virtual.\n     * - false (default): all rows render in a standard <tbody>\n     * - true: always render via TableVirtualBody (only visible rows in DOM)\n     * - number N: auto-enable virtualization when data.length > N\n     */\n    virtualRows?: boolean | number\n    /** Estimated row height in px used by the virtualizer (default: 44) */\n    estimatedRowHeight?: number\n    /** Extra rows to render outside the visible viewport (default: 8) */\n    virtualizerOverscan?: number\n    /** Per-slot CSS class overrides */\n    classNames?: Partial<{\n      base: ClassValue\n      scrollContainer: ClassValue\n    }>\n  }>(),\n  {\n    variant: 'primary',\n    ariaLabel: undefined,\n    selection: 'none',\n    rowSelection: undefined,\n    virtualRows: false,\n    estimatedRowHeight: 44,\n    virtualizerOverscan: 8,\n  }\n)\n\nconst emit = defineEmits<{\n  'update:rowSelection': [value: RowSelectionState]\n}>()\n\n// --- Sorting state ----------------------------------------------------\nconst sorting = ref<SortingState>([])\n\n// --- Row selection state (controlled/uncontrolled) -------------------\nconst internalRowSelection = ref<RowSelectionState>(props.rowSelection ?? {})\nwatch(\n  () => props.rowSelection,\n  (next) => {\n    if (next !== undefined) internalRowSelection.value = next\n  },\n  { deep: true }\n)\n\nfunction updateRowSelection(\n  updater: RowSelectionState | ((old: RowSelectionState) => RowSelectionState)\n) {\n  const next = typeof updater === 'function' ? updater(internalRowSelection.value) : updater\n  internalRowSelection.value = next\n  emit('update:rowSelection', next)\n}\n\n// --- Selection column injected at position 0 when enabled -----------\nconst selectionColumn: ColumnDef<TData, any> = {\n  id: '__select__',\n  size: 44,\n  enableSorting: false,\n  // TableCheckboxCell is invoked here via h() (a runtime call, not a compiled\n  // template), which — like @vue/test-utils' mount() — does not infer a generic\n  // SFC's type parameter from the props passed. It always resolves to the\n  // component's default (RowData). Casting through RowData (not TData) here\n  // matches what h() actually expects; this is the one narrower assertion the\n  // design spec anticipated keeping.\n  header: ({ table: t }) =>\n    props.selection === 'multiple'\n      ? h(TableCheckboxCell, { table: t as unknown as TableInstance<RowData> })\n      : '',\n  cell: ({ row: r }) => h(TableCheckboxCell, { row: r as unknown as Row<RowData> }),\n}\n\nconst effectiveColumns = computed<ColumnDef<TData, any>[]>(() => {\n  if (props.selection === 'none') return props.columns\n  return [selectionColumn, ...props.columns]\n})\n\n// --- useVueTable instance ---------------------------------------------\n// Use getters so @tanstack/vue-table tracks prop reactivity.\nconst table = useVueTable({\n  get data() {\n    return props.data\n  },\n  get columns() {\n    return effectiveColumns.value as ColumnDef<TData, unknown>[]\n  },\n  state: {\n    get sorting() {\n      return sorting.value\n    },\n    get rowSelection() {\n      return internalRowSelection.value\n    },\n  },\n  onSortingChange: (updater) => {\n    sorting.value = typeof updater === 'function' ? updater(sorting.value) : updater\n  },\n  onRowSelectionChange: updateRowSelection,\n  get enableRowSelection() {\n    return props.selection !== 'none'\n  },\n  get enableMultiRowSelection() {\n    return props.selection === 'multiple'\n  },\n  getCoreRowModel: getCoreRowModel(),\n  getSortedRowModel: getSortedRowModel(),\n})\n\n// --- Virtualization ---------------------------------------------------\n/** Whether to use TableVirtualBody instead of TableBody */\nconst useVirtual = computed<boolean>(() => {\n  if (props.virtualRows === false) return false\n  if (props.virtualRows === true) return true\n  if (typeof props.virtualRows === 'number') return props.data.length > props.virtualRows\n  return false\n})\n\n// The scroll container wrapping the <table> — passed to the virtualizer\nconst scrollContainerRef = useTemplateRef<HTMLElement>('scrollContainerRef')\n\n// Ref to TableVirtualBody instance so keyboard nav can call scrollToIndex.\n// InstanceType<typeof TableVirtualBody> no longer resolves now that\n// TableVirtualBody is a generic SFC (its exported type is a generic factory\n// function, not a plain constructor) — declare the exposed shape by hand\n// instead, matching what TableVirtualBody.vue's defineExpose actually provides.\ninterface TableVirtualBodyExpose {\n  scrollToIndex: (index: number) => void\n}\nconst virtualBodyRef = ref<TableVirtualBodyExpose | null>(null)\n\n// --- Keyboard navigation ----------------------------------------------\nconst rootRef = useTemplateRef<HTMLElement>('rootRef')\n\nconst rowCount = computed(() => props.data.length)\nconst columnCount = computed(() => {\n  const firstGroup = table.getHeaderGroups()[0]\n  return firstGroup ? firstGroup.headers.length : 0\n})\n\nfunction getCellElement(rowIndex: number, columnIndex: number): HTMLElement | null {\n  const root = rootRef.value\n  if (!root) return null\n  // In virtualized mode, scroll the row into view first so the DOM node exists.\n  // The queueMicrotask in useTableKeyboardNav.move() gives Vue one tick to\n  // flush the virtualizer's render before focus is attempted.\n  if (useVirtual.value && virtualBodyRef.value) {\n    virtualBodyRef.value.scrollToIndex(rowIndex)\n  }\n  return root.querySelector<HTMLElement>(\n    `[data-row-index=\"${rowIndex}\"][data-col-index=\"${columnIndex}\"]`\n  )\n}\n\nconst keyboardNav = useTableKeyboardNav({ rowCount, columnCount, getCellElement })\n\n// --- Selection context helpers ----------------------------------------\nconst selectionEnabled = computed(() => props.selection !== 'none')\nconst selectionMode = computed(() => props.selection ?? 'none')\n\n// Track last-clicked row index for Shift+Click range selection\nconst lastClickedRowIndex = ref<number | null>(null)\n\nfunction handleRowClick(rowIndex: number, event: MouseEvent) {\n  if (props.selection === 'none') return\n  const rows = table.getRowModel().rows\n  if (props.selection === 'multiple' && event.shiftKey && lastClickedRowIndex.value !== null) {\n    const [start, end] = [lastClickedRowIndex.value, rowIndex].sort((a, b) => a - b)\n    const next: RowSelectionState = { ...internalRowSelection.value }\n    for (let i = start; i <= end; i++) {\n      const r = rows[i]\n      if (r) next[r.id] = true\n    }\n    updateRowSelection(next)\n  }\n  lastClickedRowIndex.value = rowIndex\n}\n\n// --- Context provision -------------------------------------------------\nconst variantRef = computed(() => props.variant ?? 'primary')\nconst activeCell = keyboardNav.activeCell\n\nuseTableProvide({\n  table,\n  activeCell,\n  selectionEnabled,\n  selectionMode,\n  variant: variantRef,\n  handleRowClick,\n})\n\n// --- Slot class derivation -------------------------------------------\nconst slotFns = computed(() => tableVariants({ variant: variantRef.value }))\n\ndefineExpose({ table, keyboardNav, handleRowClick })\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), $attrs.class as string, props.classNames?.base)\">\n    <!--\n      scroll container: when virtualized, needs a fixed height + overflow:auto\n      so the virtualizer can measure the viewport. Consumers should override\n      the inline height via a wrapping container or CSS for production use.\n    -->\n    <div\n      ref=\"scrollContainerRef\"\n      :class=\"composeClassName(slotFns.scrollContainer(), props.classNames?.scrollContainer)\"\n      :style=\"useVirtual ? { height: '400px', overflow: 'auto' } : undefined\"\n    >\n      <table\n        ref=\"rootRef\"\n        role=\"grid\"\n        :aria-label=\"ariaLabel\"\n        :aria-rowcount=\"rowCount\"\n        :aria-colcount=\"columnCount\"\n        @keydown=\"keyboardNav.onKeydown\"\n      >\n        <TableHeader />\n        <TableBody v-if=\"!useVirtual\">\n          <template #cell=\"slotProps\">\n            <slot\n              name=\"cell\"\n              v-bind=\"slotProps\"\n            />\n          </template>\n        </TableBody>\n        <TableVirtualBody\n          v-else\n          ref=\"virtualBodyRef\"\n          :scroll-element=\"scrollContainerRef\"\n          :estimated-row-height=\"estimatedRowHeight\"\n          :overscan=\"virtualizerOverscan\"\n        />\n        <TableFooter v-if=\"$slots.footer\">\n          <slot name=\"footer\" />\n        </TableFooter>\n      </table>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Table.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/table/Table.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Note: Vue 3.5 generic SFCs do not propagate generic type parameters across\n// component boundaries when used via JSX/mount() in tests. We use ColumnDef<any, any>\n// for props to avoid TS2322 errors while keeping internal TanStack reactivity correct.\nimport { computed, ref, watch, useTemplateRef, h } from 'vue'\nimport {\n  useVueTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type Table as TableInstance,\n  type RowData,\n  type Row,\n} from '@tanstack/vue-table'\nimport { tableVariants, type TableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableProvide } from './table.context'\nimport { useTableKeyboardNav } from './useTableKeyboardNav'\nimport TableHeader from './TableHeader.vue'\nimport TableBody from './TableBody.vue'\nimport TableVirtualBody from './TableVirtualBody.vue'\nimport TableFooter from './TableFooter.vue'\nimport TableCheckboxCell from './TableCheckboxCell.vue'\n\ntype SelectionMode = 'none' | 'single' | 'multiple'\n\nconst props = withDefaults(\n  defineProps<{\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    columns: ColumnDef<any, any>[]\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: any[]\n    variant?: TableVariants['variant']\n    ariaLabel?: string\n    /** Row selection mode. 'single' = radio-style; 'multiple' = checkbox + shift+click; 'none' = disabled */\n    selection?: SelectionMode\n    /** Controlled row selection state (Record<rowId, boolean>). Use v-model:rowSelection */\n    rowSelection?: RowSelectionState\n    /**\n     * Opt-in row virtualization via @tanstack/vue-virtual.\n     * - false (default): all rows render in a standard <tbody>\n     * - true: always render via TableVirtualBody (only visible rows in DOM)\n     * - number N: auto-enable virtualization when data.length > N\n     */\n    virtualRows?: boolean | number\n    /** Estimated row height in px used by the virtualizer (default: 44) */\n    estimatedRowHeight?: number\n    /** Extra rows to render outside the visible viewport (default: 8) */\n    virtualizerOverscan?: number\n    /** Per-slot CSS class overrides */\n    classNames?: Partial<{\n      base: ClassValue\n      scrollContainer: ClassValue\n    }>\n  }>(),\n  {\n    variant: 'primary',\n    ariaLabel: undefined,\n    selection: 'none',\n    rowSelection: undefined,\n    virtualRows: false,\n    estimatedRowHeight: 44,\n    virtualizerOverscan: 8,\n  }\n)\n\nconst emit = defineEmits<{\n  'update:rowSelection': [value: RowSelectionState]\n}>()\n\n// --- Sorting state ----------------------------------------------------\nconst sorting = ref<SortingState>([])\n\n// --- Row selection state (controlled/uncontrolled) -------------------\nconst internalRowSelection = ref<RowSelectionState>(props.rowSelection ?? {})\nwatch(\n  () => props.rowSelection,\n  (next) => {\n    if (next !== undefined) internalRowSelection.value = next\n  },\n  { deep: true }\n)\n\nfunction updateRowSelection(\n  updater: RowSelectionState | ((old: RowSelectionState) => RowSelectionState)\n) {\n  const next = typeof updater === 'function' ? updater(internalRowSelection.value) : updater\n  internalRowSelection.value = next\n  emit('update:rowSelection', next)\n}\n\n// --- Selection column injected at position 0 when enabled -----------\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst selectionColumn: ColumnDef<any, any> = {\n  id: '__select__',\n  size: 44,\n  enableSorting: false,\n  header: ({ table: t }) =>\n    props.selection === 'multiple'\n      ? h(TableCheckboxCell, { table: t as unknown as TableInstance<RowData> })\n      : '',\n  cell: ({ row: r }) => h(TableCheckboxCell, { row: r as unknown as Row<RowData> }),\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst effectiveColumns = computed<ColumnDef<any, any>[]>(() => {\n  if (props.selection === 'none') return props.columns\n  return [selectionColumn, ...props.columns]\n})\n\n// --- useVueTable instance ---------------------------------------------\n// Use getters so @tanstack/vue-table tracks prop reactivity.\nconst table = useVueTable({\n  get data() {\n    return props.data\n  },\n  get columns() {\n    return effectiveColumns.value as ColumnDef<RowData, unknown>[]\n  },\n  state: {\n    get sorting() {\n      return sorting.value\n    },\n    get rowSelection() {\n      return internalRowSelection.value\n    },\n  },\n  onSortingChange: (updater) => {\n    sorting.value = typeof updater === 'function' ? updater(sorting.value) : updater\n  },\n  onRowSelectionChange: updateRowSelection,\n  get enableRowSelection() {\n    return props.selection !== 'none'\n  },\n  get enableMultiRowSelection() {\n    return props.selection === 'multiple'\n  },\n  getCoreRowModel: getCoreRowModel(),\n  getSortedRowModel: getSortedRowModel(),\n}) as unknown as TableInstance<RowData>\n\n// --- Virtualization ---------------------------------------------------\n/** Whether to use TableVirtualBody instead of TableBody */\nconst useVirtual = computed<boolean>(() => {\n  if (props.virtualRows === false) return false\n  if (props.virtualRows === true) return true\n  if (typeof props.virtualRows === 'number') return props.data.length > props.virtualRows\n  return false\n})\n\n// The scroll container wrapping the <table> — passed to the virtualizer\nconst scrollContainerRef = useTemplateRef<HTMLElement>('scrollContainerRef')\n\n// Ref to TableVirtualBody instance so keyboard nav can call scrollToIndex\nconst virtualBodyRef = ref<InstanceType<typeof TableVirtualBody> | null>(null)\n\n// --- Keyboard navigation ----------------------------------------------\nconst rootRef = useTemplateRef<HTMLElement>('rootRef')\n\nconst rowCount = computed(() => props.data.length)\nconst columnCount = computed(() => {\n  const firstGroup = table.getHeaderGroups()[0]\n  return firstGroup ? firstGroup.headers.length : 0\n})\n\nfunction getCellElement(rowIndex: number, columnIndex: number): HTMLElement | null {\n  const root = rootRef.value\n  if (!root) return null\n  // In virtualized mode, scroll the row into view first so the DOM node exists.\n  // The queueMicrotask in useTableKeyboardNav.move() gives Vue one tick to\n  // flush the virtualizer's render before focus is attempted.\n  if (useVirtual.value && virtualBodyRef.value) {\n    virtualBodyRef.value.scrollToIndex(rowIndex)\n  }\n  return root.querySelector<HTMLElement>(\n    `[data-row-index=\"${rowIndex}\"][data-col-index=\"${columnIndex}\"]`\n  )\n}\n\nconst keyboardNav = useTableKeyboardNav({ rowCount, columnCount, getCellElement })\n\n// --- Selection context helpers ----------------------------------------\nconst selectionEnabled = computed(() => props.selection !== 'none')\nconst selectionMode = computed(() => props.selection ?? 'none')\n\n// Track last-clicked row index for Shift+Click range selection\nconst lastClickedRowIndex = ref<number | null>(null)\n\nfunction handleRowClick(rowIndex: number, event: MouseEvent) {\n  if (props.selection === 'none') return\n  const rows = table.getRowModel().rows\n  if (props.selection === 'multiple' && event.shiftKey && lastClickedRowIndex.value !== null) {\n    const [start, end] = [lastClickedRowIndex.value, rowIndex].sort((a, b) => a - b)\n    const next: RowSelectionState = { ...internalRowSelection.value }\n    for (let i = start; i <= end; i++) {\n      const r = rows[i]\n      if (r) next[r.id] = true\n    }\n    updateRowSelection(next)\n  }\n  lastClickedRowIndex.value = rowIndex\n}\n\n// --- Context provision -------------------------------------------------\nconst variantRef = computed(() => props.variant ?? 'primary')\nconst activeCell = keyboardNav.activeCell\n\nuseTableProvide({\n  table,\n  activeCell,\n  selectionEnabled,\n  selectionMode,\n  variant: variantRef,\n  handleRowClick,\n})\n\n// --- Slot class derivation -------------------------------------------\nconst slotFns = computed(() => tableVariants({ variant: variantRef.value }))\n\ndefineExpose({ table, keyboardNav, handleRowClick })\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), $attrs.class as string, props.classNames?.base)\">\n    <!--\n      scroll container: when virtualized, needs a fixed height + overflow:auto\n      so the virtualizer can measure the viewport. Consumers should override\n      the inline height via a wrapping container or CSS for production use.\n    -->\n    <div\n      ref=\"scrollContainerRef\"\n      :class=\"composeClassName(slotFns.scrollContainer(), props.classNames?.scrollContainer)\"\n      :style=\"useVirtual ? { height: '400px', overflow: 'auto' } : undefined\"\n    >\n      <table\n        ref=\"rootRef\"\n        role=\"grid\"\n        :aria-label=\"ariaLabel\"\n        :aria-rowcount=\"rowCount\"\n        :aria-colcount=\"columnCount\"\n        @keydown=\"keyboardNav.onKeydown\"\n      >\n        <TableHeader />\n        <TableBody v-if=\"!useVirtual\">\n          <template #cell=\"slotProps\">\n            <slot\n              name=\"cell\"\n              v-bind=\"slotProps\"\n            />\n          </template>\n        </TableBody>\n        <TableVirtualBody\n          v-else\n          ref=\"virtualBodyRef\"\n          :scroll-element=\"scrollContainerRef\"\n          :estimated-row-height=\"estimatedRowHeight\"\n          :overscan=\"virtualizerOverscan\"\n        />\n        <TableFooter v-if=\"$slots.footer\">\n          <slot name=\"footer\" />\n        </TableFooter>\n      </table>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Table.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/table/Table.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TData extends RowData = RowData\">\nimport { computed, ref, watch, useTemplateRef, h } from 'vue'\nimport {\n  useVueTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type Table as TableInstance,\n  type RowData,\n  type Row,\n} from '@tanstack/vue-table'\nimport { tableVariants, type TableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableProvide } from './table.context'\nimport { useTableKeyboardNav } from './useTableKeyboardNav'\nimport TableHeader from './TableHeader.vue'\nimport TableBody from './TableBody.vue'\nimport TableVirtualBody from './TableVirtualBody.vue'\nimport TableFooter from './TableFooter.vue'\nimport TableCheckboxCell from './TableCheckboxCell.vue'\n\ntype SelectionMode = 'none' | 'single' | 'multiple'\n\nconst props = withDefaults(\n  defineProps<{\n    columns: ColumnDef<TData, any>[]\n    data: TData[]\n    variant?: TableVariants['variant']\n    ariaLabel?: string\n    /** Row selection mode. 'single' = radio-style; 'multiple' = checkbox + shift+click; 'none' = disabled */\n    selection?: SelectionMode\n    /** Controlled row selection state (Record<rowId, boolean>). Use v-model:rowSelection */\n    rowSelection?: RowSelectionState\n    /**\n     * Opt-in row virtualization via @tanstack/vue-virtual.\n     * - false (default): all rows render in a standard <tbody>\n     * - true: always render via TableVirtualBody (only visible rows in DOM)\n     * - number N: auto-enable virtualization when data.length > N\n     */\n    virtualRows?: boolean | number\n    /** Estimated row height in px used by the virtualizer (default: 44) */\n    estimatedRowHeight?: number\n    /** Extra rows to render outside the visible viewport (default: 8) */\n    virtualizerOverscan?: number\n    /** Per-slot CSS class overrides */\n    classNames?: Partial<{\n      base: ClassValue\n      scrollContainer: ClassValue\n    }>\n  }>(),\n  {\n    variant: 'primary',\n    ariaLabel: undefined,\n    selection: 'none',\n    rowSelection: undefined,\n    virtualRows: false,\n    estimatedRowHeight: 44,\n    virtualizerOverscan: 8,\n  }\n)\n\nconst emit = defineEmits<{\n  'update:rowSelection': [value: RowSelectionState]\n}>()\n\n// --- Sorting state ----------------------------------------------------\nconst sorting = ref<SortingState>([])\n\n// --- Row selection state (controlled/uncontrolled) -------------------\nconst internalRowSelection = ref<RowSelectionState>(props.rowSelection ?? {})\nwatch(\n  () => props.rowSelection,\n  (next) => {\n    if (next !== undefined) internalRowSelection.value = next\n  },\n  { deep: true }\n)\n\nfunction updateRowSelection(\n  updater: RowSelectionState | ((old: RowSelectionState) => RowSelectionState)\n) {\n  const next = typeof updater === 'function' ? updater(internalRowSelection.value) : updater\n  internalRowSelection.value = next\n  emit('update:rowSelection', next)\n}\n\n// --- Selection column injected at position 0 when enabled -----------\nconst selectionColumn: ColumnDef<TData, any> = {\n  id: '__select__',\n  size: 44,\n  enableSorting: false,\n  // TableCheckboxCell is invoked here via h() (a runtime call, not a compiled\n  // template), which — like @vue/test-utils' mount() — does not infer a generic\n  // SFC's type parameter from the props passed. It always resolves to the\n  // component's default (RowData). Casting through RowData (not TData) here\n  // matches what h() actually expects; this is the one narrower assertion the\n  // design spec anticipated keeping.\n  header: ({ table: t }) =>\n    props.selection === 'multiple'\n      ? h(TableCheckboxCell, { table: t as unknown as TableInstance<RowData> })\n      : '',\n  cell: ({ row: r }) => h(TableCheckboxCell, { row: r as unknown as Row<RowData> }),\n}\n\nconst effectiveColumns = computed<ColumnDef<TData, any>[]>(() => {\n  if (props.selection === 'none') return props.columns\n  return [selectionColumn, ...props.columns]\n})\n\n// --- useVueTable instance ---------------------------------------------\n// Use getters so @tanstack/vue-table tracks prop reactivity.\nconst table = useVueTable({\n  get data() {\n    return props.data\n  },\n  get columns() {\n    return effectiveColumns.value as ColumnDef<TData, unknown>[]\n  },\n  state: {\n    get sorting() {\n      return sorting.value\n    },\n    get rowSelection() {\n      return internalRowSelection.value\n    },\n  },\n  onSortingChange: (updater) => {\n    sorting.value = typeof updater === 'function' ? updater(sorting.value) : updater\n  },\n  onRowSelectionChange: updateRowSelection,\n  get enableRowSelection() {\n    return props.selection !== 'none'\n  },\n  get enableMultiRowSelection() {\n    return props.selection === 'multiple'\n  },\n  getCoreRowModel: getCoreRowModel(),\n  getSortedRowModel: getSortedRowModel(),\n})\n\n// --- Virtualization ---------------------------------------------------\n/** Whether to use TableVirtualBody instead of TableBody */\nconst useVirtual = computed<boolean>(() => {\n  if (props.virtualRows === false) return false\n  if (props.virtualRows === true) return true\n  if (typeof props.virtualRows === 'number') return props.data.length > props.virtualRows\n  return false\n})\n\n// The scroll container wrapping the <table> — passed to the virtualizer\nconst scrollContainerRef = useTemplateRef<HTMLElement>('scrollContainerRef')\n\n// Ref to TableVirtualBody instance so keyboard nav can call scrollToIndex.\n// InstanceType<typeof TableVirtualBody> no longer resolves now that\n// TableVirtualBody is a generic SFC (its exported type is a generic factory\n// function, not a plain constructor) — declare the exposed shape by hand\n// instead, matching what TableVirtualBody.vue's defineExpose actually provides.\ninterface TableVirtualBodyExpose {\n  scrollToIndex: (index: number) => void\n}\nconst virtualBodyRef = ref<TableVirtualBodyExpose | null>(null)\n\n// --- Keyboard navigation ----------------------------------------------\nconst rootRef = useTemplateRef<HTMLElement>('rootRef')\n\nconst rowCount = computed(() => props.data.length)\nconst columnCount = computed(() => {\n  const firstGroup = table.getHeaderGroups()[0]\n  return firstGroup ? firstGroup.headers.length : 0\n})\n\nfunction getCellElement(rowIndex: number, columnIndex: number): HTMLElement | null {\n  const root = rootRef.value\n  if (!root) return null\n  // In virtualized mode, scroll the row into view first so the DOM node exists.\n  // The queueMicrotask in useTableKeyboardNav.move() gives Vue one tick to\n  // flush the virtualizer's render before focus is attempted.\n  if (useVirtual.value && virtualBodyRef.value) {\n    virtualBodyRef.value.scrollToIndex(rowIndex)\n  }\n  return root.querySelector<HTMLElement>(\n    `[data-row-index=\"${rowIndex}\"][data-col-index=\"${columnIndex}\"]`\n  )\n}\n\nconst keyboardNav = useTableKeyboardNav({ rowCount, columnCount, getCellElement })\n\n// --- Selection context helpers ----------------------------------------\nconst selectionEnabled = computed(() => props.selection !== 'none')\nconst selectionMode = computed(() => props.selection ?? 'none')\n\n// Track last-clicked row index for Shift+Click range selection\nconst lastClickedRowIndex = ref<number | null>(null)\n\nfunction handleRowClick(rowIndex: number, event: MouseEvent) {\n  if (props.selection === 'none') return\n  const rows = table.getRowModel().rows\n  if (props.selection === 'multiple' && event.shiftKey && lastClickedRowIndex.value !== null) {\n    const [start, end] = [lastClickedRowIndex.value, rowIndex].sort((a, b) => a - b)\n    const next: RowSelectionState = { ...internalRowSelection.value }\n    for (let i = start; i <= end; i++) {\n      const r = rows[i]\n      if (r) next[r.id] = true\n    }\n    updateRowSelection(next)\n  }\n  lastClickedRowIndex.value = rowIndex\n}\n\n// --- Context provision -------------------------------------------------\nconst variantRef = computed(() => props.variant ?? 'primary')\nconst activeCell = keyboardNav.activeCell\n\nuseTableProvide({\n  table,\n  activeCell,\n  selectionEnabled,\n  selectionMode,\n  variant: variantRef,\n  handleRowClick,\n})\n\n// --- Slot class derivation -------------------------------------------\nconst slotFns = computed(() => tableVariants({ variant: variantRef.value }))\n\ndefineExpose({ table, keyboardNav, handleRowClick })\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), $attrs.class as string, props.classNames?.base)\">\n    <!--\n      scroll container: when virtualized, needs a fixed height + overflow:auto\n      so the virtualizer can measure the viewport. Consumers should override\n      the inline height via a wrapping container or CSS for production use.\n    -->\n    <div\n      ref=\"scrollContainerRef\"\n      :class=\"composeClassName(slotFns.scrollContainer(), props.classNames?.scrollContainer)\"\n      :style=\"useVirtual ? { height: '400px', overflow: 'auto' } : undefined\"\n    >\n      <table\n        ref=\"rootRef\"\n        role=\"grid\"\n        :aria-label=\"ariaLabel\"\n        :aria-rowcount=\"rowCount\"\n        :aria-colcount=\"columnCount\"\n        @keydown=\"keyboardNav.onKeydown\"\n      >\n        <TableHeader />\n        <TableBody v-if=\"!useVirtual\">\n          <template #cell=\"slotProps\">\n            <slot\n              name=\"cell\"\n              v-bind=\"slotProps\"\n            />\n          </template>\n        </TableBody>\n        <TableVirtualBody\n          v-else\n          ref=\"virtualBodyRef\"\n          :scroll-element=\"scrollContainerRef\"\n          :estimated-row-height=\"estimatedRowHeight\"\n          :overscan=\"virtualizerOverscan\"\n        />\n        <TableFooter v-if=\"$slots.footer\">\n          <slot name=\"footer\" />\n        </TableFooter>\n      </table>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/table/TableBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { FlexRender, type Row, type RowData } from '@tanstack/vue-table'\nimport { tableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableInject } from './table.context'\n\ninterface Props {\n  /**\n   * Per-slot class overrides. Each key maps to a named slot in the anatomy;\n   * the value is merged with the generated variant classes via `composeClassName`.\n   *\n   * @example\n   * ```vue\n   * <TableBody :class-names=\"{ row: 'bg-blue-50', cell: 'border-blue-200' }\" />\n   * ```\n   *\n   * Available slots: `body`, `row`, `cell`.\n   */\n  classNames?: Partial<{\n    body: ClassValue\n    row: ClassValue\n    cell: ClassValue\n  }>\n}\n\nconst props = defineProps<Props>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n\nfunction onRowKeydown(row: Row<RowData>, event: KeyboardEvent) {\n  // Space on a gridcell toggles row selection\n  if (event.key !== ' ') return\n  if (ctx.selectionMode.value === 'none') return\n  // Do NOT handle Space when target is inside a checkbox element (it handles its own Space)\n  const target = event.target as HTMLElement\n  if (target.tagName === 'INPUT' || target.closest('[role=\"checkbox\"]')) return\n  event.preventDefault()\n  if (ctx.selectionMode.value === 'single') {\n    // Single-select: clear all, select just this one\n    ctx.table.setRowSelection({ [row.id]: true })\n  } else {\n    row.toggleSelected()\n  }\n}\n</script>\n\n<template>\n  <tbody :class=\"composeClassName(slotFns.body(), props.classNames?.body)\">\n    <tr\n      v-for=\"(row, rowIndex) in ctx.table.getRowModel().rows\"\n      :key=\"row.id\"\n      role=\"row\"\n      :class=\"composeClassName(slotFns.row(), props.classNames?.row)\"\n      :aria-rowindex=\"rowIndex + 1\"\n      :aria-selected=\"ctx.selectionMode.value !== 'none' ? row.getIsSelected() : undefined\"\n      :data-state=\"row.getIsSelected() ? 'checked' : undefined\"\n      @click=\"(e: MouseEvent) => ctx.handleRowClick(rowIndex, e)\"\n      @keydown=\"(e: KeyboardEvent) => onRowKeydown(row, e)\"\n    >\n      <td\n        v-for=\"(cell, colIndex) in row.getVisibleCells()\"\n        :key=\"cell.id\"\n        role=\"gridcell\"\n        :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n        :data-row-index=\"rowIndex\"\n        :data-col-index=\"colIndex\"\n        :tabindex=\"ctx.activeCell.value && ctx.activeCell.value.rowIndex === rowIndex && ctx.activeCell.value.columnIndex === colIndex ? 0 : (ctx.activeCell.value === null && rowIndex === 0 && colIndex === 0 ? 0 : -1)\"\n      >\n        <slot\n          name=\"cell\"\n          :row=\"row\"\n          :cell=\"cell\"\n          :column=\"cell.column\"\n          :value=\"cell.getValue()\"\n        >\n          <FlexRender\n            :render=\"cell.column.columnDef.cell\"\n            :props=\"cell.getContext()\"\n          />\n        </slot>\n      </td>\n    </tr>\n  </tbody>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/table/TableBody.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TData extends RowData = RowData\">\nimport { computed } from 'vue'\nimport { FlexRender, type Row, type RowData } from '@tanstack/vue-table'\nimport { tableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableInject, type TableContext } from './table.context'\n\ninterface Props {\n  /**\n   * Per-slot class overrides. Each key maps to a named slot in the anatomy;\n   * the value is merged with the generated variant classes via `composeClassName`.\n   *\n   * @example\n   * ```vue\n   * <TableBody :class-names=\"{ row: 'bg-blue-50', cell: 'border-blue-200' }\" />\n   * ```\n   *\n   * Available slots: `body`, `row`, `cell`.\n   */\n  classNames?: Partial<{\n    body: ClassValue\n    row: ClassValue\n    cell: ClassValue\n  }>\n}\n\nconst props = defineProps<Props>()\n\nconst ctx = useTableInject() as TableContext<TData>\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n\nfunction onRowKeydown(row: Row<TData>, event: KeyboardEvent) {\n  // Space on a gridcell toggles row selection\n  if (event.key !== ' ') return\n  if (ctx.selectionMode.value === 'none') return\n  // Do NOT handle Space when target is inside a checkbox element (it handles its own Space)\n  const target = event.target as HTMLElement\n  if (target.tagName === 'INPUT' || target.closest('[role=\"checkbox\"]')) return\n  event.preventDefault()\n  if (ctx.selectionMode.value === 'single') {\n    // Single-select: clear all, select just this one\n    ctx.table.setRowSelection({ [row.id]: true })\n  } else {\n    row.toggleSelected()\n  }\n}\n</script>\n\n<template>\n  <tbody :class=\"composeClassName(slotFns.body(), props.classNames?.body)\">\n    <tr\n      v-for=\"(row, rowIndex) in ctx.table.getRowModel().rows\"\n      :key=\"row.id\"\n      role=\"row\"\n      :class=\"composeClassName(slotFns.row(), props.classNames?.row)\"\n      :aria-rowindex=\"rowIndex + 1\"\n      :aria-selected=\"ctx.selectionMode.value !== 'none' ? row.getIsSelected() : undefined\"\n      :data-state=\"row.getIsSelected() ? 'checked' : undefined\"\n      @click=\"(e: MouseEvent) => ctx.handleRowClick(rowIndex, e)\"\n      @keydown=\"(e: KeyboardEvent) => onRowKeydown(row, e)\"\n    >\n      <td\n        v-for=\"(cell, colIndex) in row.getVisibleCells()\"\n        :key=\"cell.id\"\n        role=\"gridcell\"\n        :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n        :data-row-index=\"rowIndex\"\n        :data-col-index=\"colIndex\"\n        :tabindex=\"ctx.activeCell.value && ctx.activeCell.value.rowIndex === rowIndex && ctx.activeCell.value.columnIndex === colIndex ? 0 : (ctx.activeCell.value === null && rowIndex === 0 && colIndex === 0 ? 0 : -1)\"\n      >\n        <slot\n          name=\"cell\"\n          :row=\"row\"\n          :cell=\"cell\"\n          :column=\"cell.column\"\n          :value=\"cell.getValue()\"\n        >\n          <FlexRender\n            :render=\"cell.column.columnDef.cell\"\n            :props=\"cell.getContext()\"\n          />\n        </slot>\n      </td>\n    </tr>\n  </tbody>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { FlexRender, type Row, type RowData } from '@tanstack/vue-table'\nimport { tableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableInject } from './table.context'\n\ninterface Props {\n  /**\n   * Per-slot class overrides. Each key maps to a named slot in the anatomy;\n   * the value is merged with the generated variant classes via `composeClassName`.\n   *\n   * @example\n   * ```vue\n   * <TableBody :class-names=\"{ row: 'bg-blue-50', cell: 'border-blue-200' }\" />\n   * ```\n   *\n   * Available slots: `body`, `row`, `cell`.\n   */\n  classNames?: Partial<{\n    body: ClassValue\n    row: ClassValue\n    cell: ClassValue\n  }>\n}\n\nconst props = defineProps<Props>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n\nfunction onRowKeydown(row: Row<RowData>, event: KeyboardEvent) {\n  // Space on a gridcell toggles row selection\n  if (event.key !== ' ') return\n  if (ctx.selectionMode.value === 'none') return\n  // Do NOT handle Space when target is inside a checkbox element (it handles its own Space)\n  const target = event.target as HTMLElement\n  if (target.tagName === 'INPUT' || target.closest('[role=\"checkbox\"]')) return\n  event.preventDefault()\n  if (ctx.selectionMode.value === 'single') {\n    // Single-select: clear all, select just this one\n    ctx.table.setRowSelection({ [row.id]: true })\n  } else {\n    row.toggleSelected()\n  }\n}\n</script>\n\n<template>\n  <tbody :class=\"composeClassName(slotFns.body(), props.classNames?.body)\">\n    <tr\n      v-for=\"(row, rowIndex) in ctx.table.getRowModel().rows\"\n      :key=\"row.id\"\n      role=\"row\"\n      :class=\"composeClassName(slotFns.row(), props.classNames?.row)\"\n      :aria-rowindex=\"rowIndex + 1\"\n      :aria-selected=\"ctx.selectionMode.value !== 'none' ? row.getIsSelected() : undefined\"\n      :data-state=\"row.getIsSelected() ? 'checked' : undefined\"\n      @click=\"(e: MouseEvent) => ctx.handleRowClick(rowIndex, e)\"\n      @keydown=\"(e: KeyboardEvent) => onRowKeydown(row, e)\"\n    >\n      <td\n        v-for=\"(cell, colIndex) in row.getVisibleCells()\"\n        :key=\"cell.id\"\n        role=\"gridcell\"\n        :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n        :data-row-index=\"rowIndex\"\n        :data-col-index=\"colIndex\"\n        :tabindex=\"ctx.activeCell.value && ctx.activeCell.value.rowIndex === rowIndex && ctx.activeCell.value.columnIndex === colIndex ? 0 : (ctx.activeCell.value === null && rowIndex === 0 && colIndex === 0 ? 0 : -1)\"\n      >\n        <slot\n          name=\"cell\"\n          :row=\"row\"\n          :cell=\"cell\"\n          :column=\"cell.column\"\n          :value=\"cell.getValue()\"\n        >\n          <FlexRender\n            :render=\"cell.column.columnDef.cell\"\n            :props=\"cell.getContext()\"\n          />\n        </slot>\n      </td>\n    </tr>\n  </tbody>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,MAAM,gBAAe;EAC3B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;EAE5E,SAAS,aAAa,KAAmB,OAAsB;AAE7D,OAAI,MAAM,QAAQ,IAAK;AACvB,OAAI,IAAI,cAAc,UAAU,OAAQ;GAExC,MAAM,SAAS,MAAM;AACrB,OAAI,OAAO,YAAY,WAAW,OAAO,QAAQ,sBAAoB,CAAE;AACvE,SAAM,gBAAe;AACrB,OAAI,IAAI,cAAc,UAAU,SAE9B,KAAI,MAAM,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;OAE5C,KAAI,gBAAe;;;uBAMrB,mBAmCQ,SAAA,EAnCA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACpE,mBAiCK,UAAA,MAAA,WAhCuB,MAAA,IAAG,CAAC,MAAM,aAAW,CAAG,OAA1C,KAAK,aAAQ;wBADvB,mBAiCK,MAAA;KA/BF,KAAK,IAAI;KACV,MAAK;KACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,YAAY,IAAG,CAAA;KAC5D,iBAAe,WAAQ;KACvB,iBAAe,MAAA,IAAG,CAAC,cAAc,UAAK,SAAc,IAAI,eAAa,GAAK,KAAA;KAC1E,cAAY,IAAI,eAAa,GAAA,YAAiB,KAAA;KAC9C,UAAQ,MAAkB,MAAA,IAAG,CAAC,eAAe,UAAU,EAAC;KACxD,YAAU,MAAqB,aAAa,KAAK,EAAC;0BAEnD,mBAqBK,UAAA,MAAA,WApBwB,IAAI,iBAAe,GAAtC,MAAM,aAAQ;yBADxB,mBAqBK,MAAA;MAnBF,KAAK,KAAK;MACX,MAAK;MACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;MAC9D,kBAAgB;MAChB,kBAAgB;MAChB,UAAU,MAAA,IAAG,CAAC,WAAW,SAAS,MAAA,IAAG,CAAC,WAAW,MAAM,aAAa,YAAY,MAAA,IAAG,CAAC,WAAW,MAAM,gBAAgB,WAAQ,IAAQ,MAAA,IAAG,CAAC,WAAW,UAAK,QAAa,aAAQ,KAAU,aAAQ,IAAA,IAAA;SAEjM,WAWO,KAAA,QAAA,QAAA;MATC;MACC;MACN,QAAQ,KAAK;MACb,OAAO,KAAK,UAAQ;cAMhB,CAJL,YAGE,MAAA,WAAA,EAAA;MAFC,QAAQ,KAAK,OAAO,UAAU;MAC9B,OAAO,KAAK,YAAU"}
+{"version":3,"file":"TableBody.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableBody.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TData extends RowData = RowData\">\nimport { computed } from 'vue'\nimport { FlexRender, type Row, type RowData } from '@tanstack/vue-table'\nimport { tableVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useTableInject, type TableContext } from './table.context'\n\ninterface Props {\n  /**\n   * Per-slot class overrides. Each key maps to a named slot in the anatomy;\n   * the value is merged with the generated variant classes via `composeClassName`.\n   *\n   * @example\n   * ```vue\n   * <TableBody :class-names=\"{ row: 'bg-blue-50', cell: 'border-blue-200' }\" />\n   * ```\n   *\n   * Available slots: `body`, `row`, `cell`.\n   */\n  classNames?: Partial<{\n    body: ClassValue\n    row: ClassValue\n    cell: ClassValue\n  }>\n}\n\nconst props = defineProps<Props>()\n\nconst ctx = useTableInject() as TableContext<TData>\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n\nfunction onRowKeydown(row: Row<TData>, event: KeyboardEvent) {\n  // Space on a gridcell toggles row selection\n  if (event.key !== ' ') return\n  if (ctx.selectionMode.value === 'none') return\n  // Do NOT handle Space when target is inside a checkbox element (it handles its own Space)\n  const target = event.target as HTMLElement\n  if (target.tagName === 'INPUT' || target.closest('[role=\"checkbox\"]')) return\n  event.preventDefault()\n  if (ctx.selectionMode.value === 'single') {\n    // Single-select: clear all, select just this one\n    ctx.table.setRowSelection({ [row.id]: true })\n  } else {\n    row.toggleSelected()\n  }\n}\n</script>\n\n<template>\n  <tbody :class=\"composeClassName(slotFns.body(), props.classNames?.body)\">\n    <tr\n      v-for=\"(row, rowIndex) in ctx.table.getRowModel().rows\"\n      :key=\"row.id\"\n      role=\"row\"\n      :class=\"composeClassName(slotFns.row(), props.classNames?.row)\"\n      :aria-rowindex=\"rowIndex + 1\"\n      :aria-selected=\"ctx.selectionMode.value !== 'none' ? row.getIsSelected() : undefined\"\n      :data-state=\"row.getIsSelected() ? 'checked' : undefined\"\n      @click=\"(e: MouseEvent) => ctx.handleRowClick(rowIndex, e)\"\n      @keydown=\"(e: KeyboardEvent) => onRowKeydown(row, e)\"\n    >\n      <td\n        v-for=\"(cell, colIndex) in row.getVisibleCells()\"\n        :key=\"cell.id\"\n        role=\"gridcell\"\n        :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n        :data-row-index=\"rowIndex\"\n        :data-col-index=\"colIndex\"\n        :tabindex=\"ctx.activeCell.value && ctx.activeCell.value.rowIndex === rowIndex && ctx.activeCell.value.columnIndex === colIndex ? 0 : (ctx.activeCell.value === null && rowIndex === 0 && colIndex === 0 ? 0 : -1)\"\n      >\n        <slot\n          name=\"cell\"\n          :row=\"row\"\n          :cell=\"cell\"\n          :column=\"cell.column\"\n          :value=\"cell.getValue()\"\n        >\n          <FlexRender\n            :render=\"cell.column.columnDef.cell\"\n            :props=\"cell.getContext()\"\n          />\n        </slot>\n      </td>\n    </tr>\n  </tbody>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,MAAM,gBAAgB;EAC5B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;EAE5E,SAAS,aAAa,KAAiB,OAAsB;AAE3D,OAAI,MAAM,QAAQ,IAAK;AACvB,OAAI,IAAI,cAAc,UAAU,OAAQ;GAExC,MAAM,SAAS,MAAM;AACrB,OAAI,OAAO,YAAY,WAAW,OAAO,QAAQ,sBAAoB,CAAE;AACvE,SAAM,gBAAe;AACrB,OAAI,IAAI,cAAc,UAAU,SAE9B,KAAI,MAAM,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;OAE5C,KAAI,gBAAe;;;uBAMrB,mBAmCQ,SAAA,EAnCA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACpE,mBAiCK,UAAA,MAAA,WAhCuB,MAAA,IAAG,CAAC,MAAM,aAAW,CAAG,OAA1C,KAAK,aAAQ;wBADvB,mBAiCK,MAAA;KA/BF,KAAK,IAAI;KACV,MAAK;KACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,YAAY,IAAG,CAAA;KAC5D,iBAAe,WAAQ;KACvB,iBAAe,MAAA,IAAG,CAAC,cAAc,UAAK,SAAc,IAAI,eAAa,GAAK,KAAA;KAC1E,cAAY,IAAI,eAAa,GAAA,YAAiB,KAAA;KAC9C,UAAQ,MAAkB,MAAA,IAAG,CAAC,eAAe,UAAU,EAAC;KACxD,YAAU,MAAqB,aAAa,KAAK,EAAC;0BAEnD,mBAqBK,UAAA,MAAA,WApBwB,IAAI,iBAAe,GAAtC,MAAM,aAAQ;yBADxB,mBAqBK,MAAA;MAnBF,KAAK,KAAK;MACX,MAAK;MACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;MAC9D,kBAAgB;MAChB,kBAAgB;MAChB,UAAU,MAAA,IAAG,CAAC,WAAW,SAAS,MAAA,IAAG,CAAC,WAAW,MAAM,aAAa,YAAY,MAAA,IAAG,CAAC,WAAW,MAAM,gBAAgB,WAAQ,IAAQ,MAAA,IAAG,CAAC,WAAW,UAAK,QAAa,aAAQ,KAAU,aAAQ,IAAA,IAAA;SAEjM,WAWO,KAAA,QAAA,QAAA;MATC;MACC;MACN,QAAQ,KAAK;MACb,OAAO,KAAK,UAAQ;cAMhB,CAJL,YAGE,MAAA,WAAA,EAAA;MAFC,QAAQ,KAAK,OAAO,UAAU;MAC9B,OAAO,KAAK,YAAU"}

package/dist/components/table/TableCheckboxCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCheckboxCell.js","names":[],"sources":["../../../src/components/table/TableCheckboxCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Checkbox } from '../checkbox'\nimport type { Row, Table as TableInstance, RowData } from '@tanstack/vue-table'\n\nconst props = defineProps<{\n  /** When row is provided, this cell is a body row checkbox. When absent, it's the header select-all. */\n  row?: Row<RowData>\n  /** Required for the header select-all variant */\n  table?: TableInstance<RowData>\n  ariaLabel?: string\n}>()\n\nconst isIndeterminate = computed<boolean>(() => {\n  if (!props.row && props.table) {\n    return props.table.getIsSomeRowsSelected() && !props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst modelValue = computed<boolean>(() => {\n  if (props.row) {\n    return props.row.getIsSelected()\n  }\n  if (props.table) {\n    return props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst disabled = computed(() => {\n  if (props.row) return !props.row.getCanSelect()\n  return false\n})\n\nfunction onToggle(nextChecked: boolean) {\n  if (props.row) {\n    props.row.toggleSelected(nextChecked)\n  } else if (props.table) {\n    props.table.toggleAllRowsSelected(nextChecked)\n  }\n}\n</script>\n\n<template>\n  <Checkbox\n    :model-value=\"modelValue\"\n    :is-indeterminate=\"isIndeterminate\"\n    :disabled=\"disabled\"\n    :aria-label=\"ariaLabel ?? (row ? 'Select row' : 'Select all rows')\"\n    @update:model-value=\"onToggle\"\n    @click.stop\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableCheckboxCell.js","names":[],"sources":["../../../src/components/table/TableCheckboxCell.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TData extends RowData = RowData\">\nimport { computed } from 'vue'\nimport { Checkbox } from '../checkbox'\nimport type { Row, Table as TableInstance, RowData } from '@tanstack/vue-table'\n\nconst props = defineProps<{\n  /** When row is provided, this cell is a body row checkbox. When absent, it's the header select-all. */\n  row?: Row<TData>\n  /** Required for the header select-all variant */\n  table?: TableInstance<TData>\n  ariaLabel?: string\n}>()\n\nconst isIndeterminate = computed<boolean>(() => {\n  if (!props.row && props.table) {\n    return props.table.getIsSomeRowsSelected() && !props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst modelValue = computed<boolean>(() => {\n  if (props.row) {\n    return props.row.getIsSelected()\n  }\n  if (props.table) {\n    return props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst disabled = computed(() => {\n  if (props.row) return !props.row.getCanSelect()\n  return false\n})\n\nfunction onToggle(nextChecked: boolean) {\n  if (props.row) {\n    props.row.toggleSelected(nextChecked)\n  } else if (props.table) {\n    props.table.toggleAllRowsSelected(nextChecked)\n  }\n}\n</script>\n\n<template>\n  <Checkbox\n    :model-value=\"modelValue\"\n    :is-indeterminate=\"isIndeterminate\"\n    :disabled=\"disabled\"\n    :aria-label=\"ariaLabel ?? (row ? 'Select row' : 'Select all rows')\"\n    @update:model-value=\"onToggle\"\n    @click.stop\n  />\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TableCheckboxCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableCheckboxCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Checkbox } from '../checkbox'\nimport type { Row, Table as TableInstance, RowData } from '@tanstack/vue-table'\n\nconst props = defineProps<{\n  /** When row is provided, this cell is a body row checkbox. When absent, it's the header select-all. */\n  row?: Row<RowData>\n  /** Required for the header select-all variant */\n  table?: TableInstance<RowData>\n  ariaLabel?: string\n}>()\n\nconst isIndeterminate = computed<boolean>(() => {\n  if (!props.row && props.table) {\n    return props.table.getIsSomeRowsSelected() && !props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst modelValue = computed<boolean>(() => {\n  if (props.row) {\n    return props.row.getIsSelected()\n  }\n  if (props.table) {\n    return props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst disabled = computed(() => {\n  if (props.row) return !props.row.getCanSelect()\n  return false\n})\n\nfunction onToggle(nextChecked: boolean) {\n  if (props.row) {\n    props.row.toggleSelected(nextChecked)\n  } else if (props.table) {\n    props.table.toggleAllRowsSelected(nextChecked)\n  }\n}\n</script>\n\n<template>\n  <Checkbox\n    :model-value=\"modelValue\"\n    :is-indeterminate=\"isIndeterminate\"\n    :disabled=\"disabled\"\n    :aria-label=\"ariaLabel ?? (row ? 'Select row' : 'Select all rows')\"\n    @update:model-value=\"onToggle\"\n    @click.stop\n  />\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAQd,MAAM,kBAAkB,eAAwB;AAC9C,OAAI,CAAC,MAAM,OAAO,MAAM,MACtB,QAAO,MAAM,MAAM,uBAAuB,IAAI,CAAC,MAAM,MAAM,sBAAqB;AAElF,UAAO;IACR;EAED,MAAM,aAAa,eAAwB;AACzC,OAAI,MAAM,IACR,QAAO,MAAM,IAAI,eAAc;AAEjC,OAAI,MAAM,MACR,QAAO,MAAM,MAAM,sBAAqB;AAE1C,UAAO;IACR;EAED,MAAM,WAAW,eAAe;AAC9B,OAAI,MAAM,IAAK,QAAO,CAAC,MAAM,IAAI,cAAa;AAC9C,UAAO;IACR;EAED,SAAS,SAAS,aAAsB;AACtC,OAAI,MAAM,IACR,OAAM,IAAI,eAAe,YAAW;YAC3B,MAAM,MACf,OAAM,MAAM,sBAAsB,YAAW;;;uBAM/C,YAOE,MAAA,iBAAA,EAAA;IANC,eAAa,WAAA;IACb,oBAAkB,gBAAA;IAClB,UAAU,SAAA;IACV,cAAY,QAAA,cAAc,QAAA,MAAG,eAAA;IAC7B,uBAAoB;IACpB,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA"}
+{"version":3,"file":"TableCheckboxCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableCheckboxCell.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TData extends RowData = RowData\">\nimport { computed } from 'vue'\nimport { Checkbox } from '../checkbox'\nimport type { Row, Table as TableInstance, RowData } from '@tanstack/vue-table'\n\nconst props = defineProps<{\n  /** When row is provided, this cell is a body row checkbox. When absent, it's the header select-all. */\n  row?: Row<TData>\n  /** Required for the header select-all variant */\n  table?: TableInstance<TData>\n  ariaLabel?: string\n}>()\n\nconst isIndeterminate = computed<boolean>(() => {\n  if (!props.row && props.table) {\n    return props.table.getIsSomeRowsSelected() && !props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst modelValue = computed<boolean>(() => {\n  if (props.row) {\n    return props.row.getIsSelected()\n  }\n  if (props.table) {\n    return props.table.getIsAllRowsSelected()\n  }\n  return false\n})\n\nconst disabled = computed(() => {\n  if (props.row) return !props.row.getCanSelect()\n  return false\n})\n\nfunction onToggle(nextChecked: boolean) {\n  if (props.row) {\n    props.row.toggleSelected(nextChecked)\n  } else if (props.table) {\n    props.table.toggleAllRowsSelected(nextChecked)\n  }\n}\n</script>\n\n<template>\n  <Checkbox\n    :model-value=\"modelValue\"\n    :is-indeterminate=\"isIndeterminate\"\n    :disabled=\"disabled\"\n    :aria-label=\"ariaLabel ?? (row ? 'Select row' : 'Select all rows')\"\n    @update:model-value=\"onToggle\"\n    @click.stop\n  />\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAQd,MAAM,kBAAkB,eAAwB;AAC9C,OAAI,CAAC,MAAM,OAAO,MAAM,MACtB,QAAO,MAAM,MAAM,uBAAuB,IAAI,CAAC,MAAM,MAAM,sBAAqB;AAElF,UAAO;IACR;EAED,MAAM,aAAa,eAAwB;AACzC,OAAI,MAAM,IACR,QAAO,MAAM,IAAI,eAAc;AAEjC,OAAI,MAAM,MACR,QAAO,MAAM,MAAM,sBAAqB;AAE1C,UAAO;IACR;EAED,MAAM,WAAW,eAAe;AAC9B,OAAI,MAAM,IAAK,QAAO,CAAC,MAAM,IAAI,cAAa;AAC9C,UAAO;IACR;EAED,SAAS,SAAS,aAAsB;AACtC,OAAI,MAAM,IACR,OAAM,IAAI,eAAe,YAAW;YAC3B,MAAM,MACf,OAAM,MAAM,sBAAsB,YAAW;;;uBAM/C,YAOE,MAAA,iBAAA,EAAA;IANC,eAAa,WAAA;IACb,oBAAkB,gBAAA;IAClB,UAAU,SAAA;IACV,cAAY,QAAA,cAAc,QAAA,MAAG,eAAA;IAC7B,uBAAoB;IACpB,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA"}