@studiolxd/brand 45.0.0 → 46.0.0

package/dist/command-palette.js

@@ -1,62 +1,64 @@
 'use client';
 import './command-palette.css';
-import { Modal as e } from "./modal.js";
-import { useCallback as t, useEffect as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Autocomplete as a } from "@base-ui/react/autocomplete";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Modal as t } from "./modal.js";
+import { useCallback as n, useEffect as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Autocomplete as o } from "@base-ui/react/autocomplete";
 //#region src/stories/molecules/CommandPalette/CommandPalette.tsx
-function o({ open: o, onOpenChange: s, groups: c, title: l, placeholder: u, emptyLabel: d, listLabel: f, closeLabel: p, shortcut: m = "k", locale: h, className: g }) {
-	n(() => {
-		if (m === !1) return;
+function s({ open: s, onOpenChange: c, groups: l, title: u, placeholder: d, emptyLabel: f, listLabel: p, closeLabel: m, shortcut: h = "k", locale: g, className: _ }) {
+	let v = e("commandPalette");
+	r(() => {
+		if (h === !1) return;
 		let e = (e) => {
-			typeof e.key == "string" && e.key.toLowerCase() === m && (e.metaKey || e.ctrlKey) && (e.preventDefault(), s(!o));
+			typeof e.key == "string" && e.key.toLowerCase() === h && (e.metaKey || e.ctrlKey) && (e.preventDefault(), c(!s));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		m,
-		o,
-		s
+		h,
+		s,
+		c
 	]);
-	let _ = a.useFilter({
+	let y = o.useFilter({
 		sensitivity: "base",
-		locale: h
-	}), v = t((e, t) => _.contains(e.label, t) || (e.keywords ?? []).some((e) => _.contains(e, t)), [_]);
-	return /* @__PURE__ */ r(e, {
-		open: o,
-		onClose: () => s(!1),
-		title: l,
-		...p ? { closeLabel: p } : {},
-		children: /* @__PURE__ */ r(a.Root, {
+		locale: g
+	}), b = n((e, t) => y.contains(e.label, t) || (e.keywords ?? []).some((e) => y.contains(e, t)), [y]);
+	return /* @__PURE__ */ i(t, {
+		open: s,
+		onClose: () => c(!1),
+		title: v("title", u),
+		...m ? { closeLabel: m } : {},
+		children: /* @__PURE__ */ i(o.Root, {
 			inline: !0,
 			open: !0,
-			items: c,
-			filter: v,
+			items: l,
+			filter: b,
 			autoHighlight: "always",
-			children: /* @__PURE__ */ i("div", {
-				className: ["command-palette", g].filter(Boolean).join(" "),
+			children: /* @__PURE__ */ a("div", {
+				className: ["command-palette", _].filter(Boolean).join(" "),
 				children: [
-					/* @__PURE__ */ r(a.Input, {
+					/* @__PURE__ */ i(o.Input, {
 						className: "command-palette__input",
-						placeholder: u,
+						placeholder: v("placeholder", d),
 						autoFocus: !0
 					}),
-					/* @__PURE__ */ r(a.List, {
+					/* @__PURE__ */ i(o.List, {
 						className: "command-palette__list",
-						"aria-label": f,
-						children: (e) => /* @__PURE__ */ i(a.Group, {
+						"aria-label": v("list", p),
+						children: (e) => /* @__PURE__ */ a(o.Group, {
 							items: e.items,
 							className: "command-palette__group",
-							children: [/* @__PURE__ */ r(a.GroupLabel, {
+							children: [/* @__PURE__ */ i(o.GroupLabel, {
 								className: "command-palette__heading",
 								children: e.heading
-							}), /* @__PURE__ */ r(a.Collection, { children: (e) => /* @__PURE__ */ i(a.Item, {
+							}), /* @__PURE__ */ i(o.Collection, { children: (e) => /* @__PURE__ */ a(o.Item, {
 								value: e,
 								disabled: e.disabled,
 								className: "command-palette__item",
 								onClick: () => {
-									s(!1), e.onSelect();
+									c(!1), e.onSelect();
 								},
-								children: [e.icon && /* @__PURE__ */ r("span", {
+								children: [e.icon && /* @__PURE__ */ i("span", {
 									className: "command-palette__item-icon",
 									"aria-hidden": "true",
 									children: e.icon
@@ -64,9 +66,9 @@ function o({ open: o, onOpenChange: s, groups: c, title: l, placeholder: u, empt
 							}, e.id) })]
 						}, e.id)
 					}),
-					/* @__PURE__ */ r(a.Empty, {
+					/* @__PURE__ */ i(o.Empty, {
 						className: "command-palette__empty",
-						children: d
+						children: v("empty", f)
 					})
 				]
 			})
@@ -74,4 +76,4 @@ function o({ open: o, onOpenChange: s, groups: c, title: l, placeholder: u, empt
 	});
 }
 //#endregion
-export { o as CommandPalette };
+export { s as CommandPalette };

package/dist/consent.js

@@ -1,109 +1,111 @@
 'use client';
 import './consent.css';
-import { VisuallyHidden as e } from "./visually-hidden.js";
-import { Button as t } from "./button.js";
-import { Heading as n } from "./heading.js";
-import { Link as r } from "./link.js";
-import { Paragraph as i } from "./paragraph.js";
-import { SwitcherField as a } from "./switcher-field.js";
-import { Sheet as o } from "./sheet.js";
-import { Modal as s } from "./modal.js";
-import { useEffect as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { Button as n } from "./button.js";
+import { Heading as r } from "./heading.js";
+import { Link as i } from "./link.js";
+import { Paragraph as a } from "./paragraph.js";
+import { SwitcherField as o } from "./switcher-field.js";
+import { Sheet as s } from "./sheet.js";
+import { Modal as c } from "./modal.js";
+import { useEffect as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/stories/molecules/Consent/Consent.tsx
-function p({ open: e = !0, onAcceptAll: a, onRejectAll: o, onOpenPreferences: s, title: c = "Cookies", description: l = "Usamos cookies propias y de terceros para que el sitio funcione y para entender cómo se usa. Puedes aceptarlas todas, rechazarlas o elegir por categorías.", policyHref: p, policyLabel: m = "Política de cookies", policyExternal: h = !1, acceptAllLabel: g = "Aceptar todas", rejectAllLabel: _ = "Rechazar", preferencesLabel: v = "Preferencias", regionLabel: y = "Consentimiento de cookies", className: b, ...x }) {
-	return e ? /* @__PURE__ */ d("aside", {
-		className: ["consent-banner", b].filter(Boolean).join(" "),
+function m({ open: t = !0, onAcceptAll: o, onRejectAll: s, onOpenPreferences: c, title: l, description: u, policyHref: m, policyLabel: h, policyExternal: g = !1, acceptAllLabel: _, rejectAllLabel: v, preferencesLabel: y, regionLabel: b, className: x, ...S }) {
+	let C = e("consent");
+	return t ? /* @__PURE__ */ f("aside", {
+		className: ["consent-banner", x].filter(Boolean).join(" "),
 		role: "region",
-		"aria-label": y,
-		...x,
-		children: /* @__PURE__ */ f("div", {
+		"aria-label": C("regionLabel", b),
+		...S,
+		children: /* @__PURE__ */ p("div", {
 			className: "consent-banner__inner",
-			children: [/* @__PURE__ */ f("div", {
+			children: [/* @__PURE__ */ p("div", {
 				className: "consent-banner__text",
-				children: [/* @__PURE__ */ d(n, {
+				children: [/* @__PURE__ */ f(r, {
 					level: 2,
 					size: 3,
 					className: "consent-banner__title",
-					children: c
-				}), /* @__PURE__ */ f(i, {
+					children: l === void 0 ? C("title") : l
+				}), /* @__PURE__ */ p(a, {
 					className: "consent-banner__description",
-					children: [l, p !== void 0 && /* @__PURE__ */ f(u, { children: [" ", /* @__PURE__ */ d(r, {
-						href: p,
-						external: h,
-						children: m
+					children: [u, m !== void 0 && /* @__PURE__ */ p(d, { children: [" ", /* @__PURE__ */ f(i, {
+						href: m,
+						external: g,
+						children: h
 					})] })]
 				})]
-			}), /* @__PURE__ */ f("div", {
+			}), /* @__PURE__ */ p("div", {
 				className: "consent-banner__actions",
 				children: [
-					/* @__PURE__ */ d(t, {
-						onClick: a,
-						children: g
-					}),
-					/* @__PURE__ */ d(t, {
+					/* @__PURE__ */ f(n, {
 						onClick: o,
-						children: _
+						children: C("acceptAll", _)
 					}),
-					s && /* @__PURE__ */ d(t, {
-						variant: "outline",
+					/* @__PURE__ */ f(n, {
 						onClick: s,
-						children: v
+						children: C("rejectAll", v)
+					}),
+					c && /* @__PURE__ */ f(n, {
+						variant: "outline",
+						onClick: c,
+						children: C("preferences", y)
 					})
 				]
 			})]
 		})
 	}) : null;
 }
-function m(e, t) {
+function h(e, t) {
 	let n = { ...e };
 	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, 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));
-	}, [t, C]);
-	let E = C ? m(i, r) : w, D = (e) => {
-		C ? p(e) : T(e), h?.(e);
-	}, O = (e, t) => {
-		D({
-			...E,
+function g({ open: n, onOpenChange: r, categories: i, value: a, onChange: m, onSave: g, surface: _ = "modal", side: v = "right", title: y, closeLabel: b, alwaysOnLabel: x, container: S, className: C }) {
+	let w = e("consent"), T = m !== void 0, [E, D] = u(() => h(a, i));
+	l(() => {
+		n && !T && D(h(a, i));
+	}, [n, T]);
+	let O = T ? h(a, i) : E, k = (e) => {
+		T ? m(e) : D(e), g?.(e);
+	}, A = (e, t) => {
+		k({
+			...O,
 			[e]: t
 		});
-	}, k = /* @__PURE__ */ d("div", {
-		className: ["consent-preferences", S].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ d("ul", {
+	}, j = /* @__PURE__ */ f("div", {
+		className: ["consent-preferences", C].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ f("ul", {
 			className: "consent-preferences__list",
-			children: r.map((t) => /* @__PURE__ */ d("li", {
+			children: i.map((e) => /* @__PURE__ */ f("li", {
 				className: "consent-preferences__category",
-				children: /* @__PURE__ */ d(a, {
-					label: t.required ? /* @__PURE__ */ f(u, { children: [t.name, /* @__PURE__ */ d(e, { children: `, ${b}` })] }) : t.name,
-					helperText: t.description,
-					checked: t.required ? !0 : E[t.id] === !0,
-					disabled: t.required,
-					onCheckedChange: (e) => O(t.id, e)
+				children: /* @__PURE__ */ f(o, {
+					label: e.required ? /* @__PURE__ */ p(d, { children: [e.name, /* @__PURE__ */ f(t, { children: `, ${w("alwaysOn", x)}` })] }) : e.name,
+					helperText: e.description,
+					checked: e.required ? !0 : O[e.id] === !0,
+					disabled: e.required,
+					onCheckedChange: (t) => A(e.id, t)
 				})
-			}, t.id))
+			}, e.id))
 		})
-	});
-	return g === "modal" ? /* @__PURE__ */ d(s, {
-		open: t,
-		onClose: () => n(!1),
-		title: typeof v == "string" ? v : void 0,
-		...y === void 0 ? {} : { closeLabel: y },
-		container: x,
-		children: k
-	}) : /* @__PURE__ */ d(o, {
-		open: t,
-		onOpenChange: n,
-		side: _,
-		title: v,
-		...y === void 0 ? {} : { closeLabel: y },
-		container: x,
-		children: k
+	}), M = y === void 0 ? w("preferencesTitle") : y;
+	return _ === "modal" ? /* @__PURE__ */ f(c, {
+		open: n,
+		onClose: () => r(!1),
+		title: typeof M == "string" ? M : void 0,
+		...b === void 0 ? {} : { closeLabel: b },
+		container: S,
+		children: j
+	}) : /* @__PURE__ */ f(s, {
+		open: n,
+		onOpenChange: r,
+		side: v,
+		title: M,
+		...b === void 0 ? {} : { closeLabel: b },
+		container: S,
+		children: j
 	});
 }
 //#endregion
-export { p as ConsentBanner, h as ConsentPreferences };
+export { m as ConsentBanner, g as ConsentPreferences };

package/dist/floating-dock.js

@@ -1,72 +1,73 @@
 'use client';
 import './floating-dock.css';
-import { Icon as e } from "./icon.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Button as n } from "./button.js";
-import { CloseButton as r } from "./close-button.js";
-import { NumberBadge as i } from "./number-badge.js";
-import { useState as a } from "react";
-import { 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 { Icon as t } from "./icon.js";
+import { VisuallyHidden as n } from "./visually-hidden.js";
+import { Button as r } from "./button.js";
+import { CloseButton as i } from "./close-button.js";
+import { NumberBadge as a } from "./number-badge.js";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Dialog as l } from "@base-ui/react/dialog";
 //#region src/stories/sections/FloatingDock/FloatingDock.tsx
-function l({ label: l, title: u, titleHidden: d = !1, description: f, children: p, icon: m, position: h = "bottom-end", open: g, defaultOpen: _, onOpenChange: v, closeLabel: y = "Cerrar", badge: b = 0, badgeMax: x = 99, badgeLabel: S = (e) => `${e} mensajes nuevos`, badgeLive: C = !0, dismissOnOutsidePress: w = !1, className: T, ...E }) {
-	let [D, O] = a(null);
-	return /* @__PURE__ */ o("div", {
-		ref: O,
-		className: ["floating-dock", T].filter(Boolean).join(" "),
-		"data-position": h,
-		...E,
-		children: /* @__PURE__ */ s(c.Root, {
-			open: g,
-			defaultOpen: _,
+function u({ label: u, title: d, titleHidden: f = !1, description: p, children: m, icon: h, position: g = "bottom-end", open: _, defaultOpen: v, onOpenChange: y, closeLabel: b, badge: x = 0, badgeMax: S = 99, badgeLabel: C, badgeLive: w = !0, dismissOnOutsidePress: T = !1, className: E, ...D }) {
+	let O = e("floatingDock"), [k, A] = o(null);
+	return /* @__PURE__ */ s("div", {
+		ref: A,
+		className: ["floating-dock", E].filter(Boolean).join(" "),
+		"data-position": g,
+		...D,
+		children: /* @__PURE__ */ c(l.Root, {
+			open: _,
+			defaultOpen: v,
 			modal: !1,
-			disablePointerDismissal: !w,
-			onOpenChange: (e) => v?.(e),
+			disablePointerDismissal: !T,
+			onOpenChange: (e) => y?.(e),
 			children: [
-				/* @__PURE__ */ o(c.Trigger, { render: /* @__PURE__ */ s(n, {
+				/* @__PURE__ */ s(l.Trigger, { render: /* @__PURE__ */ c(r, {
 					variant: "primary",
 					size: "lg",
 					iconOnly: !0,
-					"aria-label": l,
+					"aria-label": u,
 					className: "floating-dock__trigger",
-					children: [m ?? /* @__PURE__ */ o(e, {
+					children: [h ?? /* @__PURE__ */ s(t, {
 						name: "message",
 						size: "md"
-					}), b > 0 && /* @__PURE__ */ o(i, {
-						count: b,
-						max: x,
+					}), x > 0 && /* @__PURE__ */ s(a, {
+						count: x,
+						max: S,
 						variant: "danger",
 						"aria-hidden": "true",
 						className: "floating-dock__badge"
 					})]
 				}) }),
-				C && b > 0 && /* @__PURE__ */ o(t, {
+				w && x > 0 && /* @__PURE__ */ s(n, {
 					"aria-live": "polite",
-					children: S(b)
+					children: O("badge", C)(x)
 				}),
-				D && /* @__PURE__ */ o(c.Portal, {
-					container: D,
+				k && /* @__PURE__ */ s(l.Portal, {
+					container: k,
 					className: "floating-dock__portal",
-					children: /* @__PURE__ */ s(c.Popup, {
+					children: /* @__PURE__ */ c(l.Popup, {
 						className: "floating-dock__panel",
 						children: [
-							/* @__PURE__ */ s("header", {
+							/* @__PURE__ */ c("header", {
 								className: "floating-dock__header",
-								children: [d ? /* @__PURE__ */ o(c.Title, { render: /* @__PURE__ */ o(t, { children: u }) }) : /* @__PURE__ */ o(c.Title, {
+								children: [f ? /* @__PURE__ */ s(l.Title, { render: /* @__PURE__ */ s(n, { children: d }) }) : /* @__PURE__ */ s(l.Title, {
 									className: "floating-dock__title",
-									children: u
-								}), f != null && /* @__PURE__ */ o(c.Description, {
+									children: d
+								}), p != null && /* @__PURE__ */ s(l.Description, {
 									className: "floating-dock__description",
-									children: f
+									children: p
 								})]
 							}),
-							/* @__PURE__ */ o(c.Close, {
+							/* @__PURE__ */ s(l.Close, {
 								className: "floating-dock__close",
-								render: /* @__PURE__ */ o(r, { label: y })
+								render: /* @__PURE__ */ s(i, { label: O("close", b) })
 							}),
-							/* @__PURE__ */ o("div", {
+							/* @__PURE__ */ s("div", {
 								className: "floating-dock__body",
-								children: p
+								children: m
 							})
 						]
 					})
@@ -76,4 +77,4 @@ function l({ label: l, title: u, titleHidden: d = !1, description: f, children:
 	});
 }
 //#endregion
-export { l as FloatingDock };
+export { u as FloatingDock };

package/dist/multi-select.css

@@ -1 +1 @@
-.multi-select{justify-content:space-between;align-items:center;gap:var(--multi-select-content-gap);min-block-size:var(--multi-select-height);padding-block:0;padding-inline:var(--multi-select-padding-inline);font-family:var(--multi-select-font-family);font-size:var(--multi-select-font-size);line-height:var(--multi-select-line-height);font-weight:var(--multi-select-font-weight);color:var(--multi-select-color);background-color:var(--multi-select-bg);border-width:var(--multi-select-border-width);border-style:var(--multi-select-border-style);border-color:var(--multi-select-border-color);border-radius:var(--multi-select-border-radius);box-sizing:border-box;cursor:pointer;width:100%;display:inline-flex}.multi-select:focus,.multi-select[data-popup-open]{outline:none}.multi-select:has(.multi-select__combobox:focus-visible){outline:var(--multi-select-focus-ring-width) solid var(--multi-select-focus-ring-color);outline-offset:calc(-1 * (var(--multi-select-focus-ring-width) + var(--multi-select-border-width)))}.multi-select__combobox{outline:none;flex:auto;align-items:center;min-width:0;display:inline-flex}.multi-select.multi-select--disabled{opacity:var(--multi-select-disabled-opacity);cursor:var(--multi-select-disabled-cursor);pointer-events:none}.multi-select__values{align-items:center;gap:var(--multi-select-selection-gap);flex-wrap:wrap;flex:1;min-width:0;display:flex}.multi-select__placeholder{color:var(--multi-select-placeholder-color)}.multi-select__pill{align-items:center;gap:var(--multi-select-pill-gap);padding-block:var(--multi-select-pill-padding-block);padding-inline:var(--multi-select-pill-padding-inline);background-color:var(--multi-select-pill-bg);color:var(--multi-select-pill-color);border-radius:var(--multi-select-pill-border-radius);font-size:var(--multi-select-pill-font-size);line-height:var(--multi-select-pill-line-height);white-space:nowrap;display:inline-flex}.multi-select__pill-label{line-height:var(--multi-select-pill-line-height)}.multi-select__pill-remove{all:unset;cursor:pointer;line-height:var(--multi-select-pill-line-height);font-size:var(--multi-select-pill-font-size);opacity:var(--multi-select-pill-remove-opacity);justify-content:center;align-items:center;display:inline-flex}.multi-select__pill-remove:hover{opacity:var(--multi-select-pill-remove-hover-opacity)}.multi-select__icon{transition:transform var(--multi-select-icon-transition) var(--multi-select-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}[data-popup-open] .multi-select__icon{transform:rotate(-90deg)}.multi-select__content{background-color:var(--multi-select-content-bg);border-width:var(--multi-select-border-width);border-style:var(--multi-select-border-style);border-color:var(--multi-select-content-border-color);min-width:var(--anchor-width);max-height:var(--multi-select-content-max-height,var(--available-height));overscroll-behavior:contain;overflow-y:auto}.multi-select__content[data-side=bottom]{border-top:none}.multi-select__content[data-side=top]{border-bottom:none}.multi-select__item{all:unset;box-sizing:border-box;align-items:center;gap:var(--multi-select-padding-inline);width:100%;padding-block:var(--multi-select-item-padding-block);padding-inline:var(--multi-select-padding-inline);font-size:var(--multi-select-font-size);font-family:var(--multi-select-font-family);color:var(--multi-select-color);cursor:pointer;display:flex}.multi-select__item.multi-select__item--active,.multi-select__item:hover{background-color:var(--multi-select-item-highlighted-bg);color:var(--multi-select-item-highlighted-color)}.multi-select__item.multi-select__item--selected{font-weight:var(--multi-select-item-selected-font-weight)}.multi-select__content .multi-select__item+.multi-select__item,.multi-select__content[data-side=bottom] .multi-select__item:first-child{border-top:var(--multi-select-border-width) var(--multi-select-border-style) var(--multi-select-content-border-color)}.multi-select__content[data-side=top] .multi-select__item:last-child{border-bottom:var(--multi-select-border-width) var(--multi-select-border-style) var(--multi-select-content-border-color)}.multi-select__item-check{width:var(--checkbox-size);height:var(--checkbox-size);border-width:var(--checkbox-border-width);border-style:var(--checkbox-border-style);transition:background-color var(--checkbox-transition-duration) var(--checkbox-transition-easing);background-color:#0000;border-color:currentColor;flex-shrink:0;place-content:center;display:grid}.multi-select__item--selected .multi-select__item-check{background-color:currentColor}.multi-select__item-check-mark{width:var(--checkbox-check-size);height:var(--checkbox-check-size);background-color:var(--multi-select-content-bg);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform var(--checkbox-transition-duration) var(--checkbox-transition-easing);transform:scale(0)}.multi-select__item--selected .multi-select__item-check-mark{transform:scale(1)}.multi-select__item--active .multi-select__item-check-mark,.multi-select__item:hover .multi-select__item-check-mark{background-color:var(--multi-select-item-highlighted-bg)}.multi-select.multi-select--sm{font-size:var(--multi-select-sm-font-size);--multi-select-height:var(--multi-select-sm-height);padding-inline:var(--multi-select-sm-padding-inline)}.multi-select__content--sm .multi-select__item{font-size:var(--multi-select-sm-font-size);padding-block:var(--multi-select-sm-item-padding-block)}.multi-select.multi-select--lg{font-size:var(--multi-select-lg-font-size);--multi-select-height:var(--multi-select-lg-height);padding-inline:var(--multi-select-lg-padding-inline)}.multi-select__content--lg .multi-select__item{font-size:var(--multi-select-lg-font-size);padding-block:var(--multi-select-lg-item-padding-block)}.multi-select__positioner{z-index:var(--multi-select-content-z-index)}.multi-select.multi-select--error{border-color:var(--multi-select-error-border-color)}
+.multi-select{justify-content:space-between;align-items:center;gap:var(--multi-select-content-gap);min-block-size:var(--multi-select-height);padding-block:0;padding-inline:var(--multi-select-padding-inline);font-family:var(--multi-select-font-family);font-size:var(--multi-select-font-size);line-height:var(--multi-select-line-height);font-weight:var(--multi-select-font-weight);color:var(--multi-select-color);background-color:var(--multi-select-bg);border-width:var(--multi-select-border-width);border-style:var(--multi-select-border-style);border-color:var(--multi-select-border-color);border-radius:var(--multi-select-border-radius);box-sizing:border-box;cursor:pointer;width:100%;display:inline-flex}.multi-select:focus,.multi-select[data-popup-open]{outline:none}.multi-select:has(.multi-select__combobox:focus-visible){outline:var(--multi-select-focus-ring-width) solid var(--multi-select-focus-ring-color);outline-offset:calc(-1 * (var(--multi-select-focus-ring-width) + var(--multi-select-border-width)))}.multi-select__combobox{outline:none;flex:auto;align-items:center;min-width:0;display:inline-flex}.multi-select.multi-select--disabled{opacity:var(--multi-select-disabled-opacity);cursor:var(--multi-select-disabled-cursor);pointer-events:none}.multi-select__values{align-items:center;gap:var(--multi-select-selection-gap);flex-wrap:wrap;flex:1;min-width:0;display:flex}.multi-select__placeholder{color:var(--multi-select-placeholder-color)}.multi-select__pill{align-items:center;gap:var(--multi-select-pill-gap);padding-block:var(--multi-select-pill-padding-block);padding-inline:var(--multi-select-pill-padding-inline);background-color:var(--multi-select-pill-bg);color:var(--multi-select-pill-color);border-radius:var(--multi-select-pill-border-radius);font-size:var(--multi-select-pill-font-size);line-height:var(--multi-select-pill-line-height);white-space:nowrap;display:inline-flex}.multi-select__pill-label{line-height:var(--multi-select-pill-line-height)}.multi-select__pill-remove{all:unset;cursor:pointer;line-height:var(--multi-select-pill-line-height);font-size:var(--multi-select-pill-font-size);opacity:var(--multi-select-pill-remove-opacity);justify-content:center;align-items:center;display:inline-flex}.multi-select__pill-remove:hover{opacity:var(--multi-select-pill-remove-hover-opacity)}.multi-select .multi-select__icon{--icon-size:var(--multi-select-icon-size)}.multi-select__icon{transition:transform var(--multi-select-icon-transition) var(--multi-select-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}[data-popup-open] .multi-select__icon{transform:rotate(-90deg)}.multi-select__content{background-color:var(--multi-select-content-bg);border-width:var(--multi-select-border-width);border-style:var(--multi-select-border-style);border-color:var(--multi-select-content-border-color);min-width:var(--anchor-width);max-height:var(--multi-select-content-max-height,var(--available-height));overscroll-behavior:contain;overflow-y:auto}.multi-select__content[data-side=bottom]{border-top:none}.multi-select__content[data-side=top]{border-bottom:none}.multi-select__item{all:unset;box-sizing:border-box;align-items:center;gap:var(--multi-select-padding-inline);width:100%;padding-block:var(--multi-select-item-padding-block);padding-inline:var(--multi-select-padding-inline);font-size:var(--multi-select-font-size);font-family:var(--multi-select-font-family);color:var(--multi-select-color);cursor:pointer;display:flex}.multi-select__item.multi-select__item--active,.multi-select__item:hover{background-color:var(--multi-select-item-highlighted-bg);color:var(--multi-select-item-highlighted-color)}.multi-select__item.multi-select__item--selected{font-weight:var(--multi-select-item-selected-font-weight)}.multi-select__content .multi-select__item+.multi-select__item,.multi-select__content[data-side=bottom] .multi-select__item:first-child{border-top:var(--multi-select-border-width) var(--multi-select-border-style) var(--multi-select-content-border-color)}.multi-select__content[data-side=top] .multi-select__item:last-child{border-bottom:var(--multi-select-border-width) var(--multi-select-border-style) var(--multi-select-content-border-color)}.multi-select__item-check{width:var(--checkbox-size);height:var(--checkbox-size);border-width:var(--checkbox-border-width);border-style:var(--checkbox-border-style);transition:background-color var(--checkbox-transition-duration) var(--checkbox-transition-easing);background-color:#0000;border-color:currentColor;flex-shrink:0;place-content:center;display:grid}.multi-select__item--selected .multi-select__item-check{background-color:currentColor}.multi-select__item-check-mark{width:var(--checkbox-check-size);height:var(--checkbox-check-size);background-color:var(--multi-select-content-bg);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform var(--checkbox-transition-duration) var(--checkbox-transition-easing);transform:scale(0)}.multi-select__item--selected .multi-select__item-check-mark{transform:scale(1)}.multi-select__item--active .multi-select__item-check-mark,.multi-select__item:hover .multi-select__item-check-mark{background-color:var(--multi-select-item-highlighted-bg)}.multi-select.multi-select--sm{font-size:var(--multi-select-sm-font-size);--multi-select-height:var(--multi-select-sm-height);padding-inline:var(--multi-select-sm-padding-inline);--multi-select-icon-size:var(--multi-select-sm-icon-size)}.multi-select__content--sm .multi-select__item{font-size:var(--multi-select-sm-font-size);padding-block:var(--multi-select-sm-item-padding-block)}.multi-select.multi-select--lg{font-size:var(--multi-select-lg-font-size);--multi-select-height:var(--multi-select-lg-height);padding-inline:var(--multi-select-lg-padding-inline);--multi-select-icon-size:var(--multi-select-lg-icon-size)}.multi-select__content--lg .multi-select__item{font-size:var(--multi-select-lg-font-size);padding-block:var(--multi-select-lg-item-padding-block)}.multi-select__positioner{z-index:var(--multi-select-content-z-index)}.multi-select.multi-select--error{border-color:var(--multi-select-error-border-color)}

package/dist/multi-select.js

@@ -133,8 +133,7 @@ var d = 500, f = n(function({ options: n, value: f, defaultValue: p = [], placeh
 				}),
 				/* @__PURE__ */ s(t, {
 					name: "chevron",
-					className: "multi-select__icon",
-					size: _ === "sm" ? "xs" : _ === "lg" ? "md" : "sm"
+					className: "multi-select__icon"
 				}),
 				b && U.map((e) => /* @__PURE__ */ s("input", {
 					type: "hidden",

package/dist/notification-button.js

@@ -1,27 +1,28 @@
 'use client';
 import './notification-button.css';
-import { Icon as e } from "./icon.js";
-import { Button as t } from "./button.js";
-import { NumberBadge as n } from "./number-badge.js";
-import { forwardRef 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 { Button as n } from "./button.js";
+import { NumberBadge as r } from "./number-badge.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/molecules/NotificationButton/NotificationButton.tsx
-var o = r(function({ count: r = 0, max: o = 99, label: s = "Notificaciones", countLabel: c = (e) => `Notificaciones: ${e} sin leer`, className: l, ...u }, d) {
-	let f = r > 0 ? c(r) : s;
-	return /* @__PURE__ */ a(t, {
-		ref: d,
+var s = i(function({ count: i = 0, max: s = 99, label: c, countLabel: l, className: u, ...d }, f) {
+	let p = e("notificationButton"), m = i > 0 ? p("countLabel", l)(i) : p("label", c);
+	return /* @__PURE__ */ o(n, {
+		ref: f,
 		variant: "ghost",
 		iconOnly: !0,
 		size: "md",
-		"aria-label": f,
-		className: ["notification-button", l].filter(Boolean).join(" "),
-		...u,
-		children: [/* @__PURE__ */ i(e, {
+		"aria-label": m,
+		className: ["notification-button", u].filter(Boolean).join(" "),
+		...d,
+		children: [/* @__PURE__ */ a(t, {
 			name: "bell",
 			size: "md"
-		}), r > 0 && /* @__PURE__ */ i(n, {
-			count: r,
-			max: o,
+		}), i > 0 && /* @__PURE__ */ a(r, {
+			count: i,
+			max: s,
 			variant: "danger",
 			"aria-hidden": "true",
 			className: "notification-button__badge"
@@ -29,4 +30,4 @@ var o = r(function({ count: r = 0, max: o = 99, label: s = "Notificaciones", cou
 	});
 });
 //#endregion
-export { o as NotificationButton };
+export { s as NotificationButton };