@cascivo/react 0.12.0 → 0.13.1

package/dist/node/timeline/timeline.js

@@ -1,34 +1,40 @@
 "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";
+import { cn as t, normalizeProgress as n } from "@cascivo/core";
+import { jsx as r, jsxs as i } 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,
+var a = {
+	pending: "upcoming",
+	active: "current",
+	complete: "complete",
+	error: "current"
+};
+function o({ items: o, orientation: s = "vertical", className: c, ...l }) {
+	return /* @__PURE__ */ r("ol", {
+		"data-orientation": s,
+		className: t(e.list, c),
+		...l,
+		children: o.map((t) => /* @__PURE__ */ i("li", {
+			"data-status": a[n(t.status ?? "pending")] ?? "upcoming",
+			"aria-current": n(t.status ?? "pending") === "active" ? "step" : void 0,
 			className: e.item,
-			children: [/* @__PURE__ */ n("span", {
+			children: [/* @__PURE__ */ r("span", {
 				className: e.marker,
 				"aria-hidden": "true",
 				children: t.icon
-			}), /* @__PURE__ */ r("div", {
+			}), /* @__PURE__ */ i("div", {
 				className: e.content,
 				children: [
-					/* @__PURE__ */ n("div", {
+					/* @__PURE__ */ r("div", {
 						className: e.title,
 						children: t.title
 					}),
-					t.time ? /* @__PURE__ */ n("time", {
+					t.time ? /* @__PURE__ */ r("time", {
 						className: e.time,
 						children: t.time
 					}) : null,
-					t.description ? /* @__PURE__ */ n("div", {
+					t.description ? /* @__PURE__ */ r("div", {
 						className: e.description,
 						children: t.description
 					}) : null
@@ -38,4 +44,4 @@ function i({ items: i, orientation: a = "vertical", className: o, ...s }) {
 	});
 }
 //#endregion
-export { i as Timeline };
+export { o as Timeline };

package/dist/node/toast/toast.js

@@ -2,9 +2,9 @@
 
 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";
+import { useRef as o } from "react";
+import { builtin as s, t as c } from "@cascivo/i18n";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../components/src/toast/toast.tsx
 var f = 5e3, p = 160, m = 0, h = n([]);
 function g(e) {
@@ -19,11 +19,11 @@ function _(e) {
 function v({ children: t }) {
 	a();
 	let n = h.value.slice(-3);
-	return /* @__PURE__ */ u(c, { children: [t, /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ d(l, { children: [t, /* @__PURE__ */ u("div", {
 		className: e.viewport,
 		role: "region",
-		"aria-label": s(o.toast.region),
-		children: n.map((e) => /* @__PURE__ */ l(b, {
+		"aria-label": c(s.toast.region),
+		children: n.map((e) => /* @__PURE__ */ u(b, {
 			toast: e,
 			onDismiss: () => _(e.id)
 		}, e.id))
@@ -38,11 +38,11 @@ var y = t({
 });
 function b({ toast: t, onDismiss: n }) {
 	a();
-	let [c, m] = r(y), h = d(n);
+	let [l, m] = r(y), h = o(n);
 	h.current = n;
 	let g = t.duration ?? f, _ = t.variant === "destructive";
 	return i(() => {
-		let e = c.value;
+		let e = l.value;
 		if (e === "visible") {
 			let e = setTimeout(() => m("DISMISS"), g);
 			return () => clearTimeout(e);
@@ -51,25 +51,25 @@ function b({ toast: t, onDismiss: n }) {
 			let e = setTimeout(() => h.current(), p);
 			return () => clearTimeout(e);
 		}
-	}), /* @__PURE__ */ u("div", {
+	}), /* @__PURE__ */ d("div", {
 		role: _ ? "alert" : "status",
 		"aria-live": _ ? "assertive" : "polite",
 		"data-variant": t.variant ?? "default",
-		"data-state": c.value,
+		"data-state": l.value,
 		className: e.toast,
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: e.body,
-			children: [/* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ u("div", {
 				className: e.title,
 				children: t.title
-			}), t.description && /* @__PURE__ */ l("div", {
+			}), t.description && /* @__PURE__ */ u("div", {
 				className: e.description,
 				children: t.description
 			})]
-		}), /* @__PURE__ */ l("button", {
+		}), /* @__PURE__ */ u("button", {
 			type: "button",
 			className: e.close,
-			"aria-label": s(o.toast.dismiss),
+			"aria-label": c(s.toast.dismiss),
 			onClick: () => m("DISMISS"),
 			children: "✕"
 		})]

package/dist/node/toc/toc.js

@@ -2,15 +2,15 @@
 
 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";
+import { useRef as a } from "react";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c } from "react/jsx-runtime";
 //#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);
+	let g = a(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);
@@ -25,12 +25,12 @@ function l({ items: l, activeId: u, onActiveChange: d, labels: f, className: p }
 		});
 		for (let t of e) n.observe(t);
 		return () => n.disconnect();
-	}), /* @__PURE__ */ s("nav", {
-		"aria-label": f?.nav ?? o(a.toc.nav),
+	}), /* @__PURE__ */ c("nav", {
+		"aria-label": f?.nav ?? s(o.toc.nav),
 		className: t(e.toc, p),
-		children: /* @__PURE__ */ s("ol", { children: l.map((e) => /* @__PURE__ */ s("li", {
+		children: /* @__PURE__ */ c("ol", { children: l.map((e) => /* @__PURE__ */ c("li", {
 			style: { "--toc-level": e.level ?? 2 },
-			children: /* @__PURE__ */ s("a", {
+			children: /* @__PURE__ */ c("a", {
 				href: `#${e.id}`,
 				"aria-current": e.id === h.value ? "location" : void 0,
 				children: e.label

package/dist/node/toggle/toggle.js

@@ -2,38 +2,40 @@
 
 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";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/toggle/toggle.tsx
-function s({ checked: s, defaultChecked: c = !1, onValueChange: l, onChange: u, label: d, size: f = "md", className: p, disabled: m, ...h }) {
+var c = a(function({ checked: a, defaultChecked: c = !1, onValueChange: l, onChange: u, label: d, size: f = "md", className: p, disabled: m, ...h }, g) {
 	i();
-	let [g, _] = r(n({
+	let [_, v] = r(n({
 		initial: c ? "on" : "off",
 		states: {
 			off: { on: { TOGGLE: "on" } },
 			on: { on: { TOGGLE: "off" } }
 		}
-	})), v = s !== void 0, y = v ? s : g.value === "on";
-	return /* @__PURE__ */ o("button", {
+	})), y = a !== void 0, b = y ? a : _.value === "on";
+	return /* @__PURE__ */ s("button", {
 		type: "button",
 		role: "switch",
-		"aria-checked": y,
-		"data-state": y ? "on" : "off",
+		"aria-checked": b,
+		"data-state": b ? "on" : "off",
 		"data-size": f,
 		disabled: m,
 		className: t(e.toggle, p),
 		onClick: () => {
-			v || _("TOGGLE"), (l ?? u)?.(!y);
+			y || v("TOGGLE"), (l ?? u)?.(!b);
 		},
+		ref: g,
 		...h,
-		children: [/* @__PURE__ */ a("span", {
+		children: [/* @__PURE__ */ o("span", {
 			className: e.track,
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ a("span", { className: e.thumb })
-		}), d && /* @__PURE__ */ a("span", {
+			children: /* @__PURE__ */ o("span", { className: e.thumb })
+		}), d && /* @__PURE__ */ o("span", {
 			className: e.label,
 			children: d
 		})]
 	});
-}
+});
 //#endregion
-export { s as Toggle };
+export { c as Toggle };

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

@@ -2,30 +2,30 @@
 
 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";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#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) {
+var l = a(function({ type: a, 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" ? [] : ""),
+		defaultValue: u ?? (a === "multiple" ? [] : ""),
 		onChange: d
 	}), x = r({
 		orientation: p,
 		loop: !0
 	}), S = (e) => {
 		let t = y.value;
-		if (s === "multiple") {
+		if (a === "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",
+	return /* @__PURE__ */ o("div", {
+		role: a === "single" ? "radiogroup" : "group",
 		"data-orientation": p,
 		"data-size": m,
 		className: t(e.toggleGroup, g),
@@ -33,9 +33,9 @@ var l = s(function({ type: s, value: l, defaultValue: u, onValueChange: d, items
 		..._,
 		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", {
+			return /* @__PURE__ */ s("button", {
 				type: "button",
-				...s === "single" ? {
+				...a === "single" ? {
 					role: "radio",
 					"aria-checked": r
 				} : { "aria-pressed": r },
@@ -46,7 +46,7 @@ var l = s(function({ type: s, value: l, defaultValue: u, onValueChange: d, items
 				"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 })]
+				children: [t.icon, t.label && /* @__PURE__ */ o("span", { children: t.label })]
 			}, t.value);
 		})
 	});

package/dist/node/toggletip/toggletip.js

@@ -2,9 +2,9 @@
 
 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";
+import { useId as o, useRef as s } from "react";
+import { builtin as c, t as l } from "@cascivo/i18n";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#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();
@@ -12,27 +12,27 @@ function f({ trigger: f, children: p, placement: m = "top", defaultOpen: h = !1,
 		...g !== void 0 && { value: g },
 		defaultValue: h,
 		..._ && { onChange: _ }
-	}), S = d(null), C = d(null), w = u(), { anchorStyle: T, floatingStyle: E } = r({
+	}), S = s(null), C = s(null), w = o(), { anchorStyle: T, floatingStyle: E } = r({
 		anchorRef: S,
 		floatingRef: C,
 		placement: m,
 		enabled: b
 	});
-	return /* @__PURE__ */ l("span", {
+	return /* @__PURE__ */ d("span", {
 		className: n(e.root, y),
-		children: [/* @__PURE__ */ c("button", {
+		children: [/* @__PURE__ */ u("button", {
 			ref: S,
 			type: "button",
 			className: e.trigger,
 			"aria-expanded": b.value,
 			"aria-controls": w,
-			"aria-label": v?.label ?? s(o.toggletip.label),
+			"aria-label": v?.label ?? l(c.toggletip.label),
 			style: T,
 			onClick: () => x(!b.value),
 			children: f
-		}), b.value ? /* @__PURE__ */ c(t, {
+		}), b.value ? /* @__PURE__ */ u(t, {
 			onDismiss: () => x(!1),
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ u("div", {
 				ref: C,
 				id: w,
 				role: "status",

package/dist/node/tooltip/tooltip.js

@@ -2,8 +2,8 @@
 
 import e from "./tooltip.module.js";
 import { createMachine as t, useId as n, useMachine as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { cloneElement as c, useRef as l } from "react";
+import { cloneElement as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/tooltip/tooltip.tsx
 var u = t({
 	initial: "hidden",
@@ -14,7 +14,7 @@ var u = t({
 });
 function d({ content: t, placement: d = "top", children: f, delay: p = 200 }) {
 	a();
-	let [m, h] = r(u), g = n("cascivo-tooltip"), _ = n("cascivo-anchor"), v = l(void 0), y = l(null), b = m.value === "visible", x = () => {
+	let [m, h] = r(u), g = n("cascivo-tooltip"), _ = n("cascivo-anchor"), v = s(void 0), y = s(null), b = m.value === "visible", x = () => {
 		clearTimeout(v.current), v.current = setTimeout(() => h("SHOW"), p);
 	}, S = () => {
 		clearTimeout(v.current), h("HIDE");
@@ -39,9 +39,9 @@ function d({ content: t, placement: d = "top", children: f, delay: p = 200 }) {
 		},
 		"aria-describedby": b ? g : w["aria-describedby"]
 	};
-	return /* @__PURE__ */ s("span", {
+	return /* @__PURE__ */ l("span", {
 		className: e.root,
-		children: [c(C, T), /* @__PURE__ */ o("span", {
+		children: [o(C, T), /* @__PURE__ */ c("span", {
 			ref: y,
 			popover: "manual",
 			role: "tooltip",

package/dist/node/tree-view/tree-view.js

@@ -2,9 +2,9 @@
 
 import e from "./tree-view.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";
+import { useRef as a } from "react";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/tree-view/tree-view.tsx
 function u(e, t) {
 	let n = [], r = (e, i, a) => {
@@ -24,17 +24,17 @@ function u(e, t) {
 function d(e) {
 	return e === void 0 ? [] : Array.isArray(e) ? e : e === "" ? [] : [e];
 }
-function f({ items: a, selectionMode: o = "single", selected: c, defaultSelected: f, onSelectChange: h, expanded: g, defaultExpanded: _, onExpandedChange: v, className: y, "aria-label": b }) {
+function f({ items: o, selectionMode: s = "single", selected: l, defaultSelected: f, onSelectChange: h, expanded: g, defaultExpanded: _, onExpandedChange: v, className: y, "aria-label": b }) {
 	i();
 	let [x, S] = n({
 		value: g,
 		defaultValue: _ ?? [],
 		onChange: v
 	}), [C, w] = n({
-		value: c,
-		defaultValue: f ?? (o === "multi" ? [] : ""),
+		value: l,
+		defaultValue: f ?? (s === "multi" ? [] : ""),
 		onChange: h
-	}), T = r(null), E = l(/* @__PURE__ */ new Map()), D = new Set(x.value), O = u(a, D), k = new Map(O.map((e, t) => [e.id, t])), A = d(C.value), j = new Set(A), M = T.value ?? A[0] ?? O[0]?.id ?? null, N = (e) => S([...e]), P = (e) => {
+	}), T = r(null), E = a(/* @__PURE__ */ new Map()), D = new Set(x.value), O = u(o, D), k = new Map(O.map((e, t) => [e.id, t])), A = d(C.value), j = new Set(A), M = T.value ?? A[0] ?? O[0]?.id ?? null, N = (e) => S([...e]), P = (e) => {
 		if (D.has(e)) return;
 		let t = new Set(D);
 		t.add(e), N(t);
@@ -45,17 +45,17 @@ function f({ items: a, selectionMode: o = "single", selected: c, defaultSelected
 	}, I = (e) => {
 		T.value = e, E.current.get(e)?.focus();
 	}, L = (e) => {
-		if (o === "multi") {
+		if (s === "multi") {
 			let t = new Set(j);
 			t.has(e) ? t.delete(e) : t.add(e), w([...t]);
 		} else w(e);
-	}, R = l({
+	}, R = a({
 		buffer: "",
 		at: 0
 	}), z = (e, t) => {
 		let n = k.get(t.id);
 		if (n === void 0) return;
-		let { hasChildren: r, level: i, parentId: o, expanded: s } = O[n];
+		let { hasChildren: r, level: i, parentId: a, expanded: s } = O[n];
 		switch (e.key) {
 			case "ArrowDown": {
 				e.preventDefault();
@@ -77,7 +77,7 @@ function f({ items: a, selectionMode: o = "single", selected: c, defaultSelected
 				}
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), r && s ? F(t.id) : o && I(o);
+				e.preventDefault(), r && s ? F(t.id) : a && I(a);
 				break;
 			case "Home":
 				e.preventDefault(), O[0] && I(O[0].id);
@@ -96,17 +96,17 @@ function f({ items: a, selectionMode: o = "single", selected: c, defaultSelected
 				if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {
 					let t = R.current, r = Date.now();
 					t.buffer = r - t.at > 500 ? e.key : t.buffer + e.key, t.at = r;
-					let i = t.buffer.toLowerCase(), o = (e) => typeof e.label == "string" && e.label.toLowerCase().startsWith(i), s = p(a, D), c = [...O.slice(n + 1), ...O.slice(0, n + 1)].find((e) => {
+					let i = t.buffer.toLowerCase(), a = (e) => typeof e.label == "string" && e.label.toLowerCase().startsWith(i), s = p(o, D), c = [...O.slice(n + 1), ...O.slice(0, n + 1)].find((e) => {
 						let t = s.get(e.id);
-						return t ? o(t) : !1;
+						return t ? a(t) : !1;
 					});
 					c && I(c.id);
 				}
 				break;
 		}
 	}, B = (e, t, n, r) => {
-		let i = !!e.children && e.children.length > 0, a = D.has(e.id), o = j.has(e.id), c = M === e.id, l = e.children?.length ?? 0;
-		return /* @__PURE__ */ s(m, {
+		let i = !!e.children && e.children.length > 0, a = D.has(e.id), o = j.has(e.id), s = M === e.id, l = e.children?.length ?? 0;
+		return /* @__PURE__ */ c(m, {
 			node: e,
 			level: t,
 			posInSet: n,
@@ -114,7 +114,7 @@ function f({ items: a, selectionMode: o = "single", selected: c, defaultSelected
 			hasChildren: i,
 			isExpanded: a,
 			isSelected: o,
-			isTabbable: c,
+			isTabbable: s,
 			itemRefs: E,
 			onFocusNode: () => T.value = e.id,
 			onKeyDown: (t) => z(t, e),
@@ -124,11 +124,11 @@ function f({ items: a, selectionMode: o = "single", selected: c, defaultSelected
 			children: i && e.children.map((e, n) => B(e, t + 1, n + 1, l))
 		}, e.id);
 	};
-	return /* @__PURE__ */ s("ul", {
+	return /* @__PURE__ */ c("ul", {
 		role: "tree",
 		"aria-label": b,
 		className: t(e.tree, y),
-		children: a.map((e, t) => B(e, 1, t + 1, a.length))
+		children: o.map((e, t) => B(e, 1, t + 1, o.length))
 	});
 }
 function p(e, t) {
@@ -137,16 +137,16 @@ function p(e, t) {
 	};
 	return r(e), n;
 }
-function m({ node: t, level: n, posInSet: r, setSize: i, hasChildren: a, isExpanded: o, isSelected: l, isTabbable: u, itemRefs: d, onFocusNode: f, onKeyDown: p, onActivate: m, children: h }) {
-	return /* @__PURE__ */ c("li", {
+function m({ node: t, level: n, posInSet: r, setSize: i, hasChildren: a, isExpanded: o, isSelected: s, isTabbable: u, itemRefs: d, onFocusNode: f, onKeyDown: p, onActivate: m, children: h }) {
+	return /* @__PURE__ */ l("li", {
 		role: "treeitem",
 		"aria-level": n,
 		"aria-posinset": r,
 		"aria-setsize": i,
-		"aria-selected": l,
+		"aria-selected": s,
 		"aria-expanded": a ? o : void 0,
 		tabIndex: u ? 0 : -1,
-		"data-selected": l || void 0,
+		"data-selected": s || void 0,
 		"data-state": a ? o ? "open" : "closed" : void 0,
 		style: { "--cascivo-tree-level": n },
 		className: e.item,
@@ -160,31 +160,31 @@ function m({ node: t, level: n, posInSet: r, setSize: i, hasChildren: a, isExpan
 		onClick: (e) => {
 			e.stopPropagation(), m();
 		},
-		children: [/* @__PURE__ */ c("span", {
+		children: [/* @__PURE__ */ l("span", {
 			className: e.row,
 			children: [
-				a ? /* @__PURE__ */ s("span", {
+				a ? /* @__PURE__ */ c("span", {
 					className: e.twisty,
 					"aria-hidden": "true",
 					"data-state": o ? "open" : "closed"
-				}) : /* @__PURE__ */ s("span", {
+				}) : /* @__PURE__ */ c("span", {
 					className: e.twistySpacer,
 					"aria-hidden": "true"
 				}),
-				t.icon && /* @__PURE__ */ s("span", {
+				t.icon && /* @__PURE__ */ c("span", {
 					className: e.icon,
 					"aria-hidden": "true",
 					children: t.icon
 				}),
-				/* @__PURE__ */ s("span", {
+				/* @__PURE__ */ c("span", {
 					className: e.label,
 					children: t.label
 				})
 			]
-		}), a && /* @__PURE__ */ s("div", {
+		}), a && /* @__PURE__ */ c("div", {
 			className: e.groupWrap,
 			"data-state": o ? "open" : "closed",
-			children: /* @__PURE__ */ s("ul", {
+			children: /* @__PURE__ */ c("ul", {
 				role: "group",
 				className: e.group,
 				children: h
@@ -193,9 +193,9 @@ function m({ node: t, level: n, posInSet: r, setSize: i, hasChildren: a, isExpan
 	});
 }
 var h = {
-	loading: () => o(a.treeView.loading),
-	expand: () => o(a.treeView.expand),
-	collapse: () => o(a.treeView.collapse)
+	loading: () => s(o.treeView.loading),
+	expand: () => s(o.treeView.expand),
+	collapse: () => s(o.treeView.collapse)
 };
 //#endregion
 export { f as TreeView, h as treeViewMessages };

package/dist/notification/notification.css

@@ -1 +1 @@
-@layer cascivo.component{._notification_10586_2{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);opacity:1;transition:opacity var(--cascivo-motion-enter);display:flex}@starting-style{._notification_10586_2{opacity:0}}._notification_10586_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}._notification_10586_2[data-variant=info]{border-color:color-mix(in oklch, var(--cascivo-color-info) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-info) 5%, var(--cascivo-color-bg))}._notification_10586_2[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-success) 5%, var(--cascivo-color-bg))}._notification_10586_2[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-warning) 5%, var(--cascivo-color-bg))}._notification_10586_2[data-variant=error]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-destructive) 5%, var(--cascivo-color-bg))}._icon_10586_58{flex-shrink:0;align-items:center;margin-block-start:.125rem;line-height:1;display:flex}._notification_10586_2[data-variant=info] ._icon_10586_58{color:var(--cascivo-color-info)}._notification_10586_2[data-variant=success] ._icon_10586_58{color:var(--cascivo-color-success)}._notification_10586_2[data-variant=warning] ._icon_10586_58{color:var(--cascivo-color-warning)}._notification_10586_2[data-variant=error] ._icon_10586_58{color:var(--cascivo-color-destructive)}._body_10586_79{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_10586_87{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-snug)}._description_10586_93{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._actions_10586_99{gap:var(--cascivo-space-2);flex-wrap:wrap;margin-block-start:var(--cascivo-space-2);display:flex}._dismiss_10586_106{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-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}._dismiss_10586_106:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._dismiss_10586_106:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._notification_10586_2{border:1px solid canvastext}._notification_10586_2[data-variant=info],._notification_10586_2[data-variant=success],._notification_10586_2[data-variant=warning],._notification_10586_2[data-variant=error]{border-width:2px}._dismiss_10586_106:focus-visible{outline-offset:2px;outline:2px solid highlight}}@media (prefers-contrast:more){._notification_10586_2{border-width:2px}}
+@layer cascivo.component{._notification_imxvx_2{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);opacity:1;transition:opacity var(--cascivo-motion-enter);display:flex}@starting-style{._notification_imxvx_2{opacity:0}}._notification_imxvx_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}._notification_imxvx_2[data-variant=neutral]{border-color:var(--cascivo-color-border);background:var(--cascivo-color-bg)}._notification_imxvx_2[data-variant=info]{border-color:color-mix(in oklch, var(--cascivo-color-info) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-info) 5%, var(--cascivo-color-bg))}._notification_imxvx_2[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-success) 5%, var(--cascivo-color-bg))}._notification_imxvx_2[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-warning) 5%, var(--cascivo-color-bg))}._notification_imxvx_2[data-variant=error]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-destructive) 5%, var(--cascivo-color-bg))}._icon_imxvx_65{flex-shrink:0;align-items:center;margin-block-start:.125rem;line-height:1;display:flex}._notification_imxvx_2[data-variant=info] ._icon_imxvx_65{color:var(--cascivo-color-info)}._notification_imxvx_2[data-variant=success] ._icon_imxvx_65{color:var(--cascivo-color-success)}._notification_imxvx_2[data-variant=warning] ._icon_imxvx_65{color:var(--cascivo-color-warning)}._notification_imxvx_2[data-variant=error] ._icon_imxvx_65{color:var(--cascivo-color-destructive)}._body_imxvx_86{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_imxvx_94{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-snug)}._description_imxvx_100{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._actions_imxvx_106{gap:var(--cascivo-space-2);flex-wrap:wrap;margin-block-start:var(--cascivo-space-2);display:flex}._dismiss_imxvx_113{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-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}._dismiss_imxvx_113:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._dismiss_imxvx_113:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._notification_imxvx_2{border:1px solid canvastext}._notification_imxvx_2[data-variant=info],._notification_imxvx_2[data-variant=success],._notification_imxvx_2[data-variant=warning],._notification_imxvx_2[data-variant=error]{border-width:2px}._dismiss_imxvx_113:focus-visible{outline-offset:2px;outline:2px solid highlight}}@media (prefers-contrast:more){._notification_imxvx_2{border-width:2px}}