@cascivo/react 0.3.4 → 0.3.8

package/dist/join/join.js

@@ -0,0 +1,14 @@
+"use client";
+
+import e from "./join.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../components/src/join/join.tsx
+function n({ children: n, orientation: r = "horizontal", className: i }) {
+	return /* @__PURE__ */ t("div", {
+		className: [e.join, i].filter(Boolean).join(" "),
+		"data-orientation": r,
+		children: n
+	});
+}
+//#endregion
+export { n as Join };

package/dist/join/join.module.js

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

package/dist/kbd/kbd.css

@@ -0,0 +1 @@
+@layer cascivo.component{._kbd_fz6em_2{font-family:var(--cascivo-font-mono);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);box-shadow:inset 0 -1px 0 var(--cascivo-color-border-strong);white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex}._kbd_fz6em_2[data-size=sm]{min-inline-size:1.25rem;padding-block:var(--cascivo-space-0);padding-inline:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);block-size:1.25rem}._kbd_fz6em_2[data-size=md]{min-inline-size:1.5rem;padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);block-size:1.5rem}}

package/dist/kbd/kbd.js

@@ -0,0 +1,16 @@
+"use client";
+
+import e from "./kbd.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/kbd/kbd.tsx
+function r({ size: r = "md", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ n("kbd", {
+		"data-size": r,
+		className: t(e.kbd, i),
+		...o,
+		children: a
+	});
+}
+//#endregion
+export { r as Kbd };

package/dist/kbd/kbd.module.js

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

package/dist/label/label.css

@@ -0,0 +1 @@
+@layer cascivo.component{._label_qztdi_2{align-items:center;gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text);display:inline-flex}._label_qztdi_2[data-disabled]{opacity:.5;cursor:not-allowed}._marker_qztdi_18{color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-none)}._srOnly_qztdi_23{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (forced-colors:active){._label_qztdi_2[data-disabled]{color:graytext}}

package/dist/label/label.js

@@ -0,0 +1,25 @@
+"use client";
+
+import e from "./label.module.js";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../components/src/label/label.tsx
+function c({ asChild: c = !1, required: l = !1, disabled: u = !1, className: d, children: f, labels: p, ...m }) {
+	let h = c ? t : "label", g = p?.required ?? i(r.label.required), _ = l ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+		className: e.marker,
+		"aria-hidden": "true",
+		children: "*"
+	}), /* @__PURE__ */ o("span", {
+		className: e.srOnly,
+		children: g
+	})] }) : null;
+	return /* @__PURE__ */ o(h, {
+		"data-disabled": u ? "" : void 0,
+		className: n(e.label, d),
+		...m,
+		children: _ ? /* @__PURE__ */ s(a, { children: [f, _] }) : f
+	});
+}
+//#endregion
+export { c as Label };

package/dist/label/label.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './label.css';
+var e = {
+	label: "_label_qztdi_2",
+	marker: "_marker_qztdi_18",
+	srOnly: "_srOnly_qztdi_23"
+};
+//#endregion
+export { e as default };

package/dist/link/link.css

@@ -0,0 +1 @@
+@layer cascivo.component{._link_6dwxn_2{color:var(--cascivo-link-color,var(--cascivo-color-accent));cursor:pointer;border-radius:var(--cascivo-radius-item);text-underline-offset:.2em;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out)}._link_6dwxn_2:hover{color:var(--cascivo-color-accent-hover)}._link_6dwxn_2:active{color:var(--cascivo-color-accent-active)}._link_6dwxn_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_6dwxn_2[data-variant=standalone]{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);text-decoration:none}._link_6dwxn_2[data-variant=standalone]:hover{text-decoration:underline}._link_6dwxn_2[data-variant=standalone][data-size=sm]{font-size:var(--cascivo-text-sm)}._link_6dwxn_2[data-variant=standalone][data-size=md]{font-size:var(--cascivo-text-base)}._link_6dwxn_2[data-variant=standalone][data-size=lg]{font-size:var(--cascivo-text-lg)}._link_6dwxn_2[data-variant=inline]{font:inherit;text-decoration:underline}._link_6dwxn_2[data-external]:after{content:"↗" / "";margin-inline-start:var(--cascivo-space-1);font-size:.8em}}

package/dist/link/link.js

@@ -0,0 +1,22 @@
+"use client";
+
+import e from "./link.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/link/link.tsx
+function r({ variant: r = "standalone", size: i = "md", external: a = !1, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n("a", {
+		"data-variant": r,
+		"data-size": i,
+		"data-external": a || void 0,
+		className: t(e.link, o),
+		...a ? {
+			target: "_blank",
+			rel: "noreferrer"
+		} : {},
+		...c,
+		children: s
+	});
+}
+//#endregion
+export { r as Link };

package/dist/link/link.module.js

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

package/dist/list/list.css

@@ -0,0 +1 @@
+@layer cascivo.component{._list_96m5o_2{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-base);line-height:var(--cascivo-leading-normal);color:var(--cascivo-color-text);margin:0;padding-inline-start:var(--cascivo-space-6)}._list_96m5o_2[data-marker=disc]{list-style-type:disc}._list_96m5o_2[data-marker=decimal]{list-style-type:decimal}._list_96m5o_2[data-marker=none]{padding-inline-start:0;list-style-type:none}._item_96m5o_24{margin-block:var(--cascivo-space-1)}}

package/dist/list/list.js

@@ -0,0 +1,23 @@
+"use client";
+
+import e from "./list.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/list/list.tsx
+function r({ as: r = "ul", marker: i, className: a, children: o, ...s }) {
+	return /* @__PURE__ */ n(r, {
+		"data-marker": i ?? (r === "ol" ? "decimal" : "disc"),
+		className: t(e.list, a),
+		...s,
+		children: o
+	});
+}
+function i({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("li", {
+		className: t(e.item, r),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { r as List, i as ListItem };

package/dist/list/list.module.js

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

package/dist/log-viewer/log-viewer.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_1sc67_2{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:clip}._toolbar_1sc67_11{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);border-block-end:1px solid var(--cascivo-color-border);display:flex}._search_1sc67_20{min-inline-size:0;font:inherit;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);flex:0 16rem}._count_1sc67_33{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._spacer_1sc67_38{flex:auto}._toggle_1sc67_42,._copy_1sc67_43{font:inherit;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-button);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);cursor:pointer}:is(._toggle_1sc67_42,._copy_1sc67_43):hover{background-color:var(--cascivo-color-surface)}:is(._toggle_1sc67_42,._copy_1sc67_43):focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:2px}._toggle_1sc67_42[aria-pressed=true]{color:var(--cascivo-color-accent-content,var(--cascivo-color-text-on-accent));background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}@media (pointer:coarse){._toggle_1sc67_42,._copy_1sc67_43,._search_1sc67_20{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._scroll_1sc67_81{font-family:var(--cascivo-font-mono);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);line-height:1.45;position:relative;overflow:auto}._scroll_1sc67_81:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:-2px}._sizer_1sc67_96{inline-size:100%;position:relative}._line_1sc67_101{padding-inline:var(--cascivo-space-3);white-space:pre;align-items:center;display:flex;position:absolute;inset-inline:0}._line_1sc67_101[data-level=warn]{color:var(--cascivo-color-warning)}._line_1sc67_101[data-level=error]{color:var(--cascivo-color-error)}._line_1sc67_101[data-level=debug]{color:var(--cascivo-color-text-subtle)}._line_1sc67_101 mark{color:inherit;background-color:var(--cascivo-color-warning-subtle);border-radius:var(--cascivo-radius-indicator)}._ansi_1sc67_128[data-ansi=red]{color:var(--cascivo-color-error)}._ansi_1sc67_128[data-ansi=green]{color:var(--cascivo-color-success)}._ansi_1sc67_128[data-ansi=yellow]{color:var(--cascivo-color-warning)}._ansi_1sc67_128[data-ansi=blue],._ansi_1sc67_128[data-ansi=cyan]{color:var(--cascivo-color-info)}._ansi_1sc67_128[data-ansi=magenta]{color:var(--cascivo-color-accent)}._ansi_1sc67_128[data-ansi=black],._ansi_1sc67_128[data-ansi=bright-black]{color:var(--cascivo-color-text-muted)}._empty_1sc67_149{padding-block:var(--cascivo-space-6);padding-inline:var(--cascivo-space-3);text-align:center;color:var(--cascivo-color-text-muted)}}

package/dist/log-viewer/log-viewer.js

@@ -0,0 +1,184 @@
+"use client";
+
+import e from "./log-viewer.module.js";
+import { VisuallyHidden as t, cn as n, useClipboard as r, useComputed as i, useControllableSignal as a, useResizeObserver as o, useSignal as s, useSignalEffect as c, useSignals as l } from "@cascivo/core";
+import { builtin as u, t as d } from "@cascivo/i18n";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Fragment as m } from "react";
+//#region ../components/src/log-viewer/log-viewer.tsx
+var h = {
+	30: "black",
+	31: "red",
+	32: "green",
+	33: "yellow",
+	34: "blue",
+	35: "magenta",
+	36: "cyan",
+	37: "white",
+	90: "bright-black",
+	91: "red",
+	92: "green",
+	93: "yellow",
+	94: "blue",
+	95: "magenta",
+	96: "cyan",
+	97: "white"
+};
+function g(e) {
+	if (!e.includes("\x1B[")) return [{ text: e }];
+	try {
+		let t = [], n = /\[([0-9;]*)m/g, r = 0, i, a = !1, o;
+		for (; (o = n.exec(e)) !== null;) {
+			o.index > r && t.push({
+				text: e.slice(r, o.index),
+				color: i,
+				bold: a
+			});
+			for (let e of o[1].split(";")) {
+				let t = Number(e || "0");
+				t === 0 ? (i = void 0, a = !1) : t === 1 ? a = !0 : t === 22 ? a = !1 : h[t] && (i = h[t]);
+			}
+			r = n.lastIndex;
+		}
+		return r < e.length && t.push({
+			text: e.slice(r),
+			color: i,
+			bold: a
+		}), t.length > 0 ? t : [{ text: e }];
+	} catch {
+		return [{ text: e }];
+	}
+}
+function _(e, t, n) {
+	if (!t) return e;
+	let r = e.toLowerCase(), i = t.toLowerCase(), a = [], o = 0, s = r.indexOf(i, o), c = 0;
+	for (; s !== -1;) s > o && a.push(e.slice(o, s)), a.push(/* @__PURE__ */ f("mark", { children: e.slice(s, s + i.length) }, `${n}-${c++}`)), o = s + i.length, s = r.indexOf(i, o);
+	return o < e.length && a.push(e.slice(o)), a;
+}
+function v(t, n, r) {
+	return (n ? g(t.text) : [{ text: t.text }]).map((n, i) => /* @__PURE__ */ f("span", {
+		"data-ansi": n.color,
+		style: n.bold ? { fontWeight: 700 } : void 0,
+		className: n.color ? e.ansi : void 0,
+		children: _(n.text, r, `${String(t.id)}-${i}`)
+	}, i));
+}
+function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowChange: b, ansi: x = !1, search: S, maxHeight: C = "24rem", labels: w, className: T, ...E }) {
+	l();
+	let D = {
+		searchPlaceholder: w?.searchPlaceholder ?? d(u.logViewer.search),
+		follow: w?.follow ?? d(u.logViewer.follow),
+		paused: w?.paused ?? d(u.logViewer.paused),
+		copy: w?.copy ?? d(u.logViewer.copy),
+		copied: w?.copied ?? d(u.logViewer.copied),
+		empty: w?.empty ?? d(u.logViewer.empty),
+		label: d(u.logViewer.label)
+	}, O = s(Array.isArray(h) ? h : []);
+	Array.isArray(h) && (O.value = h);
+	let k = Array.isArray(h) ? O : h, { ref: A, size: j } = o(), M = s(0), [N, P] = a({
+		value: y,
+		defaultValue: !0,
+		onChange: b
+	}), F = s(S ?? ""), { copied: I, copy: L } = r(), R = i(() => {
+		let e = k.value, t = e.length, n = j.value?.height ?? 320, r = Math.max(0, t * g - n), i = N.value ? r : M.value, a = Math.floor(i / g), o = Math.ceil(n / g) + _ * 2, s = Math.max(0, a - _), c = Math.min(t, s + o);
+		return {
+			total: t,
+			start: s,
+			end: c,
+			rows: e.slice(s, c)
+		};
+	}), z = i(() => {
+		let e = F.value.trim().toLowerCase();
+		if (!e) return 0;
+		let t = 0;
+		for (let n of k.value) n.text.toLowerCase().includes(e) && t++;
+		return t;
+	});
+	c(() => {
+		if (k.value, !N.value) return;
+		let e = A.current;
+		e && (e.scrollTop = e.scrollHeight);
+	});
+	let B = (e) => {
+		let t = e.currentTarget;
+		M.value = t.scrollTop, P(t.scrollHeight - t.clientHeight - t.scrollTop <= g);
+	}, V = R.value, H = F.value.trim();
+	return /* @__PURE__ */ p("div", {
+		className: n(e.root, T),
+		...E,
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: e.toolbar,
+				children: [
+					/* @__PURE__ */ f("input", {
+						type: "search",
+						className: e.search,
+						placeholder: D.searchPlaceholder,
+						"aria-label": D.searchPlaceholder,
+						value: F.value,
+						onInput: (e) => {
+							F.value = e.currentTarget.value;
+						}
+					}),
+					H ? /* @__PURE__ */ f("span", {
+						className: e.count,
+						"aria-live": "polite",
+						children: d(u.logViewer.matches, { count: z.value })
+					}) : null,
+					/* @__PURE__ */ f("span", { className: e.spacer }),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: e.toggle,
+						"aria-pressed": N.value,
+						onClick: () => {
+							let e = !N.value;
+							if (P(e), e) {
+								let e = A.current;
+								e && (e.scrollTop = e.scrollHeight);
+							}
+						},
+						children: N.value ? D.follow : D.paused
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: e.copy,
+						onClick: () => void L(k.value.map((e) => e.text).join("\n")),
+						children: I.value ? D.copied : D.copy
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				ref: A,
+				className: e.scroll,
+				role: "log",
+				"aria-live": "polite",
+				"aria-label": D.label,
+				tabIndex: 0,
+				style: { maxBlockSize: C },
+				onScroll: B,
+				children: V.total === 0 ? /* @__PURE__ */ f("div", {
+					className: e.empty,
+					children: D.empty
+				}) : /* @__PURE__ */ f("div", {
+					className: e.sizer,
+					style: { blockSize: V.total * g },
+					children: V.rows.map((t, n) => /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f("div", {
+						className: e.line,
+						"data-level": t.level,
+						style: {
+							insetBlockStart: (V.start + n) * g,
+							blockSize: g
+						},
+						children: v(t, x, H)
+					}) }, t.id))
+				})
+			}),
+			/* @__PURE__ */ f(t, {
+				"aria-live": "polite",
+				children: d(u.logViewer.lines, { count: V.total })
+			})
+		]
+	});
+}
+//#endregion
+export { y as LogViewer };

package/dist/log-viewer/log-viewer.module.js

@@ -0,0 +1,19 @@
+"use client";
+
+import './log-viewer.css';
+var e = {
+	root: "_root_1sc67_2",
+	toolbar: "_toolbar_1sc67_11",
+	search: "_search_1sc67_20",
+	count: "_count_1sc67_33",
+	spacer: "_spacer_1sc67_38",
+	toggle: "_toggle_1sc67_42",
+	copy: "_copy_1sc67_43",
+	scroll: "_scroll_1sc67_81",
+	sizer: "_sizer_1sc67_96",
+	line: "_line_1sc67_101",
+	ansi: "_ansi_1sc67_128",
+	empty: "_empty_1sc67_149"
+};
+//#endregion
+export { e as default };

package/dist/menu/menu.css

@@ -0,0 +1 @@
+@layer cascivo.component{._trigger_1eutv_2{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._trigger_1eutv_2:hover{background:var(--cascivo-color-active-bg)}._trigger_1eutv_2:focus-visible{outline:var(--cascivo-focus-ring);outline-offset:2px}._panel_1eutv_23{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);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._panel_1eutv_23{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._panel_1eutv_23{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{._panel_1eutv_23{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._panel_1eutv_23[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}._item_1eutv_67{align-items:center;gap:var(--cascivo-space-2);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;display:flex}._item_1eutv_67:hover,._item_1eutv_67:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_1eutv_67[aria-disabled=true]{opacity:.5;cursor:not-allowed}._separator_1eutv_90{height:1px;margin-block:var(--cascivo-space-1);background:var(--cascivo-color-border)}}

package/dist/menu/menu.js

@@ -0,0 +1,96 @@
+"use client";
+
+import { usePopover as e } from "../popover/use-popover.js";
+import t from "./menu.module.js";
+import { useSignalEffect as n, useSignals as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createContext as o } from "react";
+//#region ../components/src/menu/menu.tsx
+var s = o(null);
+function c({ ctx: e, children: a }) {
+	r();
+	let { popoverRef: o, anchorName: s, isOpen: c } = e;
+	return n(() => {
+		if (!c.value) return;
+		let e = o.current;
+		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
+	}), /* @__PURE__ */ i("div", {
+		ref: o,
+		popover: "auto",
+		role: "menu",
+		"data-state": c.value ? "open" : "closed",
+		style: { positionAnchor: s },
+		className: t.panel,
+		children: a
+	});
+}
+function l({ children: e }) {
+	return /* @__PURE__ */ i(s.Consumer, { children: (t) => {
+		if (!t) throw Error("MenuPanel must be inside <Menu>");
+		return /* @__PURE__ */ i(c, {
+			ctx: t,
+			children: e
+		});
+	} });
+}
+function u({ children: t }) {
+	let n = e(), [r, ...o] = Array.isArray(t) ? t : [t];
+	return /* @__PURE__ */ a(s.Provider, {
+		value: n,
+		children: [r, /* @__PURE__ */ i(l, { children: o })]
+	});
+}
+function d({ ctx: e, children: n, "aria-label": a }) {
+	r();
+	let { triggerRef: o, toggle: s, anchorName: c, isOpen: l } = e;
+	return /* @__PURE__ */ i("button", {
+		ref: o,
+		type: "button",
+		"aria-haspopup": "menu",
+		"aria-expanded": l.value,
+		"aria-label": a,
+		style: { anchorName: c },
+		onClick: s,
+		className: t.trigger,
+		children: n
+	});
+}
+function f({ children: e, "aria-label": t }) {
+	return /* @__PURE__ */ i(s.Consumer, { children: (n) => {
+		if (!n) throw Error("MenuTrigger must be inside <Menu>");
+		return /* @__PURE__ */ i(d, {
+			ctx: n,
+			...t !== void 0 && { "aria-label": t },
+			children: e
+		});
+	} });
+}
+function p({ children: e, onSelect: n, disabled: r }) {
+	return /* @__PURE__ */ i(s.Consumer, { children: (a) => {
+		if (!a) throw Error("MenuItem must be inside <Menu>");
+		let { close: o } = a;
+		function s() {
+			r || (n(), o());
+		}
+		function c(e) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s()), e.key === "ArrowDown" && (e.preventDefault(), e.currentTarget.nextElementSibling?.focus()), e.key === "ArrowUp" && (e.preventDefault(), e.currentTarget.previousElementSibling?.focus());
+		}
+		return /* @__PURE__ */ i("div", {
+			role: "menuitem",
+			tabIndex: r ? -1 : 0,
+			"aria-disabled": r,
+			onClick: s,
+			onKeyDown: c,
+			className: t.item,
+			children: e
+		});
+	} });
+}
+function m() {
+	return /* @__PURE__ */ i("div", {
+		role: "separator",
+		className: t.separator
+	});
+}
+//#endregion
+export { u as Menu, p as MenuItem, m as MenuSeparator, f as MenuTrigger };

package/dist/menu/menu.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+import './menu.css';
+var e = {
+	trigger: "_trigger_1eutv_2",
+	panel: "_panel_1eutv_23",
+	item: "_item_1eutv_67",
+	separator: "_separator_1eutv_90"
+};
+//#endregion
+export { e as default };

package/dist/menu-button/menu-button.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_rzxsi_2{display:inline-block;position:relative}._trigger_rzxsi_7{justify-content:center;align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;border-radius:var(--cascivo-radius-control);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border:1px solid #0000;display:inline-flex}._trigger_rzxsi_7:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._trigger_rzxsi_7:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._trigger_rzxsi_7[data-size=sm]{height:2rem;padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-sm)}._trigger_rzxsi_7[data-size=md]{height:2.5rem;padding-inline:var(--cascivo-space-4);font-size:var(--cascivo-text-sm)}._trigger_rzxsi_7[data-size=lg]{height:3rem;padding-inline:var(--cascivo-space-6);font-size:var(--cascivo-text-base)}._trigger_rzxsi_7[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._trigger_rzxsi_7[data-variant=primary]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._trigger_rzxsi_7[data-variant=secondary]{background-color:var(--cascivo-color-surface);color:var(--cascivo-color-text);border-color:var(--cascivo-color-border)}._trigger_rzxsi_7[data-variant=secondary]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._trigger_rzxsi_7[data-variant=ghost]{color:var(--cascivo-color-text);background-color:#0000}._trigger_rzxsi_7[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._menu_rzxsi_82{z-index:var(--cascivo-z-dropdown);min-inline-size:12rem;padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);margin-block-start:var(--cascivo-space-1);translate:0}@starting-style{._menu_rzxsi_82{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._item_rzxsi_104{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}._item_rzxsi_104:hover,._item_rzxsi_104:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_rzxsi_104[aria-disabled=true]{opacity:.5;cursor:not-allowed}}@media (prefers-reduced-motion:reduce){._menu_rzxsi_82{transition:none}}@media (forced-colors:active){._trigger_rzxsi_7{border:1px solid buttontext}._trigger_rzxsi_7:focus-visible{outline-offset:2px;outline:2px solid highlight}._menu_rzxsi_82{border:1px solid canvastext}._item_rzxsi_104:focus-visible{outline:2px solid highlight}}

package/dist/menu-button/menu-button.js

@@ -0,0 +1,92 @@
+"use client";
+
+import e from "./menu-button.module.js";
+import { DismissableLayer as t, cn as n, useAnchorPosition as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useId as l, useRef as u } from "react";
+//#region ../components/src/menu-button/menu-button.tsx
+function d(e, t) {
+	if (!e) return;
+	let n = e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])");
+	n[t < 0 ? n.length - 1 : t % n.length]?.focus();
+}
+function f({ label: f, items: p, variant: m = "secondary", size: h = "md", disabled: g = !1, align: _ = "start", labels: v, className: y }) {
+	o();
+	let b = i(!1), x = u(null), S = u(null), C = l(), { anchorStyle: w, floatingStyle: T } = r({
+		anchorRef: x,
+		floatingRef: S,
+		placement: _ === "end" ? "bottom-end" : "bottom-start",
+		enabled: b
+	});
+	a(() => {
+		b.value && d(S.current, 0);
+	});
+	function E(e) {
+		g || (b.value = !0, queueMicrotask(() => d(S.current, e)));
+	}
+	function D(e) {
+		b.value = !1, e && x.current?.focus();
+	}
+	function O(e) {
+		e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), E(0)) : e.key === "ArrowUp" && (e.preventDefault(), E(-1));
+	}
+	function k(e) {
+		if (e.key === "ArrowDown") {
+			e.preventDefault();
+			let t = e.currentTarget.nextElementSibling;
+			t ? t.focus() : d(S.current, 0);
+		} else if (e.key === "ArrowUp") {
+			e.preventDefault();
+			let t = e.currentTarget.previousElementSibling;
+			t ? t.focus() : d(S.current, -1);
+		} else e.key === "Escape" ? (e.preventDefault(), D(!0)) : e.key === "Tab" && D(!1);
+	}
+	function A(e) {
+		e.disabled || (e.onSelect?.(), D(!0));
+	}
+	return /* @__PURE__ */ c("div", {
+		className: n(e.root, y),
+		children: [/* @__PURE__ */ s("button", {
+			ref: x,
+			type: "button",
+			className: e.trigger,
+			"data-variant": m,
+			"data-size": h,
+			disabled: g,
+			"aria-haspopup": "menu",
+			"aria-expanded": b.value,
+			"aria-controls": C,
+			...v?.open !== void 0 && { "aria-label": v.open },
+			style: w,
+			onClick: () => {
+				b.value ? D(!1) : E(0);
+			},
+			onKeyDown: O,
+			children: f
+		}), b.value ? /* @__PURE__ */ s(t, {
+			onDismiss: () => D(!0),
+			children: /* @__PURE__ */ s("div", {
+				ref: S,
+				id: C,
+				role: "menu",
+				"data-state": "open",
+				"data-align": _,
+				className: e.menu,
+				style: T,
+				children: p.map((t) => /* @__PURE__ */ s("div", {
+					role: "menuitem",
+					tabIndex: -1,
+					"aria-disabled": t.disabled,
+					className: e.item,
+					onClick: () => A(t),
+					onKeyDown: (e) => {
+						e.key === "Enter" || e.key === " " ? (e.preventDefault(), A(t)) : k(e);
+					},
+					children: t.label
+				}, t.id))
+			})
+		}) : null]
+	});
+}
+//#endregion
+export { f as MenuButton };

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

@@ -0,0 +1,11 @@
+"use client";
+
+import './menu-button.css';
+var e = {
+	root: "_root_rzxsi_2",
+	trigger: "_trigger_rzxsi_7",
+	menu: "_menu_rzxsi_82",
+	item: "_item_rzxsi_104"
+};
+//#endregion
+export { e as default };

package/dist/menubar/menubar.css

@@ -0,0 +1 @@
+@layer cascivo.component{._menubar_1fs00_2{align-items:center;gap:var(--cascivo-space-1);padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);display:flex}._trigger_1fs00_12{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;background:0 0;border:none;align-items:center;display:inline-flex}._trigger_1fs00_12:hover,._trigger_1fs00_12[data-state=open]{background:var(--cascivo-color-bg-subtle)}._trigger_1fs00_12:focus-visible{outline:var(--cascivo-focus-ring);outline-offset:2px}._panel_1fs00_35{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);opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);margin:0;position:fixed;inset:auto;translate:0}@starting-style{._panel_1fs00_35{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._panel_1fs00_35[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}._item_1fs00_66{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-2);padding-inline: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;display:flex}._item_1fs00_66:hover,._item_1fs00_66:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_1fs00_66[aria-disabled=true]{opacity:.5;cursor:not-allowed}}@media (prefers-reduced-motion:reduce){._panel_1fs00_35{transition:none}}@media (forced-colors:active){._trigger_1fs00_12:focus-visible{outline:2px solid highlight}}