@studiolxd/brand 50.0.0 → 51.0.1

package/dist/public-page-shell.js

@@ -1,40 +1,3 @@
 'use client';
-import './public-page-shell.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Container as t } from "./container.js";
-import { ErrorBoundary as n } from "./error-boundary.js";
-import { SiteShell as r } from "./site-shell.js";
-import { forwardRef as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/stories/templates/PublicPageShell/PublicPageShell.tsx
-var c = i(function({ children: i, header: c, footer: l, preferences: u, preferencesLabel: d, preferencesWidth: f = "xl", mainWidth: p = "xl", mainSpace: m = "xl", mainFlush: h = !1, id: g = "main-content", shell: _ = !0, className: v }, y) {
-	let b = e("publicPageShell");
-	if (!_) return /* @__PURE__ */ o(a, { children: i });
-	let x = u && /* @__PURE__ */ o(t, {
-		as: "section",
-		width: f,
-		className: "public-page-shell__preferences",
-		"aria-label": b("preferences", d),
-		children: /* @__PURE__ */ o("div", {
-			className: "public-page-shell__preferences-row",
-			children: u
-		})
-	});
-	return /* @__PURE__ */ o(r, {
-		ref: y,
-		className: v,
-		header: c && /* @__PURE__ */ o(n, { children: c }),
-		footer: (x || l) && /* @__PURE__ */ s(a, { children: [x && /* @__PURE__ */ o(n, { children: x }), l && /* @__PURE__ */ o(n, { children: l })] }),
-		children: /* @__PURE__ */ o(t, {
-			as: "main",
-			id: g,
-			tabIndex: -1,
-			width: p,
-			space: m,
-			flush: h,
-			children: i
-		})
-	});
-});
-//#endregion
-export { c as PublicPageShell };
+import { t as e } from "./_shared/publicpageshell.js";
+export { e as PublicPageShell };

package/dist/radio-field.js

@@ -3,46 +3,36 @@ import './radio-field.css';
 import { n as e } from "./_shared/form-size.js";
 import { n as t } from "./_shared/radiogroupcontext.js";
 import { Radio as n } from "./radio.js";
-import { ErrorText as r } from "./error-text.js";
-import { forwardRef as i, useId as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { n as r } from "./_shared/field-labels.js";
+import { a as i, n as a } from "./_shared/fieldshell.js";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/stories/molecules/RadioField/RadioField.tsx
-var c = i(function({ label: i, id: c, size: l, disabled: u, error: d = !1, errorMessage: f, helperText: p, className: m, ...h }, g) {
-	let _ = t(), v = e(l ?? _?.size), y = a(), b = c ?? y, x = f ? `${b}-error` : void 0, S = p ? `${b}-helper` : void 0, C = [x, S].filter(Boolean).join(" ") || void 0, w = d || !!f || (_?.error ?? !1), T = u ?? _?.disabled;
-	return /* @__PURE__ */ s("div", {
-		className: [
-			"radio-field",
-			v === "md" ? "" : `radio-field--${v}`,
-			T ? "radio-field--disabled" : "",
-			m
-		].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ s("label", {
-				className: "radio-field__control",
-				htmlFor: b,
-				children: [/* @__PURE__ */ o(n, {
-					ref: g,
-					...h,
-					id: b,
-					size: v,
-					disabled: T,
-					error: w,
-					"aria-describedby": C
-				}), /* @__PURE__ */ o("span", {
-					className: "radio-field__label",
-					children: i
-				})]
-			}),
-			f && /* @__PURE__ */ o(r, {
-				id: x,
-				children: f
-			}),
-			p && /* @__PURE__ */ o("span", {
-				id: S,
-				className: "radio-field__helper",
-				children: p
-			})
-		]
+var c = o(function({ label: o, labelHidden: c, id: l, size: u, disabled: d, error: f = !1, errorMessage: p, helperText: m, className: h, "aria-describedby": g, ..._ }, v) {
+	let y = t(), b = r(c), x = e(u ?? y?.size), S = i({
+		id: l,
+		error: f || (y?.error ?? !1),
+		errorMessage: p,
+		helperText: m,
+		describedBy: g
+	}), { id: C } = S, w = d ?? y?.disabled;
+	return /* @__PURE__ */ s(a, {
+		field: S,
+		block: "radio-field",
+		modifiers: [x !== "md" && `radio-field--${x}`, w && "radio-field--disabled"],
+		className: h,
+		layout: "inline",
+		label: o,
+		labelHidden: b,
+		children: /* @__PURE__ */ s(n, {
+			ref: v,
+			..._,
+			id: C,
+			size: x,
+			disabled: w,
+			error: S.hasError,
+			"aria-describedby": S.describedBy
+		})
 	});
 });
 //#endregion

package/dist/recurrence-field.css

@@ -1 +1 @@
-.recurrence-field{gap:var(--recurrence-field-gap);flex-direction:column;display:flex}.recurrence-field__row{gap:var(--recurrence-field-row-gap);flex-wrap:wrap;display:flex}.recurrence-field__interval{inline-size:var(--recurrence-field-interval-width);flex:none}.recurrence-field__end{flex:1 1 var(--recurrence-field-end-flex-basis);min-inline-size:0}.recurrence-field__weekdays-label{font-size:var(--recurrence-field-legend-font-size);font-weight:var(--recurrence-field-legend-font-weight);color:var(--recurrence-field-legend-color);margin-block-end:var(--recurrence-field-legend-margin-block-end);display:block}.recurrence-field__weekdays{gap:var(--recurrence-field-weekdays-gap);flex-wrap:wrap;display:flex}
+.recurrence-field{gap:var(--recurrence-field-gap);flex-direction:column;display:flex}.recurrence-field__row{gap:var(--recurrence-field-row-gap);flex-wrap:wrap;display:flex}.recurrence-field__interval{inline-size:var(--recurrence-field-interval-width);flex:none}.recurrence-field__end{flex:1 1 var(--recurrence-field-end-flex-basis);min-inline-size:0}.recurrence-field__weekdays-label{font-size:var(--recurrence-field-legend-font-size);font-weight:var(--recurrence-field-legend-font-weight);color:var(--recurrence-field-legend-color);margin-block-end:var(--recurrence-field-legend-margin-block-end);display:block}.recurrence-field__weekdays{gap:var(--recurrence-field-weekdays-gap);flex-wrap:wrap;display:flex}.recurrence-field__helper{font-family:var(--recurrence-field-helper-font-family);font-size:var(--recurrence-field-helper-font-size);font-weight:var(--recurrence-field-helper-font-weight);line-height:var(--recurrence-field-helper-line-height);color:var(--recurrence-field-helper-color)}

package/dist/recurrence-field.js

@@ -1,16 +1,18 @@
 'use client';
 import './recurrence-field.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Fieldset as t } from "./fieldset.js";
 import { Toggle as n } from "./toggle.js";
 import { ToggleGroup as r } from "./toggle-group.js";
-import { SelectField as i } from "./select-field.js";
-import { DatePickerField as a } from "./date-picker-field.js";
-import { NumberInputField as o } from "./number-input-field.js";
-import { useId as s, useMemo as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { n as i } from "./_shared/field-labels.js";
+import { a, n as o } from "./_shared/fieldshell.js";
+import { SelectField as s } from "./select-field.js";
+import { DatePickerField as c } from "./date-picker-field.js";
+import { NumberInputField as l } from "./number-input-field.js";
+import { useMemo as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/stories/molecules/RecurrenceField/recurrenceRule.ts
-var f = [
+var m = [
 	"MO",
 	"TU",
 	"WE",
@@ -18,156 +20,187 @@ var f = [
 	"FR",
 	"SA",
 	"SU"
-], p = {
+], h = {
 	frequency: "weekly",
 	interval: 1,
 	weekdays: [],
 	end: { type: "never" }
-}, m = [
+}, g = {
+	legend: "Repetición",
+	frequency: "Frecuencia",
+	never: "No se repite",
+	daily: "Cada día",
+	weekly: "Cada semana",
+	monthly: "Cada mes",
+	yearly: "Cada año",
+	interval: (e) => ({
+		daily: "Cada cuántos días",
+		weekly: "Cada cuántas semanas",
+		monthly: "Cada cuántos meses",
+		yearly: "Cada cuántos años"
+	})[e],
+	weekdays: "Días de la semana",
+	end: "Termina",
+	endNever: "Nunca",
+	endUntil: "En una fecha",
+	endCount: "Tras un número de veces",
+	until: "Hasta",
+	count: "Número de repeticiones"
+}, _ = [
 	"daily",
 	"weekly",
 	"monthly",
 	"yearly"
-], h = Date.UTC(2024, 0, 1);
-function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x, locale: S = "es-ES", weekStartsOn: C = "monday", minDate: w, maxDate: T, today: E, className: D, frequencyLabel: O, weekdaysLabel: k, endLabel: A }) {
-	let j = e("recurrenceField"), M = s(), N = v ?? M, P = c(() => {
-		let e = new Intl.DateTimeFormat(S, {
+], v = Date.UTC(2024, 0, 1);
+function y({ value: y, onValueChange: b, id: x, legend: S, labelHidden: C, disabled: w, helperText: T, errorMessage: E, size: D, locale: O = "es-ES", weekStartsOn: k = "monday", minDate: A, maxDate: j, today: M, className: N, frequencyLabel: P, weekdaysLabel: F, endLabel: I }) {
+	let L = e("recurrenceField", g), R = i(C), z = a({
+		id: x,
+		errorMessage: E,
+		helperText: T
+	}), { id: B } = z, V = u(() => {
+		let e = new Intl.DateTimeFormat(O, {
 			weekday: "short",
 			timeZone: "UTC"
-		}), t = new Intl.DateTimeFormat(S, {
+		}), t = new Intl.DateTimeFormat(O, {
 			weekday: "long",
 			timeZone: "UTC"
-		}), n = f.map((n, r) => {
-			let i = new Date(h + r * 864e5);
+		}), n = m.map((n, r) => {
+			let i = new Date(v + r * 864e5);
 			return {
 				key: n,
 				short: e.format(i),
 				long: t.format(i)
 			};
 		});
-		return C === "sunday" ? [n[6], ...n.slice(0, 6)] : n;
-	}, [S, C]), F = (e) => {
-		g && _({
-			...g,
+		return k === "sunday" ? [n[6], ...n.slice(0, 6)] : n;
+	}, [O, k]), H = (e) => {
+		y && b({
+			...y,
 			...e
 		});
-	}, I = [{
+	}, U = [{
 		value: "",
-		label: j("never")
-	}, ...m.map((e) => ({
+		label: L("never")
+	}, ..._.map((e) => ({
 		value: e,
-		label: j(e)
-	}))], L = [
+		label: L(e)
+	}))], W = [
 		{
 			value: "never",
-			label: j("endNever")
+			label: L("endNever")
 		},
 		{
 			value: "until",
-			label: j("endUntil")
+			label: L("endUntil")
 		},
 		{
 			value: "count",
-			label: j("endCount")
+			label: L("endCount")
 		}
-	], R = /* @__PURE__ */ d("div", {
-		className: ["recurrence-field", D].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ u(i, {
-			id: `${N}-frequency`,
-			label: j("frequency", O),
-			options: I,
-			value: g?.frequency ?? "",
-			disabled: b,
-			size: x,
+	], G = /* @__PURE__ */ p(o, {
+		field: z,
+		block: "recurrence-field",
+		className: N,
+		rootProps: !S && z.describedBy ? {
+			role: "group",
+			"aria-describedby": z.describedBy
+		} : void 0,
+		children: [/* @__PURE__ */ f(s, {
+			id: `${B}-frequency`,
+			label: L("frequency", P),
+			options: U,
+			value: y?.frequency ?? "",
+			disabled: w,
+			size: D,
 			onValueChange: (e) => {
-				if (!e) return _(null);
-				_({
-					...g ?? p,
+				if (!e) return b(null);
+				b({
+					...y ?? h,
 					frequency: e
 				});
 			}
-		}), g ? /* @__PURE__ */ d(l, { children: [
-			/* @__PURE__ */ u("div", {
+		}), y ? /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ f("div", {
 				className: "recurrence-field__row",
-				children: /* @__PURE__ */ u(o, {
-					id: `${N}-interval`,
+				children: /* @__PURE__ */ f(l, {
+					id: `${B}-interval`,
 					className: "recurrence-field__interval",
-					label: j("interval")(g.frequency),
-					value: g.interval,
+					label: L("interval")(y.frequency),
+					value: y.interval,
 					min: 1,
 					max: 99,
-					disabled: b,
-					size: x,
-					onChange: (e) => F({ interval: Number.isFinite(e) ? Math.max(1, e) : 1 })
+					disabled: w,
+					size: D,
+					onChange: (e) => H({ interval: Number.isFinite(e) ? Math.max(1, e) : 1 })
 				})
 			}),
-			g.frequency === "weekly" ? /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", {
+			y.frequency === "weekly" ? /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
 				className: "recurrence-field__weekdays-label",
-				id: `${N}-weekdays-label`,
-				children: j("weekdays", k)
-			}), /* @__PURE__ */ u(r, {
+				id: `${B}-weekdays-label`,
+				children: L("weekdays", F)
+			}), /* @__PURE__ */ f(r, {
 				className: "recurrence-field__weekdays",
 				multiple: !0,
-				size: x,
-				value: g.weekdays,
-				"aria-labelledby": `${N}-weekdays-label`,
-				onValueChange: (e) => F({ weekdays: e }),
-				children: P.map((e) => /* @__PURE__ */ u(n, {
+				size: D,
+				value: y.weekdays,
+				"aria-labelledby": `${B}-weekdays-label`,
+				onValueChange: (e) => H({ weekdays: e }),
+				children: V.map((e) => /* @__PURE__ */ f(n, {
 					value: e.key,
 					"aria-label": e.long,
-					disabled: b,
+					disabled: w,
 					children: e.short
 				}, e.key))
 			})] }) : null,
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("div", {
 				className: "recurrence-field__row",
 				children: [
-					/* @__PURE__ */ u(i, {
-						id: `${N}-end`,
+					/* @__PURE__ */ f(s, {
+						id: `${B}-end`,
 						className: "recurrence-field__end",
-						label: j("end", A),
-						options: L,
-						value: g.end.type,
-						disabled: b,
-						size: x,
+						label: L("end", I),
+						options: W,
+						value: y.end.type,
+						disabled: w,
+						size: D,
 						onValueChange: (e) => {
-							if (e === "until") return F({ end: {
+							if (e === "until") return H({ end: {
 								type: "until",
 								date: null
 							} });
-							if (e === "count") return F({ end: {
+							if (e === "count") return H({ end: {
 								type: "count",
 								count: 10
 							} });
-							F({ end: { type: "never" } });
+							H({ end: { type: "never" } });
 						}
 					}),
-					g.end.type === "until" ? /* @__PURE__ */ u(a, {
-						id: `${N}-until`,
+					y.end.type === "until" ? /* @__PURE__ */ f(c, {
+						id: `${B}-until`,
 						className: "recurrence-field__end",
-						label: j("until"),
-						value: g.end.date,
-						locale: S,
-						minDate: w,
-						maxDate: T,
-						today: E,
-						disabled: b,
-						size: x,
-						onChange: (e) => F({ end: {
+						label: L("until"),
+						value: y.end.date,
+						locale: O,
+						minDate: A,
+						maxDate: j,
+						today: M,
+						disabled: w,
+						size: D,
+						onChange: (e) => H({ end: {
 							type: "until",
 							date: e
 						} })
 					}) : null,
-					g.end.type === "count" ? /* @__PURE__ */ u(o, {
-						id: `${N}-count`,
+					y.end.type === "count" ? /* @__PURE__ */ f(l, {
+						id: `${B}-count`,
 						className: "recurrence-field__end",
-						label: j("count"),
-						value: g.end.count,
+						label: L("count"),
+						value: y.end.count,
 						min: 1,
 						max: 999,
-						disabled: b,
-						size: x,
-						onChange: (e) => F({ end: {
+						disabled: w,
+						size: D,
+						onChange: (e) => H({ end: {
 							type: "count",
 							count: Number.isFinite(e) ? Math.max(1, e) : 1
 						} })
@@ -176,11 +209,13 @@ function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x,
 			})
 		] }) : null]
 	});
-	return y ? /* @__PURE__ */ u(t, {
-		legend: y,
-		disabled: b,
-		children: R
-	}) : R;
+	return S ? /* @__PURE__ */ f(t, {
+		legend: S,
+		legendHidden: R,
+		disabled: w,
+		"aria-describedby": z.describedBy,
+		children: G
+	}) : G;
 }
 //#endregion
-export { g as RecurrenceField };
+export { y as RecurrenceField };

package/dist/search-form.js

@@ -1,62 +1,3 @@
 'use client';
-import './search-form.css';
-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 c = i(function({ id: i, className: c, name: l = "q", value: u, defaultValue: d, onChange: f, onSubmit: p, action: m, method: h = "get", label: g, labelHidden: _ = !0, placeholder: v, submitLabel: y, size: b, disabled: x, describedBy: S, controls: C }, w) {
-	let T = e("searchForm"), E = n(b === "xl" ? void 0 : b), D = b === "xl" ? "xl" : E, O = D === "xl" ? "lg" : D, k = a(), A = i ?? k;
-	function j(e) {
-		let t = String(new FormData(e.currentTarget).get(l) ?? "").trim();
-		if (p) {
-			e.preventDefault(), t && p(t);
-			return;
-		}
-		t || e.preventDefault();
-	}
-	return /* @__PURE__ */ s("form", {
-		className: [
-			"search-form",
-			D === "md" ? "" : `search-form--${D}`,
-			c
-		].filter(Boolean).join(" "),
-		role: "search",
-		"aria-label": T("label", g),
-		action: m,
-		method: h,
-		onSubmit: j,
-		children: [/* @__PURE__ */ o(r, {
-			ref: w,
-			className: "search-form__field",
-			id: A,
-			name: l,
-			label: T("label", g),
-			labelHidden: _,
-			type: "text",
-			autoComplete: "off",
-			enterKeyHint: "search",
-			placeholder: T("placeholder", v),
-			value: u,
-			defaultValue: d,
-			disabled: x,
-			size: O,
-			onChange: f,
-			"aria-describedby": S,
-			...C ? { "aria-controls": C } : {}
-		}), /* @__PURE__ */ o("button", {
-			className: "search-form__submit",
-			type: "submit",
-			disabled: x,
-			"aria-label": T("submit", y),
-			children: /* @__PURE__ */ o(t, {
-				name: "arrow",
-				className: "search-form__submit-glyph"
-			})
-		})]
-	});
-});
-//#endregion
-export { c as SearchForm };
+import { t as e } from "./_shared/searchform.js";
+export { e as SearchForm };

package/dist/searchform.css

@@ -0,0 +1 @@
+.search-form{inline-size:var(--search-form-width);align-items:flex-end;display:flex}.search-form.search-form--sm{--search-form-submit-slot-size:var(--search-form-submit-sm-slot-size);--search-form-submit-icon-size:var(--search-form-submit-sm-icon-size);--search-form-submit-input-padding-inline-end:var(--search-form-submit-sm-slot-size)}.search-form.search-form--lg{--search-form-submit-slot-size:var(--search-form-submit-lg-slot-size);--search-form-submit-icon-size:var(--search-form-submit-lg-icon-size);--search-form-submit-input-padding-inline-end:var(--search-form-submit-lg-slot-size)}.search-form.search-form--xl{--search-form-submit-slot-size:var(--search-form-xl-slot-size);--search-form-submit-icon-size:var(--search-form-xl-icon-size);--search-form-submit-input-padding-inline-end:var(--search-form-xl-slot-size)}.search-form.search-form--xl .search-form__field .input{--input-height:var(--search-form-xl-height);--input-padding-inline:var(--search-form-xl-padding-inline);--input-font-size:var(--search-form-xl-font-size)}.search-form__field{flex:auto;min-inline-size:0}.search-form__field .input{padding-inline-end:var(--search-form-submit-input-padding-inline-end)}.search-form__submit{inline-size:var(--search-form-submit-slot-size);block-size:var(--search-form-submit-slot-size);cursor:pointer;color:var(--search-form-submit-color);transition:color var(--input-transition-duration) var(--input-transition-easing);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-start:calc(-1 * var(--search-form-submit-slot-size));padding-block:0;padding-inline:0;display:flex}.search-form__submit:hover{color:var(--search-form-submit-hover-color)}.search-form__submit:focus-visible{outline:var(--search-form-submit-focus-ring-width) solid var(--search-form-submit-focus-ring-color);outline-offset:calc(-1 * var(--input-border-width))}.search-form__submit:disabled{color:var(--search-form-submit-disabled-color);cursor:var(--input-disabled-cursor)}.search-form__submit-glyph{inline-size:var(--search-form-submit-icon-size);block-size:var(--search-form-submit-icon-size)}

package/dist/select-field.js

@@ -1,67 +1,62 @@
 'use client';
 import './select-field.css';
 import { n as e } from "./_shared/form-size.js";
-import { ErrorText as t } from "./error-text.js";
-import { Label as n } from "./label.js";
-import { Select as r, isSelectOptionGroup as i } from "./select.js";
-import { n as a } from "./_shared/field-labels.js";
-import { forwardRef as o, useId as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { t, u as n } from "./_shared/select.js";
+import { n as r } from "./_shared/field-optional.js";
+import { n as i } from "./_shared/field-labels.js";
+import { a, n as o } from "./_shared/fieldshell.js";
+import { forwardRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/stories/molecules/SelectField/SelectField.tsx
-var u = "__empty__";
-function d(e, t) {
-	return e === "" ? t ? u : void 0 : e;
+var l = "__empty__";
+function u(e, t) {
+	return e === "" ? t ? l : void 0 : e;
 }
-function f(e) {
-	return e === u ? "" : e;
+function d(e) {
+	return e === l ? "" : e;
 }
-function p(e) {
+function f(e) {
 	return e.value === "" ? {
 		...e,
-		value: u
+		value: l
 	} : e;
 }
-var m = o(function({ id: o, label: u, labelHidden: m, options: h, value: g, defaultValue: _, placeholder: v, name: y, disabled: b, required: x, size: S, error: C = !1, errorMessage: w, helperText: T, className: E, onValueChange: D, onBlur: O }, k) {
-	let A = a(m), j = e(S), M = s(), N = o ?? M, P = w ? `${N}-error` : void 0, F = T ? `${N}-helper` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = C || !!w, R = h.some((e) => i(e) ? e.options.some((e) => e.value === "") : e.value === ""), z = R ? h.map((e) => i(e) ? {
-		...e,
-		options: e.options.map(p)
-	} : p(e)) : h;
-	return /* @__PURE__ */ l("div", {
-		className: ["select-field", E].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ c(n, {
-				htmlFor: N,
-				hidden: A,
-				size: j,
-				children: u
-			}),
-			/* @__PURE__ */ c(r, {
-				ref: k,
-				id: N,
-				name: y,
-				required: x,
-				options: z,
-				value: d(g, R),
-				defaultValue: d(_, R),
-				placeholder: v,
-				disabled: b,
-				size: j,
-				"aria-describedby": I,
-				"aria-invalid": L,
-				onValueChange: D ? (e) => D(f(e)) : void 0,
-				onBlur: O
-			}),
-			w && /* @__PURE__ */ c(t, {
-				id: P,
-				children: w
-			}),
-			T && /* @__PURE__ */ c("span", {
-				id: F,
-				className: "select-field__helper",
-				children: T
-			})
-		]
+var p = s(function({ id: s, label: l, optional: p, optionalLabel: m, labelHidden: h, options: g, value: _, defaultValue: v, placeholder: y, name: b, disabled: x, required: S, size: C, error: w = !1, errorMessage: T, helperText: E, className: D, onValueChange: O, onBlur: k }, A) {
+	let j = i(h), M = e(C), N = r(p, S), P = a({
+		id: s,
+		error: w,
+		errorMessage: T,
+		helperText: E
+	}), { id: F } = P, I = g.some((e) => n(e) ? e.options.some((e) => e.value === "") : e.value === "");
+	return /* @__PURE__ */ c(o, {
+		field: P,
+		block: "select-field",
+		className: D,
+		label: l,
+		optional: N,
+		optionalLabel: m,
+		labelHidden: j,
+		size: M,
+		children: /* @__PURE__ */ c(t, {
+			ref: A,
+			id: F,
+			name: b,
+			required: S,
+			options: I ? g.map((e) => n(e) ? {
+				...e,
+				options: e.options.map(f)
+			} : f(e)) : g,
+			value: u(_, I),
+			defaultValue: u(v, I),
+			placeholder: y,
+			disabled: x,
+			size: M,
+			"aria-describedby": P.describedBy,
+			"aria-invalid": P.hasError,
+			onValueChange: O ? (e) => O(d(e)) : void 0,
+			onBlur: k
+		})
 	});
 });
 //#endregion
-export { m as SelectField };
+export { p as SelectField };