@studiolxd/brand 41.1.0 → 42.0.0

package/dist/otp-input.js

@@ -1,115 +1,116 @@
 'use client';
 import './otp-input.css';
-import { Input as e } from "./input.js";
-import { forwardRef as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Input as t } from "./input.js";
+import { forwardRef as n, useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/atoms/OtpInput/OtpInput.tsx
-var c = t(function({ length: t, value: c, defaultValue: l, onChange: u, onComplete: d, disabled: f, readOnly: p, error: m = !1, size: h = "md", describedBy: g, "aria-describedby": _, "aria-label": v, "aria-labelledby": y, groupLabel: b = "Código de verificación", id: x, name: S, onBlur: C, className: w, digitLabel: T = (e, t) => `Dígito ${e} de ${t}` }, E) {
-	let D = c !== void 0, [O, k] = a(() => {
-		let e = l ?? "";
-		return Array.from({ length: t }, (t, n) => e[n] ?? "");
-	}), A = i(null), j = D ? Array.from({ length: t }, (e, t) => c[t] ?? "") : O;
-	r(() => {
-		if (D) return;
-		let e = A.current?.closest("form");
+var l = n(function({ length: n, value: l, defaultValue: u, onChange: d, onComplete: f, disabled: p, readOnly: m, error: h = !1, size: g = "md", describedBy: _, "aria-describedby": v, "aria-label": y, "aria-labelledby": b, groupLabel: x, id: S, name: C, onBlur: w, className: T, digitLabel: E }, D) {
+	let O = e("otpInput"), k = l !== void 0, [A, j] = o(() => {
+		let e = u ?? "";
+		return Array.from({ length: n }, (t, n) => e[n] ?? "");
+	}), M = a(null), N = k ? Array.from({ length: n }, (e, t) => l[t] ?? "") : A;
+	i(() => {
+		if (k) return;
+		let e = M.current?.closest("form");
 		if (!e) return;
-		let n = () => {
-			let e = l ?? "";
-			k(Array.from({ length: t }, (t, n) => e[n] ?? ""));
+		let t = () => {
+			let e = u ?? "";
+			j(Array.from({ length: n }, (t, n) => e[n] ?? ""));
 		};
-		return e.addEventListener("reset", n), () => e.removeEventListener("reset", n);
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
 	}, [
-		D,
-		l,
-		t
+		k,
+		u,
+		n
 	]);
-	let M = n((e) => {
-		let t = A.current?.querySelectorAll("input");
+	let P = r((e) => {
+		let t = M.current?.querySelectorAll("input");
 		t?.[e] && t[e].focus();
-	}, []), N = n((e) => {
-		D || k(e);
-		let n = e.join("");
-		u?.(n), e.length === t && e.every((e) => e !== "") && d?.(n);
+	}, []), F = r((e) => {
+		k || j(e);
+		let t = e.join("");
+		d?.(t), e.length === n && e.every((e) => e !== "") && f?.(t);
 	}, [
-		D,
-		t,
-		u,
-		d
-	]), P = n((e) => (n) => {
-		let r = n.target.value.replace(/\D/g, "").slice(-1);
+		k,
+		n,
+		d,
+		f
+	]), I = r((e) => (t) => {
+		let r = t.target.value.replace(/\D/g, "").slice(-1);
 		if (!r) return;
-		let i = [...j];
-		i[e] = r, N(i), e < t - 1 && M(e + 1);
+		let i = [...N];
+		i[e] = r, F(i), e < n - 1 && P(e + 1);
 	}, [
-		j,
-		t,
-		M,
-		N
-	]), F = n((e) => (n) => {
-		if (n.key === "Backspace") {
-			n.preventDefault();
-			let t = [...j];
-			t[e] === "" ? e > 0 && (t[e - 1] = "", N(t), M(e - 1)) : (t[e] = "", N(t));
-		} else n.key === "ArrowLeft" ? (n.preventDefault(), e > 0 && M(e - 1)) : n.key === "ArrowRight" && (n.preventDefault(), e < t - 1 && M(e + 1));
+		N,
+		n,
+		P,
+		F
+	]), L = r((e) => (t) => {
+		if (t.key === "Backspace") {
+			t.preventDefault();
+			let n = [...N];
+			n[e] === "" ? e > 0 && (n[e - 1] = "", F(n), P(e - 1)) : (n[e] = "", F(n));
+		} else t.key === "ArrowLeft" ? (t.preventDefault(), e > 0 && P(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), e < n - 1 && P(e + 1));
 	}, [
-		j,
-		t,
-		M,
-		N
-	]), I = n((e) => (n) => {
-		n.preventDefault();
-		let r = n.clipboardData.getData("text").replace(/\D/g, "");
+		N,
+		n,
+		P,
+		F
+	]), R = r((e) => (t) => {
+		t.preventDefault();
+		let r = t.clipboardData.getData("text").replace(/\D/g, "");
 		if (!r) return;
-		let i = [...j], a = e;
-		for (let n = 0; n < r.length && e + n < t; n++) i[e + n] = r[n], a = e + n;
-		N(i), M(Math.min(a + 1, t - 1));
+		let i = [...N], a = e;
+		for (let t = 0; t < r.length && e + t < n; t++) i[e + t] = r[t], a = e + t;
+		F(i), P(Math.min(a + 1, n - 1));
 	}, [
-		j,
-		t,
-		M,
-		N
+		N,
+		n,
+		P,
+		F
 	]);
-	return /* @__PURE__ */ s("div", {
-		ref: A,
+	return /* @__PURE__ */ c("div", {
+		ref: M,
 		role: "group",
-		"aria-label": y ? void 0 : v ?? b,
-		"aria-labelledby": y,
-		"aria-describedby": g ?? _,
-		"aria-invalid": m || void 0,
+		"aria-label": b ? void 0 : y ?? O("group", x),
+		"aria-labelledby": b,
+		"aria-describedby": _ ?? v,
+		"aria-invalid": h || void 0,
 		className: [
 			"otp-input",
-			h === "md" ? "" : `otp-input--${h}`,
-			m ? "otp-input--error" : "",
-			f ? "otp-input--disabled" : "",
-			w ?? ""
+			g === "md" ? "" : `otp-input--${g}`,
+			h ? "otp-input--error" : "",
+			p ? "otp-input--disabled" : "",
+			T ?? ""
 		].filter(Boolean).join(" "),
-		children: [Array.from({ length: t }, (n, r) => /* @__PURE__ */ o(e, {
+		children: [Array.from({ length: n }, (e, r) => /* @__PURE__ */ s(t, {
 			className: "otp-input__cell",
-			ref: r === 0 ? E : void 0,
-			id: x ? `${x}-${r}` : void 0,
-			name: S ? `${S}-${r}` : void 0,
+			ref: r === 0 ? D : void 0,
+			id: S ? `${S}-${r}` : void 0,
+			name: C ? `${C}-${r}` : void 0,
 			type: "text",
-			size: h,
-			error: m,
-			disabled: f,
-			readOnly: p,
-			"aria-describedby": r === 0 ? g ?? _ : void 0,
+			size: g,
+			error: h,
+			disabled: p,
+			readOnly: m,
+			"aria-describedby": r === 0 ? _ ?? v : void 0,
 			inputMode: "numeric",
 			pattern: "\\d*",
 			maxLength: 1,
 			autoComplete: r === 0 ? "one-time-code" : "off",
-			"aria-label": T(r + 1, t),
-			value: j[r],
-			onChange: P(r),
-			onKeyDown: F(r),
-			onPaste: I(r),
-			onBlur: C
-		}, r)), S && /* @__PURE__ */ o("input", {
+			"aria-label": O("digit", E)(r + 1, n),
+			value: N[r],
+			onChange: I(r),
+			onKeyDown: L(r),
+			onPaste: R(r),
+			onBlur: w
+		}, r)), C && /* @__PURE__ */ s("input", {
 			type: "hidden",
-			name: S,
-			value: j.join("")
+			name: C,
+			value: N.join("")
 		})]
 	});
 });
 //#endregion
-export { c as OtpInput };
+export { l as OtpInput };

package/dist/password-field.js

@@ -1,65 +1,66 @@
 'use client';
 import './password-field.css';
-import { Icon as e } from "./icon.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { n } from "./_shared/form-size.js";
-import { ErrorText as r } from "./error-text.js";
-import { Input as i } from "./input.js";
-import { Label as a } from "./label.js";
-import { forwardRef as o, useId as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { VisuallyHidden as n } from "./visually-hidden.js";
+import { n as r } from "./_shared/form-size.js";
+import { ErrorText as i } from "./error-text.js";
+import { Input as a } from "./input.js";
+import { Label as o } from "./label.js";
+import { forwardRef as s, useId as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/stories/molecules/PasswordField/PasswordField.tsx
-var d = o(function({ label: o, labelHidden: d = !0, error: f = !1, errorMessage: p, helperText: m, action: h, size: g, showPasswordLabel: _ = "Mostrar contraseña", hidePasswordLabel: v = "Ocultar contraseña", className: y, id: b, disabled: x, placeholder: S, ...C }, w) {
-	let T = n(g), E = s(), D = b ?? E, [O, k] = c(!1), A = p ? `${D}-error` : void 0, j = m ? `${D}-helper` : void 0, M = [A, j].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ u("div", {
-		className: ["password-field", y ?? ""].filter(Boolean).join(" "),
+var f = s(function({ label: s, labelHidden: f = !0, error: p = !1, errorMessage: m, helperText: h, action: g, size: _, showPasswordLabel: v, hidePasswordLabel: y, className: b, id: x, disabled: S, placeholder: C, ...w }, T) {
+	let E = e("passwordField"), D = r(_), O = c(), k = x ?? O, [A, j] = l(!1), M = m ? `${k}-error` : void 0, N = h ? `${k}-helper` : void 0, P = [M, N].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ d("div", {
+		className: ["password-field", b ?? ""].filter(Boolean).join(" "),
 		children: [
-			o && /* @__PURE__ */ l(a, {
-				htmlFor: D,
-				hidden: d,
-				size: T,
-				children: o
+			s && /* @__PURE__ */ u(o, {
+				htmlFor: k,
+				hidden: f,
+				size: D,
+				children: s
 			}),
-			/* @__PURE__ */ u("div", {
-				className: ["password-field__wrapper", T === "md" ? "" : `password-field__wrapper--${T}`].filter(Boolean).join(" "),
-				children: [/* @__PURE__ */ l(i, {
-					ref: w,
-					id: D,
-					size: T,
-					error: f || !!p,
-					placeholder: S ?? (o && d ? o : void 0),
-					"aria-describedby": M,
-					...C,
-					type: O ? "text" : "password",
-					disabled: x
-				}), /* @__PURE__ */ u("button", {
+			/* @__PURE__ */ d("div", {
+				className: ["password-field__wrapper", D === "md" ? "" : `password-field__wrapper--${D}`].filter(Boolean).join(" "),
+				children: [/* @__PURE__ */ u(a, {
+					ref: T,
+					id: k,
+					size: D,
+					error: p || !!m,
+					placeholder: C ?? (s && f ? s : void 0),
+					"aria-describedby": P,
+					...w,
+					type: A ? "text" : "password",
+					disabled: S
+				}), /* @__PURE__ */ d("button", {
 					type: "button",
 					className: "password-field__toggle",
-					onClick: () => k((e) => !e),
-					disabled: x,
-					"aria-controls": D,
-					"aria-pressed": O,
-					children: [/* @__PURE__ */ l(t, { children: O ? v : _ }), /* @__PURE__ */ l(e, {
-						name: O ? "eye-off" : "eye",
+					onClick: () => j((e) => !e),
+					disabled: S,
+					"aria-controls": k,
+					"aria-pressed": A,
+					children: [/* @__PURE__ */ u(n, { children: A ? E("hide", y) : E("show", v) }), /* @__PURE__ */ u(t, {
+						name: A ? "eye-off" : "eye",
 						className: "password-field__icon"
 					})]
 				})]
 			}),
-			p && /* @__PURE__ */ l(r, {
-				id: A,
-				children: p
+			m && /* @__PURE__ */ u(i, {
+				id: M,
+				children: m
 			}),
-			m && /* @__PURE__ */ l("span", {
-				id: j,
+			h && /* @__PURE__ */ u("span", {
+				id: N,
 				className: "password-field__helper",
-				children: m
+				children: h
 			}),
-			h && /* @__PURE__ */ l("div", {
+			g && /* @__PURE__ */ u("div", {
 				className: "password-field__action",
-				children: h
+				children: g
 			})
 		]
 	});
 });
 //#endregion
-export { d as PasswordField };
+export { f as PasswordField };

package/dist/search-form.js

@@ -1,50 +1,51 @@
 'use client';
 import './search-form.css';
-import { Icon as e } from "./icon.js";
-import { n as t } from "./_shared/form-size.js";
-import { InputField as n } from "./input-field.js";
-import { forwardRef as r, useId as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { n } from "./_shared/form-size.js";
+import { InputField as r } from "./input-field.js";
+import { forwardRef as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/molecules/SearchForm/SearchForm.tsx
-var s = r(function({ id: r, name: s = "q", value: c, defaultValue: l, onChange: u, onSubmit: d, action: f, method: p = "get", label: m = "Buscar", labelHidden: h = !0, placeholder: g = "Buscar…", submitLabel: _ = "Buscar", size: v, disabled: y }, b) {
-	let x = t(v === "xl" ? void 0 : v), S = v === "xl" ? "xl" : x, C = S === "xl" ? "lg" : S, w = i(), T = r ?? w;
-	function E(e) {
-		let t = String(new FormData(e.currentTarget).get(s) ?? "").trim();
-		if (d) {
-			e.preventDefault(), t && d(t);
+var c = i(function({ id: i, name: c = "q", value: l, defaultValue: u, onChange: d, onSubmit: f, action: p, method: m = "get", label: h, labelHidden: g = !0, placeholder: _, submitLabel: v, size: y, disabled: b }, x) {
+	let S = e("searchForm"), C = n(y === "xl" ? void 0 : y), w = y === "xl" ? "xl" : C, T = w === "xl" ? "lg" : w, E = a(), D = i ?? E;
+	function O(e) {
+		let t = String(new FormData(e.currentTarget).get(c) ?? "").trim();
+		if (f) {
+			e.preventDefault(), t && f(t);
 			return;
 		}
 		t || e.preventDefault();
 	}
-	return /* @__PURE__ */ o("form", {
-		className: ["search-form", S === "md" ? "" : `search-form--${S}`].filter(Boolean).join(" "),
+	return /* @__PURE__ */ s("form", {
+		className: ["search-form", w === "md" ? "" : `search-form--${w}`].filter(Boolean).join(" "),
 		role: "search",
-		"aria-label": m,
-		action: f,
-		method: p,
-		onSubmit: E,
-		children: [/* @__PURE__ */ a(n, {
-			ref: b,
+		"aria-label": S("label", h),
+		action: p,
+		method: m,
+		onSubmit: O,
+		children: [/* @__PURE__ */ o(r, {
+			ref: x,
 			className: "search-form__field",
-			id: T,
-			name: s,
-			label: m,
-			labelHidden: h,
+			id: D,
+			name: c,
+			label: S("label", h),
+			labelHidden: g,
 			type: "text",
 			autoComplete: "off",
 			enterKeyHint: "search",
-			placeholder: g,
-			value: c,
-			defaultValue: l,
-			disabled: y,
-			size: C,
-			onChange: u
-		}), /* @__PURE__ */ a("button", {
+			placeholder: S("placeholder", _),
+			value: l,
+			defaultValue: u,
+			disabled: b,
+			size: T,
+			onChange: d
+		}), /* @__PURE__ */ o("button", {
 			className: "search-form__submit",
 			type: "submit",
-			disabled: y,
-			"aria-label": _,
-			children: /* @__PURE__ */ a(e, {
+			disabled: b,
+			"aria-label": S("submit", v),
+			children: /* @__PURE__ */ o(t, {
 				name: "arrow",
 				className: "search-form__submit-glyph"
 			})
@@ -52,4 +53,4 @@ var s = r(function({ id: r, name: s = "q", value: c, defaultValue: l, onChange:
 	});
 });
 //#endregion
-export { s as SearchForm };
+export { c as SearchForm };

package/dist/select.js

@@ -1,156 +1,160 @@
 'use client';
 import './select.css';
-import { Icon as e } from "./icon.js";
-import { Children as t, createContext as n, forwardRef as r, isValidElement as i, useContext as a, useMemo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Select as l } from "@base-ui/react/select";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { Children as n, createContext as r, forwardRef as i, isValidElement as a, useContext as o, useMemo as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Select as d } from "@base-ui/react/select";
 //#region src/stories/atoms/Select/Select.tsx
-function u(e) {
+function f(e) {
 	return Array.isArray(e.options);
 }
-var d = n(null);
-function f(e, n) {
-	t.forEach(e, (e) => {
-		if (!i(e)) return;
-		let t = e.props ?? {};
-		if (e.type === v || typeof t.value == "string" && e.type !== p) {
-			typeof t.value == "string" && n.set(t.value, t.children);
+var p = r(null);
+function m(e, t) {
+	n.forEach(e, (e) => {
+		if (!a(e)) return;
+		let n = e.props ?? {};
+		if (e.type === b || typeof n.value == "string" && e.type !== h) {
+			typeof n.value == "string" && t.set(n.value, n.children);
 			return;
 		}
-		t.children != null && f(t.children, n);
+		n.children != null && m(n.children, t);
 	});
 }
-function p({ children: e, onValueChange: t, ...n }) {
-	let r = o(() => {
+function h({ children: e, onValueChange: t, ...n }) {
+	let r = s(() => {
 		let t = /* @__PURE__ */ new Map();
-		return f(e, t), t;
+		return m(e, t), t;
 	}, [e]);
-	return /* @__PURE__ */ s(d.Provider, {
+	return /* @__PURE__ */ l(p.Provider, {
 		value: r,
-		children: /* @__PURE__ */ s(l.Root, {
+		children: /* @__PURE__ */ l(d.Root, {
 			onValueChange: t ? (e) => t(e) : void 0,
 			...n,
 			children: e
 		})
 	});
 }
-var m = r(function({ placeholder: e, children: t, ...n }, r) {
-	let i = a(d);
-	return /* @__PURE__ */ s(l.Value, {
+var g = i(function({ placeholder: e, children: t, ...n }, r) {
+	let i = o(p);
+	return /* @__PURE__ */ l(d.Value, {
 		ref: r,
 		...n,
 		children: (n) => typeof t == "function" ? t(n) : t ?? (n == null || n === "" ? e ?? null : i?.get(n) ?? n)
 	});
-}), h = r(function({ className: e, children: t, ...n }, r) {
+}), _ = i(function({ className: e, children: t, ...n }, r) {
 	let i = ["select__group", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(l.Group, {
+	return /* @__PURE__ */ l(d.Group, {
 		ref: r,
 		className: i,
 		...n,
 		children: t
 	});
-}), g = r(function({ size: t = "md", className: n, children: r, ...i }, a) {
+}), v = i(function({ size: e = "md", className: n, children: r, ...i }, a) {
 	let o = [
 		"select",
-		t === "md" ? "" : `select--${t}`,
+		e === "md" ? "" : `select--${e}`,
 		n ?? ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ c(l.Trigger, {
+	return /* @__PURE__ */ u(d.Trigger, {
 		ref: a,
 		className: o,
 		...i,
-		children: [r, /* @__PURE__ */ s(e, {
+		children: [r, /* @__PURE__ */ l(t, {
 			name: "chevron",
 			className: "select__icon",
-			size: t === "sm" ? "xs" : t === "lg" ? "md" : "sm"
+			size: e === "sm" ? "xs" : e === "lg" ? "md" : "sm"
 		})]
 	});
-}), _ = r(function({ size: e = "md", container: t, className: n, children: r, side: i = "bottom", align: a = "start", sideOffset: o = -1, ...c }, u) {
-	let d = [
+}), y = i(function({ size: e = "md", container: t, className: n, children: r, side: i = "bottom", align: a = "start", sideOffset: o = -1, ...s }, c) {
+	let u = [
 		"select__content",
 		e === "md" ? "" : `select__content--${e}`,
 		n ?? ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(l.Portal, {
+	return /* @__PURE__ */ l(d.Portal, {
 		container: t,
-		children: /* @__PURE__ */ s(l.Positioner, {
+		children: /* @__PURE__ */ l(d.Positioner, {
 			className: "select__positioner",
 			side: i,
 			align: a,
 			sideOffset: o,
 			alignItemWithTrigger: !1,
-			children: /* @__PURE__ */ s(l.Popup, {
-				ref: u,
-				className: d,
-				...c,
+			children: /* @__PURE__ */ l(d.Popup, {
+				ref: c,
+				className: u,
+				...s,
 				children: r
 			})
 		})
 	});
-}), v = r(function({ className: e, children: t, ...n }, r) {
+}), b = i(function({ className: e, children: t, ...n }, r) {
 	let i = ["select__item", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(l.Item, {
+	return /* @__PURE__ */ l(d.Item, {
 		ref: r,
 		className: i,
 		...n,
-		children: /* @__PURE__ */ s(l.ItemText, { children: t })
+		children: /* @__PURE__ */ l(d.ItemText, { children: t })
 	});
-}), y = r(function({ className: e, children: t, ...n }, r) {
+}), x = i(function({ className: e, children: t, ...n }, r) {
 	let i = ["select__label", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(l.GroupLabel, {
+	return /* @__PURE__ */ l(d.GroupLabel, {
 		ref: r,
 		className: i,
 		...n,
 		children: t
 	});
-}), b = r(function({ className: e, ...t }, n) {
+}), S = i(function({ className: e, ...t }, n) {
 	let r = ["select__separator", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(l.Separator, {
+	return /* @__PURE__ */ l(d.Separator, {
 		ref: n,
 		className: r,
 		...t
 	});
 });
-function x({ value: e, label: t, "aria-label": n }) {
-	return /* @__PURE__ */ s(v, {
+function C({ value: e, label: t, "aria-label": n }) {
+	return /* @__PURE__ */ l(b, {
 		value: e,
 		"aria-label": n,
 		children: t
 	}, e);
 }
-var S = r(function({ options: e, value: t, defaultValue: n, placeholder: r = "Seleccionar…", disabled: i, readOnly: a, size: o = "md", onValueChange: l, id: d, name: f, required: v, onBlur: b, "aria-label": S, "aria-describedby": C, "aria-invalid": w, container: T }, E) {
-	return /* @__PURE__ */ c(p, {
+function w({ override: t }) {
+	return /* @__PURE__ */ l(c, { children: e("select")("placeholder", t) });
+}
+var T = i(function({ options: e, value: t, defaultValue: n, placeholder: r, disabled: i, readOnly: a, size: o = "md", onValueChange: s, id: c, name: d, required: p, onBlur: m, "aria-label": b, "aria-describedby": S, "aria-invalid": T, container: E }, D) {
+	return /* @__PURE__ */ u(h, {
 		value: t,
 		defaultValue: n,
 		disabled: i,
 		readOnly: a,
-		name: f,
-		required: v,
-		onValueChange: l,
-		children: [/* @__PURE__ */ s(g, {
-			ref: E,
+		name: d,
+		required: p,
+		onValueChange: s,
+		children: [/* @__PURE__ */ l(v, {
+			ref: D,
 			size: o,
-			id: d,
-			onBlur: b,
-			"aria-label": S,
-			"aria-describedby": C,
-			"aria-invalid": w || void 0,
-			children: /* @__PURE__ */ s(m, { placeholder: r })
-		}), /* @__PURE__ */ s(_, {
+			id: c,
+			onBlur: m,
+			"aria-label": b,
+			"aria-describedby": S,
+			"aria-invalid": T || void 0,
+			children: /* @__PURE__ */ l(g, { placeholder: /* @__PURE__ */ l(w, { override: r }) })
+		}), /* @__PURE__ */ l(y, {
 			size: o,
-			container: T,
-			children: e.map((e, t) => u(e) ? /* @__PURE__ */ c(h, { children: [/* @__PURE__ */ s(y, { children: e.label }), e.options.map(x)] }, `group-${t}`) : x(e))
+			container: E,
+			children: e.map((e, t) => f(e) ? /* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(x, { children: e.label }), e.options.map(C)] }, `group-${t}`) : C(e))
 		})]
 	});
-}), C = Object.assign(S, {
-	Root: p,
-	Trigger: g,
-	Value: m,
-	Content: _,
-	Group: h,
-	Label: y,
-	Item: v,
-	Separator: b
+}), E = Object.assign(T, {
+	Root: h,
+	Trigger: v,
+	Value: g,
+	Content: y,
+	Group: _,
+	Label: x,
+	Item: b,
+	Separator: S
 });
 //#endregion
-export { C as Select, _ as SelectContent, h as SelectGroup, v as SelectItem, y as SelectLabel, p as SelectRoot, b as SelectSeparator, g as SelectTrigger, m as SelectValue, u as isSelectOptionGroup };
+export { E as Select, y as SelectContent, _ as SelectGroup, b as SelectItem, x as SelectLabel, h as SelectRoot, S as SelectSeparator, v as SelectTrigger, g as SelectValue, f as isSelectOptionGroup };