@studiolxd/brand 47.0.0 → 48.0.0

package/dist/code-block.js

@@ -1,69 +1,69 @@
 'use client';
 import './code-block.css';
-import { Icon as e } from "./icon.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Button as n } from "./button.js";
-import { n as r } from "./_shared/copy-to-clipboard.js";
-import { Tag as i } from "./tag.js";
-import { useRef as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+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 { n as i } from "./_shared/copy-to-clipboard.js";
+import { Tag as a } from "./tag.js";
+import { useRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/molecules/CodeBlock/CodeBlock.tsx
-var l = (e) => e ? `Bloque de código ${e}` : "Bloque de código";
-function u({ children: u, language: d, copyable: f = !1, singleLine: p, copyLabel: m = "Copiar código", copiedLabel: h = "Copiado", codeLabel: g = l, className: _, ...v }) {
-	let y = a(null), { status: b, copy: x } = r(), S = b === "copied", C = () => x(() => y.current?.textContent ?? ""), w = typeof u == "string" && !u.includes("\n"), T = p ?? w, E = !!d || f, D = [
+function u({ children: u, language: d, copyable: f = !1, singleLine: p, copyLabel: m, copiedLabel: h, codeLabel: g, className: _, ...v }) {
+	let y = e("codeBlock"), b = e("copy"), x = o(null), { status: S, copy: C } = i(), w = S === "copied", T = () => C(() => x.current?.textContent ?? ""), E = typeof u == "string" && !u.includes("\n"), D = p ?? E, O = !!d || f, k = [
 		"code-block",
-		T ? "code-block--single-line" : "",
+		D ? "code-block--single-line" : "",
 		_ ?? ""
-	].filter(Boolean).join(" "), O = d && /* @__PURE__ */ s(i, {
+	].filter(Boolean).join(" "), A = d && /* @__PURE__ */ c(a, {
 		variant: "neutral",
 		className: "code-block__language",
 		children: d
-	}), k = f && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+	}), j = f && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(r, {
 		iconOnly: !0,
 		variant: "ghost",
 		size: "sm",
-		"aria-label": m,
-		onClick: C,
+		"aria-label": y("copy", m),
+		onClick: T,
 		className: "code-block__copy",
-		children: /* @__PURE__ */ s(e, {
-			name: S ? "check" : "copy",
+		children: /* @__PURE__ */ c(t, {
+			name: w ? "check" : "copy",
 			size: "sm"
 		})
-	}), /* @__PURE__ */ s(t, {
+	}), /* @__PURE__ */ c(n, {
 		role: "status",
-		children: S ? h : ""
-	})] }), A = /* @__PURE__ */ s("pre", {
+		children: w ? b("copied", h) : ""
+	})] }), M = /* @__PURE__ */ c("pre", {
 		className: "code-block__pre",
 		tabIndex: 0,
 		role: "region",
-		"aria-label": g(d),
-		children: /* @__PURE__ */ s("code", {
-			ref: y,
+		"aria-label": y("region", g)(d),
+		children: /* @__PURE__ */ c("code", {
+			ref: x,
 			className: "code-block__code",
 			children: u
 		})
 	});
-	return T ? /* @__PURE__ */ s("div", {
-		className: D,
+	return D ? /* @__PURE__ */ c("div", {
+		className: k,
 		...v,
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "code-block__row",
-			children: [A, E && /* @__PURE__ */ c("div", {
+			children: [M, O && /* @__PURE__ */ l("div", {
 				className: "code-block__controls",
-				children: [O, k]
+				children: [A, j]
 			})]
 		})
-	}) : /* @__PURE__ */ c("div", {
-		className: D,
+	}) : /* @__PURE__ */ l("div", {
+		className: k,
 		...v,
-		children: [E && /* @__PURE__ */ c("div", {
+		children: [O && /* @__PURE__ */ l("div", {
 			className: "code-block__header",
-			children: [O, k]
-		}), A]
+			children: [A, j]
+		}), M]
 	});
 }
 function d({ type: e, className: t, children: n, ...r }) {
-	return /* @__PURE__ */ s("span", {
+	return /* @__PURE__ */ c("span", {
 		className: [
 			"code-block__token",
 			`code-block__token--${e}`,

package/dist/context-menu.js

@@ -3,7 +3,7 @@ import { DotsButton as e } from "./dots-button.js";
 import { Menu as t } from "./menu.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/molecules/ContextMenu/ContextMenu.tsx
-function r({ items: r, renderLink: i, onOpenChange: a, side: o = "bottom", align: s = "end", minWidth: c, maxWidth: l, triggerSize: u = "md", triggerOrientation: d = "horizontal", label: f = "Más opciones" }) {
+function r({ items: r, renderLink: i, onOpenChange: a, side: o = "bottom", align: s = "end", minWidth: c, maxWidth: l, triggerSize: u = "md", triggerOrientation: d = "horizontal", label: f }) {
 	return /* @__PURE__ */ n(t, {
 		items: r,
 		renderLink: i,

package/dist/copy-button.js

@@ -1,45 +1,46 @@
 'use client';
 import './copy-button.css';
-import { Icon as e } from "./icon.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Button as n } from "./button.js";
-import { n as r, t as i } from "./_shared/copy-to-clipboard.js";
-import { forwardRef as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+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 { n as i, t as a } from "./_shared/copy-to-clipboard.js";
+import { forwardRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/molecules/CopyButton/CopyButton.tsx
-var l = a(function({ value: a, children: l, label: u = "Copiar", copiedLabel: d = "Copiado", errorLabel: f = "No se pudo copiar", variant: p = "ghost", size: m, feedbackDuration: h = i, onCopy: g, onCopyError: _, className: v, ...y }, b) {
-	let { status: x, copy: S } = r(h), C = async () => {
-		let e = await S(a);
-		e.ok ? g?.(e.text) : _?.(e.error);
-	}, w = x === "copied" ? d : x === "error" ? f : "", T = l == null ? null : x === "copied" ? d : x === "error" ? f : l;
-	return /* @__PURE__ */ c(o, { children: [l == null ? /* @__PURE__ */ s(n, {
-		...y,
-		ref: b,
-		variant: p,
-		...m ? { size: m } : {},
+var u = o(function({ value: o, children: u, label: d, copiedLabel: f, errorLabel: p, variant: m = "ghost", size: h, feedbackDuration: g = a, onCopy: _, onCopyError: v, className: y, ...b }, x) {
+	let S = e("copy"), { status: C, copy: w } = i(g), T = async () => {
+		let e = await w(o);
+		e.ok ? _?.(e.text) : v?.(e.error);
+	}, E = C === "copied" ? S("copied", f) : C === "error" ? S("error", p) : "", D = u == null ? null : C === "copied" ? S("copied", f) : C === "error" ? S("error", p) : u;
+	return /* @__PURE__ */ l(s, { children: [u == null ? /* @__PURE__ */ c(r, {
+		...b,
+		ref: x,
+		variant: m,
+		...h ? { size: h } : {},
 		iconOnly: !0,
-		"aria-label": u,
-		onClick: C,
-		className: ["copy-button", v].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ s(e, {
-			name: x === "copied" ? "check" : "copy",
+		"aria-label": S("label", d),
+		onClick: T,
+		className: ["copy-button", y].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ c(t, {
+			name: C === "copied" ? "check" : "copy",
 			size: "sm"
 		})
-	}) : /* @__PURE__ */ c(n, {
-		...y,
-		ref: b,
-		variant: p,
-		...m ? { size: m } : {},
-		onClick: C,
-		className: ["copy-button", v].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ s(e, {
-			name: x === "copied" ? "check" : "copy",
+	}) : /* @__PURE__ */ l(r, {
+		...b,
+		ref: x,
+		variant: m,
+		...h ? { size: h } : {},
+		onClick: T,
+		className: ["copy-button", y].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ c(t, {
+			name: C === "copied" ? "check" : "copy",
 			size: "sm"
-		}), T]
-	}), /* @__PURE__ */ s(t, {
+		}), D]
+	}), /* @__PURE__ */ c(n, {
 		role: "status",
-		children: w
+		children: E
 	})] });
 });
 //#endregion
-export { l as CopyButton };
+export { u as CopyButton };

package/dist/copyable-value.js

@@ -1,100 +1,101 @@
 'use client';
 import './copyable-value.css';
-import { Icon as e } from "./icon.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Button as n } from "./button.js";
-import { n as r } from "./_shared/copy-to-clipboard.js";
-import { forwardRef as i, isValidElement as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+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 { n as i } from "./_shared/copy-to-clipboard.js";
+import { forwardRef as a, isValidElement as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/atoms/CopyableValue/CopyableValue.tsx
-var l = 6, u = 12, d = new Set([
+var u = 6, d = 12, f = new Set([
 	"/",
 	"-",
 	"_",
 	"."
 ]);
-function f(e) {
-	if (e.length <= l) return {
+function p(e) {
+	if (e.length <= u) return {
 		head: "",
 		tail: e
 	};
-	let t = Math.max(0, e.length - u);
-	for (let n = e.length - 2; n >= t; n--) if (d.has(e[n])) return {
+	let t = Math.max(0, e.length - d);
+	for (let n = e.length - 2; n >= t; n--) if (f.has(e[n])) return {
 		head: e.slice(0, n),
 		tail: e.slice(n)
 	};
 	return {
-		head: e.slice(0, e.length - l),
-		tail: e.slice(e.length - l)
+		head: e.slice(0, e.length - u),
+		tail: e.slice(e.length - u)
 	};
 }
-function p(e) {
+function m(e) {
 	if (e == null || typeof e == "boolean") return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "number") return String(e);
 	if (Array.isArray(e)) {
 		let t = "";
 		for (let n of e) {
-			let e = p(n);
+			let e = m(n);
 			if (e === null) return null;
 			t += e;
 		}
 		return t;
 	}
-	return a(e) ? p(e.props.children) : null;
+	return o(e) ? m(e.props.children) : null;
 }
-var m = 24, h = i(function({ children: i, copyText: a, copyLabel: l = "Copiar", copiedLabel: u = "Copiado", className: d }, h) {
-	let { status: g, copy: _ } = r(), v = g === "copied", y = ["copyable-value", d].filter(Boolean).join(" "), b = typeof i == "string", x = b ? f(i) : null, S = b ? null : p(i), C = b ? i : S ?? "", w = !b && S !== null && !/\s/.test(S) && S.length <= m, T = /* @__PURE__ */ s(n, {
+var h = 24, g = a(function({ children: a, copyText: o, copyLabel: u, copiedLabel: d, className: f }, g) {
+	let _ = e("copy"), { status: v, copy: y } = i(), b = v === "copied", x = ["copyable-value", f].filter(Boolean).join(" "), S = typeof a == "string", C = S ? p(a) : null, w = S ? null : m(a), T = S ? a : w ?? "", E = !S && w !== null && !/\s/.test(w) && w.length <= h, D = /* @__PURE__ */ c(r, {
 		iconOnly: !0,
 		variant: "ghost",
 		size: "sm",
-		"aria-label": l,
-		onClick: () => _(() => a ?? C),
+		"aria-label": _("label", u),
+		onClick: () => y(() => o ?? T),
 		className: "copyable-value__copy",
-		children: /* @__PURE__ */ s(e, {
-			name: v ? "check" : "copy",
+		children: /* @__PURE__ */ c(t, {
+			name: b ? "check" : "copy",
 			size: "sm"
 		})
-	}), E;
-	if (b) {
-		let { head: e, tail: t } = x;
-		E = /* @__PURE__ */ c("span", {
+	}), O;
+	if (S) {
+		let { head: e, tail: t } = C;
+		O = /* @__PURE__ */ l("span", {
 			className: "copyable-value__value",
-			children: [e, /* @__PURE__ */ c("span", {
+			children: [e, /* @__PURE__ */ l("span", {
 				className: "copyable-value__tail",
 				children: [
 					t,
 					"⁠",
-					T
+					D
 				]
 			})]
 		});
-	} else E = w ? /* @__PURE__ */ c("span", {
+	} else O = E ? /* @__PURE__ */ l("span", {
 		className: "copyable-value__tail",
 		children: [
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				className: "copyable-value__value",
-				children: i
+				children: a
 			}),
 			"⁠",
-			T
+			D
 		]
-	}) : /* @__PURE__ */ c(o, { children: [
-		/* @__PURE__ */ s("span", {
+	}) : /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c("span", {
 			className: "copyable-value__value",
-			children: i
+			children: a
 		}),
 		"⁠",
-		T
+		D
 	] });
-	return /* @__PURE__ */ c("span", {
-		ref: h,
-		className: y,
-		children: [E, /* @__PURE__ */ s(t, {
+	return /* @__PURE__ */ l("span", {
+		ref: g,
+		className: x,
+		children: [O, /* @__PURE__ */ c(n, {
 			role: "status",
-			children: v ? u : ""
+			children: b ? _("copied", d) : ""
 		})]
 	});
 });
 //#endregion
-export { h as CopyableValue };
+export { g as CopyableValue };

package/dist/description-list.js

@@ -18,7 +18,7 @@ var r = t(function({ className: e, children: t, ...r }, i) {
 		...i,
 		children: r
 	});
-}), a = t(function({ as: t = "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, copiedLabel: c, ...l }, u) {
 	let d = [
 		"description-list__details",
 		a ? "description-list__details--copyable" : "",

package/dist/dots-button.js

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

package/dist/language-switcher.js

@@ -1,77 +1,79 @@
 'use client';
 import './language-switcher.css';
-import { DropdownField as e } from "./dropdown-field.js";
-import { jsx as t } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { DropdownField as t } from "./dropdown-field.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/molecules/LanguageSwitcher/LanguageSwitcher.tsx
-function n({ href: e, lang: n, children: r, className: i, "aria-current": a }) {
-	return /* @__PURE__ */ t("a", {
+function r({ href: e, lang: t, children: r, className: i, "aria-current": a }) {
+	return /* @__PURE__ */ n("a", {
 		href: e,
-		lang: n,
+		lang: t,
 		className: i,
 		"aria-current": a,
 		children: r
 	});
 }
-function r({ languages: r, value: i, onChange: a, label: o = "Idioma", id: s = "language-switcher", labelHidden: c, variant: l = "compact", layout: u = "inline", size: d = "md", hrefFor: f, renderLink: p = n, className: m }) {
-	if (l === "list") return /* @__PURE__ */ t("nav", {
+function i({ languages: i, value: a, onChange: o, label: s, id: c = "language-switcher", labelHidden: l, variant: u = "compact", layout: d = "inline", size: f = "md", hrefFor: p, renderLink: m = r, className: h }) {
+	let g = e("languageSwitcher")("label", s);
+	if (u === "list") return /* @__PURE__ */ n("nav", {
 		className: [
 			"language-switcher",
 			"language-switcher--list",
-			m
+			h
 		].filter(Boolean).join(" "),
-		"aria-label": o,
-		children: /* @__PURE__ */ t("ul", {
+		"aria-label": g,
+		children: /* @__PURE__ */ n("ul", {
 			className: "language-switcher__list",
-			children: r.map(({ code: e, label: n }) => {
-				let r = e === i, o = ["language-switcher__option", r ? "language-switcher__option--current" : ""].filter(Boolean).join(" ");
-				return /* @__PURE__ */ t("li", { children: r ? /* @__PURE__ */ t("span", {
+			children: i.map(({ code: e, label: t }) => {
+				let r = e === a, i = ["language-switcher__option", r ? "language-switcher__option--current" : ""].filter(Boolean).join(" ");
+				return /* @__PURE__ */ n("li", { children: r ? /* @__PURE__ */ n("span", {
 					lang: e,
-					className: o,
+					className: i,
 					"aria-current": "true",
-					children: n
-				}) : f ? p({
-					href: f(e),
+					children: t
+				}) : p ? m({
+					href: p(e),
 					lang: e,
-					className: o,
-					children: n
-				}) : /* @__PURE__ */ t("button", {
+					className: i,
+					children: t
+				}) : /* @__PURE__ */ n("button", {
 					type: "button",
 					lang: e,
-					className: o,
-					onClick: () => a?.(e),
-					children: n
+					className: i,
+					onClick: () => o?.(e),
+					children: t
 				}) }, e);
 			})
 		})
 	});
-	let h = [
+	let _ = [
 		"language-switcher",
 		"language-switcher--compact",
-		m
+		h
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(e, {
-		id: s,
-		label: o,
-		labelHidden: c,
-		inline: u === "inline",
-		size: d,
+	return /* @__PURE__ */ n(t, {
+		id: c,
+		label: g,
+		labelHidden: l,
+		inline: d === "inline",
+		size: f,
 		align: "end",
-		className: h,
-		value: i,
-		onValueChange: (e) => a?.(e),
-		items: r.map(({ code: e, label: n }) => ({
+		className: _,
+		value: a,
+		onValueChange: (e) => o?.(e),
+		items: i.map(({ code: e, label: t }) => ({
 			type: "radio",
 			value: e,
-			label: /* @__PURE__ */ t("span", {
+			label: /* @__PURE__ */ n("span", {
 				lang: e,
-				children: n
+				children: t
 			})
 		})),
-		children: /* @__PURE__ */ t("span", {
-			lang: i,
-			children: r.find((e) => e.code === i)?.label ?? i
+		children: /* @__PURE__ */ n("span", {
+			lang: a,
+			children: i.find((e) => e.code === a)?.label ?? a
 		})
 	});
 }
 //#endregion
-export { r as LanguageSwitcher };
+export { i as LanguageSwitcher };

package/dist/legal-footer.js

@@ -1,34 +1,37 @@
+'use client';
 import './legal-footer.css';
-import { Container as e } from "./container.js";
-import { Heading as t } from "./heading.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Container as t } from "./container.js";
+import { Heading as n } from "./heading.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/sections/LegalFooter/LegalFooter.tsx
-function i({ children: e, ...t }) {
-	return /* @__PURE__ */ n("a", {
+function a({ children: e, ...t }) {
+	return /* @__PURE__ */ r("a", {
 		...t,
 		children: e
 	});
 }
-function a({ label: a = "Legal", title: o, links: s, renderLink: c = i, width: l = "xl", surface: u, className: d }) {
-	return /* @__PURE__ */ n("footer", {
+function o({ label: o, title: s, links: c, renderLink: l = a, width: u = "xl", surface: d, className: f }) {
+	let p = e("legalFooter");
+	return /* @__PURE__ */ r("footer", {
 		className: [
 			"legal-footer",
-			u === "dark" && "surface-dark",
-			d
+			d === "dark" && "surface-dark",
+			f
 		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ r(e, {
-			width: l,
+		children: /* @__PURE__ */ i(t, {
+			width: u,
 			innerClassName: "legal-footer__inner",
-			children: [o && /* @__PURE__ */ n(t, {
+			children: [s && /* @__PURE__ */ r(n, {
 				level: 2,
 				size: 6,
 				className: "legal-footer__title",
-				children: o
-			}), /* @__PURE__ */ n("nav", {
-				"aria-label": a,
-				children: /* @__PURE__ */ n("ul", {
+				children: s
+			}), /* @__PURE__ */ r("nav", {
+				"aria-label": p("label", o),
+				children: /* @__PURE__ */ r("ul", {
 					className: "legal-footer__links",
-					children: s.map((e) => /* @__PURE__ */ n("li", { children: c({
+					children: c.map((e) => /* @__PURE__ */ r("li", { children: l({
 						href: e.href,
 						className: "legal-footer__link link--ink",
 						children: e.label
@@ -39,4 +42,4 @@ function a({ label: a = "Legal", title: o, links: s, renderLink: c = i, width: l
 	});
 }
 //#endregion
-export { a as LegalFooter };
+export { o as LegalFooter };

package/dist/link.css

@@ -1 +1 @@
-:where(button.link){appearance:none;font:inherit;text-align:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}a:where(:not(.button)),:where(.link){color:var(--link-color);box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;cursor:var(--link-cursor);padding-block-end:var(--link-underline-offset);text-decoration:none}a:where(:not(.button)):hover,:where(.link):hover{color:var(--link-hover-color);box-shadow:inset 0 calc(-1 * var(--link-hover-underline-width)) 0 0 currentColor}a:focus-visible,:where(.link):focus-visible{outline:var(--link-focus-ring-width) solid var(--link-focus-ring-color);outline-offset:var(--link-focus-ring-offset)}.link--with-icon{align-items:center;gap:var(--link-icon-gap);display:inline-flex}.link__icon{flex-shrink:0}.link--ink{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.link--ink:hover{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.link--accent-1{color:var(--link-accent-1-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-underline-width)) 0 0 currentColor}.link--accent-1:hover{color:var(--link-accent-1-hover-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-hover-underline-width)) 0 0 currentColor}
+:where(button.link){appearance:none;font:inherit;text-align:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}a:where(:not(.button)),:where(.link){color:var(--link-color);box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;cursor:var(--link-cursor);inline-size:fit-content;padding-block-end:var(--link-underline-offset);text-decoration:none}a:where(:not(.button)):hover,:where(.link):hover{color:var(--link-hover-color);box-shadow:inset 0 calc(-1 * var(--link-hover-underline-width)) 0 0 currentColor}a:focus-visible,:where(.link):focus-visible{outline:var(--link-focus-ring-width) solid var(--link-focus-ring-color);outline-offset:var(--link-focus-ring-offset)}.link--with-icon{align-items:center;gap:var(--link-icon-gap);display:inline-flex}.link__icon{flex-shrink:0}.link--ink{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.link--ink:hover{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.link--accent-1{color:var(--link-accent-1-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-underline-width)) 0 0 currentColor}.link--accent-1:hover{color:var(--link-accent-1-hover-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-hover-underline-width)) 0 0 currentColor}