@mechane-ai/elements 0.0.0-stage → 0.4.0

package/dist/code-block-BiMcfdlB.js

@@ -0,0 +1,175 @@
+import { g as e } from "./src-CbYaLvhD.js";
+import { colors as t } from "./tokens.js";
+import { t as n } from "./pierre-theme-BpESNIsV.js";
+import * as r from "@stylexjs/stylex";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+// packages/content/src/code/use-highlighted-code.ts
+var l = 2e5, u = 4096;
+function d(e, t) {
+	let r = a(null), [s, c] = o();
+	return i(() => () => {
+		r.current !== null && (r.current.tokenizer.dispose(), r.current = null);
+	}, []), i(() => {
+		let i = !0;
+		async function a() {
+			try {
+				let a = await import("@pierre/highlights");
+				if (!i || e.length > l || !a.isSupportedLanguage(t)) return;
+				let o = r.current, s = o !== null && o.language === t, d = s ? o : {
+					language: t,
+					source: e,
+					tokenizer: new a.LiveTokenizer({
+						code: e,
+						lang: t,
+						theme: n,
+						tokenizeMaxLineLength: u
+					})
+				};
+				if (s) {
+					if (e.startsWith(o.source)) {
+						let t = d.tokenizer.lineCount - 1, n = {
+							line: t,
+							character: d.tokenizer.getLineLength(t)
+						};
+						d.tokenizer.applyEdits([{
+							range: {
+								start: n,
+								end: n
+							},
+							newText: e.slice(o.source.length)
+						}]);
+					} else d.tokenizer.reset(e);
+				} else o !== null && o.tokenizer.dispose();
+				r.current = {
+					...d,
+					source: e
+				};
+				let f = d.tokenizer;
+				f.flush();
+				let p = Array.from({ length: f.lineCount }, (e, t) => f.getLineTokens(t).tokens);
+				c({
+					code: e,
+					language: t,
+					lines: p,
+					hasFailed: !1
+				});
+			} catch {
+				i && c({
+					code: e,
+					language: t,
+					lines: [],
+					hasFailed: !0
+				});
+			}
+		}
+		return a(), () => {
+			i = !1;
+		};
+	}, [e, t]), s !== void 0 && s.code === e && s.language === t ? s : void 0;
+}
+// packages/content/src/code/code-block.tsx
+var f = {
+	kVQacm: "xysyzu8",
+	$$css: !0
+}, p = {
+	viewport: (e) => [
+		f,
+		{
+			kskxy: e == null ? e : "x1jols5v",
+			$$css: !0
+		},
+		{ "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+	],
+	token: (e) => [{
+		kMwMTN: e == null ? e : "x14rh7hd",
+		$$css: !0
+	}, { "--x-color": e ?? void 0 }],
+	italic: {
+		kKX8nH: "x1k4tb9n",
+		$$css: !0
+	},
+	bold: {
+		k63SB2: "x1s688f",
+		$$css: !0
+	}
+}, m = 2e5;
+function h({ token: e }) {
+	let n = e.fontStyle ?? 0, [i, a] = [!!(n & 1), !!(n & 2)];
+	return /* @__PURE__ */ s("span", {
+		...r.props(p.token(e.color ?? t.ink), i && p.italic, a && p.bold),
+		children: e.content
+	});
+}
+function g({ code: t, language: n = "text", filename: i, streaming: a = !1, wrap: o = !1, lineNumbers: l = !0, selectedLines: u, annotations: f = [], maxHeight: g = 400, maxLines: _ = 2e3 }) {
+	let v = d(t, n), y = t.slice(0, m).split(/\r\n|\n|\r/u), b = y.slice(0, Math.max(1, _)).map((e, t) => ({
+		text: e,
+		line: t + 1
+	})), x = i ?? n;
+	return /* @__PURE__ */ c("section", {
+		"aria-label": i ?? "Code",
+		className: "xeuugli xmkeg23 x1y0btm7 x1ey3b81 xpvm0e4 xbixft xv06hpe",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y xso031l x1q0q8m5 x1qndepd",
+				children: [/* @__PURE__ */ c("span", { children: [x, a && " · streaming"] }), /* @__PURE__ */ s(e, {
+					label: i ?? "code",
+					value: t,
+					children: "Copy"
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				role: "region",
+				"aria-label": `${x} source`,
+				tabIndex: 0,
+				...r.props(p.viewport(g)),
+				children: /* @__PURE__ */ s("pre", {
+					...{
+						0: { className: "x1ghz6dp xn9t2bk xiard35 xy8obcc x1778rvt xeq4nuv xk8lq53" },
+						1: { className: "x1ghz6dp xn9t2bk xiard35 xy8obcc x1778rvt xeq4nuv xeuugli x126k92a xj0a0fe" }
+					}[!!o | 0],
+					children: /* @__PURE__ */ s("code", {
+						className: "xjb2p0i",
+						children: b.map(({ text: e, line: t }) => {
+							let n = v === void 0 ? void 0 : v.lines[t - 1], r = u !== void 0 && t >= u.start && t <= (u.end ?? u.start), i = f.find((e) => e.line === t);
+							return /* @__PURE__ */ c("span", { children: [/* @__PURE__ */ c("span", {
+								...{
+									0: { className: "x78zum5 x16exltd" },
+									1: { className: "x78zum5 x16exltd x1r8u7ye" }
+								}[!!r | 0],
+								children: [l && /* @__PURE__ */ s("span", {
+									"aria-hidden": !0,
+									className: "x1rg5ohu x2lah0s xl3ry0p x5g2kb4 xp4054r x12ldcl5 x87ps6o",
+									children: t
+								}), /* @__PURE__ */ c("span", {
+									className: "x1lliihq x12lumcd x1doqdfy xeuugli",
+									children: [n === void 0 ? e : n.map((e) => /* @__PURE__ */ s(h, { token: e }, e.offset)), e.length === 0 && "\n"]
+								})]
+							}), i !== void 0 && /* @__PURE__ */ s("span", {
+								className: "x1lliihq x1mvvolr x1r7kqkb x1hz01jw xtqrqnz xeaf4i8",
+								children: i.content
+							})] }, t);
+						})
+					})
+				})
+			}),
+			y.length > b.length && /* @__PURE__ */ s("div", {
+				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
+				children: "Additional lines omitted. Copy includes the complete source."
+			}),
+			t.length > m && /* @__PURE__ */ s("div", {
+				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
+				children: "Preview limited to the first 200,000 characters. Copy includes the complete source."
+			}),
+			t.length === 0 && /* @__PURE__ */ s("div", {
+				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
+				children: "No source text."
+			}),
+			v !== void 0 && v.hasFailed && /* @__PURE__ */ s("div", {
+				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
+				children: "Syntax highlighting unavailable. The source is shown unchanged."
+			})
+		]
+	});
+}
+export { g as t };

package/dist/collections.js

@@ -0,0 +1,466 @@
+import { c as e, v as t, y as n } from "./src-CbYaLvhD.js";
+import { n as r } from "./src-CvpS9XIR.js";
+import { r as i } from "./src-CfDf8TY8.js";
+import { mergeProps as a } from "@base-ui/react/merge-props";
+import * as o from "@stylexjs/stylex";
+import { Fragment as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ArrowDown as m, ArrowUp as h, ArrowUpDown as g, ChevronLeft as _, ChevronRight as v, Columns3 as y, X as b } from "lucide-react";
+import { createColumnHelper as x, tableFeatures as S, useTable as C } from "@tanstack/react-table";
+import { defaultRangeExtractor as w, useVirtualizer as T } from "@tanstack/react-virtual";
+// packages/collections/src/collection-controls.tsx
+function E({ label: e, children: t, actions: n }) {
+	return /* @__PURE__ */ p("div", {
+		role: "group",
+		"aria-label": e,
+		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi x1m92p3w xn9t2bk xso031l x1q0q8m5 x1qndepd",
+		children: [t, n !== void 0 && /* @__PURE__ */ f("div", {
+			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xvc5jky",
+			children: n
+		})]
+	});
+}
+function D({ filters: e, onRemove: t, label: r = "Applied filters" }) {
+	return /* @__PURE__ */ f("div", {
+		role: "group",
+		"aria-label": r,
+		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi",
+		children: e.map((e) => /* @__PURE__ */ p("span", {
+			className: "x3nfvp2 x6s0dn4 xunmzkg xyibt8p xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xeuugli x193iq5w xj0a0fe xpvm0e4 xbixft x1hz01jw xtqrqnz",
+			children: [e.label, /* @__PURE__ */ f(n, {
+				"aria-label": `Remove ${e.label}`,
+				variant: "ghost",
+				onClick: () => t(e.id),
+				children: /* @__PURE__ */ f(b, {
+					size: 14,
+					"aria-hidden": "true"
+				})
+			})]
+		}, e.id))
+	});
+}
+function O({ columns: e, onVisibilityChange: n, label: a = "Columns" }) {
+	return /* @__PURE__ */ p(i.Root, { children: [/* @__PURE__ */ p(i.Trigger, {
+		render: /* @__PURE__ */ f(t, {
+			variant: "outline",
+			size: "md"
+		}),
+		children: [/* @__PURE__ */ f(y, {
+			size: 16,
+			"aria-hidden": "true"
+		}), a]
+	}), /* @__PURE__ */ f(i.Portal, { children: /* @__PURE__ */ f(i.Positioner, {
+		align: "end",
+		children: /* @__PURE__ */ f(i.Popup, {
+			"aria-label": a,
+			children: /* @__PURE__ */ f("div", {
+				className: "xrvj5dj x1n8ia3y xfb3i0g",
+				children: e.map((e) => /* @__PURE__ */ p("label", {
+					className: "x78zum5 x6s0dn4 x1hnptsi xbixft xtqrqnz x1hz01jw",
+					children: [/* @__PURE__ */ f(r.Root, {
+						checked: e.visible,
+						onCheckedChange: (t) => n(e.id, t),
+						disabled: e.required,
+						children: /* @__PURE__ */ f(r.Indicator, {})
+					}), e.label]
+				}, e.id))
+			})
+		})
+	}) })] });
+}
+function k({ description: n, previous: r, next: i }) {
+	return /* @__PURE__ */ p("nav", {
+		"aria-label": "Pagination",
+		className: "x78zum5 x6s0dn4 x1qughib x1a02dak xaml1ju",
+		children: [/* @__PURE__ */ f(e, { children: n }), /* @__PURE__ */ p("div", {
+			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xvc5jky",
+			children: [/* @__PURE__ */ p(t, {
+				variant: "outline",
+				disabled: r.disabled,
+				onClick: r.onClick,
+				children: [/* @__PURE__ */ f(_, {
+					size: 16,
+					"aria-hidden": "true"
+				}), "Previous"]
+			}), /* @__PURE__ */ p(t, {
+				variant: "outline",
+				disabled: i.disabled,
+				onClick: i.onClick,
+				children: ["Next", /* @__PURE__ */ f(v, {
+					size: 16,
+					"aria-hidden": "true"
+				})]
+			})]
+		})]
+	});
+}
+// packages/collections/src/data-table.tsx
+var A = S({}), j = {
+	kmVPX3: "x1717udv",
+	kMzoRj: "xc342km",
+	$$css: !0
+}, M = {
+	viewport: {
+		k7Eaqz: "xeuugli",
+		kVQacm: "xysyzu8",
+		kZeWKH: "xish69e",
+		kPJHz1: "x13qnu6",
+		k7shQP: "x9v5kkp",
+		kZs9gx: "x19rmrnh",
+		kiEn40: "x1bqaal",
+		$$css: !0
+	},
+	virtual: (e) => [{
+		kskxy: e == null ? e : "x1jols5v",
+		$$css: !0
+	}, { "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }],
+	header: {
+		kVAEAm: "x7wzq59",
+		k87sOh: "x13vifvy",
+		kY2c9j: "x1vjfegm",
+		kZKoxP: "xc9qbxq",
+		k8WAf4: "xt970qd",
+		kg3NbH: "x1m92p3w",
+		kt9PQ7: "xso031l",
+		kfdmCh: "x1q0q8m5",
+		kL6WhQ: "x1qndepd",
+		kMwMTN: "x153jb6y",
+		kWkggS: "xpvm0e4",
+		k63SB2: "xo1l8bm",
+		kGuDYH: "xy8obcc",
+		khDVqt: "xuxw1ft",
+		$$css: !0
+	},
+	cell: {
+		k7Eaqz: "x1cxjkq6",
+		k8WAf4: "xn9t2bk",
+		kg3NbH: "x1m92p3w",
+		kXLuUW: "xxymvpz",
+		kHjlTd: "xj0a0fe",
+		$$css: !0
+	},
+	start: {
+		k9WMMc: "x1yc453h",
+		$$css: !0
+	},
+	end: {
+		k9WMMc: "xp4054r",
+		$$css: !0
+	},
+	width: (e) => [{
+		kzqmXN: e == null ? e : "x5lhr3w",
+		k7Eaqz: e == null ? e : "xkj4a21",
+		$$css: !0
+	}, {
+		"--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
+		"--x-minWidth": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e)
+	}],
+	spacer: (e) => [
+		j,
+		{
+			kZKoxP: e == null ? e : "x16ye13r",
+			$$css: !0
+		},
+		{ "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+	]
+}, N = {
+	start: M.start,
+	end: M.end
+};
+function P({ rows: e, columns: t, getRowId: n, caption: i, empty: a, sort: _, onSortChange: v, selectedIds: y, onSelectionChange: b, selectionLabel: S, window: E, footer: D }) {
+	let O = l(() => {
+		let e = x();
+		return e.columns(t.map((t) => e.display({
+			id: t.id,
+			header: t.label
+		})));
+	}, [t]), k = C({
+		features: A,
+		columns: O,
+		data: e,
+		getRowId: n
+	}), j = u(null), P = u(null), F = u(null), [I, L] = d(0), [R, z] = d(), B = e.findIndex((e) => n(e) === R);
+	c(() => {
+		let e = P.current, t = F.current;
+		if (E === void 0 || e === null || t === null) return;
+		let n = new ResizeObserver(() => L(e.offsetHeight + t.offsetHeight));
+		return n.observe(e), n.observe(t), () => n.disconnect();
+	}, [E]);
+	let V = T({
+		count: e.length,
+		enabled: E !== void 0,
+		getScrollElement: () => j.current,
+		getItemKey: (t) => {
+			let r = e[t];
+			if (r === void 0) throw RangeError("The virtual row is outside the supplied table page.");
+			return n(r);
+		},
+		estimateSize: () => E?.estimatedRowHeight ?? 44,
+		scrollMargin: I,
+		scrollPaddingStart: I,
+		overscan: 6,
+		rangeExtractor: (t) => {
+			let n = w(t);
+			return B === -1 ? n : [.../* @__PURE__ */ new Set([
+				...n,
+				B - 1,
+				B,
+				B + 1
+			])].filter((t) => t >= 0 && t < e.length).toSorted((e, t) => e - t);
+		}
+	}), H = E === void 0 ? k.getRowModel().rows.map((e, t) => ({
+		row: e,
+		index: t,
+		gap: 0
+	})) : V.getVirtualItems().flatMap((e, t, n) => {
+		let r = k.getRowModel().rows[e.index];
+		return r === void 0 ? [] : [{
+			row: r,
+			index: e.index,
+			gap: e.start - (n[t - 1]?.end ?? I)
+		}];
+	}), U = t.length + (y === void 0 ? 0 : 1), W = V.getTotalSize() - (V.getVirtualItems().at(-1)?.end ?? I) + I;
+	return /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
+		ref: j,
+		role: "region",
+		"aria-label": i,
+		tabIndex: 0,
+		...o.props(M.viewport, E !== void 0 && M.virtual(E.height)),
+		children: /* @__PURE__ */ p("table", {
+			"aria-rowcount": E === void 0 ? void 0 : e.length + 1,
+			className: "xh8yej3 x1mwwwfo x1hz01jw xtqrqnz x1778rvt xss6m8b xdpxx8g xbixft xpvm0e4",
+			children: [
+				/* @__PURE__ */ f("caption", {
+					ref: P,
+					className: "xdpxx8g x1c8xbx5 x153jb6y xy8obcc",
+					children: i
+				}),
+				/* @__PURE__ */ f("thead", {
+					ref: F,
+					children: /* @__PURE__ */ p("tr", { children: [y !== void 0 && /* @__PURE__ */ f("th", {
+						scope: "col",
+						className: "x7wzq59 x13vifvy x1vjfegm xc9qbxq xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xo1l8bm xy8obcc xuxw1ft x187nhsf xeuugli x1m92p3w",
+						children: "Select"
+					}), t.map((e) => {
+						let t = _?.columnId === e.id ? _.direction : void 0;
+						return /* @__PURE__ */ f("th", {
+							scope: "col",
+							"aria-sort": t,
+							...o.props(M.header, N[e.align ?? "start"], e.width !== void 0 && M.width(e.width)),
+							children: e.sortable === !0 && v !== void 0 ? /* @__PURE__ */ p("button", {
+								type: "button",
+								className: "x3nfvp2 x6s0dn4 x1hnptsi x1uey4wk xwu7q15 x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x1mkgjtd x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+								onClick: () => {
+									v(t === "ascending" ? {
+										columnId: e.id,
+										direction: "descending"
+									} : t === "descending" ? void 0 : {
+										columnId: e.id,
+										direction: "ascending"
+									});
+								},
+								children: [e.label, f(t === "ascending" ? h : t === "descending" ? m : g, {
+									size: 14,
+									"aria-hidden": "true"
+								})]
+							}) : e.label
+						}, e.id);
+					})] })
+				}),
+				/* @__PURE__ */ p("tbody", {
+					onBlur: (e) => {
+						e.currentTarget.contains(e.relatedTarget) || z(void 0);
+					},
+					children: [
+						H.map(({ row: e, index: n, gap: i }) => /* @__PURE__ */ p(s, { children: [i > 0 && /* @__PURE__ */ f("tr", {
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ f("td", {
+								colSpan: U,
+								...o.props(M.spacer(i))
+							})
+						}), /* @__PURE__ */ p("tr", {
+							"data-index": n,
+							"aria-rowindex": E === void 0 ? void 0 : n + 2,
+							ref: E === void 0 ? void 0 : V.measureElement,
+							onFocus: () => z(e.id),
+							...{
+								0: { className: "x14o62y9 x178xt8z x13fuv20 xhjagg4 xzro8vx" },
+								1: { className: "x14o62y9 x178xt8z x13fuv20 xhjagg4 xzro8vx x1r8u7ye" }
+							}[y?.has(e.id) === !0 | 0],
+							children: [y !== void 0 && /* @__PURE__ */ f("td", {
+								className: "xn9t2bk xxymvpz xj0a0fe x187nhsf xeuugli x1m92p3w",
+								children: /* @__PURE__ */ f(r.Root, {
+									"aria-label": S(e.original),
+									checked: y.has(e.id),
+									onCheckedChange: (t) => {
+										let n = new Set(y);
+										t ? n.add(e.id) : n.delete(e.id), b(n);
+									},
+									children: /* @__PURE__ */ f(r.Indicator, {})
+								})
+							}), t.map((t) => /* @__PURE__ */ f("td", {
+								...o.props(M.cell, N[t.align ?? "start"], t.width !== void 0 && M.width(t.width)),
+								children: t.cell(e.original)
+							}, t.id))]
+						})] }, e.id)),
+						E !== void 0 && W > 0 && /* @__PURE__ */ f("tr", {
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ f("td", {
+								colSpan: U,
+								...o.props(M.spacer(W))
+							})
+						}),
+						e.length === 0 && /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
+							colSpan: U,
+							className: "x1ttojsm x2b8uid x153jb6y",
+							children: a
+						}) })
+					]
+				})
+			]
+		})
+	}), D !== void 0 && /* @__PURE__ */ f("div", {
+		className: "x1c8xbx5 x178xt8z x13fuv20 xhjagg4",
+		children: D
+	})] });
+}
+// packages/collections/src/inspector.tsx
+function F({ master: e, detail: t, label: n, ...r }) {
+	return /* @__PURE__ */ p("div", {
+		...a({ className: "xrvj5dj x1mkdm3x xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xb3r6kr" }, r),
+		children: [/* @__PURE__ */ f("div", {
+			className: "xeuugli",
+			children: e
+		}), /* @__PURE__ */ f("aside", {
+			"aria-label": n,
+			className: "xeuugli x1jvlu93 xpvm0e4 x178xt8z x13fuv20 xhjagg4",
+			children: t
+		})]
+	});
+}
+function I({ items: e, ...t }) {
+	return /* @__PURE__ */ f("dl", {
+		...a({ className: "x1ghz6dp xrvj5dj x10i657a x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
+		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ p("div", {
+			className: "xjp7ctv",
+			children: [/* @__PURE__ */ f("dt", {
+				className: "x153jb6y",
+				children: e
+			}), /* @__PURE__ */ f("dd", {
+				className: "x1ghz6dp xbixft xj0a0fe xss6m8b",
+				children: t
+			})]
+		}, e))
+	});
+}
+// packages/collections/src/list-footer.tsx
+function L({ children: e, actions: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		...a({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
+		children: [/* @__PURE__ */ f("div", { children: e }), t != null && /* @__PURE__ */ f("div", {
+			className: "x78zum5 x6s0dn4 x1hnptsi",
+			children: t
+		})]
+	});
+}
+// packages/collections/src/metrics.tsx
+function R(e) {
+	return /* @__PURE__ */ f("dl", { ...a({ className: "x78zum5 x1a02dak xpb3s3w x1i3977y x1ghz6dp" }, e) });
+}
+function z({ label: e, value: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		...a({ className: "x3nfvp2 x1pha0wt xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
+		children: [/* @__PURE__ */ f("dt", {
+			className: "x153jb6y x9ek82g",
+			children: e
+		}), /* @__PURE__ */ f("dd", {
+			className: "x1ghz6dp xbixft xk50ysn xss6m8b",
+			children: t
+		})]
+	});
+}
+// packages/collections/src/table.tsx
+var B = {
+	kzqmXN: "x5lhr3w",
+	$$css: !0
+}, V = {
+	secondary: {
+		k1xSpc: "x1n9xxwz xazwdyr",
+		$$css: !0
+	},
+	compactWidth: {
+		kzqmXN: "x2ipgtl",
+		$$css: !0
+	},
+	column: (e) => [B, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
+	th: {
+		kVAEAm: "x1n2onr6",
+		kZKoxP: "xc9qbxq",
+		kB7OPa: "x9f619",
+		k8WAf4: "xt970qd",
+		kg3NbH: "x1m92p3w",
+		kWkggS: "xpvm0e4",
+		kMwMTN: "x153jb6y",
+		kGuDYH: "xy8obcc",
+		k63SB2: "xo1l8bm",
+		khDVqt: "xuxw1ft",
+		k5JduY: "x1s928wv",
+		kwXMNM: "x1j6awrg",
+		kLxBhq: "xnbfe2x",
+		k3foIR: "xxb5w0g",
+		k4zj60: "x1a5uphr",
+		kkgrvl: "xv6d0c5",
+		ks3ayO: "xtccgxd",
+		$$css: !0
+	},
+	lastHeader: {
+		kc3QkE: "x1h1zc6f",
+		$$css: !0
+	},
+	lastPrimaryHeader: {
+		kc3QkE: "x1f72eer",
+		$$css: !0
+	}
+};
+function H({ headers: e, children: t, label: n, ...r }) {
+	let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
+	return /* @__PURE__ */ f("div", {
+		role: "region",
+		"aria-label": n,
+		tabIndex: 0,
+		className: "xeuugli xh8yej3 xw2csxc x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+		children: /* @__PURE__ */ p("table", {
+			...a({ "aria-label": n }, {
+				0: { className: "xh8yej3 x1mwwwfo xpvm0e4 x1hz01jw xvmahel xtqrqnz x1778rvt xdpxx8g" },
+				1: { className: "xh8yej3 x1mwwwfo xpvm0e4 x1hz01jw xvmahel xtqrqnz x1778rvt xdpxx8g x140o2bo" }
+			}[!!e.some((e) => typeof e != "string") | 0], r),
+			children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ f("tr", { children: e.map((t, n) => /* @__PURE__ */ f("th", {
+				scope: "col",
+				...o.props(V.th, typeof t != "string" && V.column(t.width), typeof t != "string" && V.compactWidth, typeof t != "string" && t.secondary === !0 && V.secondary, n === e.length - 1 && V.lastHeader, n === i && V.lastPrimaryHeader),
+				children: typeof t == "string" ? t : t.label
+			}, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ f("tbody", { children: t })]
+		})
+	});
+}
+function U({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
+	return /* @__PURE__ */ p("td", {
+		...a({
+			0: { className: "x14o62y9 x9f619 x1t0vds8 x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
+			1: { className: "x14o62y9 x9f619 x1t0vds8 x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz xazwdyr" }
+		}[!!t | 0], r),
+		children: [e, n !== void 0 && /* @__PURE__ */ f("small", {
+			className: "x1s85apg xacuhyv x153jb6y xy8obcc xas2l8k xb3r6kr xlyipyv",
+			children: n
+		})]
+	});
+}
+// packages/collections/src/timestamp.tsx
+function W({ dateTime: e, label: t, title: n }) {
+	return /* @__PURE__ */ f("time", {
+		dateTime: e,
+		title: n,
+		className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b",
+		children: t
+	});
+}
+export { U as Cell, k as CollectionPagination, E as CollectionToolbar, O as ColumnControls, P as DataTable, I as Details, D as FilterChips, F as Inspector, L as ListFooter, z as Metric, R as MetricGrid, H as Table, W as Timestamp };

package/dist/content/code.js

@@ -0,0 +1 @@
+export { t as CodeBlock } from "../code-block-BiMcfdlB.js";