@studiolxd/brand 45.1.0 → 47.0.0

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/input-phone.js

@@ -2,72 +2,73 @@
 import './input-phone.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
-import { forwardRef as n, useMemo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Select as o } from "@base-ui/react/select";
-import s, { getCountryCallingCode as c } from "react-phone-number-input";
+import { n } from "./_shared/portal-container.js";
+import { forwardRef as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Select as s } from "@base-ui/react/select";
+import c, { getCountryCallingCode as l } from "react-phone-number-input";
 //#region src/stories/atoms/InputPhone/InputPhone.tsx
-function l({ value: n, onChange: r, options: s, disabled: l, size: u = "md", countryLabel: d, internationalLabel: f = "🌐", container: p }) {
-	let m = e("inputPhone"), h = "__intl__", g = (e) => e ?? h, _ = (e) => e === h ? void 0 : e, v = u === "sm" ? "xs" : u === "lg" ? "md" : "sm", y = ["input-phone__country-content", u === "md" ? "" : `input-phone__country-content--${u}`].filter(Boolean).join(" ");
-	return /* @__PURE__ */ a(o.Root, {
-		value: g(n),
-		onValueChange: (e) => r(_(e)),
-		disabled: l,
-		children: [/* @__PURE__ */ a(o.Trigger, {
+function u({ value: r, onChange: i, options: c, disabled: u, size: d = "md", countryLabel: f, internationalLabel: p = "🌐", container: m }) {
+	let h = e("inputPhone"), g = n(m), _ = "__intl__", v = (e) => e ?? _, y = (e) => e === _ ? void 0 : e, b = d === "sm" ? "xs" : d === "lg" ? "md" : "sm", x = ["input-phone__country-content", d === "md" ? "" : `input-phone__country-content--${d}`].filter(Boolean).join(" ");
+	return /* @__PURE__ */ o(s.Root, {
+		value: v(r),
+		onValueChange: (e) => i(y(e)),
+		disabled: u,
+		children: [/* @__PURE__ */ o(s.Trigger, {
 			className: "input-phone__country",
-			"aria-label": m("country", d),
-			children: [/* @__PURE__ */ i(o.Value, { children: n ? `+${c(n)}` : f }), /* @__PURE__ */ i(t, {
+			"aria-label": h("country", f),
+			children: [/* @__PURE__ */ a(s.Value, { children: r ? `+${l(r)}` : p }), /* @__PURE__ */ a(t, {
 				name: "chevron",
 				className: "input-phone__country-icon",
-				size: v
+				size: b
 			})]
-		}), /* @__PURE__ */ i(o.Portal, {
-			container: p,
-			children: /* @__PURE__ */ i(o.Positioner, {
+		}), /* @__PURE__ */ a(s.Portal, {
+			container: g,
+			children: /* @__PURE__ */ a(s.Positioner, {
 				className: "input-phone__country-positioner",
 				side: "bottom",
 				align: "start",
 				alignItemWithTrigger: !1,
-				children: /* @__PURE__ */ i(o.Popup, {
-					className: y,
-					children: s.map(({ value: e, label: t }) => /* @__PURE__ */ i(o.Item, {
-						value: g(e),
+				children: /* @__PURE__ */ a(s.Popup, {
+					className: x,
+					children: c.map(({ value: e, label: t }) => /* @__PURE__ */ a(s.Item, {
+						value: v(e),
 						className: "input-phone__country-item",
-						children: /* @__PURE__ */ i(o.ItemText, { children: t })
-					}, g(e)))
+						children: /* @__PURE__ */ a(s.ItemText, { children: t })
+					}, v(e)))
 				})
 			})
 		})]
 	});
 }
-var u = n(function({ value: e, defaultCountry: t = "ES", placeholder: a, disabled: o, error: c = !1, size: u = "md", id: f, name: p, describedBy: m, "aria-describedby": h, "aria-label": g, autoComplete: _, required: v, readOnly: y, onChange: b, onBlur: x, onFocus: S, countryLabel: C, internationalLabel: w, container: T }, E) {
-	return /* @__PURE__ */ i(s, {
+var d = r(function({ value: e, defaultCountry: t = "ES", placeholder: n, disabled: o, error: s = !1, size: l = "md", id: d, name: p, describedBy: m, "aria-describedby": h, "aria-label": g, autoComplete: _, required: v, readOnly: y, onChange: b, onBlur: x, onFocus: S, countryLabel: C, internationalLabel: w, container: T }, E) {
+	return /* @__PURE__ */ a(c, {
 		className: [
 			"input-phone",
-			c ? "input-phone--error" : "",
-			u === "md" ? "" : `input-phone--${u}`
+			s ? "input-phone--error" : "",
+			l === "md" ? "" : `input-phone--${l}`
 		].filter(Boolean).join(" "),
 		value: e,
 		defaultCountry: t,
-		placeholder: a,
+		placeholder: n,
 		disabled: o,
 		readOnly: y,
 		required: v,
 		autoComplete: _,
-		id: f,
+		id: d,
 		name: p,
-		inputComponent: r(() => n(function(e, t) {
-			return /* @__PURE__ */ i("input", {
+		inputComponent: i(() => r(function(e, t) {
+			return /* @__PURE__ */ a("input", {
 				...e,
 				ref: (e) => {
-					d(t, e), d(E, e);
+					f(t, e), f(E, e);
 				},
 				className: "input-phone__number"
 			});
 		}), [E]),
-		countrySelectComponent: l,
+		countrySelectComponent: u,
 		countrySelectProps: {
-			size: u,
+			size: l,
 			countryLabel: C,
 			internationalLabel: w,
 			container: T
@@ -78,12 +79,12 @@ var u = n(function({ value: e, defaultCountry: t = "ES", placeholder: a, disable
 		numberInputProps: {
 			"aria-describedby": h ?? m,
 			"aria-label": g,
-			"aria-invalid": c || void 0
+			"aria-invalid": s || void 0
 		}
 	});
 });
-function d(e, t) {
+function f(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
 //#endregion
-export { u as InputPhone };
+export { d as InputPhone };

package/dist/menu-button.js

@@ -1,27 +1,29 @@
 'use client';
 import './menu-button.css';
-import { Icon as e } from "./icon.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/stories/atoms/MenuButton/MenuButton.tsx
-var r = t(function({ isOpen: t = !1, label: r = "Menú", closeLabel: i, size: a = "md", className: o, ...s }, c) {
-	return /* @__PURE__ */ n("button", {
-		ref: c,
+var i = n(function({ isOpen: n = !1, label: i, closeLabel: a, size: o = "md", className: s, ...c }, l) {
+	let u = e("menuButton");
+	return /* @__PURE__ */ r("button", {
+		ref: l,
 		type: "button",
 		className: [
 			"menu-button",
-			`menu-button--${a}`,
-			o
+			`menu-button--${o}`,
+			s
 		].filter(Boolean).join(" "),
-		"aria-label": t && i ? i : r,
-		"aria-expanded": t,
-		...s,
-		children: /* @__PURE__ */ n(e, {
+		"aria-label": n ? u("close", a) : u("open", i),
+		"aria-expanded": n,
+		...c,
+		children: /* @__PURE__ */ r(t, {
 			name: "menu",
-			size: a === "lg" ? "lg" : "md",
+			size: o === "lg" ? "lg" : "md",
 			className: "menu-button__icon"
 		})
 	});
 });
 //#endregion
-export { r as MenuButton };
+export { i as MenuButton };

package/dist/menu.js

@@ -1,51 +1,55 @@
 'use client';
 import './menu.css';
-import { t as e } from "./_shared/css-properties.js";
-import { n as t, t as n } from "./_shared/dropdownitems.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Menu as a } from "@base-ui/react/menu";
+import { n as e } from "./_shared/portal-container.js";
+import { t } from "./_shared/css-properties.js";
+import { n, t as r } from "./_shared/dropdownitems.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Menu as o } from "@base-ui/react/menu";
 //#region src/stories/molecules/Menu/Menu.tsx
-function o(e) {
+function s(e) {
 	return ["menu__item", e ? "menu__item--destructive" : ""].filter(Boolean).join(" ");
 }
-function s({ trigger: s, items: c, value: l, onValueChange: u, renderLink: d = n, open: f, defaultOpen: p, onOpenChange: m, openOnHover: h = !1, hoverDelay: g = 150, side: _ = "bottom", align: v = "start", sideOffset: y = 4, minWidth: b = "10rem", maxWidth: x, size: S = "md", className: C }) {
-	let w = s, T = typeof w.props?.id == "string" ? w.props.id : void 0, E = e({
-		"min-width": b,
-		"max-width": x
+function c({ trigger: c, items: l, value: u, onValueChange: d, renderLink: f = r, open: p, defaultOpen: m, onOpenChange: h, openOnHover: g = !1, hoverDelay: _ = 150, side: v = "bottom", align: y = "start", sideOffset: b = 4, minWidth: x = "10rem", maxWidth: S, size: C = "md", container: w, className: T }) {
+	let E = e(w), D = c, O = typeof D.props?.id == "string" ? D.props.id : void 0, k = t({
+		"min-width": x,
+		"max-width": S
 	});
-	return /* @__PURE__ */ i(a.Root, {
-		open: f,
-		defaultOpen: p,
-		onOpenChange: (e) => m?.(e),
-		children: [/* @__PURE__ */ r(a.Trigger, {
-			id: T,
-			render: w,
-			openOnHover: h,
-			delay: g
-		}), /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ r(a.Positioner, {
-			className: "menu__positioner",
-			side: _,
-			align: v,
-			sideOffset: y,
-			children: /* @__PURE__ */ r(a.Popup, {
-				ref: E,
-				className: [
-					"menu__content",
-					S === "md" ? "" : `menu__content--${S}`,
-					C
-				].filter(Boolean).join(" "),
-				children: t({
-					items: c,
-					itemClass: o,
-					separatorClass: "menu__separator",
-					labelClass: "menu__label",
-					radioValue: l,
-					onRadioValueChange: u,
-					renderLink: d
+	return /* @__PURE__ */ a(o.Root, {
+		open: p,
+		defaultOpen: m,
+		onOpenChange: (e) => h?.(e),
+		children: [/* @__PURE__ */ i(o.Trigger, {
+			id: O,
+			render: D,
+			openOnHover: g,
+			delay: _
+		}), /* @__PURE__ */ i(o.Portal, {
+			container: E,
+			children: /* @__PURE__ */ i(o.Positioner, {
+				className: "menu__positioner",
+				side: v,
+				align: y,
+				sideOffset: b,
+				children: /* @__PURE__ */ i(o.Popup, {
+					ref: k,
+					className: [
+						"menu__content",
+						C === "md" ? "" : `menu__content--${C}`,
+						T
+					].filter(Boolean).join(" "),
+					children: n({
+						items: l,
+						itemClass: s,
+						separatorClass: "menu__separator",
+						labelClass: "menu__label",
+						radioValue: u,
+						onRadioValueChange: d,
+						renderLink: f
+					})
 				})
 			})
-		}) })]
+		})]
 	});
 }
 //#endregion
-export { s as Menu };
+export { c as Menu };