@auronui/vue 1.0.0

package/dist/components/switch/SwitchGroup.js

@@ -0,0 +1,7 @@
+import SwitchGroup_vue_vue_type_script_setup_true_lang_default from "./SwitchGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/switch/SwitchGroup.vue
+var SwitchGroup_default = SwitchGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SwitchGroup_default as default };
+
+//# sourceMappingURL=SwitchGroup.js.map

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

@@ -0,0 +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'\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  label?: string\n  description?: string\n  class?: string\n}>(), {\n  size: 'md',\n  disabled: false,\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  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    :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      <slot />\n    </div>\n    <span\n      v-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

@@ -0,0 +1,68 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useSwitchGroupProvide } from "./switch-group.context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, toRef, unref } from "vue";
+import { switchGroupVariants } from "@auronui/styles";
+//#region src/components/switch/SwitchGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-labelledby", "data-orientation"];
+var _hoisted_2 = {
+	key: 1,
+	class: "switch-group__description"
+};
+var SwitchGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SwitchGroup",
+	props: {
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		name: { default: void 0 },
+		orientation: { default: "vertical" },
+		label: { default: void 0 },
+		description: { default: void 0 },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const internalValues = ref(props.defaultValue ?? []);
+		const currentValues = computed(() => props.modelValue ?? internalValues.value);
+		function toggleValue(value) {
+			const next = currentValues.value.includes(value) ? currentValues.value.filter((v) => v !== value) : [...currentValues.value, value];
+			internalValues.value = next;
+			emit("update:modelValue", next);
+		}
+		useSwitchGroupProvide({
+			size: toRef(props, "size"),
+			disabled: toRef(props, "disabled"),
+			selectedValues: currentValues,
+			toggleValue,
+			name: toRef(props, "name")
+		});
+		const labelId = `switch-group-label-${Math.random().toString(36).slice(2, 8)}`;
+		const groupSlots = computed(() => switchGroupVariants({ orientation: props.orientation }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "group",
+				"aria-labelledby": props.label ? labelId : void 0,
+				"data-orientation": props.orientation,
+				class: normalizeClass(unref(composeClassName)(groupSlots.value.base(), props.class))
+			}, [
+				props.label ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: labelId,
+					class: "switch-group__label"
+				}, toDisplayString(props.label), 1)) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass(groupSlots.value.items()) }, [renderSlot(_ctx.$slots, "default")], 2),
+				props.description ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.description), 1)) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { SwitchGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SwitchGroup.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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'\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  label?: string\n  description?: string\n  class?: string\n}>(), {\n  size: 'md',\n  disabled: false,\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  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    :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      <slot />\n    </div>\n    <span\n      v-if=\"props.description\"\n      class=\"switch-group__description\"\n    >{{ props.description }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAqBd,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,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,mBAkBM,OAAA;IAjBJ,MAAK;IACJ,mBAAiB,MAAM,QAAQ,UAAU,KAAA;IACzC,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,mBAEM,OAAA,EAFA,OAAK,eAAE,WAAA,MAAW,OAAK,CAAA,EAAA,EAAA,CAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAGF,MAAM,eAAA,WAAA,EADd,mBAG+B,QAH/B,YAG+B,gBAA3B,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/switch/switch-group.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/switch/switch-group.context.ts
+var { useProvide: useSwitchGroupProvide, useInject: useSwitchGroupInject, key: switchGroupContextKey } = createContext("SwitchGroup");
+//#endregion
+export { switchGroupContextKey, useSwitchGroupInject, useSwitchGroupProvide };
+
+//# sourceMappingURL=switch-group.context.js.map

package/dist/components/switch/switch-group.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-group.context.js","names":[],"sources":["../../../src/components/switch/switch-group.context.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { SwitchVariants } from '@auronui/styles'\nimport { createContext } from '../../utils/context'\n\n/**\n * SwitchGroup dual-context (follows CANONICAL DUAL-CONTEXT TEMPLATE\n * from components/checkbox/checkbox-group.context.ts).\n *\n * Note: Reka UI has NO SwitchGroup primitive. This is a fully custom\n * group implementation mirroring CheckboxGroup exactly, with the addition\n * of a `size` ref (Switch has size variants; Checkbox does not).\n *\n * Contract:\n * - Group provides a Ref-wrapped context via `useProvide`\n * - Child unconditionally calls `useInject(fallback)` with sensible defaults\n * - Prop precedence: group.disabled wins; child.variant/size wins over group.variant/size\n */\nexport interface SwitchGroupContext {\n  size: Ref<SwitchVariants['size']>\n  disabled: Ref<boolean>\n  selectedValues: Ref<string[]>\n  toggleValue: (value: string) => void\n  name: Ref<string | undefined>\n}\n\nexport const {\n  useProvide: useSwitchGroupProvide,\n  useInject: useSwitchGroupInject,\n  key: switchGroupContextKey,\n} = createContext<SwitchGroupContext>('SwitchGroup')\n"],"mappings":";;AAyBA,IAAa,EACX,YAAY,uBACZ,WAAW,sBACX,KAAK,0BACH,cAAkC,cAAc"}

package/dist/components/table/Table.js

@@ -0,0 +1,7 @@
+import Table_vue_vue_type_script_setup_true_lang_default from "./Table.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/Table.vue
+var Table_default = Table_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Table_default as default };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +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 } 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  }>(),\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)\">\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=\"slotFns.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

@@ -0,0 +1,192 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { getCoreRowModel, getSortedRowModel } from "../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";
+import { useVueTable } from "../../node_modules/.pnpm/@tanstack_vue-table@8.21.3_vue@3.5.32_typescript@6.0.2_/node_modules/@tanstack/vue-table/build/lib/index.js";
+import { useTableProvide } from "./table.context.js";
+import { useTableKeyboardNav } from "./useTableKeyboardNav.js";
+import TableHeader_default from "./TableHeader.js";
+import TableBody_default from "./TableBody.js";
+import TableVirtualBody_default from "./TableVirtualBody.js";
+import TableFooter_default from "./TableFooter.js";
+import TableCheckboxCell_default from "./TableCheckboxCell.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, h, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
+import { tableVariants } from "@auronui/styles";
+//#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-label",
+	"aria-rowcount",
+	"aria-colcount"
+];
+var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Table",
+	props: {
+		columns: {},
+		data: {},
+		variant: { default: "primary" },
+		ariaLabel: { default: void 0 },
+		selection: { default: "none" },
+		rowSelection: { default: void 0 },
+		virtualRows: {
+			type: [Boolean, Number],
+			default: false
+		},
+		estimatedRowHeight: { default: 44 },
+		virtualizerOverscan: { default: 8 }
+	},
+	emits: ["update:rowSelection"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const sorting = ref([]);
+		const internalRowSelection = ref(props.rowSelection ?? {});
+		watch(() => props.rowSelection, (next) => {
+			if (next !== void 0) internalRowSelection.value = next;
+		}, { deep: true });
+		function updateRowSelection(updater) {
+			const next = typeof updater === "function" ? updater(internalRowSelection.value) : updater;
+			internalRowSelection.value = next;
+			emit("update:rowSelection", next);
+		}
+		const selectionColumn = {
+			id: "__select__",
+			size: 44,
+			enableSorting: false,
+			header: ({ table: t }) => props.selection === "multiple" ? h(TableCheckboxCell_default, { table: t }) : "",
+			cell: ({ row: r }) => h(TableCheckboxCell_default, { row: r })
+		};
+		const effectiveColumns = computed(() => {
+			if (props.selection === "none") return props.columns;
+			return [selectionColumn, ...props.columns];
+		});
+		const table = useVueTable({
+			get data() {
+				return props.data;
+			},
+			get columns() {
+				return effectiveColumns.value;
+			},
+			state: {
+				get sorting() {
+					return sorting.value;
+				},
+				get rowSelection() {
+					return internalRowSelection.value;
+				}
+			},
+			onSortingChange: (updater) => {
+				sorting.value = typeof updater === "function" ? updater(sorting.value) : updater;
+			},
+			onRowSelectionChange: updateRowSelection,
+			get enableRowSelection() {
+				return props.selection !== "none";
+			},
+			get enableMultiRowSelection() {
+				return props.selection === "multiple";
+			},
+			getCoreRowModel: getCoreRowModel(),
+			getSortedRowModel: getSortedRowModel()
+		});
+		/** Whether to use TableVirtualBody instead of TableBody */
+		const useVirtual = computed(() => {
+			if (props.virtualRows === false) return false;
+			if (props.virtualRows === true) return true;
+			if (typeof props.virtualRows === "number") return props.data.length > props.virtualRows;
+			return false;
+		});
+		const scrollContainerRef = useTemplateRef("scrollContainerRef");
+		const virtualBodyRef = ref(null);
+		const rootRef = useTemplateRef("rootRef");
+		const rowCount = computed(() => props.data.length);
+		const columnCount = computed(() => {
+			const firstGroup = table.getHeaderGroups()[0];
+			return firstGroup ? firstGroup.headers.length : 0;
+		});
+		function getCellElement(rowIndex, columnIndex) {
+			const root = rootRef.value;
+			if (!root) return null;
+			if (useVirtual.value && virtualBodyRef.value) virtualBodyRef.value.scrollToIndex(rowIndex);
+			return root.querySelector(`[data-row-index="${rowIndex}"][data-col-index="${columnIndex}"]`);
+		}
+		const keyboardNav = useTableKeyboardNav({
+			rowCount,
+			columnCount,
+			getCellElement
+		});
+		const selectionEnabled = computed(() => props.selection !== "none");
+		const selectionMode = computed(() => props.selection ?? "none");
+		const lastClickedRowIndex = ref(null);
+		function handleRowClick(rowIndex, event) {
+			if (props.selection === "none") return;
+			const rows = table.getRowModel().rows;
+			if (props.selection === "multiple" && event.shiftKey && lastClickedRowIndex.value !== null) {
+				const [start, end] = [lastClickedRowIndex.value, rowIndex].sort((a, b) => a - b);
+				const next = { ...internalRowSelection.value };
+				for (let i = start; i <= end; i++) {
+					const r = rows[i];
+					if (r) next[r.id] = true;
+				}
+				updateRowSelection(next);
+			}
+			lastClickedRowIndex.value = rowIndex;
+		}
+		const variantRef = computed(() => props.variant ?? "primary");
+		const activeCell = keyboardNav.activeCell;
+		useTableProvide({
+			table,
+			activeCell,
+			selectionEnabled,
+			selectionMode,
+			variant: variantRef,
+			handleRowClick
+		});
+		const slotFns = computed(() => tableVariants({ variant: variantRef.value }));
+		__expose({
+			table,
+			keyboardNav,
+			handleRowClick
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), _ctx.$attrs.class)) }, [createElementVNode("div", {
+				ref_key: "scrollContainerRef",
+				ref: scrollContainerRef,
+				class: normalizeClass(slotFns.value.scrollContainer()),
+				style: normalizeStyle(useVirtual.value ? {
+					height: "400px",
+					overflow: "auto"
+				} : void 0)
+			}, [createElementVNode("table", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				role: "grid",
+				"aria-label": __props.ariaLabel,
+				"aria-rowcount": rowCount.value,
+				"aria-colcount": columnCount.value,
+				onKeydown: _cache[0] || (_cache[0] = (...args) => unref(keyboardNav).onKeydown && unref(keyboardNav).onKeydown(...args))
+			}, [
+				createVNode(TableHeader_default),
+				!useVirtual.value ? (openBlock(), createBlock(TableBody_default, { key: 0 }, {
+					cell: withCtx((slotProps) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(slotProps)))]),
+					_: 3
+				})) : (openBlock(), createBlock(TableVirtualBody_default, {
+					key: 1,
+					ref_key: "virtualBodyRef",
+					ref: virtualBodyRef,
+					"scroll-element": scrollContainerRef.value,
+					"estimated-row-height": __props.estimatedRowHeight,
+					overscan: __props.virtualizerOverscan
+				}, null, 8, [
+					"scroll-element",
+					"estimated-row-height",
+					"overscan"
+				])),
+				_ctx.$slots.footer ? (openBlock(), createBlock(TableFooter_default, { key: 2 }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+					_: 3
+				})) : createCommentVNode("", true)
+			], 40, _hoisted_1)], 6)], 2);
+		};
+	}
+});
+//#endregion
+export { Table_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Table.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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 } 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  }>(),\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)\">\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=\"slotFns.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

@@ -0,0 +1,7 @@
+import TableBody_vue_vue_type_script_setup_true_lang_default from "./TableBody.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableBody.vue
+var TableBody_default = TableBody_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableBody_default as default };
+
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +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 { useTableInject } from './table.context'\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=\"slotFns.body()\">\n    <tr\n      v-for=\"(row, rowIndex) in ctx.table.getRowModel().rows\"\n      :key=\"row.id\"\n      role=\"row\"\n      :class=\"slotFns.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=\"slotFns.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

@@ -0,0 +1,68 @@
+import { FlexRender } from "../../node_modules/.pnpm/@tanstack_vue-table@8.21.3_vue@3.5.32_typescript@6.0.2_/node_modules/@tanstack/vue-table/build/lib/index.js";
+import { useTableInject } from "./table.context.js";
+import { Fragment, computed, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, unref } from "vue";
+import { tableVariants } from "@auronui/styles";
+//#region src/components/table/TableBody.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-rowindex",
+	"aria-selected",
+	"data-state",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_2 = [
+	"data-row-index",
+	"data-col-index",
+	"tabindex"
+];
+var TableBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableBody",
+	setup(__props) {
+		const ctx = useTableInject();
+		const slotFns = computed(() => tableVariants({ variant: ctx.variant.value }));
+		function onRowKeydown(row, event) {
+			if (event.key !== " ") return;
+			if (ctx.selectionMode.value === "none") return;
+			const target = event.target;
+			if (target.tagName === "INPUT" || target.closest("[role=\"checkbox\"]")) return;
+			event.preventDefault();
+			if (ctx.selectionMode.value === "single") ctx.table.setRowSelection({ [row.id]: true });
+			else row.toggleSelected();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tbody", { class: normalizeClass(slotFns.value.body()) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(ctx).table.getRowModel().rows, (row, rowIndex) => {
+				return openBlock(), createElementBlock("tr", {
+					key: row.id,
+					role: "row",
+					class: normalizeClass(slotFns.value.row()),
+					"aria-rowindex": rowIndex + 1,
+					"aria-selected": unref(ctx).selectionMode.value !== "none" ? row.getIsSelected() : void 0,
+					"data-state": row.getIsSelected() ? "checked" : void 0,
+					onClick: (e) => unref(ctx).handleRowClick(rowIndex, e),
+					onKeydown: (e) => onRowKeydown(row, e)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.getVisibleCells(), (cell, colIndex) => {
+					return openBlock(), createElementBlock("td", {
+						key: cell.id,
+						role: "gridcell",
+						class: normalizeClass(slotFns.value.cell()),
+						"data-row-index": rowIndex,
+						"data-col-index": colIndex,
+						tabindex: unref(ctx).activeCell.value && unref(ctx).activeCell.value.rowIndex === rowIndex && unref(ctx).activeCell.value.columnIndex === colIndex ? 0 : unref(ctx).activeCell.value === null && rowIndex === 0 && colIndex === 0 ? 0 : -1
+					}, [renderSlot(_ctx.$slots, "cell", {
+						row,
+						cell,
+						column: cell.column,
+						value: cell.getValue()
+					}, () => [createVNode(unref(FlexRender), {
+						render: cell.column.columnDef.cell,
+						props: cell.getContext()
+					}, null, 8, ["render", "props"])])], 10, _hoisted_2);
+				}), 128))], 42, _hoisted_1);
+			}), 128))], 2);
+		};
+	}
+});
+//#endregion
+export { TableBody_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableBody.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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 { useTableInject } from './table.context'\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=\"slotFns.body()\">\n    <tr\n      v-for=\"(row, rowIndex) in ctx.table.getRowModel().rows\"\n      :key=\"row.id\"\n      role=\"row\"\n      :class=\"slotFns.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=\"slotFns.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":";;;;;;;;;;;;;;;;;;;;EAMA,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,QAAA,MAAQ,MAAI,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACzB,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,QAAA,MAAQ,KAAG,CAAA;KAClB,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,QAAA,MAAQ,MAAI,CAAA;MACnB,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/TableCell.js

@@ -0,0 +1,7 @@
+import TableCell_vue_vue_type_script_setup_true_lang_default from "./TableCell.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableCell.vue
+var TableCell_default = TableCell_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableCell_default as default };
+
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/table/TableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\n\ndefineProps<{\n  rowIndex?: number\n  columnIndex?: number\n}>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <td\n    role=\"gridcell\"\n    :class=\"slotFns.cell()\"\n    :data-row-index=\"rowIndex\"\n    :data-col-index=\"columnIndex\"\n  >\n    <slot />\n  </td>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,28 @@
+import { useTableInject } from "./table.context.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { tableVariants } from "@auronui/styles";
+//#region src/components/table/TableCell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-row-index", "data-col-index"];
+var TableCell_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableCell",
+	props: {
+		rowIndex: {},
+		columnIndex: {}
+	},
+	setup(__props) {
+		const ctx = useTableInject();
+		const slotFns = computed(() => tableVariants({ variant: ctx.variant.value }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", {
+				role: "gridcell",
+				class: normalizeClass(slotFns.value.cell()),
+				"data-row-index": __props.rowIndex,
+				"data-col-index": __props.columnIndex
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { TableCell_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableCell.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\n\ndefineProps<{\n  rowIndex?: number\n  columnIndex?: number\n}>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <td\n    role=\"gridcell\"\n    :class=\"slotFns.cell()\"\n    :data-row-index=\"rowIndex\"\n    :data-col-index=\"columnIndex\"\n  >\n    <slot />\n  </td>\n</template>\n"],"mappings":";;;;;;;;;;;;EAUA,MAAM,MAAM,gBAAe;EAC3B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAI1E,mBAOK,MAAA;IANH,MAAK;IACJ,OAAK,eAAE,QAAA,MAAQ,MAAI,CAAA;IACnB,kBAAgB,QAAA;IAChB,kBAAgB,QAAA;OAEjB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/table/TableCheckboxCell.js

@@ -0,0 +1,7 @@
+import TableCheckboxCell_vue_vue_type_script_setup_true_lang_default from "./TableCheckboxCell.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableCheckboxCell.vue
+var TableCheckboxCell_default = TableCheckboxCell_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableCheckboxCell_default as default };
+
+//# sourceMappingURL=TableCheckboxCell.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,50 @@
+import Checkbox_default from "../checkbox/Checkbox.js";
+import { computed, createBlock, defineComponent, openBlock, unref, withModifiers } from "vue";
+//#region src/components/table/TableCheckboxCell.vue?vue&type=script&setup=true&lang.ts
+var TableCheckboxCell_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableCheckboxCell",
+	props: {
+		row: {},
+		table: {},
+		ariaLabel: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const isIndeterminate = computed(() => {
+			if (!props.row && props.table) return props.table.getIsSomeRowsSelected() && !props.table.getIsAllRowsSelected();
+			return false;
+		});
+		const modelValue = computed(() => {
+			if (props.row) return props.row.getIsSelected();
+			if (props.table) return props.table.getIsAllRowsSelected();
+			return false;
+		});
+		const disabled = computed(() => {
+			if (props.row) return !props.row.getCanSelect();
+			return false;
+		});
+		function onToggle(nextChecked) {
+			if (props.row) props.row.toggleSelected(nextChecked);
+			else if (props.table) props.table.toggleAllRowsSelected(nextChecked);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Checkbox_default), {
+				"model-value": modelValue.value,
+				"is-indeterminate": isIndeterminate.value,
+				disabled: disabled.value,
+				"aria-label": __props.ariaLabel ?? (__props.row ? "Select row" : "Select all rows"),
+				"onUpdate:modelValue": onToggle,
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+			}, null, 8, [
+				"model-value",
+				"is-indeterminate",
+				"disabled",
+				"aria-label"
+			]);
+		};
+	}
+});
+//#endregion
+export { TableCheckboxCell_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableCheckboxCell.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/table/TableFooter.js

@@ -0,0 +1,7 @@
+import TableFooter_vue_vue_type_script_setup_true_lang_default from "./TableFooter.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableFooter.vue
+var TableFooter_default = TableFooter_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableFooter_default as default };
+
+//# sourceMappingURL=TableFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/table/TableFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <tfoot :class=\"slotFns.footer()\">\n    <slot />\n  </tfoot>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+import { useTableInject } from "./table.context.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { tableVariants } from "@auronui/styles";
+//#region src/components/table/TableFooter.vue?vue&type=script&setup=true&lang.ts
+var TableFooter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableFooter",
+	setup(__props) {
+		const ctx = useTableInject();
+		const slotFns = computed(() => tableVariants({ variant: ctx.variant.value }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tfoot", { class: normalizeClass(slotFns.value.footer()) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { TableFooter_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableFooter.vue_vue_type_script_setup_true_lang.js.map