@cascivo/react 1.0.0 → 1.2.0

package/dist/data-table/data-table.js

@@ -1,398 +1 @@
-"use client";
-
-import { Button as e } from "../button/button.js";
-import { Checkbox as t } from "../checkbox/checkbox.js";
-import n from "./data-table.module.js";
-import { Fragment as r, useId as i, useRef as a } from "react";
-import { batch as o, cn as s, useComputed as c, useControllableSignal as l, useSignal as u, useSignalEffect as ee, useSignals as te } from "@cascivo/core";
-import { builtin as d, t as f } from "@cascivo/i18n";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { flushSync as ne } from "react-dom";
-//#region ../components/src/data-table/data-table.tsx
-var h = /* @__PURE__ */ new Set();
-function g() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-var _ = /* @__PURE__ */ new Set();
-function re(e, t, n) {
-	if (!g()) return;
-	let r = e.scrollWidth - e.clientWidth;
-	if (r <= 1) return;
-	let i = `${n}:${e.clientWidth}`;
-	_.has(i) || (_.add(i), console.warn(`cascivo DataTable: the table overflows its container (scrollWidth ${e.scrollWidth}px > clientWidth ${e.clientWidth}px, by ${r}px), so the last column is cut off. ` + (t.length > 0 ? `Drop a \`width\` from one of the sized columns (${t.join(", ")}), or lower the \`minWidth\` on the free-form one.` : "Lower the `minWidth` on the widest column.")));
-}
-function ie(e, t, n) {
-	g() && (e !== void 0 || t !== void 0 || h.has(n) || (h.add(n), console.warn(`cascivo DataTable: this table has no accessible name (columns: ${n}). Pass \`title\` for a visible caption, or \`ariaLabel\` for a name only screen readers hear.`)));
-}
-function v(e, t) {
-	return e[t];
-}
-function ae(e, t) {
-	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
-}
-function y({ columns: h, rows: g, getRowId: _, sort: y, defaultSort: oe, sortMode: se = "client", onSortChange: ce, searchable: le = !1, pagination: b, selection: x, batchActions: S, renderExpandedRow: C, density: ue = "normal", zebra: de = !1, stickyHeader: fe = !1, loading: w = !1, emptyState: pe, title: T, ariaLabel: me, description: E, labels: D, className: he, virtualized: O = !1, rowHeight: k = 40, windowSize: ge = 20, overscan: _e = 3 }) {
-	te();
-	let A = i(), j = {
-		search: D?.search ?? f(d.dataTable.search),
-		empty: D?.empty ?? f(d.dataTable.empty),
-		selectAll: D?.selectAll ?? f(d.dataTable.selectAll),
-		selectRow: D?.selectRow ?? f(d.dataTable.selectRow),
-		itemsSelected: (e) => D?.itemsSelected?.(e) ?? f(d.dataTable.itemsSelected, { count: e }),
-		expandRow: D?.expandRow ?? f(d.dataTable.expandRow),
-		previousPage: D?.previousPage ?? f(d.dataTable.previousPage),
-		nextPage: D?.nextPage ?? f(d.dataTable.nextPage)
-	}, [ve] = l({ value: g }), [ye] = l({ value: h }), [M, be] = l({
-		value: y,
-		defaultValue: oe
-	}), xe = u([]), N = x?.selected ?? xe.value, P = (e) => {
-		x?.selected === void 0 && (xe.value = e), x?.onChange?.(e);
-	}, F = u(""), I = u(1), L = u(b?.pageSize ?? 0), R = u(/* @__PURE__ */ new Set()), z = a(null), B = u(0);
-	ee(() => {
-		let e = z.current;
-		if (!e || typeof ResizeObserver > "u") return;
-		let t = h.filter((e) => e.width !== void 0).map((e) => e.key), n = h.map((e) => e.key).join(","), r = 0, i = new ResizeObserver(() => {
-			cancelAnimationFrame(r), r = requestAnimationFrame(() => re(e, t, n));
-		});
-		return i.observe(e), () => {
-			cancelAnimationFrame(r), i.disconnect();
-		};
-	}), ee(() => {
-		if (!O) return;
-		let e = z.current;
-		if (!e) return;
-		let t = () => {
-			ne(() => {
-				B.value = e.scrollTop;
-			});
-		};
-		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
-	});
-	let Se = c(() => ve.value.map((e, t) => ({
-		row: e,
-		id: _ ? _(e) : String(t)
-	}))), V = c(() => {
-		let e = F.value.trim().toLowerCase();
-		if (!e) return Se.value;
-		let t = ye.value;
-		return Se.value.filter((n) => t.some((t) => String(v(n.row, t.key) ?? "").toLowerCase().includes(e)));
-	}), H = c(() => {
-		let e = M.value;
-		if (!e || se === "server") return V.value;
-		let t = V.value.map((e, t) => [e, t]);
-		return t.sort((t, n) => {
-			let r = ae(v(t[0].row, e.key), v(n[0].row, e.key));
-			return e.direction === "desc" && (r = -r), r === 0 ? t[1] - n[1] : r;
-		}), t.map(([e]) => e);
-	}), U = c(() => b ? Math.max(1, Math.ceil(V.value.length / L.value)) : 1), W = c(() => Math.min(I.value, U.value)), G = c(() => {
-		if (!b) return H.value;
-		let e = (W.value - 1) * L.value;
-		return H.value.slice(e, e + L.value);
-	}), K = c(() => O ? Math.floor(B.value / k) : 0), q = c(() => O ? Math.min(K.value + ge + _e * 2, G.value.length) : G.value.length), Ce = c(() => O ? G.value.slice(K.value, q.value) : G.value), we = (e) => {
-		let t = M.value, n;
-		n = !t || t.key !== e ? {
-			key: e,
-			direction: "asc"
-		} : t.direction === "asc" ? {
-			key: e,
-			direction: "desc"
-		} : void 0, o(() => {
-			be(n), I.value = 1;
-		}), ce?.(n);
-	}, Te = (e) => {
-		if (![
-			"ArrowUp",
-			"ArrowDown",
-			"ArrowLeft",
-			"ArrowRight"
-		].includes(e.key)) return;
-		let t = e.currentTarget, n = Array.from(t.querySelectorAll("th button, td button, td input[type=\"checkbox\"]")), r = n.indexOf(document.activeElement);
-		if (r === -1) return;
-		e.preventDefault();
-		let i = (e) => e.closest("tr"), a;
-		if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
-			let t = n[r + (e.key === "ArrowRight" ? 1 : -1)];
-			t && i(t) === i(n[r]) && (a = t);
-		} else {
-			let t = e.key === "ArrowDown" ? 1 : -1, o = n[r];
-			for (let e = r + t; e >= 0 && e < n.length; e += t) if (i(n[e]) !== i(o)) {
-				a = n[e];
-				break;
-			}
-		}
-		a?.focus();
-	}, Ee = (e) => {
-		let t = N;
-		x?.mode === "single" ? P(t.includes(e) ? [] : [e]) : P(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, De = (e) => {
-		let t = new Set(R.value);
-		t.has(e) ? t.delete(e) : t.add(e), R.value = t;
-	}, J = G.value, Oe = R.value, Y = J.length > 0 && J.every((e) => N.includes(e.id)), ke = J.some((e) => N.includes(e.id)), X = Ce.value, Z = K.value, Ae = q.value, je = () => {
-		let e = J.map((e) => e.id);
-		P(Y ? N.filter((t) => !e.includes(t)) : [...new Set([...N, ...e])]);
-	}, Q = h.length + +!!x + +!!C, Me = b && !O && X.length > 0 ? Math.max(0, L.value - X.length) : 0;
-	ie(T, me, h.map((e) => e.key).join(","));
-	let Ne = `${A}-title`, Pe = `${A}-description`, $ = V.value.length, Fe = $ === 0 ? 0 : (W.value - 1) * L.value + 1, Ie = $ === 0 ? 0 : Fe + J.length - 1, Le = !!S && S.length > 0 && N.length > 0;
-	return /* @__PURE__ */ m("div", {
-		className: s(n.root, he),
-		"data-density": ue,
-		"data-zebra": de || void 0,
-		"data-sticky-header": fe || void 0,
-		"data-paginated": b ? !0 : void 0,
-		"data-fixed-layout": h.every((e) => e.width !== void 0) || void 0,
-		children: [
-			/* @__PURE__ */ p("span", {
-				"aria-live": "polite",
-				className: n.srOnly,
-				children: N.length > 0 ? j.itemsSelected(N.length) : ""
-			}),
-			(T !== void 0 || E !== void 0 || le) && /* @__PURE__ */ m("div", {
-				className: n.toolbar,
-				children: [(T !== void 0 || E !== void 0) && /* @__PURE__ */ m("div", {
-					className: n.heading,
-					children: [T !== void 0 && /* @__PURE__ */ p("div", {
-						id: Ne,
-						className: n.title,
-						children: T
-					}), E !== void 0 && /* @__PURE__ */ p("div", {
-						id: Pe,
-						className: n.description,
-						children: E
-					})]
-				}), le && /* @__PURE__ */ p("input", {
-					type: "search",
-					className: n.search,
-					"aria-label": j.search,
-					placeholder: j.search,
-					value: F.value,
-					onChange: (e) => {
-						F.value = e.target.value, I.value = 1;
-					}
-				})]
-			}),
-			Le && /* @__PURE__ */ m("div", {
-				className: n.batchBar,
-				children: [/* @__PURE__ */ p("span", {
-					className: n.batchCount,
-					children: j.itemsSelected(N.length)
-				}), /* @__PURE__ */ p("div", {
-					className: n.batchActions,
-					children: S.map((t, n) => /* @__PURE__ */ p(e, {
-						size: "sm",
-						variant: "secondary",
-						onClick: () => t.onClick(N),
-						children: t.label
-					}, t.id ?? `${n}-${t.label}`))
-				})]
-			}),
-			/* @__PURE__ */ p("div", {
-				ref: z,
-				className: s(n.scroller, O && n.scrollerVirtualized),
-				children: /* @__PURE__ */ m("table", {
-					className: n.table,
-					"aria-labelledby": T === void 0 ? void 0 : Ne,
-					"aria-label": T === void 0 ? me : void 0,
-					"aria-describedby": E === void 0 ? void 0 : Pe,
-					"aria-busy": w || void 0,
-					"aria-rowcount": O ? J.length : void 0,
-					onKeyDown: Te,
-					children: [
-						/* @__PURE__ */ m("colgroup", { children: [
-							C && /* @__PURE__ */ p("col", { className: n.controlCol }),
-							x && /* @__PURE__ */ p("col", { className: n.controlCol }),
-							h.map((e) => /* @__PURE__ */ p("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
-								...e.width === void 0 ? {} : { width: e.width },
-								...e.minWidth === void 0 ? {} : { minWidth: e.minWidth }
-							} : void 0 }, e.key))
-						] }),
-						/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
-							C && /* @__PURE__ */ p("th", {
-								scope: "col",
-								className: n.controlCell,
-								children: /* @__PURE__ */ p("span", {
-									className: n.srOnly,
-									children: j.expandRow
-								})
-							}),
-							x && /* @__PURE__ */ p("th", {
-								scope: "col",
-								className: n.controlCell,
-								children: x.mode === "multi" ? /* @__PURE__ */ p(t, {
-									"aria-label": j.selectAll,
-									checked: Y,
-									indeterminate: ke && !Y,
-									onChange: je
-								}) : /* @__PURE__ */ p("span", {
-									className: n.srOnly,
-									children: j.selectRow
-								})
-							}),
-							h.map((e) => {
-								let t = M.value?.key === e.key ? M.value.direction : void 0, r = t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
-								return /* @__PURE__ */ p("th", {
-									scope: "col",
-									"data-align": e.align ?? "start",
-									"data-sized": e.width !== void 0 || void 0,
-									"aria-sort": e.sortable ? r : void 0,
-									children: e.sortable ? /* @__PURE__ */ p("button", {
-										type: "button",
-										className: n.sortButton,
-										"data-state": r,
-										onClick: () => we(e.key),
-										children: e.header
-									}) : e.header
-								}, e.key);
-							})
-						] }) }),
-						/* @__PURE__ */ m("tbody", { children: [
-							w && Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ p("tr", {
-								className: n.row,
-								children: Array.from({ length: Q }, (e, t) => /* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("span", {
-									className: n.shimmer,
-									"aria-hidden": "true"
-								}) }, t))
-							}, t)),
-							!w && J.length === 0 && /* @__PURE__ */ p("tr", {
-								"data-empty-row": !0,
-								children: /* @__PURE__ */ p("td", {
-									colSpan: Q,
-									className: n.emptyCell,
-									children: pe ?? j.empty
-								})
-							}),
-							!w && O && Z > 0 && /* @__PURE__ */ p("tr", {
-								"aria-hidden": "true",
-								style: { height: Z * k }
-							}),
-							!w && X.map((e, i) => {
-								let a = O ? Z + i : i, o = N.includes(e.id), s = Oe.has(e.id);
-								return /* @__PURE__ */ m(r, { children: [/* @__PURE__ */ m("tr", {
-									className: n.row,
-									"data-parity": a % 2 == 0 ? "even" : "odd",
-									"data-state": o ? "selected" : void 0,
-									"aria-rowindex": O ? Z + i + 1 : void 0,
-									children: [
-										C && /* @__PURE__ */ p("td", {
-											className: n.controlCell,
-											children: /* @__PURE__ */ p("button", {
-												type: "button",
-												className: n.expandButton,
-												"aria-expanded": s,
-												"aria-label": j.expandRow,
-												"data-state": s ? "open" : "closed",
-												onClick: () => De(e.id),
-												children: /* @__PURE__ */ p("span", {
-													className: n.chevron,
-													"aria-hidden": "true"
-												})
-											})
-										}),
-										x && /* @__PURE__ */ p("td", {
-											className: n.controlCell,
-											children: /* @__PURE__ */ p(t, {
-												"aria-label": j.selectRow,
-												checked: o,
-												onChange: () => Ee(e.id)
-											})
-										}),
-										h.map((t) => /* @__PURE__ */ p("td", {
-											"data-align": t.align ?? "start",
-											"data-sized": t.width !== void 0 || void 0,
-											children: t.render ? t.render(e.row) : String(v(e.row, t.key) ?? "")
-										}, t.key))
-									]
-								}), C && /* @__PURE__ */ p("tr", {
-									className: n.expansionRow,
-									"data-state": s ? "open" : "closed",
-									children: /* @__PURE__ */ p("td", {
-										colSpan: Q,
-										children: /* @__PURE__ */ p("div", {
-											className: n.expansionGrid,
-											"data-state": s ? "open" : "closed",
-											children: /* @__PURE__ */ p("div", {
-												className: n.expansionInner,
-												children: C(e.row)
-											})
-										})
-									})
-								})] }, e.id);
-							}),
-							!w && O && Ae < J.length && /* @__PURE__ */ p("tr", {
-								"aria-hidden": "true",
-								style: { height: (J.length - Ae) * k }
-							}),
-							Me > 0 && /* @__PURE__ */ p("tr", {
-								"aria-hidden": "true",
-								"data-filler-row": !0,
-								children: /* @__PURE__ */ p("td", {
-									colSpan: Q,
-									style: {
-										blockSize: `calc(var(--_row-height) * ${Me})`,
-										padding: 0
-									}
-								})
-							})
-						] })
-					]
-				})
-			}),
-			b && /* @__PURE__ */ m("div", {
-				className: n.footer,
-				children: [
-					b.pageSizeOptions && /* @__PURE__ */ m("label", {
-						className: n.pageSize,
-						children: [/* @__PURE__ */ p("span", { children: "Rows per page" }), /* @__PURE__ */ p("select", {
-							value: L.value,
-							onChange: (e) => {
-								L.value = Number(e.target.value), I.value = 1;
-							},
-							children: b.pageSizeOptions.map((e) => /* @__PURE__ */ p("option", {
-								value: e,
-								children: e
-							}, e))
-						})]
-					}),
-					/* @__PURE__ */ m("span", {
-						className: n.range,
-						children: [
-							Fe,
-							"–",
-							Ie,
-							" of ",
-							$
-						]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: n.pageButtons,
-						children: [/* @__PURE__ */ p("button", {
-							type: "button",
-							className: n.pageButton,
-							"aria-label": j.previousPage,
-							disabled: W.value <= 1,
-							onClick: () => {
-								I.value = W.value - 1;
-							},
-							children: /* @__PURE__ */ p("span", {
-								"aria-hidden": "true",
-								children: "‹"
-							})
-						}), /* @__PURE__ */ p("button", {
-							type: "button",
-							className: n.pageButton,
-							"aria-label": j.nextPage,
-							disabled: W.value >= U.value,
-							onClick: () => {
-								I.value = W.value + 1;
-							},
-							children: /* @__PURE__ */ p("span", {
-								"aria-hidden": "true",
-								children: "›"
-							})
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { y as DataTable };
+"use client";import{Button as e}from"../button/button.js";import{Checkbox as t}from"../checkbox/checkbox.js";import{OverflowMenu as n}from"../overflow-menu/overflow-menu.js";import{Editable as r}from"../editable/editable.js";import{Popover as i,PopoverContent as a,PopoverTrigger as o}from"../popover/popover.js";import s from"./data-table.module.js";import{applyColumnFilters as c,countActiveFilters as l,facetValues as ee,isFilterActive as te,numericExtent as ne}from"./column-filter.js";import{displayColumns as re,moveColumn as ie,pinColumn as ae,resizeColumn as u,stickyOffsets as oe,toggleColumnHidden as se}from"./column-layout.js";import{moveGridFocus as ce}from"./grid-keys.js";import{aggregate as d,groupItems as le,headerSpans as ue}from"./row-group.js";import{createRowSearch as de}from"./row-search.js";import{downloadCsv as fe,toCsv as pe}from"./to-csv.js";import{sortRowsBy as me}from"./row-sort.js";import{computeWindow as he,scrollTopForRow as ge}from"./virtual-window.js";import{Fragment as _e,useId as ve,useRef as f}from"react";import{batch as ye,cn as be,persistedSignal as xe,useComputed as p,useControllableSignal as m,useSignal as h,useSignalEffect as g,useSignals as Se}from"@cascivo/core";import{builtin as _,formatNumber as v,t as y}from"@cascivo/i18n";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{flushSync as Ce}from"react-dom";var we=``;function aggregateCell(e,t){let n=e.aggregate;if(n===void 0)return null;if(typeof n==`function`)return n(t);let r=d(t.map(t=>cellValue(t,e.key)),n);return r===void 0?null:n===`count`?v(r):v(r,{maximumFractionDigits:2})}var Te=new Map;function persistedTableState(e){let t=Te.get(e);return t||(t=xe(`cascivo.data-table.${e}`,{columnState:{}}),Te.set(e,t)),t}var Ee=new Set;function isDev(){return globalThis.process?.env?.NODE_ENV!==`production`}var De=new Set;function warnIfOverflowing(e,t,n){if(!isDev())return;let r=e.scrollWidth-e.clientWidth;if(r<=1)return;let i=`${n}:${e.clientWidth}`;De.has(i)||(De.add(i),console.warn(`cascivo DataTable: the table overflows its container (scrollWidth ${e.scrollWidth}px > clientWidth ${e.clientWidth}px, by ${r}px), so the last column is cut off. `+(t.length>0?`Drop a \`width\` from one of the sized columns (${t.join(`, `)}), or lower the \`minWidth\` on the free-form one.`:"Lower the `minWidth` on the widest column.")))}function warnIfUnnamed(e,t,n){isDev()&&(e!==void 0||t!==void 0||Ee.has(n)||(Ee.add(n),console.warn(`cascivo DataTable: this table has no accessible name (columns: ${n}). Pass \`title\` for a visible caption, or \`ariaLabel\` for a name only screen readers hear.`)))}function cellValue(e,t){return e[t]}function DataTable({columns:d,rows:xe,getRowId:v,sort:Te,defaultSort:Ee,sortMode:De=`client`,onSortChange:Oe,searchable:ke=!1,pagination:S,selection:C,batchActions:Ae,renderExpandedRow:w,filters:je,defaultFilters:Me,onFiltersChange:Ne,noResultsState:Pe,toolbar:Fe,rowActions:T,columnState:Ie,defaultColumnState:Le,onColumnStateChange:Re,columnSettings:E,server:D,multiSort:ze=!1,stateKey:Be,keyboardNavigation:Ve=`row`,onCellEdit:He,groupBy:Ue,totals:We=!1,pinnedRows:Ge,columnGroups:Ke,exportable:qe=!1,density:Je=`normal`,zebra:Ye=!1,stickyHeader:Xe=!1,loading:O=!1,emptyState:Ze,title:k,ariaLabel:Qe,description:A,labels:j,className:$e,virtualized:M=!1,rowHeight:et,windowSize:tt,overscan:nt=3}){Se();let rt=ve(),N={search:j?.search??y(_.dataTable.search),empty:j?.empty??y(_.dataTable.empty),selectAll:j?.selectAll??y(_.dataTable.selectAll),selectRow:j?.selectRow??y(_.dataTable.selectRow),itemsSelected:e=>j?.itemsSelected?.(e)??y(_.dataTable.itemsSelected,{count:e}),expandRow:j?.expandRow??y(_.dataTable.expandRow),previousPage:j?.previousPage??y(_.dataTable.previousPage),nextPage:j?.nextPage??y(_.dataTable.nextPage),columns:j?.columns??y(_.dataTable.columns),actions:j?.actions??y(_.dataTable.actions),noResults:j?.noResults??y(_.dataTable.noResults),clearFilters:j?.clearFilters??y(_.dataTable.clearFilters),filterColumn:e=>j?.filterColumn?.(e)??y(_.dataTable.filterColumn,{column:e}),min:j?.min??y(_.dataTable.min),max:j?.max??y(_.dataTable.max),all:j?.all??y(_.dataTable.all),columnMenu:e=>j?.columnMenu?.(e)??y(_.dataTable.columnMenu,{column:e}),sortAscending:j?.sortAscending??y(_.dataTable.sortAscending),sortDescending:j?.sortDescending??y(_.dataTable.sortDescending),clearSort:j?.clearSort??y(_.dataTable.clearSort),moveLeft:j?.moveLeft??y(_.dataTable.moveLeft),moveRight:j?.moveRight??y(_.dataTable.moveRight),pinStart:j?.pinStart??y(_.dataTable.pinStart),pinEnd:j?.pinEnd??y(_.dataTable.pinEnd),unpin:j?.unpin??y(_.dataTable.unpin),hideColumn:j?.hideColumn??y(_.dataTable.hideColumn),resizeColumn:e=>j?.resizeColumn?.(e)??y(_.dataTable.resizeColumn,{column:e}),editCell:e=>j?.editCell?.(e)??y(_.dataTable.editCell,{column:e}),totals:j?.totals??y(_.dataTable.totals),exportCsv:j?.exportCsv??y(_.dataTable.exportCsv)},[it]=m({value:xe}),[P]=m({value:d}),at=Be===void 0?void 0:persistedTableState(Be),[F,ot]=m({value:Te,defaultValue:at?.value.sort??Ee}),[st]=m({value:(typeof Ue==`string`?[Ue]:Ue??[]).join(we)}),ct=h(new Set),lt=h([]),I=C?.selected??lt.value,setSelected=e=>{C?.selected===void 0&&(lt.value=e),C?.onChange?.(e)},ut=h(``),[dt,L]=m({value:S?.page,defaultValue:1,onChange:S?.onPageChange}),[ft,pt]=m({value:je,defaultValue:Me??{},onChange:Ne}),[R,z]=m({value:Ie,defaultValue:at?.value.columnState??Le??{},onChange:Re});g(()=>{let e={columnState:R.value};F.value&&(e.sort=F.value),at&&(at.value=e)});let mt=p(()=>re(P.value,R.value)),B=f(null),ht=h([]);g(()=>{let e=R.value.pinned;if(!e||Object.keys(e).length===0)return;let t=H.current;if(!t||typeof ResizeObserver>`u`)return;let measure=()=>{let e=t.querySelector(`thead tr:not([data-group-header])`);e&&(ht.value=Array.from(e.children,e=>e.getBoundingClientRect().width))};measure();let n=new ResizeObserver(measure);n.observe(t);let r=t.querySelector(`table`);return r&&n.observe(r),()=>n.disconnect()});let gt=h(null);g(()=>{let e=gt.value;if(!e)return;let t=B.current?getComputedStyle(B.current).direction===`rtl`:!1,onMove=n=>{let r=(n.clientX-e.startX)*(t?-1:1);z(u(R.value,e.key,e.startWidth+r))},onUp=()=>{gt.value=null};return window.addEventListener(`pointermove`,onMove),window.addEventListener(`pointerup`,onUp),()=>{window.removeEventListener(`pointermove`,onMove),window.removeEventListener(`pointerup`,onUp)}});let V=h(S?.pageSize??0),_t=h(new Set),vt=Ve===`grid`,yt=h({row:-1,col:0}),bt=f(!1),H=f(null),xt=h(0),St=h(0),Ct=h(0);g(()=>{let e=H.current;if(!e||typeof ResizeObserver>`u`)return;let t=d.filter(e=>e.width!==void 0).map(e=>e.key),n=d.map(e=>e.key).join(`,`),r=0,i=new ResizeObserver(()=>{cancelAnimationFrame(r),r=requestAnimationFrame(()=>{warnIfOverflowing(e,t,n);let r=e.querySelector(`thead tr[data-group-header]`);e.style.setProperty(`--_group-h`,`${r?r.getBoundingClientRect().height:0}px`);let i=e.querySelector(`thead tr:not([data-group-header])`);i&&e.style.setProperty(`--_head-h`,`${i.getBoundingClientRect().height}px`);let a=e.querySelector(`thead`);a&&e.style.setProperty(`--_thead-h`,`${a.getBoundingClientRect().height}px`)})});return i.observe(e),()=>{cancelAnimationFrame(r),i.disconnect()}}),g(()=>{if(!M)return;let e=H.current;if(!e)return;let onScroll=()=>{Ce(()=>{xt.value=e.scrollTop})};return e.addEventListener(`scroll`,onScroll,{passive:!0}),()=>e.removeEventListener(`scroll`,onScroll)}),g(()=>{if(!M)return;let e=H.current;if(!e||typeof ResizeObserver>`u`)return;let measure=()=>{St.value=e.clientHeight;let t=e.querySelector(`tbody tr[aria-rowindex]`)?.getBoundingClientRect().height??0;t>0&&(Ct.value=t)};measure();let t=new ResizeObserver(measure);t.observe(e);let n=e.querySelector(`table`);return n&&t.observe(n),()=>t.disconnect()});let wt=p(()=>(mt.value,it.value.map((e,t)=>({row:e,id:v?v(e):String(t)})))),Tt=p(()=>{let e=F.value;return!e||De===`server`||D?wt.value:me(wt.value,[e,...e.thenBy??[]].map(e=>({keyOf:t=>cellValue(t.row,e.key),direction:e.direction})))}),Et=p(()=>D?Tt.value:c(Tt.value,ft.value,(e,t)=>cellValue(e.row,t))),Dt=p(()=>{let e=mt.value;return de(t=>{if(t.haystack===void 0){let n=``;for(let r of e)n+=String(cellValue(t.row,r.key)??``)+`\0`;t.haystack=n.toLowerCase()}return t.haystack})});g(()=>{if(!ke)return;let e=wt.value,t=Dt.value,n=typeof requestIdleCallback==`function`,r,i=0,step=()=>{i=t.prime(e,i,2e4),i<e.length&&schedule()},schedule=()=>{r=n?requestIdleCallback(step,{timeout:500}):setTimeout(step,16)};return schedule(),()=>{n?cancelIdleCallback(r):clearTimeout(r)}});let Ot=p(()=>{if(D)return Tt.value;let e=ut.value.trim().toLowerCase();return e?Dt.value.filter(Et.value,e):Et.value}),kt=p(()=>{let e=st.value===``?[]:st.value.split(we);return e.length===0?Ot.value:le(Ot.value,e,(e,t)=>cellValue(e.row,t),ct.value)}),At=p(()=>S?Math.max(1,Math.ceil(kt.value.length/V.value)):1),jt=p(()=>Math.min(dt.value,At.value)),Mt=p(()=>{if(!S||D)return kt.value;let e=(jt.value-1)*V.value;return kt.value.slice(e,e+V.value)}),Nt=p(()=>st.value===``?Mt.value:Mt.value.filter(e=>e.group===void 0)),Pt=p(()=>{let e=new Map,t=P.value.filter(e=>e.aggregate!==void 0);if(t.length===0)return e;let n=Ot.value.map(e=>e.row);for(let r of t)e.set(r.key,aggregateCell(r,n));return e}),Ft=f(D);Ft.current=D;let It=f(!1);g(()=>{let e={sort:F.value,search:ut.value.trim(),filters:ft.value,page:dt.value,pageSize:V.value};if(!It.current){It.current=!0;return}Ft.current?.onQueryChange(e)});let setColumnFilter=(e,t)=>{let n={...ft.value};t&&te(t)?n[e]=t:delete n[e],ye(()=>{pt(n),L(1)})},clearFilters=()=>ye(()=>{pt({}),L(1)}),toggleColumn=e=>z(se(P.value,R.value,e)),onColumnMenu=(e,t)=>{let n=R.value,r=B.current?getComputedStyle(B.current).direction===`rtl`:!1;switch(t){case`sort-asc`:return applySort({key:e.key,direction:`asc`});case`sort-desc`:return applySort({key:e.key,direction:`desc`});case`sort-clear`:return applySort(void 0);case`move-left`:return z(ie(P.value,n,e.key,r?1:-1));case`move-right`:return z(ie(P.value,n,e.key,r?-1:1));case`pin-start`:return z(ae(n,e.key,`start`));case`pin-end`:return z(ae(n,e.key,`end`));case`unpin`:return z(ae(n,e.key,null));case`hide`:return toggleColumn(e.key);default:return}},Lt=h(null),Rt=f(null),facetCache=()=>{let e=wt.value;return Rt.current?.entries!==e&&(Rt.current={entries:e,facets:new Map,extents:new Map}),Rt.current},facetsOf=e=>{let t=facetCache(),n=t.facets.get(e);return n||(n=ee(t.entries,t=>cellValue(t.row,e)),t.facets.set(e,n)),n},extentOf=e=>{let t=facetCache();return t.extents.has(e)||t.extents.set(e,ne(t.entries,t=>cellValue(t.row,e))),t.extents.get(e)},applySort=e=>{ye(()=>{ot(e),L(1)}),Oe?.(e)},cycleSort=(e,t=!1)=>{let n=F.value;if(t&&ze&&n&&n.key!==e){let t=n.thenBy??[],r=t.findIndex(t=>t.key===e),i=r===-1?[...t,{key:e,direction:`asc`}]:t.map((t,n)=>n===r?{key:e,direction:t.direction===`asc`?`desc`:`asc`}:t);return applySort({...n,thenBy:i})}let r;r=!n||n.key!==e?{key:e,direction:`asc`}:n.direction===`asc`?{key:e,direction:`desc`}:void 0,applySort(r)},sortLevelOf=e=>{let t=F.value;if(!t)return;if(t.key===e)return{index:0,direction:t.direction};let n=(t.thenBy??[]).findIndex(t=>t.key===e);return n===-1?void 0:{index:n+1,direction:(t.thenBy??[])[n].direction}},onTableKeyDown=e=>{if(![`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key))return;let t=e.currentTarget,n=Array.from(t.querySelectorAll(`th button, td button, td input[type="checkbox"]`)),r=n.indexOf(document.activeElement);if(r===-1)return;e.preventDefault();let row=e=>e.closest(`tr`),i;if(e.key===`ArrowRight`||e.key===`ArrowLeft`){let t=n[r+(e.key===`ArrowRight`?1:-1)];t&&row(t)===row(n[r])&&(i=t)}else{let t=e.key===`ArrowDown`?1:-1,a=n[r];for(let e=r+t;e>=0&&e<n.length;e+=t)if(row(n[e])!==row(a)){i=n[e];break}}i?.focus()},zt=f(null);zt.current?.ids!==I&&(zt.current={ids:I,set:new Set(I)});let U=zt.current.set,toggleRow=e=>{let t=I;C?.mode===`single`?setSelected(U.has(e)?[]:[e]):setSelected(U.has(e)?t.filter(t=>t!==e):[...t,e])},toggleExpanded=e=>{let t=new Set(_t.value);t.has(e)?t.delete(e):t.add(e),_t.value=t},W=Mt.value,G=Nt.value,Bt=_t.value,Vt=f(null);(Vt.current?.page!==G||Vt.current.set!==U)&&(Vt.current={page:G,set:U,all:G.length>0&&G.every(e=>U.has(e.id)),some:G.some(e=>U.has(e.id))});let Ht=Vt.current.all,Ut=Vt.current.some,Wt=et??(Ct.value>0?Ct.value:40),Gt=tt===void 0?St.value>0?St.value:20*Wt:tt*Wt,K=M?he({scrollTop:xt.value,viewportHeight:Gt,rowHeight:Wt,count:W.length,overscan:nt}):void 0,Kt=K?W.slice(K.start,K.end):W,qt=K?.start??0,toggleAll=()=>{if(Ht){let e=new Set(G.map(e=>e.id));setSelected(I.filter(t=>!e.has(t)))}else{let e=new Set(I);for(let t of G)e.add(t.id);setSelected([...e])}},q=mt.value,J=R.value,Jt=new Set(J.hidden??[]),Yt=E?.visibility===!0,Xt=E!==void 0&&(E.reorderable===!0||E.pinnable===!0||E.visibility===!0),Zt=E?.resizable===!0,Qt=Object.keys(J.widths??{}).length>0,Y=J.pinned??{},X=+!!w+ +!!C,$t=q.some(e=>Y[e.key]===`start`),en=q.some(e=>Y[e.key]===`end`),Z=[...Array.from({length:X},()=>$t?`start`:void 0),...q.map(e=>Y[e.key]),...T?[en?`end`:void 0]:[]],tn=ht.value,nn=tn.length===Z.length?oe(tn,Z):Z.map(()=>void 0),rn=Z.lastIndexOf(`start`),an=Z.indexOf(`end`),pinAttrs=e=>{let t=Z[e];if(!t)return{};let n=nn[e];return{"data-pinned":t,"data-pinned-edge":e===rn||e===an?!0:void 0,style:n===void 0?void 0:t===`start`?{insetInlineStart:n}:{insetInlineEnd:n}}},on=Math.min(yt.value.row,W.length-1),sn={row:on,col:W[on]?.group?X:Math.min(yt.value.col,Z.length-1)},focusCellRef=e=>{e&&bt.current&&(bt.current=!1,e.focus())},gridAttrs=(e,t)=>{if(!vt||e===void 0)return{};let n=sn.row===e&&sn.col===t;return{tabIndex:n?0:-1,"data-cell":`${e},${t}`,ref:n?focusCellRef:void 0,onFocus:()=>{n||(yt.value={row:e,col:t})}}},Q=vt?{tabIndex:-1}:{},cn=Math.max(1,Math.floor(Gt/Wt)),moveFocusTo=e=>{if(bt.current=!0,yt.value=e,K&&e.row>=0&&(e.row<K.start||e.row>=K.end)){let t=H.current;t&&(t.scrollTop=ge(e.row,{viewportHeight:Gt,rowHeight:Wt,count:W.length,overscan:nt}))}},onGridKeyDown=e=>{let t=e.target,n=t.closest(`[data-cell]`);if(!n)return;if(t!==n){e.key===`Escape`&&(e.preventDefault(),n.focus());return}if(e.key===`Enter`||e.key===`F2`){let t=n.querySelector(`button, input, select, a[href], [tabindex]`);if(!t)return;e.preventDefault(),t.focus(),n.hasAttribute(`data-editable`)&&t.click();return}let[r=-1,i=0]=(n.dataset.cell??``).split(`,`).map(Number),a=ce({row:r,col:i},e.key,{rowCount:W.length,colCount:Z.length,pageRows:cn},e.ctrlKey||e.metaKey);a&&(e.preventDefault(),moveFocusTo(W[a.row]?.group?{row:a.row,col:X}:a))},exportCsv=()=>{fe(pe(Ot.value.map(e=>e.row),q.map(e=>({key:e.key,header:e.header})),cellValue),(typeof qe==`object`?qe.filename:void 0)??k??`export`)},toggleGroup=e=>{let t=new Set(ct.value);t.has(e)?t.delete(e):t.add(e),ct.value=t},ln=f(new WeakMap),toEntries=(e,t)=>(e??[]).map((e,n)=>({row:e,id:v?v(e):`${t}-${n}`})),un=toEntries(Ge?.top,`pinned-top`),dn=toEntries(Ge?.bottom,`pinned-bottom`),columnMenuItems=e=>{let t=[];if(e.sortable&&(t.push({id:`sort-asc`,label:N.sortAscending},{id:`sort-desc`,label:N.sortDescending}),F.value?.key===e.key&&t.push({id:`sort-clear`,label:N.clearSort})),E?.reorderable){let n=q.filter(t=>Y[t.key]===Y[e.key]),r=n.indexOf(e);t.push({id:`move-left`,label:N.moveLeft,disabled:r===0},{id:`move-right`,label:N.moveRight,disabled:r===n.length-1})}if(E?.pinnable){let n=Y[e.key];n!==`start`&&t.push({id:`pin-start`,label:N.pinStart}),n!==`end`&&t.push({id:`pin-end`,label:N.pinEnd}),n&&t.push({id:`unpin`,label:N.unpin})}return E?.visibility&&t.push({id:`hide`,label:N.hideColumn,disabled:q.length===1}),t},onResizeKeyDown=(e,t)=>{let n=B.current?getComputedStyle(B.current).direction===`rtl`:!1,r=t.shiftKey?64:16,i=n?`ArrowLeft`:`ArrowRight`,a=n?`ArrowRight`:`ArrowLeft`,o=J.widths?.[e.key]??(t.currentTarget.parentElement?.getBoundingClientRect().width||0);if(t.key===i)z(u(J,e.key,o+r));else if(t.key===a)z(u(J,e.key,o-r));else if(t.key===`Home`)z(u(J,e.key,void 0));else return;t.preventDefault()},fn=l(ft.value),pn=q.some(e=>e.filter!==void 0),mn=q.length+ +!!C+ +!!w+ +!!T,hn=(ut.value.trim()!==``||fn>0)&&(D?!0:xe.length>0),gn=D?D.totalItems??xe.length:kt.value.length,_n=S?Math.max(1,Math.ceil(gn/V.value)):1,$=Math.min(dt.value,_n),vn=S&&!M&&Kt.length>0?Math.max(0,V.value-Kt.length):0;warnIfUnnamed(k,Qe,d.map(e=>e.key).join(`,`));let yn=`${rt}-title`,bn=`${rt}-description`,xn=gn===0?0:($-1)*V.value+1,Sn=gn===0?0:xn+W.length-1,Cn=!!Ae&&Ae.length>0&&I.length>0,renderFilter=n=>{let r=ft.value[n.key],c=N.filterColumn(n.header);switch(n.filter){case`text`:return b(`input`,{type:`search`,className:s.filterInput,"aria-label":c,value:r?.kind===`text`?r.value:``,onChange:e=>setColumnFilter(n.key,{kind:`text`,value:e.target.value})});case`range`:{let e=r?.kind===`range`?r.min:void 0,t=r?.kind===`range`?r.max:void 0,i=extentOf(n.key),parse=e=>e===``?void 0:Number(e);return x(`div`,{className:s.rangeInputs,children:[b(`input`,{type:`number`,className:s.filterInput,"aria-label":`${c}: ${N.min}`,placeholder:i?String(i.min):N.min,value:e??``,onChange:e=>{let r={kind:`range`},i=parse(e.target.value);i!==void 0&&!Number.isNaN(i)&&(r.min=i),t!==void 0&&(r.max=t),setColumnFilter(n.key,r)}}),b(`input`,{type:`number`,className:s.filterInput,"aria-label":`${c}: ${N.max}`,placeholder:i?String(i.max):N.max,value:t??``,onChange:t=>{let r={kind:`range`};e!==void 0&&(r.min=e);let i=parse(t.target.value);i!==void 0&&!Number.isNaN(i)&&(r.max=i),setColumnFilter(n.key,r)}})]})}case`select`:{let l=r?.kind===`select`?r.values:[],ee=Lt.value===n.key;return x(i,{placement:`bottom`,open:ee,onOpenChange:e=>{Lt.value=e?n.key:null},children:[b(o,{asChild:!0,children:b(e,{size:`sm`,variant:`secondary`,"aria-label":c,children:l.length>0?N.itemsSelected(l.length):N.all})}),b(a,{className:s.menu,children:ee&&facetsOf(n.key).map(e=>{let r=l.includes(e.value);return b(t,{label:`${e.value===``?`—`:e.value} (${e.count})`,checked:r,onChange:()=>setColumnFilter(n.key,{kind:`select`,values:r?l.filter(t=>t!==e.value):[...l,e.value]})},e.value)})})]})}default:return null}},renderRow=(e,i,a,o)=>{let c=U.has(e.id),l=Bt.has(e.id);return x(_e,{children:[x(`tr`,{className:s.row,"data-parity":i%2==0?`even`:`odd`,"data-state":c?`selected`:void 0,"aria-rowindex":M&&!o?i+1:void 0,"data-pinned-row":o,style:o===`top`?{"--_pin-index":i}:void 0,children:[w&&b(`td`,{className:s.controlCell,...pinAttrs(0),...gridAttrs(a,0),children:b(`button`,{type:`button`,className:s.expandButton,"aria-expanded":l,"aria-label":N.expandRow,"data-state":l?`open`:`closed`,onClick:()=>toggleExpanded(e.id),...Q,children:b(`span`,{className:s.chevron,"aria-hidden":`true`})})}),C&&b(`td`,{className:s.controlCell,...pinAttrs(+!!w),...gridAttrs(a,+!!w),children:b(t,{"aria-label":N.selectRow,checked:c,onChange:()=>toggleRow(e.id),...Q})}),q.map((t,n)=>{let i=He!==void 0&&t.editable&&!t.render;return b(`td`,{"data-align":t.align??`start`,"data-sized":t.width!==void 0||J.widths?.[t.key]!==void 0||void 0,"data-editable":i||void 0,...pinAttrs(X+n),...gridAttrs(a,X+n),children:t.render?t.render(e.row):i?b(r,{value:String(cellValue(e.row,t.key)??``),onValueChange:n=>He(e.row,t.key,n),"aria-label":N.editCell(t.header),...Q}):String(cellValue(e.row,t.key)??``)},t.key)}),T&&b(`td`,{className:s.controlCell,...pinAttrs(X+q.length),...gridAttrs(a,X+q.length),children:(()=>{let t=T(e.row);return t.length===0?null:b(n,{size:`sm`,ariaLabel:N.actions,items:t.map(e=>({id:e.id,label:e.label,...e.destructive!==void 0&&{destructive:e.destructive},...e.disabled!==void 0&&{disabled:e.disabled},...e.icon!==void 0&&{icon:e.icon}})),onSelect:n=>t.find(e=>e.id===n)?.onSelect(e.row),...Q})})()})]}),w&&b(`tr`,{className:s.expansionRow,"data-state":l?`open`:`closed`,children:b(`td`,{colSpan:mn,children:b(`div`,{className:s.expansionGrid,"data-state":l?`open`:`closed`,children:b(`div`,{className:s.expansionInner,children:w(e.row)})})})})]},e.id)},renderGroupRow=(e,t)=>{let{group:n}=e,r=ln.current.get(e);r||(r=new Map,ln.current.set(e,r));let i=r,a,cellFor=t=>t.aggregate===void 0?null:(i.has(t.key)||(a??=e.leaves.map(e=>e.row),i.set(t.key,aggregateCell(t,a))),i.get(t.key));return x(`tr`,{className:s.groupRow,"data-depth":n.depth,"data-state":n.collapsed?`closed`:`open`,"aria-rowindex":M?t+1:void 0,children:[w&&b(`td`,{className:s.controlCell,...pinAttrs(0)}),C&&b(`td`,{className:s.controlCell,...pinAttrs(+!!w)}),q.map((e,r)=>b(`td`,{"data-align":r===0?`start`:e.align??`start`,...pinAttrs(X+r),...gridAttrs(r===0?t:void 0,X+r),children:r===0?x(`button`,{type:`button`,className:s.groupToggle,"aria-expanded":!n.collapsed,"data-state":n.collapsed?`closed`:`open`,style:{marginInlineStart:`${n.depth*1.25}rem`},onClick:()=>toggleGroup(n.key),...Q,children:[b(`span`,{className:s.chevron,"aria-hidden":`true`}),b(`span`,{children:String(n.value??``)||`—`}),x(`span`,{className:s.groupCount,children:[`(`,n.count,`)`]})]}):cellFor(e)},e.key)),T&&b(`td`,{className:s.controlCell,...pinAttrs(X+q.length)})]},e.id)};return x(`div`,{ref:B,className:be(s.root,$e),"data-density":Je,"data-resized":Qt||void 0,"data-zebra":Ye||void 0,"data-sticky-header":Xe||void 0,"data-paginated":S?!0:void 0,"data-fixed-layout":q.every(e=>e.width!==void 0)||void 0,children:[b(`span`,{"aria-live":`polite`,className:s.srOnly,children:I.length>0?N.itemsSelected(I.length):``}),(k!==void 0||A!==void 0||ke||Fe!==void 0||Yt||qe!==!1||fn>0)&&x(`div`,{className:s.toolbar,children:[(k!==void 0||A!==void 0)&&x(`div`,{className:s.heading,children:[k!==void 0&&b(`div`,{id:yn,className:s.title,children:k}),A!==void 0&&b(`div`,{id:bn,className:s.description,children:A})]}),x(`div`,{className:s.toolbarActions,children:[ke&&b(`input`,{type:`search`,className:s.search,"aria-label":N.search,placeholder:N.search,value:ut.value,onChange:e=>{ye(()=>{ut.value=e.target.value,L(1)})}}),fn>0&&x(e,{size:`sm`,variant:`ghost`,onClick:clearFilters,children:[N.clearFilters,` (`,fn,`)`]}),qe!==!1&&b(e,{size:`sm`,variant:`secondary`,onClick:exportCsv,children:N.exportCsv}),Fe,Yt&&x(i,{placement:`bottom`,children:[b(o,{asChild:!0,children:b(e,{size:`sm`,variant:`secondary`,children:N.columns})}),b(a,{className:s.menu,children:d.map(e=>{let n=!Jt.has(e.key);return b(t,{label:e.header,checked:n,disabled:n&&q.length===1,onChange:()=>toggleColumn(e.key)},e.key)})})]})]})]}),Cn&&x(`div`,{className:s.batchBar,children:[b(`span`,{className:s.batchCount,children:N.itemsSelected(I.length)}),b(`div`,{className:s.batchActions,children:Ae.map((t,n)=>b(e,{size:`sm`,variant:`secondary`,onClick:()=>t.onClick(I),children:t.label},t.id??`${n}-${t.label}`))})]}),b(`div`,{ref:H,className:be(s.scroller,M&&s.scrollerVirtualized),children:x(`table`,{className:s.table,"aria-labelledby":k===void 0?void 0:yn,"aria-label":k===void 0?Qe:void 0,"aria-describedby":A===void 0?void 0:bn,"aria-busy":O||void 0,role:vt?`grid`:void 0,"aria-rowcount":M?W.length:void 0,onKeyDown:vt?onGridKeyDown:onTableKeyDown,children:[x(`colgroup`,{children:[w&&b(`col`,{className:s.controlCol}),C&&b(`col`,{className:s.controlCol}),q.map(e=>{let t=J.widths?.[e.key],n=t===void 0?e.width:`${t}px`;return b(`col`,{style:n!==void 0||e.minWidth!==void 0?{...n===void 0?{}:{width:n},...e.minWidth===void 0?{}:{minWidth:e.minWidth}}:void 0},e.key)}),T&&b(`col`,{className:s.controlCol})]}),x(`thead`,{children:[Ke&&x(`tr`,{"data-group-header":!0,children:[X>0&&b(`th`,{colSpan:X,className:s.controlCell}),ue(q.map(e=>e.key),Ke).map((e,t)=>b(`th`,{scope:`colgroup`,colSpan:e.span,className:s.groupHeader,children:e.header},t)),T&&b(`th`,{className:s.controlCell})]}),x(`tr`,{children:[w&&b(`th`,{scope:`col`,className:s.controlCell,...pinAttrs(0),...gridAttrs(-1,0),children:b(`span`,{className:s.srOnly,children:N.expandRow})}),C&&b(`th`,{scope:`col`,className:s.controlCell,...pinAttrs(+!!w),...gridAttrs(-1,+!!w),children:C.mode===`multi`?b(t,{"aria-label":N.selectAll,checked:Ht,indeterminate:Ut&&!Ht,onChange:toggleAll,...Q}):b(`span`,{className:s.srOnly,children:N.selectRow})}),q.map((e,t)=>{let r=sortLevelOf(e.key),i=r?.direction,a=i===`asc`?`ascending`:i===`desc`?`descending`:`none`,o=r!==void 0&&(F.value?.thenBy?.length??0)>0,c=J.widths?.[e.key];return x(`th`,{scope:`col`,className:s.headerCell,"data-align":e.align??`start`,"data-sized":e.width!==void 0||c!==void 0||void 0,"aria-sort":e.sortable?a:void 0,...pinAttrs(X+t),...gridAttrs(-1,X+t),children:[x(`span`,{className:s.headerInner,children:[e.sortable?x(`button`,{type:`button`,className:s.sortButton,"data-state":a,onClick:t=>cycleSort(e.key,t.shiftKey),...Q,children:[e.header,o&&b(`sup`,{className:s.sortIndex,"aria-hidden":`true`,children:r.index+1})]}):e.header,Xt&&b(n,{size:`sm`,ariaLabel:N.columnMenu(e.header),items:columnMenuItems(e),onSelect:t=>onColumnMenu(e,t),...Q})]}),Zt&&b(`span`,{role:`separator`,"aria-orientation":`vertical`,"aria-label":N.resizeColumn(e.header),"aria-valuenow":c,tabIndex:vt?-1:0,className:s.resizeHandle,"data-state":gt.value?.key===e.key?`resizing`:void 0,onKeyDown:t=>onResizeKeyDown(e,t),onDoubleClick:()=>z(u(J,e.key,void 0)),onPointerDown:t=>{t.preventDefault();let n=t.currentTarget.parentElement;gt.value={key:e.key,startX:t.clientX,startWidth:n?n.getBoundingClientRect().width:0}}})]},e.key)}),T&&b(`th`,{scope:`col`,className:s.controlCell,...pinAttrs(X+q.length),...gridAttrs(-1,X+q.length),children:b(`span`,{className:s.srOnly,children:N.actions})})]}),pn&&x(`tr`,{className:s.filterRow,children:[w&&b(`th`,{...pinAttrs(0)}),C&&b(`th`,{...pinAttrs(+!!w)}),q.map((e,t)=>b(`th`,{"data-align":e.align??`start`,...pinAttrs(X+t),children:e.filter!==void 0&&renderFilter(e)},e.key)),T&&b(`th`,{...pinAttrs(X+q.length)})]})]}),x(`tbody`,{children:[O&&Array.from({length:5},(e,t)=>b(`tr`,{className:s.row,children:Array.from({length:mn},(e,t)=>b(`td`,{children:b(`span`,{className:s.shimmer,"aria-hidden":`true`})},t))},t)),!O&&un.map((e,t)=>renderRow(e,t,void 0,`top`)),!O&&W.length===0&&b(`tr`,{"data-empty-row":!0,children:b(`td`,{colSpan:mn,className:s.emptyCell,children:hn?Pe??N.noResults:Ze??N.empty})}),!O&&K&&K.topPad>0&&b(`tr`,{"aria-hidden":`true`,style:{height:K.topPad}}),!O&&Kt.map((e,t)=>{let n=M?qt+t:t;return e.group?renderGroupRow(e,n):renderRow(e,n,n)}),!O&&K&&K.bottomPad>0&&b(`tr`,{"aria-hidden":`true`,style:{height:K.bottomPad}}),vn>0&&b(`tr`,{"aria-hidden":`true`,"data-filler-row":!0,children:b(`td`,{colSpan:mn,style:{blockSize:`calc(var(--_row-height) * ${vn})`,padding:0}})}),!O&&dn.map((e,t)=>renderRow(e,t,void 0,`bottom`))]}),We&&b(`tfoot`,{className:s.totals,children:x(`tr`,{"data-totals-row":!0,children:[w&&b(`td`,{className:s.controlCell,...pinAttrs(0)}),C&&b(`td`,{className:s.controlCell,...pinAttrs(+!!w)}),q.map((e,t)=>x(`td`,{"data-align":e.align??`start`,...pinAttrs(X+t),children:[t===0&&b(`span`,{className:e.aggregate===void 0?void 0:s.srOnly,children:N.totals}),Pt.value.get(e.key)]},e.key)),T&&b(`td`,{className:s.controlCell,...pinAttrs(X+q.length)})]})})]})}),S&&x(`div`,{className:s.footer,children:[S.pageSizeOptions&&x(`label`,{className:s.pageSize,children:[b(`span`,{children:`Rows per page`}),b(`select`,{value:V.value,onChange:e=>{ye(()=>{V.value=Number(e.target.value),L(1)})},children:S.pageSizeOptions.map(e=>b(`option`,{value:e,children:e},e))})]}),x(`span`,{className:s.range,children:[xn,`–`,Sn,` of `,gn]}),x(`div`,{className:s.pageButtons,children:[b(`button`,{type:`button`,className:s.pageButton,"aria-label":N.previousPage,disabled:$<=1,onClick:()=>L($-1),children:b(`span`,{"aria-hidden":`true`,children:`‹`})}),b(`button`,{type:`button`,className:s.pageButton,"aria-label":N.nextPage,disabled:$>=_n,onClick:()=>L($+1),children:b(`span`,{"aria-hidden":`true`,children:`›`})})]})]})]})}export{DataTable};

package/dist/data-table/data-table.module.js

@@ -1,34 +1,2 @@
 import './data-table.css';
-var e = {
-	root: "_root_1bz3s_2",
-	toolbar: "_toolbar_1bz3s_26",
-	heading: "_heading_1bz3s_35",
-	title: "_title_1bz3s_41",
-	description: "_description_1bz3s_47",
-	search: "_search_1bz3s_52",
-	batchBar: "_batchBar_1bz3s_79",
-	batchCount: "_batchCount_1bz3s_89",
-	batchActions: "_batchActions_1bz3s_95",
-	scroller: "_scroller_1bz3s_101",
-	scrollerVirtualized: "_scrollerVirtualized_1bz3s_137",
-	table: "_table_1bz3s_143",
-	row: "_row_1bz3s_225",
-	controlCol: "_controlCol_1bz3s_245",
-	controlCell: "_controlCell_1bz3s_249",
-	sortButton: "_sortButton_1bz3s_255",
-	emptyCell: "_emptyCell_1bz3s_303",
-	expansionRow: "_expansionRow_1bz3s_310",
-	expansionGrid: "_expansionGrid_1bz3s_316",
-	expansionInner: "_expansionInner_1bz3s_320",
-	expandButton: "_expandButton_1bz3s_325",
-	chevron: "_chevron_1bz3s_348",
-	shimmer: "_shimmer_1bz3s_363",
-	footer: "_footer_1bz3s_390",
-	pageSize: "_pageSize_1bz3s_400",
-	range: "_range_1bz3s_426",
-	pageButtons: "_pageButtons_1bz3s_431",
-	pageButton: "_pageButton_1bz3s_431",
-	srOnly: "_srOnly_1bz3s_472"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1tqve_2`,toolbar:`_toolbar_1tqve_26`,heading:`_heading_1tqve_35`,title:`_title_1tqve_41`,description:`_description_1tqve_47`,search:`_search_1tqve_52`,toolbarActions:`_toolbarActions_1tqve_79`,menu:`_menu_1tqve_88`,filterRow:`_filterRow_1tqve_99`,filterInput:`_filterInput_1tqve_106`,rangeInputs:`_rangeInputs_1tqve_126`,batchBar:`_batchBar_1tqve_136`,batchCount:`_batchCount_1tqve_146`,batchActions:`_batchActions_1tqve_152`,scroller:`_scroller_1tqve_158`,scrollerVirtualized:`_scrollerVirtualized_1tqve_194`,table:`_table_1tqve_200`,totals:`_totals_1tqve_306`,groupHeader:`_groupHeader_1tqve_324`,groupRow:`_groupRow_1tqve_336`,groupToggle:`_groupToggle_1tqve_345`,chevron:`_chevron_1tqve_363`,groupCount:`_groupCount_1tqve_367`,row:`_row_1tqve_409`,headerCell:`_headerCell_1tqve_429`,headerInner:`_headerInner_1tqve_433`,resizeHandle:`_resizeHandle_1tqve_442`,controlCol:`_controlCol_1tqve_500`,controlCell:`_controlCell_1tqve_504`,sortButton:`_sortButton_1tqve_510`,sortIndex:`_sortIndex_1tqve_548`,emptyCell:`_emptyCell_1tqve_566`,expansionRow:`_expansionRow_1tqve_573`,expansionGrid:`_expansionGrid_1tqve_579`,expansionInner:`_expansionInner_1tqve_583`,expandButton:`_expandButton_1tqve_588`,shimmer:`_shimmer_1tqve_626`,footer:`_footer_1tqve_647`,pageSize:`_pageSize_1tqve_657`,range:`_range_1tqve_126`,pageButtons:`_pageButtons_1tqve_688`,pageButton:`_pageButton_1tqve_688`,srOnly:`_srOnly_1tqve_744`};export{e as default};

package/dist/data-table/grid-keys.js

@@ -0,0 +1 @@
+function moveGridFocus(e,t,n,r=!1){let i=n.rowCount-1,a=n.colCount-1,clampRow=e=>Math.max(-1,Math.min(i,e)),clampCol=e=>Math.max(0,Math.min(a,e));switch(t){case`ArrowDown`:return{row:clampRow(e.row+1),col:e.col};case`ArrowUp`:return{row:clampRow(e.row-1),col:e.col};case`ArrowRight`:return{row:e.row,col:clampCol(e.col+1)};case`ArrowLeft`:return{row:e.row,col:clampCol(e.col-1)};case`Home`:return r?{row:clampRow(0),col:0}:{row:e.row,col:0};case`End`:return r?{row:i,col:a}:{row:e.row,col:a};case`PageDown`:return{row:clampRow(e.row+n.pageRows),col:e.col};case`PageUp`:return{row:clampRow(e.row-n.pageRows),col:e.col};default:return}}export{moveGridFocus};

package/dist/data-table/row-group.js

@@ -0,0 +1 @@
+var e=``;function groupItems(t,n,r,i){let a=[],walk=(t,o,s)=>{let c=n[o];if(c===void 0){for(let e of t)a.push(e);return}let l=new Map;for(let e of t){let t=r(e,c),n=String(t??``),i=l.get(n);i?i.rows.push(e):l.set(n,{value:t,rows:[e]})}for(let[t,n]of l){let r=`${s}${c}=${t}`,l=i.has(r);a.push({id:`group${e}${r}`,group:{key:r,column:c,value:n.value,depth:o,count:n.rows.length,collapsed:l},leaves:n.rows}),l||walk(n.rows,o+1,`${r}${e}`)}};return walk(t,0,``),a}function aggregate(e,t){if(t===`count`)return e.length;let n=0,r=0,i=1/0,a=-1/0;for(let t of e){if(t==null||t===``)continue;let e=typeof t==`number`?t:Number(t);Number.isNaN(e)||(r++,n+=e,e<i&&(i=e),e>a&&(a=e))}if(r!==0)switch(t){case`sum`:return n;case`avg`:return n/r;case`min`:return i;default:return a}}function headerSpans(e,t){let n=new Map;for(let e of t)for(let t of e.columns)n.set(t,e.header);let r=[];for(let t of e){let e=n.get(t),i=r[r.length-1];i&&i.header===e?i.span++:r.push({header:e,span:1})}return r}export{aggregate,groupItems,headerSpans};

package/dist/data-table/row-search.js

@@ -0,0 +1 @@
+function createRowSearch(e){let t,n=``,r=[];return{filter(i,a){if(a===``)return t=i,n=``,r=i,i;let o=i===t;if(o&&a===n)return r;let s=o&&n!==``&&a.startsWith(n)?r:i,c=[];for(let t of s)e(t).includes(a)&&c.push(t);return t=i,n=a,r=c,c},prime(t,n,r){let i=Math.min(t.length,n+r);for(let r=n;r<i;r++)e(t[r]);return i}}}export{createRowSearch};

package/dist/data-table/row-sort.js

@@ -0,0 +1 @@
+function sortRowsBy(e,t){let n=e.length;if(n<2||t.length===0)return[...e];let r=Array.from({length:n},(e,t)=>t),collect=()=>r.map(t=>e[t]),i=new Intl.Collator().compare,a=[],o=[];for(let s of t){let c=Array.from({length:n}),l=!0;for(let t=0;t<n;t++){let n=s.keyOf(e[t]);c[t]=n,typeof n!=`number`&&(l=!1)}let u=s.direction===`desc`?-1:1,d=new Float64Array(n);if(l)for(let e=0;e<n;e++)d[e]=c[e];else{let e=Array.from({length:n});for(let t=0;t<n;t++)e[t]=String(c[t]??``);if(t.length===1&&mostlyDistinct(e))return r.sort((t,n)=>{let r=i(e[t],e[n]);return r===0?t-n:u*r}),collect();let a=new Map;for(let t=0;t<n;t++)a.set(e[t],0);let o=[...a.keys()].sort(i);for(let e=0;e<o.length;e++)a.set(o[e],e);for(let t=0;t<n;t++)d[t]=a.get(e[t])}a.push(d),o.push(u)}let s=a.length;return r.sort((e,t)=>{for(let n=0;n<s;n++){let r=a[n],i=r[e]-r[t];if(i!==0)return o[n]*i}return e-t}),collect()}function mostlyDistinct(e){let t=Math.min(e.length,2048),n=new Set;for(let r=0;r<t;r++)n.add(e[r]);return n.size>t*.9}export{sortRowsBy};

package/dist/data-table/to-csv.js

@@ -0,0 +1,3 @@
+function csvField(e){let t=e==null?``:String(e);return/[",\r\n]/.test(t)?`"${t.replaceAll(`"`,`""`)}"`:t}function toCsv(e,t,n){let r=[t.map(e=>csvField(e.header)).join(`,`)];for(let i of e)r.push(t.map(e=>csvField(n(i,e.key))).join(`,`));return r.join(`\r
+`)+`\r
+`}function downloadCsv(e,t){let n=new Blob([``,e],{type:`text/csv;charset=utf-8`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=t.endsWith(`.csv`)?t:`${t}.csv`,i.click(),URL.revokeObjectURL(r)}export{downloadCsv,toCsv};

package/dist/data-table/virtual-window.js

@@ -0,0 +1 @@
+function computeWindow(e){let{viewportHeight:t,rowHeight:n,count:r,overscan:i}=e,a=e.maxCanvas??12e6,o=r*n,s=Math.min(o,a);if(r===0)return{start:0,end:0,topPad:0,bottomPad:0,canvasHeight:0,scale:1};let c=Math.max(0,s-t),l=Math.max(0,Math.min(e.scrollTop,c)),u=c>0?Math.max(0,o-t)/c:1,d=l*u,f=Math.min(r-1,Math.floor(d/n)),p=Math.ceil(t/n)+1,m=Math.max(0,f-i),h=Math.min(r,f+p+i),g=d-f*n,_=Math.max(0,l-g-(f-m)*n);return{start:m,end:h,topPad:_,bottomPad:Math.max(0,s-_-(h-m)*n),canvasHeight:s,scale:u}}function scrollTopForRow(e,t){let{viewportHeight:n,rowHeight:r,count:i}=t,a=t.maxCanvas??12e6,o=i*r,s=Math.max(0,Math.min(o,a)-n);if(s===0)return 0;let c=Math.max(0,o-n)/s,l=Math.max(0,e*r-(n-r)/2);return Math.max(0,Math.min(s,Math.round(l/c)))}export{computeWindow,scrollTopForRow};

package/dist/date-picker/date-picker.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_g43fz_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_g43fz_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_g43fz_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_g43fz_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_g43fz_31{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_g43fz_38{align-items:center;display:flex;position:relative}._trigger_g43fz_44{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_g43fz_44:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_g43fz_44:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_g43fz_44:disabled{opacity:.5;cursor:not-allowed}._wrapper_g43fz_2[data-state=error] ._trigger_g43fz_44{border-color:var(--cascivo-color-destructive)}._value_g43fz_82{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_g43fz_88{color:var(--cascivo-color-text-subtle)}._icon_g43fz_91{color:var(--cascivo-color-text-muted);font-style:normal}._clear_g43fz_96{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_g43fz_96:hover{color:var(--cascivo-color-text)}._clear_g43fz_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_g43fz_121{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._calendar_g43fz_121[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_g43fz_121[data-state=open]{opacity:0;translate:0 -.25rem}}._header_g43fz_153{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_g43fz_160{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_g43fz_166{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_g43fz_166:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_g43fz_166:focus-visible{border-color:var(--cascivo-color-accent)}._grid_g43fz_188{border-collapse:collapse;inline-size:100%}._weekday_g43fz_193{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:2.25rem}._cell_g43fz_202{text-align:center;padding:2px}._empty_g43fz_206{inline-size:2.25rem}._day_g43fz_210{block-size:2.25rem;inline-size:2.25rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}._day_g43fz_210:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_g43fz_210:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_g43fz_210[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_g43fz_210[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_g43fz_210[aria-disabled]{opacity:.35;cursor:not-allowed}._error_g43fz_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive)}._hint_g43fz_249{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
+@layer cascivo.component{div:has(>._wrapper_7wyss_3){display:contents}._wrapper_7wyss_3{--cascivo-date-picker-day-today-color:var(--cascivo-color-accent-text);gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_7wyss_3[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_7wyss_3[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_7wyss_3[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_7wyss_42{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_7wyss_49{align-items:center;display:flex;position:relative}._trigger_7wyss_55{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_7wyss_55:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_7wyss_55:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_7wyss_55:disabled{opacity:.5;cursor:not-allowed}._wrapper_7wyss_3[data-state=error] ._trigger_7wyss_55{border-color:var(--cascivo-color-destructive)}._value_7wyss_93{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_7wyss_99{color:var(--cascivo-color-text-subtle)}._clear_7wyss_103{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_7wyss_103:hover{color:var(--cascivo-color-text)}._clear_7wyss_103:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._popup_7wyss_128{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._popup_7wyss_128[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._popup_7wyss_128[data-state=open]{opacity:0;translate:0 -.25rem}}._error_7wyss_160{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive)}._hint_7wyss_164{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}._openButton_7wyss_169{border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-block-size:1.75rem;min-inline-size:1.75rem;padding:0;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-1)}._openButton_7wyss_169:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._openButton_7wyss_169:disabled{opacity:.5;cursor:not-allowed}._calendarGlyph_7wyss_194,._clearGlyph_7wyss_195{background-color:var(--cascivo-color-text-muted);block-size:1rem;inline-size:1rem;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._calendarGlyph_7wyss_194{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}._clearGlyph_7wyss_195{block-size:.75rem;inline-size:.75rem;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}@media (pointer:coarse){._trigger_7wyss_55,._clear_7wyss_103,._openButton_7wyss_169{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}._clear_7wyss_103,._openButton_7wyss_169{min-inline-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (prefers-reduced-motion:reduce){._popup_7wyss_128{transition-duration:1ms}}@media (forced-colors:active){._popup_7wyss_128{border:1px solid canvastext}._trigger_7wyss_55:focus-visible,._clear_7wyss_103:focus-visible,._openButton_7wyss_169:focus-visible{outline-offset:1px;outline:2px solid highlight}}