@cascivo/react 0.14.0 → 0.16.1

package/dist/context-menu/context-menu.js

@@ -1,89 +1,93 @@
 "use client";
 
 import e from "./context-menu.module.js";
-import { useSignal as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { useRef as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Children as t, isValidElement as n, useRef as r } from "react";
+import { useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/context-menu/context-menu.tsx
-function s({ children: s }) {
-	r();
-	let c = i(null), l = i(null), u = t(!1), d = () => {
-		let e = c.current;
+function l() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function u({ children: u }) {
+	o();
+	let f = r(null), p = r(null), m = i(!1), h = () => {
+		let e = f.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
-	}, f = (e) => {
-		let t = d();
+	}, g = (e) => {
+		let t = h();
 		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, p = (e) => {
+	}, _ = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), f((e, t) => t < 0 ? 0 : (t + 1) % e.length);
+				e.preventDefault(), g((e, t) => t < 0 ? 0 : (t + 1) % e.length);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), f((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
+				e.preventDefault(), g((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
 				break;
 			case "Home":
-				e.preventDefault(), f(() => 0);
+				e.preventDefault(), g(() => 0);
 				break;
 			case "End":
-				e.preventDefault(), f((e) => e.length - 1);
+				e.preventDefault(), g((e) => e.length - 1);
 				break;
 		}
 	};
-	n(() => {
-		let e = c.current;
-		if (e) if (u.value) {
+	a(() => {
+		let e = f.current;
+		if (e) if (m.value) {
 			try {
 				e.showPopover();
 			} catch {}
-			d()[0]?.focus();
+			h()[0]?.focus();
 		} else try {
 			e.hidePopover();
 		} catch {}
-	}), n(() => {
-		let e = c.current;
+	}), a(() => {
+		let e = f.current;
 		if (!e) return;
 		let t = (e) => {
-			e.newState === "closed" && (u.value = !1);
+			e.newState === "closed" && (m.value = !1);
 		};
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	});
-	function m(e) {
+	function v(e) {
 		e.preventDefault();
-		let t = l.current;
-		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), u.value = !0);
+		let t = p.current;
+		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), m.value = !0);
 	}
-	let [h, ...g] = Array.isArray(s) ? s : [s];
-	return /* @__PURE__ */ o("div", {
-		ref: l,
-		onContextMenu: m,
+	let y = t.toArray(u), b = y.filter((e) => n(e) && e.type === d), x = y.filter((e) => !b.includes(e));
+	if (b.length === 0 && l()) throw Error("<ContextMenu> requires at least one <ContextMenuItem> child. Items are matched by component identity, so they must be direct children — not wrapped in a fragment or another component.");
+	return /* @__PURE__ */ c("div", {
+		ref: p,
+		onContextMenu: v,
 		className: e.wrapper,
-		children: [h, /* @__PURE__ */ a("div", {
-			ref: c,
+		children: [x, /* @__PURE__ */ s("div", {
+			ref: f,
 			popover: "auto",
 			role: "menu",
-			"data-state": u.value ? "open" : "closed",
+			"data-state": m.value ? "open" : "closed",
 			className: e.menu,
-			onKeyDown: p,
-			children: g
+			onKeyDown: _,
+			children: b
 		})]
 	});
 }
-function c({ children: t, onSelect: n, disabled: r }) {
+function d({ children: t, onSelect: n, disabled: r }) {
 	function i() {
 		r || n();
 	}
-	function o(e) {
+	function a(e) {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
 	}
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ s("div", {
 		role: "menuitem",
 		tabIndex: r ? -1 : 0,
 		"aria-disabled": r,
 		onClick: i,
-		onKeyDown: o,
+		onKeyDown: a,
 		className: e.item,
 		children: t
 	});
 }
 //#endregion
-export { s as ContextMenu, c as ContextMenuItem };
+export { u as ContextMenu, d as ContextMenuItem };

package/dist/context-menu/context-menu.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './context-menu.css';
 var e = {
 	wrapper: "_wrapper_dfne7_2",

package/dist/copy-button/copy-button.js

@@ -1,22 +1,22 @@
 "use client";
 
 import e from "./copy-button.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { forwardRef as i } from "react";
+import { forwardRef as t } from "react";
+import { cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
 import { builtin as a, t as o } from "@cascivo/i18n";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/copy-button/copy-button.tsx
-var l = i(function({ value: i, size: l = "md", labels: u, className: d, ...f }, p) {
-	r();
-	let m = n(!1), h = u?.copy ?? o(a.copyButton.copy), g = u?.copied ?? o(a.copyButton.copied);
+var l = t(function({ value: t, size: l = "md", labels: u, className: d, ...f }, p) {
+	i();
+	let m = r(!1), h = u?.copy ?? o(a.copyButton.copy), g = u?.copied ?? o(a.copyButton.copied);
 	return /* @__PURE__ */ s("button", {
 		type: "button",
 		"aria-label": m.value ? g : h,
 		"data-state": m.value ? "copied" : "idle",
 		"data-size": l,
-		className: t(e.copyButton, d),
+		className: n(e.copyButton, d),
 		onClick: () => {
-			navigator.clipboard.writeText(i), m.value = !0, setTimeout(() => {
+			navigator.clipboard.writeText(t), m.value = !0, setTimeout(() => {
 				m.value = !1;
 			}, 2e3);
 		},

package/dist/copy-button/copy-button.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './copy-button.css';
 var e = {
 	copyButton: "_copyButton_w0pqt_2",

package/dist/data-list/data-list.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./data-list.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/data-list/data-list.tsx
 function i({ items: i, orientation: a = "horizontal", dividers: o = !1, size: s = "md", className: c, ...l }) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './data-list.css';
 var e = {
 	list: "_list_prsqy_2",

package/dist/data-table/data-table.css

@@ -1 +1 @@
-@layer cascivo.component{._root_ulang_2{--_row-height:3rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:hidden}._root_ulang_2[data-density=compact]{--_row-height:2.25rem}._root_ulang_2[data-density=normal]{--_row-height:3rem}._root_ulang_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_ulang_26{justify-content:space-between;align-items:flex-end;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);display:flex}._heading_ulang_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_ulang_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_ulang_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_ulang_52{appearance:none;height:2rem;min-inline-size:14rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size: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);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._search_ulang_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_ulang_52:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._batchBar_ulang_79{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-2) var(--cascivo-space-4);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);display:flex}._batchCount_ulang_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_ulang_95{gap:var(--cascivo-space-2);display:flex}._scroller_ulang_101{max-block-size:var(--cascivo-data-table-max-height,none);overflow:auto}._scrollerVirtualized_ulang_106{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_ulang_112{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_ulang_2[data-paginated=true][data-fixed-layout=true] ._table_ulang_112{table-layout:fixed}._table_ulang_112 thead th{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));text-align:start;font-weight:var(--cascivo-font-semibold);font-size:var(--cascivo-text-xs);text-transform:uppercase;letter-spacing:var(--cascivo-tracking-wide);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);white-space:nowrap}._table_ulang_112 thead th[data-align=end]{text-align:end}._table_ulang_112 td{padding-block:0;padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));block-size:var(--_row-height);vertical-align:middle;border-block-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text)}._table_ulang_112 td[data-sized],._table_ulang_112 th[data-sized]{overflow-wrap:anywhere}._table_ulang_112 td[data-align=end]{text-align:end}._table_ulang_112 tbody tr[data-filler-row] td{border-block-end:none}._root_ulang_2[data-sticky-header=true] ._table_ulang_112 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_ulang_2[data-zebra=true] ._table_ulang_112 tbody tr:nth-child(2n of ._row_ulang_182){background-color:var(--cascivo-color-bg-subtle)}._controlCol_ulang_188{inline-size:3rem}._controlCell_ulang_192{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_ulang_198{align-items:center;gap:var(--cascivo-space-1);font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;display:inline-flex}._sortButton_ulang_198:focus-visible{text-decoration:underline}._sortButton_ulang_198:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_ulang_198[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_ulang_198[data-state=descending]:after{content:"↓";opacity:.9}._row_ulang_182{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_ulang_182[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_ulang_246{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_ulang_253[data-state=closed]{display:none}._expansionGrid_ulang_259{overflow:hidden}._expansionInner_ulang_263{padding:var(--cascivo-space-4)}._expandButton_ulang_268{cursor:pointer;block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._expandButton_ulang_268:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_ulang_268:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_ulang_291{block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);border-block-end:2px solid;border-inline-end:2px solid;display:block;transform:rotate(45deg)}._expandButton_ulang_268[data-state=open] ._chevron_ulang_291{transform:rotate(-135deg)}._shimmer_ulang_306{background-color:var(--cascivo-color-bg-subtle);border-radius:var(--cascivo-radius-indicator);block-size:.875rem;inline-size:80%;display:block;position:relative;overflow:hidden}._shimmer_ulang_306:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_ulang_306 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_ulang_306{to{translate:100%}}._footer_ulang_333{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-start:1px solid var(--cascivo-color-border);font-size:var(--cascivo-text-sm);display:flex}._pageSize_ulang_343{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_ulang_343 select{appearance:none;height:2rem;padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size: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;outline:none}._pageSize_ulang_343 select:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._range_ulang_369{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_ulang_374{gap:var(--cascivo-space-1);display:flex}._pageButton_ulang_374{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);font-size:var(--cascivo-text-base);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;outline:none;justify-content:center;align-items:center;display:inline-flex}._pageButton_ulang_374:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_ulang_374:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._pageButton_ulang_374:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_ulang_415{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
+@layer cascivo.component{._root_1wd65_2{--_row-height:3rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:hidden}._root_1wd65_2[data-density=compact]{--_row-height:2.25rem}._root_1wd65_2[data-density=normal]{--_row-height:3rem}._root_1wd65_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_1wd65_26{justify-content:space-between;align-items:flex-end;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);display:flex}._heading_1wd65_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_1wd65_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_1wd65_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_1wd65_52{appearance:none;height:2rem;min-inline-size:14rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size: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);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._search_1wd65_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_1wd65_52:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._batchBar_1wd65_79{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-2) var(--cascivo-space-4);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);display:flex}._batchCount_1wd65_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_1wd65_95{gap:var(--cascivo-space-2);display:flex}._scroller_1wd65_101{max-block-size:var(--cascivo-data-table-max-height,none);scrollbar-gutter:stable;overflow:auto}._scrollerVirtualized_1wd65_111{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_1wd65_117{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_1wd65_2[data-paginated=true][data-fixed-layout=true] ._table_1wd65_117{table-layout:fixed}._table_1wd65_117 thead th{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));text-align:start;font-weight:var(--cascivo-font-semibold);font-size:var(--cascivo-text-xs);text-transform:uppercase;letter-spacing:var(--cascivo-tracking-wide);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);white-space:nowrap}._table_1wd65_117 thead th[data-align=end]{text-align:end}._table_1wd65_117 td{padding-block:0;padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));block-size:var(--_row-height);vertical-align:middle;border-block-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text)}._table_1wd65_117 td[data-sized],._table_1wd65_117 th[data-sized]{overflow-wrap:break-word;min-inline-size:min-content}._table_1wd65_117 td[data-align=end]{text-align:end}._table_1wd65_117 tbody tr[data-filler-row] td{border-block-end:none}._root_1wd65_2[data-sticky-header=true] ._table_1wd65_117 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_1wd65_2[data-zebra=true] ._table_1wd65_117 tbody tr:nth-child(2n of ._row_1wd65_199){background-color:var(--cascivo-color-bg-subtle)}._controlCol_1wd65_205{inline-size:3rem}._controlCell_1wd65_209{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_1wd65_215{align-items:center;gap:var(--cascivo-space-1);font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;display:inline-flex}._sortButton_1wd65_215:focus-visible{text-decoration:underline}._sortButton_1wd65_215:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_1wd65_215[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_1wd65_215[data-state=descending]:after{content:"↓";opacity:.9}._row_1wd65_199{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_1wd65_199[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_1wd65_263{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_1wd65_270[data-state=closed]{display:none}._expansionGrid_1wd65_276{overflow:hidden}._expansionInner_1wd65_280{padding:var(--cascivo-space-4)}._expandButton_1wd65_285{cursor:pointer;block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._expandButton_1wd65_285:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_1wd65_285:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_1wd65_308{block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);border-block-end:2px solid;border-inline-end:2px solid;display:block;transform:rotate(45deg)}._expandButton_1wd65_285[data-state=open] ._chevron_1wd65_308{transform:rotate(-135deg)}._shimmer_1wd65_323{background-color:var(--cascivo-color-bg-subtle);border-radius:var(--cascivo-radius-indicator);block-size:.875rem;inline-size:80%;display:block;position:relative;overflow:hidden}._shimmer_1wd65_323:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_1wd65_323 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_1wd65_323{to{translate:100%}}._footer_1wd65_350{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-start:1px solid var(--cascivo-color-border);font-size:var(--cascivo-text-sm);display:flex}._pageSize_1wd65_360{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_1wd65_360 select{appearance:none;height:2rem;padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size: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;outline:none}._pageSize_1wd65_360 select:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._range_1wd65_386{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_1wd65_391{gap:var(--cascivo-space-1);display:flex}._pageButton_1wd65_391{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);font-size:var(--cascivo-text-base);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;outline:none;justify-content:center;align-items:center;display:inline-flex}._pageButton_1wd65_391:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_1wd65_391:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._pageButton_1wd65_391:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_1wd65_432{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}