@studiolxd/brand 41.1.0 → 43.0.0

package/dist/input-phone.js

@@ -1,72 +1,73 @@
 'use client';
 import './input-phone.css';
-import { Icon as e } from "./icon.js";
-import { forwardRef as t, useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Select as a } from "@base-ui/react/select";
-import o, { getCountryCallingCode as s } from "react-phone-number-input";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { forwardRef as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Select as o } from "@base-ui/react/select";
+import s, { getCountryCallingCode as c } from "react-phone-number-input";
 //#region src/stories/atoms/InputPhone/InputPhone.tsx
-function c({ value: t, onChange: n, options: o, disabled: c, size: l = "md", countryLabel: u = "País", internationalLabel: d = "🌐", container: f }) {
-	let p = "__intl__", m = (e) => e ?? p, h = (e) => e === p ? void 0 : e, g = l === "sm" ? "xs" : l === "lg" ? "md" : "sm", _ = ["input-phone__country-content", l === "md" ? "" : `input-phone__country-content--${l}`].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i(a.Root, {
-		value: m(t),
-		onValueChange: (e) => n(h(e)),
-		disabled: c,
-		children: [/* @__PURE__ */ i(a.Trigger, {
+function l({ value: n, onChange: r, options: s, disabled: l, size: u = "md", countryLabel: d, internationalLabel: f = "🌐", container: p }) {
+	let m = e("inputPhone"), h = "__intl__", g = (e) => e ?? h, _ = (e) => e === h ? void 0 : e, v = u === "sm" ? "xs" : u === "lg" ? "md" : "sm", y = ["input-phone__country-content", u === "md" ? "" : `input-phone__country-content--${u}`].filter(Boolean).join(" ");
+	return /* @__PURE__ */ a(o.Root, {
+		value: g(n),
+		onValueChange: (e) => r(_(e)),
+		disabled: l,
+		children: [/* @__PURE__ */ a(o.Trigger, {
 			className: "input-phone__country",
-			"aria-label": u,
-			children: [/* @__PURE__ */ r(a.Value, { children: t ? `+${s(t)}` : d }), /* @__PURE__ */ r(e, {
+			"aria-label": m("country", d),
+			children: [/* @__PURE__ */ i(o.Value, { children: n ? `+${c(n)}` : f }), /* @__PURE__ */ i(t, {
 				name: "chevron",
 				className: "input-phone__country-icon",
-				size: g
+				size: v
 			})]
-		}), /* @__PURE__ */ r(a.Portal, {
-			container: f,
-			children: /* @__PURE__ */ r(a.Positioner, {
+		}), /* @__PURE__ */ i(o.Portal, {
+			container: p,
+			children: /* @__PURE__ */ i(o.Positioner, {
 				className: "input-phone__country-positioner",
 				side: "bottom",
 				align: "start",
 				alignItemWithTrigger: !1,
-				children: /* @__PURE__ */ r(a.Popup, {
-					className: _,
-					children: o.map(({ value: e, label: t }) => /* @__PURE__ */ r(a.Item, {
-						value: m(e),
+				children: /* @__PURE__ */ i(o.Popup, {
+					className: y,
+					children: s.map(({ value: e, label: t }) => /* @__PURE__ */ i(o.Item, {
+						value: g(e),
 						className: "input-phone__country-item",
-						children: /* @__PURE__ */ r(a.ItemText, { children: t })
-					}, m(e)))
+						children: /* @__PURE__ */ i(o.ItemText, { children: t })
+					}, g(e)))
 				})
 			})
 		})]
 	});
 }
-var l = t(function({ value: e, defaultCountry: i = "ES", placeholder: a, disabled: s, error: l = !1, size: d = "md", id: f, name: p, describedBy: m, "aria-describedby": h, "aria-label": g, autoComplete: _, required: v, readOnly: y, onChange: b, onBlur: x, onFocus: S, countryLabel: C, internationalLabel: w, container: T }, E) {
-	return /* @__PURE__ */ r(o, {
+var u = n(function({ value: e, defaultCountry: t = "ES", placeholder: a, disabled: o, error: c = !1, size: u = "md", id: f, name: p, describedBy: m, "aria-describedby": h, "aria-label": g, autoComplete: _, required: v, readOnly: y, onChange: b, onBlur: x, onFocus: S, countryLabel: C, internationalLabel: w, container: T }, E) {
+	return /* @__PURE__ */ i(s, {
 		className: [
 			"input-phone",
-			l ? "input-phone--error" : "",
-			d === "md" ? "" : `input-phone--${d}`
+			c ? "input-phone--error" : "",
+			u === "md" ? "" : `input-phone--${u}`
 		].filter(Boolean).join(" "),
 		value: e,
-		defaultCountry: i,
+		defaultCountry: t,
 		placeholder: a,
-		disabled: s,
+		disabled: o,
 		readOnly: y,
 		required: v,
 		autoComplete: _,
 		id: f,
 		name: p,
-		inputComponent: n(() => t(function(e, t) {
-			return /* @__PURE__ */ r("input", {
+		inputComponent: r(() => n(function(e, t) {
+			return /* @__PURE__ */ i("input", {
 				...e,
 				ref: (e) => {
-					u(t, e), u(E, e);
+					d(t, e), d(E, e);
 				},
 				className: "input-phone__number"
 			});
 		}), [E]),
-		countrySelectComponent: c,
+		countrySelectComponent: l,
 		countrySelectProps: {
-			size: d,
+			size: u,
 			countryLabel: C,
 			internationalLabel: w,
 			container: T
@@ -77,12 +78,12 @@ var l = t(function({ value: e, defaultCountry: i = "ES", placeholder: a, disable
 		numberInputProps: {
 			"aria-describedby": h ?? m,
 			"aria-label": g,
-			"aria-invalid": l || void 0
+			"aria-invalid": c || void 0
 		}
 	});
 });
-function u(e, t) {
+function d(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
 //#endregion
-export { l as InputPhone };
+export { u as InputPhone };

package/dist/multi-select.js

@@ -1,166 +1,167 @@
 'use client';
 import './multi-select.css';
-import { Icon as e } from "./icon.js";
-import { forwardRef as t, useEffect as n, useId as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Popover as c } from "@base-ui/react/popover";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { forwardRef as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Popover as l } from "@base-ui/react/popover";
 //#region src/stories/atoms/MultiSelect/MultiSelect.tsx
-function l(e, t) {
+function u(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-var u = 500, d = t(function({ options: t, value: d, defaultValue: f = [], placeholder: p = "Seleccionar…", disabled: m, readOnly: h, size: g = "md", onValueChange: _, id: v, name: y, error: b = !1, onBlur: x, className: S, "aria-label": C, "aria-labelledby": w, "aria-describedby": T, removeLabel: E = (e) => `Quitar ${e}`, container: D }, O) {
-	let [k, A] = a(!1), [j, M] = a(f), [N, P] = a(-1), F = i(null), I = i(null), L = r(), R = r(), z = i(""), B = i(0), V = d === void 0 ? j : d, H = (e) => `${R}-opt-${e}`;
-	function U(e) {
-		let t = V.includes(e) ? V.filter((t) => t !== e) : [...V, e];
-		d === void 0 && M(t), _?.(t);
+var d = 500, f = n(function({ options: n, value: f, defaultValue: p = [], placeholder: m, disabled: h, readOnly: g, size: _ = "md", onValueChange: v, id: y, name: b, error: x = !1, onBlur: S, className: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, removeLabel: D, container: O }, k) {
+	let A = e("multiSelect"), [j, M] = o(!1), [N, P] = o(p), [F, I] = o(-1), L = a(null), R = a(null), z = i(), B = i(), V = a(""), H = a(0), U = f === void 0 ? N : f, W = (e) => `${B}-opt-${e}`;
+	function G(e) {
+		let t = U.includes(e) ? U.filter((t) => t !== e) : [...U, e];
+		f === void 0 && P(t), v?.(t);
 	}
-	function W(e) {
-		m || h || (A(!0), P(t.length === 0 ? -1 : e));
+	function K(e) {
+		h || g || (M(!0), I(n.length === 0 ? -1 : e));
 	}
-	function G() {
-		A(!1), P(-1), z.current = "";
+	function q() {
+		M(!1), I(-1), V.current = "";
 	}
-	function K(e, t) {
+	function J(e, t) {
 		if (!e) {
 			if (t.reason === "outside-press") {
 				let e = t.event?.target;
-				if (e instanceof Node && F.current?.contains(e)) return;
+				if (e instanceof Node && L.current?.contains(e)) return;
 			}
-			G();
+			q();
 		}
 	}
-	function q(e) {
-		if (t.length === 0) return;
-		let n = Date.now(), r = n - B.current > u ? e : z.current + e;
-		z.current = r, B.current = n;
-		let i = r.length === 1 ? N + 1 : Math.max(N, 0), a = r.toLowerCase();
-		for (let e = 0; e < t.length; e++) {
-			let n = (i + e) % t.length;
-			if (t[n].label.toLowerCase().startsWith(a)) {
-				P(n), k || A(!0);
+	function Y(e) {
+		if (n.length === 0) return;
+		let t = Date.now(), r = t - H.current > d ? e : V.current + e;
+		V.current = r, H.current = t;
+		let i = r.length === 1 ? F + 1 : Math.max(F, 0), a = r.toLowerCase();
+		for (let e = 0; e < n.length; e++) {
+			let t = (i + e) % n.length;
+			if (n[t].label.toLowerCase().startsWith(a)) {
+				I(t), j || M(!0);
 				return;
 			}
 		}
 	}
-	function J(e) {
-		if (m || h) return;
-		let n = t.length - 1;
-		if (e.key === "ArrowDown") e.preventDefault(), k ? P((e) => Math.min(e + 1, n)) : W(0);
-		else if (e.key === "ArrowUp") e.preventDefault(), k ? P((e) => Math.max(e - 1, 0)) : W(n);
-		else if (e.key === "Home") e.preventDefault(), k ? P(t.length === 0 ? -1 : 0) : W(0);
-		else if (e.key === "End") e.preventDefault(), k ? P(n) : W(n);
-		else if (e.key === "Enter" || e.key === " ") e.preventDefault(), k ? N >= 0 && N < t.length && U(t[N].value) : W(0);
+	function X(e) {
+		if (h || g) return;
+		let t = n.length - 1;
+		if (e.key === "ArrowDown") e.preventDefault(), j ? I((e) => Math.min(e + 1, t)) : K(0);
+		else if (e.key === "ArrowUp") e.preventDefault(), j ? I((e) => Math.max(e - 1, 0)) : K(t);
+		else if (e.key === "Home") e.preventDefault(), j ? I(n.length === 0 ? -1 : 0) : K(0);
+		else if (e.key === "End") e.preventDefault(), j ? I(t) : K(t);
+		else if (e.key === "Enter" || e.key === " ") e.preventDefault(), j ? F >= 0 && F < n.length && G(n[F].value) : K(0);
 		else if (e.key === "Escape") {
-			if (!k) return;
-			e.preventDefault(), G();
-		} else e.key === "Tab" ? k && G() : e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), q(e.key));
+			if (!j) return;
+			e.preventDefault(), q();
+		} else e.key === "Tab" ? j && q() : e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), Y(e.key));
 	}
-	function Y(e) {
-		m || h || e.target instanceof Element && e.target.closest(".multi-select__pill-remove") || (e.preventDefault(), I.current?.focus(), k ? G() : W(0));
+	function Z(e) {
+		h || g || e.target instanceof Element && e.target.closest(".multi-select__pill-remove") || (e.preventDefault(), R.current?.focus(), j ? q() : K(0));
 	}
-	n(() => {
-		!k || N < 0 || document.getElementById(H(N))?.scrollIntoView({ block: "nearest" });
+	r(() => {
+		!j || F < 0 || document.getElementById(W(F))?.scrollIntoView({ block: "nearest" });
 	}, [
-		k,
-		N,
-		R
+		j,
+		F,
+		B
 	]);
-	let X = [
+	let Q = [
 		"multi-select",
-		g === "md" ? "" : `multi-select--${g}`,
-		m ? "multi-select--disabled" : "",
-		b ? "multi-select--error" : "",
-		S ?? ""
-	].filter(Boolean).join(" "), Z = ["multi-select__content", g === "md" ? "" : `multi-select__content--${g}`].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(c.Root, {
-		open: k,
-		onOpenChange: K,
-		children: [/* @__PURE__ */ s("div", {
-			ref: F,
-			className: X,
-			"data-popup-open": k || void 0,
-			onPointerDown: Y,
+		_ === "md" ? "" : `multi-select--${_}`,
+		h ? "multi-select--disabled" : "",
+		x ? "multi-select--error" : "",
+		C ?? ""
+	].filter(Boolean).join(" "), $ = ["multi-select__content", _ === "md" ? "" : `multi-select__content--${_}`].filter(Boolean).join(" ");
+	return /* @__PURE__ */ c(l.Root, {
+		open: j,
+		onOpenChange: J,
+		children: [/* @__PURE__ */ c("div", {
+			ref: L,
+			className: Q,
+			"data-popup-open": j || void 0,
+			onPointerDown: Z,
 			children: [
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "multi-select__values",
-					children: [V.map((n) => {
-						let r = t.find((e) => e.value === n);
-						return r ? /* @__PURE__ */ s("span", {
+					children: [U.map((e) => {
+						let r = n.find((t) => t.value === e);
+						return r ? /* @__PURE__ */ c("span", {
 							className: "multi-select__pill",
-							children: [/* @__PURE__ */ o("span", {
+							children: [/* @__PURE__ */ s("span", {
 								className: "multi-select__pill-label",
 								children: r.label
-							}), !m && !h && /* @__PURE__ */ o("button", {
+							}), !h && !g && /* @__PURE__ */ s("button", {
 								type: "button",
 								className: "multi-select__pill-remove",
-								"aria-label": E(r.label),
+								"aria-label": A("remove", D)(r.label),
 								tabIndex: -1,
-								onClick: (e) => {
-									e.stopPropagation(), U(n), I.current?.focus();
+								onClick: (t) => {
+									t.stopPropagation(), G(e), R.current?.focus();
 								},
-								children: /* @__PURE__ */ o(e, {
+								children: /* @__PURE__ */ s(t, {
 									name: "close",
 									size: "xs"
 								})
 							})]
-						}, n) : null;
-					}), /* @__PURE__ */ o("div", {
+						}, e) : null;
+					}), /* @__PURE__ */ s("div", {
 						ref: (e) => {
-							I.current = e, l(O, e);
+							R.current = e, u(k, e);
 						},
 						className: "multi-select__combobox",
-						tabIndex: m ? -1 : 0,
+						tabIndex: h ? -1 : 0,
 						role: "combobox",
-						"aria-expanded": k,
+						"aria-expanded": j,
 						"aria-haspopup": "listbox",
-						"aria-controls": k ? L : void 0,
-						"aria-activedescendant": k && N >= 0 ? H(N) : void 0,
-						"aria-label": w ? void 0 : C ?? p,
-						"aria-labelledby": w,
-						"aria-describedby": T,
-						"aria-invalid": b || void 0,
-						"aria-disabled": m || void 0,
-						"aria-readonly": h || void 0,
-						id: v,
-						onKeyDown: J,
-						onBlur: x,
-						children: V.length === 0 && /* @__PURE__ */ o("span", {
+						"aria-controls": j ? z : void 0,
+						"aria-activedescendant": j && F >= 0 ? W(F) : void 0,
+						"aria-label": T ? void 0 : w ?? A("placeholder", m),
+						"aria-labelledby": T,
+						"aria-describedby": E,
+						"aria-invalid": x || void 0,
+						"aria-disabled": h || void 0,
+						"aria-readonly": g || void 0,
+						id: y,
+						onKeyDown: X,
+						onBlur: S,
+						children: U.length === 0 && /* @__PURE__ */ s("span", {
 							className: "multi-select__placeholder",
-							children: p
+							children: A("placeholder", m)
 						})
 					})]
 				}),
-				/* @__PURE__ */ o(e, {
+				/* @__PURE__ */ s(t, {
 					name: "chevron",
 					className: "multi-select__icon",
-					size: g === "sm" ? "xs" : g === "lg" ? "md" : "sm"
+					size: _ === "sm" ? "xs" : _ === "lg" ? "md" : "sm"
 				}),
-				y && V.map((e) => /* @__PURE__ */ o("input", {
+				b && U.map((e) => /* @__PURE__ */ s("input", {
 					type: "hidden",
-					name: y,
+					name: b,
 					value: e
 				}, e))
 			]
-		}), /* @__PURE__ */ o(c.Portal, {
-			container: D,
-			children: /* @__PURE__ */ o(c.Positioner, {
+		}), /* @__PURE__ */ s(l.Portal, {
+			container: O,
+			children: /* @__PURE__ */ s(l.Positioner, {
 				className: "multi-select__positioner",
-				anchor: F,
+				anchor: L,
 				align: "start",
 				sideOffset: -1,
-				children: /* @__PURE__ */ o(c.Popup, {
-					className: Z,
+				children: /* @__PURE__ */ s(l.Popup, {
+					className: $,
 					initialFocus: !1,
 					finalFocus: !1,
-					children: /* @__PURE__ */ o("div", {
+					children: /* @__PURE__ */ s("div", {
 						role: "listbox",
 						"aria-multiselectable": "true",
-						"aria-label": C ?? p,
-						id: L,
-						children: t.map((e, t) => {
-							let n = V.includes(e.value), r = N === t;
-							return /* @__PURE__ */ s("div", {
-								id: H(t),
+						"aria-label": w ?? m,
+						id: z,
+						children: n.map((e, t) => {
+							let n = U.includes(e.value), r = F === t;
+							return /* @__PURE__ */ c("div", {
+								id: W(t),
 								role: "option",
 								"aria-selected": n,
 								"aria-label": e["aria-label"] ?? e.label,
@@ -173,13 +174,13 @@ var u = 500, d = t(function({ options: t, value: d, defaultValue: f = [], placeh
 									e.preventDefault(), e.stopPropagation();
 								},
 								onClick: () => {
-									U(e.value), P(t), I.current?.focus();
+									G(e.value), I(t), R.current?.focus();
 								},
-								children: [/* @__PURE__ */ o("span", {
+								children: [/* @__PURE__ */ s("span", {
 									className: "multi-select__item-check",
 									"aria-hidden": "true",
-									children: /* @__PURE__ */ o("span", { className: "multi-select__item-check-mark" })
-								}), /* @__PURE__ */ o("span", { children: e.label })]
+									children: /* @__PURE__ */ s("span", { className: "multi-select__item-check-mark" })
+								}), /* @__PURE__ */ s("span", { children: e.label })]
 							}, e.value);
 						})
 					})
@@ -189,4 +190,4 @@ var u = 500, d = t(function({ options: t, value: d, defaultValue: f = [], placeh
 	});
 });
 //#endregion
-export { d as MultiSelect };
+export { f as MultiSelect };

package/dist/number-input.js

@@ -1,83 +1,84 @@
 'use client';
 import './number-input.css';
-import { Icon as e } from "./icon.js";
-import { forwardRef as t, useCallback as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { forwardRef as n, useCallback as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/atoms/NumberInput/NumberInput.tsx
-var o = t(function({ value: t, defaultValue: o = 0, min: s, max: c, step: l = 1, decimal: u = !1, disabled: d = !1, readOnly: f = !1, size: p = "md", error: m = !1, id: h, name: g, describedBy: _, ariaLabel: v, decrementLabel: y = "Decrementar", incrementLabel: b = "Incrementar", className: x, onChange: S, onBlur: C, onFocus: w, ...T }, E) {
-	let D = t !== void 0, [O, k] = r(o), [A, j] = r(!1), [M, N] = r(null), P = D ? t : O, F = M === null ? String(P) : M, I = n((e) => {
+var s = n(function({ value: n, defaultValue: s = 0, min: c, max: l, step: u = 1, decimal: d = !1, disabled: f = !1, readOnly: p = !1, size: m = "md", error: h = !1, id: g, name: _, describedBy: v, ariaLabel: y, decrementLabel: b, incrementLabel: x, className: S, onChange: C, onBlur: w, onFocus: T, ...E }, D) {
+	let O = e("numberInput"), k = n !== void 0, [A, j] = i(s), [M, N] = i(!1), [P, F] = i(null), I = k ? n : A, L = P === null ? String(I) : P, R = r((e) => {
 		let t = e;
-		return s !== void 0 && (t = Math.max(s, t)), c !== void 0 && (t = Math.min(c, t)), t;
-	}, [s, c]), L = n((e) => {
-		let t = I(e);
-		D || k(t), S?.(t);
+		return c !== void 0 && (t = Math.max(c, t)), l !== void 0 && (t = Math.min(l, t)), t;
+	}, [c, l]), z = r((e) => {
+		let t = R(e);
+		k || j(t), C?.(t);
 	}, [
-		I,
-		D,
-		S
-	]), R = () => {
-		d || f || (N(null), L(P - l));
-	}, z = () => {
-		d || f || (N(null), L(P + l));
-	}, B = (e) => {
-		let t = e.target.value;
-		N(t);
-		let n = u ? t.replace(",", ".") : t, r = parseFloat(n);
-		isNaN(r) || L(r);
-	}, V = (e) => {
-		j(!0), w?.(e);
+		R,
+		k,
+		C
+	]), B = () => {
+		f || p || (F(null), z(I - u));
+	}, V = () => {
+		f || p || (F(null), z(I + u));
 	}, H = (e) => {
-		j(!1), N(null), C?.(e);
-	}, U = [
+		let t = e.target.value;
+		F(t);
+		let n = d ? t.replace(",", ".") : t, r = parseFloat(n);
+		isNaN(r) || z(r);
+	}, U = (e) => {
+		N(!0), T?.(e);
+	}, W = (e) => {
+		N(!1), F(null), w?.(e);
+	}, G = [
 		"number-input",
-		p === "md" ? "" : `number-input--${p}`,
-		m ? "number-input--error" : "",
-		d ? "number-input--disabled" : "",
-		A ? "number-input--focused" : "",
-		x ?? ""
-	].filter(Boolean).join(" "), W = d || f || s !== void 0 && P <= s, G = d || f || c !== void 0 && P >= c;
-	return /* @__PURE__ */ a("div", {
-		className: U,
+		m === "md" ? "" : `number-input--${m}`,
+		h ? "number-input--error" : "",
+		f ? "number-input--disabled" : "",
+		M ? "number-input--focused" : "",
+		S ?? ""
+	].filter(Boolean).join(" "), K = f || p || c !== void 0 && I <= c, q = f || p || l !== void 0 && I >= l;
+	return /* @__PURE__ */ o("div", {
+		className: G,
 		children: [
-			/* @__PURE__ */ i("button", {
+			/* @__PURE__ */ a("button", {
 				className: "number-input__btn number-input__btn--decrement",
 				type: "button",
-				onClick: R,
-				disabled: W,
-				"aria-label": y,
+				onClick: B,
+				disabled: K,
+				"aria-label": O("decrement", b),
 				tabIndex: -1,
-				children: /* @__PURE__ */ i(e, {
+				children: /* @__PURE__ */ a(t, {
 					name: "minus",
 					size: "sm"
 				})
 			}),
-			/* @__PURE__ */ i("input", {
-				ref: E,
+			/* @__PURE__ */ a("input", {
+				ref: D,
 				className: "number-input__field",
 				type: "text",
-				inputMode: u ? "decimal" : "numeric",
-				pattern: u ? "[0-9]*[.,]?[0-9]*" : "[0-9]*",
-				"aria-invalid": m || void 0,
-				"aria-describedby": _,
-				"aria-label": v,
-				...T,
-				id: h,
-				name: g,
-				value: F,
-				disabled: d,
-				readOnly: f,
-				onChange: B,
-				onFocus: V,
-				onBlur: H
+				inputMode: d ? "decimal" : "numeric",
+				pattern: d ? "[0-9]*[.,]?[0-9]*" : "[0-9]*",
+				"aria-invalid": h || void 0,
+				"aria-describedby": v,
+				"aria-label": y,
+				...E,
+				id: g,
+				name: _,
+				value: L,
+				disabled: f,
+				readOnly: p,
+				onChange: H,
+				onFocus: U,
+				onBlur: W
 			}),
-			/* @__PURE__ */ i("button", {
+			/* @__PURE__ */ a("button", {
 				className: "number-input__btn number-input__btn--increment",
 				type: "button",
-				onClick: z,
-				disabled: G,
-				"aria-label": b,
+				onClick: V,
+				disabled: q,
+				"aria-label": O("increment", x),
 				tabIndex: -1,
-				children: /* @__PURE__ */ i(e, {
+				children: /* @__PURE__ */ a(t, {
 					name: "plus",
 					size: "sm"
 				})
@@ -86,4 +87,4 @@ var o = t(function({ value: t, defaultValue: o = 0, min: s, max: c, step: l = 1,
 	});
 });
 //#endregion
-export { o as NumberInput };
+export { s as NumberInput };