@box-kite/react 2.2.7 → 2.2.8

package/dataGridList.mjs

@@ -1,64 +1,65 @@
 import e from "./box.mjs";
-import { Path as t, Svg as n } from "./components/svg.mjs";
-import r from "./components/button.mjs";
-import i from "./components/visuallyHidden.mjs";
-import a from "./components/flex.mjs";
-import o from "./components/checkbox.mjs";
-import s from "./components/textbox.mjs";
-import { H3 as c, Span as l } from "./components/semantics.mjs";
-import { a as u, c as d, d as f, f as p, i as m, l as h, m as g, n as _, o as v, p as y, r as b, s as x, t as S, u as C } from "./components/dataGrid.mjs";
-import w from "./components/dialog.mjs";
-import T from "./components/list.mjs";
-import E from "./components/radioButton.mjs";
-import ee from "./components/skeleton.mjs";
-import { t as D } from "./dataGridListLayout.mjs";
-import { memo as O, useCallback as k, useEffect as A, useRef as j, useState as M } from "react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { n as t, t as n } from "./reporting.mjs";
+import { Path as r, Svg as i } from "./components/svg.mjs";
+import a from "./components/button.mjs";
+import o from "./components/visuallyHidden.mjs";
+import s from "./components/flex.mjs";
+import c from "./components/checkbox.mjs";
+import l from "./components/textbox.mjs";
+import { H3 as u, Span as d } from "./components/semantics.mjs";
+import { a as f, c as p, d as m, f as h, i as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T } from "./components/dataGrid.mjs";
+import E from "./components/dialog.mjs";
+import D from "./components/list.mjs";
+import O from "./components/radioButton.mjs";
+import k from "./components/skeleton.mjs";
+import { t as A } from "./dataGridListLayout.mjs";
+import { memo as j, useCallback as M, useEffect as N, useRef as P, useState as F } from "react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/components/dataGrid/components/dataGridListAggregate.tsx
-function I(e) {
+function z(e) {
 	let { cell: t } = e, { AggregateCell: n } = t.column;
-	return n ? /* @__PURE__ */ P(n, { cell: t }) : /* @__PURE__ */ P(N, { children: t.value ?? "—" });
+	return n ? /* @__PURE__ */ L(n, { cell: t }) : /* @__PURE__ */ L(I, { children: t.value ?? "—" });
 }
-I.displayName = "DataGridListAggregate";
+z.displayName = "DataGridListAggregate";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListFooter.tsx
-function L(t) {
-	let { grid: n, shown: i } = t, { list: o, pagination: s, aggregation: c } = n, l = n.componentName, u = n.localeText, d = s.state, f = c.hasFooter ? c.footerCells.value.filter((e) => e.column.aggregate) : [];
-	return /* @__PURE__ */ F(N, { children: [f.length > 0 && /* @__PURE__ */ F(e, {
+function B(t) {
+	let { grid: n, shown: r } = t, { list: i, pagination: o, aggregation: c } = n, l = n.componentName, u = n.localeText, d = o.state, f = c.hasFooter ? c.footerCells.value.filter((e) => e.column.aggregate) : [];
+	return /* @__PURE__ */ R(I, { children: [f.length > 0 && /* @__PURE__ */ R(e, {
 		bgColor: "currentColor/3",
 		px: 4,
 		py: 3,
-		children: [/* @__PURE__ */ P(e, {
+		children: [/* @__PURE__ */ L(e, {
 			fontWeight: 600,
 			fontSize: 14,
 			mb: 1,
 			children: c.footerLabel
-		}), /* @__PURE__ */ P(e, {
+		}), /* @__PURE__ */ L(e, {
 			tag: "dl",
 			display: "grid",
 			gridTemplateColumns: 2,
 			columnGap: 4,
 			rowGap: 2,
 			m: 0,
-			children: f.map((t) => /* @__PURE__ */ F(e, {
+			children: f.map((t) => /* @__PURE__ */ R(e, {
 				minWidth: 0,
-				children: [/* @__PURE__ */ P(e, {
+				children: [/* @__PURE__ */ L(e, {
 					tag: "dt",
 					component: "list.muted",
 					fontSize: 12,
 					lineHeight: 16,
 					children: t.column.header ?? String(t.column.key)
-				}), /* @__PURE__ */ P(e, {
+				}), /* @__PURE__ */ L(e, {
 					tag: "dd",
 					m: 0,
 					fontSize: 14,
 					lineHeight: 20,
 					fontWeight: 600,
-					children: /* @__PURE__ */ P(I, { cell: t })
+					children: /* @__PURE__ */ L(z, { cell: t })
 				})]
 			}, t.column.key))
 		})]
-	}), d ? /* @__PURE__ */ P(a, {
+	}), d ? /* @__PURE__ */ L(s, {
 		component: "list.muted",
 		d: "column",
 		gap: 2,
@@ -67,40 +68,40 @@ function L(t) {
 		py: 4,
 		fontSize: 13,
 		css: { fontVariantNumeric: "tabular-nums" },
-		children: /* @__PURE__ */ F(a, {
+		children: /* @__PURE__ */ R(s, {
 			ai: "center",
 			jc: "space-between",
 			gap: 3,
 			width: "fit",
 			children: [
-				/* @__PURE__ */ P(r, {
+				/* @__PURE__ */ L(a, {
 					type: "button",
 					component: `${l}.list.button`,
-					...D.ICON_BUTTON,
+					...A.ICON_BUTTON,
 					borderRadius: 3,
-					disabled: !s.canGoPrev,
-					onClick: s.prevPage,
+					disabled: !o.canGoPrev,
+					onClick: o.prevPage,
 					props: { "aria-label": u.previousPage },
-					children: /* @__PURE__ */ P(p, {
+					children: /* @__PURE__ */ L(h, {
 						width: "18px",
 						height: "18px",
 						rotate: 90,
 						rtl: { rotate: -90 }
 					})
 				}),
-				/* @__PURE__ */ P(e, {
+				/* @__PURE__ */ L(e, {
 					textAlign: "center",
-					children: u.pageRowRange(s.startItem, s.endItem, s.totalItems)
+					children: u.pageRowRange(o.startItem, o.endItem, o.totalItems)
 				}),
-				/* @__PURE__ */ P(r, {
+				/* @__PURE__ */ L(a, {
 					type: "button",
 					component: `${l}.list.button`,
-					...D.ICON_BUTTON,
+					...A.ICON_BUTTON,
 					borderRadius: 3,
-					disabled: !s.canGoNext,
-					onClick: s.nextPage,
+					disabled: !o.canGoNext,
+					onClick: o.nextPage,
 					props: { "aria-label": u.nextPage },
-					children: /* @__PURE__ */ P(p, {
+					children: /* @__PURE__ */ L(h, {
 						width: "18px",
 						height: "18px",
 						rotate: -90,
@@ -109,7 +110,7 @@ function L(t) {
 				})
 			]
 		})
-	}) : (o.hasMore || i !== void 0) && /* @__PURE__ */ F(a, {
+	}) : (i.hasMore || r !== void 0) && /* @__PURE__ */ R(s, {
 		component: "list.muted",
 		d: "column",
 		gap: 2,
@@ -118,7 +119,7 @@ function L(t) {
 		py: 4,
 		fontSize: 13,
 		css: { fontVariantNumeric: "tabular-nums" },
-		children: [o.hasMore && /* @__PURE__ */ P(r, {
+		children: [i.hasMore && /* @__PURE__ */ L(a, {
 			type: "button",
 			component: `${l}.list.button`,
 			width: "fit",
@@ -129,61 +130,61 @@ function L(t) {
 			color: "accent-600",
 			cursor: "pointer",
 			theme: { dark: { color: "accent-300" } },
-			onClick: o.showMore,
-			children: u.showMore(o.nextBatch)
-		}), i !== void 0 && /* @__PURE__ */ P(e, { children: u.shownCount(i, n.source.enabled ? n.totalRowCount : n.filterStats.filtered) })]
+			onClick: i.showMore,
+			children: u.showMore(i.nextBatch)
+		}), r !== void 0 && /* @__PURE__ */ L(e, { children: u.shownCount(r, n.source.enabled ? n.totalRowCount : n.filterStats.filtered) })]
 	})] });
 }
-L.displayName = "DataGridListFooter";
+B.displayName = "DataGridListFooter";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListGroup.tsx
-function R(e) {
+function V(e) {
 	let { row: t } = e, { grid: n } = t, r = t.cells.flatMap((e) => e.aggregate ? [e.aggregate] : []), i = t.placeholder ? "" : String(t.groupValue);
-	return /* @__PURE__ */ F(T.Item, {
+	return /* @__PURE__ */ R(D.Item, {
 		size: "sm",
 		bgColor: "currentColor/3",
 		ps: 4 + Math.min(t.depth, 3) * 4,
 		props: { "aria-busy": t.placeholder || void 0 },
 		children: [
-			n.list.selecting && t.selectable && /* @__PURE__ */ P(T.Actions, { children: /* @__PURE__ */ P(o, {
+			n.list.selecting && t.selectable && /* @__PURE__ */ L(D.Actions, { children: /* @__PURE__ */ L(c, {
 				variant: "datagrid",
 				checked: t.selected,
 				indeterminate: t.indeterminate,
 				onChange: t.toggleSelectAll,
 				props: { "aria-label": n.localeText.selectGroupRows(i) }
 			}) }),
-			/* @__PURE__ */ P(p, {
+			/* @__PURE__ */ L(h, {
 				width: "16px",
 				height: "16px",
 				flexShrink: 0,
 				rotate: t.expanded ? 0 : -90,
 				rtl: { rotate: t.expanded ? 0 : 90 }
 			}),
-			/* @__PURE__ */ F(T.Content, { children: [/* @__PURE__ */ P(T.Title, {
+			/* @__PURE__ */ R(D.Content, { children: [/* @__PURE__ */ L(D.Title, {
 				lines: 1,
 				fontSize: 14,
 				fontWeight: 600,
-				children: /* @__PURE__ */ P(T.Action, {
+				children: /* @__PURE__ */ L(D.Action, {
 					onClick: () => t.toggleRow(),
 					props: { "aria-expanded": t.expanded },
 					children: i
 				})
-			}), r.length > 0 && /* @__PURE__ */ P(T.Row, {
+			}), r.length > 0 && /* @__PURE__ */ L(D.Row, {
 				secondary: !0,
 				wrap: !0,
 				columnGap: 4,
 				fontSize: 13,
 				css: { fontVariantNumeric: "tabular-nums" },
-				children: r.map((e) => /* @__PURE__ */ F(l, {
+				children: r.map((e) => /* @__PURE__ */ R(d, {
 					display: "inline-flex",
 					gap: 1,
-					children: [/* @__PURE__ */ P(l, { children: e.column.header ?? String(e.column.key) }), /* @__PURE__ */ P(l, {
+					children: [/* @__PURE__ */ L(d, { children: e.column.header ?? String(e.column.key) }), /* @__PURE__ */ L(d, {
 						fontWeight: 600,
-						children: /* @__PURE__ */ P(I, { cell: e })
+						children: /* @__PURE__ */ L(z, { cell: e })
 					})]
 				}, e.column.key))
 			})] }),
-			/* @__PURE__ */ P(T.Meta, {
+			/* @__PURE__ */ L(D.Meta, {
 				px: 2,
 				borderRadius: 999,
 				fontSize: 12,
@@ -196,156 +197,156 @@ function R(e) {
 		]
 	});
 }
-R.displayName = "DataGridListGroup";
-var te = O(R);
+V.displayName = "DataGridListGroup";
+var H = j(V);
 //#endregion
 //#region src/components/dataGrid/components/dataGridListValue.tsx
-function z(e) {
-	let { row: t, column: n } = e, r = t.cells.find((e) => e.column === n);
-	if (!r) return null;
-	if (n.Cell) return /* @__PURE__ */ P(n.Cell, { cell: r });
-	let { value: i } = r;
-	if (typeof i == "boolean") return /* @__PURE__ */ P(N, { children: i ? r.grid.localeText.booleanTrue : r.grid.localeText.booleanFalse });
-	let a = C(n, i);
-	return a && i != null && i !== "" ? /* @__PURE__ */ P(h, {
-		value: i,
-		format: a
-	}) : /* @__PURE__ */ P(N, { children: i == null || i === "" ? "—" : String(i) });
+function U(e) {
+	let { row: n, column: r } = e, i = n.cells.find((e) => e.column === r);
+	if (!i) return null;
+	if (r.Cell) return /* @__PURE__ */ L(t, { children: /* @__PURE__ */ L(r.Cell, { cell: i }) });
+	let { value: a } = i;
+	if (typeof a == "boolean") return /* @__PURE__ */ L(I, { children: a ? i.grid.localeText.booleanTrue : i.grid.localeText.booleanFalse });
+	let o = T(r, a);
+	return o && a != null && a !== "" ? /* @__PURE__ */ L(_, {
+		value: a,
+		format: o
+	}) : /* @__PURE__ */ L(I, { children: a == null || a === "" ? "—" : String(a) });
 }
-z.displayName = "DataGridListValue";
+U.displayName = "DataGridListValue";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListItem.tsx
-function B(t) {
-	let { row: n, index: i, position: a, setSize: s } = t, { grid: c } = n, { list: u } = c, { title: d, kicker: f, subtitle: m, end: h, fields: g } = u.layout.value, { selecting: _ } = u, v = u.recordViewEnabled && !n.placeholder, b = y(n) ? n : void 0, x = c.props.def.rowDetail, S = c.localeText, C = {
-		"aria-posinset": a,
-		"aria-setsize": s
+function W(t) {
+	let { row: n, index: r, position: i, setSize: o } = t, { grid: s } = n, { list: l } = s, { title: u, kicker: f, subtitle: p, end: m, fields: g } = l.layout.value, { selecting: _ } = l, v = l.recordViewEnabled && !n.placeholder, y = x(n) ? n : void 0, b = s.props.def.rowDetail, S = s.localeText, C = {
+		"aria-posinset": i,
+		"aria-setsize": o
 	};
-	if (n.placeholder) return /* @__PURE__ */ P(T.Item, {
+	if (n.placeholder) return /* @__PURE__ */ L(D.Item, {
 		props: {
 			...C,
 			"aria-busy": !0
 		},
-		children: /* @__PURE__ */ P(ee, {
+		children: /* @__PURE__ */ L(k, {
 			lines: 2,
 			flex1: !0
 		})
 	});
-	let w = d ? /* @__PURE__ */ P(z, {
+	let w = u ? /* @__PURE__ */ L(U, {
 		row: n,
-		column: d
-	}) : S.unnamedRow(n.rowIndex + 1), E = d ? String(n.cells.find((e) => e.column === d)?.value ?? "") : "", O = u.checkboxId(n.key);
-	return /* @__PURE__ */ F(T.Item, {
+		column: u
+	}) : S.unnamedRow(n.rowIndex + 1), T = u ? String(n.cells.find((e) => e.column === u)?.value ?? "") : "", E = l.checkboxId(n.key);
+	return /* @__PURE__ */ R(D.Item, {
 		ai: "start",
-		selected: !!c.props.def.rowSelection && n.selected,
+		selected: !!s.props.def.rowSelection && n.selected,
 		chevron: v && !_,
-		ps: b ? 4 + Math.min(b.level, 3) * 4 : void 0,
+		ps: y ? 4 + Math.min(y.level, 3) * 4 : void 0,
 		props: {
 			...C,
 			"data-list-key": String(n.key)
 		},
-		children: [_ && /* @__PURE__ */ P(T.Actions, {
+		children: [_ && /* @__PURE__ */ L(D.Actions, {
 			width: 6,
 			jc: "center",
 			alignSelf: "center",
-			children: /* @__PURE__ */ P(o, {
-				id: O,
+			children: /* @__PURE__ */ L(c, {
+				id: E,
 				variant: "datagrid",
 				checked: n.selected,
 				indeterminate: n.indeterminate,
 				onChange: n.toggleSelection
 			})
-		}), /* @__PURE__ */ F(T.Content, { children: [
-			f && /* @__PURE__ */ P(T.Overline, {
+		}), /* @__PURE__ */ R(D.Content, { children: [
+			f && /* @__PURE__ */ L(D.Overline, {
 				lines: 1,
-				children: /* @__PURE__ */ P(z, {
+				children: /* @__PURE__ */ L(U, {
 					row: n,
 					column: f
 				})
 			}),
-			/* @__PURE__ */ F(T.Row, {
+			/* @__PURE__ */ R(D.Row, {
 				ai: "start",
 				gap: 3,
-				children: [/* @__PURE__ */ F(T.Row, {
+				children: [/* @__PURE__ */ R(D.Row, {
 					jc: "start",
 					ai: "center",
 					gap: 1,
 					flex1: !0,
-					children: [b?.hasChildren && /* @__PURE__ */ P(T.Actions, {
+					children: [y?.hasChildren && /* @__PURE__ */ L(D.Actions, {
 						ms: -2,
-						children: /* @__PURE__ */ P(r, {
+						children: /* @__PURE__ */ L(a, {
 							type: "button",
-							component: `${c.componentName}.list.toggle`,
-							...D.ICON_BUTTON,
+							component: `${s.componentName}.list.toggle`,
+							...A.ICON_BUTTON,
 							width: 8,
 							height: 8,
-							onClick: b.toggleTree,
+							onClick: y.toggleTree,
 							props: {
-								"aria-expanded": b.treeExpanded,
-								"aria-label": (b.treeExpanded ? S.collapseTreeRow : S.expandTreeRow)(E || S.unnamedRow(n.rowIndex + 1))
+								"aria-expanded": y.treeExpanded,
+								"aria-label": (y.treeExpanded ? S.collapseTreeRow : S.expandTreeRow)(T || S.unnamedRow(n.rowIndex + 1))
 							},
-							children: /* @__PURE__ */ P(p, {
+							children: /* @__PURE__ */ L(h, {
 								width: "16px",
 								height: "16px",
-								rotate: b.treeExpanded ? 0 : -90,
-								rtl: { rotate: b.treeExpanded ? 0 : 90 }
+								rotate: y.treeExpanded ? 0 : -90,
+								rtl: { rotate: y.treeExpanded ? 0 : 90 }
 							})
 						})
-					}), /* @__PURE__ */ P(T.Title, {
+					}), /* @__PURE__ */ L(D.Title, {
 						lines: 1,
 						flex1: !0,
 						fontWeight: 600,
-						children: _ ? /* @__PURE__ */ P(T.Action, {
-							props: { htmlFor: O },
+						children: _ ? /* @__PURE__ */ L(D.Action, {
+							props: { htmlFor: E },
 							children: w
-						}) : v ? /* @__PURE__ */ P(T.Action, {
+						}) : v ? /* @__PURE__ */ L(D.Action, {
 							props: { "aria-haspopup": "dialog" },
-							onClick: () => u.openRecord(n, i),
+							onClick: () => l.openRecord(n, r),
 							children: w
 						}) : w
 					})]
-				}), h && /* @__PURE__ */ F(T.End, {
+				}), m && /* @__PURE__ */ R(D.End, {
 					fontSize: 16,
 					fontWeight: 600,
 					lineHeight: 22,
-					...D.TRUNCATE,
-					children: [/* @__PURE__ */ P(z, {
+					...A.TRUNCATE,
+					children: [/* @__PURE__ */ L(U, {
 						row: n,
-						column: h
-					}), /* @__PURE__ */ P(T.Meta, {
+						column: m
+					}), /* @__PURE__ */ L(D.Meta, {
 						fontWeight: 400,
-						...D.LABEL,
-						children: h.header ?? String(h.key)
+						...A.LABEL,
+						children: m.header ?? String(m.key)
 					})]
 				})]
 			}),
-			m.length > 0 && /* @__PURE__ */ P(T.Description, {
+			p.length > 0 && /* @__PURE__ */ L(D.Description, {
 				lines: 1,
-				children: m.map((e, t) => /* @__PURE__ */ F(l, { children: [t > 0 && " · ", /* @__PURE__ */ P(z, {
+				children: p.map((e, t) => /* @__PURE__ */ R(d, { children: [t > 0 && " · ", /* @__PURE__ */ L(U, {
 					row: n,
 					column: e
 				})] }, e.key))
 			}),
-			g.length > 0 && /* @__PURE__ */ P(T.Fields, {
+			g.length > 0 && /* @__PURE__ */ L(D.Fields, {
 				mt: 2,
 				css: { gridTemplateColumns: "repeat(2, minmax(0, 1fr))" },
-				children: g.map((t) => /* @__PURE__ */ P(T.Field, {
+				children: g.map((t) => /* @__PURE__ */ L(D.Field, {
 					label: t.header ?? String(t.key),
-					children: /* @__PURE__ */ P(e, {
-						...D.TRUNCATE,
-						children: /* @__PURE__ */ P(z, {
+					children: /* @__PURE__ */ L(e, {
+						...A.TRUNCATE,
+						children: /* @__PURE__ */ L(U, {
 							row: n,
 							column: t
 						})
 					})
 				}, t.key))
 			}),
-			x && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(T.Actions, {
+			b && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(D.Actions, {
 				alignSelf: "start",
 				mt: 1,
 				ms: -2,
-				children: /* @__PURE__ */ F(r, {
+				children: /* @__PURE__ */ R(a, {
 					type: "button",
-					component: `${c.componentName}.list.toggle`,
+					component: `${s.componentName}.list.toggle`,
 					display: "inline-flex",
 					ai: "center",
 					gap: 1,
@@ -357,40 +358,40 @@ function B(t) {
 					cursor: "pointer",
 					onClick: n.toggleDetail,
 					props: { "aria-expanded": n.expanded },
-					children: [/* @__PURE__ */ P(p, {
+					children: [/* @__PURE__ */ L(h, {
 						width: "14px",
 						height: "14px",
 						rotate: n.expanded ? 0 : -90,
 						rtl: { rotate: n.expanded ? 0 : 90 }
 					}), S.details]
 				})
-			}), n.expanded && /* @__PURE__ */ P(T.Actions, {
+			}), n.expanded && /* @__PURE__ */ L(D.Actions, {
 				display: "block",
 				mt: 2,
-				children: /* @__PURE__ */ P(e, {
-					component: `${c.componentName}.list.detail`,
+				children: /* @__PURE__ */ L(e, {
+					component: `${s.componentName}.list.detail`,
 					p: 3,
 					borderRadius: 2,
 					fontSize: 14,
-					children: x.content(n.data)
+					children: b.content(n.data)
 				})
 			})] })
 		] })]
 	});
 }
-B.displayName = "DataGridListItem";
-var ne = O(B);
+W.displayName = "DataGridListItem";
+var ee = j(W);
 //#endregion
 //#region src/icons/closeIcon.tsx
-function V(e) {
-	return /* @__PURE__ */ P(n, {
+function G(e) {
+	return /* @__PURE__ */ L(i, {
 		viewBox: "0 0 24 24",
 		width: "1.25rem",
 		fill: "none",
 		stroke: "currentColor",
 		strokeWidth: 2,
 		...e,
-		children: /* @__PURE__ */ P(t, {
+		children: /* @__PURE__ */ L(r, {
 			d: "M6 6l12 12M18 6L6 18",
 			strokeLinecap: "round"
 		})
@@ -398,48 +399,48 @@ function V(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridListSheet.tsx
-var re = 80;
-function H(t) {
-	let { grid: n, open: i, onOpen: o, onClose: s, title: c, trigger: l, actions: u, footer: d, tall: f, bodyProps: p, bodyRef: m, onKeyDown: h, children: g } = t, _ = n.componentName, v = `${_}.list.sheet.line`, y = j(null), b = k((e) => {
+var te = 80;
+function K(t) {
+	let { grid: r, open: i, onOpen: o, onClose: c, title: l, trigger: u, actions: d, footer: f, tall: p, bodyProps: m, bodyRef: h, onKeyDown: g, children: _ } = t, v = r.componentName, y = `${v}.list.sheet.line`, b = P(null), x = M((e) => {
 		let t = e.currentTarget.closest("dialog");
-		e.button !== 0 || !t || e.target.closest("button") || (y.current = {
+		e.button !== 0 || !t || e.target.closest("button") || (b.current = {
 			id: e.pointerId,
 			y: e.clientY,
 			dy: 0,
 			dialog: t
 		}, e.currentTarget.setPointerCapture(e.pointerId));
-	}, []), x = k((e) => {
-		let t = y.current;
+	}, []), S = M((e) => {
+		let t = b.current;
 		if (!t || t.id !== e.pointerId) return;
 		let { dialog: n } = t;
 		t.dy = Math.max(0, e.clientY - t.y), n.style.transition = "none", n.style.translate = `0 ${t.dy}px`;
-	}, []), S = k(() => {
-		let e = y.current;
-		if (y.current = null, !e) return;
+	}, []), C = M(() => {
+		let e = b.current;
+		if (b.current = null, !e) return;
 		let { dialog: t } = e;
-		t.style.transition = "", t.style.translate = "", e.dy > re && s();
-	}, [s]);
-	return /* @__PURE__ */ F(w, {
-		component: `${_}.list.sheet`,
+		t.style.transition = "", t.style.translate = "", e.dy > te && c();
+	}, [c]);
+	return /* @__PURE__ */ L(n, { children: /* @__PURE__ */ R(E, {
+		component: `${v}.list.sheet`,
 		display: "flex",
 		d: "column",
-		css: f ? { minHeight: "min(32rem, calc(100dvh - 2rem))" } : void 0,
+		css: p ? { minHeight: "min(32rem, calc(100dvh - 2rem))" } : void 0,
 		open: i,
-		onOpenChange: (e) => e ? o?.() : s(),
-		trigger: l,
-		props: { onKeyDown: h },
+		onOpenChange: (e) => e ? o?.() : c(),
+		trigger: u,
+		props: { onKeyDown: g },
 		children: [
-			/* @__PURE__ */ F(a, {
+			/* @__PURE__ */ R(s, {
 				d: "column",
 				flexShrink: 0,
 				css: { touchAction: "none" },
 				props: {
-					onPointerDown: b,
-					onPointerMove: x,
-					onPointerUp: S,
-					onPointerCancel: S
+					onPointerDown: x,
+					onPointerMove: S,
+					onPointerUp: C,
+					onPointerCancel: C
 				},
-				children: [/* @__PURE__ */ P(e, {
+				children: [/* @__PURE__ */ L(e, {
 					width: 9,
 					height: 1.25,
 					mt: 2,
@@ -448,8 +449,8 @@ function H(t) {
 					bgColor: "base-300",
 					theme: { dark: { bgColor: "base-600" } },
 					props: { "aria-hidden": !0 }
-				}), /* @__PURE__ */ F(a, {
-					component: `${v}`,
+				}), /* @__PURE__ */ R(s, {
+					component: `${y}`,
 					ai: "center",
 					gap: 2,
 					ps: 4,
@@ -457,30 +458,30 @@ function H(t) {
 					py: 2,
 					bb: 1,
 					children: [
-						/* @__PURE__ */ P(w.Title, {
+						/* @__PURE__ */ L(E.Title, {
 							flex1: !0,
 							minWidth: 0,
 							m: 0,
 							fontSize: 17,
 							fontWeight: 600,
 							lineHeight: 24,
-							...D.TRUNCATE,
-							children: c
+							...A.TRUNCATE,
+							children: l
 						}),
-						u,
-						/* @__PURE__ */ P(r, {
+						d,
+						/* @__PURE__ */ L(a, {
 							type: "button",
-							component: `${_}.list.sheet.button`,
-							...D.ICON_BUTTON,
-							onClick: s,
-							props: { "aria-label": n.localeText.close },
-							children: /* @__PURE__ */ P(V, {})
+							component: `${v}.list.sheet.button`,
+							...A.ICON_BUTTON,
+							onClick: c,
+							props: { "aria-label": r.localeText.close },
+							children: /* @__PURE__ */ L(G, {})
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ P(e, {
-				ref: m,
+			/* @__PURE__ */ L(e, {
+				ref: h,
 				flex1: !0,
 				overflowY: "auto",
 				px: 4,
@@ -489,41 +490,41 @@ function H(t) {
 					overscrollBehavior: "contain",
 					touchAction: "pan-y"
 				},
-				props: p,
-				children: g
+				props: m,
+				children: _
 			}),
-			d && /* @__PURE__ */ P(a, {
-				component: v,
+			f && /* @__PURE__ */ L(s, {
+				component: y,
 				gap: 3,
 				flexShrink: 0,
 				px: 4,
 				pt: 3,
 				pb: 4,
 				bt: 1,
-				children: d
+				children: f
 			})
 		]
-	});
+	}) });
 }
-H.displayName = "DataGridListSheet";
+K.displayName = "DataGridListSheet";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListRecord.tsx
-var ie = 60;
-function ae({ cell: t, index: n }) {
-	let { grid: i, column: o } = t, s = i.componentName, c = String(o.header ?? o.key), { editing: l } = t, u = j(null), d = j(!1);
-	return A(() => {
+var ne = 60;
+function re({ cell: t, index: n }) {
+	let { grid: r, column: i } = t, o = r.componentName, c = String(i.header ?? i.key), { editing: l } = t, u = P(null), d = P(!1);
+	return N(() => {
 		d.current && !l && u.current?.focus(), d.current = l;
-	}, [l]), /* @__PURE__ */ F(e, {
-		component: `${s}.list.sheet.line`,
+	}, [l]), /* @__PURE__ */ R(e, {
+		component: `${o}.list.sheet.line`,
 		py: 3,
 		bb: 1,
-		children: [/* @__PURE__ */ P(e, {
+		children: [/* @__PURE__ */ L(e, {
 			tag: "dt",
 			component: "list.muted",
 			fontSize: 13,
 			lineHeight: 18,
 			children: c
-		}), /* @__PURE__ */ F(e, {
+		}), /* @__PURE__ */ R(e, {
 			tag: "dd",
 			display: "flex",
 			ai: "center",
@@ -535,99 +536,99 @@ function ae({ cell: t, index: n }) {
 				fontVariantNumeric: "tabular-nums",
 				overflowWrap: "anywhere"
 			},
-			children: [l ? /* @__PURE__ */ P(a, {
-				component: `${s}.list.sheet.input`,
-				...D.INPUT,
+			children: [l ? /* @__PURE__ */ L(s, {
+				component: `${o}.list.sheet.input`,
+				...A.INPUT,
 				flex1: !0,
 				ai: "center",
 				px: 1,
-				children: /* @__PURE__ */ P(f, {
+				children: /* @__PURE__ */ L(m, {
 					cell: t,
 					row: -1,
 					columnIndex: n
 				})
-			}) : /* @__PURE__ */ P(e, {
+			}) : /* @__PURE__ */ L(e, {
 				flex1: !0,
 				minWidth: 0,
-				children: /* @__PURE__ */ P(z, {
+				children: /* @__PURE__ */ L(U, {
 					row: t.row,
-					column: o
+					column: i
 				})
-			}), t.editable && !l && /* @__PURE__ */ P(r, {
+			}), t.editable && !l && /* @__PURE__ */ L(a, {
 				ref: u,
 				type: "button",
-				component: `${s}.list.sheet.button`,
-				...D.SHEET_BUTTON,
+				component: `${o}.list.sheet.button`,
+				...A.SHEET_BUTTON,
 				height: 10,
 				onClick: () => t.beginEdit(),
-				props: { "aria-label": i.localeText.editCell(c) },
-				children: i.localeText.edit
+				props: { "aria-label": r.localeText.editCell(c) },
+				children: r.localeText.edit
 			})]
 		})]
 	});
 }
-function U(t) {
-	let { grid: n } = t, { list: i } = n, s = n.componentName, l = n.localeText, u = i.record, d = i.recordPosition, { title: f } = i.layout.value, m = j(null), h = j(null), g = u?.key;
-	A(() => {
-		h.current?.scrollTo?.({ top: 0 });
-	}, [g]);
-	let _ = k(() => {
+function q(n) {
+	let { grid: r } = n, { list: i } = r, o = r.componentName, l = r.localeText, d = i.record, f = i.recordPosition, { title: p } = i.layout.value, m = P(null), g = P(null), _ = d?.key;
+	N(() => {
+		g.current?.scrollTo?.({ top: 0 });
+	}, [_]);
+	let v = M(() => {
 		let e = i.record?.key;
-		n.edits.cancel(), i.closeRecord(), requestAnimationFrame(() => {
-			let t = n.sizingElement?.querySelectorAll("[data-list-key]") ?? [];
+		r.edits.cancel(), i.closeRecord(), requestAnimationFrame(() => {
+			let t = r.sizingElement?.querySelectorAll("[data-list-key]") ?? [];
 			Array.from(t).find((t) => t.dataset.listKey === String(e))?.querySelector("[data-list-action]")?.focus();
 		});
-	}, [n, i]), v = k((e) => {
-		n.edits.isOpen && n.edits.commit(), n.edits.isOpen || i.stepRecord(e);
-	}, [n, i]), y = (e) => {
+	}, [r, i]), y = M((e) => {
+		r.edits.isOpen && r.edits.commit(), r.edits.isOpen || i.stepRecord(e);
+	}, [r, i]), b = (e) => {
 		m.current = e.pointerType === "touch" ? {
 			x: e.clientX,
 			y: e.clientY
 		} : null;
-	}, b = (e) => {
+	}, x = (e) => {
 		let t = m.current;
 		if (m.current = null, !t) return;
-		let r = e.clientX - t.x, i = e.clientY - t.y;
-		Math.abs(r) < ie || Math.abs(r) < Math.abs(i) * 1.5 || v(r < 0 === n.isRtl ? -1 : 1);
-	}, x = (e) => {
+		let n = e.clientX - t.x, i = e.clientY - t.y;
+		Math.abs(n) < ne || Math.abs(n) < Math.abs(i) * 1.5 || y(n < 0 === r.isRtl ? -1 : 1);
+	}, S = (e) => {
 		if (e.target.closest("input,select,textarea,[role=\"combobox\"]")) return;
-		let t = n.isRtl ? "ArrowLeft" : "ArrowRight", r = n.isRtl ? "ArrowRight" : "ArrowLeft";
-		(e.key === t || e.key === r) && (e.preventDefault(), v(e.key === t ? 1 : -1));
-	}, S = u && d && /* @__PURE__ */ F(a, {
+		let t = r.isRtl ? "ArrowLeft" : "ArrowRight", n = r.isRtl ? "ArrowRight" : "ArrowLeft";
+		(e.key === t || e.key === n) && (e.preventDefault(), y(e.key === t ? 1 : -1));
+	}, C = d && f && /* @__PURE__ */ R(s, {
 		ai: "center",
 		gap: .5,
 		flexShrink: 0,
 		children: [
-			/* @__PURE__ */ P(r, {
+			/* @__PURE__ */ L(a, {
 				type: "button",
-				component: `${s}.list.sheet.button`,
-				...D.ICON_BUTTON,
+				component: `${o}.list.sheet.button`,
+				...A.ICON_BUTTON,
 				disabled: !i.hasPreviousRecord,
-				onClick: () => v(-1),
+				onClick: () => y(-1),
 				props: { "aria-label": l.previousRow },
-				children: /* @__PURE__ */ P(p, {
+				children: /* @__PURE__ */ L(h, {
 					width: "18px",
 					height: "18px",
 					rotate: 90,
 					rtl: { rotate: -90 }
 				})
 			}),
-			/* @__PURE__ */ P(e, {
+			/* @__PURE__ */ L(e, {
 				fontSize: 13,
 				color: "base-500",
 				textWrap: "nowrap",
 				css: { fontVariantNumeric: "tabular-nums" },
 				props: { "aria-live": "polite" },
-				children: l.recordPosition(d.position, d.total)
+				children: l.recordPosition(f.position, f.total)
 			}),
-			/* @__PURE__ */ P(r, {
+			/* @__PURE__ */ L(a, {
 				type: "button",
-				component: `${s}.list.sheet.button`,
-				...D.ICON_BUTTON,
+				component: `${o}.list.sheet.button`,
+				...A.ICON_BUTTON,
 				disabled: !i.hasNextRecord,
-				onClick: () => v(1),
+				onClick: () => y(1),
 				props: { "aria-label": l.nextRow },
-				children: /* @__PURE__ */ P(p, {
+				children: /* @__PURE__ */ L(h, {
 					width: "18px",
 					height: "18px",
 					rotate: -90,
@@ -635,31 +636,31 @@ function U(t) {
 				})
 			})
 		]
-	}), C = n.props.def.rowDetail;
-	return /* @__PURE__ */ P(H, {
-		grid: n,
-		open: !!u,
-		onClose: _,
+	}), w = r.props.def.rowDetail;
+	return /* @__PURE__ */ L(K, {
+		grid: r,
+		open: !!d,
+		onClose: v,
 		tall: !0,
-		title: u && f ? /* @__PURE__ */ P(z, {
-			row: u,
-			column: f
+		title: d && p ? /* @__PURE__ */ L(U, {
+			row: d,
+			column: p
 		}) : "",
-		actions: S,
-		onKeyDown: x,
-		bodyRef: h,
+		actions: C,
+		onKeyDown: S,
+		bodyRef: g,
 		bodyProps: {
-			onPointerDown: y,
-			onPointerUp: b
+			onPointerDown: b,
+			onPointerUp: x
 		},
-		children: u && /* @__PURE__ */ F(N, { children: [
-			n.props.def.rowSelection && /* @__PURE__ */ P(e, {
+		children: d && /* @__PURE__ */ R(I, { children: [
+			r.props.def.rowSelection && /* @__PURE__ */ L(e, {
 				py: 3,
-				children: /* @__PURE__ */ P(o, {
+				children: /* @__PURE__ */ L(c, {
 					variant: "datagrid",
-					checked: u.selected,
-					onChange: u.toggleSelection,
-					label: l.selectRow(u.rowIndex + 1),
+					checked: d.selected,
+					onChange: d.toggleSelection,
+					label: l.selectRow(d.rowIndex + 1),
 					labelProps: {
 						display: "flex",
 						ai: "center",
@@ -668,38 +669,38 @@ function U(t) {
 					}
 				})
 			}),
-			/* @__PURE__ */ P(e, {
+			/* @__PURE__ */ L(e, {
 				tag: "dl",
 				m: 0,
 				children: i.recordColumns.map((e) => {
-					let t = u.cells.findIndex((t) => t.column === e);
-					return t === -1 ? null : /* @__PURE__ */ P(ae, {
-						cell: u.cells[t],
+					let t = d.cells.findIndex((t) => t.column === e);
+					return t === -1 ? null : /* @__PURE__ */ L(re, {
+						cell: d.cells[t],
 						index: t
 					}, e.key);
 				})
 			}),
-			C && /* @__PURE__ */ F(a, {
+			w && /* @__PURE__ */ R(s, {
 				d: "column",
 				gap: 2,
 				py: 3,
-				children: [/* @__PURE__ */ P(c, {
+				children: [/* @__PURE__ */ L(u, {
 					m: 0,
 					fontSize: 14,
 					fontWeight: 600,
 					children: l.details
-				}), C.content(u.data)]
+				}), /* @__PURE__ */ L(t, { children: w.content(d.data) })]
 			})
 		] })
 	});
 }
-U.displayName = "DataGridListRecord";
+q.displayName = "DataGridListRecord";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListSelectionBar.tsx
-function W(t) {
-	let { grid: n } = t, i = n.componentName, o = n.localeText, s = n.selectedRows.size;
-	return !n.props.def.rowSelection || s === 0 ? null : /* @__PURE__ */ F(a, {
-		component: `${i}.list.selectionBar`,
+function J(t) {
+	let { grid: n } = t, r = n.componentName, i = n.localeText, o = n.selectedRows.size;
+	return !n.props.def.rowSelection || o === 0 ? null : /* @__PURE__ */ R(s, {
+		component: `${r}.list.selectionBar`,
 		position: "sticky",
 		bottom: 0,
 		zIndex: 2,
@@ -710,14 +711,14 @@ function W(t) {
 		fontSize: 14,
 		fontWeight: 500,
 		children: [
-			/* @__PURE__ */ P(e, {
+			/* @__PURE__ */ L(e, {
 				flex1: !0,
 				minWidth: 0,
 				textWrap: "nowrap",
 				css: { fontVariantNumeric: "tabular-nums" },
-				children: o.selectedRows(s)
+				children: i.selectedRows(o)
 			}),
-			!n.allRowsSelected && /* @__PURE__ */ P(r, {
+			!n.allRowsSelected && /* @__PURE__ */ L(a, {
 				type: "button",
 				minHeight: 10,
 				px: 3,
@@ -728,9 +729,9 @@ function W(t) {
 				active: { bgColor: "white/15" },
 				theme: { dark: { active: { bgColor: "black/10" } } },
 				onClick: n.toggleSelectAllRows,
-				children: o.selectAll
+				children: i.selectAll
 			}),
-			/* @__PURE__ */ P(r, {
+			/* @__PURE__ */ L(a, {
 				type: "button",
 				minHeight: 10,
 				px: 3,
@@ -741,23 +742,23 @@ function W(t) {
 				active: { bgColor: "white/15" },
 				theme: { dark: { active: { bgColor: "black/10" } } },
 				onClick: n.clearSelection,
-				children: o.clearSelection
+				children: i.clearSelection
 			})
 		]
 	});
 }
-W.displayName = "DataGridListSelectionBar";
+J.displayName = "DataGridListSelectionBar";
 //#endregion
 //#region src/icons/filterIcon.tsx
-function G(e) {
-	return /* @__PURE__ */ P(n, {
+function ie(e) {
+	return /* @__PURE__ */ L(i, {
 		viewBox: "0 0 24 24",
 		width: "1rem",
 		fill: "none",
 		stroke: "currentColor",
 		strokeWidth: 2,
 		...e,
-		children: /* @__PURE__ */ P(t, {
+		children: /* @__PURE__ */ L(r, {
 			d: "M4 6h16M7 12h10M10 18h4",
 			strokeLinecap: "round"
 		})
@@ -765,7 +766,7 @@ function G(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridListFilter.tsx
-var K = 8, q = [
+var ae = 8, oe = [
 	{
 		value: "eq",
 		label: "="
@@ -795,11 +796,11 @@ var K = 8, q = [
 		label: "↔"
 	}
 ];
-function oe({ column: e }) {
-	let { currentFilter: t } = e, n = e.grid.componentName, r = e.grid.localeText, [i, a] = M(t?.type === "text" ? t.value : ""), { debounce: o } = x(t, (e) => d.textMatches(i, e), (e) => a(e?.type === "text" ? e.value : ""));
-	return /* @__PURE__ */ P(s, {
+function se({ column: e }) {
+	let { currentFilter: t } = e, n = e.grid.componentName, r = e.grid.localeText, [i, a] = F(t?.type === "text" ? t.value : ""), { debounce: o } = C(t, (e) => p.textMatches(i, e), (e) => a(e?.type === "text" ? e.value : ""));
+	return /* @__PURE__ */ L(l, {
 		component: `${n}.list.sheet.input`,
-		...D.INPUT,
+		...A.INPUT,
 		type: "search",
 		value: i,
 		placeholder: e.filterConfig?.placeholder ?? r.filterPlaceholder,
@@ -810,68 +811,68 @@ function oe({ column: e }) {
 		props: { "aria-label": r.filterColumn(String(e.header ?? e.key)) }
 	});
 }
-function se({ column: t }) {
-	let { currentFilter: n } = t, r = t.grid.componentName, i = t.grid.localeText, o = String(t.header ?? t.key), c = t.filterConfig, [l, u] = M(() => d.numberDraft(n)), f = j(l), p = k((e) => {
-		f.current = e, u(e);
-	}, []), { debounce: m, cancel: h } = x(n, (e) => d.numberMatches(l, e), (e) => p(d.numberDraft(e))), g = (e, n) => {
-		p({
-			...f.current,
+function ce({ column: t }) {
+	let { currentFilter: n } = t, r = t.grid.componentName, i = t.grid.localeText, a = String(t.header ?? t.key), o = t.filterConfig, [c, u] = F(() => p.numberDraft(n)), d = P(c), f = M((e) => {
+		d.current = e, u(e);
+	}, []), { debounce: m, cancel: h } = C(n, (e) => p.numberMatches(c, e), (e) => f(p.numberDraft(e))), g = (e, n) => {
+		f({
+			...d.current,
 			...e
 		});
-		let r = () => t.setNumberFilter(f.current.operator, f.current.value, f.current.valueTo);
+		let r = () => t.setNumberFilter(d.current.operator, d.current.value, d.current.valueTo);
 		n ? m("value", r) : (h(), r());
-	}, _ = (e, t, n, i) => /* @__PURE__ */ P(s, {
+	}, _ = (e, t, n, i) => /* @__PURE__ */ L(l, {
 		component: `${r}.list.sheet.input`,
-		...D.INPUT,
+		...A.INPUT,
 		type: "number",
 		value: e,
-		step: c?.step,
+		step: o?.step,
 		placeholder: n,
 		onChange: (e) => g({ [i]: e.target.value }, !0),
 		props: {
 			"aria-label": t,
 			inputMode: "decimal",
-			min: c?.min,
-			max: c?.max
+			min: o?.min,
+			max: o?.max
 		}
 	});
-	return /* @__PURE__ */ F(a, {
+	return /* @__PURE__ */ R(s, {
 		gap: 2,
 		ai: "center",
 		children: [
-			/* @__PURE__ */ P(e, {
+			/* @__PURE__ */ L(e, {
 				tag: "select",
 				component: `${r}.list.sheet.input`,
-				...D.INPUT,
+				...A.INPUT,
 				width: 18,
 				flexShrink: 0,
 				props: {
-					value: l.operator,
-					"aria-label": i.filterComparison(o),
+					value: c.operator,
+					"aria-label": i.filterComparison(a),
 					onChange: (e) => g({ operator: e.target.value }, !1)
 				},
-				children: q.map((e) => /* @__PURE__ */ P("option", {
+				children: oe.map((e) => /* @__PURE__ */ L("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			}),
-			_(l.value, l.operator === "between" ? i.filterFrom(o) : i.filterColumn(o), l.operator === "between" ? i.filterFromPlaceholder : c?.placeholder ?? i.filterValuePlaceholder, "value"),
-			l.operator === "between" && _(l.valueTo, i.filterTo(o), i.filterToPlaceholder, "valueTo")
+			_(c.value, c.operator === "between" ? i.filterFrom(a) : i.filterColumn(a), c.operator === "between" ? i.filterFromPlaceholder : o?.placeholder ?? i.filterValuePlaceholder, "value"),
+			c.operator === "between" && _(c.valueTo, i.filterTo(a), i.filterToPlaceholder, "valueTo")
 		]
 	});
 }
-function ce({ column: e }) {
-	let t = g(!0);
-	return t ? /* @__PURE__ */ P(t.ListDateFilter, { column: e }) : null;
+function le({ column: e }) {
+	let t = v(!0);
+	return t ? /* @__PURE__ */ L(t.ListDateFilter, { column: e }) : null;
 }
-function J({ column: e }) {
-	let { currentFilter: t } = e, n = e.grid.componentName, i = e.grid.localeText, c = t?.type === "multiselect" ? t.values : [], l = e.filterOptions, [u, d] = M(""), f = (t) => {
-		e.setMultiselectFilter(c.includes(t) ? c.filter((e) => e !== t) : [...c, t]);
+function ue({ column: e }) {
+	let { currentFilter: t } = e, n = e.grid.componentName, r = e.grid.localeText, i = t?.type === "multiselect" ? t.values : [], o = e.filterOptions, [u, d] = F(""), f = (t) => {
+		e.setMultiselectFilter(i.includes(t) ? i.filter((e) => e !== t) : [...i, t]);
 	};
-	if (l.length <= K) return /* @__PURE__ */ P(a, {
+	if (o.length <= ae) return /* @__PURE__ */ L(s, {
 		flexWrap: "wrap",
 		gap: 2,
-		children: l.map((e) => /* @__PURE__ */ P(r, {
+		children: o.map((e) => /* @__PURE__ */ L(a, {
 			type: "button",
 			component: `${n}.list.sheet.chip`,
 			display: "inline-flex",
@@ -882,28 +883,28 @@ function J({ column: e }) {
 			fontSize: 14,
 			cursor: "pointer",
 			onClick: () => f(e.value),
-			props: { "aria-pressed": c.includes(e.value) },
+			props: { "aria-pressed": i.includes(e.value) },
 			children: e.label
 		}, String(e.value)))
 	});
-	let p = u.trim().toLocaleLowerCase(), m = p ? l.filter((e) => e.label.toLocaleLowerCase().includes(p)) : l;
-	return /* @__PURE__ */ F(a, {
+	let p = u.trim().toLocaleLowerCase(), m = p ? o.filter((e) => e.label.toLocaleLowerCase().includes(p)) : o;
+	return /* @__PURE__ */ R(s, {
 		d: "column",
 		gap: 2,
-		children: [/* @__PURE__ */ P(s, {
+		children: [/* @__PURE__ */ L(l, {
 			component: `${n}.list.sheet.input`,
-			...D.INPUT,
+			...A.INPUT,
 			type: "search",
 			value: u,
-			placeholder: i.filterSelectSearchPlaceholder,
+			placeholder: r.filterSelectSearchPlaceholder,
 			onChange: (e) => d(e.target.value),
-			props: { "aria-label": i.filterColumn(String(e.header ?? e.key)) }
-		}), /* @__PURE__ */ P(a, {
+			props: { "aria-label": r.filterColumn(String(e.header ?? e.key)) }
+		}), /* @__PURE__ */ L(s, {
 			d: "column",
 			maxHeight: 64,
 			overflowY: "auto",
-			children: m.map((e) => /* @__PURE__ */ P(o, {
-				checked: c.includes(e.value),
+			children: m.map((e) => /* @__PURE__ */ L(c, {
+				checked: i.includes(e.value),
 				onChange: () => f(e.value),
 				label: e.label,
 				labelProps: {
@@ -923,38 +924,38 @@ function Y(e) {
 	let { column: t } = e;
 	switch (t.filterConfig?.type) {
 		case void 0: return null;
-		case "number": return /* @__PURE__ */ P(se, { column: t });
-		case "multiselect": return /* @__PURE__ */ P(J, { column: t });
-		case "date": return /* @__PURE__ */ P(ce, { column: t });
-		default: return /* @__PURE__ */ P(oe, { column: t });
+		case "number": return /* @__PURE__ */ L(ce, { column: t });
+		case "multiselect": return /* @__PURE__ */ L(ue, { column: t });
+		case "date": return /* @__PURE__ */ L(le, { column: t });
+		default: return /* @__PURE__ */ L(se, { column: t });
 	}
 }
 Y.displayName = "DataGridListFilter";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListFilterSheet.tsx
 function X(t) {
-	let { grid: n } = t, { list: i } = n, o = n.componentName, s = n.localeText, l = i.activeFilters.length, u = i.filterableColumns;
-	return u.length === 0 ? null : /* @__PURE__ */ P(H, {
+	let { grid: n } = t, { list: r } = n, i = n.componentName, o = n.localeText, c = r.activeFilters.length, l = r.filterableColumns;
+	return l.length === 0 ? null : /* @__PURE__ */ L(K, {
 		grid: n,
-		open: i.sheet === "filter",
-		onOpen: () => i.openSheet("filter"),
-		onClose: () => i.openSheet(null),
-		title: s.filters,
-		trigger: ({ ref: t, props: { onClick: n, ...i } }) => /* @__PURE__ */ F(r, {
+		open: r.sheet === "filter",
+		onOpen: () => r.openSheet("filter"),
+		onClose: () => r.openSheet(null),
+		title: o.filters,
+		trigger: ({ ref: t, props: { onClick: n, ...r } }) => /* @__PURE__ */ R(a, {
 			type: "button",
-			component: `${o}.list.toolbar.button`,
-			variant: { active: l > 0 },
-			...D.PILL,
+			component: `${i}.list.toolbar.button`,
+			variant: { active: c > 0 },
+			...A.PILL,
 			ref: t,
 			onClick: n,
 			props: {
-				...i,
-				"aria-label": s.filtersLabel(l)
+				...r,
+				"aria-label": o.filtersLabel(c)
 			},
 			children: [
-				/* @__PURE__ */ P(G, {}),
-				s.filters,
-				l > 0 && /* @__PURE__ */ P(e, {
+				/* @__PURE__ */ L(ie, {}),
+				o.filters,
+				c > 0 && /* @__PURE__ */ L(e, {
 					tag: "span",
 					minWidth: 5,
 					height: 5,
@@ -967,37 +968,37 @@ function X(t) {
 					lineHeight: 20,
 					textAlign: "center",
 					props: { "aria-hidden": !0 },
-					children: l
+					children: c
 				})
 			]
 		}),
-		footer: /* @__PURE__ */ F(N, { children: [l > 0 && /* @__PURE__ */ P(r, {
+		footer: /* @__PURE__ */ R(I, { children: [c > 0 && /* @__PURE__ */ L(a, {
 			type: "button",
-			component: `${o}.list.sheet.button`,
-			...D.SHEET_BUTTON,
+			component: `${i}.list.sheet.button`,
+			...A.SHEET_BUTTON,
 			onClick: n.clearColumnFilters,
-			children: s.clearFilters
-		}), /* @__PURE__ */ P(r, {
+			children: o.clearFilters
+		}), /* @__PURE__ */ L(a, {
 			type: "button",
-			component: `${o}.list.sheet.primary`,
-			...D.SHEET_BUTTON,
+			component: `${i}.list.sheet.primary`,
+			...A.SHEET_BUTTON,
 			flex1: !0,
 			fontWeight: 600,
-			onClick: () => i.openSheet(null),
-			children: s.showRows(n.filterStats.filtered)
+			onClick: () => r.openSheet(null),
+			children: o.showRows(n.filterStats.filtered)
 		})] }),
-		children: u.map((e) => /* @__PURE__ */ F(a, {
-			component: `${o}.list.sheet.line`,
+		children: l.map((e) => /* @__PURE__ */ R(s, {
+			component: `${i}.list.sheet.line`,
 			d: "column",
 			gap: 2,
 			py: 3,
 			bb: 1,
-			children: [/* @__PURE__ */ P(c, {
+			children: [/* @__PURE__ */ L(u, {
 				m: 0,
 				fontSize: 14,
 				fontWeight: 600,
 				children: e.header ?? String(e.key)
-			}), /* @__PURE__ */ P(Y, { column: e })]
+			}), /* @__PURE__ */ L(Y, { column: e })]
 		}, e.key))
 	});
 }
@@ -1005,8 +1006,8 @@ X.displayName = "DataGridListFilterSheet";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListSortSheet.tsx
 function Z(e) {
-	let { grid: t } = e, { list: n } = t, i = t.componentName, o = t.localeText, s = n.sortedColumn, c = t.sortDirection === "DESC", l = `${t.identifier}-sort`, u = {
-		component: `${i}.list.sheet.line`,
+	let { grid: t } = e, { list: n } = t, r = t.componentName, i = t.localeText, o = n.sortedColumn, c = t.sortDirection === "DESC", l = `${t.identifier}-sort`, u = {
+		component: `${r}.list.sheet.line`,
 		display: "flex",
 		ai: "center",
 		gap: 3,
@@ -1015,69 +1016,69 @@ function Z(e) {
 		cursor: "pointer",
 		bb: 1
 	};
-	return /* @__PURE__ */ F(H, {
+	return /* @__PURE__ */ R(K, {
 		grid: t,
 		open: n.sheet === "sort",
 		onClose: () => n.openSheet(null),
-		title: o.sortBy,
+		title: i.sortBy,
 		onOpen: () => n.openSheet("sort"),
-		trigger: ({ ref: e, props: { onClick: t, ...n } }) => /* @__PURE__ */ F(r, {
+		trigger: ({ ref: e, props: { onClick: t, ...n } }) => /* @__PURE__ */ R(a, {
 			type: "button",
-			component: `${i}.list.toolbar.button`,
-			variant: { active: !!s },
-			...D.PILL,
+			component: `${r}.list.toolbar.button`,
+			variant: { active: !!o },
+			...A.PILL,
 			ref: e,
 			onClick: t,
 			props: n,
-			children: [/* @__PURE__ */ P(v, {
+			children: [/* @__PURE__ */ L(b, {
 				width: "16px",
 				height: "16px",
 				fill: "currentColor",
 				rotate: c ? 180 : 0
-			}), s ? o.sortedBy(String(s.header ?? s.key), c) : o.sortBy]
+			}), o ? i.sortedBy(String(o.header ?? o.key), c) : i.sortBy]
 		}),
-		footer: /* @__PURE__ */ F(N, { children: [s && /* @__PURE__ */ P(r, {
+		footer: /* @__PURE__ */ R(I, { children: [o && /* @__PURE__ */ L(a, {
 			type: "button",
-			component: `${i}.list.sheet.button`,
-			...D.SHEET_BUTTON,
-			onClick: () => t.setSortColumn(s.key, void 0),
-			children: o.clearSort
-		}), /* @__PURE__ */ P(r, {
+			component: `${r}.list.sheet.button`,
+			...A.SHEET_BUTTON,
+			onClick: () => t.setSortColumn(o.key, void 0),
+			children: i.clearSort
+		}), /* @__PURE__ */ L(a, {
 			type: "button",
-			component: `${i}.list.sheet.primary`,
-			...D.SHEET_BUTTON,
+			component: `${r}.list.sheet.primary`,
+			...A.SHEET_BUTTON,
 			flex1: !0,
 			fontWeight: 600,
 			onClick: () => n.openSheet(null),
-			children: o.close
+			children: i.close
 		})] }),
-		children: [/* @__PURE__ */ P(a, {
+		children: [/* @__PURE__ */ L(s, {
 			tag: "fieldset",
 			d: "column",
 			b: 0,
 			m: 0,
 			p: 0,
-			props: { "aria-label": o.sortBy },
-			children: n.sortableColumns.map((e) => /* @__PURE__ */ P(E, {
+			props: { "aria-label": i.sortBy },
+			children: n.sortableColumns.map((e) => /* @__PURE__ */ L(O, {
 				name: l,
-				checked: s === e,
-				onChange: () => t.setSortColumn(e.key, c && s ? "DESC" : "ASC"),
+				checked: o === e,
+				onChange: () => t.setSortColumn(e.key, c && o ? "DESC" : "ASC"),
 				label: e.header ?? String(e.key),
 				labelProps: u
 			}, e.key))
-		}), s && /* @__PURE__ */ P(a, {
+		}), o && /* @__PURE__ */ L(s, {
 			tag: "fieldset",
 			d: "column",
 			b: 0,
 			m: 0,
 			p: 0,
 			pt: 4,
-			props: { "aria-label": `${o.sortBy}: ${s.header ?? s.key}` },
-			children: ["ASC", "DESC"].map((e) => /* @__PURE__ */ P(E, {
+			props: { "aria-label": `${i.sortBy}: ${o.header ?? o.key}` },
+			children: ["ASC", "DESC"].map((e) => /* @__PURE__ */ L(O, {
 				name: `${l}-direction`,
 				checked: t.sortDirection === e,
-				onChange: () => t.setSortColumn(s.key, e),
-				label: e === "ASC" ? o.ascending : o.descending,
+				onChange: () => t.setSortColumn(o.key, e),
+				label: e === "ASC" ? i.ascending : i.descending,
 				labelProps: u
 			}, e))
 		})]
@@ -1086,24 +1087,24 @@ function Z(e) {
 Z.displayName = "DataGridListSortSheet";
 //#endregion
 //#region src/components/dataGrid/components/dataGridListToolbar.tsx
-function le({ grid: e }) {
-	let t = e.componentName, [n, i] = M(e.globalFilterValue), { debounce: o, cancel: c } = x(e.globalFilterValue, (e) => e === n, i);
-	return /* @__PURE__ */ F(a, {
+function de({ grid: e }) {
+	let t = e.componentName, [n, r] = F(e.globalFilterValue), { debounce: i, cancel: o } = C(e.globalFilterValue, (e) => e === n, r);
+	return /* @__PURE__ */ R(s, {
 		position: "relative",
 		ai: "center",
 		children: [
-			/* @__PURE__ */ P(a, {
+			/* @__PURE__ */ L(s, {
 				position: "absolute",
 				insetStart: 3.5,
 				pointerEvents: "none",
 				color: "base-500",
 				props: { "aria-hidden": !0 },
-				children: /* @__PURE__ */ P(b, {
+				children: /* @__PURE__ */ L(S, {
 					fill: "currentColor",
 					width: "16px"
 				})
 			}),
-			/* @__PURE__ */ P(s, {
+			/* @__PURE__ */ L(l, {
 				component: `${t}.list.toolbar.search`,
 				width: "fit",
 				height: 11,
@@ -1117,14 +1118,14 @@ function le({ grid: e }) {
 				placeholder: e.localeText.searchPlaceholder,
 				onChange: (t) => {
 					let n = t.target.value;
-					i(n), o("value", () => e.filter.setGlobalFilter(n));
+					r(n), i("value", () => e.filter.setGlobalFilter(n));
 				},
 				props: {
 					"aria-label": e.localeText.searchPlaceholder,
 					enterKeyHint: "search"
 				}
 			}),
-			n && /* @__PURE__ */ P(r, {
+			n && /* @__PURE__ */ L(a, {
 				type: "button",
 				component: `${t}.list.sheet.button`,
 				display: "inline-flex",
@@ -1137,17 +1138,17 @@ function le({ grid: e }) {
 				position: "absolute",
 				insetEnd: 2,
 				onClick: () => {
-					c(), i(""), e.filter.setGlobalFilter("");
+					o(), r(""), e.filter.setGlobalFilter("");
 				},
 				props: { "aria-label": e.localeText.clearSearch },
-				children: /* @__PURE__ */ P(V, { width: "16px" })
+				children: /* @__PURE__ */ L(G, { width: "16px" })
 			})
 		]
 	});
 }
 function Q(t) {
-	let { grid: n } = t, { list: o } = n, { def: s } = n.props, c = n.componentName, l = n.localeText, { filtered: u, total: d } = n.filterStats, f = o.activeFilters, p = o.sortableColumns.length > 0;
-	return /* @__PURE__ */ F(a, {
+	let { grid: n } = t, { list: r } = n, { def: i } = n.props, c = n.componentName, l = n.localeText, { filtered: u, total: d } = n.filterStats, f = r.activeFilters, p = r.sortableColumns.length > 0;
+	return /* @__PURE__ */ R(s, {
 		component: `${c}.list.toolbar`,
 		d: "column",
 		gap: 3,
@@ -1155,61 +1156,61 @@ function Q(t) {
 		pt: 4,
 		pb: 3,
 		children: [
-			/* @__PURE__ */ F(a, {
+			/* @__PURE__ */ R(s, {
 				ai: "center",
 				gap: 3,
 				flexWrap: "wrap",
-				children: [/* @__PURE__ */ F(a, {
+				children: [/* @__PURE__ */ R(s, {
 					d: "column",
 					flex1: !0,
 					minWidth: 0,
-					children: [s.title && /* @__PURE__ */ P(e, {
+					children: [i.title && /* @__PURE__ */ L(e, {
 						id: n.titleId,
 						fontSize: 17,
 						fontWeight: 600,
 						lineHeight: 24,
-						children: s.title
-					}), /* @__PURE__ */ P(e, {
+						children: i.title
+					}), /* @__PURE__ */ L(e, {
 						component: `${c}.list.toolbar.count`,
 						fontSize: 13,
 						css: { fontVariantNumeric: "tabular-nums" },
 						children: l.rowCount(u, d)
 					})]
-				}), s.topBar && /* @__PURE__ */ F(a, {
+				}), i.topBar && /* @__PURE__ */ R(s, {
 					ai: "center",
 					gap: 2,
 					flexWrap: "wrap",
-					children: [/* @__PURE__ */ P(_, { grid: n }), /* @__PURE__ */ P(S, { grid: n })]
+					children: [/* @__PURE__ */ L(y, { grid: n }), /* @__PURE__ */ L(w, { grid: n })]
 				})]
 			}),
-			s.globalFilter && /* @__PURE__ */ P(le, { grid: n }),
-			/* @__PURE__ */ F(a, {
+			i.globalFilter && /* @__PURE__ */ L(de, { grid: n }),
+			/* @__PURE__ */ R(s, {
 				gap: 2,
 				overflowX: "auto",
 				scrollbarWidth: "none",
 				mx: -4,
 				px: 4,
 				children: [
-					p && /* @__PURE__ */ P(Z, { grid: n }),
-					/* @__PURE__ */ P(X, { grid: n }),
-					s.rowSelection && /* @__PURE__ */ P(r, {
+					p && /* @__PURE__ */ L(Z, { grid: n }),
+					/* @__PURE__ */ L(X, { grid: n }),
+					i.rowSelection && /* @__PURE__ */ L(a, {
 						type: "button",
 						component: `${c}.list.toolbar.button`,
-						...D.PILL,
-						variant: { active: o.selecting },
-						onClick: () => o.setSelecting(!o.selecting),
-						props: { "aria-pressed": o.selecting },
+						...A.PILL,
+						variant: { active: r.selecting },
+						onClick: () => r.setSelecting(!r.selecting),
+						props: { "aria-pressed": r.selecting },
 						children: l.selectRows
 					})
 				]
 			}),
-			f.length > 0 && /* @__PURE__ */ P(a, {
+			f.length > 0 && /* @__PURE__ */ L(s, {
 				gap: 2,
 				overflowX: "auto",
 				scrollbarWidth: "none",
 				mx: -4,
 				px: 4,
-				children: f.map((t) => /* @__PURE__ */ F(e, {
+				children: f.map((t) => /* @__PURE__ */ R(e, {
 					tag: "span",
 					component: `${c}.list.toolbar.chip`,
 					display: "inline-flex",
@@ -1223,16 +1224,16 @@ function Q(t) {
 					fontSize: 13,
 					textWrap: "nowrap",
 					children: [
-						/* @__PURE__ */ F(e, {
+						/* @__PURE__ */ R(e, {
 							tag: "span",
 							fontWeight: 500,
 							children: [t.label, ":"]
 						}),
-						/* @__PURE__ */ P(e, {
+						/* @__PURE__ */ L(e, {
 							tag: "span",
 							children: t.value
 						}),
-						/* @__PURE__ */ P(r, {
+						/* @__PURE__ */ L(a, {
 							type: "button",
 							component: `${c}.list.sheet.button`,
 							display: "inline-flex",
@@ -1244,13 +1245,13 @@ function Q(t) {
 							cursor: "pointer",
 							onClick: () => t.column.clearFilter(),
 							props: { "aria-label": l.clearFilter(t.label) },
-							children: /* @__PURE__ */ P(V, { width: "14px" })
+							children: /* @__PURE__ */ L(G, { width: "14px" })
 						})
 					]
 				}, t.column.key))
 			}),
-			s.topBarContent && /* @__PURE__ */ P(e, { children: s.topBarContent }),
-			/* @__PURE__ */ P(i, {
+			i.topBarContent && /* @__PURE__ */ L(e, { children: i.topBarContent }),
+			/* @__PURE__ */ L(o, {
 				props: { role: "status" },
 				children: n.hasActiveFilters ? l.rowCount(u, d) : ""
 			})
@@ -1261,51 +1262,51 @@ Q.displayName = "DataGridListToolbar";
 //#endregion
 //#region src/components/dataGrid/components/dataGridList.tsx
 function $(t) {
-	let { grid: n } = t, { list: r, source: i } = n, o = n.componentName, s = r.visibleItems, c = n.props.loading || i.isLoading, l = n.groupColumns.size === 0 && !n.tree.enabled, d = i.enabled ? n.totalRowCount : n.filterStats.filtered, { queryVersion: f } = i;
-	return A(() => {
-		i.enabled && i.request(0, Math.max(s.length, 1));
+	let { grid: n } = t, { list: r, source: i } = n, a = n.componentName, o = r.visibleItems, c = n.props.loading || i.isLoading, l = n.groupColumns.size === 0 && !n.tree.enabled, u = i.enabled ? n.totalRowCount : n.filterStats.filtered, { queryVersion: d } = i;
+	return N(() => {
+		i.enabled && i.request(0, Math.max(o.length, 1));
 	}, [
 		i,
-		f,
-		s.length,
+		d,
+		o.length,
 		n.page,
 		n.pageSize,
 		n.expansionVersion
-	]), /* @__PURE__ */ F(a, {
-		component: `${o}.list`,
+	]), /* @__PURE__ */ R(s, {
+		component: `${a}.list`,
 		d: "column",
 		children: [
-			/* @__PURE__ */ P(Q, { grid: n }),
-			/* @__PURE__ */ P(m, { grid: n }),
-			c && /* @__PURE__ */ P(u, { grid: n }),
-			s.length === 0 ? /* @__PURE__ */ P(e, {
+			/* @__PURE__ */ L(Q, { grid: n }),
+			/* @__PURE__ */ L(g, { grid: n }),
+			c && /* @__PURE__ */ L(f, { grid: n }),
+			o.length === 0 ? /* @__PURE__ */ L(e, {
 				component: "list.muted",
 				px: 4,
 				py: 10,
 				textAlign: "center",
 				children: n.props.def.noDataComponent ?? (c ? n.localeText.loadingRows : n.localeText.noRows)
-			}) : /* @__PURE__ */ P(T, {
+			}) : /* @__PURE__ */ L(D, {
 				props: {
 					"aria-labelledby": n.props.def.title ? n.titleId : void 0,
 					"aria-busy": c || void 0
 				},
-				children: s.map(({ row: e, index: t }, r) => e.kind === "group" ? /* @__PURE__ */ P(te, {
+				children: o.map(({ row: e, index: t }, r) => e.kind === "group" ? /* @__PURE__ */ L(H, {
 					row: e,
 					version: n.rowVersion(e, t)
-				}, e.key) : /* @__PURE__ */ P(ne, {
+				}, e.key) : /* @__PURE__ */ L(ee, {
 					row: e,
 					index: t,
 					position: l ? r + 1 : void 0,
-					setSize: l ? d : void 0,
+					setSize: l ? u : void 0,
 					version: n.rowVersion(e, t)
 				}, e.key))
 			}),
-			/* @__PURE__ */ P(L, {
+			/* @__PURE__ */ L(B, {
 				grid: n,
-				shown: l ? s.length : void 0
+				shown: l ? o.length : void 0
 			}),
-			/* @__PURE__ */ P(W, { grid: n }),
-			/* @__PURE__ */ P(U, { grid: n })
+			/* @__PURE__ */ L(J, { grid: n }),
+			/* @__PURE__ */ L(q, { grid: n })
 		]
 	});
 }