@cascivo/react 0.3.4 → 0.3.8

package/dist/fab/fab.js

@@ -0,0 +1,93 @@
+"use client";
+
+import e from "./fab.module.js";
+import { DismissableLayer as t, Presence as n, cn as r, useControllableSignal as i, useRovingFocus as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useId as u, useRef as d } from "react";
+//#region ../components/src/fab/fab.tsx
+function f({ children: f, label: p, onClick: m, actions: h, position: g = "bottom-end", open: _, defaultOpen: v, onOpenChange: y, className: b }) {
+	s();
+	let x = h != null && h.length > 0, [S, C] = i({
+		value: _,
+		defaultValue: v ?? !1,
+		onChange: y
+	}), w = a({
+		orientation: "vertical",
+		loop: !0
+	}), T = d(null), E = d(null), D = u(), O = d(!1);
+	o(() => {
+		let e = x && S.value;
+		e && !O.current ? E.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && O.current && T.current?.focus(), O.current = e;
+	});
+	let k = (e) => {
+		e.disabled || (e.onSelect(), C(!1));
+	}, A = /* @__PURE__ */ c("button", {
+		ref: T,
+		type: "button",
+		"aria-label": p,
+		className: e.fab,
+		...x ? {
+			"aria-haspopup": "menu",
+			"aria-expanded": S.value,
+			"aria-controls": D,
+			"data-state": S.value ? "open" : "closed",
+			onClick: () => C(!S.value)
+		} : { onClick: m },
+		children: /* @__PURE__ */ c("span", {
+			className: e.icon,
+			"aria-hidden": "true",
+			children: f
+		})
+	});
+	return x ? /* @__PURE__ */ c(t, {
+		onDismiss: () => C(!1),
+		escapeDismisses: S.value,
+		disableOutsidePointer: !S.value,
+		children: /* @__PURE__ */ l("div", {
+			className: r(e.root, b),
+			"data-position": g,
+			children: [/* @__PURE__ */ c(n, {
+				present: S,
+				children: /* @__PURE__ */ c("menu", {
+					ref: E,
+					id: D,
+					role: "menu",
+					"aria-label": p,
+					className: e.dial,
+					children: h.map((t, n) => {
+						let r = w.getItemProps(n);
+						return /* @__PURE__ */ c("li", {
+							role: "presentation",
+							className: e.dialItem,
+							children: /* @__PURE__ */ l("button", {
+								ref: r.ref,
+								type: "button",
+								role: "menuitem",
+								tabIndex: r.tabIndex,
+								"aria-disabled": t.disabled || void 0,
+								className: e.action,
+								onKeyDown: r.onKeyDown,
+								onFocus: r.onFocus,
+								onClick: () => k(t),
+								children: [/* @__PURE__ */ c("span", {
+									className: e.actionLabel,
+									children: t.label
+								}), /* @__PURE__ */ c("span", {
+									className: e.actionIcon,
+									"aria-hidden": "true",
+									children: t.icon
+								})]
+							})
+						}, t.label);
+					})
+				})
+			}), A]
+		})
+	}) : /* @__PURE__ */ c("div", {
+		className: r(e.root, b),
+		"data-position": g,
+		children: A
+	});
+}
+//#endregion
+export { f as Fab };

package/dist/fab/fab.module.js

@@ -0,0 +1,15 @@
+"use client";
+
+import './fab.css';
+var e = {
+	root: "_root_142gl_2",
+	fab: "_fab_142gl_21",
+	icon: "_icon_142gl_48",
+	dial: "_dial_142gl_60",
+	dialItem: "_dialItem_142gl_91",
+	action: "_action_142gl_95",
+	actionLabel: "_actionLabel_142gl_129",
+	actionIcon: "_actionIcon_142gl_134"
+};
+//#endregion
+export { e as default };

package/dist/field/field.css

@@ -0,0 +1 @@
+@layer cascivo.component{._field_ws86v_2{gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);display:grid}._field_ws86v_2[data-disabled]{opacity:.5}._description_ws86v_12{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-muted);margin:0}._error_ws86v_19{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-destructive);margin:0}}@media (forced-colors:active){._error_ws86v_19{color:buttontext}}

package/dist/field/field.js

@@ -0,0 +1,39 @@
+"use client";
+
+import { Label as e } from "../label/label.js";
+import t from "./field.module.js";
+import { cn as n, useId as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Children as o, cloneElement as s, isValidElement as c } from "react";
+//#region ../components/src/field/field.tsx
+function l({ label: l, description: u, error: d, required: f = !1, disabled: p = !1, id: m, children: h, className: g }) {
+	let _ = r("cascade-field"), v = m ?? _, y = `${v}-description`, b = `${v}-error`, x = [u ? y : null, d ? b : null].filter(Boolean).join(" ") || void 0, S = { id: v };
+	x && (S["aria-describedby"] = x), d && (S["aria-invalid"] = !0), (p || h.props.disabled) && (S.disabled = !0);
+	let C = c(h) ? s(o.only(h), S) : h;
+	return /* @__PURE__ */ a("div", {
+		className: n(t.field, g),
+		"data-disabled": p ? "" : void 0,
+		children: [
+			l && /* @__PURE__ */ i(e, {
+				htmlFor: v,
+				required: f,
+				disabled: p,
+				children: l
+			}),
+			C,
+			u && /* @__PURE__ */ i("p", {
+				id: y,
+				className: t.description,
+				children: u
+			}),
+			d && /* @__PURE__ */ i("p", {
+				id: b,
+				role: "alert",
+				className: t.error,
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+export { l as Field };

package/dist/field/field.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './field.css';
+var e = {
+	field: "_field_ws86v_2",
+	description: "_description_ws86v_12",
+	error: "_error_ws86v_19"
+};
+//#endregion
+export { e as default };

package/dist/file-uploader/file-uploader.css

@@ -0,0 +1 @@
+@layer cascivo.component{._uploader_1tk3e_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;display:flex}._label_1tk3e_9{font-size:var(--cascivo-font-size-sm);font-weight:var(--cascivo-font-weight-medium);color:var(--cascivo-color-text)}._input_1tk3e_15{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_1tk3e_24{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_1tk3e_24:hover:not(:disabled),._zone_1tk3e_24[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_1tk3e_24:disabled{opacity:.5;cursor:not-allowed}._hint_1tk3e_57{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-text-muted)}._list_1tk3e_62{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_1tk3e_71{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-font-size-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_1tk3e_71[data-state=error]{border-color:var(--cascivo-color-danger)}._status_1tk3e_88{grid-area:status;align-items:center;display:flex}._glyph-complete_1tk3e_94{color:var(--cascivo-color-success)}._glyph-error_1tk3e_98{color:var(--cascivo-color-danger)}._name_1tk3e_102{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_1tk3e_109{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-xs);grid-area:size}._remove_1tk3e_115{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-font-size-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_1tk3e_115:hover{color:var(--cascivo-color-danger);background:var(--cascivo-color-danger-subtle)}._error-message_1tk3e_135{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-danger);grid-area:error}}

package/dist/file-uploader/file-uploader.js

@@ -0,0 +1,122 @@
+"use client";
+
+import { Spinner as e } from "../spinner/spinner.js";
+import t from "./file-uploader.module.js";
+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";
+import { useRef as l } from "react";
+//#region ../components/src/file-uploader/file-uploader.tsx
+function u(e, t) {
+	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
+	return n.length === 0 ? !0 : n.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type === t);
+}
+function d(e) {
+	return e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : e >= 1024 ? `${(e / 1024).toFixed(1)} KB` : `${e} B`;
+}
+function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, accept: g, maxSize: _, onRejected: v, label: y, hint: b, labels: x, disabled: S = !1, className: C }) {
+	i();
+	let w = l(null), T = r(!1), E = y ?? x?.label ?? o(a.fileUploader.label), D = x?.drop ?? o(a.fileUploader.drop), O = x?.uploading ?? o(a.fileUploader.uploading), k = x?.complete ?? o(a.fileUploader.complete), A = x?.error ?? o(a.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : o(a.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
+		if (!e || e.length === 0) return;
+		let t = h ? Array.from(e) : Array.from(e).slice(0, 1), n = [], r = [], i = [];
+		for (let e of t) g && !u(e, g) ? r.push(e) : _ !== void 0 && e.size > _ ? i.push(e) : n.push(e);
+		r.length > 0 && v?.(r, "type"), i.length > 0 && v?.(i, "size"), n.length > 0 && p?.(n);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: n(t.uploader, C),
+		children: [
+			/* @__PURE__ */ s("span", {
+				id: N,
+				className: t.label,
+				children: E
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: w,
+				type: "file",
+				className: t.input,
+				tabIndex: -1,
+				"aria-hidden": "true",
+				multiple: h,
+				accept: g,
+				disabled: S,
+				onChange: (e) => {
+					F(e.target.files), e.target.value = "";
+				}
+			}),
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				className: t.zone,
+				"data-state": T.value ? "dragover" : "idle",
+				disabled: S,
+				"aria-describedby": b ? `${N} ${P}` : N,
+				onClick: () => w.current?.click(),
+				onDragEnter: (e) => {
+					e.preventDefault(), S || (T.value = !0);
+				},
+				onDragOver: (e) => e.preventDefault(),
+				onDragLeave: () => {
+					T.value = !1;
+				},
+				onDrop: (e) => {
+					e.preventDefault(), T.value = !1, !S && F(e.dataTransfer.files);
+				},
+				children: D
+			}),
+			b && /* @__PURE__ */ s("span", {
+				id: P,
+				className: t.hint,
+				children: b
+			}),
+			f.length > 0 && /* @__PURE__ */ s("ul", {
+				className: t.list,
+				"aria-live": "polite",
+				children: f.map((n) => /* @__PURE__ */ c("li", {
+					className: t.file,
+					"data-state": n.status,
+					children: [
+						/* @__PURE__ */ c("span", {
+							className: t.status,
+							children: [
+								n.status === "uploading" && /* @__PURE__ */ s(e, {
+									size: "sm",
+									label: O
+								}),
+								n.status === "complete" && /* @__PURE__ */ s("span", {
+									className: t["glyph-complete"],
+									"aria-label": k,
+									children: "✓"
+								}),
+								n.status === "error" && /* @__PURE__ */ s("span", {
+									className: t["glyph-error"],
+									"aria-label": A,
+									children: "✕"
+								})
+							]
+						}),
+						/* @__PURE__ */ s("span", {
+							className: t.name,
+							children: n.name
+						}),
+						n.size !== void 0 && /* @__PURE__ */ s("span", {
+							className: t.size,
+							children: d(n.size)
+						}),
+						/* @__PURE__ */ s("button", {
+							type: "button",
+							className: t.remove,
+							"aria-label": j(n.name),
+							onClick: () => m?.(n.id),
+							children: "✕"
+						}),
+						n.status === "error" && n.errorMessage && /* @__PURE__ */ s("span", {
+							className: t["error-message"],
+							children: n.errorMessage
+						})
+					]
+				}, n.id))
+			})
+		]
+	});
+}
+//#endregion
+export { f as FileUploader };

package/dist/file-uploader/file-uploader.module.js

@@ -0,0 +1,21 @@
+"use client";
+
+import './file-uploader.css';
+var e = {
+	uploader: "_uploader_1tk3e_2",
+	label: "_label_1tk3e_9",
+	input: "_input_1tk3e_15",
+	zone: "_zone_1tk3e_24",
+	hint: "_hint_1tk3e_57",
+	list: "_list_1tk3e_62",
+	file: "_file_1tk3e_71",
+	status: "_status_1tk3e_88",
+	"glyph-complete": "_glyph-complete_1tk3e_94",
+	"glyph-error": "_glyph-error_1tk3e_98",
+	name: "_name_1tk3e_102",
+	size: "_size_1tk3e_109",
+	remove: "_remove_1tk3e_115",
+	"error-message": "_error-message_1tk3e_135"
+};
+//#endregion
+export { e as default };

package/dist/filter/filter.css

@@ -0,0 +1 @@
+@layer cascivo.component{._filter_uq1vv_2{flex-wrap:wrap;gap:.375rem;display:flex}._item_uq1vv_8{border-radius:var(--cascivo-radius-full);border:1px solid var(--cascivo-border-default);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:background-color .1s var(--cascivo-ease-out), color .1s var(--cascivo-ease-out), border-color .1s var(--cascivo-ease-out);background-color:#0000;align-items:center;padding-block:.25rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex}._item_uq1vv_8:hover{background-color:var(--cascivo-color-active-bg);color:var(--cascivo-color-text)}._item_uq1vv_8[data-selected]{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._item_uq1vv_8:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px}._filter_uq1vv_2[data-variant=outline] ._item_uq1vv_8[data-selected]{border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent);background-color:#0000}}

package/dist/filter/filter.js

@@ -0,0 +1,34 @@
+"use client";
+
+import e from "./filter.module.js";
+import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../components/src/filter/filter.tsx
+function i({ options: i, value: a, defaultValue: o = [], onChange: s, multi: c = !1, variant: l = "pill", className: u, ...d }) {
+	n();
+	let [f, p] = t({
+		value: a,
+		defaultValue: o,
+		onChange: s
+	});
+	function m(e) {
+		let t = f.value, n;
+		n = c ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], p(n);
+	}
+	return /* @__PURE__ */ r("div", {
+		role: "group",
+		className: [e.filter, u].filter(Boolean).join(" "),
+		"data-variant": l,
+		...d,
+		children: i.map((t) => /* @__PURE__ */ r("button", {
+			type: "button",
+			className: e.item,
+			"data-selected": f.value.includes(t.value) || void 0,
+			onClick: () => m(t.value),
+			"aria-pressed": f.value.includes(t.value),
+			children: t.label
+		}, t.value))
+	});
+}
+//#endregion
+export { i as Filter };

package/dist/filter/filter.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './filter.css';
+var e = {
+	filter: "_filter_uq1vv_2",
+	item: "_item_uq1vv_8"
+};
+//#endregion
+export { e as default };

package/dist/form/form.css

@@ -0,0 +1 @@
+@layer cascivo.component{._form_1mtxl_2{gap:var(--cascivo-space-4);flex-direction:column;display:flex}}

package/dist/form/form.js

@@ -0,0 +1,88 @@
+"use client";
+
+import e from "./form.module.js";
+import { batch as t, cn as n, signal as r, useSignal as i, useSignals as a } from "@cascivo/core";
+import { jsx as o } from "react/jsx-runtime";
+//#region ../components/src/form/form.tsx
+function s(e) {
+	let t = e[0];
+	return t === void 0 ? "" : String(typeof t == "string" || typeof t == "number" ? t : t.key);
+}
+async function c(e, t) {
+	let n = await e["~standard"].validate(t);
+	if (!("issues" in n) || n.issues === void 0) return {};
+	let r = {};
+	for (let e of n.issues) {
+		let t = e.path && e.path.length > 0 ? s(e.path) : "";
+		t && !(t in r) && (r[t] = e.message);
+	}
+	return r;
+}
+function l(e) {
+	let n = r({ ...e.initialValues }), i = r({}), a = r({}), o = r(!1), s = (e, t) => {
+		n.value = {
+			...n.value,
+			[e]: t
+		};
+	};
+	return {
+		values: n,
+		errors: i,
+		touched: a,
+		submitting: o,
+		setValue: s,
+		field(e) {
+			return {
+				get value() {
+					return n.value[e];
+				},
+				onChange: (t) => s(e, t),
+				onBlur: () => {
+					a.value = {
+						...a.value,
+						[e]: !0
+					};
+				},
+				get error() {
+					return i.value[e];
+				}
+			};
+		},
+		async submit(r) {
+			o.value = !0;
+			try {
+				let o = {};
+				e.schema && (o = await c(e.schema, n.value)), Object.keys(o).length === 0 && e.validate && (o = await e.validate(n.value));
+				let s = Object.fromEntries(Object.keys(e.initialValues).map((e) => [e, !0]));
+				t(() => {
+					i.value = o, a.value = s;
+				}), Object.keys(o).length === 0 && await r(n.value);
+			} finally {
+				o.value = !1;
+			}
+		},
+		reset() {
+			t(() => {
+				n.value = { ...e.initialValues }, i.value = {}, a.value = {};
+			});
+		}
+	};
+}
+function u(e) {
+	a();
+	let t = i(null);
+	return t.peek() === null && (t.value = l(e)), t.peek();
+}
+function d({ form: t, onValid: r, children: i, className: a, ...s }) {
+	return /* @__PURE__ */ o("form", {
+		noValidate: !0,
+		className: n(e.form, a),
+		onSubmit: (e) => {
+			e.preventDefault(), t.submit(r);
+		},
+		...s,
+		children: i
+	});
+}
+//#endregion
+export { d as Form, l as createForm, u as useForm };

package/dist/form/form.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './form.css';
+var e = { form: "_form_1mtxl_2" };
+//#endregion
+export { e as default };

package/dist/header/header.css

@@ -0,0 +1 @@
+@layer cascivo.component{._header_1n9di_2{align-items:center;gap:var(--cascivo-space-6);padding-inline:var(--cascivo-space-6);padding-block:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);background-color:var(--cascivo-header-bg,var(--cascivo-color-surface));border-block-end:1px solid var(--cascivo-color-border);display:flex;container:cascade-header/inline-size}._header_1n9di_2[data-sticky]{z-index:var(--cascivo-z-raised);position:sticky;inset-block-start:0}._brand_1n9di_20{align-items:center;gap:var(--cascivo-space-2);font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);white-space:nowrap;display:flex}._brand_1n9di_20 :any-link{color:inherit;text-decoration:none}._nav_1n9di_35{min-inline-size:0}._list_1n9di_39{align-items:center;gap:var(--cascivo-space-1);margin:0;padding:0;list-style:none;display:flex}._link_1n9di_48{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text-subtle);white-space:nowrap;border-radius:var(--cascivo-radius-item);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);align-items:center;text-decoration:none;display:inline-flex}._link_1n9di_48:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._link_1n9di_48:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_1n9di_48[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium);background-color:var(--cascivo-color-bg-subtle)}._spacer_1n9di_80{flex:1}._actions_1n9di_84{align-items:center;gap:var(--cascivo-space-2);display:flex}@container cascade-header (inline-size<40rem){._list_1n9di_39{gap:0}._link_1n9di_48{padding-inline:var(--cascivo-space-2);font-size:var(--cascivo-text-xs);letter-spacing:var(--cascivo-tracking-tight)}}}

package/dist/header/header.js

@@ -0,0 +1,44 @@
+"use client";
+
+import e from "./header.module.js";
+import { cn as t, useSignals as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/header/header.tsx
+function s({ brand: s, links: c, actions: l, sticky: u = !1, labels: d, className: f, ...p }) {
+	n();
+	let m = d?.nav ?? i(r.header.nav);
+	return /* @__PURE__ */ o("header", {
+		role: "banner",
+		"data-sticky": u || void 0,
+		className: t(e.header, f),
+		...p,
+		children: [
+			s && /* @__PURE__ */ a("div", {
+				className: e.brand,
+				children: s
+			}),
+			c && c.length > 0 && /* @__PURE__ */ a("nav", {
+				"aria-label": m,
+				className: e.nav,
+				children: /* @__PURE__ */ a("ul", {
+					className: e.list,
+					children: c.map((t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("a", {
+						href: t.href,
+						"aria-current": t.active ? "page" : void 0,
+						"data-state": t.active ? "active" : void 0,
+						className: e.link,
+						children: t.label
+					}) }, t.href))
+				})
+			}),
+			/* @__PURE__ */ a("div", { className: e.spacer }),
+			l && /* @__PURE__ */ a("div", {
+				className: e.actions,
+				children: l
+			})
+		]
+	});
+}
+//#endregion
+export { s as Header };

package/dist/header/header.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+import './header.css';
+var e = {
+	header: "_header_1n9di_2",
+	brand: "_brand_1n9di_20",
+	nav: "_nav_1n9di_35",
+	list: "_list_1n9di_39",
+	link: "_link_1n9di_48",
+	spacer: "_spacer_1n9di_80",
+	actions: "_actions_1n9di_84"
+};
+//#endregion
+export { e as default };

package/dist/header-panel/header-panel.css

@@ -0,0 +1 @@
+@layer cascivo.component{._panel_gsmp3_2{inline-size:var(--cascivo-shell-panel-inline-size,20rem);background:var(--cascivo-color-surface);border:none;border-inline-start:1px solid var(--cascivo-color-border);max-inline-size:100vw;box-shadow:var(--cascivo-shadow-md);overscroll-behavior:contain;flex-direction:column;margin:0;padding:0;display:none;position:fixed;inset-block-start:var(--cascivo-shell-header-block-size,3rem);inset-block-end:0;inset-inline:auto 0}._panel_gsmp3_2:popover-open{display:flex}._panel_gsmp3_2{transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;translate:100%}@starting-style{._panel_gsmp3_2:popover-open{translate:100%}}._panel_gsmp3_2:popover-open{translate:0}._header_gsmp3_41{padding:var(--cascivo-space-3);border-block-end:1px solid var(--cascivo-color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._title_gsmp3_50{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._close_gsmp3_57{padding:var(--cascivo-space-1);color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._close_gsmp3_57:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_gsmp3_57:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._body_gsmp3_80{padding:var(--cascivo-space-3);flex:1;overflow-y:auto}}

package/dist/header-panel/header-panel.js

@@ -0,0 +1,74 @@
+"use client";
+
+import e from "./header-panel.module.js";
+import { cn as t, useSignal as n, useSignalEffect 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/header-panel/header-panel.tsx
+function u({ open: u, onClose: d, label: f, children: p, labels: m, className: h }) {
+	i();
+	let g = l(null), _ = l(null), v = n(u);
+	v.value = u;
+	let y = l(d);
+	return y.current = d, r(() => {
+		let e = g.current;
+		if (e) if (v.value) {
+			_.current = document.activeElement;
+			try {
+				e.showPopover();
+			} catch {}
+			e.focus();
+		} else {
+			try {
+				e.hidePopover();
+			} catch {}
+			_.current?.focus(), _.current = null;
+		}
+	}), r(() => {
+		let e = g.current;
+		if (!e) return;
+		let t = (e) => {
+			let t = "newState" in e ? e.newState === "closed" : !0;
+			v.peek() && t && y.current();
+		};
+		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
+	}), /* @__PURE__ */ c("div", {
+		ref: g,
+		popover: "auto",
+		role: "region",
+		"aria-label": f,
+		tabIndex: -1,
+		"data-state": u ? "open" : "closed",
+		className: t(e.panel, h),
+		children: [/* @__PURE__ */ c("div", {
+			className: e.header,
+			children: [/* @__PURE__ */ s("span", {
+				className: e.title,
+				children: f
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				"aria-label": m?.close ?? o(a.headerPanel.close),
+				className: e.close,
+				onClick: () => y.current(),
+				children: /* @__PURE__ */ s("svg", {
+					viewBox: "0 0 16 16",
+					width: "14",
+					height: "14",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ s("path", {
+						d: "M4 4l8 8M12 4l-8 8",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round"
+					})
+				})
+			})]
+		}), /* @__PURE__ */ s("div", {
+			className: e.body,
+			children: p
+		})]
+	});
+}
+//#endregion
+export { u as HeaderPanel };

package/dist/header-panel/header-panel.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './header-panel.css';
+var e = {
+	panel: "_panel_gsmp3_2",
+	header: "_header_gsmp3_41",
+	title: "_title_gsmp3_50",
+	close: "_close_gsmp3_57",
+	body: "_body_gsmp3_80"
+};
+//#endregion
+export { e as default };

package/dist/heading/heading.css

@@ -0,0 +1 @@
+@layer cascivo.component{._heading_1mlcc_2{font-family:var(--cascivo-font-display);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text);text-wrap:balance;margin:0}._heading_1mlcc_2[data-size=sm]{font-size:var(--cascivo-text-base)}._heading_1mlcc_2[data-size=md]{font-size:var(--cascivo-text-lg)}._heading_1mlcc_2[data-size=lg]{font-size:var(--cascivo-text-xl)}._heading_1mlcc_2[data-size=xl]{font-size:var(--cascivo-text-2xl);letter-spacing:var(--cascivo-tracking-tight)}._heading_1mlcc_2[data-size="2xl"]{font-size:var(--cascivo-text-3xl);letter-spacing:var(--cascivo-tracking-tight)}}

package/dist/heading/heading.js

@@ -0,0 +1,24 @@
+"use client";
+
+import e from "./heading.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/heading/heading.tsx
+var r = {
+	1: "2xl",
+	2: "xl",
+	3: "lg",
+	4: "md",
+	5: "sm",
+	6: "sm"
+};
+function i({ level: i = 2, size: a, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(`h${i}`, {
+		"data-size": a ?? r[i],
+		className: t(e.heading, o),
+		...c,
+		children: s
+	});
+}
+//#endregion
+export { i as Heading };

package/dist/heading/heading.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './heading.css';
+var e = { heading: "_heading_1mlcc_2" };
+//#endregion
+export { e as default };

package/dist/hover-card/hover-card.css

@@ -0,0 +1 @@
+@layer cascivo.component{._trigger_p0sib_2{cursor:default;display:inline}._content_p0sib_7{padding:var(--cascivo-space-4);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);width:18rem;box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._content_p0sib_7{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._content_p0sib_7{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;translate:0}@starting-style{._content_p0sib_7{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._content_p0sib_7[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));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}}