@studiolxd/brand 44.0.0 → 45.0.0

package/dist/confirm-dialog.js

@@ -1,87 +1,88 @@
 'use client';
 import './confirm-dialog.css';
-import { Button as e } from "./button.js";
-import { Modal as t } from "./modal.js";
-import { InputField as n } from "./input-field.js";
-import { useEffect as r, useId as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Button as t } from "./button.js";
+import { Modal as n } from "./modal.js";
+import { InputField as r } from "./input-field.js";
+import { useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/molecules/ConfirmDialog/ConfirmDialog.tsx
-function u({ open: u, title: d, description: f, children: p, onConfirm: m, onCancel: h, onConfirmError: g, secondaryActionLabel: _, onSecondaryAction: v, destructive: y = !1, confirmLabel: b = "Confirmar", cancelLabel: x = "Cancelar", pendingLabel: S = "Confirmando…", closeLabel: C = "Cerrar", confirmPhrase: w, confirmPhraseLabel: T, confirmPhraseMismatch: E, container: D, className: O }) {
-	let k = a(null), A = a(null), j = i(), [M, N] = o(!1), [P, F] = o(""), [I, L] = o(!1), R = w === void 0 || P.trim() === w, z = I && !R;
-	r(() => {
-		u || (N(!1), F(""), L(!1));
-	}, [u]);
-	let B = () => {
-		M || h();
-	}, V = async () => {
-		if (M || !R) return;
-		let e = m();
+function d({ open: d, title: f, description: p, children: m, onConfirm: h, onCancel: g, onConfirmError: _, secondaryActionLabel: v, onSecondaryAction: y, destructive: b = !1, confirmLabel: x, cancelLabel: S, pendingLabel: C, closeLabel: w, confirmPhrase: T, confirmPhraseLabel: E, confirmPhraseMismatch: D, container: O, className: k }) {
+	let A = e("confirmDialog"), j = o(null), M = o(null), N = a(), [P, F] = s(!1), [I, L] = s(""), [R, z] = s(!1), B = T === void 0 || I.trim() === T, V = R && !B;
+	i(() => {
+		d || (F(!1), L(""), z(!1));
+	}, [d]);
+	let H = () => {
+		P || g();
+	}, U = async () => {
+		if (P || !B) return;
+		let e = h();
 		if (e instanceof Promise) {
-			N(!0);
+			F(!0);
 			try {
 				await e;
 			} catch (e) {
-				g?.(e);
+				_?.(e);
 			} finally {
-				N(!1);
+				F(!1);
 			}
 		}
 	};
-	return /* @__PURE__ */ l(t, {
-		open: u,
-		onClose: B,
-		title: d,
-		closeLabel: C,
-		container: D,
-		initialFocus: w === void 0 ? k : A,
-		...f == null ? {} : { description: f },
-		footerClassName: ["confirm-dialog__actions", O].filter(Boolean).join(" "),
-		footer: /* @__PURE__ */ l(s, { children: [
-			/* @__PURE__ */ c(e, {
-				ref: k,
+	return /* @__PURE__ */ u(n, {
+		open: d,
+		onClose: H,
+		title: f,
+		...w === void 0 ? {} : { closeLabel: w },
+		container: O,
+		initialFocus: T === void 0 ? j : M,
+		...p == null ? {} : { description: p },
+		footerClassName: ["confirm-dialog__actions", k].filter(Boolean).join(" "),
+		footer: /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l(t, {
+				ref: j,
 				variant: "outline",
-				onClick: B,
-				disabled: M,
-				children: x
+				onClick: H,
+				disabled: P,
+				children: A("cancel", S)
 			}),
-			_ && v && /* @__PURE__ */ c(e, {
+			v && y && /* @__PURE__ */ l(t, {
 				variant: "outline",
-				onClick: v,
-				disabled: M,
-				children: _
+				onClick: y,
+				disabled: P,
+				children: v
 			}),
-			/* @__PURE__ */ c(e, {
-				variant: y ? "outline" : "primary",
-				destructive: y,
-				onClick: V,
-				disabled: M || !R,
-				children: M ? S : b
+			/* @__PURE__ */ l(t, {
+				variant: b ? "outline" : "primary",
+				destructive: b,
+				onClick: U,
+				disabled: P || !B,
+				children: P ? A("pending", C) : x
 			})
 		] }),
-		children: [p, w !== void 0 && /* @__PURE__ */ c(n, {
-			ref: A,
-			id: `${j}-confirm-phrase`,
+		children: [m, T !== void 0 && /* @__PURE__ */ l(r, {
+			ref: M,
+			id: `${N}-confirm-phrase`,
 			className: "confirm-dialog__phrase",
-			label: T ?? "",
-			value: P,
-			disabled: M,
+			label: E ?? "",
+			value: I,
+			disabled: P,
 			autoComplete: "off",
 			autoCorrect: "off",
 			autoCapitalize: "none",
 			spellCheck: !1,
-			error: z,
-			...z ? { errorMessage: E } : {},
+			error: V,
+			...V ? { errorMessage: D } : {},
 			onChange: (e) => {
-				F(e.target.value), L(!1);
+				L(e.target.value), z(!1);
 			},
 			onBlur: () => {
-				P !== "" && L(!0);
+				I !== "" && z(!0);
 			},
 			onKeyDown: (e) => {
-				e.key === "Enter" && (e.preventDefault(), R ? V() : P !== "" && L(!0));
+				e.key === "Enter" && (e.preventDefault(), B ? U() : I !== "" && z(!0));
 			}
 		})]
 	});
 }
 //#endregion
-export { u as ConfirmDialog };
+export { d as ConfirmDialog };

package/dist/consent.js

@@ -60,7 +60,7 @@ function m(e, t) {
 	for (let e of t) e.required && (n[e.id] = !0);
 	return n;
 }
-function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onSave: h, surface: g = "modal", side: _ = "right", title: v = "Preferencias de cookies", closeLabel: y = "Cerrar", alwaysOnLabel: b = "Siempre activa", container: x, className: S }) {
+function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onSave: h, surface: g = "modal", side: _ = "right", title: v = "Preferencias de cookies", closeLabel: y, alwaysOnLabel: b = "Siempre activa", container: x, className: S }) {
 	let C = p !== void 0, [w, T] = l(() => m(i, r));
 	c(() => {
 		t && !C && T(m(i, r));
@@ -92,7 +92,7 @@ function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onS
 		open: t,
 		onClose: () => n(!1),
 		title: typeof v == "string" ? v : void 0,
-		closeLabel: y,
+		...y === void 0 ? {} : { closeLabel: y },
 		container: x,
 		children: k
 	}) : /* @__PURE__ */ d(o, {
@@ -100,7 +100,7 @@ function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onS
 		onOpenChange: n,
 		side: _,
 		title: v,
-		closeLabel: y,
+		...y === void 0 ? {} : { closeLabel: y },
 		container: x,
 		children: k
 	});

package/dist/modal.js

@@ -1,56 +1,57 @@
 'use client';
 import './modal.css';
-import { VisuallyHidden as e } from "./visually-hidden.js";
-import { CloseButton as t } from "./close-button.js";
-import { n, r, t as i } from "./_shared/dialogsurface.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Dialog as c } from "@base-ui/react/dialog";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { CloseButton as n } from "./close-button.js";
+import { n as r, r as i, t as a } from "./_shared/dialogsurface.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Dialog as l } from "@base-ui/react/dialog";
 //#region src/stories/molecules/Modal/Modal.tsx
-function l({ open: l, onClose: u, title: d, children: f, closeLabel: p = "Cerrar", fallbackTitle: m = "Diálogo", container: h, description: g, "aria-describedby": _, initialFocus: v, footer: y, footerClassName: b, ...x }) {
-	let S = _ === void 0 ? {} : { "aria-describedby": _ }, C = v === void 0 ? {} : { initialFocus: v };
-	return /* @__PURE__ */ o(c.Root, {
-		open: l,
+function u({ open: u, onClose: d, title: f, children: p, closeLabel: m, fallbackTitle: h, container: g, description: _, "aria-describedby": v, initialFocus: y, footer: b, footerClassName: x, ...S }) {
+	let C = e("modal"), w = v === void 0 ? {} : { "aria-describedby": v }, T = y === void 0 ? {} : { initialFocus: y };
+	return /* @__PURE__ */ s(l.Root, {
+		open: u,
 		onOpenChange: (e) => {
-			e || u();
+			e || d();
 		},
-		children: /* @__PURE__ */ s(c.Portal, {
-			container: h,
-			children: [/* @__PURE__ */ o(r, { className: "modal__overlay" }), /* @__PURE__ */ s(c.Popup, {
+		children: /* @__PURE__ */ c(l.Portal, {
+			container: g,
+			children: [/* @__PURE__ */ s(i, { className: "modal__overlay" }), /* @__PURE__ */ c(l.Popup, {
 				className: "modal__content",
+				...w,
+				...T,
 				...S,
-				...C,
-				...x,
 				children: [
-					d ? /* @__PURE__ */ s(n, {
+					f ? /* @__PURE__ */ c(r, {
 						layout: "inline",
 						className: "modal__header",
-						children: [/* @__PURE__ */ o(c.Title, {
+						children: [/* @__PURE__ */ s(l.Title, {
 							className: "modal__title",
-							children: d
-						}), /* @__PURE__ */ o(c.Close, {
+							children: f
+						}), /* @__PURE__ */ s(l.Close, {
 							className: "modal__close",
-							render: /* @__PURE__ */ o(t, { label: p })
+							render: /* @__PURE__ */ s(n, { label: C("close", m) })
 						})]
-					}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(c.Title, { render: /* @__PURE__ */ o(e, { children: m }) }), /* @__PURE__ */ o(n, {
+					}) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(l.Title, { render: /* @__PURE__ */ s(t, { children: C("fallbackTitle", h) }) }), /* @__PURE__ */ s(r, {
 						layout: "inline",
 						noTitle: !0,
 						className: "modal__header modal__header--no-title",
-						children: /* @__PURE__ */ o(c.Close, {
+						children: /* @__PURE__ */ s(l.Close, {
 							className: "modal__close",
-							render: /* @__PURE__ */ o(t, { label: p })
+							render: /* @__PURE__ */ s(n, { label: C("close", m) })
 						})
 					})] }),
-					g != null && /* @__PURE__ */ o(c.Description, {
+					_ != null && /* @__PURE__ */ s(l.Description, {
 						className: "modal__description",
-						children: g
+						children: _
 					}),
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ s("div", {
 						className: "modal__body",
-						children: f
+						children: p
 					}),
-					y != null && /* @__PURE__ */ o(i, {
-						className: ["modal__footer", b].filter(Boolean).join(" "),
-						children: y
+					b != null && /* @__PURE__ */ s(a, {
+						className: ["modal__footer", x].filter(Boolean).join(" "),
+						children: b
 					})
 				]
 			})]
@@ -58,4 +59,4 @@ function l({ open: l, onClose: u, title: d, children: f, closeLabel: p = "Cerrar
 	});
 }
 //#endregion
-export { l as Modal };
+export { u as Modal };

package/dist/sheet.js

@@ -1,53 +1,55 @@
 'use client';
 import './sheet.css';
-import { VisuallyHidden as e } from "./visually-hidden.js";
-import { CloseButton as t } from "./close-button.js";
-import { n, r, t as i } from "./_shared/dialogsurface.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Dialog as s } from "@base-ui/react/dialog";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { CloseButton as n } from "./close-button.js";
+import { n as r, r as i, t as a } from "./_shared/dialogsurface.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Dialog as c } from "@base-ui/react/dialog";
 //#region src/stories/molecules/Sheet/Sheet.tsx
-function c({ className: e, ...t }) {
-	return /* @__PURE__ */ a(i, {
+function l({ className: e, ...t }) {
+	return /* @__PURE__ */ o(a, {
 		className: ["sheet__footer", e].filter(Boolean).join(" "),
 		...t
 	});
 }
-function l({ open: i, onOpenChange: l, side: u = "right", title: d, titleHidden: f = !1, description: p, footer: m, children: h, closeLabel: g = "Cerrar", hideClose: _ = !1, trigger: v, container: y, onAnimationEndCapture: b, className: x, ...S }) {
-	return /* @__PURE__ */ o(s.Root, {
-		open: i,
-		onOpenChange: (e) => l(e),
-		children: [v && /* @__PURE__ */ a(s.Trigger, { render: v }), /* @__PURE__ */ o(s.Portal, {
-			container: y,
-			children: [/* @__PURE__ */ a(r, { className: "sheet__overlay" }), /* @__PURE__ */ o(s.Popup, {
-				className: ["sheet", x].filter(Boolean).join(" "),
-				"data-side": u,
-				onAnimationEndCapture: b,
-				...S,
+function u({ open: a, onOpenChange: u, side: d = "right", title: f, titleHidden: p = !1, description: m, footer: h, children: g, closeLabel: _, hideClose: v = !1, trigger: y, container: b, onAnimationEndCapture: x, className: S, ...C }) {
+	let w = e("sheet");
+	return /* @__PURE__ */ s(c.Root, {
+		open: a,
+		onOpenChange: (e) => u(e),
+		children: [y && /* @__PURE__ */ o(c.Trigger, { render: y }), /* @__PURE__ */ s(c.Portal, {
+			container: b,
+			children: [/* @__PURE__ */ o(i, { className: "sheet__overlay" }), /* @__PURE__ */ s(c.Popup, {
+				className: ["sheet", S].filter(Boolean).join(" "),
+				"data-side": d,
+				onAnimationEndCapture: x,
+				...C,
 				children: [
-					/* @__PURE__ */ o(n, {
+					/* @__PURE__ */ s(r, {
 						layout: "stacked",
 						className: "sheet__header",
-						children: [f ? /* @__PURE__ */ a(s.Title, { render: /* @__PURE__ */ a(e, { children: d }) }) : /* @__PURE__ */ a(s.Title, {
+						children: [p ? /* @__PURE__ */ o(c.Title, { render: /* @__PURE__ */ o(t, { children: f }) }) : /* @__PURE__ */ o(c.Title, {
 							className: "sheet__title",
-							children: d
-						}), p != null && /* @__PURE__ */ a(s.Description, {
+							children: f
+						}), m != null && /* @__PURE__ */ o(c.Description, {
 							className: "sheet__description",
-							children: p
+							children: m
 						})]
 					}),
-					!_ && /* @__PURE__ */ a(s.Close, {
+					!v && /* @__PURE__ */ o(c.Close, {
 						className: "sheet__close",
-						render: /* @__PURE__ */ a(t, { label: g })
+						render: /* @__PURE__ */ o(n, { label: w("close", _) })
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "sheet__body",
-						children: h
+						children: g
 					}),
-					m && /* @__PURE__ */ a(c, { children: m })
+					h && /* @__PURE__ */ o(l, { children: h })
 				]
 			})]
 		})]
 	});
 }
 //#endregion
-export { l as Sheet, c as SheetFooter };
+export { u as Sheet, l as SheetFooter };

package/dist/toaster.js

@@ -1,80 +1,81 @@
 'use client';
 import './toaster.css';
-import { Button as e } from "./button.js";
-import { CloseButton as t } from "./close-button.js";
-import { t as n } from "./_shared/css-properties.js";
-import { TOAST_DURATION as r, setToastDefaultDuration as i, syncLiveToasts as a, toastManager as o } from "./toast.js";
-import { useEffect as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Toast as u } from "@base-ui/react/toast";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Button as t } from "./button.js";
+import { CloseButton as n } from "./close-button.js";
+import { t as r } from "./_shared/css-properties.js";
+import { TOAST_DURATION as i, setToastDefaultDuration as a, syncLiveToasts as o, toastManager as s } from "./toast.js";
+import { useEffect as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Toast as d } from "@base-ui/react/toast";
 //#region src/stories/molecules/Toast/Toaster.tsx
-var d = 8, f = {
+var f = 8, p = {
 	success: "alert--success",
 	error: "alert--error",
 	warning: "alert--warning"
 };
-function p(e, t) {
+function m(e, t) {
 	return [
 		"alert",
-		f[e ?? ""] ?? "",
+		p[e ?? ""] ?? "",
 		e === "warning" ? "" : "surface-dark",
 		t ? "alert--dismissible" : "",
 		"toast"
 	].filter(Boolean).join(" ");
 }
-function m({ position: r, containerAriaLabel: i, closeLabel: o, closeButton: d, gap: f, expand: m }) {
-	let { toasts: h } = u.useToastManager(), [g, _] = r.split("-"), v = h.map((e) => e.id).join(",");
-	s(() => {
-		a(v ? v.split(",") : []);
-	}, [v]);
-	let y = n({ "--toast-gap": `${f}px` }), b = [
+function h({ position: i, containerAriaLabel: a, closeLabel: s, closeButton: f, gap: p, expand: h }) {
+	let g = e("toaster"), { toasts: _ } = d.useToastManager(), [v, y] = i.split("-"), b = _.map((e) => e.id).join(",");
+	c(() => {
+		o(b ? b.split(",") : []);
+	}, [b]);
+	let x = r({ "--toast-gap": `${p}px` }), S = [
 		"toaster",
-		g === "top" ? "toaster--top" : "",
-		_ === "right" ? "" : `toaster--${_}`,
-		m ? "toaster--expanded" : ""
+		v === "top" ? "toaster--top" : "",
+		y === "right" ? "" : `toaster--${y}`,
+		h ? "toaster--expanded" : ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ c(u.Portal, { children: /* @__PURE__ */ c(u.Viewport, {
-		ref: y,
-		className: b,
-		"aria-label": i,
-		children: h.map((n) => /* @__PURE__ */ l(u.Root, {
-			toast: n,
-			className: p(n.type, d),
-			children: [/* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ l(d.Portal, { children: /* @__PURE__ */ l(d.Viewport, {
+		ref: x,
+		className: S,
+		"aria-label": g("container", a),
+		children: _.map((e) => /* @__PURE__ */ u(d.Root, {
+			toast: e,
+			className: m(e.type, f),
+			children: [/* @__PURE__ */ u("div", {
 				className: "alert__content",
 				children: [
-					/* @__PURE__ */ c(u.Title, { className: "alert__title" }),
-					/* @__PURE__ */ c(u.Description, { className: "alert__description" }),
-					/* @__PURE__ */ c(u.Action, {
+					/* @__PURE__ */ l(d.Title, { className: "alert__title" }),
+					/* @__PURE__ */ l(d.Description, { className: "alert__description" }),
+					/* @__PURE__ */ l(d.Action, {
 						className: "toast__action",
-						render: /* @__PURE__ */ c(e, {
+						render: /* @__PURE__ */ l(t, {
 							variant: "ghost",
 							size: "sm"
 						})
 					})
 				]
-			}), d && /* @__PURE__ */ c(u.Close, {
+			}), f && /* @__PURE__ */ l(d.Close, {
 				className: "alert__close",
-				render: /* @__PURE__ */ c(t, { label: o })
+				render: /* @__PURE__ */ l(n, { label: g("close", s) })
 			})]
-		}, n.id))
+		}, e.id))
 	}) });
 }
-function h({ position: e = "bottom-right", containerAriaLabel: t = "Notificaciones", closeLabel: n = "Cerrar", closeButton: a = !0, duration: l = r, gap: f = d, visibleToasts: p = 3, expand: h = !1 }) {
-	let g = Number.isFinite(l) ? l : 0;
-	return s(() => i(g), [g]), /* @__PURE__ */ c(u.Provider, {
-		toastManager: o,
+function g({ position: e = "bottom-right", containerAriaLabel: t, closeLabel: n, closeButton: r = !0, duration: o = i, gap: u = f, visibleToasts: p = 3, expand: m = !1 }) {
+	let g = Number.isFinite(o) ? o : 0;
+	return c(() => a(g), [g]), /* @__PURE__ */ l(d.Provider, {
+		toastManager: s,
 		timeout: g,
 		limit: p,
-		children: /* @__PURE__ */ c(m, {
+		children: /* @__PURE__ */ l(h, {
 			position: e,
 			containerAriaLabel: t,
 			closeLabel: n,
-			closeButton: a,
-			gap: f,
-			expand: h
+			closeButton: r,
+			gap: u,
+			expand: m
 		})
 	});
 }
 //#endregion
-export { h as Toaster };
+export { g as Toaster };