@studiolxd/brand 38.17.0 → 40.0.0

package/dist/date-time-field.js

@@ -6,8 +6,8 @@ import { Label as n } from "./label.js";
 import { TimeSelect as r } from "./time-select.js";
 import { n as i } from "./_shared/field-labels.js";
 import { t as a } from "./_shared/datepicker.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as c, useCallback as l, useId as u } from "react";
+import { forwardRef as o, useCallback as s, useId as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/molecules/DateTimeField/DateTimeField.tsx
 function d(e, t) {
 	let n = new Date(e);
@@ -19,8 +19,8 @@ function f(e) {
 		m: e.getMinutes()
 	} : null;
 }
-var p = c(function({ id: c, label: p, labelHidden: m, value: h, placeholder: g, timeStep: _, minDate: v, maxDate: y, disabledDates: b, name: x, size: S, disabled: C, readOnly: w, error: T = !1, errorMessage: E, helperText: D, locale: O = "es-ES", className: k, calendarLabel: A, openCalendarLabel: j, invalidMessage: M, maskLetters: N, previousMonthLabel: P, nextMonthLabel: F, previousYearsLabel: I, nextYearsLabel: L, yearGridLabel: R, gridLabel: z, hoursLabel: B, minutesLabel: V, onChange: H, onBlur: U }, W) {
-	let G = i(m), K = e(S), q = u(), J = c ?? q, Y = `${J}-date`, X = E ? `${J}-error` : void 0, Z = D ? `${J}-helper` : void 0, Q = [X, Z].filter(Boolean).join(" ") || void 0, $ = T || !!E, ee = l((e) => {
+var p = o(function({ id: o, label: p, labelHidden: m, value: h, placeholder: g, timeStep: _, minDate: v, maxDate: y, disabledDates: b, name: x, size: S, disabled: C, readOnly: w, error: T = !1, errorMessage: E, helperText: D, locale: O = "es-ES", className: k, calendarLabel: A, openCalendarLabel: j, invalidMessage: M, maskLetters: N, previousMonthLabel: P, nextMonthLabel: F, previousYearsLabel: I, nextYearsLabel: L, yearGridLabel: R, gridLabel: z, hoursLabel: B, minutesLabel: V, onChange: H, onBlur: U }, W) {
+	let G = i(m), K = e(S), q = c(), J = o ?? q, Y = `${J}-date`, X = E ? `${J}-error` : void 0, Z = D ? `${J}-helper` : void 0, Q = [X, Z].filter(Boolean).join(" ") || void 0, $ = T || !!E, ee = s((e) => {
 		if (!e) {
 			H?.(null);
 			return;
@@ -30,25 +30,25 @@ var p = c(function({ id: c, label: p, labelHidden: m, value: h, placeholder: g,
 			m: 0
 		};
 		H?.(d(e, t));
-	}, [h, H]), te = l((e) => {
+	}, [h, H]), te = s((e) => {
 		h && H?.(d(h, e));
 	}, [h, H]);
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ u("div", {
 		className: ["date-time-field", k].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ o(n, {
+			/* @__PURE__ */ l(n, {
 				id: `${J}-label`,
 				htmlFor: Y,
 				hidden: G,
 				size: K,
 				children: p
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ u("div", {
 				className: "date-time-field__controls",
 				role: "group",
 				"aria-labelledby": `${J}-label`,
 				"aria-describedby": Q,
-				children: [/* @__PURE__ */ o(a, {
+				children: [/* @__PURE__ */ l(a, {
 					ref: W,
 					className: "date-time-field__date",
 					id: Y,
@@ -75,7 +75,7 @@ var p = c(function({ id: c, label: p, labelHidden: m, value: h, placeholder: g,
 					nextYearsLabel: L,
 					yearGridLabel: R,
 					gridLabel: z
-				}), /* @__PURE__ */ o(r, {
+				}), /* @__PURE__ */ l(r, {
 					value: f(h),
 					onChange: te,
 					onBlur: U,
@@ -88,11 +88,11 @@ var p = c(function({ id: c, label: p, labelHidden: m, value: h, placeholder: g,
 					minutesLabel: V
 				})]
 			}),
-			E && /* @__PURE__ */ o(t, {
+			E && /* @__PURE__ */ l(t, {
 				id: X,
 				children: E
 			}),
-			D && /* @__PURE__ */ o("span", {
+			D && /* @__PURE__ */ l("span", {
 				id: Z,
 				className: "date-time-field__helper",
 				children: D

package/dist/description-list.js

@@ -1,40 +1,40 @@
 'use client';
 import './description-list.css';
 import { CopyableValue as e } from "./copyable-value.js";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/atoms/DescriptionList/DescriptionList.tsx
-var r = n(function({ className: e, children: n, ...r }, i) {
-	return /* @__PURE__ */ t("dl", {
+var r = t(function({ className: e, children: t, ...r }, i) {
+	return /* @__PURE__ */ n("dl", {
 		ref: i,
 		className: ["description-list", e].filter(Boolean).join(" "),
 		...r,
-		children: n
+		children: t
 	});
-}), i = n(function({ as: e = "dt", className: n, children: r, ...i }, a) {
-	return /* @__PURE__ */ t(e, {
+}), i = t(function({ as: e = "dt", className: t, children: r, ...i }, a) {
+	return /* @__PURE__ */ n(e, {
 		ref: a,
-		className: ["description-list__term", n].filter(Boolean).join(" "),
+		className: ["description-list__term", t].filter(Boolean).join(" "),
 		...i,
 		children: r
 	});
-}), a = n(function({ as: n = "dd", className: r, children: i, copyable: a = !1, copyText: o, copyLabel: s = "Copiar", copiedLabel: c = "Copiado", ...l }, u) {
+}), a = t(function({ as: t = "dd", className: r, children: i, copyable: a = !1, copyText: o, copyLabel: s = "Copiar", copiedLabel: c = "Copiado", ...l }, u) {
 	let d = [
 		"description-list__details",
 		a ? "description-list__details--copyable" : "",
 		r
 	].filter(Boolean).join(" ");
-	return a ? /* @__PURE__ */ t(n, {
+	return a ? /* @__PURE__ */ n(t, {
 		ref: u,
 		className: d,
 		...l,
-		children: /* @__PURE__ */ t(e, {
+		children: /* @__PURE__ */ n(e, {
 			copyText: o,
 			copyLabel: s,
 			copiedLabel: c,
 			children: i
 		})
-	}) : /* @__PURE__ */ t(n, {
+	}) : /* @__PURE__ */ n(t, {
 		ref: u,
 		className: d,
 		...l,

package/dist/docs-search.js

@@ -2,8 +2,8 @@
 import './docs-search.css';
 import { Spinner as e } from "./spinner.js";
 import { InputField as t } from "./input-field.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Autocomplete as a } from "@base-ui/react/autocomplete";
 //#region src/stories/molecules/DocsSearch/DocsSearch.tsx
 function o(e) {

package/dist/dots-button.js

@@ -2,26 +2,26 @@
 import './dots-button.css';
 import { Icon as e } from "./icon.js";
 import { Button as t } from "./button.js";
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/stories/atoms/DotsButton/DotsButton.tsx
-var i = r(function({ size: r = "md", orientation: i = "horizontal", "aria-label": a = "Más opciones", className: o, ...s }, c) {
+var i = n(function({ size: n = "md", orientation: i = "horizontal", "aria-label": a = "Más opciones", className: o, ...s }, c) {
 	let l = [
 		"dots-button",
 		i === "vertical" ? "dots-button--vertical" : "",
 		o
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n(t, {
+	return /* @__PURE__ */ r(t, {
 		ref: c,
 		variant: "ghost",
 		iconOnly: !0,
-		size: r,
+		size: n,
 		"aria-label": a,
 		className: l,
 		...s,
-		children: /* @__PURE__ */ n(e, {
+		children: /* @__PURE__ */ r(e, {
 			name: "dots",
-			size: r === "lg" ? "md" : "sm"
+			size: n === "lg" ? "md" : "sm"
 		})
 	});
 });

package/dist/dropdown-field.js

@@ -6,12 +6,12 @@ import { ErrorText as n } from "./error-text.js";
 import { Label as r } from "./label.js";
 import { n as i } from "./_shared/field-labels.js";
 import { Menu as a } from "./menu.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as c, useId as l } from "react";
+import { forwardRef as o, useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/molecules/DropdownField/DropdownField.tsx
-var u = c(function({ id: c, label: u, labelHidden: d, "aria-label": f, items: p, value: m, onValueChange: h, children: g, inline: _ = !1, size: v, align: y = "start", disabled: b = !1, name: x, error: S = !1, errorMessage: C, helperText: w, onBlur: T, className: E }, D) {
-	let O = i(d), k = t(v), A = l(), j = c ?? A, M = C ? `${j}-error` : void 0, N = w ? `${j}-helper` : void 0, P = [M, N].filter(Boolean).join(" ") || void 0, F = S || !!C;
-	return /* @__PURE__ */ s("div", {
+var u = o(function({ id: o, label: u, labelHidden: d, "aria-label": f, items: p, value: m, onValueChange: h, children: g, inline: _ = !1, size: v, align: y = "start", disabled: b = !1, name: x, error: S = !1, errorMessage: C, helperText: w, onBlur: T, className: E }, D) {
+	let O = i(d), k = t(v), A = s(), j = o ?? A, M = C ? `${j}-error` : void 0, N = w ? `${j}-helper` : void 0, P = [M, N].filter(Boolean).join(" ") || void 0, F = S || !!C;
+	return /* @__PURE__ */ l("div", {
 		className: [
 			"dropdown-field",
 			_ ? "dropdown-field--inline" : "",
@@ -19,19 +19,19 @@ var u = c(function({ id: c, label: u, labelHidden: d, "aria-label": f, items: p,
 			E
 		].filter(Boolean).join(" "),
 		children: [
-			u && /* @__PURE__ */ o(r, {
+			u && /* @__PURE__ */ c(r, {
 				htmlFor: j,
 				hidden: O,
 				size: k,
 				children: u
 			}),
-			/* @__PURE__ */ o(a, {
+			/* @__PURE__ */ c(a, {
 				align: y,
 				size: k,
 				value: m,
 				onValueChange: h,
 				items: p,
-				trigger: /* @__PURE__ */ s("button", {
+				trigger: /* @__PURE__ */ l("button", {
 					ref: D,
 					type: "button",
 					id: j,
@@ -41,10 +41,10 @@ var u = c(function({ id: c, label: u, labelHidden: d, "aria-label": f, items: p,
 					"aria-invalid": F || void 0,
 					disabled: b,
 					onBlur: T,
-					children: [/* @__PURE__ */ o("span", {
+					children: [/* @__PURE__ */ c("span", {
 						className: "dropdown-field__value",
 						children: g
-					}), /* @__PURE__ */ o(e, {
+					}), /* @__PURE__ */ c(e, {
 						name: "chevron",
 						size: "sm",
 						className: "dropdown-field__icon",
@@ -52,16 +52,16 @@ var u = c(function({ id: c, label: u, labelHidden: d, "aria-label": f, items: p,
 					})]
 				})
 			}),
-			x && /* @__PURE__ */ o("input", {
+			x && /* @__PURE__ */ c("input", {
 				type: "hidden",
 				name: x,
 				value: m ?? ""
 			}),
-			C && /* @__PURE__ */ o(n, {
+			C && /* @__PURE__ */ c(n, {
 				id: M,
 				children: C
 			}),
-			w && /* @__PURE__ */ o("span", {
+			w && /* @__PURE__ */ c("span", {
 				id: N,
 				className: "dropdown-field__helper",
 				children: w

package/dist/email.js

@@ -1,6 +1,6 @@
 import { EMAIL_FONT_FILENAME as e, EMAIL_LOGO_FILENAME as t, emailLogoWidthFor as n } from "./brand-assets.js";
-import { Body as r, Button as i, Container as a, Font as o, Head as s, Heading as c, Hr as l, Html as u, Img as d, Link as f, Preview as p, Section as m, Text as h } from "react-email";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Body as o, Button as s, Container as c, Font as l, Head as u, Heading as d, Hr as f, Html as p, Img as m, Link as h, Preview as g, Section as _, Text as v } from "react-email";
 //#region src/stories/email/emailTokens.ts
 var y = {
 	"--email-max-width": "600px",
@@ -211,50 +211,50 @@ var S = {
 //#endregion
 //#region src/stories/email/EmailLayout.tsx
 function I(e) {
-	if (e.reasonLabel !== void 0) return /* @__PURE__ */ v(h, {
+	if (e.reasonLabel !== void 0) return /* @__PURE__ */ a(v, {
 		style: M.footnote,
 		children: [
 			e.reasonLabel,
 			" ",
-			/* @__PURE__ */ _(f, {
+			/* @__PURE__ */ i(h, {
 				href: e.unsubscribeUrl,
 				style: M.link,
 				children: e.unsubscribeLabel
 			})
 		]
 	});
-	let { unsubscribeUrl: t, preferencesUrl: n, manageLabel: r = "Para dejar de recibir estos avisos,", unsubscribeLabel: i = n ? "Darse de baja" : "date de baja", manageBeforeLabel: a = " o ", managePreferencesLabel: o = "gestiona tus preferencias", manageAfterLabel: s = "." } = e, c = /* @__PURE__ */ _(f, {
+	let { unsubscribeUrl: t, preferencesUrl: n, manageLabel: r = "Para dejar de recibir estos avisos,", unsubscribeLabel: o = n ? "Darse de baja" : "date de baja", manageBeforeLabel: s = " o ", managePreferencesLabel: c = "gestiona tus preferencias", manageAfterLabel: l = "." } = e, u = /* @__PURE__ */ i(h, {
 		href: t,
 		style: M.link,
-		children: i
+		children: o
 	});
-	return n ? /* @__PURE__ */ v(h, {
+	return n ? /* @__PURE__ */ a(v, {
 		style: M.footnote,
 		children: [
-			c,
-			a,
-			/* @__PURE__ */ _(f, {
+			u,
+			s,
+			/* @__PURE__ */ i(h, {
 				href: n,
 				style: M.link,
-				children: o
+				children: c
 			}),
-			s
+			l
 		]
-	}) : /* @__PURE__ */ v(h, {
+	}) : /* @__PURE__ */ a(v, {
 		style: M.footnote,
 		children: [
 			r,
 			" ",
-			c
+			u
 		]
 	});
 }
-function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: i = k, logoAlt: c, optOut: l, children: f }) {
-	let h = i.replace(/\/$/, "");
-	return /* @__PURE__ */ v(u, {
+function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: r = k, logoAlt: s, optOut: d, children: f }) {
+	let h = r.replace(/\/$/, "");
+	return /* @__PURE__ */ a(p, {
 		lang: n,
 		children: [
-			/* @__PURE__ */ v(s, { children: [/* @__PURE__ */ _(o, {
+			/* @__PURE__ */ a(u, { children: [/* @__PURE__ */ i(l, {
 				fontFamily: "Google Sans Flex",
 				fallbackFontFamily: "sans-serif",
 				webFont: {
@@ -263,9 +263,9 @@ function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: i = k, log
 				},
 				fontWeight: w,
 				fontStyle: "normal"
-			}), /* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: F } })] }),
-			/* @__PURE__ */ _(p, { children: e }),
-			/* @__PURE__ */ _(r, {
+			}), /* @__PURE__ */ i("style", { dangerouslySetInnerHTML: { __html: F } })] }),
+			/* @__PURE__ */ i(g, { children: e }),
+			/* @__PURE__ */ i(o, {
 				style: {
 					backgroundColor: S.canvas,
 					color: S.text,
@@ -276,23 +276,23 @@ function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: i = k, log
 					margin: 0,
 					padding: 0
 				},
-				children: /* @__PURE__ */ v(m, {
+				children: /* @__PURE__ */ a(_, {
 					style: {
 						backgroundColor: S.canvas,
 						padding: `${b("--email-canvas-padding-block")} ${b("--email-canvas-padding-inline")}`,
 						width: "100%"
 					},
 					children: [
-						/* @__PURE__ */ _(a, {
+						/* @__PURE__ */ i(c, {
 							style: {
 								backgroundColor: S.background,
 								margin: "0 auto",
 								maxWidth: T,
 								padding: 0
 							},
-							children: /* @__PURE__ */ _(d, {
+							children: /* @__PURE__ */ i(m, {
 								src: `${h}/${O.filename}`,
-								alt: c ?? t,
+								alt: s ?? t,
 								width: O.width,
 								height: O.height,
 								style: {
@@ -303,7 +303,7 @@ function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: i = k, log
 								}
 							})
 						}),
-						/* @__PURE__ */ _(a, {
+						/* @__PURE__ */ i(c, {
 							style: {
 								backgroundColor: S.background,
 								border: `${b("--email-border-width")} solid ${S.border}`,
@@ -312,16 +312,16 @@ function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: i = k, log
 								maxWidth: T,
 								padding: `${b("--email-padding-block")} ${b("--email-padding-inline")}`
 							},
-							children: /* @__PURE__ */ _(m, { children: f })
+							children: /* @__PURE__ */ i(_, { children: f })
 						}),
-						l && /* @__PURE__ */ _(a, {
+						d && /* @__PURE__ */ i(c, {
 							style: {
 								backgroundColor: S.canvas,
 								margin: "0 auto",
 								maxWidth: T,
 								padding: `${b("--email-opt-out-margin-block-start")} 0 0`
 							},
-							children: /* @__PURE__ */ _(I, { ...l })
+							children: /* @__PURE__ */ i(I, { ...d })
 						})
 					]
 				})
@@ -333,7 +333,7 @@ function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: i = k, log
 //#region src/stories/email/EmailPrimitives.tsx
 function R({ children: e, level: t = 1, style: n }) {
 	let r = t === 1 ? M.heading : M.heading2;
-	return /* @__PURE__ */ _(c, {
+	return /* @__PURE__ */ i(d, {
 		as: `h${t}`,
 		style: {
 			...r,
@@ -343,7 +343,7 @@ function R({ children: e, level: t = 1, style: n }) {
 	});
 }
 function z({ children: e, emphasis: t = !1, style: n }) {
-	return /* @__PURE__ */ _(h, {
+	return /* @__PURE__ */ i(v, {
 		style: {
 			...M.text,
 			...t && M.textEmphasis,
@@ -353,7 +353,7 @@ function z({ children: e, emphasis: t = !1, style: n }) {
 	});
 }
 function B({ children: e, ordered: t = !1, style: n }) {
-	return /* @__PURE__ */ _(t ? "ol" : "ul", {
+	return /* @__PURE__ */ i(t ? "ol" : "ul", {
 		style: {
 			...M.list,
 			...n
@@ -362,7 +362,7 @@ function B({ children: e, ordered: t = !1, style: n }) {
 	});
 }
 function V({ children: e, style: t }) {
-	return /* @__PURE__ */ _("li", {
+	return /* @__PURE__ */ i("li", {
 		style: {
 			...M.listItem,
 			...t
@@ -371,7 +371,7 @@ function V({ children: e, style: t }) {
 	});
 }
 function H({ children: e, style: t }) {
-	return /* @__PURE__ */ _(m, {
+	return /* @__PURE__ */ i(_, {
 		style: {
 			...M.quote,
 			...t
@@ -380,7 +380,7 @@ function H({ children: e, style: t }) {
 	});
 }
 function U({ children: e, tone: t, style: n }) {
-	return /* @__PURE__ */ _("span", {
+	return /* @__PURE__ */ i("span", {
 		style: {
 			...M.tag,
 			...N[t],
@@ -390,13 +390,13 @@ function U({ children: e, tone: t, style: n }) {
 	});
 }
 function W({ style: e }) {
-	return /* @__PURE__ */ _(l, { style: {
+	return /* @__PURE__ */ i(f, { style: {
 		...M.divider,
 		...e
 	} });
 }
 function G({ children: e, tone: t = "muted", style: n }) {
-	return /* @__PURE__ */ _(h, {
+	return /* @__PURE__ */ i(v, {
 		style: {
 			...t === "muted" ? M.muted : M.footnote,
 			...n
@@ -405,7 +405,7 @@ function G({ children: e, tone: t = "muted", style: n }) {
 	});
 }
 function K({ href: e, children: t, style: n }) {
-	return /* @__PURE__ */ _(f, {
+	return /* @__PURE__ */ i(h, {
 		href: e,
 		style: {
 			...M.link,
@@ -414,22 +414,22 @@ function K({ href: e, children: t, style: n }) {
 		children: t
 	});
 }
-function q({ href: e, children: t, fallbackLabel: n, style: r }) {
-	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(i, {
+function q({ href: e, children: t, fallbackLabel: n, style: o }) {
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(s, {
 		href: e,
 		className: P,
 		style: {
 			...M.button,
 			marginBottom: 0,
-			...r
+			...o
 		},
 		children: t
-	}), /* @__PURE__ */ v(h, {
+	}), /* @__PURE__ */ a(v, {
 		style: M.buttonFallback,
 		children: [
 			n,
-			/* @__PURE__ */ _("br", {}),
-			/* @__PURE__ */ _("span", {
+			/* @__PURE__ */ i("br", {}),
+			/* @__PURE__ */ i("span", {
 				style: M.buttonFallbackUrl,
 				children: e
 			})

package/dist/error-text.js

@@ -1,9 +1,9 @@
 import './error-text.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/ErrorText/ErrorText.tsx
-var n = t(function({ as: t = "p", className: n, children: r, ...i }, a) {
-	return /* @__PURE__ */ e(t, {
+var n = e(function({ as: e = "p", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ t(e, {
 		ref: a,
 		role: "alert",
 		className: ["error-text", n].filter(Boolean).join(" "),

package/dist/field-row.js

@@ -2,51 +2,51 @@
 import './field-row.css';
 import { n as e } from "./_shared/form-size.js";
 import { t } from "./_shared/field-labels.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Children as i, createContext as a, isValidElement as o, useContext as s } from "react";
+import { Children as n, createContext as r, isValidElement as i, useContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/molecules/FieldRow/FieldRow.tsx
-var c = a(void 0);
+var c = r(void 0);
 function l({ labels: e = "first-row", empty: t, children: r, className: a, ...s }) {
-	let l = i.toArray(r), u = ["field-rows", a].filter(Boolean).join(" ");
-	return l.length === 0 && t ? /* @__PURE__ */ n("div", {
+	let l = n.toArray(r), u = ["field-rows", a].filter(Boolean).join(" ");
+	return l.length === 0 && t ? /* @__PURE__ */ o("div", {
 		className: u,
 		...s,
-		children: /* @__PURE__ */ n("div", {
+		children: /* @__PURE__ */ o("div", {
 			className: "field-rows__empty",
 			children: t
 		})
-	}) : /* @__PURE__ */ n("div", {
+	}) : /* @__PURE__ */ o("div", {
 		className: u,
 		...s,
-		children: l.map((t, r) => {
-			let i = e === "every-row" || r === 0, a = o(t) && t.key != null ? t.key : r;
-			return /* @__PURE__ */ n(c.Provider, {
-				value: { labelled: i },
+		children: l.map((t, n) => {
+			let r = e === "every-row" || n === 0, a = i(t) && t.key != null ? t.key : n;
+			return /* @__PURE__ */ o(c.Provider, {
+				value: { labelled: r },
 				children: t
 			}, a);
 		})
 	});
 }
-function u({ widths: a, action: o, labelled: l, size: u, children: d, className: f, ...p }) {
-	let m = e(u), h = s(c), g = l ?? h?.labelled ?? !0, _ = i.toArray(d), v = [
+function u({ widths: r, action: i, labelled: l, size: u, children: d, className: f, ...p }) {
+	let m = e(u), h = a(c), g = l ?? h?.labelled ?? !0, _ = n.toArray(d), v = [
 		"field-row",
 		m === "md" ? "" : `field-row--${m}`,
 		f
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n(t.Provider, {
+	return /* @__PURE__ */ o(t.Provider, {
 		value: !g,
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: v,
 			...p,
-			children: [_.map((e, t) => /* @__PURE__ */ n("div", {
-				className: `field-row__cell field-row__cell--${a?.[t] ?? (t === 0 ? "grow" : "md")}`,
+			children: [_.map((e, t) => /* @__PURE__ */ o("div", {
+				className: `field-row__cell field-row__cell--${r?.[t] ?? (t === 0 ? "grow" : "md")}`,
 				children: e
-			}, t)), o && /* @__PURE__ */ r("div", {
+			}, t)), i && /* @__PURE__ */ s("div", {
 				className: "field-row__action",
-				children: [g && /* @__PURE__ */ n("span", {
+				children: [g && /* @__PURE__ */ o("span", {
 					className: "field-row__action-offset",
 					"aria-hidden": "true"
-				}), o]
+				}), i]
 			})]
 		})
 	});

package/dist/figure.js

@@ -1,6 +1,6 @@
 import './figure.css';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useRender as r } from "@base-ui/react/use-render";
 //#region src/stories/atoms/Figure/Figure.tsx
 var i = {
@@ -9,7 +9,7 @@ var i = {
 	"3:2": "figure__media--ratio-3-2",
 	"16:9": "figure__media--ratio-16-9",
 	"21:9": "figure__media--ratio-21-9"
-}, a = n(function({ src: n, alt: a = "", caption: o, ratio: s = "auto", fit: c = "cover", render: l, className: u, children: d, ...f }, p) {
+}, a = e(function({ src: e, alt: a = "", caption: o, ratio: s = "auto", fit: c = "cover", render: l, className: u, children: d, ...f }, p) {
 	let m = ["figure", u ?? ""].filter(Boolean).join(" "), h = [
 		"figure__media",
 		s === "auto" ? "" : i[s],
@@ -19,18 +19,18 @@ var i = {
 		enabled: l !== void 0,
 		props: { className: "figure__img" }
 	});
-	return /* @__PURE__ */ t("figure", {
+	return /* @__PURE__ */ n("figure", {
 		ref: p,
 		className: m,
 		...f,
-		children: [/* @__PURE__ */ e("div", {
+		children: [/* @__PURE__ */ t("div", {
 			className: h,
-			children: g ?? (n === void 0 ? d : /* @__PURE__ */ e("img", {
+			children: g ?? (e === void 0 ? d : /* @__PURE__ */ t("img", {
 				className: "figure__img",
-				src: n,
+				src: e,
 				alt: a
 			}))
-		}), o !== void 0 && /* @__PURE__ */ e("figcaption", {
+		}), o !== void 0 && /* @__PURE__ */ t("figcaption", {
 			className: "figure__caption",
 			children: o
 		})]