@cascivo/react 0.3.3 → 0.3.7

package/dist/command-menu/command-menu.js

@@ -0,0 +1,263 @@
+"use client";
+
+import { Spinner as e } from "../spinner/spinner.js";
+import { Kbd as t } from "../kbd/kbd.js";
+import n from "./command-menu.module.js";
+import { batch as r, cn as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { builtin as c, t as l } from "@cascivo/i18n";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useId as f, useRef as p } from "react";
+//#region ../components/src/command-menu/command-menu.tsx
+function m(e, t) {
+	if (e.length === 0) return 1;
+	let n = e.toLowerCase(), r = t.toLowerCase(), i = 0, a = 0, o = -2;
+	for (let e = 0; e < r.length && a < n.length; e++) {
+		if (r[e] !== n[a]) continue;
+		i += 1, e === o + 1 && (i += 4);
+		let t = e === 0 ? " " : r[e - 1];
+		(t === " " || t === "-" || t === "_" || t === "/") && (i += 8), o = e, a++;
+	}
+	return a === n.length ? i : 0;
+}
+function h(e, t) {
+	let n = m(e, t.label);
+	for (let r of t.keywords ?? []) {
+		let t = m(e, r);
+		t > n && (n = t);
+	}
+	return n;
+}
+function g({ open: m, onOpenChange: g, groups: _, placeholder: v, emptyLabel: y, hotkey: b = !0, label: x, loading: S = !1, onQueryChange: C, className: w }) {
+	s();
+	let T = x ?? l(c.commandMenu.label), E = y ?? l(c.commandMenu.empty), D = f(), O = `${D}-listbox`, k = p(null), A = p(null), j = p([]), M = p(g);
+	M.current = g;
+	let N = p(C);
+	N.current = C;
+	let P = a(m);
+	P.value = m;
+	let F = a(b);
+	F.value = b;
+	let I = a(""), L = a(0), R = a([]), z = R.value.at(-1)?.groups ?? _, B = v ?? R.value.at(-1)?.placeholder ?? l(c.commandMenu.placeholder), V = z.map((e) => ({
+		heading: e.heading,
+		items: e.items.map((e) => ({
+			item: e,
+			score: h(I.value, e)
+		})).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score).map(({ item: e }) => e)
+	})).filter((e) => e.items.length > 0), H = V.flatMap((e) => e.items), U = H.flatMap((e, t) => e.disabled ? [] : [t]), W = U.includes(L.value) ? L.value : U[0] ?? -1, G = (e) => `${D}-option-${e}`;
+	o(() => {
+		let e = k.current;
+		e && (P.value ? e.open || (r(() => {
+			I.value = "", L.value = 0, R.value = [];
+		}), typeof e.showModal == "function" && e.showModal(), A.current?.focus()) : e.open && (R.value = [], e.close()));
+	}), o(() => {
+		let e = k.current;
+		if (!e) return;
+		let t = () => M.current(!1);
+		return e.addEventListener("close", t), () => e.removeEventListener("close", t);
+	}), o(() => {
+		if (!F.value) return;
+		let e = (e) => {
+			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), M.current(!P.value));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	});
+	let K = (e) => {
+		L.value = e;
+		let t = j.current[e];
+		t && typeof t.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
+	}, q = (e) => {
+		if (U.length === 0) return;
+		let t = U[(U.indexOf(W) + e + U.length) % U.length];
+		t !== void 0 && K(t);
+	}, J = (e) => {
+		!e || e.disabled || (e.page ? r(() => {
+			R.value = [...R.value, e.page], I.value = "", L.value = 0;
+		}) : (e.onSelect?.(), g(!1)));
+	}, Y = () => {
+		r(() => {
+			R.value = R.value.slice(0, -1), I.value = "", L.value = 0;
+		});
+	}, X = (e) => {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), q(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), q(-1);
+				break;
+			case "Home":
+				e.preventDefault(), U[0] !== void 0 && K(U[0]);
+				break;
+			case "End": {
+				e.preventDefault();
+				let t = U[U.length - 1];
+				t !== void 0 && K(t);
+				break;
+			}
+			case "Enter":
+				e.preventDefault(), W >= 0 && J(H[W]);
+				break;
+			case "Backspace":
+				I.value === "" && R.value.length > 0 && (e.preventDefault(), Y());
+				break;
+		}
+	}, Z = (e) => {
+		e.key === "Escape" && (e.preventDefault(), R.value.length > 0 ? Y() : k.current?.close());
+	}, Q = (e) => {
+		e.target === k.current && k.current?.close();
+	}, $ = -1;
+	return /* @__PURE__ */ u("dialog", {
+		ref: k,
+		"aria-label": T,
+		className: i(n.dialog, w),
+		onClick: Q,
+		onKeyDown: Z,
+		children: /* @__PURE__ */ d("div", {
+			className: n.panel,
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: n.search,
+					children: [/* @__PURE__ */ d("svg", {
+						className: n.searchIcon,
+						"aria-hidden": "true",
+						viewBox: "0 0 16 16",
+						width: "16",
+						height: "16",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						children: [/* @__PURE__ */ u("circle", {
+							cx: "7",
+							cy: "7",
+							r: "4.5"
+						}), /* @__PURE__ */ u("line", {
+							x1: "10.5",
+							y1: "10.5",
+							x2: "14",
+							y2: "14"
+						})]
+					}), /* @__PURE__ */ u("input", {
+						ref: A,
+						type: "text",
+						role: "combobox",
+						"aria-expanded": "true",
+						"aria-controls": O,
+						"aria-activedescendant": W >= 0 ? G(W) : void 0,
+						"aria-autocomplete": "list",
+						"aria-label": T,
+						autoComplete: "off",
+						spellCheck: !1,
+						className: n.input,
+						placeholder: B,
+						value: I.value,
+						onChange: (e) => {
+							I.value = e.target.value, L.value = 0, N.current?.(e.target.value);
+						},
+						onKeyDown: X
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: n.list,
+					children: [/* @__PURE__ */ u("div", {
+						role: "listbox",
+						id: O,
+						"aria-label": x,
+						children: V.map((e, r) => /* @__PURE__ */ d("div", {
+							role: "group",
+							"aria-label": e.heading,
+							className: n.group,
+							children: [e.heading && /* @__PURE__ */ u("div", {
+								className: n.heading,
+								"aria-hidden": "true",
+								children: e.heading
+							}), e.items.map((e) => {
+								$++;
+								let r = $;
+								return /* @__PURE__ */ d("div", {
+									ref: (e) => {
+										j.current[r] = e;
+									},
+									id: G(r),
+									role: "option",
+									"aria-selected": r === W,
+									"aria-disabled": e.disabled || void 0,
+									"data-state": r === W ? "active" : void 0,
+									"data-disabled": e.disabled || void 0,
+									className: n.option,
+									onMouseEnter: () => {
+										e.disabled || (L.value = r);
+									},
+									onClick: () => J(e),
+									children: [
+										e.icon && /* @__PURE__ */ u("span", {
+											className: n.icon,
+											"aria-hidden": "true",
+											children: e.icon
+										}),
+										/* @__PURE__ */ u("span", {
+											className: n.label,
+											children: e.label
+										}),
+										e.shortcut && /* @__PURE__ */ u("span", {
+											className: n.shortcut,
+											"aria-hidden": "true",
+											children: e.shortcut.map((e, n) => /* @__PURE__ */ u(t, {
+												size: "sm",
+												children: e
+											}, n))
+										})
+									]
+								}, e.id);
+							})]
+						}, e.heading ?? `group-${r}`))
+					}), H.length === 0 && (S ? /* @__PURE__ */ d("div", {
+						role: "status",
+						className: n.empty,
+						children: [/* @__PURE__ */ u(e, { size: "sm" }), l(c.commandMenu.loading)]
+					}) : /* @__PURE__ */ u("div", {
+						role: "status",
+						className: n.empty,
+						children: E
+					}))]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: n.footer,
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: n.hint,
+							children: [
+								/* @__PURE__ */ u(t, {
+									size: "sm",
+									children: "↑"
+								}),
+								/* @__PURE__ */ u(t, {
+									size: "sm",
+									children: "↓"
+								}),
+								" to navigate"
+							]
+						}),
+						/* @__PURE__ */ d("span", {
+							className: n.hint,
+							children: [/* @__PURE__ */ u(t, {
+								size: "sm",
+								children: "↵"
+							}), " to select"]
+						}),
+						/* @__PURE__ */ d("span", {
+							className: n.hint,
+							children: [/* @__PURE__ */ u(t, {
+								size: "sm",
+								children: "esc"
+							}), " to close"]
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { g as CommandMenu, m as fuzzyScore };

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

@@ -0,0 +1,22 @@
+"use client";
+
+import './command-menu.css';
+var e = {
+	dialog: "_dialog_cpgn8_2",
+	panel: "_panel_cpgn8_62",
+	search: "_search_cpgn8_72",
+	searchIcon: "_searchIcon_cpgn8_80",
+	input: "_input_cpgn8_85",
+	list: "_list_cpgn8_104",
+	group: "_group_cpgn8_110",
+	heading: "_heading_cpgn8_114",
+	option: "_option_cpgn8_123",
+	icon: "_icon_cpgn8_148",
+	label: "_label_cpgn8_155",
+	shortcut: "_shortcut_cpgn8_162",
+	empty: "_empty_cpgn8_168",
+	footer: "_footer_cpgn8_176",
+	hint: "_hint_cpgn8_187"
+};
+//#endregion
+export { e as default };

package/dist/comparison/comparison.css

@@ -0,0 +1 @@
+@layer cascivo.component{._comparison_zo41p_2{border-radius:var(--cascivo-radius-md);touch-action:none;-webkit-user-select:none;user-select:none;inline-size:100%;position:relative;overflow:hidden}._item_zo41p_11,._before_zo41p_12{inline-size:100%;display:block}._item_zo41p_11 :where(img),._before_zo41p_12 :where(img){object-fit:cover;block-size:100%;inline-size:100%;display:block}._before_zo41p_12{clip-path:inset(0 calc(100% - var(--position)) 0 0);position:absolute;inset:0}._comparison_zo41p_2[data-orientation=vertical] ._before_zo41p_12{clip-path:inset(0 0 calc(100% - var(--position)) 0)}._divider_zo41p_36{background-color:var(--cascivo-color-surface);inline-size:2px;transition:none;position:absolute;inset-block:0;inset-inline-start:var(--position);transform:translate(-50%)}._comparison_zo41p_2[data-orientation=vertical] ._divider_zo41p_36{inset-block:auto;inset-inline:0;block-size:2px;inline-size:auto;inset-block-start:var(--position);transform:translateY(-50%)}._handle_zo41p_56{block-size:2rem;inline-size:2rem;min-inline-size:var(--cascivo-target-min-coarse,2.75rem);min-block-size:var(--cascivo-target-min-coarse,2.75rem);border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface);border:2px solid var(--cascivo-color-border);box-shadow:var(--cascivo-shadow-sm);cursor:grab;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._comparison_zo41p_2[data-orientation=vertical] ._handle_zo41p_56{cursor:row-resize}._handle_zo41p_56:focus-visible{outline:2px solid var(--cascivo-color-focus-ring);outline-offset:2px}._comparison_zo41p_2[data-dragging] ._handle_zo41p_56{cursor:grabbing}@media (pointer:coarse){._handle_zo41p_56{inline-size:var(--cascivo-target-min-coarse,2.75rem);block-size:var(--cascivo-target-min-coarse,2.75rem)}}}

package/dist/comparison/comparison.js

@@ -0,0 +1,69 @@
+"use client";
+
+import e from "./comparison.module.js";
+import { cn as t, useControllableSignal 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";
+import { useRef as l } from "react";
+//#region ../components/src/comparison/comparison.tsx
+var u = (e) => Math.min(100, Math.max(0, e));
+function d({ after: d, before: f, position: p, defaultPosition: m = 50, onPositionChange: h, orientation: g = "horizontal", keyboardStep: _ = 5, label: v, className: y, ...b }) {
+	i();
+	let x = l(null), S = r(!1), [C, w] = n({
+		value: p,
+		defaultValue: m,
+		onChange: h
+	}), T = Math.round(u(C.value)), E = (e) => {
+		let t = x.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect();
+		w(u(g === "vertical" ? (e.clientY - n.top) / n.height * 100 : (e.clientX - n.left) / n.width * 100));
+	}, D = (e) => {
+		let t = g === "vertical" ? "ArrowUp" : "ArrowLeft", n = g === "vertical" ? "ArrowDown" : "ArrowRight", r = null;
+		e.key === t || e.key === "ArrowLeft" || e.key === "ArrowUp" ? r = T - _ : e.key === n || e.key === "ArrowRight" || e.key === "ArrowDown" ? r = T + _ : e.key === "Home" ? r = 0 : e.key === "End" ? r = 100 : e.key === "PageUp" ? r = T + _ * 2 : e.key === "PageDown" && (r = T - _ * 2), r !== null && (e.preventDefault(), w(u(r)));
+	};
+	return /* @__PURE__ */ c("div", {
+		ref: x,
+		"data-orientation": g,
+		"data-dragging": S.value || void 0,
+		className: t(e.comparison, y),
+		style: { "--position": `${T}%` },
+		onPointerDown: (e) => {
+			S.value = !0, e.currentTarget.setPointerCapture?.(e.pointerId), E(e);
+		},
+		onPointerMove: (e) => {
+			S.value && E(e);
+		},
+		onPointerUp: (e) => {
+			S.value = !1, e.currentTarget.releasePointerCapture?.(e.pointerId);
+		},
+		...b,
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: e.item,
+				children: d
+			}),
+			/* @__PURE__ */ s("div", {
+				className: e.before,
+				"aria-hidden": "true",
+				children: f
+			}),
+			/* @__PURE__ */ s("div", {
+				className: e.divider,
+				children: /* @__PURE__ */ s("div", {
+					role: "slider",
+					tabIndex: 0,
+					"aria-label": v ?? o(a.comparison.label),
+					"aria-orientation": g,
+					"aria-valuemin": 0,
+					"aria-valuemax": 100,
+					"aria-valuenow": T,
+					className: e.handle,
+					onKeyDown: D
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { d as Comparison };

package/dist/comparison/comparison.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './comparison.css';
+var e = {
+	comparison: "_comparison_zo41p_2",
+	item: "_item_zo41p_11",
+	before: "_before_zo41p_12",
+	divider: "_divider_zo41p_36",
+	handle: "_handle_zo41p_56"
+};
+//#endregion
+export { e as default };

package/dist/contained-list/contained-list.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_u2rtc_2{font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);overflow:hidden}._header_u2rtc_11{justify-content:space-between;align-items:center;gap:var(--cascivo-space-3);padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);display:flex}._root_u2rtc_2[data-kind=disclosed] ._header_u2rtc_11{background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border)}._label_u2rtc_25{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text);margin:0}._action_u2rtc_33{align-items:center;gap:var(--cascivo-space-2);display:inline-flex}._list_u2rtc_39{margin:0;padding:0;list-style:none}._item_u2rtc_45{border-block-start:1px solid var(--cascivo-color-border)}._list_u2rtc_39>._item_u2rtc_45:first-child,._root_u2rtc_2[data-kind=disclosed] ._list_u2rtc_39>._item_u2rtc_45:first-child{border-block-start:none}._itemContent_u2rtc_57{align-items:center;gap:var(--cascivo-space-3);box-sizing:border-box;inline-size:100%;padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);font:inherit;color:inherit;text-align:start;text-decoration:none;display:flex}._item_u2rtc_45[data-interactive] ._itemContent_u2rtc_57{cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:none}._item_u2rtc_45[data-interactive] ._itemContent_u2rtc_57:hover{background-color:var(--cascivo-color-bg-subtle)}._item_u2rtc_45[data-interactive] ._itemContent_u2rtc_57:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._root_u2rtc_2{border:1px solid canvastext}}

package/dist/contained-list/contained-list.js

@@ -0,0 +1,41 @@
+"use client";
+
+import e from "./contained-list.module.js";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ../components/src/contained-list/contained-list.tsx
+function a({ label: t, kind: a = "on-page", action: o, className: s, children: c, ...l }) {
+	return /* @__PURE__ */ i("div", {
+		"data-kind": a,
+		className: n(e.root, s),
+		...l,
+		children: [/* @__PURE__ */ i("div", {
+			className: e.header,
+			children: [/* @__PURE__ */ r("h3", {
+				className: e.label,
+				children: t
+			}), o ? /* @__PURE__ */ r("div", {
+				className: e.action,
+				children: o
+			}) : null]
+		}), /* @__PURE__ */ r("ul", {
+			className: e.list,
+			children: c
+		})]
+	});
+}
+function o({ asChild: i = !1, onClick: a, className: o, children: s, ...c }) {
+	let l = i || typeof a == "function", u = i ? t : "div";
+	return /* @__PURE__ */ r("li", {
+		className: e.item,
+		"data-interactive": l ? "" : void 0,
+		children: /* @__PURE__ */ r(u, {
+			className: n(e.itemContent, o),
+			onClick: a,
+			...c,
+			children: s
+		})
+	});
+}
+//#endregion
+export { a as ContainedList, o as ContainedListItem };

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

@@ -0,0 +1,14 @@
+"use client";
+
+import './contained-list.css';
+var e = {
+	root: "_root_u2rtc_2",
+	header: "_header_u2rtc_11",
+	label: "_label_u2rtc_25",
+	action: "_action_u2rtc_33",
+	list: "_list_u2rtc_39",
+	item: "_item_u2rtc_45",
+	itemContent: "_itemContent_u2rtc_57"
+};
+//#endregion
+export { e as default };

package/dist/context-menu/context-menu.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_dfne7_2{display:contents}._menu_dfne7_6{padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:10rem;box-shadow:var(--cascivo-shadow-md);inset:auto;top:var(--cascivo-context-y,0);left:var(--cascivo-context-x,0);opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;margin:0;position:fixed;translate:0}@starting-style{._menu_dfne7_6{opacity:0;translate:0 calc(-1 * var(--cascivo-space-1))}}._menu_dfne7_6[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-1));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._item_dfne7_45{padding:var(--cascivo-space-2) var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:flex}._item_dfne7_45:hover,._item_dfne7_45:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_dfne7_45[aria-disabled=true]{opacity:.5;cursor:not-allowed}}

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

@@ -0,0 +1,60 @@
+"use client";
+
+import e from "./context-menu.module.js";
+import { useSignal as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRef as o } from "react";
+//#region ../components/src/context-menu/context-menu.tsx
+function s({ children: s }) {
+	r();
+	let c = o(null), l = o(null), u = t(!1);
+	n(() => {
+		let e = c.current;
+		if (e) if (u.value) try {
+			e.showPopover();
+		} catch {}
+		else try {
+			e.hidePopover();
+		} catch {}
+	}), n(() => {
+		let e = c.current;
+		if (!e) return;
+		let t = (e) => {
+			e.newState === "closed" && (u.value = !1);
+		};
+		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
+	});
+	function d(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 [f, ...p] = Array.isArray(s) ? s : [s];
+	return /* @__PURE__ */ a("div", {
+		ref: l,
+		onContextMenu: d,
+		className: e.wrapper,
+		children: [f, /* @__PURE__ */ i("div", {
+			ref: c,
+			popover: "auto",
+			role: "menu",
+			"data-state": u.value ? "open" : "closed",
+			className: e.menu,
+			children: p
+		})]
+	});
+}
+function c({ children: t, onSelect: n, disabled: r }) {
+	return /* @__PURE__ */ i("div", {
+		role: "menuitem",
+		tabIndex: r ? -1 : 0,
+		"aria-disabled": r,
+		onClick: () => {
+			r || n();
+		},
+		className: e.item,
+		children: t
+	});
+}
+//#endregion
+export { s as ContextMenu, c as ContextMenuItem };

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

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

package/dist/copy-button/copy-button.css

@@ -0,0 +1 @@
+@layer cascivo.component{._copyButton_w0pqt_2{background-color:var(--cascivo-color-surface);color:var(--cascivo-color-text-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);justify-content:center;align-items:center;display:inline-flex}._copyButton_w0pqt_2:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._copyButton_w0pqt_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._copyButton_w0pqt_2:disabled{opacity:.5;cursor:not-allowed}._copyButton_w0pqt_2[data-state=copied]{color:var(--cascivo-color-success)}._copyButton_w0pqt_2[data-size=sm]{inline-size:var(--cascivo-control-height-sm);block-size:var(--cascivo-control-height-sm)}._copyButton_w0pqt_2[data-size=md]{inline-size:var(--cascivo-control-height-md);block-size:var(--cascivo-control-height-md)}._icon_w0pqt_45{block-size:1rem;inline-size:1rem}}

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

@@ -0,0 +1,58 @@
+"use client";
+
+import e from "./copy-button.module.js";
+import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
+import { builtin as i, t as a } from "@cascivo/i18n";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../components/src/copy-button/copy-button.tsx
+function c({ value: c, size: l = "md", labels: u, className: d, ...f }) {
+	r();
+	let p = n(!1), m = u?.copy ?? a(i.copyButton.copy), h = u?.copied ?? a(i.copyButton.copied);
+	return /* @__PURE__ */ o("button", {
+		type: "button",
+		"aria-label": p.value ? h : m,
+		"data-state": p.value ? "copied" : "idle",
+		"data-size": l,
+		className: t(e.copyButton, d),
+		onClick: () => {
+			navigator.clipboard.writeText(c), p.value = !0, setTimeout(() => {
+				p.value = !1;
+			}, 2e3);
+		},
+		...f,
+		children: p.value ? /* @__PURE__ */ o("svg", {
+			"aria-hidden": "true",
+			viewBox: "0 0 16 16",
+			className: e.icon,
+			children: /* @__PURE__ */ o("path", {
+				d: "M13.5 4.5 6 12 2.5 8.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}) : /* @__PURE__ */ s("svg", {
+			"aria-hidden": "true",
+			viewBox: "0 0 16 16",
+			className: e.icon,
+			children: [/* @__PURE__ */ o("rect", {
+				x: "5.5",
+				y: "5.5",
+				width: "8",
+				height: "8",
+				rx: "1.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}), /* @__PURE__ */ o("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 { c as CopyButton };

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

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

package/dist/data-list/data-list.css

@@ -0,0 +1 @@
+@layer cascivo.component{._list_prsqy_2{font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-normal);margin:0}._list_prsqy_2[data-size=sm]{font-size:var(--cascivo-text-xs);--_row-gap:var(--cascivo-space-2);--_pair-gap:var(--cascivo-space-2)}._list_prsqy_2[data-size=md]{font-size:var(--cascivo-text-sm);--_row-gap:var(--cascivo-space-3);--_pair-gap:var(--cascivo-space-4)}._row_prsqy_21{gap:var(--_pair-gap);padding-block:var(--_row-gap);display:grid}._list_prsqy_2[data-orientation=horizontal] ._row_prsqy_21{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:baseline}._list_prsqy_2[data-orientation=vertical] ._row_prsqy_21{gap:var(--cascivo-space-1);grid-template-columns:1fr}._list_prsqy_2[data-dividers] ._row_prsqy_21{border-block-end:1px solid var(--cascivo-color-border)}._list_prsqy_2[data-dividers] ._row_prsqy_21:last-child{border-block-end:none}._term_prsqy_45{color:var(--cascivo-color-text-subtle);font-weight:var(--cascivo-font-medium);margin:0}._detail_prsqy_51{margin:0;color:var(--cascivo-color-text);margin-inline-start:0}}@media (forced-colors:active){._list_prsqy_2[data-dividers] ._row_prsqy_21{border-block-end:1px solid canvastext}}

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

@@ -0,0 +1,27 @@
+"use client";
+
+import e from "./data-list.module.js";
+import { cn as t } from "@cascivo/core";
+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 };

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

@@ -0,0 +1,11 @@
+"use client";
+
+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 };

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

@@ -0,0 +1 @@
+@layer cascivo.component{._root_55t77_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_55t77_2[data-density=compact]{--_row-height:2.25rem}._root_55t77_2[data-density=normal]{--_row-height:3rem}._root_55t77_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_55t77_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_55t77_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_55t77_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_55t77_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_55t77_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_55t77_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_55t77_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_55t77_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_55t77_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_55t77_95{gap:var(--cascivo-space-2);display:flex}._scroller_55t77_101{max-block-size:var(--cascivo-data-table-max-height,none);overflow:auto}._scrollerVirtualized_55t77_106{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_55t77_112{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_55t77_2[data-paginated=true] ._table_55t77_112{table-layout:fixed}._table_55t77_112 thead th{padding-block:var(--cascivo-space-2);padding-inline: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_55t77_112 thead th[data-align=end]{text-align:end}._table_55t77_112 td{padding-block:0;padding-inline: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_55t77_112 td[data-align=end]{text-align:end}._table_55t77_112 tbody tr[data-filler-row] td{border-block-end:none}._root_55t77_2[data-sticky-header=true] ._table_55t77_112 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_55t77_2[data-zebra=true] ._table_55t77_112 tbody tr:nth-child(2n of ._row_55t77_168){background-color:var(--cascivo-color-bg-subtle)}._controlCol_55t77_174{inline-size:3rem}._controlCell_55t77_178{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_55t77_184{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_55t77_184:focus-visible{text-decoration:underline}._sortButton_55t77_184:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_55t77_184[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_55t77_184[data-state=descending]:after{content:"↓";opacity:.9}._row_55t77_168{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_55t77_168[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_55t77_232{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_55t77_239[data-state=closed]{display:none}._expansionGrid_55t77_245{overflow:hidden}._expansionInner_55t77_249{padding:var(--cascivo-space-4)}._expandButton_55t77_254{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_55t77_254:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_55t77_254:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_55t77_277{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_55t77_254[data-state=open] ._chevron_55t77_277{transform:rotate(-135deg)}._shimmer_55t77_292{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_55t77_292:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_55t77_292 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_55t77_292{to{translate:100%}}._footer_55t77_319{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_55t77_329{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_55t77_329 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_55t77_329 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_55t77_355{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_55t77_360{gap:var(--cascivo-space-1);display:flex}._pageButton_55t77_360{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_55t77_360:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_55t77_360: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_55t77_360:disabled{opacity:.4;cursor:not-allowed}._srOnly_55t77_399{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}