@cascivo/react 0.3.3 → 0.3.7

package/dist/time-picker/time-picker.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './time-picker.css';
+var e = {
+	wrapper: "_wrapper_shh6w_2",
+	label: "_label_shh6w_25",
+	input: "_input_shh6w_32",
+	error: "_error_shh6w_66",
+	hint: "_hint_shh6w_71"
+};
+//#endregion
+export { e as default };

package/dist/timeline/timeline.css

@@ -0,0 +1 @@
+@layer cascivo.component{._list_1f4du_2{--_marker-size:.875rem;--_track:var(--cascivo-color-border);font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);margin:0;padding:0;list-style:none;display:flex}._list_1f4du_2[data-orientation=vertical]{flex-direction:column}._list_1f4du_2[data-orientation=horizontal]{flex-direction:row}._item_1f4du_21{gap:var(--cascivo-space-3);display:flex;position:relative}._list_1f4du_2[data-orientation=vertical] ._item_1f4du_21{flex-direction:row;padding-block-end:var(--cascivo-space-5)}._list_1f4du_2[data-orientation=horizontal] ._item_1f4du_21{flex-direction:column;flex:1;padding-inline-end:var(--cascivo-space-5)}._list_1f4du_2[data-orientation=vertical] ._item_1f4du_21:before{content:"";inline-size:1px;block-size:calc(100% - var(--_marker-size));background-color:var(--_track);position:absolute;inset-block-start:var(--_marker-size);inset-inline-start:calc(var(--_marker-size) / 2)}._list_1f4du_2[data-orientation=horizontal] ._item_1f4du_21:before{content:"";block-size:1px;inline-size:calc(100% - var(--_marker-size));background-color:var(--_track);position:absolute;inset-block-start:calc(var(--_marker-size) / 2);inset-inline-start:var(--_marker-size)}._item_1f4du_21:last-child:before{display:none}._marker_1f4du_63{inline-size:var(--_marker-size);block-size:var(--_marker-size);border-radius:var(--cascivo-radius-full);font-size:var(--cascivo-text-xs);border:2px solid var(--cascivo-color-border);background-color:var(--cascivo-color-surface);box-sizing:border-box;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}._item_1f4du_21[data-status=complete] ._marker_1f4du_63{border-color:var(--cascivo-color-success);background-color:var(--cascivo-color-success);color:var(--cascivo-color-success-foreground)}._item_1f4du_21[data-status=current] ._marker_1f4du_63{border-color:var(--cascivo-color-primary);background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._item_1f4du_21[data-status=upcoming] ._marker_1f4du_63{border-color:var(--cascivo-color-border-strong);background-color:var(--cascivo-color-surface);color:var(--cascivo-color-text-subtle)}._content_1f4du_96{gap:var(--cascivo-space-1);flex-direction:column;padding-block-start:calc((var(--_marker-size) - 1rem) / 2);display:flex}._title_1f4du_103{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text)}._time_1f4du_110{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle)}._description_1f4du_115{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}}@media (forced-colors:active){._marker_1f4du_63{border:2px solid canvastext}._item_1f4du_21[data-status=current] ._marker_1f4du_63{background-color:highlight;border-color:highlight}}

package/dist/timeline/timeline.js

@@ -0,0 +1,41 @@
+"use client";
+
+import e from "./timeline.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/timeline/timeline.tsx
+function i({ items: i, orientation: a = "vertical", className: o, ...s }) {
+	return /* @__PURE__ */ n("ol", {
+		"data-orientation": a,
+		className: t(e.list, o),
+		...s,
+		children: i.map((t) => /* @__PURE__ */ r("li", {
+			"data-status": t.status ?? "upcoming",
+			"aria-current": t.status === "current" ? "step" : void 0,
+			className: e.item,
+			children: [/* @__PURE__ */ n("span", {
+				className: e.marker,
+				"aria-hidden": "true",
+				children: t.icon
+			}), /* @__PURE__ */ r("div", {
+				className: e.content,
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: e.title,
+						children: t.title
+					}),
+					t.time ? /* @__PURE__ */ n("time", {
+						className: e.time,
+						children: t.time
+					}) : null,
+					t.description ? /* @__PURE__ */ n("div", {
+						className: e.description,
+						children: t.description
+					}) : null
+				]
+			})]
+		}, t.id))
+	});
+}
+//#endregion
+export { i as Timeline };

package/dist/timeline/timeline.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+import './timeline.css';
+var e = {
+	list: "_list_1f4du_2",
+	item: "_item_1f4du_21",
+	marker: "_marker_1f4du_63",
+	content: "_content_1f4du_96",
+	title: "_title_1f4du_103",
+	time: "_time_1f4du_110",
+	description: "_description_1f4du_115"
+};
+//#endregion
+export { e as default };

package/dist/toast/toast.css

@@ -0,0 +1 @@
+@layer cascivo.component{._viewport_ntgix_2{z-index:var(--cascivo-z-toast);gap:var(--cascivo-space-2);inline-size:min(24rem, calc(100vw - var(--cascivo-space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--cascivo-space-4);inset-inline-end:var(--cascivo-space-4)}@container (width<=30rem){._viewport_ntgix_2{inset-inline:var(--cascivo-space-4);inline-size:auto}}._toast_ntgix_19{align-items:flex-start;gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);max-inline-size:calc(min(28rem, 100vw) - var(--cascivo-space-4,1rem));background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);pointer-events:auto;opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);display:flex;translate:0}@starting-style{._toast_ntgix_19{opacity:0;translate:0 var(--cascivo-space-4)}}._toast_ntgix_19[data-state=dismissing],._toast_ntgix_19[data-state=gone]{opacity:0;translate:0 var(--cascivo-space-4);transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}._toast_ntgix_19[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border))}._toast_ntgix_19[data-variant=success] ._icon_ntgix_58,._toast_ntgix_19[data-variant=success] ._title_ntgix_59{color:var(--cascivo-color-success)}._toast_ntgix_19[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border))}._toast_ntgix_19[data-variant=warning] ._icon_ntgix_58,._toast_ntgix_19[data-variant=warning] ._title_ntgix_59{color:var(--cascivo-color-warning)}._toast_ntgix_19[data-variant=destructive]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border))}._toast_ntgix_19[data-variant=destructive] ._icon_ntgix_58,._toast_ntgix_19[data-variant=destructive] ._title_ntgix_59{color:var(--cascivo-color-destructive)}._body_ntgix_88{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_ntgix_59{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._description_ntgix_104{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._close_ntgix_111{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_ntgix_111:hover{color:var(--cascivo-color-text)}._close_ntgix_111:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._toast_ntgix_19{border:1px solid canvastext}._close_ntgix_111:focus-visible{outline-offset:2px;outline:2px solid highlight}}

package/dist/toast/toast.js

@@ -0,0 +1,85 @@
+"use client";
+
+import e from "./toast.module.js";
+import { createMachine as t, signal as n, useMachine as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useRef as d } from "react";
+//#region ../components/src/toast/toast.tsx
+var f = 5e3, p = 160, m = 0, h = n([]);
+function g(e) {
+	h.value = [...h.value, {
+		id: m++,
+		...e
+	}];
+}
+function _(e) {
+	h.value = h.value.filter((t) => t.id !== e);
+}
+function v({ children: t }) {
+	a();
+	let n = h.value.slice(-3);
+	return /* @__PURE__ */ u(c, { children: [t, /* @__PURE__ */ l("div", {
+		className: e.viewport,
+		role: "region",
+		"aria-label": s(o.toast.region),
+		children: n.map((e) => /* @__PURE__ */ l(b, {
+			toast: e,
+			onDismiss: () => _(e.id)
+		}, e.id))
+	})] });
+}
+var y = t({
+	initial: "visible",
+	states: {
+		visible: { on: { DISMISS: "dismissing" } },
+		dismissing: { on: { END: "gone" } }
+	}
+});
+function b({ toast: t, onDismiss: n }) {
+	a();
+	let [c, m] = r(y), h = d(n);
+	h.current = n;
+	let g = t.duration ?? f, _ = t.variant === "destructive";
+	return i(() => {
+		let e = c.value;
+		if (e === "visible") {
+			let e = setTimeout(() => m("DISMISS"), g);
+			return () => clearTimeout(e);
+		}
+		if (e === "dismissing") {
+			let e = setTimeout(() => h.current(), p);
+			return () => clearTimeout(e);
+		}
+	}), /* @__PURE__ */ u("div", {
+		role: _ ? "alert" : "status",
+		"aria-live": _ ? "assertive" : "polite",
+		"data-variant": t.variant ?? "default",
+		"data-state": c.value,
+		className: e.toast,
+		children: [/* @__PURE__ */ u("div", {
+			className: e.body,
+			children: [/* @__PURE__ */ l("div", {
+				className: e.title,
+				children: t.title
+			}), t.description && /* @__PURE__ */ l("div", {
+				className: e.description,
+				children: t.description
+			})]
+		}), /* @__PURE__ */ l("button", {
+			type: "button",
+			className: e.close,
+			"aria-label": s(o.toast.dismiss),
+			onClick: () => m("DISMISS"),
+			children: "✕"
+		})]
+	});
+}
+function x() {
+	return { toast: g };
+}
+function S() {
+	h.value = [];
+}
+//#endregion
+export { v as ToastProvider, S as dismissAllToasts, x as useToast };

package/dist/toast/toast.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+import './toast.css';
+var e = {
+	viewport: "_viewport_ntgix_2",
+	toast: "_toast_ntgix_19",
+	icon: "_icon_ntgix_58",
+	title: "_title_ntgix_59",
+	body: "_body_ntgix_88",
+	description: "_description_ntgix_104",
+	close: "_close_ntgix_111"
+};
+//#endregion
+export { e as default };

package/dist/toc/toc.css

@@ -0,0 +1 @@
+@layer cascivo.component{._toc_1w9fk_2{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug)}._toc_1w9fk_2 ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._toc_1w9fk_2 li{padding-inline-start:calc((var(--toc-level,2) - 2) * var(--cascivo-space-3))}._toc_1w9fk_2 a{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);border-inline-start:2px solid #0000;text-decoration:none;display:block}._toc_1w9fk_2 a:hover{color:var(--cascivo-color-text)}._toc_1w9fk_2 a:focus-visible{box-shadow:var(--cascivo-focus-ring);border-radius:var(--cascivo-radius-sm);outline:none}._toc_1w9fk_2 a[aria-current=location]{color:var(--cascivo-color-accent);border-inline-start-color:var(--cascivo-color-accent);font-weight:var(--cascivo-font-medium)}@media (pointer:coarse){._toc_1w9fk_2 a{min-block-size:var(--cascivo-target-min-coarse,2.75rem);align-items:center;display:flex}}}

package/dist/toc/toc.js

@@ -0,0 +1,42 @@
+"use client";
+
+import e from "./toc.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 } from "react/jsx-runtime";
+import { useRef as c } from "react";
+//#region ../components/src/toc/toc.tsx
+function l({ items: l, activeId: u, onActiveChange: d, labels: f, className: p }) {
+	i();
+	let m = u !== void 0, h = n(u ?? l[0]?.id ?? "");
+	m && (h.value = u);
+	let g = c(d);
+	return g.current = d, r(() => {
+		if (m || typeof document > "u" || typeof IntersectionObserver > "u") return;
+		let e = l.map((e) => document.getElementById(e.id)).filter((e) => e !== null);
+		if (e.length === 0) return;
+		let t = /* @__PURE__ */ new Set(), n = new IntersectionObserver((e) => {
+			for (let n of e) n.isIntersecting ? t.add(n.target.id) : t.delete(n.target.id);
+			let n = l.find((e) => t.has(e.id));
+			n && n.id !== h.value && (h.value = n.id, g.current?.(n.id));
+		}, {
+			rootMargin: "0px 0px -70% 0px",
+			threshold: 0
+		});
+		for (let t of e) n.observe(t);
+		return () => n.disconnect();
+	}), /* @__PURE__ */ s("nav", {
+		"aria-label": f?.nav ?? o(a.toc.nav),
+		className: t(e.toc, p),
+		children: /* @__PURE__ */ s("ol", { children: l.map((e) => /* @__PURE__ */ s("li", {
+			style: { "--toc-level": e.level ?? 2 },
+			children: /* @__PURE__ */ s("a", {
+				href: `#${e.id}`,
+				"aria-current": e.id === h.value ? "location" : void 0,
+				children: e.label
+			})
+		}, e.id)) })
+	});
+}
+//#endregion
+export { l as Toc };

package/dist/toc/toc.module.js

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

package/dist/toc/use-toc-from-region.js

@@ -0,0 +1,17 @@
+"use client";
+
+import { useSignal as e, useSignalEffect as t } from "@cascivo/core";
+//#region ../components/src/toc/use-toc-from-region.ts
+function n(n, r = {}) {
+	let i = r.selector ?? "h2, h3, h4", a = e([]);
+	return t(() => {
+		let e = n.current;
+		e && (a.value = Array.from(e.querySelectorAll(i)).filter((e) => e.id !== "").map((e) => ({
+			id: e.id,
+			label: e.textContent?.trim() ?? "",
+			level: Number(e.tagName.slice(1)) || 2
+		})));
+	}), a;
+}
+//#endregion
+export { n as useTocFromRegion };

package/dist/toggle/toggle.css

@@ -0,0 +1 @@
+@layer cascivo.component{._toggle_1vvuo_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}._toggle_1vvuo_2[data-size=sm]{--_track-w:1.75rem;--_track-h:1rem;--_thumb:.75rem}._toggle_1vvuo_2[data-size=md]{--_track-w:2.25rem;--_track-h:1.25rem;--_thumb:1rem}._toggle_1vvuo_2:disabled{opacity:.5;cursor:not-allowed}._toggle_1vvuo_2:focus-visible{outline:none}._track_1vvuo_33{inline-size:var(--_track-w);block-size:var(--_track-h);border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border-strong);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;align-items:center;padding:2px;display:inline-flex}._toggle_1vvuo_2[data-state=on] ._track_1vvuo_33{background-color:var(--cascivo-color-accent)}._toggle_1vvuo_2:focus-visible ._track_1vvuo_33{box-shadow:var(--cascivo-focus-ring)}._thumb_1vvuo_53{inline-size:var(--_thumb);block-size:var(--_thumb);border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface);box-shadow:var(--cascivo-shadow-sm);transition:translate var(--cascivo-duration-150) var(--cascivo-ease-out)}._toggle_1vvuo_2[data-state=on] ._thumb_1vvuo_53{translate:calc(var(--_track-w) - var(--_thumb) - 4px) 0}._label_1vvuo_66{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._toggle_1vvuo_2{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._track_1vvuo_33{border:1px solid buttontext}._toggle_1vvuo_2[data-state=on] ._track_1vvuo_33{background-color:highlight;border-color:highlight}._toggle_1vvuo_2:focus-visible ._track_1vvuo_33{outline-offset:2px;outline:2px solid highlight}}

package/dist/toggle/toggle.js

@@ -0,0 +1,39 @@
+"use client";
+
+import e from "./toggle.module.js";
+import { cn as t, createMachine as n, useMachine as r, useSignals as i } from "@cascivo/core";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/toggle/toggle.tsx
+function s({ checked: s, defaultChecked: c = !1, onChange: l, label: u, size: d = "md", className: f, disabled: p, ...m }) {
+	i();
+	let [h, g] = r(n({
+		initial: c ? "on" : "off",
+		states: {
+			off: { on: { TOGGLE: "on" } },
+			on: { on: { TOGGLE: "off" } }
+		}
+	})), _ = s !== void 0, v = _ ? s : h.value === "on";
+	return /* @__PURE__ */ o("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": v,
+		"data-state": v ? "on" : "off",
+		"data-size": d,
+		disabled: p,
+		className: t(e.toggle, f),
+		onClick: () => {
+			_ || g("TOGGLE"), l?.(!v);
+		},
+		...m,
+		children: [/* @__PURE__ */ a("span", {
+			className: e.track,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ a("span", { className: e.thumb })
+		}), u && /* @__PURE__ */ a("span", {
+			className: e.label,
+			children: u
+		})]
+	});
+}
+//#endregion
+export { s as Toggle };

package/dist/toggle/toggle.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+import './toggle.css';
+var e = {
+	toggle: "_toggle_1vvuo_2",
+	track: "_track_1vvuo_33",
+	thumb: "_thumb_1vvuo_53",
+	label: "_label_1vvuo_66"
+};
+//#endregion
+export { e as default };

package/dist/toggle-group/toggle-group.css

@@ -0,0 +1 @@
+@layer cascivo.component{._toggleGroup_s4o5x_2{gap:var(--cascivo-space-1);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background-color:var(--cascivo-color-bg-subtle);display:inline-flex}._toggleGroup_s4o5x_2[data-orientation=horizontal]{flex-direction:row}._toggleGroup_s4o5x_2[data-orientation=vertical]{flex-direction:column}._toggleGroup_s4o5x_2[data-size=sm]{--_item-h:var(--cascivo-control-height-sm);--_item-font:var(--cascivo-text-sm)}._toggleGroup_s4o5x_2[data-size=md]{--_item-h:var(--cascivo-control-height-md);--_item-font:var(--cascivo-text-sm)}._toggleGroup_s4o5x_2[data-size=lg]{--_item-h:var(--cascivo-control-height-lg);--_item-font:var(--cascivo-text-base)}._item_s4o5x_33{justify-content:center;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_item-h,var(--cascivo-control-height-md));padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--_item-font,var(--cascivo-text-sm));font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;border-radius:var(--cascivo-radius-item,var(--cascivo-radius-control));color:var(--cascivo-color-text);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);background-color:#0000;border:1px solid #0000;display:inline-flex}._item_s4o5x_33:hover:not(:disabled){background-color:var(--cascivo-color-surface)}._item_s4o5x_33:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._item_s4o5x_33:disabled{opacity:.5;cursor:not-allowed}._item_s4o5x_33[data-state=on]{background-color:var(--cascivo-color-surface);color:var(--cascivo-color-text);box-shadow:var(--cascivo-shadow-sm)}}@media (forced-colors:active){._item_s4o5x_33[data-state=on]{border-color:highlight}._item_s4o5x_33:focus-visible{outline-offset:2px;outline:2px solid highlight}._item_s4o5x_33:disabled{color:graytext}}

package/dist/toggle-group/toggle-group.js

@@ -0,0 +1,55 @@
+"use client";
+
+import e from "./toggle-group.module.js";
+import { cn as t, useControllableSignal as n, useRovingFocus as r, useSignals as i } from "@cascivo/core";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+//#region ../components/src/toggle-group/toggle-group.tsx
+function c(e, t) {
+	return Array.isArray(e) ? e.includes(t) : e === t;
+}
+var l = s(function({ type: s, value: l, defaultValue: u, onValueChange: d, items: f, orientation: p = "horizontal", size: m = "md", disabled: h = !1, className: g, ..._ }, v) {
+	i();
+	let [y, b] = n({
+		value: l,
+		defaultValue: u ?? (s === "multiple" ? [] : ""),
+		onChange: d
+	}), x = r({
+		orientation: p,
+		loop: !0
+	}), S = (e) => {
+		let t = y.value;
+		if (s === "multiple") {
+			let n = Array.isArray(t) ? t : [];
+			b(n.includes(e) ? n.filter((t) => t !== e) : [...n, e]);
+		} else b(t === e ? "" : e);
+	};
+	return /* @__PURE__ */ a("div", {
+		role: s === "single" ? "radiogroup" : "group",
+		"data-orientation": p,
+		"data-size": m,
+		className: t(e.toggleGroup, g),
+		ref: v,
+		..._,
+		children: f.map((t, n) => {
+			let r = c(y.value, t.value), i = h || t.disabled, { ref: l, ...u } = x.getItemProps(n);
+			return /* @__PURE__ */ o("button", {
+				type: "button",
+				...s === "single" ? {
+					role: "radio",
+					"aria-checked": r
+				} : { "aria-pressed": r },
+				...u,
+				ref: l,
+				"data-state": r ? "on" : "off",
+				disabled: i,
+				"aria-label": t.icon && !t.label ? t.value : void 0,
+				className: e.item,
+				onClick: () => S(t.value),
+				children: [t.icon, t.label && /* @__PURE__ */ a("span", { children: t.label })]
+			}, t.value);
+		})
+	});
+});
+//#endregion
+export { l as ToggleGroup };

package/dist/toggle-group/toggle-group.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './toggle-group.css';
+var e = {
+	toggleGroup: "_toggleGroup_s4o5x_2",
+	item: "_item_s4o5x_33"
+};
+//#endregion
+export { e as default };

package/dist/toggletip/toggletip.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_1t09l_2{display:inline-flex;position:relative}._trigger_1t09l_7{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_1t09l_7:hover{background:var(--cascivo-color-bg-subtle)}._trigger_1t09l_7:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._bubble_1t09l_28{z-index:var(--cascivo-z-tooltip);inline-size:max-content;max-inline-size:18rem;margin:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text);background-color: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);translate:0}@starting-style{._bubble_1t09l_28{opacity:0;translate:0 calc(-1 * var(--cascivo-space-1))}}}@media (prefers-reduced-motion:reduce){._bubble_1t09l_28{transition:none}}@media (forced-colors:active){._trigger_1t09l_7:focus-visible{outline-offset:2px;outline:2px solid highlight}._bubble_1t09l_28{color:canvastext;background-color:canvas;border:1px solid canvastext}}

package/dist/toggletip/toggletip.js

@@ -0,0 +1,49 @@
+"use client";
+
+import e from "./toggletip.module.js";
+import { DismissableLayer as t, cn as n, useAnchorPosition as r, useControllableSignal as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useId as u, useRef as d } from "react";
+//#region ../components/src/toggletip/toggletip.tsx
+function f({ trigger: f, children: p, placement: m = "top", defaultOpen: h = !1, open: g, onOpenChange: _, labels: v, className: y }) {
+	a();
+	let [b, x] = i({
+		...g !== void 0 && { value: g },
+		defaultValue: h,
+		..._ && { onChange: _ }
+	}), S = d(null), C = d(null), w = u(), { anchorStyle: T, floatingStyle: E } = r({
+		anchorRef: S,
+		floatingRef: C,
+		placement: m,
+		enabled: b
+	});
+	return /* @__PURE__ */ l("span", {
+		className: n(e.root, y),
+		children: [/* @__PURE__ */ c("button", {
+			ref: S,
+			type: "button",
+			className: e.trigger,
+			"aria-expanded": b.value,
+			"aria-controls": w,
+			"aria-label": v?.label ?? s(o.toggletip.label),
+			style: T,
+			onClick: () => x(!b.value),
+			children: f
+		}), b.value ? /* @__PURE__ */ c(t, {
+			onDismiss: () => x(!1),
+			children: /* @__PURE__ */ c("div", {
+				ref: C,
+				id: w,
+				role: "status",
+				"data-state": "open",
+				"data-placement": m,
+				className: e.bubble,
+				style: E,
+				children: p
+			})
+		}) : null]
+	});
+}
+//#endregion
+export { f as Toggletip };

package/dist/toggletip/toggletip.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './toggletip.css';
+var e = {
+	root: "_root_1t09l_2",
+	trigger: "_trigger_1t09l_7",
+	bubble: "_bubble_1t09l_28"
+};
+//#endregion
+export { e as default };

package/dist/tooltip/tooltip.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_1t9q1_2{display:inline-flex;position:relative}._tooltip_1t9q1_7{z-index:var(--cascivo-z-tooltip);inline-size:max-content;max-inline-size:16rem;padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-xs);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-on-accent);background-color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute}._tooltip_1t9q1_7:popover-open{opacity:1;visibility:visible}._tooltip_1t9q1_7[data-state=visible]{opacity:1;visibility:visible}@starting-style{._tooltip_1t9q1_7[data-state=visible]{opacity:0}}._tooltip_1t9q1_7[data-placement=top]{inset-block-end:calc(100% + var(--cascivo-space-2));inset-inline-start:50%;translate:-50%}._tooltip_1t9q1_7[data-placement=bottom]{inset-block-start:calc(100% + var(--cascivo-space-2));inset-inline-start:50%;translate:-50%}._tooltip_1t9q1_7[data-placement=left]{inset-block-start:50%;inset-inline-end:calc(100% + var(--cascivo-space-2));translate:0 -50%}._tooltip_1t9q1_7[data-placement=right]{inset-block-start:50%;inset-inline-start:calc(100% + var(--cascivo-space-2));translate:0 -50%}@supports (anchor-name:--a) and (position-anchor:--a){._tooltip_1t9q1_7{position-anchor:var(--cascivo-tooltip-anchor,attr(data-anchor));margin:var(--cascivo-space-2);position:fixed;inset:auto}._tooltip_1t9q1_7[data-placement=top]{inset-area:block-start span-inline-start;translate:0}._tooltip_1t9q1_7[data-placement=bottom]{inset-area:block-end span-inline-start;translate:0}._tooltip_1t9q1_7[data-placement=left]{inset-area:inline-start span-block-start;translate:0}._tooltip_1t9q1_7[data-placement=right]{inset-area:inline-end span-block-start;translate:0}@media (prefers-reduced-motion:no-preference){._tooltip_1t9q1_7{transition:opacity var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}@starting-style{._tooltip_1t9q1_7[data-state=visible]{opacity:0}}}}}@media (forced-colors:active){._tooltip_1t9q1_7{color:canvastext;background-color:canvas;border:1px solid canvastext}}

package/dist/tooltip/tooltip.js

@@ -0,0 +1,58 @@
+"use client";
+
+import e from "./tooltip.module.js";
+import { createMachine as t, useMachine as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cloneElement as s, useId as c, useRef as l } from "react";
+//#region ../components/src/tooltip/tooltip.tsx
+var u = t({
+	initial: "hidden",
+	states: {
+		hidden: { on: { SHOW: "visible" } },
+		visible: { on: { HIDE: "hidden" } }
+	}
+});
+function d({ content: t, placement: d = "top", children: f, delay: p = 200 }) {
+	i();
+	let [m, h] = n(u), g = c(), _ = l(`t${Math.random().toString(36).slice(2)}`), v = l(void 0), y = l(null), b = m.value === "visible", x = () => {
+		clearTimeout(v.current), v.current = setTimeout(() => h("SHOW"), p);
+	}, S = () => {
+		clearTimeout(v.current), h("HIDE");
+	};
+	r(() => () => clearTimeout(v.current)), r(() => {
+		m.value === "visible" ? y.current?.showPopover() : y.current?.hidePopover();
+	});
+	let C = f, w = C.props, T = {
+		id: _.current,
+		style: { anchorName: `--tooltip-${_.current}` },
+		onMouseEnter: (e) => {
+			w.onMouseEnter?.(e), x();
+		},
+		onMouseLeave: (e) => {
+			w.onMouseLeave?.(e), S();
+		},
+		onFocus: (e) => {
+			w.onFocus?.(e), x();
+		},
+		onBlur: (e) => {
+			w.onBlur?.(e), S();
+		},
+		"aria-describedby": b ? g : w["aria-describedby"]
+	};
+	return /* @__PURE__ */ o("span", {
+		className: e.root,
+		children: [s(C, T), /* @__PURE__ */ a("span", {
+			ref: y,
+			popover: "manual",
+			role: "tooltip",
+			id: g,
+			"data-placement": d,
+			"data-state": b ? "visible" : "hidden",
+			"data-anchor": `--tooltip-${_.current}`,
+			className: e.tooltip,
+			children: t
+		})]
+	});
+}
+//#endregion
+export { d as Tooltip };

package/dist/tooltip/tooltip.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './tooltip.css';
+var e = {
+	root: "_root_1t9q1_2",
+	tooltip: "_tooltip_1t9q1_7"
+};
+//#endregion
+export { e as default };

package/dist/tree-view/tree-view.css

@@ -0,0 +1 @@
+@layer cascivo.component{._tree_ufkml_2{--cascivo-tree-indent:var(--cascivo-space-5);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);margin:0;padding:0;list-style:none}._item_ufkml_12{list-style:none}._row_ufkml_16{align-items:center;gap:var(--cascivo-space-2);padding-inline-start:calc(var(--cascivo-tree-indent) * (var(--cascivo-tree-level) - 1));padding-block:var(--cascivo-space-2);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);padding-inline-end:var(--cascivo-space-3);display:flex}._row_ufkml_16:hover{background-color:var(--cascivo-color-bg-subtle)}._item_ufkml_12:focus-visible{outline:none}._item_ufkml_12:focus-visible>._row_ufkml_16{box-shadow:var(--cascivo-focus-ring)}._item_ufkml_12[data-selected]>._row_ufkml_16{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium)}._twisty_ufkml_47{block-size:.75rem;inline-size:.75rem;transition:rotate var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:currentColor;flex-shrink:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat}._twisty_ufkml_47[data-state=open]{rotate:90deg}._twistySpacer_ufkml_61{flex-shrink:0;block-size:.75rem;inline-size:.75rem}._icon_ufkml_67{block-size:1rem;inline-size:1rem;color:var(--cascivo-color-text-subtle);flex-shrink:0;display:inline-flex}._label_ufkml_75{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}._groupWrap_ufkml_83{visibility:hidden;transition:grid-template-rows var(--cascivo-duration-200) var(--cascivo-ease-out), visibility var(--cascivo-duration-200) var(--cascivo-ease-out);grid-template-rows:0fr;display:grid}._groupWrap_ufkml_83[data-state=open]{visibility:visible;grid-template-rows:1fr}@starting-style{._groupWrap_ufkml_83[data-state=open]{grid-template-rows:0fr}}._group_ufkml_83{min-block-size:0;margin:0;padding:0;list-style:none;overflow:hidden}}@media (prefers-reduced-motion:reduce){._groupWrap_ufkml_83,._row_ufkml_16,._twisty_ufkml_47{transition:none}}@media (forced-colors:active){._item_ufkml_12:focus-visible>._row_ufkml_16{outline-offset:-2px;outline:2px solid highlight}._item_ufkml_12[data-selected]>._row_ufkml_16{color:highlighttext;background-color:highlight}}