@wirecore/wirelayer-react 0.1.1 → 0.3.0

package/dist/virtual.js

@@ -1,7 +1,7 @@
 "use client";
-import { a as e, n as t } from "./RecipesProvider-kw02UblU.js";
-import { a as n, c as r, o as i, s as a } from "./Highlight-oUUddAvP.js";
-import { i as o, n as ee, o as s, r as c } from "./Tree-CL0I4Hns.js";
+import { a as e, n as t } from "./RecipesProvider-0idafuGm.js";
+import { a as n, c as r, o as i, s as a } from "./Highlight-DdTridk2.js";
+import { i as o, n as ee, o as s, r as c } from "./Tree-eqv4DIQn.js";
 import { flattenTree as l, select as u, tree as te, virtualList as d, virtualListBox as ne } from "@wirecore/wirelayer-recipes";
 import { Check as f, ChevronDown as p, LoaderCircle as m, X as h } from "lucide-react";
 import { useEffect as g, useId as _, useImperativeHandle as re, useMemo as v, useRef as y, useState as ie } from "react";
@@ -10,25 +10,25 @@ import { Portal as C } from "@ark-ui/react/portal";
 import { createListCollection as w } from "@ark-ui/react/collection";
 import { Select as T } from "@ark-ui/react/select";
 import { TreeView as E } from "@ark-ui/react/tree-view";
-import { defaultRangeExtractor as D, useVirtualizer as ae } from "@tanstack/react-virtual";
+import { defaultRangeExtractor as D, useVirtualizer as O } from "@tanstack/react-virtual";
 //#region src/virtual/VirtualSelect.tsx
-function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder: c, disabled: l, invalid: te, required: ne, name: re, itemValue: E, itemLabel: D, itemDisabled: O, valueKey: A, clearable: j, loading: M, loadingText: N, size: P, filter: F, manualFilter: I, onFilterChange: L, emptyText: R, hasMore: z, onLoadMore: B, dataSource: V, pageSize: H, minSearchLength: U, className: oe, style: W, onKeyDown: G, ...se }) {
+function k({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder: c, disabled: l, invalid: te, required: ne, name: re, itemValue: E, itemLabel: D, itemDisabled: k, valueKey: j, clearable: M, loading: N, loadingText: P, size: F, filter: I, manualFilter: L, onFilterChange: R, emptyText: z, hasMore: B, onLoadMore: V, dataSource: H, pageSize: U, minSearchLength: ae, className: oe, style: W, onKeyDown: G, ...se }) {
 	let ce = t("select", u), le = t("virtualList", d), K = ce({
-		size: P,
-		clearable: j
+		size: F,
+		clearable: M
 	}), q = le(), J = e(), ue = J.select, de = {
 		itemValue: E,
 		itemLabel: D,
-		itemDisabled: O,
-		itemGroup: k,
-		valueKey: A
+		itemDisabled: k,
+		itemGroup: A,
+		valueKey: j
 	}, [Y, fe] = ie(""), X = r({
 		items: a,
-		source: V,
+		source: H,
 		accessors: de,
-		pageSize: H,
-		minSearchLength: U
-	}), { options: pe, visible: Z, firstFor: me } = n(X.items, de, F && !I && !V ? Y : ""), he = v(() => [...pe, ...X.resolvedOptions], [pe, X.resolvedOptions]), { selected: ge, keys: _e, commit: ve, commitKeys: ye } = i({
+		pageSize: U,
+		minSearchLength: ae
+	}), { options: pe, visible: Z, firstFor: me } = n(X.items, de, I && !L && !H ? Y : ""), he = v(() => [...pe, ...X.resolvedOptions], [pe, X.resolvedOptions]), { selected: ge, keys: _e, commit: ve, commitKeys: ye } = i({
 		multiple: !1,
 		value: o,
 		defaultValue: ee,
@@ -38,20 +38,20 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 	}), be = _e.join("\0");
 	g(() => {
 		X.resolve(_e, he);
-	}, [be, V]);
-	let Q = !!M || X.loading, xe = !!z || X.hasMore, Se = ge[0], Ce = Se?.icon, we = v(() => w({
+	}, [be, H]);
+	let Q = !!N || X.loading, xe = !!B || X.hasMore, Se = ge[0], Ce = Se?.icon, we = v(() => w({
 		items: Z,
 		itemToString: (e) => e.label,
 		itemToValue: (e) => e.key,
 		isItemDisabled: (e) => e.disabled
-	}), [Z]), Te = _(), Ee = y(null), De = y(null), $ = ae({
+	}), [Z]), Te = _(), Ee = y(null), De = y(null), $ = O({
 		count: Z.length,
-		getScrollElement: () => F ? De.current : Ee.current,
+		getScrollElement: () => I ? De.current : Ee.current,
 		estimateSize: () => 36,
 		overscan: 8
-	}), Oe = $.getVirtualItems().at(-1)?.index ?? -1, ke = y(B);
+	}), Oe = $.getVirtualItems().at(-1)?.index ?? -1, ke = y(V);
 	g(() => {
-		ke.current = V ? X.loadMore : B;
+		ke.current = H ? X.loadMore : V;
 	}), g(() => {
 		xe && !Q && Z.length && Oe >= Z.length - 1 && ke.current?.();
 	}, [
@@ -61,7 +61,7 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 		xe
 	]);
 	function Ae(e) {
-		G?.(e), j && ge.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), ve([]));
+		G?.(e), M && ge.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), ve([]));
 	}
 	let je = /* @__PURE__ */ S(b, { children: [
 		/* @__PURE__ */ x("div", {
@@ -97,13 +97,13 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 			children: [/* @__PURE__ */ x(m, {
 				className: K.loadingIcon(),
 				"aria-hidden": "true"
-			}), N ?? J.common.loading]
+			}), P ?? J.common.loading]
 		}),
 		!Z.length && !Q && /* @__PURE__ */ x("div", {
 			role: "option",
 			"aria-disabled": "true",
 			className: K.empty(),
-			children: R ?? X.emptyText ?? (Y ? J.common.noResults : J.common.empty)
+			children: z ?? X.emptyText ?? (Y ? J.common.noResults : J.common.empty)
 		})
 	] });
 	return /* @__PURE__ */ S(T.Root, {
@@ -113,7 +113,7 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 		value: _e,
 		onValueChange: (e) => ye(e.value, e.items),
 		onOpenChange: (e) => {
-			e.open && X.open(), !e.open && Y && (fe(""), L?.(""), V && X.search(""));
+			e.open && X.open(), !e.open && Y && (fe(""), R?.(""), H && X.search(""));
 		},
 		disabled: l,
 		invalid: te,
@@ -123,11 +123,11 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 			sameWidth: !0,
 			gutter: 4
 		},
-		composite: !F,
+		composite: !I,
 		scrollToIndexFn: (e) => $.scrollToIndex(e.index, { align: "auto" }),
 		children: [
 			/* @__PURE__ */ S(T.Control, {
-				...j ? { className: K.control() } : {},
+				...M ? { className: K.control() } : {},
 				children: [/* @__PURE__ */ S(T.Trigger, {
 					...se,
 					className: K.trigger(),
@@ -152,7 +152,7 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 							"aria-hidden": "true"
 						})
 					})]
-				}), j && /* @__PURE__ */ x(T.Context, { children: (e) => Se && !e.disabled && /* @__PURE__ */ x("button", {
+				}), M && /* @__PURE__ */ x(T.Context, { children: (e) => Se && !e.disabled && /* @__PURE__ */ x("button", {
 					type: "button",
 					tabIndex: -1,
 					className: K.clear(),
@@ -170,8 +170,8 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 				ref: Ee,
 				className: K.content(),
 				"aria-busy": Q || void 0,
-				"aria-label": F ? se["aria-label"] : void 0,
-				children: F ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
+				"aria-label": I ? se["aria-label"] : void 0,
+				children: I ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
 					className: K.header(),
 					children: /* @__PURE__ */ x(T.Context, { children: (e) => /* @__PURE__ */ x("input", {
 						type: "text",
@@ -188,8 +188,8 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 						className: K.search(),
 						onChange: (t) => {
 							let n = t.target.value;
-							fe(n), L?.(n), V && X.search(n);
-							let r = I || V ? void 0 : me(n);
+							fe(n), R?.(n), H && X.search(n);
+							let r = L || H ? void 0 : me(n);
 							r && requestAnimationFrame(() => e.setHighlightValue(r.key));
 						},
 						onKeyDown: (e) => {
@@ -208,7 +208,7 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 				})] }) : je
 			}) }) }),
 			/* @__PURE__ */ x(T.HiddenSelect, {}),
-			V && /* @__PURE__ */ x("span", {
+			H && /* @__PURE__ */ x("span", {
 				role: "status",
 				className: K.status(),
 				children: X.announcement
@@ -216,22 +216,22 @@ function O({ items: a, value: o, defaultValue: ee, onValueChange: s, placeholder
 		]
 	});
 }
-var k = () => void 0;
+var A = () => void 0;
 //#endregion
 //#region src/virtual/VirtualList.tsx
-function A({ items: n = [], label: r, itemHeight: i = 40, estimateSize: o, height: ee = "20rem", itemGroup: s, hasMore: c = !1, loading: l = !1, loadingMore: u = !1, endThreshold: te = 5, onLoadMore: d, onEndReached: f, dataSource: p, query: h, pageSize: _, children: ie, className: C, style: w, ref: T }) {
-	let E = t("virtualListBox", ne)(), O = e(), k = y(null), { search: A, ...j } = h ?? {}, M = a({
+function j({ items: n = [], label: r, itemHeight: i = 40, estimateSize: o, height: ee = "20rem", itemGroup: s, hasMore: c = !1, loading: l = !1, loadingMore: u = !1, endThreshold: te = 5, onLoadMore: d, onEndReached: f, dataSource: p, query: h, pageSize: _, children: ie, className: C, style: w, ref: T }) {
+	let E = t("virtualListBox", ne)(), k = e(), A = y(null), { search: j, ...M } = h ?? {}, N = a({
 		source: p,
 		pageSize: _,
-		query: h ? j : void 0
-	}), N = y(null);
+		query: h ? M : void 0
+	}), P = y(null);
 	g(() => {
 		if (!p) return;
-		let e = N.current === null;
-		N.current = A ?? "", M.search(A ?? "", !e);
-	}, [p, A]);
-	let P = p ? M.state.items : n, F = p ? M.state.hasMore : c, I = p ? M.state.status === "loading" : l || u, L = v(() => {
-		if (!s) return P.map((e, t) => ({
+		let e = P.current === null;
+		P.current = j ?? "", N.search(j ?? "", !e);
+	}, [p, j]);
+	let F = p ? N.state.items : n, I = p ? N.state.hasMore : c, L = p ? N.state.status === "loading" : l || u, R = v(() => {
+		if (!s) return F.map((e, t) => ({
 			kind: "item",
 			item: e,
 			index: t
@@ -240,7 +240,7 @@ function A({ items: n = [], label: r, itemHeight: i = 40, estimateSize: o, heigh
 			let t = typeof s == "function" ? s(e) : e?.[s];
 			return t == null || t === "" ? void 0 : String(t);
 		}, t = [], n;
-		return P.forEach((r, i) => {
+		return F.forEach((r, i) => {
 			let a = e(r);
 			a !== void 0 && a !== n && t.push({
 				kind: "header",
@@ -251,40 +251,40 @@ function A({ items: n = [], label: r, itemHeight: i = 40, estimateSize: o, heigh
 				index: i
 			});
 		}), t;
-	}, [P, s]), R = v(() => L.flatMap((e, t) => e.kind === "header" ? [t] : []), [L]), z = (e) => [...R].reverse().find((t) => e >= t) ?? -1, B = ae({
-		count: L.length,
-		getScrollElement: () => k.current,
+	}, [F, s]), z = v(() => R.flatMap((e, t) => e.kind === "header" ? [t] : []), [R]), B = (e) => [...z].reverse().find((t) => e >= t) ?? -1, V = O({
+		count: R.length,
+		getScrollElement: () => A.current,
 		estimateSize: (e) => {
-			let t = L[e];
+			let t = R[e];
 			return t?.kind === "item" && o ? o(t.item, t.index) : i;
 		},
 		measureElement: (e) => e.getBoundingClientRect().height || i,
 		overscan: 6,
-		rangeExtractor: R.length ? (e) => {
-			let t = z(e.startIndex), n = new Set(D(e));
+		rangeExtractor: z.length ? (e) => {
+			let t = B(e.startIndex), n = new Set(D(e));
 			return t >= 0 && n.add(t), [...n].sort((e, t) => e - t);
 		} : D,
 		initialRect: {
 			width: 0,
 			height: 320
 		}
-	}), V = B.getVirtualItems(), H = R.length ? z(B.range?.startIndex ?? 0) : -1, U = y(-1), oe = V.at(-1)?.index;
+	}), H = V.getVirtualItems(), U = z.length ? B(V.range?.startIndex ?? 0) : -1, ae = y(-1), oe = H.at(-1)?.index;
 	g(() => {
-		oe !== void 0 && F && !I && U.current !== L.length && (oe < L.length - 1 - te || (U.current = L.length, p ? M.loadMore() : (d?.(), f?.())));
+		oe !== void 0 && I && !L && ae.current !== R.length && (oe < R.length - 1 - te || (ae.current = R.length, p ? N.loadMore() : (d?.(), f?.())));
 	});
 	let W = !!p || c || l || u;
 	re(T, () => ({
 		scrollToIndex(e, t = {}) {
-			let n = L.findIndex((t) => t.kind === "item" && t.index === e);
-			n >= 0 && B.scrollToIndex(n, { align: t.align ?? "auto" });
+			let n = R.findIndex((t) => t.kind === "item" && t.index === e);
+			n >= 0 && V.scrollToIndex(n, { align: t.align ?? "auto" });
 		},
-		refresh: () => M.refresh()
+		refresh: () => N.refresh()
 	}));
 	let G = /* @__PURE__ */ S("div", {
-		ref: k,
+		ref: A,
 		role: "list",
 		"aria-label": r,
-		"aria-busy": W && I || void 0,
+		"aria-busy": W && L || void 0,
 		tabIndex: 0,
 		className: E.base({ class: C }),
 		style: {
@@ -293,14 +293,14 @@ function A({ items: n = [], label: r, itemHeight: i = 40, estimateSize: o, heigh
 		},
 		children: [/* @__PURE__ */ x("div", {
 			className: E.spacer(),
-			style: { height: B.getTotalSize() },
-			children: V.map((e) => {
-				let t = L[e.index];
+			style: { height: V.getTotalSize() },
+			children: H.map((e) => {
+				let t = R[e.index];
 				if (!t) return null;
 				if (t.kind === "header") {
-					let n = e.index === H;
+					let n = e.index === U;
 					return /* @__PURE__ */ x("div", {
-						ref: B.measureElement,
+						ref: V.measureElement,
 						role: "presentation",
 						"data-index": e.index,
 						className: n ? E.groupHeader({ class: E.sticky() }) : E.item({ class: E.groupHeader() }),
@@ -309,39 +309,39 @@ function A({ items: n = [], label: r, itemHeight: i = 40, estimateSize: o, heigh
 					}, e.key);
 				}
 				return /* @__PURE__ */ x("div", {
-					ref: B.measureElement,
+					ref: V.measureElement,
 					role: "listitem",
 					"aria-posinset": t.index + 1,
-					"aria-setsize": P.length,
+					"aria-setsize": F.length,
 					"data-index": e.index,
 					className: E.item(),
 					style: { transform: `translateY(${e.start}px)` },
 					children: ie(t.item, t.index)
 				}, e.key);
 			})
-		}), W && I && P.length > 0 && /* @__PURE__ */ S("div", {
+		}), W && L && F.length > 0 && /* @__PURE__ */ S("div", {
 			className: E.loading(),
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ x(m, { className: E.loadingIcon() }), O.dataSource.loadingMore]
+			children: [/* @__PURE__ */ x(m, { className: E.loadingIcon() }), k.dataSource.loadingMore]
 		})]
 	});
 	return p ? /* @__PURE__ */ S(b, { children: [G, /* @__PURE__ */ x("p", {
 		role: "status",
 		className: E.status(),
-		children: M.announcement
+		children: N.announcement
 	})] }) : G;
 }
 //#endregion
 //#region src/virtual/VirtualTree.tsx
-function j(e, t = 6) {
+function M(e, t = 6) {
 	requestAnimationFrame(() => {
 		let n = e();
-		n ? n.ownerDocument.activeElement !== n && n.focus() : t > 0 && j(e, t - 1);
+		n ? n.ownerDocument.activeElement !== n && n.focus() : t > 0 && M(e, t - 1);
 	});
 }
-function M({ classes: n, items: r, label: i, "aria-label": a, selectionMode: u = "single", checkable: d = !1, checkStrictly: ne = !1, checkedValue: f, defaultCheckedValue: p, reorderable: h = !1, filter: g = !1, filterMode: _ = "filter", expandControls: ie = !1, renderNode: b, emptyText: C, empty: w, height: T = "20rem", itemHeight: D = 32, className: O, style: k, ref: A, ...M }) {
-	let N = t("tree", te, n)(), P = e(), F = P.tree, I = y(null), L = y(null), R = s({
-		...M,
+function N({ classes: n, items: r, label: i, "aria-label": a, selectionMode: u = "single", checkable: d = !1, checkStrictly: ne = !1, checkedValue: f, defaultCheckedValue: p, reorderable: h = !1, filter: g = !1, filterMode: _ = "filter", expandControls: ie = !1, renderNode: b, emptyText: C, empty: w, height: T = "20rem", itemHeight: D = 32, className: k, style: A, ref: j, ...N }) {
+	let P = t("tree", te, n)(), F = e(), I = F.tree, L = y(null), R = y(null), z = s({
+		...N,
 		items: r,
 		checkable: d,
 		checkStrictly: ne,
@@ -349,29 +349,29 @@ function M({ classes: n, items: r, label: i, "aria-label": a, selectionMode: u =
 		defaultCheckedValue: p,
 		reorderable: h,
 		filterMode: _
-	}, I), z = v(() => {
+	}, L), B = v(() => {
 		let e = [];
-		for (let t of l(R.view, R.expanded)) e.push({
+		for (let t of l(z.view, z.expanded)) e.push({
 			...t,
 			kind: "node"
-		}), t.expanded && R.loadingOf(t.node) && e.push({
+		}), t.expanded && z.loadingOf(t.node) && e.push({
 			kind: "loading",
 			parentId: t.node.id,
 			level: t.level
 		});
 		return e;
 	}, [
-		R.view,
-		R.expanded,
-		R.loadingOf
-	]), B = ae({
-		count: z.length,
-		getScrollElement: () => L.current,
+		z.view,
+		z.expanded,
+		z.loadingOf
+	]), V = O({
+		count: B.length,
+		getScrollElement: () => R.current,
 		estimateSize: () => D,
 		measureElement: (e) => e.getBoundingClientRect().height || D,
 		overscan: 8,
 		getItemKey: (e) => {
-			let t = z[e];
+			let t = B[e];
 			return t.kind === "node" ? t.node.id : `${t.parentId}\u0000loading`;
 		},
 		initialRect: {
@@ -379,44 +379,44 @@ function M({ classes: n, items: r, label: i, "aria-label": a, selectionMode: u =
 			height: 320
 		}
 	});
-	re(A, () => ({
-		expandAll: R.expandAll,
-		collapseAll: R.collapseAll,
-		invalidate: R.invalidate,
+	re(j, () => ({
+		expandAll: z.expandAll,
+		collapseAll: z.collapseAll,
+		invalidate: z.invalidate,
 		focusNode: (e) => {
-			let t = z.findIndex((t) => t.kind === "node" && t.node.id === e);
-			t >= 0 && B.scrollToIndex(t, { align: "auto" }), requestAnimationFrame(() => R.focusNode(e));
+			let t = B.findIndex((t) => t.kind === "node" && t.node.id === e);
+			t >= 0 && V.scrollToIndex(t, { align: "auto" }), requestAnimationFrame(() => z.focusNode(e));
 		}
 	}));
-	let V = C ?? (R.query.trim() ? F.noMatches : M.group === void 0 ? void 0 : P.common.empty), H = !R.view.length && (V !== void 0 || !!w || M.group !== void 0);
+	let H = C ?? (z.query.trim() ? I.noMatches : N.group === void 0 ? void 0 : F.common.empty), U = !z.view.length && (H !== void 0 || !!w || N.group !== void 0);
 	return /* @__PURE__ */ S(E.Root, {
-		ref: I,
-		className: N.base({ class: O }),
-		style: k,
-		collection: R.collection,
+		ref: L,
+		className: P.base({ class: k }),
+		style: A,
+		collection: z.collection,
 		selectionMode: u,
-		selectedValue: R.selected,
-		onSelectionChange: (e) => R.onSelectionChange(e.selectedValue),
-		expandedValue: R.expanded,
-		onExpandedChange: (e) => R.setExpanded(e.expandedValue),
-		...R.ownChecks ? {} : {
+		selectedValue: z.selected,
+		onSelectionChange: (e) => z.onSelectionChange(e.selectedValue),
+		expandedValue: z.expanded,
+		onExpandedChange: (e) => z.setExpanded(e.expandedValue),
+		...z.ownChecks ? {} : {
 			checkedValue: f,
 			defaultCheckedValue: p
 		},
-		onCheckedChange: (e) => R.ownChecks || R.onArkCheckedChange(e.checkedValue),
-		translations: { treeLabel: i ?? a ?? P.tree.treeLabel },
+		onCheckedChange: (e) => z.ownChecks || z.onArkCheckedChange(e.checkedValue),
+		translations: { treeLabel: i ?? a ?? F.tree.treeLabel },
 		scrollToIndexFn: ({ node: e, getElement: t }) => {
-			let n = z.findIndex((t) => t.kind === "node" && t.node.id === e.id);
-			n < 0 || (B.scrollToIndex(n, { align: "auto" }), j(t));
+			let n = B.findIndex((t) => t.kind === "node" && t.node.id === e.id);
+			n < 0 || (V.scrollToIndex(n, { align: "auto" }), M(t));
 		},
-		onKeyDownCapture: R.onKeyDown,
+		onKeyDownCapture: z.onKeyDown,
 		children: [
 			i && /* @__PURE__ */ x(E.Label, {
-				className: N.label(),
+				className: P.label(),
 				children: i
 			}),
 			/* @__PURE__ */ x(o, {
-				model: R,
+				model: z,
 				filter: g,
 				filterMode: _,
 				expandControls: ie,
@@ -424,25 +424,25 @@ function M({ classes: n, items: r, label: i, "aria-label": a, selectionMode: u =
 			}),
 			/* @__PURE__ */ x(c, {
 				value: {
-					model: R,
+					model: z,
 					checkable: d,
 					showLines: !1,
 					renderNode: b
 				},
 				children: /* @__PURE__ */ x(E.Tree, {
-					ref: L,
-					className: N.tree({ class: N.viewport() }),
+					ref: R,
+					className: P.tree({ class: P.viewport() }),
 					style: { height: T },
-					hidden: H || void 0,
+					hidden: U || void 0,
 					children: /* @__PURE__ */ x("div", {
-						className: N.spacer(),
-						style: { height: B.getTotalSize() },
-						children: B.getVirtualItems().map((e) => {
-							let t = z[e.index];
+						className: P.spacer(),
+						style: { height: V.getTotalSize() },
+						children: V.getVirtualItems().map((e) => {
+							let t = B[e.index];
 							return /* @__PURE__ */ x("div", {
-								ref: B.measureElement,
+								ref: V.measureElement,
 								"data-index": e.index,
-								className: N.row(),
+								className: P.row(),
 								style: { transform: `translateY(${e.start}px)` },
 								children: t.kind === "node" ? /* @__PURE__ */ x(ee, {
 									node: t.node,
@@ -451,29 +451,32 @@ function M({ classes: n, items: r, label: i, "aria-label": a, selectionMode: u =
 									posinset: t.posinset,
 									setsize: t.setsize
 								}) : /* @__PURE__ */ S("div", {
-									className: N.loadingRow(),
+									className: P.loadingRow(),
 									style: { "--depth": t.level },
 									"aria-hidden": "true",
-									children: [/* @__PURE__ */ x(m, { className: N.loadingIcon() }), F.loadingRow]
+									children: [/* @__PURE__ */ x(m, { className: P.loadingIcon() }), I.loadingRow]
 								})
 							}, e.key);
 						})
 					})
 				})
 			}),
-			H && /* @__PURE__ */ x("div", {
-				className: N.empty(),
-				onDragOver: R.onEmptyDragOver,
-				onDrop: R.onEmptyDrop,
-				children: w ?? V
+			U && /* @__PURE__ */ x("div", {
+				className: P.empty(),
+				onDragOver: z.onEmptyDragOver,
+				onDrop: z.onEmptyDrop,
+				children: w ?? H
 			}),
 			/* @__PURE__ */ x("p", {
 				role: "status",
-				className: N.status(),
-				children: R.status
+				className: P.status(),
+				children: z.status
 			})
 		]
 	});
 }
 //#endregion
-export { A as VirtualList, O as VirtualSelect, M as VirtualTree };
+//#region src/virtual/virtual-rows.ts
+var P = { useVirtualizer: O };
+//#endregion
+export { j as VirtualList, k as VirtualSelect, N as VirtualTree, P as virtualRows };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirecore/wirelayer-react",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "WireLayer components for React",
   "license": "MIT",
   "repository": {
@@ -53,11 +53,14 @@
       "types": "./dist/locales/*.d.ts",
       "default": "./dist/locales/*.js"
     },
-    "./styles.css": "./styles.css"
+    "./styles.css": "./styles.css",
+    "./styles-core.css": "./styles-core.css",
+    "./sources/*": "./dist/sources/*"
   },
   "files": [
     "dist",
-    "styles.css"
+    "styles.css",
+    "styles-core.css"
   ],
   "peerDependencies": {
     "@tanstack/react-form": "^1.33.5",
@@ -157,8 +160,8 @@
   "dependencies": {
     "@ark-ui/react": "^5.39.3",
     "@internationalized/date": "^3.12.4",
-    "@wirecore/wirelayer-recipes": "^0.1.1",
-    "@wirecore/wirelayer-tokens": "^0.1.1",
+    "@wirecore/wirelayer-recipes": "^0.3.0",
+    "@wirecore/wirelayer-tokens": "^0.2.0",
     "lucide-react": "^1.59.0"
   },
   "devDependencies": {
@@ -200,7 +203,7 @@
     "zod": "^4.6.7"
   },
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json",
+    "build": "vite build && tsc -p tsconfig.build.json && node ../../scripts/sources.ts components",
     "typecheck": "tsc --noEmit",
     "storybook": "storybook dev -p 6008 --host 0.0.0.0 --no-open",
     "build-storybook": "storybook build"

package/styles-core.css

@@ -0,0 +1,15 @@
+/*
+ * WireLayer theme and fonts without the classes of the components – for a smaller CSS file. Import the classes of
+ * the components and recipes you use after it (only these end up in the CSS):
+ *   @import 'tailwindcss';
+ *   @import '@wirecore/wirelayer-react/styles-core.css';
+ *   @import '@wirecore/wirelayer-react/sources/Button.css';
+ *   @import '@wirecore/wirelayer-recipes/sources/card.css';
+ */
+@import '@wirecore/wirelayer-tokens/theme.css';
+@import '@wirecore/wirelayer-tokens/fonts.css';
+
+/* Lets the components warn in development when the classes of a recipe they render were not imported */
+:root {
+    --wc-recipe-sources: 1;
+}

package/dist/RecipesProvider-kw02UblU.js

@@ -1,39 +0,0 @@
-"use client";
-import { defaultLocale as e, mergeRecipeOverrides as t, resolveLocalizedLocale as n, withRecipeOverrides as r } from "@wirecore/wirelayer-recipes";
-import { createContext as i, useContext as a, useMemo as o } from "react";
-import { LocaleProvider as s } from "@ark-ui/react/locale";
-import { jsx as c } from "react/jsx-runtime";
-//#region src/components/LocaleProvider/LocaleProvider.tsx
-var l = i(n());
-function u({ locale: t = e, translations: r, children: i }) {
-	let a = o(() => n(t, r), [t, r]);
-	return /* @__PURE__ */ c(l.Provider, {
-		value: a,
-		children: /* @__PURE__ */ c(s, {
-			locale: t,
-			children: i
-		})
-	});
-}
-function d() {
-	return a(l);
-}
-function f() {
-	return a(l).translations;
-}
-//#endregion
-//#region src/components/RecipesProvider/RecipesProvider.tsx
-var p = i({});
-function m({ recipes: e, children: n }) {
-	let r = a(p), i = o(() => t(r, e), [r, e]);
-	return /* @__PURE__ */ c(p, {
-		value: i,
-		children: n
-	});
-}
-function h(e, t, n) {
-	let i = a(p);
-	return r(t, [i[e], n ? { classes: n } : void 0]);
-}
-//#endregion
-export { f as a, d as i, h as n, u as r, m as t };