@auronui/vue 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.vue_vue_type_script_setup_true_lang.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":";;;;;;;EAKA,MAAM,MAAM,gBAAe;EAC3B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAI1E,mBAEQ,SAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,QAAM,CAAA,EAAA,EAAA,CAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/table/TableHeader.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/table/TableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { FlexRender, type Header } 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\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getAriaSort(header: Header<any, unknown>): 'ascending' | 'descending' | 'none' | undefined {\n  if (!header.column.getCanSort()) return undefined\n  const dir = header.column.getIsSorted()\n  if (dir === 'asc') return 'ascending'\n  if (dir === 'desc') return 'descending'\n  return 'none'\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction onHeaderActivate(header: Header<any, unknown>, event: MouseEvent | KeyboardEvent) {\n  if (!header.column.getCanSort()) return\n  const handler = header.column.getToggleSortingHandler()\n  if (handler) handler(event)\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction onHeaderKeydown(header: Header<any, unknown>, event: KeyboardEvent) {\n  if (event.key !== ' ' && event.key !== 'Enter') return\n  if (!header.column.getCanSort()) return\n  event.preventDefault()\n  onHeaderActivate(header, event)\n}\n</script>\n\n<template>\n  <thead :class=\"slotFns.header()\">\n    <tr\n      v-for=\"headerGroup in ctx.table.getHeaderGroups()\"\n      :key=\"headerGroup.id\"\n      role=\"row\"\n      :class=\"slotFns.row()\"\n    >\n      <th\n        v-for=\"(header, colIndex) in headerGroup.headers\"\n        :key=\"header.id\"\n        role=\"columnheader\"\n        :class=\"slotFns.column()\"\n        :data-col-index=\"colIndex\"\n        :data-row-index=\"-1\"\n        :aria-sort=\"getAriaSort(header)\"\n        :data-allows-sorting=\"header.column.getCanSort() ? 'true' : undefined\"\n        :tabindex=\"header.column.getCanSort() ? 0 : undefined\"\n        @click=\"onHeaderActivate(header, $event)\"\n        @keydown=\"onHeaderKeydown(header, $event)\"\n      >\n        <FlexRender\n          v-if=\"!header.isPlaceholder\"\n          :render=\"header.column.columnDef.header\"\n          :props=\"header.getContext()\"\n        />\n      </th>\n    </tr>\n  </thead>\n</template>\n"],"mappings":""}

package/dist/components/table/TableHeader.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, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, unref } from "vue";
+import { tableVariants } from "@auronui/styles";
+//#region src/components/table/TableHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-col-index",
+	"aria-sort",
+	"data-allows-sorting",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+];
+var TableHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableHeader",
+	setup(__props) {
+		const ctx = useTableInject();
+		const slotFns = computed(() => tableVariants({ variant: ctx.variant.value }));
+		function getAriaSort(header) {
+			if (!header.column.getCanSort()) return void 0;
+			const dir = header.column.getIsSorted();
+			if (dir === "asc") return "ascending";
+			if (dir === "desc") return "descending";
+			return "none";
+		}
+		function onHeaderActivate(header, event) {
+			if (!header.column.getCanSort()) return;
+			const handler = header.column.getToggleSortingHandler();
+			if (handler) handler(event);
+		}
+		function onHeaderKeydown(header, event) {
+			if (event.key !== " " && event.key !== "Enter") return;
+			if (!header.column.getCanSort()) return;
+			event.preventDefault();
+			onHeaderActivate(header, event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("thead", { class: normalizeClass(slotFns.value.header()) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(ctx).table.getHeaderGroups(), (headerGroup) => {
+				return openBlock(), createElementBlock("tr", {
+					key: headerGroup.id,
+					role: "row",
+					class: normalizeClass(slotFns.value.row())
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(headerGroup.headers, (header, colIndex) => {
+					return openBlock(), createElementBlock("th", {
+						key: header.id,
+						role: "columnheader",
+						class: normalizeClass(slotFns.value.column()),
+						"data-col-index": colIndex,
+						"data-row-index": -1,
+						"aria-sort": getAriaSort(header),
+						"data-allows-sorting": header.column.getCanSort() ? "true" : void 0,
+						tabindex: header.column.getCanSort() ? 0 : void 0,
+						onClick: ($event) => onHeaderActivate(header, $event),
+						onKeydown: ($event) => onHeaderKeydown(header, $event)
+					}, [!header.isPlaceholder ? (openBlock(), createBlock(unref(FlexRender), {
+						key: 0,
+						render: header.column.columnDef.header,
+						props: header.getContext()
+					}, null, 8, ["render", "props"])) : createCommentVNode("", true)], 42, _hoisted_1);
+				}), 128))], 2);
+			}), 128))], 2);
+		};
+	}
+});
+//#endregion
+export { TableHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableHeader.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { FlexRender, type Header } 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\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getAriaSort(header: Header<any, unknown>): 'ascending' | 'descending' | 'none' | undefined {\n  if (!header.column.getCanSort()) return undefined\n  const dir = header.column.getIsSorted()\n  if (dir === 'asc') return 'ascending'\n  if (dir === 'desc') return 'descending'\n  return 'none'\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction onHeaderActivate(header: Header<any, unknown>, event: MouseEvent | KeyboardEvent) {\n  if (!header.column.getCanSort()) return\n  const handler = header.column.getToggleSortingHandler()\n  if (handler) handler(event)\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction onHeaderKeydown(header: Header<any, unknown>, event: KeyboardEvent) {\n  if (event.key !== ' ' && event.key !== 'Enter') return\n  if (!header.column.getCanSort()) return\n  event.preventDefault()\n  onHeaderActivate(header, event)\n}\n</script>\n\n<template>\n  <thead :class=\"slotFns.header()\">\n    <tr\n      v-for=\"headerGroup in ctx.table.getHeaderGroups()\"\n      :key=\"headerGroup.id\"\n      role=\"row\"\n      :class=\"slotFns.row()\"\n    >\n      <th\n        v-for=\"(header, colIndex) in headerGroup.headers\"\n        :key=\"header.id\"\n        role=\"columnheader\"\n        :class=\"slotFns.column()\"\n        :data-col-index=\"colIndex\"\n        :data-row-index=\"-1\"\n        :aria-sort=\"getAriaSort(header)\"\n        :data-allows-sorting=\"header.column.getCanSort() ? 'true' : undefined\"\n        :tabindex=\"header.column.getCanSort() ? 0 : undefined\"\n        @click=\"onHeaderActivate(header, $event)\"\n        @keydown=\"onHeaderKeydown(header, $event)\"\n      >\n        <FlexRender\n          v-if=\"!header.isPlaceholder\"\n          :render=\"header.column.columnDef.header\"\n          :props=\"header.getContext()\"\n        />\n      </th>\n    </tr>\n  </thead>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMA,MAAM,MAAM,gBAAe;EAC3B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;EAG5E,SAAS,YAAY,QAA+E;AAClG,OAAI,CAAC,OAAO,OAAO,YAAY,CAAE,QAAO,KAAA;GACxC,MAAM,MAAM,OAAO,OAAO,aAAY;AACtC,OAAI,QAAQ,MAAO,QAAO;AAC1B,OAAI,QAAQ,OAAQ,QAAO;AAC3B,UAAO;;EAIT,SAAS,iBAAiB,QAA8B,OAAmC;AACzF,OAAI,CAAC,OAAO,OAAO,YAAY,CAAE;GACjC,MAAM,UAAU,OAAO,OAAO,yBAAwB;AACtD,OAAI,QAAS,SAAQ,MAAK;;EAI5B,SAAS,gBAAgB,QAA8B,OAAsB;AAC3E,OAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,QAAS;AAChD,OAAI,CAAC,OAAO,OAAO,YAAY,CAAE;AACjC,SAAM,gBAAe;AACrB,oBAAiB,QAAQ,MAAK;;;uBAK9B,mBA2BQ,SAAA,EA3BA,OAAK,eAAE,QAAA,MAAQ,QAAM,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAC3B,mBAyBK,UAAA,MAAA,WAxBmB,MAAA,IAAG,CAAC,MAAM,iBAAe,GAAxC,gBAAW;wBADpB,mBAyBK,MAAA;KAvBF,KAAK,YAAY;KAClB,MAAK;KACJ,OAAK,eAAE,QAAA,MAAQ,KAAG,CAAA;0BAEnB,mBAkBK,UAAA,MAAA,WAjB0B,YAAY,UAAjC,QAAQ,aAAQ;yBAD1B,mBAkBK,MAAA;MAhBF,KAAK,OAAO;MACb,MAAK;MACJ,OAAK,eAAE,QAAA,MAAQ,QAAM,CAAA;MACrB,kBAAgB;MAChB,kBAAgB;MAChB,aAAW,YAAY,OAAM;MAC7B,uBAAqB,OAAO,OAAO,YAAU,GAAA,SAAc,KAAA;MAC3D,UAAU,OAAO,OAAO,YAAU,GAAA,IAAS,KAAA;MAC3C,UAAK,WAAE,iBAAiB,QAAQ,OAAM;MACtC,YAAO,WAAE,gBAAgB,QAAQ,OAAM;UAG/B,OAAO,iBAAA,WAAA,EADhB,YAIE,MAAA,WAAA,EAAA;;MAFC,QAAQ,OAAO,OAAO,UAAU;MAChC,OAAO,OAAO,YAAU"}

package/dist/components/table/TableHeaderCell.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.js","names":[],"sources":["../../../src/components/table/TableHeaderCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\n\ndefineProps<{\n  columnIndex?: number\n  sortDirection?: 'ascending' | 'descending' | 'none'\n}>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <th\n    role=\"columnheader\"\n    :class=\"slotFns.column()\"\n    :data-col-index=\"columnIndex\"\n    :aria-sort=\"sortDirection\"\n  >\n    <slot />\n  </th>\n</template>\n"],"mappings":""}

package/dist/components/table/TableHeaderCell.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/TableHeaderCell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-col-index", "aria-sort"];
+var TableHeaderCell_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableHeaderCell",
+	props: {
+		columnIndex: {},
+		sortDirection: {}
+	},
+	setup(__props) {
+		const ctx = useTableInject();
+		const slotFns = computed(() => tableVariants({ variant: ctx.variant.value }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("th", {
+				role: "columnheader",
+				class: normalizeClass(slotFns.value.column()),
+				"data-col-index": __props.columnIndex,
+				"aria-sort": __props.sortDirection
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { TableHeaderCell_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableHeaderCell.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableHeaderCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\n\ndefineProps<{\n  columnIndex?: number\n  sortDirection?: 'ascending' | 'descending' | 'none'\n}>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n</script>\n\n<template>\n  <th\n    role=\"columnheader\"\n    :class=\"slotFns.column()\"\n    :data-col-index=\"columnIndex\"\n    :aria-sort=\"sortDirection\"\n  >\n    <slot />\n  </th>\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,QAAM,CAAA;IACrB,kBAAgB,QAAA;IAChB,aAAW,QAAA;OAEZ,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/table/TableRow.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/table/TableRow.vue"],"sourcesContent":["<!-- Thin public re-export for consumers who want to compose their own body.\n     Renders a single tr with role=\"row\" and the row slot style. -->\n<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  <tr\n    role=\"row\"\n    :class=\"slotFns.row()\"\n  >\n    <slot />\n  </tr>\n</template>\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableRow.vue"],"sourcesContent":["<!-- Thin public re-export for consumers who want to compose their own body.\n     Renders a single tr with role=\"row\" and the row slot style. -->\n<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  <tr\n    role=\"row\"\n    :class=\"slotFns.row()\"\n  >\n    <slot />\n  </tr>\n</template>\n"],"mappings":";;;;;;;EAOA,MAAM,MAAM,gBAAe;EAC3B,MAAM,UAAU,eAAe,cAAc,EAAE,SAAS,IAAI,QAAQ,OAAO,CAAC,CAAA;;uBAI1E,mBAKK,MAAA;IAJH,MAAK;IACJ,OAAK,eAAE,QAAA,MAAQ,KAAG,CAAA;OAEnB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/table/TableVirtualBody.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableVirtualBody.js","names":[],"sources":["../../../src/components/table/TableVirtualBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useVirtualizer } from '@tanstack/vue-virtual'\nimport { FlexRender, type Row, type RowData } from '@tanstack/vue-table'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\n\nconst props = defineProps<{\n  scrollElement: HTMLElement | null\n  estimatedRowHeight?: number\n  overscan?: number\n}>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n\nconst rows = computed(() => ctx.table.getRowModel().rows)\n\nconst virtualizer = useVirtualizer({\n  get count() {\n    return rows.value.length\n  },\n  getScrollElement: () => props.scrollElement,\n  estimateSize: () => props.estimatedRowHeight ?? 44,\n  overscan: props.overscan ?? 8,\n})\n\nconst virtualItems = computed(() => virtualizer.value.getVirtualItems())\nconst totalSize = computed(() => virtualizer.value.getTotalSize())\n\n// Spacer heights above and below the rendered slice.\n// This is the standard TanStack Virtual table pattern: pad via empty <tr> rows\n// so the <tbody> stays inside <table> (valid HTML) and inherits column widths.\nconst paddingTop = computed(() => {\n  const items = virtualItems.value\n  return items.length > 0 ? items[0].start : 0\n})\nconst paddingBottom = computed(() => {\n  const items = virtualItems.value\n  if (items.length === 0) return 0\n  return totalSize.value - items[items.length - 1].end\n})\n\nconst columnCount = computed(() => ctx.table.getVisibleLeafColumns().length)\n\nfunction onRowKeydown(row: Row<RowData>, event: KeyboardEvent) {\n  if (event.key !== ' ') return\n  if (ctx.selectionMode.value === 'none') return\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    ctx.table.setRowSelection({ [row.id]: true })\n  } else {\n    row.toggleSelected()\n  }\n}\n\ndefineExpose({\n  scrollToIndex: (index: number) =>\n    virtualizer.value.scrollToIndex(index, { align: 'auto' }),\n})\n</script>\n\n<template>\n  <!--\n    Uses <tbody> + spacer <tr> rows so virtualized rows stay inside valid\n    <table> structure and inherit column widths from <thead>.\n    paddingTop/paddingBottom spacers replace the absolute-positioning approach.\n  -->\n  <tbody :class=\"slotFns.body()\">\n    <tr\n      v-if=\"paddingTop > 0\"\n      aria-hidden=\"true\"\n    >\n      <td\n        :colspan=\"columnCount\"\n        :style=\"{ height: `${paddingTop}px`, padding: 0, border: 'none' }\"\n      />\n    </tr>\n    <tr\n      v-for=\"vItem in virtualItems\"\n      :key=\"rows[vItem.index].id\"\n      role=\"row\"\n      :class=\"slotFns.row()\"\n      :aria-rowindex=\"vItem.index + 1\"\n      :aria-selected=\"\n        ctx.selectionMode.value !== 'none'\n          ? rows[vItem.index].getIsSelected()\n          : undefined\n      \"\n      :data-state=\"rows[vItem.index].getIsSelected() ? 'checked' : undefined\"\n      @click=\"(e: MouseEvent) => ctx.handleRowClick(vItem.index, e)\"\n      @keydown=\"(e: KeyboardEvent) => onRowKeydown(rows[vItem.index] as Row<RowData>, e)\"\n    >\n      <td\n        v-for=\"(cell, colIndex) in rows[vItem.index].getVisibleCells()\"\n        :key=\"cell.id\"\n        role=\"gridcell\"\n        :class=\"slotFns.cell()\"\n        :data-row-index=\"vItem.index\"\n        :data-col-index=\"colIndex\"\n        :tabindex=\"\n          ctx.activeCell.value !== null &&\n            ctx.activeCell.value.rowIndex === vItem.index &&\n            ctx.activeCell.value.columnIndex === colIndex\n            ? 0\n            : ctx.activeCell.value === null && vItem.index === 0 && colIndex === 0\n              ? 0\n              : -1\n        \"\n      >\n        <FlexRender\n          :render=\"cell.column.columnDef.cell\"\n          :props=\"cell.getContext()\"\n        />\n      </td>\n    </tr>\n    <tr\n      v-if=\"paddingBottom > 0\"\n      aria-hidden=\"true\"\n    >\n      <td\n        :colspan=\"columnCount\"\n        :style=\"{ height: `${paddingBottom}px`, padding: 0, border: 'none' }\"\n      />\n    </tr>\n  </tbody>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,120 @@
+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 { useVirtualizer } from "../../node_modules/.pnpm/@tanstack_vue-virtual@3.13.23_vue@3.5.32_typescript@6.0.2_/node_modules/@tanstack/vue-virtual/dist/esm/index.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, unref } from "vue";
+import { tableVariants } from "@auronui/styles";
+//#region src/components/table/TableVirtualBody.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_2 = ["colspan"];
+var _hoisted_3 = [
+	"aria-rowindex",
+	"aria-selected",
+	"data-state",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_4 = [
+	"data-row-index",
+	"data-col-index",
+	"tabindex"
+];
+var _hoisted_5 = {
+	key: 1,
+	"aria-hidden": "true"
+};
+var _hoisted_6 = ["colspan"];
+var TableVirtualBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableVirtualBody",
+	props: {
+		scrollElement: {},
+		estimatedRowHeight: {},
+		overscan: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const ctx = useTableInject();
+		const slotFns = computed(() => tableVariants({ variant: ctx.variant.value }));
+		const rows = computed(() => ctx.table.getRowModel().rows);
+		const virtualizer = useVirtualizer({
+			get count() {
+				return rows.value.length;
+			},
+			getScrollElement: () => props.scrollElement,
+			estimateSize: () => props.estimatedRowHeight ?? 44,
+			overscan: props.overscan ?? 8
+		});
+		const virtualItems = computed(() => virtualizer.value.getVirtualItems());
+		const totalSize = computed(() => virtualizer.value.getTotalSize());
+		const paddingTop = computed(() => {
+			const items = virtualItems.value;
+			return items.length > 0 ? items[0].start : 0;
+		});
+		const paddingBottom = computed(() => {
+			const items = virtualItems.value;
+			if (items.length === 0) return 0;
+			return totalSize.value - items[items.length - 1].end;
+		});
+		const columnCount = computed(() => ctx.table.getVisibleLeafColumns().length);
+		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();
+		}
+		__expose({ scrollToIndex: (index) => virtualizer.value.scrollToIndex(index, { align: "auto" }) });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tbody", { class: normalizeClass(slotFns.value.body()) }, [
+				paddingTop.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_1, [createElementVNode("td", {
+					colspan: columnCount.value,
+					style: normalizeStyle({
+						height: `${paddingTop.value}px`,
+						padding: 0,
+						border: "none"
+					})
+				}, null, 12, _hoisted_2)])) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(virtualItems.value, (vItem) => {
+					return openBlock(), createElementBlock("tr", {
+						key: rows.value[vItem.index].id,
+						role: "row",
+						class: normalizeClass(slotFns.value.row()),
+						"aria-rowindex": vItem.index + 1,
+						"aria-selected": unref(ctx).selectionMode.value !== "none" ? rows.value[vItem.index].getIsSelected() : void 0,
+						"data-state": rows.value[vItem.index].getIsSelected() ? "checked" : void 0,
+						onClick: (e) => unref(ctx).handleRowClick(vItem.index, e),
+						onKeydown: (e) => onRowKeydown(rows.value[vItem.index], e)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value[vItem.index].getVisibleCells(), (cell, colIndex) => {
+						return openBlock(), createElementBlock("td", {
+							key: cell.id,
+							role: "gridcell",
+							class: normalizeClass(slotFns.value.cell()),
+							"data-row-index": vItem.index,
+							"data-col-index": colIndex,
+							tabindex: unref(ctx).activeCell.value !== null && unref(ctx).activeCell.value.rowIndex === vItem.index && unref(ctx).activeCell.value.columnIndex === colIndex ? 0 : unref(ctx).activeCell.value === null && vItem.index === 0 && colIndex === 0 ? 0 : -1
+						}, [createVNode(unref(FlexRender), {
+							render: cell.column.columnDef.cell,
+							props: cell.getContext()
+						}, null, 8, ["render", "props"])], 10, _hoisted_4);
+					}), 128))], 42, _hoisted_3);
+				}), 128)),
+				paddingBottom.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_5, [createElementVNode("td", {
+					colspan: columnCount.value,
+					style: normalizeStyle({
+						height: `${paddingBottom.value}px`,
+						padding: 0,
+						border: "none"
+					})
+				}, null, 12, _hoisted_6)])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { TableVirtualBody_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableVirtualBody.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableVirtualBody.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/table/TableVirtualBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useVirtualizer } from '@tanstack/vue-virtual'\nimport { FlexRender, type Row, type RowData } from '@tanstack/vue-table'\nimport { tableVariants } from '@auronui/styles'\nimport { useTableInject } from './table.context'\n\nconst props = defineProps<{\n  scrollElement: HTMLElement | null\n  estimatedRowHeight?: number\n  overscan?: number\n}>()\n\nconst ctx = useTableInject()\nconst slotFns = computed(() => tableVariants({ variant: ctx.variant.value }))\n\nconst rows = computed(() => ctx.table.getRowModel().rows)\n\nconst virtualizer = useVirtualizer({\n  get count() {\n    return rows.value.length\n  },\n  getScrollElement: () => props.scrollElement,\n  estimateSize: () => props.estimatedRowHeight ?? 44,\n  overscan: props.overscan ?? 8,\n})\n\nconst virtualItems = computed(() => virtualizer.value.getVirtualItems())\nconst totalSize = computed(() => virtualizer.value.getTotalSize())\n\n// Spacer heights above and below the rendered slice.\n// This is the standard TanStack Virtual table pattern: pad via empty <tr> rows\n// so the <tbody> stays inside <table> (valid HTML) and inherits column widths.\nconst paddingTop = computed(() => {\n  const items = virtualItems.value\n  return items.length > 0 ? items[0].start : 0\n})\nconst paddingBottom = computed(() => {\n  const items = virtualItems.value\n  if (items.length === 0) return 0\n  return totalSize.value - items[items.length - 1].end\n})\n\nconst columnCount = computed(() => ctx.table.getVisibleLeafColumns().length)\n\nfunction onRowKeydown(row: Row<RowData>, event: KeyboardEvent) {\n  if (event.key !== ' ') return\n  if (ctx.selectionMode.value === 'none') return\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    ctx.table.setRowSelection({ [row.id]: true })\n  } else {\n    row.toggleSelected()\n  }\n}\n\ndefineExpose({\n  scrollToIndex: (index: number) =>\n    virtualizer.value.scrollToIndex(index, { align: 'auto' }),\n})\n</script>\n\n<template>\n  <!--\n    Uses <tbody> + spacer <tr> rows so virtualized rows stay inside valid\n    <table> structure and inherit column widths from <thead>.\n    paddingTop/paddingBottom spacers replace the absolute-positioning approach.\n  -->\n  <tbody :class=\"slotFns.body()\">\n    <tr\n      v-if=\"paddingTop > 0\"\n      aria-hidden=\"true\"\n    >\n      <td\n        :colspan=\"columnCount\"\n        :style=\"{ height: `${paddingTop}px`, padding: 0, border: 'none' }\"\n      />\n    </tr>\n    <tr\n      v-for=\"vItem in virtualItems\"\n      :key=\"rows[vItem.index].id\"\n      role=\"row\"\n      :class=\"slotFns.row()\"\n      :aria-rowindex=\"vItem.index + 1\"\n      :aria-selected=\"\n        ctx.selectionMode.value !== 'none'\n          ? rows[vItem.index].getIsSelected()\n          : undefined\n      \"\n      :data-state=\"rows[vItem.index].getIsSelected() ? 'checked' : undefined\"\n      @click=\"(e: MouseEvent) => ctx.handleRowClick(vItem.index, e)\"\n      @keydown=\"(e: KeyboardEvent) => onRowKeydown(rows[vItem.index] as Row<RowData>, e)\"\n    >\n      <td\n        v-for=\"(cell, colIndex) in rows[vItem.index].getVisibleCells()\"\n        :key=\"cell.id\"\n        role=\"gridcell\"\n        :class=\"slotFns.cell()\"\n        :data-row-index=\"vItem.index\"\n        :data-col-index=\"colIndex\"\n        :tabindex=\"\n          ctx.activeCell.value !== null &&\n            ctx.activeCell.value.rowIndex === vItem.index &&\n            ctx.activeCell.value.columnIndex === colIndex\n            ? 0\n            : ctx.activeCell.value === null && vItem.index === 0 && colIndex === 0\n              ? 0\n              : -1\n        \"\n      >\n        <FlexRender\n          :render=\"cell.column.columnDef.cell\"\n          :props=\"cell.getContext()\"\n        />\n      </td>\n    </tr>\n    <tr\n      v-if=\"paddingBottom > 0\"\n      aria-hidden=\"true\"\n    >\n      <td\n        :colspan=\"columnCount\"\n        :style=\"{ height: `${paddingBottom}px`, padding: 0, border: 'none' }\"\n      />\n    </tr>\n  </tbody>\n</template>\n"],"mappings":"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"}

package/dist/components/table/table.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/table/table.context.ts
+var { useProvide: useTableProvide, useInject: useTableInject, key: tableContextKey } = createContext("Table");
+//#endregion
+export { tableContextKey, useTableInject, useTableProvide };
+
+//# sourceMappingURL=table.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.context.js","names":[],"sources":["../../../src/components/table/table.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Table as TableInstance, RowData } from '@tanstack/vue-table'\nimport type { Ref } from 'vue'\n\n/**\n * TableContext — provided by the <Table> root, consumed by every descendant.\n *\n * We intentionally use `RowData` (TanStack's opaque row type) rather than a\n * generic TData because Vue's provide/inject cannot propagate generics\n * across SFC boundaries. Consumers (sub-parts) cast as needed.\n *\n * The `activeCell` ref tracks which cell is the \"active\" cell for\n * the roving tabindex. Format: { rowIndex, columnIndex } | null.\n */\nexport interface TableContext {\n  /** The TanStack table instance (reactive via vue-table composable) */\n  table: TableInstance<RowData>\n  /** Roving tabindex active cell */\n  activeCell: Ref<{ rowIndex: number; columnIndex: number } | null>\n  /** Whether selection column (checkbox) is enabled */\n  selectionEnabled: Ref<boolean>\n  /** Variant for slot className generation */\n  variant: Ref<'primary' | 'secondary'>\n  /** Selection mode: 'none' | 'single' | 'multiple' */\n  selectionMode: Ref<'none' | 'single' | 'multiple'>\n  /** Shift+Click range handler called from TableBody row click listener */\n  handleRowClick: (rowIndex: number, event: MouseEvent) => void\n}\n\nexport const {\n  useProvide: useTableProvide,\n  useInject: useTableInject,\n  key: tableContextKey,\n} = createContext<TableContext>('Table')\n"],"mappings":";;AA6BA,IAAa,EACX,YAAY,iBACZ,WAAW,gBACX,KAAK,oBACH,cAA4B,QAAQ"}

package/dist/components/table/useTableKeyboardNav.js

@@ -0,0 +1,92 @@
+import { ref } from "vue";
+//#region src/components/table/useTableKeyboardNav.ts
+/**
+* useTableKeyboardNav — WAI-ARIA data grid keyboard navigation.
+*
+* Implements:
+*   Arrow keys — cell-by-cell movement, no wrap
+*   Home / End — first / last cell in current row
+*   Ctrl+Home / Ctrl+End — first cell of first row / last cell of last row
+*
+* Uses roving tabindex: exactly one cell has tabindex=0 at any time.
+* The caller renders cells and binds tabindex via `isActive(r,c) ? 0 : -1`.
+*/
+function useTableKeyboardNav(options) {
+	const activeCell = ref(null);
+	function move(newRow, newCol) {
+		const rMax = options.rowCount.value - 1;
+		const cMax = options.columnCount.value - 1;
+		if (rMax < 0 || cMax < 0) return;
+		const clampedR = Math.max(0, Math.min(newRow, rMax));
+		const clampedC = Math.max(0, Math.min(newCol, cMax));
+		activeCell.value = {
+			rowIndex: clampedR,
+			columnIndex: clampedC
+		};
+		queueMicrotask(() => {
+			options.getCellElement(clampedR, clampedC)?.focus();
+		});
+	}
+	function onKeydown(event) {
+		const rowCount = options.rowCount.value;
+		const columnCount = options.columnCount.value;
+		if (rowCount === 0 || columnCount === 0) return;
+		const current = activeCell.value ?? {
+			rowIndex: 0,
+			columnIndex: 0
+		};
+		let handled = false;
+		switch (event.key) {
+			case "ArrowRight":
+				move(current.rowIndex, current.columnIndex + 1);
+				handled = true;
+				break;
+			case "ArrowLeft":
+				move(current.rowIndex, current.columnIndex - 1);
+				handled = true;
+				break;
+			case "ArrowDown":
+				move(current.rowIndex + 1, current.columnIndex);
+				handled = true;
+				break;
+			case "ArrowUp":
+				move(current.rowIndex - 1, current.columnIndex);
+				handled = true;
+				break;
+			case "Home":
+				if (event.ctrlKey || event.metaKey) move(0, 0);
+				else move(current.rowIndex, 0);
+				handled = true;
+				break;
+			case "End":
+				if (event.ctrlKey || event.metaKey) move(rowCount - 1, columnCount - 1);
+				else move(current.rowIndex, columnCount - 1);
+				handled = true;
+				break;
+		}
+		if (handled) {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+	}
+	function onCellFocus(rowIndex, columnIndex) {
+		activeCell.value = {
+			rowIndex,
+			columnIndex
+		};
+	}
+	function isActive(rowIndex, columnIndex) {
+		if (activeCell.value === null) return rowIndex === 0 && columnIndex === 0;
+		return activeCell.value.rowIndex === rowIndex && activeCell.value.columnIndex === columnIndex;
+	}
+	return {
+		activeCell,
+		onKeydown,
+		onCellFocus,
+		isActive
+	};
+}
+//#endregion
+export { useTableKeyboardNav };
+
+//# sourceMappingURL=useTableKeyboardNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableKeyboardNav.js","names":[],"sources":["../../../src/components/table/useTableKeyboardNav.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\n\nexport interface TableKeyboardNavOptions {\n  /** Reactive row count (so keyboard nav bounds update when data changes) */\n  rowCount: Ref<number>\n  /** Reactive column count */\n  columnCount: Ref<number>\n  /** Callback to resolve the DOM element for a given (row, col) coordinate */\n  getCellElement: (rowIndex: number, columnIndex: number) => HTMLElement | null\n}\n\nexport interface TableKeyboardNav {\n  /** Currently active cell (roving tabindex target). null = nothing focused yet. */\n  activeCell: Ref<{ rowIndex: number; columnIndex: number } | null>\n  /** Attach to the table root: @keydown=\"onKeydown\" */\n  onKeydown: (event: KeyboardEvent) => void\n  /** Attach to each cell: @focus=\"onCellFocus(rowIndex, columnIndex)\" */\n  onCellFocus: (rowIndex: number, columnIndex: number) => void\n  /** Query helper: is this cell the tabindex=0 target? */\n  isActive: (rowIndex: number, columnIndex: number) => boolean\n}\n\n/**\n * useTableKeyboardNav — WAI-ARIA data grid keyboard navigation.\n *\n * Implements:\n *   Arrow keys — cell-by-cell movement, no wrap\n *   Home / End — first / last cell in current row\n *   Ctrl+Home / Ctrl+End — first cell of first row / last cell of last row\n *\n * Uses roving tabindex: exactly one cell has tabindex=0 at any time.\n * The caller renders cells and binds tabindex via `isActive(r,c) ? 0 : -1`.\n */\nexport function useTableKeyboardNav(options: TableKeyboardNavOptions): TableKeyboardNav {\n  const activeCell: Ref<{ rowIndex: number; columnIndex: number } | null> = ref(null)\n\n  function move(newRow: number, newCol: number) {\n    const rMax = options.rowCount.value - 1\n    const cMax = options.columnCount.value - 1\n    if (rMax < 0 || cMax < 0) return\n    const clampedR = Math.max(0, Math.min(newRow, rMax))\n    const clampedC = Math.max(0, Math.min(newCol, cMax))\n    activeCell.value = { rowIndex: clampedR, columnIndex: clampedC }\n    // Focus on next tick (after template updates tabindex)\n    queueMicrotask(() => {\n      const el = options.getCellElement(clampedR, clampedC)\n      el?.focus()\n    })\n  }\n\n  function onKeydown(event: KeyboardEvent) {\n    const rowCount = options.rowCount.value\n    const columnCount = options.columnCount.value\n    if (rowCount === 0 || columnCount === 0) return\n\n    // Bootstrap: first arrow key with no active cell -> (0,0)\n    const current = activeCell.value ?? { rowIndex: 0, columnIndex: 0 }\n\n    let handled = false\n    switch (event.key) {\n      case 'ArrowRight':\n        move(current.rowIndex, current.columnIndex + 1)\n        handled = true\n        break\n      case 'ArrowLeft':\n        move(current.rowIndex, current.columnIndex - 1)\n        handled = true\n        break\n      case 'ArrowDown':\n        move(current.rowIndex + 1, current.columnIndex)\n        handled = true\n        break\n      case 'ArrowUp':\n        move(current.rowIndex - 1, current.columnIndex)\n        handled = true\n        break\n      case 'Home':\n        if (event.ctrlKey || event.metaKey) {\n          move(0, 0)\n        } else {\n          move(current.rowIndex, 0)\n        }\n        handled = true\n        break\n      case 'End':\n        if (event.ctrlKey || event.metaKey) {\n          move(rowCount - 1, columnCount - 1)\n        } else {\n          move(current.rowIndex, columnCount - 1)\n        }\n        handled = true\n        break\n      // Tab NOT intercepted — exits the grid per WAI-ARIA\n    }\n\n    if (handled) {\n      event.preventDefault()\n      event.stopPropagation()\n    }\n  }\n\n  function onCellFocus(rowIndex: number, columnIndex: number) {\n    // User clicked or Tab-entered a cell directly — sync activeCell\n    activeCell.value = { rowIndex, columnIndex }\n  }\n\n  function isActive(rowIndex: number, columnIndex: number): boolean {\n    // If nothing is active yet, the (0,0) cell is the tab entry point\n    if (activeCell.value === null) return rowIndex === 0 && columnIndex === 0\n    return activeCell.value.rowIndex === rowIndex && activeCell.value.columnIndex === columnIndex\n  }\n\n  return { activeCell, onKeydown, onCellFocus, isActive }\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,SAAgB,oBAAoB,SAAoD;CACtF,MAAM,aAAoE,IAAI,KAAK;CAEnF,SAAS,KAAK,QAAgB,QAAgB;EAC5C,MAAM,OAAO,QAAQ,SAAS,QAAQ;EACtC,MAAM,OAAO,QAAQ,YAAY,QAAQ;AACzC,MAAI,OAAO,KAAK,OAAO,EAAG;EAC1B,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,KAAK,CAAC;EACpD,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,KAAK,CAAC;AACpD,aAAW,QAAQ;GAAE,UAAU;GAAU,aAAa;GAAU;AAEhE,uBAAqB;AACR,WAAQ,eAAe,UAAU,SAAS,EACjD,OAAO;IACX;;CAGJ,SAAS,UAAU,OAAsB;EACvC,MAAM,WAAW,QAAQ,SAAS;EAClC,MAAM,cAAc,QAAQ,YAAY;AACxC,MAAI,aAAa,KAAK,gBAAgB,EAAG;EAGzC,MAAM,UAAU,WAAW,SAAS;GAAE,UAAU;GAAG,aAAa;GAAG;EAEnE,IAAI,UAAU;AACd,UAAQ,MAAM,KAAd;GACE,KAAK;AACH,SAAK,QAAQ,UAAU,QAAQ,cAAc,EAAE;AAC/C,cAAU;AACV;GACF,KAAK;AACH,SAAK,QAAQ,UAAU,QAAQ,cAAc,EAAE;AAC/C,cAAU;AACV;GACF,KAAK;AACH,SAAK,QAAQ,WAAW,GAAG,QAAQ,YAAY;AAC/C,cAAU;AACV;GACF,KAAK;AACH,SAAK,QAAQ,WAAW,GAAG,QAAQ,YAAY;AAC/C,cAAU;AACV;GACF,KAAK;AACH,QAAI,MAAM,WAAW,MAAM,QACzB,MAAK,GAAG,EAAE;QAEV,MAAK,QAAQ,UAAU,EAAE;AAE3B,cAAU;AACV;GACF,KAAK;AACH,QAAI,MAAM,WAAW,MAAM,QACzB,MAAK,WAAW,GAAG,cAAc,EAAE;QAEnC,MAAK,QAAQ,UAAU,cAAc,EAAE;AAEzC,cAAU;AACV;;AAIJ,MAAI,SAAS;AACX,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;;;CAI3B,SAAS,YAAY,UAAkB,aAAqB;AAE1D,aAAW,QAAQ;GAAE;GAAU;GAAa;;CAG9C,SAAS,SAAS,UAAkB,aAA8B;AAEhE,MAAI,WAAW,UAAU,KAAM,QAAO,aAAa,KAAK,gBAAgB;AACxE,SAAO,WAAW,MAAM,aAAa,YAAY,WAAW,MAAM,gBAAgB;;AAGpF,QAAO;EAAE;EAAY;EAAW;EAAa;EAAU"}

package/dist/components/tabs/Tab.js

@@ -0,0 +1,7 @@
+import Tab_vue_vue_type_script_setup_true_lang_default from "./Tab.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/Tab.vue
+var Tab_default = Tab_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Tab_default as default };
+
+//# sourceMappingURL=Tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","names":[],"sources":["../../../src/components/tabs/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsTrigger } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: string\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsTrigger\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(ctx.slotFns.value.tab(), props.class)\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,35 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useTabsInject } from "./tabs.context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TabsTrigger } from "reka-ui";
+//#region src/components/tabs/Tab.vue?vue&type=script&setup=true&lang.ts
+var Tab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Tab",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useTabsInject();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TabsTrigger), {
+				value: props.value,
+				disabled: props.disabled,
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.tab(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"value",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Tab_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tab.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsTrigger } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: string\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsTrigger\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(ctx.slotFns.value.tab(), props.class)\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAMd,MAAM,MAAM,eAAc;;uBAIxB,YAMc,MAAA,YAAA,EAAA;IALX,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,KAAG,EAAI,MAAM,MAAK,CAAA;;2BAErD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tabs/TabIndicator.js

@@ -0,0 +1,7 @@
+import TabIndicator_vue_vue_type_script_setup_true_lang_default from "./TabIndicator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/TabIndicator.vue
+var TabIndicator_default = TabIndicator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TabIndicator_default as default };
+
+//# sourceMappingURL=TabIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabIndicator.js","names":[],"sources":["../../../src/components/tabs/TabIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsIndicator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{ class?: string }>()\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsIndicator :class=\"composeClassName(ctx.slotFns.value.tabIndicator(), props.class)\" />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,20 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useTabsInject } from "./tabs.context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { TabsIndicator } from "reka-ui";
+//#region src/components/tabs/TabIndicator.vue?vue&type=script&setup=true&lang.ts
+var TabIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TabIndicator",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = useTabsInject();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TabsIndicator), { class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.tabIndicator(), props.class)) }, null, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { TabIndicator_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TabIndicator.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabIndicator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsIndicator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{ class?: string }>()\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsIndicator :class=\"composeClassName(ctx.slotFns.value.tabIndicator(), props.class)\" />\n</template>\n"],"mappings":";;;;;;;;;EAKA,MAAM,QAAQ;EACd,MAAM,MAAM,eAAc;;uBAIxB,YAA0F,MAAA,cAAA,EAAA,EAA1E,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,cAAY,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/components/tabs/TabList.js

@@ -0,0 +1,7 @@
+import TabList_vue_vue_type_script_setup_true_lang_default from "./TabList.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/TabList.vue
+var TabList_default = TabList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TabList_default as default };
+
+//# sourceMappingURL=TabList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","names":[],"sources":["../../../src/components/tabs/TabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsList } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  loop?: boolean\n  class?: string\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsList\n    :loop=\"props.loop ?? true\"\n    :class=\"composeClassName(ctx.slotFns.value.tabList(), props.class)\"\n  >\n    <slot />\n  </TabsList>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,29 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useTabsInject } from "./tabs.context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TabsList } from "reka-ui";
+//#region src/components/tabs/TabList.vue?vue&type=script&setup=true&lang.ts
+var TabList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TabList",
+	props: {
+		loop: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useTabsInject();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TabsList), {
+				loop: props.loop ?? true,
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.tabList(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["loop", "class"]);
+		};
+	}
+});
+//#endregion
+export { TabList_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TabList.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsList } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  loop?: boolean\n  class?: string\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsList\n    :loop=\"props.loop ?? true\"\n    :class=\"composeClassName(ctx.slotFns.value.tabList(), props.class)\"\n  >\n    <slot />\n  </TabsList>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,MAAM,eAAc;;uBAIxB,YAKW,MAAA,SAAA,EAAA;IAJR,MAAM,MAAM,QAAI;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAEzD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}