@cascivo/react 0.12.0 → 0.13.0

package/dist/node/steps/steps.js

@@ -1,35 +1,35 @@
 "use client";
 
 import e from "./steps.module.js";
-import { useSignal 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";
+import { normalizeProgress as t, useSignal as n, useSignals as r } from "@cascivo/core";
+import { builtin as i, t as a } from "@cascivo/i18n";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/steps/steps.tsx
-function s({ steps: s, activeStep: c, orientation: l = "horizontal", className: u, ariaLabel: d }) {
-	n();
-	let f = t(c ?? 0);
-	f.value = c ?? f.value;
-	let p = d ?? i(r.steps.label);
-	return /* @__PURE__ */ a("ol", {
-		className: [e.steps, u].filter(Boolean).join(" "),
-		"data-orientation": l,
-		"aria-label": p,
-		children: s.map((t, n) => {
-			let r = t.state ?? (n < f.value ? "complete" : n === f.value ? "active" : "pending");
-			return /* @__PURE__ */ o("li", {
+function c({ steps: c, activeStep: l, orientation: u = "horizontal", className: d, ariaLabel: f }) {
+	r();
+	let p = n(l ?? 0);
+	p.value = l ?? p.value;
+	let m = f ?? a(i.steps.label);
+	return /* @__PURE__ */ o("ol", {
+		className: [e.steps, d].filter(Boolean).join(" "),
+		"data-orientation": u,
+		"aria-label": m,
+		children: c.map((n, r) => {
+			let i = n.state ? t(n.state) : r < p.value ? "complete" : r === p.value ? "active" : "pending";
+			return /* @__PURE__ */ s("li", {
 				className: e.step,
-				"data-state": r,
-				"aria-current": r === "active" ? "step" : void 0,
-				children: [/* @__PURE__ */ a("div", {
+				"data-state": i,
+				"aria-current": i === "active" ? "step" : void 0,
+				children: [/* @__PURE__ */ o("div", {
 					className: e.circle,
-					children: r === "complete" ? "✓" : r === "error" ? "✕" : n + 1
-				}), /* @__PURE__ */ a("span", {
+					children: i === "complete" ? "✓" : i === "error" ? "✕" : r + 1
+				}), /* @__PURE__ */ o("span", {
 					className: e.label,
-					children: t.label
+					children: n.label
 				})]
-			}, n);
+			}, r);
 		})
 	});
 }
 //#endregion
-export { s as Steps };
+export { c as Steps };

package/dist/node/structured-list/structured-list.js

@@ -6,10 +6,10 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useId as s } from "react";
 //#region ../components/src/structured-list/structured-list.tsx
 function c(n) {
-	let { items: r, headers: i, selectable: s = !1, className: c, "aria-label": u } = n;
+	let { items: r, headers: i, selectable: s = !1, className: c, ariaLabel: u, "aria-label": d } = n;
 	return s ? /* @__PURE__ */ a(l, { ...n }) : /* @__PURE__ */ o("div", {
 		role: "table",
-		"aria-label": u,
+		"aria-label": d ?? u,
 		className: t(e.list, c),
 		children: [i && /* @__PURE__ */ a("div", {
 			role: "row",
@@ -34,21 +34,22 @@ function c(n) {
 		})]
 	});
 }
-function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, "aria-label": m }) {
+function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, ariaLabel: m, "aria-label": h }) {
+	let g = h ?? m;
 	i();
-	let h = s(), [g, _] = n({
+	let _ = s(), [v, y] = n({
 		value: u,
 		defaultValue: d ?? c.find((e) => e.selected)?.id ?? "",
 		onChange: f
-	}), v = r({
+	}), b = r({
 		orientation: "vertical",
 		loop: !1
-	}), y = (e) => {
-		_(e);
+	}), x = (e) => {
+		y(e);
 	};
 	return /* @__PURE__ */ o("div", {
 		role: "radiogroup",
-		"aria-label": m,
+		"aria-label": g,
 		className: t(e.list, e.selectable, p),
 		children: [l && /* @__PURE__ */ o("div", {
 			className: e.headerRow,
@@ -62,18 +63,18 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
 		}), /* @__PURE__ */ a("div", {
 			className: e.body,
 			children: c.map((t, n) => {
-				let r = g.value === t.id, { ref: i, ...s } = v.getItemProps(n);
+				let r = v.value === t.id, { ref: i, ...s } = b.getItemProps(n);
 				return /* @__PURE__ */ o("div", {
 					role: "radio",
 					"aria-checked": r,
-					"aria-labelledby": `${h}-${t.id}-label`,
+					"aria-labelledby": `${_}-${t.id}-label`,
 					"data-selected": r || void 0,
 					className: e.row,
 					ref: i,
 					...s,
-					onClick: () => y(t.id),
+					onClick: () => x(t.id),
 					onKeyDown: (e) => {
-						s.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y(t.id));
+						s.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x(t.id));
 					},
 					children: [
 						/* @__PURE__ */ a("div", {
@@ -83,7 +84,7 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
 						}),
 						/* @__PURE__ */ a("div", {
 							className: e.cell,
-							id: `${h}-${t.id}-label`,
+							id: `${_}-${t.id}-label`,
 							children: t.cells[0]
 						}),
 						t.cells.slice(1).map((t, n) => /* @__PURE__ */ a("div", {

package/dist/node/tag/tag.js

@@ -1,26 +1,33 @@
 "use client";
 
 import e from "./tag.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";
+import { cn as t, normalizeTone as n, useSignals as r } from "@cascivo/core";
+import { builtin as i, t as a } from "@cascivo/i18n";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/tag/tag.tsx
-function s({ variant: s = "default", size: c = "md", onDismiss: l, dismissLabel: u, className: d, children: f, ...p }) {
-	n();
-	let m = u ?? i(r.tag.dismiss);
-	return /* @__PURE__ */ o("span", {
-		"data-variant": s,
-		"data-size": c,
-		className: t(e.tag, d),
-		...p,
-		children: [f, l && /* @__PURE__ */ a("button", {
+var c = {
+	neutral: "default",
+	info: "info",
+	success: "success",
+	warning: "warning",
+	danger: "error"
+};
+function l({ variant: l = "default", size: u = "md", onDismiss: d, dismissLabel: f, className: p, children: m, ...h }) {
+	r();
+	let g = f ?? a(i.tag.dismiss);
+	return /* @__PURE__ */ s("span", {
+		"data-variant": c[n(l)] ?? l,
+		"data-size": u,
+		className: t(e.tag, p),
+		...h,
+		children: [m, d && /* @__PURE__ */ o("button", {
 			type: "button",
 			className: e.dismiss,
-			"aria-label": m,
-			onClick: l,
+			"aria-label": g,
+			onClick: d,
 			children: "✕"
 		})]
 	});
 }
 //#endregion
-export { s as Tag };
+export { l as Tag };

package/dist/node/tags-input/tags-input.module.js

@@ -1,10 +1,10 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_i1hay_2",
-	tag: "_tag_i1hay_28",
-	dismiss: "_dismiss_i1hay_55",
-	input: "_input_i1hay_85"
+	wrapper: "_wrapper_1ycwz_2",
+	tag: "_tag_1ycwz_32",
+	dismiss: "_dismiss_1ycwz_59",
+	input: "_input_1ycwz_89"
 };
 //#endregion
 export { e as default };

package/dist/node/tile/tile.module.js

@@ -1,9 +1,9 @@
 "use client";
 
 var e = {
-	tile: "_tile_1wkku_2",
-	icon: "_icon_1wkku_36",
-	body: "_body_1wkku_49"
+	tile: "_tile_cxt7m_2",
+	icon: "_icon_cxt7m_38",
+	body: "_body_cxt7m_51"
 };
 //#endregion
 export { e as default };

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

@@ -1,11 +1,11 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_shh6w_2",
-	label: "_label_shh6w_25",
-	input: "_input_shh6w_32",
-	error: "_error_shh6w_66",
-	hint: "_hint_shh6w_71"
+	wrapper: "_wrapper_auxoq_2",
+	label: "_label_auxoq_29",
+	input: "_input_auxoq_36",
+	error: "_error_auxoq_70",
+	hint: "_hint_auxoq_75"
 };
 //#endregion
 export { e as default };

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/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}}

package/dist/notification/notification.js

@@ -1,80 +1,86 @@
 "use client";
 
 import e from "./notification.module.js";
-import { Presence as t, 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";
+import { Presence as t, cn as n, normalizeTone as r, useSignal 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 { useRef as u } from "react";
 //#region ../components/src/notification/notification.tsx
-var u = new Set(["warning", "error"]), d = 160;
-function f({ variant: e }) {
-	return e === "success" ? /* @__PURE__ */ c("svg", {
+var d = {
+	neutral: "neutral",
+	info: "info",
+	success: "success",
+	warning: "warning",
+	danger: "error"
+}, f = new Set(["warning", "error"]), p = 160;
+function m({ variant: e }) {
+	return e === "success" ? /* @__PURE__ */ l("svg", {
 		viewBox: "0 0 20 20",
 		width: "20",
 		height: "20",
 		fill: "none",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ s("circle", {
+		children: [/* @__PURE__ */ c("circle", {
 			cx: "10",
 			cy: "10",
 			r: "8",
 			stroke: "currentColor",
 			strokeWidth: "1.5"
-		}), /* @__PURE__ */ s("path", {
+		}), /* @__PURE__ */ c("path", {
 			d: "M6.5 10.5l2.5 2.5 4.5-5",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
 			strokeLinecap: "round",
 			strokeLinejoin: "round"
 		})]
-	}) : e === "warning" ? /* @__PURE__ */ c("svg", {
+	}) : e === "warning" ? /* @__PURE__ */ l("svg", {
 		viewBox: "0 0 20 20",
 		width: "20",
 		height: "20",
 		fill: "none",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ s("path", {
+		children: [/* @__PURE__ */ c("path", {
 			d: "M10 2.5L18.5 17H1.5L10 2.5z",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
 			strokeLinejoin: "round"
-		}), /* @__PURE__ */ s("path", {
+		}), /* @__PURE__ */ c("path", {
 			d: "M10 8v3.5M10 14h.01",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
 			strokeLinecap: "round"
 		})]
-	}) : e === "error" ? /* @__PURE__ */ c("svg", {
+	}) : e === "error" ? /* @__PURE__ */ l("svg", {
 		viewBox: "0 0 20 20",
 		width: "20",
 		height: "20",
 		fill: "none",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ s("circle", {
+		children: [/* @__PURE__ */ c("circle", {
 			cx: "10",
 			cy: "10",
 			r: "8",
 			stroke: "currentColor",
 			strokeWidth: "1.5"
-		}), /* @__PURE__ */ s("path", {
+		}), /* @__PURE__ */ c("path", {
 			d: "M10 6v4.5M10 13.5h.01",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
 			strokeLinecap: "round"
 		})]
-	}) : /* @__PURE__ */ c("svg", {
+	}) : /* @__PURE__ */ l("svg", {
 		viewBox: "0 0 20 20",
 		width: "20",
 		height: "20",
 		fill: "none",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ s("circle", {
+		children: [/* @__PURE__ */ c("circle", {
 			cx: "10",
 			cy: "10",
 			r: "8",
 			stroke: "currentColor",
 			strokeWidth: "1.5"
-		}), /* @__PURE__ */ s("path", {
+		}), /* @__PURE__ */ c("path", {
 			d: "M10 9v5M10 6.5h.01",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -82,48 +88,48 @@ function f({ variant: e }) {
 		})]
 	});
 }
-function p({ title: p, description: m, variant: h = "info", dismissible: g = !1, onDismiss: _, actions: v, icon: y, labels: b, className: x, ...S }) {
-	i();
-	let C = r(!0), w = l(_);
-	w.current = _;
-	let T = g || _ !== void 0, E = () => {
-		C.value = !1, setTimeout(() => w.current?.(), d);
+function h({ title: h, description: g, variant: _ = "info", dismissible: v = !1, onDismiss: y, actions: b, icon: x, labels: S, className: C, ...w }) {
+	a();
+	let T = d[r(_)] ?? _, E = i(!0), D = u(y);
+	D.current = y;
+	let O = v || y !== void 0, k = () => {
+		E.value = !1, setTimeout(() => D.current?.(), p);
 	};
-	return /* @__PURE__ */ s(t, {
-		present: C,
-		children: /* @__PURE__ */ c("div", {
-			role: u.has(h) ? "alert" : "status",
-			"data-variant": h,
-			className: n(e.notification, x),
-			...S,
+	return /* @__PURE__ */ c(t, {
+		present: E,
+		children: /* @__PURE__ */ l("div", {
+			role: f.has(T) ? "alert" : "status",
+			"data-variant": T,
+			className: n(e.notification, C),
+			...w,
 			children: [
-				/* @__PURE__ */ s("span", {
+				/* @__PURE__ */ c("span", {
 					className: e.icon,
 					"aria-hidden": "true",
-					children: y ?? /* @__PURE__ */ s(f, { variant: h })
+					children: x ?? /* @__PURE__ */ c(m, { variant: T })
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					className: e.body,
 					children: [
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: e.title,
-							children: p
+							children: h
 						}),
-						m && /* @__PURE__ */ s("div", {
+						g && /* @__PURE__ */ c("div", {
 							className: e.description,
-							children: m
+							children: g
 						}),
-						v && /* @__PURE__ */ s("div", {
+						b && /* @__PURE__ */ c("div", {
 							className: e.actions,
-							children: v
+							children: b
 						})
 					]
 				}),
-				T && /* @__PURE__ */ s("button", {
+				O && /* @__PURE__ */ c("button", {
 					type: "button",
 					className: e.dismiss,
-					"aria-label": b?.dismiss ?? o(a.notification.dismiss),
-					onClick: E,
+					"aria-label": S?.dismiss ?? s(o.notification.dismiss),
+					onClick: k,
 					children: "✕"
 				})
 			]
@@ -131,4 +137,4 @@ function p({ title: p, description: m, variant: h = "info", dismissible: g = !1,
 	});
 }
 //#endregion
-export { p as Notification };
+export { h as Notification };

package/dist/notification/notification.module.js

@@ -2,13 +2,13 @@
 
 import './notification.css';
 var e = {
-	notification: "_notification_10586_2",
-	icon: "_icon_10586_58",
-	body: "_body_10586_79",
-	title: "_title_10586_87",
-	description: "_description_10586_93",
-	actions: "_actions_10586_99",
-	dismiss: "_dismiss_10586_106"
+	notification: "_notification_imxvx_2",
+	icon: "_icon_imxvx_65",
+	body: "_body_imxvx_86",
+	title: "_title_imxvx_94",
+	description: "_description_imxvx_100",
+	actions: "_actions_imxvx_106",
+	dismiss: "_dismiss_imxvx_113"
 };
 //#endregion
 export { e as default };

package/dist/number-input/number-input.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_q5e5w_2{gap:var(--cascivo-space-1);--_stepper-width:1.5rem;flex-direction:column;display:flex}._wrapper_q5e5w_2[data-size=sm]{--_input-height:2rem;--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_q5e5w_2[data-size=md]{--_input-height:2.5rem;--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_q5e5w_2[data-size=lg]{--_input-height:3rem;--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_q5e5w_27{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_q5e5w_35{position:relative}._input_q5e5w_39{width:100%;height:var(--_input-height,2.5rem);font-family:var(--cascivo-font-sans);font-size:var(--_input-font,var(--cascivo-text-sm));font-variant-numeric:tabular-nums;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-start:var(--_input-px,var(--cascivo-space-4));padding-inline-end:calc(var(--_stepper-width) + var(--cascivo-space-2))}._input_q5e5w_39::placeholder{color:var(--cascivo-color-text-muted)}._input_q5e5w_39:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_q5e5w_39:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_q5e5w_39:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_q5e5w_2[data-state=error] ._input_q5e5w_39{border-color:var(--cascivo-color-destructive)}._wrapper_q5e5w_2[data-state=error] ._input_q5e5w_39:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._steppers_q5e5w_84{inline-size:var(--_stepper-width);border-start-end-radius:calc(var(--cascivo-radius-field) - 1px);border-end-end-radius:calc(var(--cascivo-radius-field) - 1px);flex-direction:column;display:flex;position:absolute;inset-block:1px;inset-inline-end:1px;overflow:hidden}._stepper_q5e5w_84{border:none;border-inline-start:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;flex:1;justify-content:center;align-items:center;padding:0;display:flex}._stepper_q5e5w_84+._stepper_q5e5w_84{border-block-start:1px solid var(--cascivo-color-border)}._stepper_q5e5w_84:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._stepper_q5e5w_84:disabled{opacity:.5;cursor:not-allowed}._stepper_q5e5w_84 svg{block-size:.625rem;inline-size:.625rem}._error_q5e5w_131{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_q5e5w_138{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}}
+@layer cascivo.component{._wrapper_aavdw_2{gap:var(--cascivo-space-1);--_stepper-width:1.5rem;flex-direction:column;min-inline-size:0;display:flex}._wrapper_aavdw_2[data-size=sm]{--_input-height:2rem;--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_aavdw_2[data-size=md]{--_input-height:2.5rem;--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_aavdw_2[data-size=lg]{--_input-height:3rem;--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_aavdw_31{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_aavdw_39{position:relative}._input_aavdw_43{width:100%;height:var(--_input-height,2.5rem);font-family:var(--cascivo-font-sans);font-size:var(--_input-font,var(--cascivo-text-sm));font-variant-numeric:tabular-nums;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-start:var(--_input-px,var(--cascivo-space-4));padding-inline-end:calc(var(--_stepper-width) + var(--cascivo-space-2))}._input_aavdw_43::placeholder{color:var(--cascivo-color-text-muted)}._input_aavdw_43:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_aavdw_43:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_aavdw_43:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_aavdw_2[data-state=error] ._input_aavdw_43{border-color:var(--cascivo-color-destructive)}._wrapper_aavdw_2[data-state=error] ._input_aavdw_43:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._steppers_aavdw_88{inline-size:var(--_stepper-width);border-start-end-radius:calc(var(--cascivo-radius-field) - 1px);border-end-end-radius:calc(var(--cascivo-radius-field) - 1px);flex-direction:column;display:flex;position:absolute;inset-block:1px;inset-inline-end:1px;overflow:hidden}._stepper_aavdw_88{border:none;border-inline-start:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;flex:1;justify-content:center;align-items:center;padding:0;display:flex}._stepper_aavdw_88+._stepper_aavdw_88{border-block-start:1px solid var(--cascivo-color-border)}._stepper_aavdw_88:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._stepper_aavdw_88:disabled{opacity:.5;cursor:not-allowed}._stepper_aavdw_88 svg{block-size:.625rem;inline-size:.625rem}._error_aavdw_135{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_aavdw_142{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}}

package/dist/number-input/number-input.module.js

@@ -2,14 +2,14 @@
 
 import './number-input.css';
 var e = {
-	wrapper: "_wrapper_q5e5w_2",
-	label: "_label_q5e5w_27",
-	field: "_field_q5e5w_35",
-	input: "_input_q5e5w_39",
-	steppers: "_steppers_q5e5w_84",
-	stepper: "_stepper_q5e5w_84",
-	error: "_error_q5e5w_131",
-	hint: "_hint_q5e5w_138"
+	wrapper: "_wrapper_aavdw_2",
+	label: "_label_aavdw_31",
+	field: "_field_aavdw_39",
+	input: "_input_aavdw_43",
+	steppers: "_steppers_aavdw_88",
+	stepper: "_stepper_aavdw_88",
+	error: "_error_aavdw_135",
+	hint: "_hint_aavdw_142"
 };
 //#endregion
 export { e as default };

package/dist/otp-input/otp-input.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_15f1m_2{gap:var(--cascivo-space-2);align-items:center;display:flex}._slot_15f1m_8{width:2.75rem;height:3rem;font-family:var(--cascivo-font-mono,var(--cascivo-font-sans));font-size:var(--cascivo-text-xl);font-weight:var(--cascivo-font-semibold);text-align:center;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1.5px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);caret-color:#0000;outline:none}._slot_15f1m_8:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._slot_15f1m_8:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._slot_15f1m_8[data-filled]{border-color:var(--cascivo-color-border-strong);background-color:var(--cascivo-color-bg-subtle)}._slot_15f1m_8:disabled{opacity:.5;cursor:not-allowed}}
+@layer cascivo.component{._wrapper_k67bx_2{gap:var(--cascivo-space-2);align-items:center;min-inline-size:0;display:flex}._slot_k67bx_12{width:2.75rem;height:3rem;font-family:var(--cascivo-font-mono,var(--cascivo-font-sans));font-size:var(--cascivo-text-xl);font-weight:var(--cascivo-font-semibold);text-align:center;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1.5px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);caret-color:#0000;outline:none}._slot_k67bx_12:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._slot_k67bx_12:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._slot_k67bx_12[data-filled]{border-color:var(--cascivo-color-border-strong);background-color:var(--cascivo-color-bg-subtle)}._slot_k67bx_12:disabled{opacity:.5;cursor:not-allowed}}

package/dist/otp-input/otp-input.module.js

@@ -2,8 +2,8 @@
 
 import './otp-input.css';
 var e = {
-	wrapper: "_wrapper_15f1m_2",
-	slot: "_slot_15f1m_8"
+	wrapper: "_wrapper_k67bx_2",
+	slot: "_slot_k67bx_12"
 };
 //#endregion
 export { e as default };

package/dist/overflow-menu/overflow-menu.js

@@ -6,7 +6,12 @@ import { cn as n, useSignals as r } from "@cascivo/core";
 import { builtin as i, t as a } from "@cascivo/i18n";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/overflow-menu/overflow-menu.tsx
-function l() {
+function l(e) {
+	let t = e.value ?? e.id;
+	if (t === void 0) throw Error(`OverflowMenu: item "${e.label}" has neither \`value\` nor \`id\`. One of them is required — it is what \`onSelect\` receives.`);
+	return t;
+}
+function u() {
 	return /* @__PURE__ */ c("svg", {
 		viewBox: "0 0 16 16",
 		width: "16",
@@ -32,12 +37,12 @@ function l() {
 		]
 	});
 }
-function u({ items: u, onSelect: d, placement: f = "bottom-end", ariaLabel: p, size: m = "md", disabled: h = !1, className: g }) {
+function d({ items: d, onSelect: f, placement: p = "bottom-end", ariaLabel: m, size: h = "md", disabled: g = !1, className: _ }) {
 	r();
-	let _ = p ?? a(i.overflowMenu.trigger), v = u.map((e) => {
+	let v = m ?? a(i.overflowMenu.trigger), y = d.map((e) => {
 		let n = {
 			label: e.label,
-			value: e.value
+			value: l(e)
 		};
 		return e.disabled !== void 0 && (n.disabled = e.disabled), e.destructive ? n.icon = /* @__PURE__ */ c(o, { children: [e.icon, /* @__PURE__ */ s("span", {
 			className: t["destructive-flag"],
@@ -45,21 +50,21 @@ function u({ items: u, onSelect: d, placement: f = "bottom-end", ariaLabel: p, s
 		})] }) : e.icon !== void 0 && (n.icon = e.icon), n;
 	});
 	return /* @__PURE__ */ s("div", {
-		className: n(t.root, g),
+		className: n(t.root, _),
 		children: /* @__PURE__ */ s(e, {
-			items: v,
-			onSelect: (e) => d?.(e),
-			placement: f,
+			items: y,
+			onSelect: (e) => f?.(e),
+			placement: p,
 			trigger: /* @__PURE__ */ s("button", {
 				type: "button",
 				className: t.trigger,
-				"data-size": m,
-				disabled: h,
-				"aria-label": _,
-				children: /* @__PURE__ */ s(l, {})
+				"data-size": h,
+				disabled: g,
+				"aria-label": v,
+				children: /* @__PURE__ */ s(u, {})
 			})
 		})
 	});
 }
 //#endregion
-export { u as OverflowMenu };
+export { d as OverflowMenu };