@cascivo/react 1.0.0 → 1.2.0

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

@@ -1,93 +1 @@
-"use client";
-
-import e from "./context-menu.module.js";
-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 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\"])")) : [];
-	}, g = (e) => {
-		let t = h();
-		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, _ = (e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), g((e, t) => t < 0 ? 0 : (t + 1) % e.length);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), g((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
-				break;
-			case "Home":
-				e.preventDefault(), g(() => 0);
-				break;
-			case "End":
-				e.preventDefault(), g((e) => e.length - 1);
-				break;
-		}
-	};
-	a(() => {
-		let e = f.current;
-		if (e) if (m.value) {
-			try {
-				e.showPopover();
-			} catch {}
-			h()[0]?.focus();
-		} else try {
-			e.hidePopover();
-		} catch {}
-	}), a(() => {
-		let e = f.current;
-		if (!e) return;
-		let t = (e) => {
-			e.newState === "closed" && (m.value = !1);
-		};
-		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	});
-	function v(e) {
-		e.preventDefault();
-		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 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: [x, /* @__PURE__ */ s("div", {
-			ref: f,
-			popover: "auto",
-			role: "menu",
-			"data-state": m.value ? "open" : "closed",
-			className: e.menu,
-			onKeyDown: _,
-			children: b
-		})]
-	});
-}
-function d({ children: t, onSelect: n, disabled: r }) {
-	function i() {
-		r || n();
-	}
-	function a(e) {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
-	}
-	return /* @__PURE__ */ s("div", {
-		role: "menuitem",
-		tabIndex: r ? -1 : 0,
-		"aria-disabled": r,
-		onClick: i,
-		onKeyDown: a,
-		className: e.item,
-		children: t
-	});
-}
-//#endregion
-export { u as ContextMenu, d as ContextMenuItem };
+"use client";import e from"./context-menu.module.js";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";function isDev(){return globalThis.process?.env?.NODE_ENV!==`production`}function ContextMenu({children:l}){o();let u=r(null),d=r(null),f=i(!1),enabledItems=()=>{let e=u.current;return e?Array.from(e.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)):[]},focusItem=e=>{let t=enabledItems();t.length!==0&&t[e(t,t.indexOf(document.activeElement))]?.focus()},handleMenuKeyDown=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),focusItem((e,t)=>t<0?0:(t+1)%e.length);break;case`ArrowUp`:e.preventDefault(),focusItem((e,t)=>t<0?e.length-1:(t-1+e.length)%e.length);break;case`Home`:e.preventDefault(),focusItem(()=>0);break;case`End`:e.preventDefault(),focusItem(e=>e.length-1);break}};a(()=>{let e=u.current;if(e)if(f.value){try{e.showPopover()}catch{}enabledItems()[0]?.focus()}else try{e.hidePopover()}catch{}}),a(()=>{let e=u.current;if(!e)return;let handler=e=>{e.newState===`closed`&&(f.value=!1)};return e.addEventListener(`toggle`,handler),()=>e.removeEventListener(`toggle`,handler)});function handleContextMenu(e){e.preventDefault();let t=d.current;t&&(t.style.setProperty(`--cascivo-context-x`,`${e.clientX}px`),t.style.setProperty(`--cascivo-context-y`,`${e.clientY}px`),f.value=!0)}let p=t.toArray(l),m=p.filter(e=>n(e)&&e.type===ContextMenuItem),h=p.filter(e=>!m.includes(e));if(m.length===0&&isDev())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 c(`div`,{ref:d,onContextMenu:handleContextMenu,className:e.wrapper,children:[h,s(`div`,{ref:u,popover:`auto`,role:`menu`,"data-state":f.value?`open`:`closed`,className:e.menu,onKeyDown:handleMenuKeyDown,children:m})]})}function ContextMenuItem({children:t,onSelect:n,disabled:r}){function handleSelect(){r||n()}function handleKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),handleSelect())}return s(`div`,{role:`menuitem`,tabIndex:r?-1:0,"aria-disabled":r,onClick:handleSelect,onKeyDown:handleKeyDown,className:e.item,children:t})}export{ContextMenu,ContextMenuItem};

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

@@ -1,8 +1,2 @@
 import './context-menu.css';
-var e = {
-	wrapper: "_wrapper_dfne7_2",
-	menu: "_menu_dfne7_6",
-	item: "_item_dfne7_45"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_dfne7_2`,menu:`_menu_dfne7_6`,item:`_item_dfne7_45`};export{e as default};

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

@@ -1,60 +1 @@
-"use client";
-
-import e from "./copy-button.module.js";
-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 = 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: n(e.copyButton, d),
-		onClick: () => {
-			navigator.clipboard.writeText(t), m.value = !0, setTimeout(() => {
-				m.value = !1;
-			}, 2e3);
-		},
-		ref: p,
-		...f,
-		children: m.value ? /* @__PURE__ */ s("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: e.icon,
-			children: /* @__PURE__ */ s("path", {
-				d: "M13.5 4.5 6 12 2.5 8.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		}) : /* @__PURE__ */ c("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: e.icon,
-			children: [/* @__PURE__ */ s("rect", {
-				x: "5.5",
-				y: "5.5",
-				width: "8",
-				height: "8",
-				rx: "1.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			}), /* @__PURE__ */ s("path", {
-				d: "M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			})]
-		})
-	});
-});
-//#endregion
-export { l as CopyButton };
+"use client";import e from"./copy-button.module.js";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";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 s(`button`,{type:`button`,"aria-label":m.value?g:h,"data-state":m.value?`copied`:`idle`,"data-size":l,className:n(e.copyButton,d),onClick:()=>{navigator.clipboard.writeText(t),m.value=!0,setTimeout(()=>{m.value=!1},2e3)},ref:p,...f,children:m.value?s(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.icon,children:s(`path`,{d:`M13.5 4.5 6 12 2.5 8.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}):c(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.icon,children:[s(`rect`,{x:`5.5`,y:`5.5`,width:`8`,height:`8`,rx:`1.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`}),s(`path`,{d:`M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`})]})})});export{l as CopyButton};

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

@@ -1,7 +1,2 @@
 import './copy-button.css';
-var e = {
-	copyButton: "_copyButton_w0pqt_2",
-	icon: "_icon_w0pqt_45"
-};
-//#endregion
-export { e as default };
+var e={copyButton:`_copyButton_w0pqt_2`,icon:`_icon_w0pqt_45`};export{e as default};

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

@@ -1,25 +1 @@
-import e from "./data-list.module.js";
-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 }) {
-	return /* @__PURE__ */ n("dl", {
-		"data-orientation": a,
-		"data-size": s,
-		"data-dividers": o ? "" : void 0,
-		className: t(e.list, c),
-		...l,
-		children: i.map((t, i) => /* @__PURE__ */ r("div", {
-			className: e.row,
-			children: [/* @__PURE__ */ n("dt", {
-				className: e.term,
-				children: t.label
-			}), /* @__PURE__ */ n("dd", {
-				className: e.detail,
-				children: t.value
-			})]
-		}, t.id ?? i))
-	});
-}
-//#endregion
-export { i as DataList };
+import e from"./data-list.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function DataList({items:i,orientation:a=`horizontal`,dividers:o=!1,size:s=`md`,className:c,children:l,...u}){return r(`dl`,{"data-orientation":a,"data-size":s,"data-dividers":o?``:void 0,className:t(e.list,c),...u,children:[i?.map((t,i)=>r(`div`,{className:e.row,children:[n(`dt`,{className:e.term,children:t.label}),n(`dd`,{className:e.detail,children:t.value})]},t.id??i)),l]})}function DataListItem({label:t,children:i}){return r(`div`,{className:e.row,children:[n(`dt`,{className:e.term,children:t}),n(`dd`,{className:e.detail,children:i})]})}export{DataList,DataListItem};

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

@@ -1,9 +1,2 @@
 import './data-list.css';
-var e = {
-	list: "_list_prsqy_2",
-	row: "_row_prsqy_21",
-	term: "_term_prsqy_45",
-	detail: "_detail_prsqy_51"
-};
-//#endregion
-export { e as default };
+var e={list:`_list_prsqy_2`,row:`_row_prsqy_21`,term:`_term_prsqy_45`,detail:`_detail_prsqy_51`};export{e as default};

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

@@ -0,0 +1 @@
+function isFilterActive(e){if(!e)return!1;switch(e.kind){case`text`:return e.value.trim()!==``;case`select`:return e.values.length>0;case`range`:return e.min!==void 0||e.max!==void 0}}function countActiveFilters(e){let t=0;for(let n in e)isFilterActive(e[n])&&t++;return t}function matchesFilter(e,t){switch(t.kind){case`text`:{let n=t.value.trim().toLowerCase();return n===``||String(e??``).toLowerCase().includes(n)}case`select`:return t.values.length===0||t.values.includes(String(e??``));case`range`:{if(t.min===void 0&&t.max===void 0)return!0;let n=typeof e==`number`?e:Number(e);return!(Number.isNaN(n)||t.min!==void 0&&n<t.min||t.max!==void 0&&n>t.max)}}}function applyColumnFilters(e,t,n){let r=[];for(let e in t){let n=t[e];n&&isFilterActive(n)&&r.push([e,n])}if(r.length===0)return e;let i=[];for(let t of e){let e=!0;for(let[i,a]of r)if(!matchesFilter(n(t,i),a)){e=!1;break}e&&i.push(t)}return i}function facetValues(e,t){let n=new Map;for(let r of e){let e=String(t(r)??``);n.set(e,(n.get(e)??0)+1)}let r=new Intl.Collator().compare;return[...n.entries()].map(([e,t])=>({value:e,count:t})).sort((e,t)=>t.count-e.count||r(e.value,t.value))}function numericExtent(e,t){let n=1/0,r=-1/0;for(let i of e){let e=t(i),a=typeof e==`number`?e:Number(e);Number.isNaN(a)||e==null||e===``||(a<n&&(n=a),a>r&&(r=a))}return n<=r?{min:n,max:r}:void 0}export{applyColumnFilters,countActiveFilters,facetValues,isFilterActive,numericExtent};

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

@@ -0,0 +1 @@
+function orderedColumns(e,t){let n=t.order;if(!n||n.length===0)return[...e];let r=new Map(e.map(e=>[e.key,e])),i=[];for(let e of n){let t=r.get(e);t&&(i.push(t),r.delete(e))}for(let t of e)r.has(t.key)&&i.push(t);return i}function displayColumns(e,t){let n=new Set(t.hidden??[]),r=t.pinned??{},i=orderedColumns(e,t).filter(e=>!n.has(e.key));if(i.length===0)return[...e];let a=i.filter(e=>r[e.key]===`start`),o=i.filter(e=>r[e.key]===void 0),s=i.filter(e=>r[e.key]===`end`);return[...a,...o,...s]}function moveColumn(e,t,n,r){let i=new Set(t.hidden??[]),a=t.pinned??{},o=orderedColumns(e,t).map(e=>e.key),s=o.indexOf(n);if(s===-1)return t;let c=a[n],l=s+r;for(;l>=0&&l<o.length;){let e=o[l];if(!i.has(e)&&a[e]===c)break;if(a[e]!==c)return t;l+=r}if(l<0||l>=o.length)return t;let u=[...o];return u.splice(s,1),u.splice(l,0,n),{...t,order:u}}function pinColumn(e,t,n){let r={...e.pinned};return n===null?delete r[t]:r[t]=n,{...e,pinned:r}}function resizeColumn(e,t,n){let r={...e.widths};return n===void 0?delete r[t]:r[t]=Math.max(48,Math.round(n)),{...e,widths:r}}function toggleColumnHidden(e,t,n){let r=t.hidden??[];return r.includes(n)?{...t,hidden:r.filter(e=>e!==n)}:e.filter(e=>!r.includes(e.key)).length<=1?t:{...t,hidden:[...r,n]}}function stickyOffsets(e,t){let n=Array.from({length:e.length}),r=0;for(let i=0;i<e.length;i++)t[i]===`start`&&(n[i]=r,r+=e[i]);r=0;for(let i=e.length-1;i>=0;i--)t[i]===`end`&&(n[i]=r,r+=e[i]);return n}export{displayColumns,moveColumn,pinColumn,resizeColumn,stickyOffsets,toggleColumnHidden};

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

@@ -1 +1 @@
-@layer cascivo.component{._root_1bz3s_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_1bz3s_2[data-density=compact]{--_row-height:2.25rem}._root_1bz3s_2[data-density=normal]{--_row-height:3rem}._root_1bz3s_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_1bz3s_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_1bz3s_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_1bz3s_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_1bz3s_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_1bz3s_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_1bz3s_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_1bz3s_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_1bz3s_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_1bz3s_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_1bz3s_95{gap:var(--cascivo-space-2);display:flex}._scroller_1bz3s_101{max-block-size:var(--cascivo-data-table-max-height,none);scrollbar-gutter:stable;background-image:linear-gradient(to right, var(--cascivo-color-surface) 30%, transparent), linear-gradient(to left, var(--cascivo-color-surface) 30%, transparent), radial-gradient(farthest-side at 0 50%, var(--cascivo-color-border), transparent), radial-gradient(farthest-side at 100% 50%, var(--cascivo-color-border), transparent);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:2.5rem 100%,2.5rem 100%,.875rem 100%,.875rem 100%;background-attachment:local,local,scroll,scroll;overflow:auto}._scrollerVirtualized_1bz3s_137{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_1bz3s_143{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_1bz3s_2[data-paginated=true][data-fixed-layout=true] ._table_1bz3s_143{table-layout:fixed}._table_1bz3s_143 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_1bz3s_143 thead th[data-align=end]{text-align:end}._table_1bz3s_143 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_1bz3s_143 td[data-sized],._table_1bz3s_143 th[data-sized]{overflow-wrap:break-word;min-inline-size:min-content}._table_1bz3s_143 td[data-align=end]{text-align:end}._table_1bz3s_143 tbody tr[data-filler-row] td{border-block-end:none}._root_1bz3s_2[data-sticky-header=true] ._table_1bz3s_143 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_1bz3s_2[data-zebra=true] ._table_1bz3s_143 tbody tr:nth-child(2n of ._row_1bz3s_225){background-color:var(--cascivo-table-zebra-bg,color-mix(in oklab, var(--cascivo-color-text) 5%, transparent))}._controlCol_1bz3s_245{inline-size:3rem}._controlCell_1bz3s_249{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_1bz3s_255{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_1bz3s_255:focus-visible{text-decoration:underline}._sortButton_1bz3s_255:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_1bz3s_255[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_1bz3s_255[data-state=descending]:after{content:"↓";opacity:.9}._row_1bz3s_225{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_1bz3s_225[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_1bz3s_303{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_1bz3s_310[data-state=closed]{display:none}._expansionGrid_1bz3s_316{overflow:hidden}._expansionInner_1bz3s_320{padding:var(--cascivo-space-4)}._expandButton_1bz3s_325{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_1bz3s_325:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_1bz3s_325:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_1bz3s_348{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_1bz3s_325[data-state=open] ._chevron_1bz3s_348{transform:rotate(-135deg)}._shimmer_1bz3s_363{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_1bz3s_363:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_1bz3s_363 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_1bz3s_363{to{translate:100%}}._footer_1bz3s_390{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_1bz3s_400{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_1bz3s_400 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_1bz3s_400 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_1bz3s_426{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_1bz3s_431{gap:var(--cascivo-space-1);display:flex}._pageButton_1bz3s_431{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_1bz3s_431:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_1bz3s_431: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_1bz3s_431:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_1bz3s_472{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
+@layer cascivo.component{._root_1tqve_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_1tqve_2[data-density=compact]{--_row-height:2.25rem}._root_1tqve_2[data-density=normal]{--_row-height:3rem}._root_1tqve_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_1tqve_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_1tqve_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_1tqve_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_1tqve_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_1tqve_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_1tqve_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_1tqve_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)}._toolbarActions_1tqve_79{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-2);flex-wrap:wrap;display:flex}._menu_1tqve_88{gap:var(--cascivo-space-1);max-block-size:20rem;min-inline-size:12rem;padding:var(--cascivo-space-2);flex-direction:column;display:flex;overflow:auto}._filterRow_1tqve_99 th{padding-block:var(--cascivo-space-1);font-weight:var(--cascivo-font-medium);text-transform:none;letter-spacing:normal}._filterInput_1tqve_106{appearance:none;block-size:1.75rem;inline-size:100%;min-inline-size:4rem;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);outline:none}._filterInput_1tqve_106:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._rangeInputs_1tqve_126{gap:var(--cascivo-space-1);display:flex}._rangeInputs_1tqve_126 ._filterInput_1tqve_106{min-inline-size:3.5rem}._batchBar_1tqve_136{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_1tqve_146{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_1tqve_152{gap:var(--cascivo-space-2);display:flex}._scroller_1tqve_158{max-block-size:var(--cascivo-data-table-max-height,none);scrollbar-gutter:stable;background-image:linear-gradient(to right, var(--cascivo-color-surface) 30%, transparent), linear-gradient(to left, var(--cascivo-color-surface) 30%, transparent), radial-gradient(farthest-side at 0 50%, var(--cascivo-color-border), transparent), radial-gradient(farthest-side at 100% 50%, var(--cascivo-color-border), transparent);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:2.5rem 100%,2.5rem 100%,.875rem 100%,.875rem 100%;background-attachment:local,local,scroll,scroll;overflow:auto}._scrollerVirtualized_1tqve_194{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_1tqve_200{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_1tqve_2[data-paginated=true][data-fixed-layout=true] ._table_1tqve_200{table-layout:fixed}._table_1tqve_200 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_1tqve_200 thead th[data-align=end]{text-align:end}._table_1tqve_200 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_1tqve_200 td[data-sized],._table_1tqve_200 th[data-sized]{overflow-wrap:break-word;min-inline-size:min-content}._table_1tqve_200 td[data-align=end]{text-align:end}._table_1tqve_200 tbody tr[data-filler-row] td{border-block-end:none}._root_1tqve_2[data-sticky-header=true] ._table_1tqve_200 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_1tqve_2[data-sticky-header=true] ._table_1tqve_200 thead tr:not([data-group-header]) th{inset-block-start:var(--_group-h,0px)}._root_1tqve_2[data-sticky-header=true] ._table_1tqve_200 thead ._filterRow_1tqve_99 th{inset-block-start:calc(var(--_group-h,0px) + var(--_head-h,2.5rem))}._root_1tqve_2[data-sticky-header=true] ._table_1tqve_200 tbody tr[data-pinned-row=top] td{z-index:var(--cascivo-z-raised,10);position:sticky;inset-block-start:calc(var(--_thead-h,0px) + var(--_pin-index,0) * var(--_row-height))}._table_1tqve_200 tbody tr[data-pinned-row] td{background-color:var(--cascivo-color-bg-subtle);font-weight:var(--cascivo-font-medium)}._table_1tqve_200 ._totals_1tqve_306{z-index:var(--cascivo-z-raised,10);position:sticky;inset-block-end:0}._table_1tqve_200 ._totals_1tqve_306 td{background-color:var(--cascivo-color-bg-subtle);border-block-start:2px solid var(--cascivo-color-border);font-weight:var(--cascivo-font-semibold)}._table_1tqve_200 ._totals_1tqve_306 td[data-align=end]{text-align:end}._table_1tqve_200 thead th._groupHeader_1tqve_324{text-align:center;border-block-end:none;border-inline-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text)}._table_1tqve_200 thead th._groupHeader_1tqve_324:empty{border-inline-end:none}._table_1tqve_200 ._groupRow_1tqve_336 td{background-color:var(--cascivo-color-bg-subtle);font-weight:var(--cascivo-font-semibold)}._table_1tqve_200 ._groupRow_1tqve_336 td[data-align=end]{text-align:end}._groupToggle_1tqve_345{align-items:center;gap:var(--cascivo-space-2);font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}._groupToggle_1tqve_345:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:2px;border-radius:var(--cascivo-radius-sm)}._groupToggle_1tqve_345[data-state=open] ._chevron_1tqve_363{transform:rotate(-135deg)}._groupCount_1tqve_367{font-weight:var(--cascivo-font-normal);color:var(--cascivo-color-text-muted)}@supports (container-type:scroll-state){._root_1tqve_2[data-sticky-header=true] ._table_1tqve_200 thead th{container-type:scroll-state}@container scroll-state(stuck:top){._root_1tqve_2[data-sticky-header=true] ._table_1tqve_200 thead th:after{content:"";pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--cascivo-color-text) 12%, transparent), transparent);block-size:.375rem;position:absolute;inset-block-end:0;inset-inline:0;translate:0 100%}}}._root_1tqve_2[data-zebra=true] ._table_1tqve_200 tbody tr:nth-child(2n of ._row_1tqve_409){background-color:var(--cascivo-table-zebra-bg,color-mix(in oklab, var(--cascivo-color-text) 5%, transparent))}._headerCell_1tqve_429{position:relative}._headerInner_1tqve_433{align-items:center;gap:var(--cascivo-space-1);max-inline-size:100%;display:inline-flex}._resizeHandle_1tqve_442{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;inline-size:.5rem;position:absolute;inset-block:0;inset-inline-end:0}._resizeHandle_1tqve_442:after{content:"";inline-size:2px;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border-radius:1px;position:absolute;inset-block:25%;inset-inline-end:.125rem}._resizeHandle_1tqve_442:hover:after,._resizeHandle_1tqve_442:focus-visible:after,._resizeHandle_1tqve_442[data-state=resizing]:after{background-color:var(--cascivo-color-accent)}._root_1tqve_2[data-resized=true] ._table_1tqve_200{table-layout:fixed}._table_1tqve_200 th[data-pinned],._table_1tqve_200 td[data-pinned]{z-index:1;background-color:var(--cascivo-color-surface);position:sticky}._table_1tqve_200 thead th[data-pinned]{z-index:calc(var(--cascivo-z-raised,10) + 1)}._table_1tqve_200 th[data-pinned=start][data-pinned-edge],._table_1tqve_200 td[data-pinned=start][data-pinned-edge]{box-shadow:inset -1px 0 0 var(--cascivo-color-border)}._table_1tqve_200 th[data-pinned=end][data-pinned-edge],._table_1tqve_200 td[data-pinned=end][data-pinned-edge]{box-shadow:inset 1px 0 0 var(--cascivo-color-border)}._controlCol_1tqve_500{inline-size:3rem}._controlCell_1tqve_504{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_1tqve_510{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_1tqve_510:focus-visible{text-decoration:underline}._sortButton_1tqve_510:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_1tqve_510[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_1tqve_510[data-state=descending]:after{content:"↓";opacity:.9}._sortIndex_1tqve_548{color:var(--cascivo-color-text-muted);margin-inline-start:.125rem;font-size:.65em;line-height:1}._row_1tqve_409{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_1tqve_409[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_1tqve_566{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_1tqve_573[data-state=closed]{display:none}._expansionGrid_1tqve_579{overflow:hidden}._expansionInner_1tqve_583{padding:var(--cascivo-space-4)}._expandButton_1tqve_588{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_1tqve_588:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_1tqve_588:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_1tqve_363{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_1tqve_588[data-state=open] ._chevron_1tqve_363{transform:rotate(-135deg)}._shimmer_1tqve_626{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_1tqve_626:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:cascivo-shimmer var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}._footer_1tqve_647{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_1tqve_657{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_1tqve_657 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_1tqve_657 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_1tqve_126{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_1tqve_688{gap:var(--cascivo-space-1);display:flex}._pageButton_1tqve_688{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_1tqve_688:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_1tqve_688: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_1tqve_688:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._table_1tqve_200[role=grid] :is(th,td):focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:-2px}._table_1tqve_200 td[data-editable]{padding-inline:calc(var(--cascivo-data-table-cell-gap,var(--cascivo-space-4)) - var(--cascivo-space-1))}._srOnly_1tqve_744{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}