@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/table.js

@@ -0,0 +1,2075 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Table.tsx.
+ * Modified for Solid Aria: preserve table collection, sorting and sizing algorithms with Solid contexts, collection descriptors and reactive accessibility primitives; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { DEFAULT_SLOT, assignRef, createContextProps, createRenderProps, dom } from "./utils.js";
+import { CollectionRendererContext, DefaultCollectionRenderer } from "./collection.js";
+import { ButtonContext } from "./button.js";
+import { SelectionIndicatorContext } from "./selection-indicator.js";
+import { CheckboxContext, CheckboxFieldContext } from "./checkbox.js";
+import { DragAndDropContext, DropIndicatorContext, createDndPersistedKeys, createRenderDropIndicator } from "./drag-and-drop.js";
+import { CollectionDropIndicator, createCollectionDragAndDrop } from "./collection-dnd.js";
+import intl_default from "./intl/index.js";
+import { RootDropIndicator } from "./grid-list.js";
+import { TreeDropTargetDelegate } from "./tree-drop-target-delegate.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createMemo, createSignal, merge, omit, onSettled, untrack, useContext } from "solid-js";
+import { Portal, applyRef, dynamic, escape, memo, mergeProps as mergeProps$1, ssr, ssrAttribute, ssrElement, ssrHydrationKey, ssrStyleProperties, ssrStyleProperty } from "@solidjs/web";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { BaseCollection, CollectionNode, FilterableNode, LoaderNode } from "@solid2-aria/core/collections/base-collection";
+import { Collection, CollectionBuilder, createBranchComponent, createLeafComponent } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createCachedChildren } from "@solid2-aria/core/collections/create-cached-children";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { isPresent } from "@solid2-aria/core/utils/is-present";
+import { createLocalizedStringFormatter } from "@solid2-aria/core/i18n/create-localized-string-formatter";
+import { createLoadMoreSentinel } from "@solid2-aria/core/utils/create-load-more-sentinel";
+import { createTable } from "@solid2-aria/core/table/create-table";
+import { createTableCell } from "@solid2-aria/core/table/create-table-cell";
+import { createTableColumnHeader } from "@solid2-aria/core/table/create-table-column-header";
+import { createTableColumnResize } from "@solid2-aria/core/table/create-table-column-resize";
+import { createTableHeaderRow } from "@solid2-aria/core/table/create-table-header-row";
+import { createTableRow } from "@solid2-aria/core/table/create-table-row";
+import { createTableRowGroup } from "@solid2-aria/core/table/create-table-row-group";
+import { createTableSelectAllCheckbox, createTableSelectionCheckbox } from "@solid2-aria/core/table/create-table-selection-checkbox";
+import { createTableColumnResizeState } from "@solid2-aria/stately/table/create-table-column-resize-state";
+import { createTableState } from "@solid2-aria/stately/table/create-table-state";
+import { buildHeaderRows } from "@solid2-aria/stately/table/table-collection";
+import { createControlledSignal } from "@solid2-aria/stately/utils/create-controlled-signal";
+import { getNodeProps } from "@solid2-aria/stately/utils/get-node-props";
+// src/table.tsx
+var _tmpl$ = [
+	"<div",
+	" style=\"",
+	"\" data-testid=\"cursor-overlay\"></div>"
+];
+var _tmpl$2 = [
+	"<tr",
+	" inert style=\"",
+	"\"><td",
+	" style=\"",
+	"\"><div style=\"",
+	"\"></div></td></tr>"
+];
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _m$8 = Symbol();
+var _m$9 = Symbol();
+var _m$10 = Symbol();
+var _m$11 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-ResizableTableContainer";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		const props = this[_m$];
+		const context = this[_m$2];
+		return ResizableTableContainerContext(new _P$(props, context));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	Object.defineProperty(this, "render", _d$2);
+	Object.defineProperty(this, "class", _d$3);
+	Object.defineProperty(this, "style", _d$4);
+	this.ref = _p5;
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$2.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p6) {
+	this[_m$] = _p6;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$3.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		const props = this[_m$];
+		return Collection(new _P$3(props));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p7, _p8, _p9) {
+	this[_m$] = _p7;
+	this.createCollection = _p8;
+	Object.defineProperty(this, "content", _d$7);
+	this.children = _p9;
+}
+_P$4.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		return this[_m$].collection;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$2].elementRef;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		const state = this[_m$];
+		const props = this[_m$3];
+		const dnd = this[_m$4];
+		return createDndPersistedKeys(state.selectionManager, props.dragAndDropHooks, dnd.dropState);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p0, _p1, _p10, _p11) {
+	this[_m$] = _p0;
+	this[_m$2] = _p1;
+	this[_m$3] = _p10;
+	this[_m$4] = _p11;
+	Object.defineProperty(this, "collection", _d$8);
+	Object.defineProperty(this, "scrollRef", _d$9);
+	Object.defineProperty(this, "persistedKeys", _d$10);
+}
+_P$5.prototype = Object.prototype;
+var _d$11 = {
+	get() {
+		const Root = this[_m$];
+		const state = this[_m$2];
+		const outer = this[_m$3];
+		const props = this[_m$4];
+		const dnd = this[_m$5];
+		return Root(new _P$5(state, outer, props, dnd));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p12, _p13, _p14, _p15, _p16, _p17) {
+	this[_m$] = _p12;
+	this[_m$2] = _p13;
+	this[_m$3] = _p14;
+	this[_m$4] = _p15;
+	this[_m$5] = _p16;
+	this.value = _p17;
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$6.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const Root = this[_m$];
+		const state = this[_m$2];
+		const outer = this[_m$3];
+		const props = this[_m$4];
+		const dnd = this[_m$5];
+		const renderer = this[_m$6];
+		return DropIndicatorContext(new _P$6(Root, state, outer, props, dnd, { render: (indicatorProps, ref) => CollectionDropIndicator(mergeProps$1(indicatorProps, {
+			ref(r$) {
+				var _ref$ = ref;
+				typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : ref = r$;
+			},
+			get table() {
+				return !(renderer.isVirtualized === true);
+			},
+			get columnCount() {
+				return state.collection.columnCount;
+			}
+		})) }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p18, _p19, _p20, _p21, _p22, _p23, _p24) {
+	this[_m$] = _p18;
+	this[_m$2] = _p19;
+	this[_m$3] = _p20;
+	this[_m$4] = _p21;
+	this[_m$5] = _p22;
+	this[_m$6] = _p23;
+	this.value = _p24;
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$7.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		const Root = this[_m$];
+		const state = this[_m$2];
+		const outer = this[_m$3];
+		const props = this[_m$4];
+		const dnd = this[_m$5];
+		const renderer = this[_m$6];
+		return DragAndDropContext(new _P$7(Root, state, outer, props, dnd, renderer, dnd));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p25, _p26, _p27, _p28, _p29, _p30, _p31) {
+	this[_m$] = _p25;
+	this[_m$2] = _p26;
+	this[_m$3] = _p27;
+	this[_m$4] = _p28;
+	this[_m$5] = _p29;
+	this[_m$6] = _p30;
+	this.value = _p31;
+	Object.defineProperty(this, "children", _d$13);
+}
+_P$8.prototype = Object.prototype;
+var _d$14 = {
+	get() {
+		const Root = this[_m$];
+		const state = this[_m$2];
+		const outer = this[_m$3];
+		const props = this[_m$4];
+		const dnd = this[_m$5];
+		const renderer = this[_m$6];
+		const options = this[_m$7];
+		return TableOptionsContext(new _P$8(Root, state, outer, props, dnd, renderer, options));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p32, _p33, _p34, _p35, _p36, _p37, _p38, _p39) {
+	this[_m$] = _p32;
+	this[_m$2] = _p33;
+	this[_m$3] = _p34;
+	this[_m$4] = _p35;
+	this[_m$5] = _p36;
+	this[_m$6] = _p37;
+	this[_m$7] = _p38;
+	this.value = _p39;
+	Object.defineProperty(this, "children", _d$14);
+}
+_P$9.prototype = Object.prototype;
+var _d$15 = {
+	get() {
+		const Root = this[_m$];
+		const state = this[_m$2];
+		const outer = this[_m$3];
+		const props = this[_m$4];
+		const dnd = this[_m$5];
+		const renderer = this[_m$6];
+		const options = this[_m$7];
+		const resize = this[_m$8];
+		return TableColumnResizeStateContext(new _P$9(Root, state, outer, props, dnd, renderer, options, resize));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$10(_p40, _p41, _p42, _p43, _p44, _p45, _p46, _p47, _p48) {
+	this[_m$] = _p40;
+	this[_m$2] = _p41;
+	this[_m$3] = _p42;
+	this[_m$4] = _p43;
+	this[_m$5] = _p44;
+	this[_m$6] = _p45;
+	this[_m$7] = _p46;
+	this[_m$8] = _p47;
+	this.value = _p48;
+	Object.defineProperty(this, "children", _d$15);
+}
+_P$10.prototype = Object.prototype;
+var _d$16 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$17 = {
+	get() {
+		return this[_m$2].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$18 = {
+	get() {
+		return this[_m$2].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$19 = {
+	get() {
+		return this[_m$3].isDropTarget || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$20 = {
+	get() {
+		const Root = this[_m$4];
+		const state = this[_m$5];
+		const outer = this[_m$6];
+		const props = this[_m$];
+		const dnd = this[_m$7];
+		const renderer = this[_m$8];
+		const options = this[_m$9];
+		const resize = this[_m$10];
+		return [TableStateContext(new _P$10(Root, state, outer, props, dnd, renderer, options, resize, state)), memo(() => {
+			return dnd.preview;
+		})];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$11(_p49, _p50, _p51, _p52, _p53, _p54, _p55, _p56, _p57, _p58, _p59) {
+	this[_m$] = _p49;
+	this[_m$2] = _p50;
+	this[_m$3] = _p51;
+	this[_m$4] = _p52;
+	this[_m$5] = _p53;
+	this[_m$6] = _p54;
+	this[_m$7] = _p55;
+	this[_m$8] = _p56;
+	this[_m$9] = _p57;
+	this[_m$10] = _p58;
+	this.ref = _p59;
+	Object.defineProperty(this, "slot", _d$16);
+	Object.defineProperty(this, "data-focused", _d$17);
+	Object.defineProperty(this, "data-focus-visible", _d$18);
+	Object.defineProperty(this, "data-drop-target", _d$19);
+	Object.defineProperty(this, "children", _d$20);
+}
+_P$11.prototype = Object.prototype;
+var _d$21 = {
+	get() {
+		return this[_m$].columns;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$22 = {
+	get() {
+		return this[_m$].dependencies;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$23 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$12(_p60) {
+	this[_m$] = _p60;
+	Object.defineProperty(this, "items", _d$21);
+	Object.defineProperty(this, "dependencies", _d$22);
+	Object.defineProperty(this, "children", _d$23);
+}
+_P$12.prototype = Object.prototype;
+var _d$24 = {
+	get() {
+		return this[_m$].collection;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$25 = {
+	get() {
+		return this[_m$2].item;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$13(_p61, _p62) {
+	this[_m$] = _p61;
+	this[_m$2] = _p62;
+	Object.defineProperty(this, "collection", _d$24);
+	Object.defineProperty(this, "parent", _d$25);
+}
+_P$13.prototype = Object.prototype;
+var _d$26 = {
+	get() {
+		const Branch = this[_m$];
+		const state = this[_m$2];
+		const props = this[_m$3];
+		return Branch(new _P$13(state, props));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$14(_p63, _p64, _p65, _p66) {
+	this[_m$] = _p63;
+	this[_m$2] = _p64;
+	this[_m$3] = _p65;
+	this.value = _p66;
+	Object.defineProperty(this, "children", _d$26);
+}
+_P$14.prototype = Object.prototype;
+var _d$27 = {
+	get() {
+		const Branch = this[_m$];
+		const state = this[_m$2];
+		const props = this[_m$3];
+		const checkbox = this[_m$4];
+		return CheckboxFieldContext(new _P$14(Branch, state, props, { slots: { get selection() {
+			return checkbox.checkboxProps;
+		} } }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$15(_p67, _p68, _p69, _p70, _p71) {
+	this[_m$] = _p67;
+	this[_m$2] = _p68;
+	this[_m$3] = _p69;
+	this[_m$4] = _p70;
+	this.value = _p71;
+	Object.defineProperty(this, "children", _d$27);
+}
+_P$15.prototype = Object.prototype;
+var _d$28 = {
+	get() {
+		const Branch = this[_m$];
+		const state = this[_m$2];
+		const props = this[_m$3];
+		const checkbox = this[_m$4];
+		return CheckboxContext(new _P$15(Branch, state, props, checkbox, { slots: { get selection() {
+			return checkbox.checkboxProps;
+		} } }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$16(_p72, _p73, _p74, _p75, _p76) {
+	this[_m$] = _p72;
+	this[_m$2] = _p73;
+	this[_m$3] = _p74;
+	this[_m$4] = _p75;
+	this.ref = _p76;
+	Object.defineProperty(this, "children", _d$28);
+}
+_P$16.prototype = Object.prototype;
+var _d$29 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$17(_p77, _p78) {
+	this[_m$] = _p77;
+	this.value = _p78;
+	Object.defineProperty(this, "children", _d$29);
+}
+_P$17.prototype = Object.prototype;
+var _d$30 = {
+	get() {
+		const render = this[_m$];
+		return CollectionRendererContext(new _P$17(render, DefaultCollectionRenderer));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$18(_p79, _p80) {
+	this[_m$] = _p79;
+	this.value = _p80;
+	Object.defineProperty(this, "children", _d$30);
+}
+_P$18.prototype = Object.prototype;
+var _d$31 = {
+	get() {
+		const resize = this[_m$];
+		const render = this[_m$2];
+		const column = this[_m$3];
+		return resize ? mergeProps(typeof render.style === "object" ? render.style : {}, { width: resize.getColumnWidth(column.key) }) : render.style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$32 = {
+	get() {
+		return this[_m$4].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$33 = {
+	get() {
+		return this[_m$5].isPressed || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$34 = {
+	get() {
+		return this[_m$6].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$35 = {
+	get() {
+		return this[_m$6].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$36 = {
+	get() {
+		return this[_m$7].isResizing || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$37 = {
+	get() {
+		return this[_m$7].allowsSorting || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$38 = {
+	get() {
+		return this[_m$7].sortDirection;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$39 = {
+	get() {
+		const render = this[_m$2];
+		const column = this[_m$3];
+		const ref = this[_m$8];
+		return ColumnResizerContext(new _P$18(render, {
+			column,
+			triggerRef: ref
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$19(_p81, _p82, _p83, _p84, _p85, _p86, _p87, _p88, _p89) {
+	this[_m$] = _p81;
+	this[_m$2] = _p82;
+	this[_m$3] = _p83;
+	this[_m$4] = _p84;
+	this[_m$5] = _p85;
+	this[_m$6] = _p86;
+	this[_m$7] = _p87;
+	this[_m$8] = _p88;
+	Object.defineProperty(this, "style", _d$31);
+	this.ref = _p89;
+	Object.defineProperty(this, "data-hovered", _d$32);
+	Object.defineProperty(this, "data-pressed", _d$33);
+	Object.defineProperty(this, "data-focused", _d$34);
+	Object.defineProperty(this, "data-focus-visible", _d$35);
+	Object.defineProperty(this, "data-resizing", _d$36);
+	Object.defineProperty(this, "data-allows-sorting", _d$37);
+	Object.defineProperty(this, "data-sort-direction", _d$38);
+	Object.defineProperty(this, "children", _d$39);
+}
+_P$19.prototype = Object.prototype;
+var _d$40 = {
+	get() {
+		return document.body;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$41 = {
+	get() {
+		var _v$ = ssrHydrationKey();
+		return ssr(_tmpl$, _v$, ssrStyleProperties("bottom:", 0, "left:", 0, "position:", "fixed", "right:", 0, "top:", 0));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$20() {
+	Object.defineProperty(this, "mount", _d$40);
+	Object.defineProperty(this, "children", _d$41);
+}
+_P$20.prototype = Object.prototype;
+var _d$42 = {
+	get() {
+		return this[_m$].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$43 = {
+	get() {
+		return this[_m$2].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$44 = {
+	get() {
+		return this[_m$2].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$45 = {
+	get() {
+		return this[_m$3].isResizing || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$46 = {
+	get() {
+		return this[_m$4].resizableDirection;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$47 = {
+	get() {
+		const render = this[_m$5];
+		const aria = this[_m$3];
+		const focus = this[_m$2];
+		return [
+			memo(() => {
+				return render.children;
+			}),
+			ssrElement("input", mergeProps(merge(() => aria.inputProps ?? {}), merge(() => focus.focusProps ?? {})), void 0, true),
+			memo(() => {
+				return memo(() => {
+					return !!aria.isMouseResizing;
+				})() ? Portal(new _P$20()) : aria.isMouseResizing;
+			})
+		];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$21(_p90, _p91, _p92, _p93, _p94, _p95, _p96) {
+	this[_m$] = _p90;
+	this[_m$2] = _p91;
+	this[_m$3] = _p92;
+	this[_m$4] = _p93;
+	this[_m$5] = _p94;
+	this.role = _p95;
+	this.ref = _p96;
+	Object.defineProperty(this, "data-hovered", _d$42);
+	Object.defineProperty(this, "data-focused", _d$43);
+	Object.defineProperty(this, "data-focus-visible", _d$44);
+	Object.defineProperty(this, "data-resizing", _d$45);
+	Object.defineProperty(this, "data-resizable-direction", _d$46);
+	Object.defineProperty(this, "children", _d$47);
+}
+_P$21.prototype = Object.prototype;
+var _d$48 = {
+	get() {
+		return !(this[_m$].isVirtualized === true);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$49 = {
+	get() {
+		return this[_m$2].collection.columnCount;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$22(_p97, _p98) {
+	this[_m$] = _p97;
+	this[_m$2] = _p98;
+	Object.defineProperty(this, "table", _d$48);
+	Object.defineProperty(this, "columnCount", _d$49);
+}
+_P$22.prototype = Object.prototype;
+var _d$50 = {
+	get() {
+		return this[_m$].collection;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$51 = {
+	get() {
+		const dnd = this[_m$2];
+		return createRenderDropIndicator(dnd.dragAndDropHooks, dnd.dropState);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$23(_p99, _p100, _p101) {
+	this[_m$] = _p99;
+	this[_m$2] = _p100;
+	Object.defineProperty(this, "collection", _d$50);
+	this.parent = _p101;
+	Object.defineProperty(this, "renderDropIndicator", _d$51);
+}
+_P$23.prototype = Object.prototype;
+var _d$52 = {
+	get() {
+		return this[_m$].collection.columnCount;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$53 = {
+	get() {
+		const props = this[_m$2];
+		const values = this[_m$3];
+		return props.renderEmptyState(values);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$24(_p102, _p103, _p104, _p105) {
+	this[_m$] = _p102;
+	this[_m$2] = _p103;
+	this[_m$3] = _p104;
+	this.role = _p105;
+	Object.defineProperty(this, "colspan", _d$52);
+	Object.defineProperty(this, "children", _d$53);
+}
+_P$24.prototype = Object.prototype;
+var _d$54 = {
+	get() {
+		const CellTag = this[_m$];
+		const state = this[_m$2];
+		const props = this[_m$3];
+		const values = this[_m$4];
+		return CellTag(new _P$24(state, props, values, "rowheader"));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$25(_p106, _p107, _p108, _p109, _p110) {
+	this[_m$] = _p106;
+	this[_m$2] = _p107;
+	this[_m$3] = _p108;
+	this[_m$4] = _p109;
+	this.role = _p110;
+	Object.defineProperty(this, "children", _d$54);
+}
+_P$25.prototype = Object.prototype;
+var _d$55 = {
+	get() {
+		return this[_m$].collection;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$56 = {
+	get() {
+		const dnd = this[_m$2];
+		return createRenderDropIndicator(dnd.dragAndDropHooks, dnd.dropState);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$26(_p111, _p112, _p113) {
+	this[_m$] = _p111;
+	this[_m$2] = _p112;
+	Object.defineProperty(this, "collection", _d$55);
+	this.parent = _p113;
+	Object.defineProperty(this, "renderDropIndicator", _d$56);
+}
+_P$26.prototype = Object.prototype;
+var _d$57 = {
+	get() {
+		return this[_m$].collection;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$27(_p114, _p115) {
+	this[_m$] = _p114;
+	Object.defineProperty(this, "collection", _d$57);
+	this.parent = _p115;
+}
+_P$27.prototype = Object.prototype;
+var _d$58 = {
+	get() {
+		const Branch = this[_m$];
+		const state = this[_m$2];
+		const item = this[_m$3];
+		return Branch(new _P$27(state, item));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$28(_p116, _p117, _p118, _p119) {
+	this[_m$] = _p116;
+	this[_m$2] = _p117;
+	this[_m$3] = _p118;
+	this.value = _p119;
+	Object.defineProperty(this, "children", _d$58);
+}
+_P$28.prototype = Object.prototype;
+var _d$59 = {
+	get() {
+		const Branch = this[_m$];
+		const state = this[_m$2];
+		const item = this[_m$3];
+		const aria = this[_m$4];
+		return SelectionIndicatorContext(new _P$28(Branch, state, item, { get isSelected() {
+			return aria.isSelected;
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$29(_p120, _p121, _p122, _p123, _p124) {
+	this[_m$] = _p120;
+	this[_m$2] = _p121;
+	this[_m$3] = _p122;
+	this[_m$4] = _p123;
+	this.value = _p124;
+	Object.defineProperty(this, "children", _d$59);
+}
+_P$29.prototype = Object.prototype;
+var _d$60 = {
+	get() {
+		const aria = this[_m$];
+		const drag = this[_m$2];
+		return { slots: {
+			[DEFAULT_SLOT]: {},
+			get chevron() {
+				return aria.expandButtonProps;
+			},
+			drag: mergeProps(merge(() => drag?.dragButtonProps ?? {}), { style: { "pointer-events": "none" } })
+		} };
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$61 = {
+	get() {
+		const Branch = this[_m$3];
+		const state = this[_m$4];
+		const item = this[_m$5];
+		const aria = this[_m$];
+		const within = this[_m$6];
+		return RowFocusContext(new _P$29(Branch, state, item, aria, { get isFocusVisibleWithinRow() {
+			return within.isFocusVisible;
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$30(_p125, _p126, _p127, _p128, _p129, _p130) {
+	this[_m$] = _p125;
+	this[_m$2] = _p126;
+	this[_m$3] = _p127;
+	this[_m$4] = _p128;
+	this[_m$5] = _p129;
+	this[_m$6] = _p130;
+	Object.defineProperty(this, "value", _d$60);
+	Object.defineProperty(this, "children", _d$61);
+}
+_P$30.prototype = Object.prototype;
+var _d$62 = {
+	get() {
+		const aria = this[_m$];
+		const drag = this[_m$2];
+		const Branch = this[_m$3];
+		const state = this[_m$4];
+		const item = this[_m$5];
+		const within = this[_m$6];
+		return ButtonContext(new _P$30(aria, drag, Branch, state, item, within));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$31(_p131, _p132, _p133, _p134, _p135, _p136, _p137) {
+	this[_m$] = _p131;
+	this[_m$2] = _p132;
+	this[_m$3] = _p133;
+	this[_m$4] = _p134;
+	this[_m$5] = _p135;
+	this[_m$6] = _p136;
+	this.value = _p137;
+	Object.defineProperty(this, "children", _d$62);
+}
+_P$31.prototype = Object.prototype;
+var _d$63 = {
+	get() {
+		const aria = this[_m$];
+		const drag = this[_m$2];
+		const Branch = this[_m$3];
+		const state = this[_m$4];
+		const item = this[_m$5];
+		const within = this[_m$6];
+		const checkbox = this[_m$7];
+		return CheckboxFieldContext(new _P$31(aria, drag, Branch, state, item, within, { slots: {
+			[DEFAULT_SLOT]: {},
+			get selection() {
+				return checkbox.checkboxProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$32(_p138, _p139, _p140, _p141, _p142, _p143, _p144, _p145) {
+	this[_m$] = _p138;
+	this[_m$2] = _p139;
+	this[_m$3] = _p140;
+	this[_m$4] = _p141;
+	this[_m$5] = _p142;
+	this[_m$6] = _p143;
+	this[_m$7] = _p144;
+	this.value = _p145;
+	Object.defineProperty(this, "children", _d$63);
+}
+_P$32.prototype = Object.prototype;
+var _d$64 = {
+	get() {
+		return this[_m$].isSelected || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$65 = {
+	get() {
+		return this[_m$].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$66 = {
+	get() {
+		return this[_m$2].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$67 = {
+	get() {
+		return this[_m$3].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$68 = {
+	get() {
+		return this[_m$3].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$69 = {
+	get() {
+		return this[_m$4].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$70 = {
+	get() {
+		return this[_m$].isPressed || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$71 = {
+	get() {
+		const values = this[_m$5];
+		return (memo(() => {
+			return !!values.hasChildItems;
+		})() ? values.isExpanded : values.hasChildItems) || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$72 = {
+	get() {
+		return this[_m$5].hasChildItems || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$73 = {
+	get() {
+		return this[_m$5].level;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$74 = {
+	get() {
+		return !!this[_m$6].dragState || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$75 = {
+	get() {
+		return this[_m$5].isDragging ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$76 = {
+	get() {
+		return this[_m$5].isDropTarget ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$77 = {
+	get() {
+		const state = this[_m$7];
+		return memo(() => {
+			return state.selectionManager.selectionMode === "none";
+		})() ? void 0 : state.selectionManager.selectionMode;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$78 = {
+	get() {
+		const aria = this[_m$];
+		const drag = this[_m$8];
+		const Branch = this[_m$9];
+		const state = this[_m$7];
+		const item = this[_m$10];
+		const within = this[_m$4];
+		const checkbox = this[_m$11];
+		return CheckboxContext(new _P$32(aria, drag, Branch, state, item, within, checkbox, { slots: {
+			[DEFAULT_SLOT]: {},
+			get selection() {
+				return checkbox.checkboxProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$33(_p146, _p147, _p148, _p149, _p150, _p151, _p152, _p153, _p154, _p155, _p156, _p157) {
+	this[_m$] = _p146;
+	this[_m$2] = _p147;
+	this[_m$3] = _p148;
+	this[_m$4] = _p149;
+	this[_m$5] = _p150;
+	this[_m$6] = _p151;
+	this[_m$7] = _p152;
+	this[_m$8] = _p153;
+	this[_m$9] = _p154;
+	this[_m$10] = _p155;
+	this[_m$11] = _p156;
+	this.ref = _p157;
+	Object.defineProperty(this, "data-selected", _d$64);
+	Object.defineProperty(this, "data-disabled", _d$65);
+	Object.defineProperty(this, "data-hovered", _d$66);
+	Object.defineProperty(this, "data-focused", _d$67);
+	Object.defineProperty(this, "data-focus-visible", _d$68);
+	Object.defineProperty(this, "data-focus-visible-within", _d$69);
+	Object.defineProperty(this, "data-pressed", _d$70);
+	Object.defineProperty(this, "data-expanded", _d$71);
+	Object.defineProperty(this, "data-has-child-items", _d$72);
+	Object.defineProperty(this, "data-level", _d$73);
+	Object.defineProperty(this, "data-allows-dragging", _d$74);
+	Object.defineProperty(this, "data-dragging", _d$75);
+	Object.defineProperty(this, "data-drop-target", _d$76);
+	Object.defineProperty(this, "data-selection-mode", _d$77);
+	Object.defineProperty(this, "children", _d$78);
+}
+_P$33.prototype = Object.prototype;
+var _d$79 = {
+	get() {
+		return this[_m$].columns;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$80 = {
+	get() {
+		return this[_m$].dependencies;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$81 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$34(_p158) {
+	this[_m$] = _p158;
+	Object.defineProperty(this, "items", _d$79);
+	Object.defineProperty(this, "dependencies", _d$80);
+	Object.defineProperty(this, "children", _d$81);
+}
+_P$34.prototype = Object.prototype;
+var _d$82 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$35(_p159, _p160) {
+	this[_m$] = _p159;
+	this.value = _p160;
+	Object.defineProperty(this, "children", _d$82);
+}
+_P$35.prototype = Object.prototype;
+var _d$83 = {
+	get() {
+		return this[_m$].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$84 = {
+	get() {
+		return this[_m$].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$85 = {
+	get() {
+		return this[_m$2].isFocusVisibleWithinRow || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$86 = {
+	get() {
+		return this[_m$3].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$87 = {
+	get() {
+		return this[_m$4].isPressed || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$88 = {
+	get() {
+		return this[_m$5].isSelected || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$89 = {
+	get() {
+		return this[_m$5].columnIndex;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$90 = {
+	get() {
+		return this[_m$5].isTreeColumn || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$91 = {
+	get() {
+		return this[_m$5].isExpanded || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$92 = {
+	get() {
+		return this[_m$5].hasChildItems || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$93 = {
+	get() {
+		return this[_m$5].level;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$94 = {
+	get() {
+		return this[_m$5].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$95 = {
+	get() {
+		const render = this[_m$6];
+		return CollectionRendererContext(new _P$35(render, DefaultCollectionRenderer));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$36(_p161, _p162, _p163, _p164, _p165, _p166, _p167) {
+	this[_m$] = _p161;
+	this[_m$2] = _p162;
+	this[_m$3] = _p163;
+	this[_m$4] = _p164;
+	this[_m$5] = _p165;
+	this[_m$6] = _p166;
+	this.ref = _p167;
+	Object.defineProperty(this, "data-focused", _d$83);
+	Object.defineProperty(this, "data-focus-visible", _d$84);
+	Object.defineProperty(this, "data-focus-visible-within-row", _d$85);
+	Object.defineProperty(this, "data-hovered", _d$86);
+	Object.defineProperty(this, "data-pressed", _d$87);
+	Object.defineProperty(this, "data-selected", _d$88);
+	Object.defineProperty(this, "data-column-index", _d$89);
+	Object.defineProperty(this, "data-tree-column", _d$90);
+	Object.defineProperty(this, "data-expanded", _d$91);
+	Object.defineProperty(this, "data-has-child-items", _d$92);
+	Object.defineProperty(this, "data-level", _d$93);
+	Object.defineProperty(this, "data-disabled", _d$94);
+	Object.defineProperty(this, "children", _d$95);
+}
+_P$36.prototype = Object.prototype;
+var _d$96 = {
+	get() {
+		return this[_m$].collection.columnCount;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$97 = {
+	get() {
+		return this[_m$2].rendered;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$37(_p168, _p169, _p170) {
+	this[_m$] = _p168;
+	this[_m$2] = _p169;
+	this.role = _p170;
+	Object.defineProperty(this, "colspan", _d$96);
+	Object.defineProperty(this, "children", _d$97);
+}
+_P$37.prototype = Object.prototype;
+var TableHeaderNode = class extends CollectionNode {
+	static type = "tableheader";
+};
+var TableColumnNode = class extends CollectionNode {
+	static type = "column";
+};
+var TableBodyNode = class extends FilterableNode {
+	static type = "tablebody";
+};
+var TableFooterNode = class extends FilterableNode {
+	static type = "tablefooter";
+};
+var TableRowNode = class extends CollectionNode {
+	static type = "item";
+	filter(collection, newCollection, filterFn) {
+		for (const cell of collection.getChildren(this.key)) if (filterFn(cell.textValue, cell)) {
+			const clone = this.clone();
+			newCollection.addDescendants(clone, collection);
+			return clone;
+		}
+		return null;
+	}
+};
+var TableCellNode = class extends CollectionNode {
+	static type = "cell";
+};
+var TableCollection = class extends BaseCollection {
+	headerRows = [];
+	columns = [];
+	rows = [];
+	rowHeaderColumnKeys = /* @__PURE__ */ new Set();
+	head = new TableHeaderNode(-1);
+	columnsDirty = true;
+	expandedKeys = /* @__PURE__ */ new Set();
+	withExpandedKeys(expandedKeys) {
+		const collection = this.clone();
+		collection.expandedKeys = expandedKeys;
+		collection.frozen = this.frozen;
+		collection.rows = [...collection.getRows()];
+		return collection;
+	}
+	addNode(node) {
+		super.addNode(node);
+		this.columnsDirty ||= node.type === "column";
+		if (node.type === "tableheader") this.head = node;
+	}
+	getRows() {
+		const rows = [];
+		for (const child of this) if (child.type === "tablebody" || child.type === "tablefooter") rows.push(...this.getChildren(child.key));
+		return rows;
+	}
+	get body() {
+		for (const child of this) if (child.type === "tablebody") return child;
+		return new TableBodyNode(-2);
+	}
+	commit(firstKey, lastKey, isSSR = false) {
+		this.updateColumns(isSSR);
+		this.firstKey = firstKey;
+		this.lastKey = lastKey;
+		this.rows = [];
+		for (const row of this.getRows()) {
+			const { lastChildKey } = row;
+			if (isPresent(lastChildKey)) {
+				let lastCell = this.getItem(lastChildKey);
+				while (lastCell && lastCell.type !== "cell") lastCell = isPresent(lastCell.prevKey) ? this.getItem(lastCell.prevKey) : null;
+				if (lastCell) {
+					const numberOfCellsInRow = (lastCell.colIndex ?? lastCell.index) + (lastCell.colSpan ?? 1);
+					if (numberOfCellsInRow !== this.columns.length && !isSSR) throw new Error(`Cell count must match column count. Found ${numberOfCellsInRow} cells and ${this.columns.length} columns.`);
+				}
+			}
+			this.rows.push(row);
+		}
+		super.commit(firstKey, lastKey, isSSR);
+	}
+	updateColumns(isSSR) {
+		if (!this.columnsDirty) return;
+		this.rowHeaderColumnKeys = /* @__PURE__ */ new Set();
+		this.columns = [];
+		const columnKeyMap = /* @__PURE__ */ new Map();
+		const visit = (node) => {
+			switch (node.type) {
+				case "column":
+					columnKeyMap.set(node.key, node);
+					if (!node.hasChildNodes) {
+						node.index = this.columns.length;
+						this.columns.push(node);
+						if (isTruthy(getNodeProps(node).isRowHeader)) this.rowHeaderColumnKeys.add(node.key);
+					}
+			}
+			for (const child of this.getChildren(node.key)) visit(child);
+		};
+		for (const node of this.getChildren(this.head.key)) visit(node);
+		this.headerRows = buildHeaderRows(columnKeyMap, this.columns);
+		this.columnsDirty = false;
+		if (this.rowHeaderColumnKeys.size === 0 && this.columns.length > 0 && !isSSR) throw new Error("A table must have at least one Column with the isRowHeader prop set to true");
+	}
+	get columnCount() {
+		return this.columns.length;
+	}
+	*[Symbol.iterator]() {
+		let key = this.firstKey;
+		while (isPresent(key)) {
+			const node = this.getItem(key);
+			if (node) yield node;
+			key = node?.nextKey ?? null;
+		}
+	}
+	getFirstKey() {
+		for (const child of this) if (child.type === "tablebody") return child.firstChildKey ?? null;
+		return null;
+	}
+	getLastKey() {
+		const key = this.lastKey;
+		if (!isPresent(key)) return null;
+		let node = requireValue(this.getItem(key), "Expected this.getItem(key)");
+		while (isPresent(node?.lastChildKey) && (node.type !== "item" || this.expandedKeys.has(node.key))) node = requireValue(this.getItem(node.lastChildKey), "Expected this.getItem(node.lastChildKey)");
+		return node?.key;
+	}
+	getKeyAfter(key) {
+		const node = requireValue(this.getItem(key), "Expected this.getItem(key)");
+		if (node?.type === "column") return node.nextKey ?? null;
+		if (!isTruthy(node)) return null;
+		if (node.type === "item" && isPresent(node.firstChildKey) && this.expandedKeys.has(node.key)) {
+			let child = this.getItem(node.firstChildKey);
+			while (child) {
+				if (child.type === "item") return child.key;
+				child = isPresent(child.nextKey) ? this.getItem(child.nextKey) : null;
+			}
+		}
+		return super.getKeyAfter(key);
+	}
+	getKeyBefore(key) {
+		let node = requireValue(this.getItem(key), "Expected this.getItem(key)");
+		if (node?.type === "column") return node.prevKey ?? null;
+		if (!isTruthy(node)) return null;
+		let k = null;
+		if (isPresent(node.prevKey)) {
+			node = requireValue(this.getItem(node.prevKey), "Expected this.getItem(node.prevKey)");
+			while (Boolean(node) && (node.type !== "item" || this.expandedKeys.has(node.key)) && isPresent(node.lastChildKey)) node = requireValue(this.getItem(node.lastChildKey), "Expected this.getItem(node.lastChildKey)");
+			k = node?.key ?? null;
+		}
+		k ??= node.parentKey;
+		if (isPresent(k) && this.getItem(k)?.type === "tableheader") return null;
+		return k;
+	}
+	*headerChildren(key) {
+		const header = this.headerRows.find((row) => row.key === key);
+		if (!header) return;
+		for (const child of header.childNodes) yield child instanceof CollectionNode ? child : Object.assign(new CollectionNode(child.key), child);
+	}
+	*getChildren(key) {
+		const parent = this.getItem(key);
+		if (!parent) {
+			yield* this.headerChildren(key);
+			return;
+		}
+		let node = isPresent(parent?.firstChildKey) ? this.getItem(parent.firstChildKey) : null;
+		const flattenRows = parent?.type === "tablebody" || parent?.type === "tablefooter";
+		while (node) {
+			yield node;
+			const nextKey = flattenRows ? this.getKeyAfter(node.key) : node.nextKey;
+			node = isPresent(nextKey) ? this.getItem(nextKey) : null;
+			if (flattenRows && node?.parentKey === parent?.parentKey) break;
+			if (!flattenRows && parent?.type === "item" && node?.type !== "cell") break;
+		}
+	}
+	clone() {
+		const collection = super.clone();
+		collection.headerRows = this.headerRows;
+		collection.columns = this.columns;
+		collection.rows = this.rows;
+		collection.rowHeaderColumnKeys = this.rowHeaderColumnKeys;
+		collection.head = this.head;
+		return collection;
+	}
+	getTextValue(key) {
+		const row = this.getItem(key);
+		if (!row) return "";
+		if (row.textValue) return row.textValue;
+		const { rowHeaderColumnKeys } = this;
+		const text = [];
+		for (const cell of this.getChildren(key)) {
+			const column = this.columns[cell.index];
+			if (column && rowHeaderColumnKeys.has(column.key) && cell.textValue) text.push(cell.textValue);
+			if (text.length === rowHeaderColumnKeys.size) break;
+		}
+		return text.join(" ");
+	}
+};
+const TableContext = createContext(null);
+const TableStateContext = createContext(null);
+const TableColumnResizeStateContext = createContext(null);
+const RowFocusContext = createContext({ isFocusVisibleWithinRow: false });
+const TableOptionsContext = createContext(null);
+const ResizableTableContainerContext = createContext(null);
+const ColumnResizerContext = createContext(null);
+function createTableOptions() {
+	const options = useContext(TableOptionsContext);
+	if (!options) throw new Error("Table options require a Table.");
+	return options;
+}
+function ResizableTableContainer(props) {
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const [tableRef, setTableRef] = createSignal(null, { ownedWrite: true });
+	const [width, setWidth] = createSignal(0);
+	onSettled(() => {
+		let measured = tableRef();
+		while (measured && measured !== ref() && measured.scrollWidth <= measured.clientWidth) measured = measured.parentElement;
+		measured ??= ref();
+		if (!measured) return;
+		const element = measured;
+		setWidth(element.clientWidth);
+		const observer = new ResizeObserver(() => {
+			setWidth(element.clientWidth);
+		});
+		observer.observe(element, { box: "border-box" });
+		return () => {
+			observer.disconnect();
+		};
+	});
+	const context = mergeProps(props, {
+		setTableRef: (element) => {
+			setTableRef(element);
+		},
+		tableRef,
+		get tableWidth() {
+			return width();
+		}
+	});
+	return dom.div(mergeProps$1(() => {
+		return filterDOMProps(props, { global: true });
+	}, new _P$2(props, context, [(element) => {
+		setRef(element);
+	}, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	}])));
+}
+function Table(input) {
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), TableContext);
+	return CollectionBuilder(new _P$4(props, () => new TableCollection(), (collection) => TableInner({
+		props,
+		collection,
+		elementRef: ref,
+		setElementRef: (element) => {
+			setRef(element);
+		}
+	})));
+}
+function TableInner(outer) {
+	const { props } = untrack(() => outer);
+	const renderer = useContext(CollectionRendererContext);
+	const container = useContext(ResizableTableContainerContext);
+	const [expanded, setExpanded] = createControlledSignal(() => props.expandedKeys ? new Set(props.expandedKeys) : void 0, new Set(props.defaultExpandedKeys), (keys) => {
+		props.onExpandedChange?.(keys);
+	});
+	const collection = createMemo(() => outer.collection.withExpandedKeys(expanded()));
+	const state = createTableState(mergeProps(props, {
+		children: void 0,
+		get collection() {
+			return collection();
+		},
+		get expandedKeys() {
+			return expanded();
+		},
+		onExpandedChange: setExpanded
+	}));
+	const aria = createTable(mergeProps(props, {
+		get isVirtualized() {
+			return renderer.isVirtualized;
+		},
+		get layoutDelegate() {
+			return renderer.layoutDelegate;
+		}
+	}), state, untrack(() => outer.elementRef));
+	const resize = container ? createTableColumnResizeState({ get tableWidth() {
+		return container.tableWidth;
+	} }, state) : null;
+	const locale = createLocale();
+	const treeDelegate = new TreeDropTargetDelegate();
+	if (props.dragAndDropHooks?.createDroppableCollectionState) {
+		const hooks = props.dragAndDropHooks;
+		treeDelegate.setup(hooks.dropTargetDelegate ?? renderer.dropTargetDelegate ?? new hooks.ListDropTargetDelegate({ [Symbol.iterator]() {
+			return state.collection.rows[Symbol.iterator]();
+		} }, untrack(() => outer.elementRef)), state, locale.direction);
+	}
+	const dnd = createCollectionDragAndDrop({
+		get collection() {
+			return state.collection;
+		},
+		get dropTargetCollection() {
+			return state.collection.rows;
+		},
+		dropTargetDelegate: treeDelegate,
+		get hooks() {
+			return props.dragAndDropHooks;
+		},
+		get ref() {
+			return outer.elementRef;
+		},
+		get selectionManager() {
+			return state.selectionManager;
+		}
+	});
+	const focus = createFocusRing();
+	const values = {
+		get isDropTarget() {
+			return dnd.dropState?.isDropTarget({ type: "root" }) === true;
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		state
+	};
+	const render = createRenderProps(mergeProps(props, {
+		children: void 0,
+		defaultClass: "solid2-aria-Table",
+		values
+	}));
+	const Root = renderer.CollectionRoot;
+	return dynamic(() => renderer.isVirtualized === true ? dom.div : dom.table)(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), render, merge(() => aria.gridProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => dnd.collectionProps ?? {}));
+	}, new _P$11(props, focus, values, Root, state, outer, dnd, renderer, {
+		get allowsDragging() {
+			return !!dnd.dragState;
+		},
+		get disallowEmptySelection() {
+			return props.disallowEmptySelection === true;
+		},
+		get selectionBehavior() {
+			return state.selectionManager.selectionMode === "none" ? null : state.selectionManager.selectionBehavior;
+		},
+		get selectionMode() {
+			return state.selectionManager.selectionMode;
+		}
+	}, resize, (element) => {
+		outer.setElementRef(element);
+		if (container) container.setTableRef(element);
+	})));
+}
+const TableHeader = createBranchComponent(TableHeaderNode, (props, ref, _node) => {
+	const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+	const renderer = useContext(CollectionRendererContext);
+	const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.thead);
+	const hover = createHover(props);
+	const group = createTableRowGroup();
+	const render = createRenderProps(mergeProps(props, {
+		children: void 0,
+		defaultClass: "solid2-aria-TableHeader",
+		values: { get isHovered() {
+			return hover.isHovered;
+		} }
+	}));
+	const rows = createCachedChildren({
+		children: (item) => TableHeaderRow({ item }),
+		get items() {
+			return state.collection.headerRows;
+		}
+	});
+	return Tag(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => group.rowGroupProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		ref(r$) {
+			var _ref$2 = ref;
+			typeof _ref$2 === "function" || Array.isArray(_ref$2) ? applyRef(_ref$2, r$) : ref = r$;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get children() {
+			return rows();
+		}
+	}));
+}, (props) => Collection(new _P$12(props)));
+function TableHeaderRow(props) {
+	const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+	const renderer = useContext(CollectionRendererContext);
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.tr);
+	const Branch = renderer.CollectionBranch;
+	const aria = createTableHeaderRow({
+		isVirtualized: renderer.isVirtualized,
+		get node() {
+			return props.item;
+		}
+	}, state, ref);
+	const checkbox = createTableSelectAllCheckbox(state);
+	return Tag(mergeProps$1(() => {
+		return aria.rowProps;
+	}, new _P$16(Branch, state, props, checkbox, (element) => {
+		setRef(element);
+	})));
+}
+const Column = createLeafComponent(TableColumnNode, (props, forwardedRef, column) => {
+	const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+	const renderer = useContext(CollectionRendererContext);
+	const resize = useContext(TableColumnResizeStateContext);
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.th);
+	const aria = createTableColumnHeader({
+		get allowsArrowNavigation() {
+			return props.allowsArrowNavigation;
+		},
+		get focusMode() {
+			return props.focusMode;
+		},
+		isVirtualized: renderer.isVirtualized,
+		node: column
+	}, state, ref);
+	const focus = createFocusRing();
+	const hover = createHover({ get isDisabled() {
+		return !(props.allowsSorting === true);
+	} });
+	const values = {
+		get allowsSorting() {
+			return isTruthy(getNodeProps(column).allowsSorting);
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPressed() {
+			return aria.isPressed;
+		},
+		get isResizing() {
+			return resize?.resizingColumn === column.key;
+		},
+		sort: (direction) => {
+			state.sort(column.key, direction);
+		},
+		get sortDirection() {
+			return state.sortDescriptor?.column === column.key ? state.sortDescriptor.direction : void 0;
+		},
+		startResize: () => {
+			if (!resize) throw new Error("Wrap Table in ResizableTableContainer to enable resizing.");
+			resize.startResize(column.key);
+			state.setKeyboardNavigationDisabled(true);
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		get children() {
+			return column.rendered;
+		},
+		defaultClass: "solid2-aria-Column",
+		id: void 0,
+		values
+	}));
+	return Tag(mergeProps$1(() => {
+		return mergeProps(omit(filterDOMProps(props, { global: true }), "id"), merge(() => aria.columnHeaderProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, new _P$19(resize, render, column, hover, aria, focus, values, ref, (element) => {
+		setRef(element);
+	})));
+});
+function ColumnResizer(props) {
+	const resize = useContext(TableColumnResizeStateContext);
+	const column = useContext(ColumnResizerContext);
+	const container = useContext(ResizableTableContainerContext);
+	if (!resize || !column) throw new Error("ColumnResizer requires a column in ResizableTableContainer.");
+	const formatter = createLocalizedStringFormatter(intl_default, "@solid2-aria/components");
+	const [input, setInput] = createSignal(null, { ownedWrite: true });
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const locale = createLocale();
+	const aria = createTableColumnResize(mergeProps(container ?? {}, {
+		get "aria-label"() {
+			return props["aria-label"] ?? formatter.format("tableResizer");
+		},
+		get column() {
+			return column.column;
+		},
+		get triggerRef() {
+			return column.triggerRef;
+		}
+	}), resize, input);
+	const focus = createFocusRing();
+	const hover = createHover(props);
+	const values = {
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isResizing() {
+			return aria.isResizing;
+		},
+		get resizableDirection() {
+			if (resize.getColumnMinWidth(column.column.key) >= resize.getColumnWidth(column.column.key)) return locale.direction === "rtl" ? "right" : "left";
+			if (resize.getColumnMaxWidth(column.column.key) <= resize.getColumnWidth(column.column.key)) return locale.direction === "rtl" ? "left" : "right";
+			return "both";
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ColumnResizer",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), render, merge(() => aria.resizerProps ?? {}), merge(() => hover.hoverProps ?? {}));
+	}, new _P$21(hover, focus, aria, values, render, "presentation", (element) => {
+		setRef(element);
+	})));
+}
+const TableBody = createBranchComponent(TableBodyNode, (props, ref, node) => {
+	const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+	const renderer = useContext(CollectionRendererContext);
+	const dnd = useContext(DragAndDropContext);
+	const Branch = renderer.CollectionBranch;
+	const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.tbody);
+	const RowTag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.tr);
+	const CellTag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.td);
+	const group = createTableRowGroup();
+	const values = {
+		get isDropTarget() {
+			return dnd.dropState?.isDropTarget({ type: "root" }) === true;
+		},
+		get isEmpty() {
+			return !state.collection.rows.some((row) => row.type === "item");
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		children: void 0,
+		defaultClass: "solid2-aria-TableBody",
+		values
+	}));
+	return Tag(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), render, merge(() => group.rowGroupProps ?? {}));
+	}, {
+		ref(r$) {
+			var _ref$3 = ref;
+			typeof _ref$3 === "function" || Array.isArray(_ref$3) ? applyRef(_ref$3, r$) : ref = r$;
+		},
+		get "data-empty"() {
+			return values.isEmpty || void 0;
+		},
+		get children() {
+			return [
+				memo(() => {
+					return memo(() => {
+						return !!dnd.dropState;
+					})() ? RootDropIndicator(new _P$22(renderer, state)) : dnd.dropState;
+				}),
+				Branch(new _P$23(state, dnd, node)),
+				memo(() => {
+					return memo(() => {
+						return !!(values.isEmpty && props.renderEmptyState);
+					})() ? RowTag(new _P$25(CellTag, state, props, values, "row")) : values.isEmpty && props.renderEmptyState;
+				})
+			];
+		}
+	}));
+});
+const TableFooter = createBranchComponent(TableFooterNode, (props, ref, node) => {
+	const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+	const renderer = useContext(CollectionRendererContext);
+	const dnd = useContext(DragAndDropContext);
+	const Branch = renderer.CollectionBranch;
+	const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.tfoot);
+	const group = createTableRowGroup();
+	return Tag(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => group.rowGroupProps ?? {}));
+	}, {
+		get "class"() {
+			return props.class ?? "solid2-aria-TableFooter";
+		},
+		get style() {
+			return props.style;
+		},
+		ref(r$) {
+			var _ref$4 = ref;
+			typeof _ref$4 === "function" || Array.isArray(_ref$4) ? applyRef(_ref$4, r$) : ref = r$;
+		},
+		get children() {
+			return Branch(new _P$26(state, dnd, node));
+		}
+	}));
+});
+function Row(ownProps) {
+	return createBranchComponent(TableRowNode, (props, forwardedRef, item) => {
+		const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+		const renderer = useContext(CollectionRendererContext);
+		const dnd = useContext(DragAndDropContext);
+		const Branch = renderer.CollectionBranch;
+		const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.tr);
+		const [ref, setRef] = createSignal(null, { ownedWrite: true });
+		const aria = createTableRow({
+			isVirtualized: renderer.isVirtualized,
+			node: item,
+			shouldSelectOnPressUp: !!dnd.dragState
+		}, state, ref);
+		const focus = createFocusRing();
+		const within = createFocusRing({ within: true });
+		const hover = createHover(mergeProps(props, { get isDisabled() {
+			return !aria.allowsSelection && !aria.hasAction && !dnd.dragState;
+		} }));
+		const checkbox = createTableSelectionCheckbox({ key: item.key }, state);
+		const drag = dnd.dragState ? dnd.dragAndDropHooks?.createDraggableItem?.({
+			hasDragButton: true,
+			key: item.key
+		}, dnd.dragState) : void 0;
+		const values = {
+			get allowsDragging() {
+				return !!dnd.dragState;
+			},
+			get hasChildItems() {
+				return props.hasChildItems === true || isPresent(item.lastChildKey) && state.collection.getItem(item.lastChildKey)?.type !== "cell";
+			},
+			id: item.key,
+			get isDisabled() {
+				return aria.isDisabled;
+			},
+			get isDragging() {
+				return dnd.dragState?.isDragging(item.key) === true;
+			},
+			get isDropTarget() {
+				return dnd.dropState?.isDropTarget({
+					dropPosition: "on",
+					key: item.key,
+					type: "item"
+				}) === true;
+			},
+			get isExpanded() {
+				return state.expandedKeys.has(item.key);
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocusVisibleWithin() {
+				return within.isFocusVisible;
+			},
+			get isFocused() {
+				return focus.isFocused;
+			},
+			get isHovered() {
+				return hover.isHovered;
+			},
+			get isPressed() {
+				return aria.isPressed;
+			},
+			get isSelected() {
+				return aria.isSelected;
+			},
+			level: item.level + 1,
+			get selectionBehavior() {
+				return state.selectionManager.selectionBehavior;
+			},
+			get selectionMode() {
+				return state.selectionManager.selectionMode;
+			},
+			state
+		};
+		const render = createRenderProps(mergeProps(props, {
+			children: void 0,
+			defaultClass: "solid2-aria-Row",
+			values
+		}));
+		return Tag(mergeProps$1(() => {
+			return mergeProps(omit(filterDOMProps(props, { global: true }), "id", "onClick"), render, merge(() => aria.rowProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => within.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), merge(() => drag?.dragProps ?? {}));
+		}, new _P$33(aria, hover, focus, within, values, dnd, state, drag, Branch, item, checkbox, (element) => {
+			setRef(element);
+		})));
+	}, (props) => Collection(new _P$34(props)))(ownProps);
+}
+const Cell = createLeafComponent(TableCellNode, (props, forwardedRef, cell) => {
+	const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+	const renderer = useContext(CollectionRendererContext);
+	const dnd = useContext(DragAndDropContext);
+	const within = useContext(RowFocusContext);
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.td);
+	cell.column = state.collection.columns[cell.index];
+	const aria = createTableCell({
+		get allowsArrowNavigation() {
+			return props.allowsArrowNavigation;
+		},
+		get focusMode() {
+			return props.focusMode;
+		},
+		isVirtualized: renderer.isVirtualized,
+		node: cell,
+		shouldSelectOnPressUp: !!dnd.dragState
+	}, state, ref);
+	const focus = createFocusRing();
+	const hover = createHover({});
+	const row = () => isPresent(cell.parentKey) ? state.collection.getItem(cell.parentKey) : null;
+	const values = {
+		columnIndex: cell.colIndex ?? cell.index,
+		get hasChildItems() {
+			const node = row();
+			return isTruthy(getNodeProps(node).hasChildItems) || isPresent(node?.lastChildKey) && state.collection.getItem(node.lastChildKey)?.type !== "cell";
+		},
+		id: cell.key,
+		get isDisabled() {
+			return isPresent(cell.parentKey) && state.selectionManager.isDisabled(cell.parentKey);
+		},
+		get isExpanded() {
+			return isPresent(cell.parentKey) && state.expandedKeys.has(cell.parentKey);
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocusVisibleWithinRow() {
+			return within.isFocusVisibleWithinRow;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPressed() {
+			return aria.isPressed;
+		},
+		get isSelected() {
+			return isPresent(cell.parentKey) && state.selectionManager.isSelected(cell.parentKey);
+		},
+		get isTreeColumn() {
+			return cell.column?.key === state.treeColumn;
+		},
+		get level() {
+			return (row()?.level ?? 0) + 1;
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		get children() {
+			return cell.rendered;
+		},
+		defaultClass: "solid2-aria-Cell",
+		values
+	}));
+	return Tag(mergeProps$1(() => {
+		return mergeProps(omit(filterDOMProps(props, { global: true }), "id"), render, merge(() => aria.gridCellProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}));
+	}, new _P$36(focus, within, hover, aria, values, render, (element) => {
+		setRef(element);
+	})));
+});
+const TableLoadMoreItem = createLeafComponent(LoaderNode, (props, ref, item) => {
+	var _v$2, _v$3;
+	const state = requireValue(useContext(TableStateContext), "Expected useContext(TableStateContext)");
+	const renderer = useContext(CollectionRendererContext);
+	const Tag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.tr);
+	const CellTag = dynamic(() => renderer.isVirtualized === true ? dom.div : dom.td);
+	const [sentinel, setSentinel] = createSignal(null, { ownedWrite: true });
+	createLoadMoreSentinel(mergeProps(props, { get collection() {
+		return state.collection;
+	} }), sentinel);
+	return [(_v$2 = ssrHydrationKey(), _v$3 = () => {
+		return ssrAttribute("colspan", escape(state.collection.columnCount, true));
+	}, ssr(_tmpl$2, _v$2, ssrStyleProperty("height:", 0), _v$3, ssrStyleProperties("height:", 0, "padding:", 0), ssrStyleProperties("height:", "1px", "width:", "1px"))), memo(() => {
+		return memo(() => {
+			return props.isLoading === true;
+		})() && Tag(mergeProps$1(() => {
+			return filterDOMProps(props, { global: true });
+		}, {
+			ref(r$) {
+				var _ref$6 = ref;
+				typeof _ref$6 === "function" || Array.isArray(_ref$6) ? applyRef(_ref$6, r$) : ref = r$;
+			},
+			get render() {
+				return props.render;
+			},
+			get "class"() {
+				return props.class ?? "solid2-aria-TableLoadingIndicator";
+			},
+			get children() {
+				return CellTag(new _P$37(state, item, "gridcell"));
+			}
+		}));
+	})];
+});
+export { Cell, Column, ColumnResizer, ResizableTableContainer, Row, RowFocusContext, Table, TableBody, TableColumnResizeStateContext, TableContext, TableFooter, TableHeader, TableLoadMoreItem, TableStateContext, createTableOptions };
+
+//# sourceMappingURL=table.js.map