@cascivo/react 0.11.1 → 0.13.0

package/dist/node/filter/filter.js

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

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

@@ -1,16 +1,14 @@
 "use client";
 
 import e from "./header-panel.module.js";
-import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
+import { cn as t, useEffectPropSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
 import { builtin as a, t as o } from "@cascivo/i18n";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useRef as l } from "react";
 //#region ../components/src/header-panel/header-panel.tsx
 function u({ open: u, onClose: d, label: f, children: p, labels: m, className: h }) {
 	i();
-	let g = l(null), _ = l(null), v = n(u);
-	v.value = u;
-	let y = l(d);
+	let g = l(null), _ = l(null), v = n(u), y = l(d);
 	return y.current = d, r(() => {
 		let e = g.current;
 		if (e) if (v.value) {

package/dist/node/icon-button/icon-button.js

@@ -5,16 +5,16 @@ import { Slot as t, cn as n } from "@cascivo/core";
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 //#region ../components/src/icon-button/icon-button.tsx
-var a = i(function({ label: i, icon: a, size: o = "md", variant: s = "ghost", asChild: c = !1, className: l, children: u, ...d }, f) {
-	return /* @__PURE__ */ r(c ? t : "button", {
-		type: c ? void 0 : "button",
-		"aria-label": i,
-		"data-size": o,
-		"data-variant": s,
-		className: n(e.iconButton, l),
-		ref: f,
-		...d,
-		children: u ?? a
+var a = i(function({ label: i, ariaLabel: a, icon: o, size: s = "md", variant: c = "ghost", asChild: l = !1, className: u, children: d, ...f }, p) {
+	return /* @__PURE__ */ r(l ? t : "button", {
+		type: l ? void 0 : "button",
+		"aria-label": i ?? a,
+		"data-size": s,
+		"data-variant": c,
+		className: n(e.iconButton, u),
+		ref: p,
+		...f,
+		children: d ?? o
 	});
 });
 //#endregion

package/dist/node/icon-button/icon-button.module.js

@@ -1,5 +1,5 @@
 "use client";
 
-var e = { iconButton: "_iconButton_13zh2_2" };
+var e = { iconButton: "_iconButton_1f9hf_2" };
 //#endregion
 export { e as default };

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

@@ -1,11 +1,11 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_ao79u_2",
-	label: "_label_ao79u_26",
-	input: "_input_ao79u_34",
-	error: "_error_ao79u_77",
-	hint: "_hint_ao79u_84"
+	wrapper: "_wrapper_swdj6_2",
+	label: "_label_swdj6_30",
+	input: "_input_swdj6_38",
+	error: "_error_swdj6_81",
+	hint: "_hint_swdj6_88"
 };
 //#endregion
 export { e as default };

package/dist/node/item/item.module.js

@@ -1,12 +1,12 @@
 "use client";
 
 var e = {
-	item: "_item_1uxrt_2",
-	media: "_media_1uxrt_30",
-	content: "_content_1uxrt_38",
-	title: "_title_1uxrt_45",
-	description: "_description_1uxrt_51",
-	actions: "_actions_1uxrt_58"
+	item: "_item_e9n8e_2",
+	media: "_media_e9n8e_32",
+	content: "_content_e9n8e_40",
+	title: "_title_e9n8e_47",
+	description: "_description_e9n8e_53",
+	actions: "_actions_e9n8e_60"
 };
 //#endregion
 export { e as default };

package/dist/node/layouts/src/page-header/page-header.js

@@ -0,0 +1,33 @@
+"use client";
+
+import e from "./page-header.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../layouts/src/page-header/page-header.tsx
+function i({ title: i, description: a, breadcrumb: o, actions: s, className: c }) {
+	return /* @__PURE__ */ r("header", {
+		className: t(e.header, c),
+		children: [
+			o && /* @__PURE__ */ n("div", {
+				className: e.breadcrumb,
+				children: o
+			}),
+			/* @__PURE__ */ r("div", {
+				className: e.row,
+				children: [/* @__PURE__ */ n("h1", {
+					className: e.title,
+					children: i
+				}), s && /* @__PURE__ */ n("div", {
+					className: e.actions,
+					children: s
+				})]
+			}),
+			a && /* @__PURE__ */ n("p", {
+				className: e.description,
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+export { i as PageHeader };

package/dist/node/layouts/src/page-header/page-header.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+var e = {
+	header: "_header_e7nyb_2",
+	breadcrumb: "_breadcrumb_e7nyb_8",
+	row: "_row_e7nyb_12",
+	title: "_title_e7nyb_20",
+	actions: "_actions_e7nyb_28",
+	description: "_description_e7nyb_35"
+};
+//#endregion
+export { e as default };

package/dist/node/link/link.js

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

package/dist/node/modal/modal.js

@@ -1,7 +1,7 @@
 "use client";
 
 import e from "./modal.module.js";
-import { cn as t, useDraggable as n, useId as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { cn as t, useDraggable as n, useEffectPropSignal as r, useId as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
 import { builtin as s, t as c } from "@cascivo/i18n";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useRef as d } from "react";
@@ -10,11 +10,11 @@ function f({ open: f = !1, onClose: p, title: m, description: h, children: g, cl
 	o();
 	let b = d(null), x = d(p);
 	x.current = p;
-	let S = r("cascivo-modal-title"), C = r("cascivo-modal-desc"), { handleRef: w, offset: T } = n({ isDisabled: !y }), E = y ? {
+	let S = i("cascivo-modal-title"), C = i("cascivo-modal-desc"), { handleRef: w, offset: T } = n({ isDisabled: !y }), E = y ? {
 		"--modal-x": `${T.value.x}px`,
 		"--modal-y": `${T.value.y}px`
-	} : void 0, D = i(f);
-	return D.value = f, a(() => {
+	} : void 0, D = r(f);
+	return a(() => {
 		let e = b.current;
 		e && (D.value ? e.open || e.showModal() : e.open && e.close());
 	}), a(() => {

package/dist/node/multi-select/multi-select.module.js

@@ -1,17 +1,17 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_nkk1l_2",
-	trigger: "_trigger_nkk1l_8",
-	"trigger-label": "_trigger-label_nkk1l_47",
-	chevron: "_chevron_nkk1l_59",
-	panel: "_panel_nkk1l_79",
-	"search-row": "_search-row_nkk1l_117",
-	search: "_search_nkk1l_117",
-	options: "_options_nkk1l_138",
-	option: "_option_nkk1l_138",
-	checkbox: "_checkbox_nkk1l_166",
-	"no-results": "_no-results_nkk1l_181"
+	wrapper: "_wrapper_1r5fv_2",
+	trigger: "_trigger_1r5fv_12",
+	"trigger-label": "_trigger-label_1r5fv_51",
+	chevron: "_chevron_1r5fv_63",
+	panel: "_panel_1r5fv_83",
+	"search-row": "_search-row_1r5fv_121",
+	search: "_search_1r5fv_121",
+	options: "_options_1r5fv_142",
+	option: "_option_1r5fv_142",
+	checkbox: "_checkbox_1r5fv_170",
+	"no-results": "_no-results_1r5fv_185"
 };
 //#endregion
 export { e as default };

package/dist/node/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/node/notification/notification.module.js

@@ -1,13 +1,13 @@
 "use client";
 
 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/node/number-input/number-input.module.js

@@ -1,14 +1,14 @@
 "use client";
 
 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/node/otp-input/otp-input.module.js

@@ -1,8 +1,8 @@
 "use client";
 
 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/node/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 };

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

@@ -1,13 +1,13 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_r2rcd_2",
-	"input-row": "_input-row_r2rcd_26",
-	input: "_input_r2rcd_26",
-	"reveal-btn": "_reveal-btn_r2rcd_68",
-	"reveal-icon": "_reveal-icon_r2rcd_94",
-	"strength-meter": "_strength-meter_r2rcd_114",
-	"strength-segment": "_strength-segment_r2rcd_135"
+	wrapper: "_wrapper_19052_2",
+	"input-row": "_input-row_19052_30",
+	input: "_input_19052_30",
+	"reveal-btn": "_reveal-btn_19052_72",
+	"reveal-icon": "_reveal-icon_19052_98",
+	"strength-meter": "_strength-meter_19052_118",
+	"strength-segment": "_strength-segment_19052_139"
 };
 //#endregion
 export { e as default };

package/dist/node/popover/use-popover.js

@@ -1,18 +1,18 @@
 "use client";
 
-import { useSignal as e, useSignalEffect as t } from "@cascivo/core";
-import { useRef as n } from "react";
+import { useId as e, useSignal as t, useSignalEffect as n } from "@cascivo/core";
+import { useRef as r } from "react";
 //#region ../components/src/popover/use-popover.ts
-var r = 0, i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
+var i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
 function a(a = {}) {
-	let o = n(`--cascivo-popover-${++r}`).current, s = n(null), c = n(null), l = e(a.open ?? !1);
+	let o = `--${e("cascivo-popover")}`, s = r(null), c = r(null), l = t(a.open ?? !1);
 	a.open !== void 0 && (l.value = a.open);
-	let u = n(a.onOpenChange);
+	let u = r(a.onOpenChange);
 	u.current = a.onOpenChange;
-	let d = n(a.placement);
+	let d = r(a.placement);
 	d.current = a.placement;
-	let f = n(a.offset);
-	return f.current = a.offset, t(() => {
+	let f = r(a.offset);
+	return f.current = a.offset, n(() => {
 		let e = l.value;
 		u.current?.(e);
 		let t = c.current;
@@ -30,7 +30,7 @@ function a(a = {}) {
 				r === "bottom" ? (t.style.top = `${n.bottom + i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`) : r === "top" ? (t.style.top = `${n.top - i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`, t.style.transform = "translateY(-100%)") : r === "left" ? (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.left - i + window.scrollX}px`, t.style.transform = "translateX(-100%)") : r === "right" && (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.right + i + window.scrollX}px`);
 			}
 		}
-	}), t(() => {
+	}), n(() => {
 		let e = c.current;
 		if (!e) return;
 		let t = (e) => {

package/dist/node/progress/progress.js

@@ -3,14 +3,15 @@
 import e from "./progress.module.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../components/src/progress/progress.tsx
-function n({ value: n, variant: r = "primary", size: i = "md", className: a, ...o }) {
+function n({ value: n, variant: r = "primary", size: i = "md", className: a, ariaLabel: o, ...s }) {
 	return /* @__PURE__ */ t("progress", {
+		"aria-label": s["aria-label"] ?? o,
 		className: [e.progress, a].filter(Boolean).join(" "),
 		"data-variant": r,
 		"data-size": i,
 		value: n,
 		max: n === void 0 ? void 0 : 100,
-		...o
+		...s
 	});
 }
 //#endregion