@sken-ds/primitives 0.3.0 → 0.3.4

package/dist/sken-datatable-BtR-NwRN.js

@@ -0,0 +1,1563 @@
+import { t as e } from "./decorate-D4FKzyDw.js";
+import { a as t, n, r, t as i } from "./directive-BcLtPdVO.js";
+import { LitElement as a, css as o, html as s, noChange as c, nothing as l } from "lit";
+import { customElement as u, property as d } from "lit/decorators.js";
+import { constructTable as f, createColumnHelper as ee } from "@tanstack/table-core";
+import * as te from "@tanstack/table-core/static-functions";
+import { table_publishExternalState as ne, table_setOptions as re } from "@tanstack/table-core/static-functions";
+//#region \0rolldown/runtime.js
+var p = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, ae = Object.getOwnPropertyNames, m = Object.prototype.hasOwnProperty, h = (e, t) => {
+	let n = {};
+	for (var r in e) p(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || p(n, Symbol.toStringTag, { value: "Module" }), n;
+}, g = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = ae(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !m.call(e, s) && s !== n && p(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = ie(t, s)) || r.enumerable
+	});
+	return e;
+}, oe = (e, t, n) => (g(e, t, "default"), n && g(n, t, "default"));
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+lit-table@9.0.0_@lit+context@1.1.6_lit@3.3.3/node_modules/@tanstack/lit-table/dist/flexRender.js
+function _(e, t) {
+	return e == null ? null : typeof e == "function" ? e(t) : e;
+}
+function v(e) {
+	if ("cell" in e && e.cell) {
+		let t = e.cell, n = t.column.columnDef, r = t, i = n;
+		return r.getIsAggregated?.() ? _(i.aggregatedCell ?? n.cell, t.getContext()) : r.getIsPlaceholder?.() ? null : _(n.cell, t.getContext());
+	}
+	return "header" in e && e.header ? _(e.header.column.columnDef.header, e.header.getContext()) : "footer" in e && e.footer ? _(e.footer.column.columnDef.footer, e.footer.getContext()) : null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+lit-store@0.14.0_lit@3.3.3/node_modules/@tanstack/lit-store/dist/tan-stack-store-selector.js
+function se(e, t) {
+	return e === t;
+}
+function ce(e) {
+	return e;
+}
+var le = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	#o = !1;
+	#s;
+	constructor(e, t, n = ce, r) {
+		this.#e = e, this.#t = t, this.#n = n, this.#r = r?.compare ?? se, e.addController(this);
+	}
+	get value() {
+		return this.#s;
+	}
+	hostUpdate() {
+		let e = this.#t();
+		if (e !== this.#a) {
+			if (this.#i?.(), this.#a = e, !e) {
+				this.#i = void 0, this.#o = !1, this.#s = void 0;
+				return;
+			}
+			this.#s = this.#n(e.get()), this.#o = !0, this.#i = e.subscribe((e) => {
+				let t = this.#n(e);
+				this.#o && this.#r(this.#s, t) || (this.#s = t, this.#o = !0, this.#e.requestUpdate());
+			}).unsubscribe;
+		}
+	}
+	hostDisconnected() {
+		this.#i?.(), this.#i = void 0, this.#a = void 0, this.#o = !1, this.#s = void 0;
+	}
+}, y = /* @__PURE__ */ function(e) {
+	return e[e.None = 0] = "None", e[e.Mutable = 1] = "Mutable", e[e.Watching = 2] = "Watching", e[e.RecursedCheck = 4] = "RecursedCheck", e[e.Recursed = 8] = "Recursed", e[e.Dirty = 16] = "Dirty", e[e.Pending = 32] = "Pending", e;
+}({});
+/* @__NO_SIDE_EFFECTS__ */
+function ue({ update: e, notify: t, unwatched: n }) {
+	return {
+		link: r,
+		unlink: i,
+		propagate: a,
+		checkDirty: o,
+		shallowPropagate: s
+	};
+	function r(e, t, n) {
+		let r = t.depsTail;
+		if (r !== void 0 && r.dep === e) return;
+		let i = r === void 0 ? t.deps : r.nextDep;
+		if (i !== void 0 && i.dep === e) {
+			i.version = n, t.depsTail = i;
+			return;
+		}
+		let a = e.subsTail;
+		if (a !== void 0 && a.version === n && a.sub === t) return;
+		let o = t.depsTail = e.subsTail = {
+			version: n,
+			dep: e,
+			sub: t,
+			prevDep: r,
+			nextDep: i,
+			prevSub: a,
+			nextSub: void 0
+		};
+		i !== void 0 && (i.prevDep = o), r === void 0 ? t.deps = o : r.nextDep = o, a === void 0 ? e.subs = o : a.nextSub = o;
+	}
+	function i(e, t = e.sub) {
+		let r = e.dep, i = e.prevDep, a = e.nextDep, o = e.nextSub, s = e.prevSub;
+		return a === void 0 ? t.depsTail = i : a.prevDep = i, i === void 0 ? t.deps = a : i.nextDep = a, o === void 0 ? r.subsTail = s : o.prevSub = s, s === void 0 ? (r.subs = o) === void 0 && n(r) : s.nextSub = o, a;
+	}
+	function a(e) {
+		let n = e.nextSub, r;
+		top: do {
+			let i = e.sub, a = i.flags;
+			if (a & (y.RecursedCheck | y.Recursed | y.Dirty | y.Pending) ? a & (y.RecursedCheck | y.Recursed) ? a & y.RecursedCheck ? !(a & (y.Dirty | y.Pending)) && c(e, i) ? (i.flags = a | (y.Recursed | y.Pending), a &= y.Mutable) : a = y.None : i.flags = a & ~y.Recursed | y.Pending : a = y.None : i.flags = a | y.Pending, a & y.Watching && t(i), a & y.Mutable) {
+				let t = i.subs;
+				if (t !== void 0) {
+					let i = (e = t).nextSub;
+					i !== void 0 && (r = {
+						value: n,
+						prev: r
+					}, n = i);
+					continue;
+				}
+			}
+			if ((e = n) !== void 0) {
+				n = e.nextSub;
+				continue;
+			}
+			for (; r !== void 0;) if (e = r.value, r = r.prev, e !== void 0) {
+				n = e.nextSub;
+				continue top;
+			}
+			break;
+		} while (!0);
+	}
+	function o(t, n) {
+		let r, i = 0, a = !1;
+		top: do {
+			let o = t.dep, c = o.flags;
+			if (n.flags & y.Dirty) a = !0;
+			else if ((c & (y.Mutable | y.Dirty)) === (y.Mutable | y.Dirty)) {
+				if (e(o)) {
+					let e = o.subs;
+					e.nextSub !== void 0 && s(e), a = !0;
+				}
+			} else if ((c & (y.Mutable | y.Pending)) === (y.Mutable | y.Pending)) {
+				(t.nextSub !== void 0 || t.prevSub !== void 0) && (r = {
+					value: t,
+					prev: r
+				}), t = o.deps, n = o, ++i;
+				continue;
+			}
+			if (!a) {
+				let e = t.nextDep;
+				if (e !== void 0) {
+					t = e;
+					continue;
+				}
+			}
+			for (; i--;) {
+				let i = n.subs, o = i.nextSub !== void 0;
+				if (o ? (t = r.value, r = r.prev) : t = i, a) {
+					if (e(n)) {
+						o && s(i), n = t.sub;
+						continue;
+					}
+					a = !1;
+				} else n.flags &= ~y.Pending;
+				n = t.sub;
+				let c = t.nextDep;
+				if (c !== void 0) {
+					t = c;
+					continue top;
+				}
+			}
+			return a;
+		} while (!0);
+	}
+	function s(e) {
+		do {
+			let n = e.sub, r = n.flags;
+			(r & (y.Pending | y.Dirty)) === y.Pending && (n.flags = r | y.Dirty, (r & (y.Watching | y.RecursedCheck)) === y.Watching && t(n));
+		} while ((e = e.nextSub) !== void 0);
+	}
+	function c(e, t) {
+		let n = t.depsTail;
+		for (; n !== void 0;) {
+			if (n === e) return !0;
+			n = n.prevDep;
+		}
+		return !1;
+	}
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+store@0.11.0/node_modules/@tanstack/store/dist/atom.js
+function de(e, t, n) {
+	let r = typeof e == "object", i = r ? e : void 0;
+	return {
+		next: (r ? e.next : e)?.bind(i),
+		error: (r ? e.error : t)?.bind(i),
+		complete: (r ? e.complete : n)?.bind(i)
+	};
+}
+var b = [], x = 0, { link: S, unlink: C, propagate: w, checkDirty: T, shallowPropagate: E } = /* @__PURE__ */ ue({
+	update(e) {
+		return e._update();
+	},
+	notify(e) {
+		b[O++] = e, e.flags &= ~y.Watching;
+	},
+	unwatched(e) {
+		e.depsTail !== void 0 && (e.depsTail = void 0, e.flags = y.Mutable | y.Dirty, j(e));
+	}
+}), D = 0, O = 0, k, A = 0;
+function fe(e) {
+	try {
+		++A, e();
+	} finally {
+		--A || M();
+	}
+}
+function j(e) {
+	let t = e.depsTail, n = t === void 0 ? e.deps : t.nextDep;
+	for (; n !== void 0;) n = C(n, e);
+}
+function M() {
+	if (!(A > 0)) {
+		for (; D < O;) {
+			let e = b[D];
+			b[D++] = void 0, e.notify();
+		}
+		D = 0, O = 0;
+	}
+}
+function pe(e, t) {
+	let n = typeof e == "function", r = e, i = {
+		_snapshot: n ? void 0 : e,
+		subs: void 0,
+		subsTail: void 0,
+		deps: void 0,
+		depsTail: void 0,
+		flags: n ? y.None : y.Mutable,
+		get() {
+			return k !== void 0 && S(i, k, x), i._snapshot;
+		},
+		subscribe(e) {
+			let t = de(e), n = { current: !1 }, r = me(() => {
+				i.get(), n.current ? t.next?.(i._snapshot) : n.current = !0;
+			});
+			return { unsubscribe: () => {
+				r.stop();
+			} };
+		},
+		_update(e) {
+			let a = k, o = t?.compare ?? Object.is;
+			if (n) k = i, ++x, i.depsTail = void 0;
+			else if (e === void 0) return !1;
+			n && (i.flags = y.Mutable | y.RecursedCheck);
+			try {
+				let t = i._snapshot, a = typeof e == "function" ? e(t) : e === void 0 && n ? r(t) : e;
+				return t === void 0 || !o(t, a) ? (i._snapshot = a, !0) : !1;
+			} finally {
+				k = a, n && (i.flags &= ~y.RecursedCheck), j(i);
+			}
+		}
+	};
+	return n ? (i.flags = y.Mutable | y.Dirty, i.get = function() {
+		let e = i.flags;
+		if (e & y.Dirty || e & y.Pending && T(i.deps, i)) {
+			if (i._update()) {
+				let e = i.subs;
+				e !== void 0 && E(e);
+			}
+		} else e & y.Pending && (i.flags = e & ~y.Pending);
+		return k !== void 0 && S(i, k, x), i._snapshot;
+	}) : i.set = function(e) {
+		if (i._update(e)) {
+			let e = i.subs;
+			e !== void 0 && (w(e), E(e), M());
+		}
+	}, i;
+}
+function me(e) {
+	let t = () => {
+		let t = k;
+		k = n, ++x, n.depsTail = void 0, n.flags = y.Watching | y.RecursedCheck;
+		try {
+			return e();
+		} finally {
+			k = t, n.flags &= ~y.RecursedCheck, j(n);
+		}
+	}, n = {
+		deps: void 0,
+		depsTail: void 0,
+		subs: void 0,
+		subsTail: void 0,
+		flags: y.Watching | y.RecursedCheck,
+		notify() {
+			let e = this.flags;
+			e & y.Dirty || e & y.Pending && T(this.deps, this) ? t() : this.flags = y.Watching;
+		},
+		stop() {
+			this.flags = y.None, this.depsTail = void 0, j(this);
+		}
+	};
+	return t(), n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+store@0.11.0/node_modules/@tanstack/store/dist/shallow.js
+function N(e, t) {
+	if (Object.is(e, t)) return !0;
+	if (typeof e != "object" || !e || typeof t != "object" || !t) return !1;
+	if (e instanceof Map && t instanceof Map) {
+		if (e.size !== t.size) return !1;
+		for (let [n, r] of e) if (!t.has(n) || !Object.is(r, t.get(n))) return !1;
+		return !0;
+	}
+	if (e instanceof Set && t instanceof Set) {
+		if (e.size !== t.size) return !1;
+		for (let n of e) if (!t.has(n)) return !1;
+		return !0;
+	}
+	if (e instanceof Date && t instanceof Date) return e.getTime() === t.getTime();
+	let n = P(e);
+	if (n.length !== P(t).length) return !1;
+	for (let r = 0; r < n.length; r++) if (!Object.prototype.hasOwnProperty.call(t, n[r]) || !Object.is(e[n[r]], t[n[r]])) return !1;
+	return !0;
+}
+function P(e) {
+	return Object.keys(e).concat(Object.getOwnPropertySymbols(e));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directive-helpers.js
+var { I: he } = t, F = (e) => e.strings === void 0, I = (e, t) => {
+	let n = e._$AN;
+	if (n === void 0) return !1;
+	for (let e of n) e._$AO?.(t, !1), I(e, t);
+	return !0;
+}, L = (e) => {
+	let t, n;
+	do {
+		if ((t = e._$AM) === void 0) break;
+		n = t._$AN, n.delete(e), e = t;
+	} while (n?.size === 0);
+}, R = (e) => {
+	for (let t; t = e._$AM; e = t) {
+		let n = t._$AN;
+		if (n === void 0) t._$AN = n = /* @__PURE__ */ new Set();
+		else if (n.has(e)) break;
+		n.add(e), _e(t);
+	}
+};
+function z(e) {
+	this._$AN === void 0 ? this._$AM = e : (L(this), this._$AM = e, R(this));
+}
+function ge(e, t = !1, n = 0) {
+	let r = this._$AH, i = this._$AN;
+	if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let e = n; e < r.length; e++) I(r[e], !1), L(r[e]);
+	else r != null && (I(r, !1), L(r));
+	else I(this, e);
+}
+var _e = (e) => {
+	e.type == r.CHILD && (e._$AP ??= ge, e._$AQ ??= z);
+}, ve = class extends n {
+	constructor() {
+		super(...arguments), this._$AN = void 0;
+	}
+	_$AT(e, t, n) {
+		super._$AT(e, t, n), R(this), this.isConnected = e._$AU;
+	}
+	_$AO(e, t = !0) {
+		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (I(this, e), L(this));
+	}
+	setValue(e) {
+		if (F(this._$Ct)) this._$Ct._$AI(e, this);
+		else {
+			let t = [...this._$Ct._$AH];
+			t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
+		}
+	}
+	disconnected() {}
+	reconnected() {}
+}, ye = (e) => e, B = class extends ve {
+	controller;
+	latestSource;
+	latestSelector;
+	resolvedTemplate;
+	initialized = !1;
+	render(e, t, n) {
+		return c;
+	}
+	update(e, t) {
+		let [n, r, i] = t, a = i === void 0, o = a ? ye : r, s = a ? r : i, c = this.latestSource !== n, l = this.latestSelector !== o, u = !this.initialized || c || l;
+		return this.resolvedTemplate = s, u && (this.initialized && (this.controller?.hostDisconnected(), this.controller = void 0), this.latestSource = n, this.latestSelector = o, this.controller ||= new le(this.createFakeHost(), () => this.latestSource, (e) => this.latestSelector?.(e)), this.controller.hostUpdate(), this.initialized = !0), this.resolvedTemplate?.(this.latestSelector(this.latestSource.get()));
+	}
+	disconnected() {
+		this.controller?.hostDisconnected();
+	}
+	reconnected() {
+		this.controller?.hostUpdate(), this.resolvedTemplate && this.controller && this.setValue(this.resolvedTemplate(this.controller.value));
+	}
+	createFakeHost() {
+		return {
+			addController: () => {},
+			removeController: () => {},
+			requestUpdate: () => {
+				this.resolvedTemplate && this.controller && this.setValue(this.resolvedTemplate(this.controller.value));
+			},
+			get updateComplete() {
+				return Promise.resolve(!0);
+			}
+		};
+	}
+}, V = i(B);
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+table-core@9.0.0/node_modules/@tanstack/table-core/dist/core/reactivity/renderPhaseReactivity.js
+function be(e) {
+	let { createAtom: t, batch: n } = e, r = t(0);
+	return {
+		createOptionsStore: !1,
+		wrapExternalAtoms: !1,
+		addSubscription: () => {
+			throw Error("Feature not supported in current reactivity implementation");
+		},
+		unmount: () => {
+			throw Error("Feature not supported in current reactivity implementation");
+		},
+		schedule: e.schedule ?? ((e) => queueMicrotask(e)),
+		batch: n,
+		untrack: (e) => e(),
+		createReadonlyAtom: (e, n) => {
+			let i = n?.compare ?? Object.is, a = !1, o, s = () => {
+				let t = e();
+				return (!a || !i(o, t)) && (o = t, a = !0), o;
+			}, c = t(() => (r.get(), s()), { compare: i });
+			return {
+				get: s,
+				subscribe: c.subscribe.bind(c)
+			};
+		},
+		createWritableAtom: (e, n) => t(e, { compare: n?.compare }),
+		commit: () => {
+			r.set((e) => e + 1);
+		}
+	};
+}
+function xe(e, t = Object.is) {
+	let n = !1, r;
+	return {
+		get: e.get,
+		markCommitted: (e) => {
+			r = e, n = !0;
+		},
+		subscribe: (i) => e.subscribe((e) => {
+			(!n || !t(r, e)) && i(e);
+		})
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+lit-table@9.0.0_@lit+context@1.1.6_lit@3.3.3/node_modules/@tanstack/lit-table/dist/reactivity.js
+function H() {
+	return be({
+		createAtom: pe,
+		batch: fe
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+lit-table@9.0.0_@lit+context@1.1.6_lit@3.3.3/node_modules/@tanstack/lit-table/dist/TableController.js
+var U = class {
+	host;
+	_table = null;
+	_rootSource;
+	_storeSubscription;
+	_capturedState;
+	_capturedSnapshot;
+	_hasSelector = !1;
+	_latestSelector;
+	_lastSelected;
+	constructor(e) {
+		(this.host = e).addController(this);
+	}
+	table(e, t) {
+		if (!this._table) {
+			let t = {
+				...e,
+				features: {
+					coreReactivityFeature: H(),
+					...e.features
+				},
+				mergeOptions: (e, t) => ({
+					...e,
+					...t
+				})
+			};
+			this._table = f(t), this._rootSource = xe(this._table.store, N), this._setupSubscriptions();
+		}
+		re(this._table, (t) => ({
+			...t,
+			...e
+		}), { syncExternalState: !1 }), this._capturedState = this._table.options.state;
+		let n = this._rootSource.get();
+		return this._capturedSnapshot = n, this._hasSelector = t !== void 0, this._latestSelector = t, this._lastSelected = t ? t(n) : n, {
+			...this._table,
+			subscribe: V,
+			FlexRender: v,
+			get state() {
+				return t?.(n) ?? n;
+			}
+		};
+	}
+	_setupSubscriptions() {
+		this._table && !this._storeSubscription && (this._storeSubscription = this._rootSource.subscribe((e) => {
+			if (this._hasSelector) {
+				let t = this._latestSelector(e);
+				if (N(this._lastSelected, t)) return;
+				this._lastSelected = t;
+			}
+			this.host.requestUpdate();
+		}));
+	}
+	hostConnected() {
+		this._setupSubscriptions(), this._table && this.host.requestUpdate();
+	}
+	hostUpdated() {
+		this._table && (this._rootSource.markCommitted(this._capturedSnapshot), ne(this._table, this._capturedState ?? null, N));
+	}
+	hostDisconnected() {
+		this._storeSubscription?.unsubscribe(), this._storeSubscription = void 0;
+	}
+}, W = class extends Event {
+	constructor(e, t, n, r) {
+		super("context-request", {
+			bubbles: !0,
+			composed: !0
+		}), this.context = e, this.contextTarget = t, this.callback = n, this.subscribe = r ?? !1;
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/create-context.js
+function G(e) {
+	return e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.js
+var K = class {
+	constructor(e, t, n, r) {
+		if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (e, t) => {
+			this.unsubscribe && (this.unsubscribe !== t && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = e, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(e, t)), this.unsubscribe = t;
+		}, this.host = e, t.context !== void 0) {
+			let e = t;
+			this.context = e.context, this.callback = e.callback, this.subscribe = e.subscribe ?? !1;
+		} else this.context = t, this.callback = n, this.subscribe = r ?? !1;
+		this.host.addController(this);
+	}
+	hostConnected() {
+		this.dispatchRequest();
+	}
+	hostDisconnected() {
+		this.unsubscribe &&= (this.unsubscribe(), void 0);
+	}
+	dispatchRequest() {
+		this.host.dispatchEvent(new W(this.context, this.host, this.t, this.subscribe));
+	}
+}, Se = class {
+	get value() {
+		return this.o;
+	}
+	set value(e) {
+		this.setValue(e);
+	}
+	setValue(e, t = !1) {
+		let n = t || !Object.is(e, this.o);
+		this.o = e, n && this.updateObservers();
+	}
+	constructor(e) {
+		this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+			for (let [e, { disposer: t }] of this.subscriptions) e(this.o, t);
+		}, e !== void 0 && (this.value = e);
+	}
+	addCallback(e, t, n) {
+		if (!n) return void e(this.value);
+		this.subscriptions.has(e) || this.subscriptions.set(e, {
+			disposer: () => {
+				this.subscriptions.delete(e);
+			},
+			consumerHost: t
+		});
+		let { disposer: r } = this.subscriptions.get(e);
+		e(this.value, r);
+	}
+	clearCallbacks() {
+		this.subscriptions.clear();
+	}
+}, Ce = class extends Event {
+	constructor(e, t) {
+		super("context-provider", {
+			bubbles: !0,
+			composed: !0
+		}), this.context = e, this.contextTarget = t;
+	}
+}, we = class extends Se {
+	constructor(e, t, n) {
+		super(t.context === void 0 ? n : t.initialValue), this.onContextRequest = (e) => {
+			if (e.context !== this.context) return;
+			let t = e.contextTarget ?? e.composedPath()[0];
+			t !== this.host && (e.stopPropagation(), this.addCallback(e.callback, t, e.subscribe));
+		}, this.onProviderRequest = (e) => {
+			if (e.context !== this.context || (e.contextTarget ?? e.composedPath()[0]) === this.host) return;
+			let t = /* @__PURE__ */ new Set();
+			for (let [e, { consumerHost: n }] of this.subscriptions) t.has(e) || (t.add(e), n.dispatchEvent(new W(this.context, n, e, !0)));
+			e.stopPropagation();
+		}, this.host = e, this.context = t.context === void 0 ? t : t.context, this.attachListeners(), this.host.addController?.(this);
+	}
+	attachListeners() {
+		this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+	}
+	hostConnected() {
+		this.host.dispatchEvent(new Ce(this.context, this.host));
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+lit-table@9.0.0_@lit+context@1.1.6_lit@3.3.3/node_modules/@tanstack/lit-table/dist/createTableHook.js
+function Te({ tableComponents: e, cellComponents: t, headerComponents: n, ...r }) {
+	let i = G(Symbol("tanstack-table")), a = G(Symbol("tanstack-cell")), o = G(Symbol("tanstack-header"));
+	function s() {
+		return ee();
+	}
+	function c(e) {
+		return new K(e, {
+			context: i,
+			subscribe: !0
+		});
+	}
+	function l(e) {
+		return new K(e, {
+			context: a,
+			subscribe: !0
+		});
+	}
+	function u(e) {
+		return new K(e, {
+			context: o,
+			subscribe: !0
+		});
+	}
+	function d(a, o, s) {
+		let c = new U(a), l = new we(a, { context: i });
+		return { table() {
+			let i = {
+				...r,
+				...o
+			}, a = c.table(i, s);
+			l.setValue(a);
+			function u(e, n) {
+				let r = () => v({ cell: e }), i = {};
+				for (let [n, r] of Object.entries(t ?? {})) i[n] = () => r(e);
+				return n(Object.assign(e, {
+					FlexRender: r,
+					...i
+				}));
+			}
+			function d(e, t) {
+				let r = () => _(e.column.columnDef.header, e.getContext()), i = {};
+				for (let [t, r] of Object.entries(n ?? {})) i[t] = () => r(e);
+				return t(Object.assign(e, {
+					FlexRender: r,
+					...i
+				}));
+			}
+			function f(e, t) {
+				let r = () => _(e.column.columnDef.footer, e.getContext()), i = {};
+				for (let [t, r] of Object.entries(n ?? {})) i[t] = () => r(e);
+				return t(Object.assign(e, {
+					FlexRender: r,
+					...i
+				}));
+			}
+			return Object.assign(a, {
+				AppCell: u,
+				AppHeader: d,
+				AppFooter: f,
+				FlexRender: v,
+				...e ?? {}
+			});
+		} };
+	}
+	return {
+		appFeatures: r.features,
+		createAppColumnHelper: s,
+		useAppTable: d,
+		useTableContext: c,
+		useCellContext: l,
+		useHeaderContext: u
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+lit-table@9.0.0_@lit+context@1.1.6_lit@3.3.3/node_modules/@tanstack/lit-table/dist/index.js
+var q = /* @__PURE__ */ h({
+	FlexRender: () => v,
+	SubscribeDirective: () => B,
+	TableController: () => U,
+	createTableHook: () => Te,
+	flexRender: () => _,
+	subscribe: () => V
+});
+import * as Ee from "@tanstack/table-core";
+oe(q, Ee);
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+match-sorter-utils@9.0.0/node_modules/@tanstack/match-sorter-utils/dist/remove-accents.js
+var J = {
+	À: "A",
+	Á: "A",
+	Â: "A",
+	Ã: "A",
+	Ä: "A",
+	Å: "A",
+	Ấ: "A",
+	Ắ: "A",
+	Ẳ: "A",
+	Ẵ: "A",
+	Ặ: "A",
+	Æ: "AE",
+	Ầ: "A",
+	Ằ: "A",
+	Ȃ: "A",
+	Ç: "C",
+	Ḉ: "C",
+	È: "E",
+	É: "E",
+	Ê: "E",
+	Ë: "E",
+	Ế: "E",
+	Ḗ: "E",
+	Ề: "E",
+	Ḕ: "E",
+	Ḝ: "E",
+	Ȇ: "E",
+	Ì: "I",
+	Í: "I",
+	Î: "I",
+	Ï: "I",
+	Ḯ: "I",
+	Ȋ: "I",
+	Ð: "D",
+	Ñ: "N",
+	Ò: "O",
+	Ó: "O",
+	Ô: "O",
+	Õ: "O",
+	Ö: "O",
+	Ø: "O",
+	Ố: "O",
+	Ṍ: "O",
+	Ṓ: "O",
+	Ȏ: "O",
+	Ù: "U",
+	Ú: "U",
+	Û: "U",
+	Ü: "U",
+	Ý: "Y",
+	à: "a",
+	á: "a",
+	â: "a",
+	ã: "a",
+	ä: "a",
+	å: "a",
+	ấ: "a",
+	ắ: "a",
+	ẳ: "a",
+	ẵ: "a",
+	ặ: "a",
+	æ: "ae",
+	ầ: "a",
+	ằ: "a",
+	ȃ: "a",
+	ç: "c",
+	ḉ: "c",
+	è: "e",
+	é: "e",
+	ê: "e",
+	ë: "e",
+	ế: "e",
+	ḗ: "e",
+	ề: "e",
+	ḕ: "e",
+	ḝ: "e",
+	ȇ: "e",
+	ì: "i",
+	í: "i",
+	î: "i",
+	ï: "i",
+	ḯ: "i",
+	ȋ: "i",
+	ð: "d",
+	ñ: "n",
+	ò: "o",
+	ó: "o",
+	ô: "o",
+	õ: "o",
+	ö: "o",
+	ø: "o",
+	ố: "o",
+	ṍ: "o",
+	ṓ: "o",
+	ȏ: "o",
+	ù: "u",
+	ú: "u",
+	û: "u",
+	ü: "u",
+	ý: "y",
+	ÿ: "y",
+	Ā: "A",
+	ā: "a",
+	Ă: "A",
+	ă: "a",
+	Ą: "A",
+	ą: "a",
+	Ć: "C",
+	ć: "c",
+	Ĉ: "C",
+	ĉ: "c",
+	Ċ: "C",
+	ċ: "c",
+	Č: "C",
+	č: "c",
+	C̆: "C",
+	c̆: "c",
+	Ď: "D",
+	ď: "d",
+	Đ: "D",
+	đ: "d",
+	Ē: "E",
+	ē: "e",
+	Ĕ: "E",
+	ĕ: "e",
+	Ė: "E",
+	ė: "e",
+	Ę: "E",
+	ę: "e",
+	Ě: "E",
+	ě: "e",
+	Ĝ: "G",
+	Ǵ: "G",
+	ĝ: "g",
+	ǵ: "g",
+	Ğ: "G",
+	ğ: "g",
+	Ġ: "G",
+	ġ: "g",
+	Ģ: "G",
+	ģ: "g",
+	Ĥ: "H",
+	ĥ: "h",
+	Ħ: "H",
+	ħ: "h",
+	Ḫ: "H",
+	ḫ: "h",
+	Ĩ: "I",
+	ĩ: "i",
+	Ī: "I",
+	ī: "i",
+	Ĭ: "I",
+	ĭ: "i",
+	Į: "I",
+	į: "i",
+	İ: "I",
+	ı: "i",
+	IJ: "IJ",
+	ij: "ij",
+	Ĵ: "J",
+	ĵ: "j",
+	Ķ: "K",
+	ķ: "k",
+	Ḱ: "K",
+	ḱ: "k",
+	K̆: "K",
+	k̆: "k",
+	Ĺ: "L",
+	ĺ: "l",
+	Ļ: "L",
+	ļ: "l",
+	Ľ: "L",
+	ľ: "l",
+	Ŀ: "L",
+	ŀ: "l",
+	Ł: "l",
+	ł: "l",
+	Ḿ: "M",
+	ḿ: "m",
+	M̆: "M",
+	m̆: "m",
+	Ń: "N",
+	ń: "n",
+	Ņ: "N",
+	ņ: "n",
+	Ň: "N",
+	ň: "n",
+	ʼn: "n",
+	N̆: "N",
+	n̆: "n",
+	Ō: "O",
+	ō: "o",
+	Ŏ: "O",
+	ŏ: "o",
+	Ő: "O",
+	ő: "o",
+	Œ: "OE",
+	œ: "oe",
+	P̆: "P",
+	p̆: "p",
+	Ŕ: "R",
+	ŕ: "r",
+	Ŗ: "R",
+	ŗ: "r",
+	Ř: "R",
+	ř: "r",
+	R̆: "R",
+	r̆: "r",
+	Ȓ: "R",
+	ȓ: "r",
+	Ś: "S",
+	ś: "s",
+	Ŝ: "S",
+	ŝ: "s",
+	Ş: "S",
+	Ș: "S",
+	ș: "s",
+	ş: "s",
+	Š: "S",
+	š: "s",
+	Ţ: "T",
+	ţ: "t",
+	ț: "t",
+	Ț: "T",
+	Ť: "T",
+	ť: "t",
+	Ŧ: "T",
+	ŧ: "t",
+	T̆: "T",
+	t̆: "t",
+	Ũ: "U",
+	ũ: "u",
+	Ū: "U",
+	ū: "u",
+	Ŭ: "U",
+	ŭ: "u",
+	Ů: "U",
+	ů: "u",
+	Ű: "U",
+	ű: "u",
+	Ų: "U",
+	ų: "u",
+	Ȗ: "U",
+	ȗ: "u",
+	V̆: "V",
+	v̆: "v",
+	Ŵ: "W",
+	ŵ: "w",
+	Ẃ: "W",
+	ẃ: "w",
+	X̆: "X",
+	x̆: "x",
+	Ŷ: "Y",
+	ŷ: "y",
+	Ÿ: "Y",
+	Y̆: "Y",
+	y̆: "y",
+	Ź: "Z",
+	ź: "z",
+	Ż: "Z",
+	ż: "z",
+	Ž: "Z",
+	ž: "z",
+	ſ: "s",
+	ƒ: "f",
+	Ơ: "O",
+	ơ: "o",
+	Ư: "U",
+	ư: "u",
+	Ǎ: "A",
+	ǎ: "a",
+	Ǐ: "I",
+	ǐ: "i",
+	Ǒ: "O",
+	ǒ: "o",
+	Ǔ: "U",
+	ǔ: "u",
+	Ǖ: "U",
+	ǖ: "u",
+	Ǘ: "U",
+	ǘ: "u",
+	Ǚ: "U",
+	ǚ: "u",
+	Ǜ: "U",
+	ǜ: "u",
+	Ứ: "U",
+	ứ: "u",
+	Ṹ: "U",
+	ṹ: "u",
+	Ǻ: "A",
+	ǻ: "a",
+	Ǽ: "AE",
+	ǽ: "ae",
+	Ǿ: "O",
+	ǿ: "o",
+	Þ: "TH",
+	þ: "th",
+	Ṕ: "P",
+	ṕ: "p",
+	Ṥ: "S",
+	ṥ: "s",
+	X́: "X",
+	x́: "x",
+	Ѓ: "Г",
+	ѓ: "г",
+	Ќ: "К",
+	ќ: "к",
+	A̋: "A",
+	a̋: "a",
+	E̋: "E",
+	e̋: "e",
+	I̋: "I",
+	i̋: "i",
+	Ǹ: "N",
+	ǹ: "n",
+	Ồ: "O",
+	ồ: "o",
+	Ṑ: "O",
+	ṑ: "o",
+	Ừ: "U",
+	ừ: "u",
+	Ẁ: "W",
+	ẁ: "w",
+	Ỳ: "Y",
+	ỳ: "y",
+	Ȁ: "A",
+	ȁ: "a",
+	Ȅ: "E",
+	ȅ: "e",
+	Ȉ: "I",
+	ȉ: "i",
+	Ȍ: "O",
+	ȍ: "o",
+	Ȑ: "R",
+	ȑ: "r",
+	Ȕ: "U",
+	ȕ: "u",
+	B̌: "B",
+	b̌: "b",
+	Č̣: "C",
+	č̣: "c",
+	Ê̌: "E",
+	ê̌: "e",
+	F̌: "F",
+	f̌: "f",
+	Ǧ: "G",
+	ǧ: "g",
+	Ȟ: "H",
+	ȟ: "h",
+	J̌: "J",
+	ǰ: "j",
+	Ǩ: "K",
+	ǩ: "k",
+	M̌: "M",
+	m̌: "m",
+	P̌: "P",
+	p̌: "p",
+	Q̌: "Q",
+	q̌: "q",
+	Ř̩: "R",
+	ř̩: "r",
+	Ṧ: "S",
+	ṧ: "s",
+	V̌: "V",
+	v̌: "v",
+	W̌: "W",
+	w̌: "w",
+	X̌: "X",
+	x̌: "x",
+	Y̌: "Y",
+	y̌: "y",
+	A̧: "A",
+	a̧: "a",
+	B̧: "B",
+	b̧: "b",
+	Ḑ: "D",
+	ḑ: "d",
+	Ȩ: "E",
+	ȩ: "e",
+	Ɛ̧: "E",
+	ɛ̧: "e",
+	Ḩ: "H",
+	ḩ: "h",
+	I̧: "I",
+	i̧: "i",
+	Ɨ̧: "I",
+	ɨ̧: "i",
+	M̧: "M",
+	m̧: "m",
+	O̧: "O",
+	o̧: "o",
+	Q̧: "Q",
+	q̧: "q",
+	U̧: "U",
+	u̧: "u",
+	X̧: "X",
+	x̧: "x",
+	Z̧: "Z",
+	z̧: "z"
+}, De = Object.keys(J).join("|"), Oe = new RegExp(De, "g");
+function ke(e) {
+	return e.replace(Oe, (e) => J[e]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@tanstack+match-sorter-utils@9.0.0/node_modules/@tanstack/match-sorter-utils/dist/index.js
+var Y = {
+	CASE_SENSITIVE_EQUAL: 7,
+	EQUAL: 6,
+	STARTS_WITH: 5,
+	WORD_STARTS_WITH: 4,
+	CONTAINS: 3,
+	ACRONYM: 2,
+	MATCHES: 1,
+	NO_MATCH: 0
+};
+function Ae(e, t, n) {
+	if (n ||= {}, n.threshold = n.threshold ?? Y.MATCHES, !n.accessors) {
+		let r = X(e, t, n);
+		return {
+			rankedValue: e,
+			rank: r,
+			accessorIndex: -1,
+			accessorThreshold: n.threshold,
+			passed: r >= n.threshold
+		};
+	}
+	let r = Pe(e, n.accessors), i = {
+		rankedValue: e,
+		rank: Y.NO_MATCH,
+		accessorIndex: -1,
+		accessorThreshold: n.threshold,
+		passed: !1
+	};
+	for (let e = 0; e < r.length; e++) {
+		let a = r[e], o = X(a.itemValue, t, n), { minRanking: s, maxRanking: c, threshold: l = n.threshold } = a.attributes;
+		o < s && o >= Y.MATCHES ? o = s : o > c && (o = c), o = Math.min(o, c), o >= l && o > i.rank && (i.rank = o, i.passed = !0, i.accessorIndex = e, i.accessorThreshold = l, i.rankedValue = a.itemValue);
+	}
+	return i;
+}
+function X(e, t, n) {
+	return e = Z(e, n), t = Z(t, n), t.length > e.length ? Y.NO_MATCH : e === t ? Y.CASE_SENSITIVE_EQUAL : (e = e.toLowerCase(), t = t.toLowerCase(), e === t ? Y.EQUAL : e.startsWith(t) ? Y.STARTS_WITH : e.includes(` ${t}`) ? Y.WORD_STARTS_WITH : e.includes(t) ? Y.CONTAINS : t.length === 1 ? Y.NO_MATCH : je(e).includes(t) ? Y.ACRONYM : Me(e, t));
+}
+function je(e) {
+	let t = "";
+	return e.split(" ").forEach((e) => {
+		e.split("-").forEach((e) => {
+			t += e.substr(0, 1);
+		});
+	}), t;
+}
+function Me(e, t) {
+	let n = 0, r = 0;
+	function i(e, t, r) {
+		for (let i = r, a = t.length; i < a; i++) if (t[i] === e) return n += 1, i + 1;
+		return -1;
+	}
+	function a(e) {
+		let r = 1 / e, i = n / t.length;
+		return Y.MATCHES + i * r;
+	}
+	let o = i(t[0], e, 0);
+	if (o < 0) return Y.NO_MATCH;
+	r = o;
+	for (let n = 1, a = t.length; n < a; n++) {
+		let a = t[n];
+		if (r = i(a, e, r), !(r > -1)) return Y.NO_MATCH;
+	}
+	return a(r - o);
+}
+function Z(e, { keepDiacritics: t }) {
+	return e = `${e}`, t || (e = ke(e)), e;
+}
+function Ne(e, t) {
+	let n = t;
+	typeof t == "object" && (n = t.accessor);
+	let r = n(e);
+	return r == null ? [] : Array.isArray(r) ? r : [String(r)];
+}
+function Pe(e, t) {
+	let n = [];
+	for (let r = 0, i = t.length; r < i; r++) {
+		let i = t[r], a = Fe(i), o = Ne(e, i);
+		for (let e = 0, t = o.length; e < t; e++) n.push({
+			itemValue: o[e],
+			attributes: a
+		});
+	}
+	return n;
+}
+var Q = {
+	maxRanking: Infinity,
+	minRanking: -Infinity
+};
+function Fe(e) {
+	return typeof e == "function" ? Q : {
+		...Q,
+		...e
+	};
+}
+//#endregion
+//#region src/components/sken-datatable.ts
+var $ = class extends a {
+	constructor(...e) {
+		super(...e), this.rows = [], this.columns = [], this.getRowId = void 0, this.loading = !1, this.empty = void 0, this.sorting = void 0, this.globalFilter = void 0, this.filterPlaceholder = "Filter…", this.pagination = void 0, this.defaultPageSize = 10, this.#e = [], this.#t = "", this.#n = {
+			pageIndex: 0,
+			pageSize: 10
+		}, this.#r = (0, q.tableFeatures)({
+			rowSortingFeature: q.rowSortingFeature,
+			sortedRowModel: (0, q.createSortedRowModel)(),
+			columnFilteringFeature: q.columnFilteringFeature,
+			filteredRowModel: (0, q.createFilteredRowModel)(),
+			globalFilteringFeature: q.globalFilteringFeature,
+			rowPaginationFeature: q.rowPaginationFeature,
+			paginatedRowModel: (0, q.createPaginatedRowModel)()
+		}), this.#i = void 0, this.#o = (e, t, n) => Ae(Object.values(e.original ?? {}).map((e) => e == null ? "" : String(e)).join(" "), String(n ?? "")).passed;
+	}
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a() {
+		return this.#i === void 0 && (this.#i = new U(this)), this.#i;
+	}
+	#o;
+	#s() {
+		this.getRowId === void 0 && globalThis.console !== void 0 && globalThis.console.warn("[sken-datatable] Missing `getRowId`. This is required in M1.x once row selection, expansion, or server-side filtering are added. See ADR-0006 §4 and the research report §1.");
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.#s(), this.#n.pageSize === 10 && this.defaultPageSize !== 10 && (this.#n = {
+			pageIndex: 0,
+			pageSize: this.defaultPageSize
+		});
+	}
+	render() {
+		if (this.loading) return s`
+        <div class="loading" role="status" aria-busy="true">
+          <slot name="loading"></slot>
+        </div>
+      `;
+		if (this.rows.length === 0) return this.#c();
+		let e = {}, t = {};
+		this.sorting !== void 0 && this.sorting.length > 0 && (e.sorting = this.sorting, t.sorting = this.sorting), this.globalFilter !== void 0 && this.globalFilter.length > 0 && (e.globalFilter = this.globalFilter, t.globalFilter = this.globalFilter), this.pagination === void 0 ? t.pagination = this.#n : (e.pagination = this.pagination, t.pagination = this.pagination);
+		let n = this.#a().table({
+			data: this.rows,
+			columns: this.columns,
+			getRowId: this.getRowId ?? ((e, t) => String(t)),
+			features: this.#r,
+			globalFilterFn: this.#o,
+			state: e,
+			initialState: t,
+			onSortingChange: (e) => {
+				let t = this.sorting ?? this.#e, n = typeof e == "function" ? e(t) : e;
+				this.sorting === void 0 && (this.#e = n, this.requestUpdate()), this.dispatchEvent(new CustomEvent("sken-sort-change", {
+					detail: n,
+					bubbles: !0,
+					composed: !0
+				}));
+			},
+			onGlobalFilterChange: (e) => {
+				let t = this.globalFilter ?? this.#t, n = typeof e == "function" ? e(t) : e;
+				this.globalFilter === void 0 && (this.#t = n, this.requestUpdate()), this.dispatchEvent(new CustomEvent("sken-global-filter-change", {
+					detail: n,
+					bubbles: !0,
+					composed: !0
+				}));
+			},
+			onPaginationChange: (e) => {
+				let t = this.pagination ?? this.#n, n = typeof e == "function" ? e(t) : e;
+				this.pagination === void 0 && (this.#n = n, this.requestUpdate()), this.dispatchEvent(new CustomEvent("sken-pagination-change", {
+					detail: n,
+					bubbles: !0,
+					composed: !0
+				}));
+			}
+		});
+		return te.table_publishExternalState(n, e, (e, t) => e === t), s`
+      <div class="filter-bar">
+        <slot name="filter">
+          <input
+            class="filter-input"
+            type="search"
+            placeholder=${this.filterPlaceholder}
+            aria-label="Filter rows"
+            .value=${this.globalFilter ?? this.#t}
+            @input=${(e) => {
+			let t = e.target;
+			this.globalFilter === void 0 && (this.#t = t.value, this.requestUpdate()), this.dispatchEvent(new CustomEvent("sken-global-filter-change", {
+				detail: t.value,
+				bubbles: !0,
+				composed: !0
+			}));
+		}}
+          />
+        </slot>
+      </div>
+      <table>
+        <thead>
+          ${n.getHeaderGroups().map((e) => s`
+              <tr>
+                ${e.headers.map((e) => {
+			let t = e.column.columnDef.header, n = typeof t == "string" ? t : e.column.id, r = e.column.getCanSort(), i = e.column.getIsSorted(), a = i === "asc" ? "▲" : i === "desc" ? "▼" : "", o = e.column.getToggleSortingHandler();
+			return s`
+                    <th
+                      scope="col"
+                      part="header-cell"
+                      data-column-id=${e.column.id}
+                      class=${r ? "sortable" : ""}
+                      aria-sort=${i === "asc" ? "ascending" : i === "desc" ? "descending" : "none"}
+                      @click=${r && o ? o : null}
+                    >
+                      <span class="header-text">${n}</span>
+                      ${r ? s`<span
+                            class="sort-indicator"
+                            data-state=${i || "none"}
+                            aria-hidden="true"
+                            >${a}</span
+                          >` : l}
+                    </th>
+                  `;
+		})}
+              </tr>
+            `)}
+        </thead>
+        <tbody>
+          ${n.getRowModel().rows.map((e) => {
+			let t = e;
+			return s`
+              <tr part="row" data-row-id=${t.id}>
+                ${t.getAllCells().map((e) => {
+				let t = e.getValue();
+				return s`
+                    <td part="cell" data-column-id=${e.column.id}>
+                      ${t == null ? l : String(t)}
+                    </td>
+                  `;
+			})}
+              </tr>
+            `;
+		})}
+        </tbody>
+      </table>
+
+      <div class="pagination-bar" part="pagination">
+        <slot name="pagination">
+          ${(() => {
+			let e = n, { pageIndex: t, pageSize: r } = e.state.pagination, i = e.getPageCount();
+			return s`
+              <button
+                type="button"
+                class="page-btn"
+                ?disabled=${!e.getCanPreviousPage()}
+                @click=${() => e.previousPage()}
+                aria-label="Previous page"
+              >
+                ← Prev
+              </button>
+              <span class="page-info">
+                Page ${t + 1} of ${Math.max(i, 1)}
+              </span>
+              <button
+                type="button"
+                class="page-btn"
+                ?disabled=${!e.getCanNextPage()}
+                @click=${() => e.nextPage()}
+                aria-label="Next page"
+              >
+                Next →
+              </button>
+              <span class="page-size-info">${r} per page</span>
+            `;
+		})()}
+        </slot>
+      </div>
+    `;
+	}
+	#c() {
+		return s`
+      <div class="empty" role="status">
+        <slot name="empty">${this.empty ?? "No rows"}</slot>
+      </div>
+    `;
+	}
+	static {
+		this.styles = o`
+    :host {
+      display: block;
+      inline-size: 100%;
+      font-family: var(--sken-family-sans);
+      color: var(--sken-foreground);
+    }
+
+    table {
+      inline-size: 100%;
+      border-collapse: collapse;
+      border: 1px solid var(--sken-border);
+      border-radius: var(--sken-md);
+      overflow: hidden;
+    }
+
+    thead {
+      background: var(--sken-muted);
+    }
+
+    th,
+    td {
+      padding-block: var(--sken-2);
+      padding-inline: var(--sken-3);
+      text-align: start;
+      border-block-end: 1px solid var(--sken-border);
+    }
+
+    th {
+      font-weight: var(--sken-weight-semibold);
+      color: var(--sken-foreground);
+    }
+
+    th.sortable {
+      cursor: pointer;
+      user-select: none;
+    }
+
+    th.sortable:hover {
+      background: var(--sken-muted);
+    }
+
+    th .header-text {
+      margin-inline-end: 0.25rem;
+    }
+
+    th .sort-indicator {
+      display: inline-block;
+      min-inline-size: 0.75rem;
+      color: var(--sken-muted-foreground);
+      font-size: 0.75em;
+    }
+
+    th .sort-indicator[data-state='asc'],
+    th .sort-indicator[data-state='desc'] {
+      color: var(--sken-primary);
+    }
+
+    tbody tr:last-child td {
+      border-block-end: none;
+    }
+
+    tbody tr:hover {
+      background: var(--sken-muted);
+    }
+
+    .empty {
+      padding-block: var(--sken-4);
+      padding-inline: var(--sken-3);
+      text-align: center;
+      color: var(--sken-muted-foreground);
+      border: 1px solid var(--sken-border);
+      border-radius: var(--sken-md);
+    }
+
+    .loading {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding-block: var(--sken-6);
+      min-block-size: 12rem;
+      border: 1px solid var(--sken-border);
+      border-radius: var(--sken-md);
+      color: var(--sken-muted-foreground);
+    }
+
+    /* The loading region renders a loading slot. The consumer
+       supplies the spinner (typically a sken-icon with name
+       spinner, which animates itself per its name) and the
+       datatable provides the layout + accessible status region.
+       The keyframe is owned by the icon package, not here,
+       because the rotation is part of what spinner means: a
+       static spinner would be a different icon. */
+
+    .filter-bar {
+      margin-block-end: 0.75rem;
+    }
+
+    .filter-input {
+      box-sizing: border-box;
+      inline-size: 100%;
+      max-inline-size: 20rem;
+      padding-block: var(--sken-2);
+      padding-inline: var(--sken-3);
+      border: 1px solid var(--sken-border);
+      border-radius: var(--sken-md);
+      background: var(--sken-background);
+      color: var(--sken-foreground);
+      font-family: var(--sken-family-sans);
+      font-size: var(--sken-size-md);
+    }
+
+    .filter-input::placeholder {
+      color: var(--sken-muted-foreground);
+    }
+
+    .filter-input:focus-visible {
+      outline: 2px solid var(--sken-primary);
+      outline-offset: 1px;
+    }
+
+    .pagination-bar {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      margin-block-start: 0.75rem;
+      font-size: 0.875rem;
+      color: var(--sken-muted-foreground);
+    }
+
+    .page-btn {
+      padding-block: var(--sken-1);
+      padding-inline: var(--sken-3);
+      border: 1px solid var(--sken-border);
+      border-radius: var(--sken-sm);
+      background: var(--sken-background);
+      color: var(--sken-foreground);
+      font-family: inherit;
+      font-size: inherit;
+      cursor: pointer;
+    }
+
+    .page-btn:hover:not(:disabled) {
+      background: var(--sken-muted);
+    }
+
+    .page-btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .page-info {
+      color: var(--sken-foreground);
+    }
+  `;
+	}
+};
+e([d({ attribute: !1 })], $.prototype, "rows", void 0), e([d({ attribute: !1 })], $.prototype, "columns", void 0), e([d({ attribute: !1 })], $.prototype, "getRowId", void 0), e([d({
+	reflect: !0,
+	type: Boolean
+})], $.prototype, "loading", void 0), e([d()], $.prototype, "empty", void 0), e([d({ attribute: !1 })], $.prototype, "sorting", void 0), e([d({ attribute: !1 })], $.prototype, "globalFilter", void 0), e([d()], $.prototype, "filterPlaceholder", void 0), e([d({ attribute: !1 })], $.prototype, "pagination", void 0), e([d({
+	attribute: "default-page-size",
+	type: Number
+})], $.prototype, "defaultPageSize", void 0), $ = e([u("sken-datatable")], $);
+//#endregion
+export { $ as t };
+
+//# sourceMappingURL=sken-datatable-BtR-NwRN.js.map