reke-ui 0.1.2 → 0.2.0

package/dist/node_modules/lit-html/async-directive.js

@@ -0,0 +1,55 @@
+import { r as e } from "./directive-helpers.js";
+import { i as t, t as n } from "./directive.js";
+//#region node_modules/lit-html/async-directive.js
+var r = (e, t) => {
+	let n = e._$AN;
+	if (n === void 0) return !1;
+	for (let e of n) e._$AO?.(t, !1), r(e, t);
+	return !0;
+}, i = (e) => {
+	let t, n;
+	do {
+		if ((t = e._$AM) === void 0) break;
+		n = t._$AN, n.delete(e), e = t;
+	} while (n?.size === 0);
+}, a = (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), c(t);
+	}
+};
+function o(e) {
+	this._$AN === void 0 ? this._$AM = e : (i(this), this._$AM = e, a(this));
+}
+function s(e, t = !1, n = 0) {
+	let a = this._$AH, o = this._$AN;
+	if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(a)) for (let e = n; e < a.length; e++) r(a[e], !1), i(a[e]);
+	else a != null && (r(a, !1), i(a));
+	else r(this, e);
+}
+var c = (e) => {
+	e.type == n.CHILD && (e._$AP ??= s, e._$AQ ??= o);
+}, l = class extends t {
+	constructor() {
+		super(...arguments), this._$AN = void 0;
+	}
+	_$AT(e, t, n) {
+		super._$AT(e, t, n), a(this), this.isConnected = e._$AU;
+	}
+	_$AO(e, t = !0) {
+		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (r(this, e), i(this));
+	}
+	setValue(t) {
+		if (e(this._$Ct)) this._$Ct._$AI(t, this);
+		else {
+			let e = [...this._$Ct._$AH];
+			e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
+		}
+	}
+	disconnected() {}
+	reconnected() {}
+};
+//#endregion
+export { l as f };

package/dist/node_modules/lit-html/directive-helpers.js

@@ -0,0 +1,5 @@
+import { j as e } from "./lit-html.js";
+//#region node_modules/lit-html/directive-helpers.js
+var { I: t } = e, n = (e) => e.strings === void 0;
+//#endregion
+export { n as r };

package/dist/node_modules/lit-html/directive.js

@@ -0,0 +1,28 @@
+//#region node_modules/lit-html/directive.js
+var e = {
+	ATTRIBUTE: 1,
+	CHILD: 2,
+	PROPERTY: 3,
+	BOOLEAN_ATTRIBUTE: 4,
+	EVENT: 5,
+	ELEMENT: 6
+}, t = (e) => (...t) => ({
+	_$litDirective$: e,
+	values: t
+}), n = class {
+	constructor(e) {}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AT(e, t, n) {
+		this._$Ct = e, this._$AM = t, this._$Ci = n;
+	}
+	_$AS(e, t) {
+		return this.update(e, t);
+	}
+	update(e, t) {
+		return this.render(...t);
+	}
+};
+//#endregion
+export { t as e, n as i, e as t };

package/dist/node_modules/lit-html/directives/ref.js

@@ -0,0 +1,30 @@
+import { A as e } from "../lit-html.js";
+import { e as t } from "../directive.js";
+import { f as n } from "../async-directive.js";
+//#region node_modules/lit-html/directives/ref.js
+var r = /* @__PURE__ */ new WeakMap(), i = t(class extends n {
+	render(t) {
+		return e;
+	}
+	update(t, [n]) {
+		let r = n !== this.G;
+		return r && this.rt(void 0), (r || this.lt !== this.ct) && (this.G = n, this.ht = t.options?.host, this.rt(this.ct = t.element)), e;
+	}
+	rt(e) {
+		if (this.G !== void 0) if (this.isConnected || (e = void 0), typeof this.G == "function") {
+			let t = this.ht ?? globalThis, n = r.get(t);
+			n === void 0 && (n = /* @__PURE__ */ new WeakMap(), r.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
+		} else this.G.value = e;
+	}
+	get lt() {
+		return typeof this.G == "function" ? r.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+	}
+	disconnected() {
+		this.lt === this.ct && this.rt(void 0);
+	}
+	reconnected() {
+		this.rt(this.ct);
+	}
+});
+//#endregion
+export { i as n };

package/dist/node_modules/lit-html/lit-html.js

@@ -0,0 +1,234 @@
+//#region node_modules/lit-html/lit-html.js
+var e = globalThis, t = (e) => e, n = e.trustedTypes, r = n ? n.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, i = "$lit$", a = `lit$${Math.random().toFixed(9).slice(2)}$`, o = "?" + a, s = `<${o}>`, c = document, l = () => c.createComment(""), u = (e) => e === null || typeof e != "object" && typeof e != "function", d = Array.isArray, f = (e) => d(e) || typeof e?.[Symbol.iterator] == "function", p = "[ 	\n\f\r]", m = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, h = /-->/g, g = />/g, _ = RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), v = /'/g, y = /"/g, b = /^(?:script|style|textarea|title)$/i, x = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), w = c.createTreeWalker(c, 129);
+function T(e, t) {
+	if (!d(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return r === void 0 ? t : r.createHTML(t);
+}
+var E = (e, t) => {
+	let n = e.length - 1, r = [], o, c = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", l = m;
+	for (let t = 0; t < n; t++) {
+		let n = e[t], u, d, f = -1, p = 0;
+		for (; p < n.length && (l.lastIndex = p, d = l.exec(n), d !== null);) p = l.lastIndex, l === m ? d[1] === "!--" ? l = h : d[1] === void 0 ? d[2] === void 0 ? d[3] !== void 0 && (l = _) : (b.test(d[2]) && (o = RegExp("</" + d[2], "g")), l = _) : l = g : l === _ ? d[0] === ">" ? (l = o ?? m, f = -1) : d[1] === void 0 ? f = -2 : (f = l.lastIndex - d[2].length, u = d[1], l = d[3] === void 0 ? _ : d[3] === "\"" ? y : v) : l === y || l === v ? l = _ : l === h || l === g ? l = m : (l = _, o = void 0);
+		let x = l === _ && e[t + 1].startsWith("/>") ? " " : "";
+		c += l === m ? n + s : f >= 0 ? (r.push(u), n.slice(0, f) + i + n.slice(f) + a + x) : n + a + (f === -2 ? t : x);
+	}
+	return [T(e, c + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+}, D = class e {
+	constructor({ strings: t, _$litType$: r }, s) {
+		let c;
+		this.parts = [];
+		let u = 0, d = 0, f = t.length - 1, p = this.parts, [m, h] = E(t, r);
+		if (this.el = e.createElement(m, s), w.currentNode = this.el.content, r === 2 || r === 3) {
+			let e = this.el.content.firstChild;
+			e.replaceWith(...e.childNodes);
+		}
+		for (; (c = w.nextNode()) !== null && p.length < f;) {
+			if (c.nodeType === 1) {
+				if (c.hasAttributes()) for (let e of c.getAttributeNames()) if (e.endsWith(i)) {
+					let t = h[d++], n = c.getAttribute(e).split(a), r = /([.?@])?(.*)/.exec(t);
+					p.push({
+						type: 1,
+						index: u,
+						name: r[2],
+						strings: n,
+						ctor: r[1] === "." ? M : r[1] === "?" ? N : r[1] === "@" ? P : j
+					}), c.removeAttribute(e);
+				} else e.startsWith(a) && (p.push({
+					type: 6,
+					index: u
+				}), c.removeAttribute(e));
+				if (b.test(c.tagName)) {
+					let e = c.textContent.split(a), t = e.length - 1;
+					if (t > 0) {
+						c.textContent = n ? n.emptyScript : "";
+						for (let n = 0; n < t; n++) c.append(e[n], l()), w.nextNode(), p.push({
+							type: 2,
+							index: ++u
+						});
+						c.append(e[t], l());
+					}
+				}
+			} else if (c.nodeType === 8) if (c.data === o) p.push({
+				type: 2,
+				index: u
+			});
+			else {
+				let e = -1;
+				for (; (e = c.data.indexOf(a, e + 1)) !== -1;) p.push({
+					type: 7,
+					index: u
+				}), e += a.length - 1;
+			}
+			u++;
+		}
+	}
+	static createElement(e, t) {
+		let n = c.createElement("template");
+		return n.innerHTML = e, n;
+	}
+};
+function O(e, t, n = e, r) {
+	if (t === x) return t;
+	let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = u(t) ? void 0 : t._$litDirective$;
+	return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = O(e, i._$AS(e, t.values), i, r)), t;
+}
+var k = class {
+	constructor(e, t) {
+		this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(e) {
+		let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? c).importNode(t, !0);
+		w.currentNode = r;
+		let i = w.nextNode(), a = 0, o = 0, s = n[0];
+		for (; s !== void 0;) {
+			if (a === s.index) {
+				let t;
+				s.type === 2 ? t = new A(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new F(i, this, e)), this._$AV.push(t), s = n[++o];
+			}
+			a !== s?.index && (i = w.nextNode(), a++);
+		}
+		return w.currentNode = c, r;
+	}
+	p(e) {
+		let t = 0;
+		for (let n of this._$AV) n !== void 0 && (n.strings === void 0 ? n._$AI(e[t]) : (n._$AI(e, n, t), t += n.strings.length - 2)), t++;
+	}
+}, A = class e {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(e, t, n, r) {
+		this.type = 2, this._$AH = S, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let e = this._$AA.parentNode, t = this._$AM;
+		return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(e, t = this) {
+		e = O(this, e, t), u(e) ? e === S || e == null || e === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : e !== this._$AH && e !== x && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? f(e) ? this.k(e) : this._(e) : this.T(e) : this.$(e);
+	}
+	O(e) {
+		return this._$AA.parentNode.insertBefore(e, this._$AB);
+	}
+	T(e) {
+		this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+	}
+	_(e) {
+		this._$AH !== S && u(this._$AH) ? this._$AA.nextSibling.data = e : this.T(c.createTextNode(e)), this._$AH = e;
+	}
+	$(e) {
+		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = D.createElement(T(n.h, n.h[0]), this.options)), n);
+		if (this._$AH?._$AD === r) this._$AH.p(t);
+		else {
+			let e = new k(r, this), n = e.u(this.options);
+			e.p(t), this.T(n), this._$AH = e;
+		}
+	}
+	_$AC(e) {
+		let t = C.get(e.strings);
+		return t === void 0 && C.set(e.strings, t = new D(e)), t;
+	}
+	k(t) {
+		d(this._$AH) || (this._$AH = [], this._$AR());
+		let n = this._$AH, r, i = 0;
+		for (let a of t) i === n.length ? n.push(r = new e(this.O(l()), this.O(l()), this, this.options)) : r = n[i], r._$AI(a), i++;
+		i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
+	}
+	_$AR(e = this._$AA.nextSibling, n) {
+		for (this._$AP?.(!1, !0, n); e !== this._$AB;) {
+			let n = t(e).nextSibling;
+			t(e).remove(), e = n;
+		}
+	}
+	setConnected(e) {
+		this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
+	}
+}, j = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(e, t, n, r, i) {
+		this.type = 1, this._$AH = S, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = S;
+	}
+	_$AI(e, t = this, n, r) {
+		let i = this.strings, a = !1;
+		if (i === void 0) e = O(this, e, t, 0), a = !u(e) || e !== this._$AH && e !== x, a && (this._$AH = e);
+		else {
+			let r = e, o, s;
+			for (e = i[0], o = 0; o < i.length - 1; o++) s = O(this, r[n + o], t, o), s === x && (s = this._$AH[o]), a ||= !u(s) || s !== this._$AH[o], s === S ? e = S : e !== S && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
+		}
+		a && !r && this.j(e);
+	}
+	j(e) {
+		e === S ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+	}
+}, M = class extends j {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(e) {
+		this.element[this.name] = e === S ? void 0 : e;
+	}
+}, N = class extends j {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(e) {
+		this.element.toggleAttribute(this.name, !!e && e !== S);
+	}
+}, P = class extends j {
+	constructor(e, t, n, r, i) {
+		super(e, t, n, r, i), this.type = 5;
+	}
+	_$AI(e, t = this) {
+		if ((e = O(this, e, t, 0) ?? S) === x) return;
+		let n = this._$AH, r = e === S && n !== S || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== S && (n === S || r);
+		r && this.element.removeEventListener(this.name, this, n), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
+	}
+	handleEvent(e) {
+		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
+	}
+}, F = class {
+	constructor(e, t, n) {
+		this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(e) {
+		O(this, e);
+	}
+}, I = {
+	M: i,
+	P: a,
+	A: o,
+	C: 1,
+	L: E,
+	R: k,
+	D: f,
+	V: O,
+	I: A,
+	H: j,
+	N,
+	U: P,
+	B: M,
+	F
+}, L = e.litHtmlPolyfillSupport;
+L?.(D, A), (e.litHtmlVersions ??= []).push("3.3.3");
+//#endregion
+export { S as A, I as j };

package/dist/react-bridge/table.d.ts

@@ -0,0 +1,58 @@
+import type { TemplateResult } from 'lit';
+import React from 'react';
+import { type RekeTable, type RowKey, type TableColumn, type TableRow } from '../components/reke-table/reke-table.js';
+export interface ReactTableColumn<TRow extends TableRow = TableRow> extends Omit<TableColumn, 'render'> {
+    /**
+     * Cell renderer. Return any of:
+     *  - `ReactNode` (JSX) — bridged via React root, returned to Lit as a raw DOM node
+     *  - `Node` / `HTMLElement` — passed through (escape hatch for hand-built DOM)
+     *  - `string` / `TemplateResult` — passed through (Lit-native)
+     */
+    render?: (value: unknown, row: TRow, index: number) => React.ReactNode | TemplateResult | string | Node;
+}
+/** Expanded-row renderer. Return any `React.ReactNode`. */
+export type ReactExpandedRowRenderer<TRow extends TableRow = TableRow> = (row: TRow, key: RowKey) => React.ReactNode;
+export interface TableProps<TRow extends TableRow = TableRow> {
+    columns: ReactTableColumn<TRow>[];
+    rows: TRow[];
+    striped?: boolean;
+    dense?: boolean;
+    hoverable?: boolean;
+    bordered?: boolean;
+    borderless?: boolean;
+    /** Opt-in: render a leading chevron column with built-in a11y + keyboard activation. */
+    expandable?: boolean;
+    /** Opt-in: clicking a row toggles expand. The chevron, if present, calls `stopPropagation()`. */
+    expandOnRowClick?: boolean;
+    sortKey?: string;
+    sortDirection?: 'asc' | 'desc';
+    expandedRowRender?: ReactExpandedRowRenderer<TRow>;
+    expandedRows?: Set<RowKey>;
+    /**
+     * Returns a stable identifier for a row. Defaults to the row index (which
+     * causes remounts on sort). Prefer a domain id (e.g. `r => r.id`) so the
+     * expanded React root survives sorts, filters, and unrelated re-renders.
+     */
+    getRowKey?: (row: TRow, index: number) => RowKey;
+    onRekeRowClick?: (e: CustomEvent<{
+        row: unknown;
+        index: number;
+    }>) => void;
+    onRekeSort?: (e: CustomEvent<{
+        key: string;
+        direction: 'asc' | 'desc';
+    }>) => void;
+    onRekeRowExpand?: (e: CustomEvent<{
+        row: unknown;
+        index: number;
+        key: RowKey;
+        expanded: boolean;
+    }>) => void;
+    children?: React.ReactNode;
+}
+export declare const Table: <TRow extends TableRow = TableRow>(props: TableProps<TRow> & {
+    ref?: React.Ref<RekeTable>;
+}) => React.ReactElement;
+export type { Cleanup, ExpandedRowElement, GetRowKey, RowKey, TableColumn, TableRow, } from '../components/reke-table/reke-table.js';
+export { RekeTable } from '../components/reke-table/reke-table.js';
+//# sourceMappingURL=table.d.ts.map

package/dist/react-bridge/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/react-bridge/table.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,KAAqC,MAAM,OAAO,CAAC;AAG1D,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,QAAQ,EACd,MAAM,wCAAwC,CAAC;AAehD,MAAM,WAAW,gBAAgB,CAAC,IAAI,SAAS,QAAQ,GAAG,QAAQ,CAChE,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACnC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,MAAM,KACV,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;CACvD;AAED,2DAA2D;AAC3D,MAAM,MAAM,wBAAwB,CAAC,IAAI,SAAS,QAAQ,GAAG,QAAQ,IAAI,CACvE,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,MAAM,KACR,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,QAAQ,GAAG,QAAQ;IAC1D,OAAO,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wFAAwF;IACxF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iGAAiG;IACjG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC3E,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAClF,eAAe,CAAC,EAAE,CAChB,CAAC,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,KAC5E,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAuMD,eAAO,MAAM,KAAK,EAAmC,CAAC,IAAI,SAAS,QAAQ,GAAG,QAAQ,EACpF,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;CAAE,KACrD,KAAK,CAAC,YAAY,CAAC;AAExB,YAAY,EACV,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,GACT,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/react-bridge/table.js

@@ -0,0 +1,115 @@
+import { RekeTable as e } from "../components/reke-table/reke-table.js";
+import { createComponent as t } from "@lit/react";
+import n, { useEffect as r, useMemo as i, useRef as a } from "react";
+import { flushSync as o } from "react-dom";
+import { createRoot as s } from "react-dom/client";
+//#region src/react-bridge/table.ts
+var c = t({
+	tagName: "reke-table",
+	elementClass: e,
+	react: n,
+	events: {
+		onRekeRowClick: "reke-row-click",
+		onRekeSort: "reke-sort",
+		onRekeRowExpand: "reke-row-expand"
+	}
+});
+function l(e) {
+	return e == null || typeof e == "string" || typeof e == "number" || e instanceof Node;
+}
+function u(e, t) {
+	try {
+		o(() => {
+			e.render(t);
+		});
+	} catch {
+		e.render(t);
+	}
+}
+function d(e) {
+	try {
+		e.unmount();
+	} catch {}
+}
+function f(e, t) {
+	let { columns: o, rows: f, expandedRowRender: p, getRowKey: m, children: h, ...g } = e, _ = a(/* @__PURE__ */ new Map()), v = a(/* @__PURE__ */ new Set()), y = a(/* @__PURE__ */ new Map()), b = a(p);
+	b.current = p, r(() => {
+		if (!p) return;
+		let e = y.current;
+		for (let [t, n] of e) {
+			let e;
+			for (let n = 0; n < f.length; n += 1) {
+				let r = f[n];
+				if (String(m ? m(r, n) : n) === t) {
+					e = r;
+					break;
+				}
+			}
+			if (!e) continue;
+			let r = p(e, t);
+			l(r) || u(n, r);
+		}
+	}), r(() => {
+		let e = _.current, t = y.current;
+		return () => {
+			for (let { root: t } of e.values()) d(t);
+			e.clear();
+			for (let e of t.values()) d(e);
+			t.clear();
+		};
+	}, []);
+	let x = (e, t) => String(m ? m(e, t) : t), S = (e) => {
+		let t = _.current.get(e);
+		if (!t) {
+			let n = document.createElement("div");
+			n.style.cssText = "display: contents;", t = {
+				root: s(n),
+				host: n
+			}, _.current.set(e, t);
+		}
+		return v.current.add(e), t;
+	};
+	v.current = /* @__PURE__ */ new Set();
+	let C = i(() => o.map((e) => e.render ? {
+		...e,
+		render: (t, n, r) => {
+			let i = e.render?.(t, n, r);
+			if (l(i)) return i ?? "";
+			let a = S(`${x(n, r)}::cell::${e.key}`);
+			return u(a.root, i), a.host;
+		}
+	} : e), [o, m]), w = i(() => {
+		if (p) return (e, t, n) => {
+			let r = b.current;
+			if (!r) return;
+			let i = String(n), a = y.current.get(i);
+			a || (a = s(e), y.current.set(i, a));
+			let o = r(t, n);
+			if (!l(o)) u(a, o);
+			else if (o instanceof Node) return e.appendChild(o), () => {
+				o.parentNode === e && e.removeChild(o);
+			};
+			else if (typeof o == "string" || typeof o == "number") return e.textContent = String(o), () => {
+				e.textContent = "";
+			};
+			return () => {
+				let e = y.current.get(i);
+				e && (d(e), y.current.delete(i));
+			};
+		};
+	}, [!!p]);
+	return r(() => {
+		let e = v.current, t = _.current;
+		for (let [n, r] of t) e.has(n) || (d(r.root), t.delete(n));
+	}), n.createElement(c, {
+		...g,
+		ref: t,
+		columns: C,
+		rows: f,
+		expandedRowElement: w,
+		getRowKey: m
+	}, h);
+}
+var p = n.forwardRef(f);
+//#endregion
+export { p as Table };

package/dist/react.d.ts

@@ -1,20 +1,19 @@
 import { type EventName } from '@lit/react';
-import { RekeButton } from './components/reke-button/reke-button.js';
-import { RekeInput } from './components/reke-input/reke-input.js';
-import { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
-import { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
-import { RekeToggle } from './components/reke-toggle/reke-toggle.js';
+import { RekeAlert } from './components/reke-alert/reke-alert.js';
 import { RekeBadge } from './components/reke-badge/reke-badge.js';
+import { RekeButton } from './components/reke-button/reke-button.js';
 import { RekeCard } from './components/reke-card/reke-card.js';
-import { RekeTooltip } from './components/reke-tooltip/reke-tooltip.js';
-import { RekeDialog } from './components/reke-dialog/reke-dialog.js';
-import { RekeSelect } from './components/reke-select/reke-select.js';
-import { RekeTable } from './components/reke-table/reke-table.js';
+import { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
+import { RekeChip } from './components/reke-chip/reke-chip.js';
 import { RekeDateRange } from './components/reke-date-range/reke-date-range.js';
+import { RekeDialog } from './components/reke-dialog/reke-dialog.js';
 import { RekeFileUpload } from './components/reke-file-upload/reke-file-upload.js';
-import { RekeAlert } from './components/reke-alert/reke-alert.js';
+import { RekeInput } from './components/reke-input/reke-input.js';
+import { RekeSelect } from './components/reke-select/reke-select.js';
+import { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
 import { RekeToast } from './components/reke-toast/reke-toast.js';
-import { RekeChip } from './components/reke-chip/reke-chip.js';
+import { RekeToggle } from './components/reke-toggle/reke-toggle.js';
+import { RekeTooltip } from './components/reke-tooltip/reke-tooltip.js';
 export declare const Button: import("@lit/react").ReactWebComponent<RekeButton, {
     onRekeClick: EventName<CustomEvent>;
 }>;
@@ -55,21 +54,8 @@ export declare const Select: import("@lit/react").ReactWebComponent<RekeSelect,
         value: string;
     }>>;
 }>;
-export declare const Table: import("@lit/react").ReactWebComponent<RekeTable, {
-    onRekeRowClick: EventName<CustomEvent<{
-        row: unknown;
-        index: number;
-    }>>;
-    onRekeSort: EventName<CustomEvent<{
-        key: string;
-        direction: "asc" | "desc";
-    }>>;
-    onRekeRowExpand: EventName<CustomEvent<{
-        row: unknown;
-        index: number;
-        expanded: boolean;
-    }>>;
-}>;
+export type { ReactExpandedRowRenderer, ReactTableColumn, TableColumn, TableProps, TableRow, } from './react-bridge/table.js';
+export { Table } from './react-bridge/table.js';
 export declare const DateRange: import("@lit/react").ReactWebComponent<RekeDateRange, {
     onRekeChange: EventName<CustomEvent<{
         from: string;

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}