@studiolxd/brand 49.28.0 → 51.0.0

package/dist/popover.js

@@ -1,34 +1,28 @@
 'use client';
 import './popover.css';
 import { n as e } from "./_shared/portal-container.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Popover as r } from "@base-ui/react/popover";
+import { t } from "./_shared/side-offset.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Popover as i } from "@base-ui/react/popover";
 //#region src/stories/atoms/Popover/Popover.tsx
-function i(e) {
-	let t = parseFloat(e);
-	return Number.isNaN(t) ? 0 : e.endsWith("rem") ? t * parseFloat(getComputedStyle(document.documentElement).fontSize) : t;
-}
-function a() {
-	let e = document.documentElement;
-	return i(getComputedStyle(e).getPropertyValue("--popover-offset").trim());
-}
-function o({ trigger: i, anchor: o, children: s, label: c, open: l, defaultOpen: u, onOpenChange: d, onPointerDownOutside: f, onFocusOutside: p, onEscapeKeyDown: m, side: h = "bottom", align: g = "start", sideOffset: _, initialFocus: v, container: y, className: b }) {
+var a = t("--popover-offset");
+function o({ trigger: t, anchor: o, children: s, label: c, open: l, defaultOpen: u, onOpenChange: d, onPointerDownOutside: f, onFocusOutside: p, onEscapeKeyDown: m, side: h = "bottom", align: g = "start", sideOffset: _, initialFocus: v, container: y, className: b }) {
 	let x = e(y);
-	return /* @__PURE__ */ n(r.Root, {
+	return /* @__PURE__ */ r(i.Root, {
 		open: l,
 		defaultOpen: u,
 		onOpenChange: (e, t) => {
 			e || (t.reason === "outside-press" ? f?.(t) : t.reason === "focus-out" ? p?.(t) : t.reason === "escape-key" && m?.(t)), d?.(e, t);
 		},
-		children: [i !== void 0 && /* @__PURE__ */ t(r.Trigger, { render: i }), /* @__PURE__ */ t(r.Portal, {
+		children: [t !== void 0 && /* @__PURE__ */ n(i.Trigger, { render: t }), /* @__PURE__ */ n(i.Portal, {
 			container: x,
-			children: /* @__PURE__ */ t(r.Positioner, {
+			children: /* @__PURE__ */ n(i.Positioner, {
 				className: "popover__positioner",
 				anchor: o,
 				side: h,
 				align: g,
 				sideOffset: _ ?? a,
-				children: /* @__PURE__ */ t(r.Popup, {
+				children: /* @__PURE__ */ n(i.Popup, {
 					"aria-label": c,
 					initialFocus: v,
 					className: ["popover", b].filter(Boolean).join(" "),

package/dist/prev-next-nav.js

@@ -1,84 +1,3 @@
 'use client';
-import './prev-next-nav.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Icon as t } from "./icon.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/stories/molecules/PrevNextNav/PrevNextNav.tsx
-function a({ href: e, onClick: a, label: o, title: s, disabled: c, direction: l, chevronSize: u, linkComponent: d }) {
-	let f = [
-		"prev-next-nav__btn",
-		`prev-next-nav__btn--${l}`,
-		s ? "prev-next-nav__btn--titled" : "",
-		c ? "prev-next-nav__btn--disabled" : ""
-	].filter(Boolean).join(" "), p = /* @__PURE__ */ r(t, {
-		name: "chevron",
-		size: u
-	}), m = s ? /* @__PURE__ */ i(n, { children: [p, /* @__PURE__ */ i("span", {
-		className: "prev-next-nav__text",
-		children: [/* @__PURE__ */ r("span", {
-			className: "prev-next-nav__eyebrow",
-			children: o
-		}), /* @__PURE__ */ r("span", {
-			className: "prev-next-nav__title",
-			children: s
-		})]
-	})] }) : p, h = s ? void 0 : o;
-	return c ? /* @__PURE__ */ r("button", {
-		type: "button",
-		className: f,
-		"aria-label": h,
-		disabled: !0,
-		children: m
-	}) : e ? /* @__PURE__ */ r(d ?? "a", {
-		href: e,
-		className: f,
-		"aria-label": h,
-		onClick: a,
-		children: m
-	}) : /* @__PURE__ */ r("button", {
-		type: "button",
-		className: f,
-		"aria-label": h,
-		onClick: a,
-		children: m
-	});
-}
-function o({ prevHref: t, nextHref: n, prevOnClick: o, nextOnClick: s, prevLabel: c, nextLabel: l, prevTitle: u, nextTitle: d, label: f, labelId: p, linkComponent: m, size: h = "md" }) {
-	let g = e("prevNextNav"), _ = h === "sm" ? "sm" : "md";
-	return /* @__PURE__ */ i("div", {
-		className: [
-			"prev-next-nav",
-			h === "sm" ? "prev-next-nav--sm" : "",
-			u !== void 0 || d !== void 0 ? "prev-next-nav--titled" : ""
-		].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ r(a, {
-				href: t,
-				onClick: o,
-				label: g("previous", c),
-				disabled: !t && !o,
-				direction: "prev",
-				title: u,
-				chevronSize: _,
-				linkComponent: m
-			}),
-			f !== void 0 && /* @__PURE__ */ r("strong", {
-				id: p,
-				className: "prev-next-nav__label",
-				children: f
-			}),
-			/* @__PURE__ */ r(a, {
-				href: n,
-				onClick: s,
-				label: g("next", l),
-				disabled: !n && !s,
-				direction: "next",
-				title: d,
-				chevronSize: _,
-				linkComponent: m
-			})
-		]
-	});
-}
-//#endregion
-export { o as PrevNextNav };
+import { t as e } from "./_shared/prevnextnav.js";
+export { e as PrevNextNav };

package/dist/prevnextnav.css

@@ -0,0 +1 @@
+:root{--prev-next-nav-font-family:var(--font-family-sans);--prev-next-nav-sm-font-size:var(--font-size-1);--prev-next-nav-gap:var(--spacing-3);--prev-next-nav-sm-gap:var(--spacing-2);--prev-next-nav-text-gap:var(--spacing-1);--prev-next-nav-transition-duration:var(--motion-duration-fast);--prev-next-nav-transition-easing:var(--motion-easing-default);--prev-next-nav-font-size:var(--text-font-size);--prev-next-nav-eyebrow-font-size:var(--text-paragraph-small-font-size);--prev-next-nav-eyebrow-color:var(--color-text-muted-on-light);--prev-next-nav-title-font-weight:var(--font-weight-emphasis);--prev-next-nav-title-color:var(--color-text-on-light);--prev-next-nav-title-hover-color:var(--color-primary);--prev-next-nav-label-font-weight:var(--font-weight-emphasis);--prev-next-nav-label-color:var(--color-text-on-light);--prev-next-nav-btn-color:var(--color-text-on-light);--prev-next-nav-btn-hover-color:var(--color-primary);--prev-next-nav-btn-disabled-color:var(--color-icon-secondary-on-light);--prev-next-nav-focus-ring-color:var(--color-primary);--prev-next-nav-focus-ring-radius:var(--border-radius-default);--prev-next-nav-focus-ring-width:var(--border-width-focus);--prev-next-nav-focus-ring-offset:var(--border-width-default)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--prev-next-nav-eyebrow-color:var(--color-text-muted-on-dark);--prev-next-nav-title-color:var(--color-text-on-dark);--prev-next-nav-title-hover-color:var(--color-accent-2);--prev-next-nav-label-color:var(--color-text-on-dark);--prev-next-nav-btn-color:var(--color-text-on-dark);--prev-next-nav-btn-hover-color:var(--color-accent-2);--prev-next-nav-btn-disabled-color:var(--color-text-muted-on-dark);--prev-next-nav-focus-ring-color:var(--color-text-on-dark)}.prev-next-nav{align-items:center;gap:var(--prev-next-nav-gap);display:flex}.prev-next-nav.prev-next-nav--sm{gap:var(--prev-next-nav-sm-gap)}.prev-next-nav__btn{color:var(--prev-next-nav-btn-color);cursor:pointer;transition:color var(--prev-next-nav-transition-duration) var(--prev-next-nav-transition-easing);background:0 0;border:none;align-items:center;padding-block:0;padding-inline:0;text-decoration:none;display:inline-flex}.prev-next-nav__btn:hover{color:var(--prev-next-nav-btn-hover-color)}.prev-next-nav__btn:focus-visible{outline:var(--prev-next-nav-focus-ring-width) solid var(--prev-next-nav-focus-ring-color);outline-offset:var(--prev-next-nav-focus-ring-offset);border-radius:var(--prev-next-nav-focus-ring-radius)}.prev-next-nav__btn--prev .icon{transform:rotate(180deg)}.prev-next-nav__btn--disabled{color:var(--prev-next-nav-btn-disabled-color);cursor:not-allowed}.prev-next-nav.prev-next-nav--titled{justify-content:space-between}.prev-next-nav__btn--titled{align-items:center;gap:var(--prev-next-nav-gap);text-align:start}.prev-next-nav__btn--titled.prev-next-nav__btn--next{text-align:end;flex-direction:row-reverse}.prev-next-nav__text{gap:var(--prev-next-nav-text-gap);flex-direction:column;display:flex}.prev-next-nav__eyebrow{font-family:var(--prev-next-nav-font-family);font-size:var(--prev-next-nav-eyebrow-font-size);color:var(--prev-next-nav-eyebrow-color)}.prev-next-nav__title{font-family:var(--prev-next-nav-font-family);font-size:var(--prev-next-nav-font-size);font-weight:var(--prev-next-nav-title-font-weight);color:var(--prev-next-nav-title-color);transition:color var(--prev-next-nav-transition-duration) var(--prev-next-nav-transition-easing)}.prev-next-nav__btn--titled:hover .prev-next-nav__title{color:var(--prev-next-nav-title-hover-color)}.prev-next-nav.prev-next-nav--sm .prev-next-nav__title{font-size:var(--prev-next-nav-sm-font-size)}.prev-next-nav__label{font-family:var(--prev-next-nav-font-family);font-size:var(--prev-next-nav-font-size);font-weight:var(--prev-next-nav-label-font-weight);color:var(--prev-next-nav-label-color)}.prev-next-nav.prev-next-nav--sm .prev-next-nav__label{font-size:var(--prev-next-nav-sm-font-size)}

package/dist/project-card.css

@@ -1 +1 @@
-.project-card{gap:var(--project-card-gap);align-content:start;display:grid;position:relative}.project-card__media{aspect-ratio:var(--project-card-media-aspect-ratio)}.project-card__media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.project-card__tags{gap:var(--project-card-tags-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.project-card .project-card__title,.project-card .project-card__description{margin:0}.project-card__link{color:inherit;box-shadow:none;padding-block-end:0;text-decoration:none}.project-card__link:after{content:"";position:absolute;inset:0}.project-card__link:hover{box-shadow:inset 0 calc(-1 * var(--project-card-title-hover-line-width)) 0 0 currentColor;padding-block-end:var(--project-card-title-hover-line-offset)}.project-card__link:focus-visible{outline:var(--project-card-focus-ring-width) solid var(--project-card-focus-ring-color);outline-offset:var(--project-card-focus-ring-offset)}
+.project-card{gap:var(--project-card-gap);align-content:start;display:grid;position:relative}.project-card__media{aspect-ratio:var(--project-card-media-aspect-ratio)}.project-card__media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.project-card__tags{gap:var(--project-card-tags-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.project-card .project-card__title,.project-card .project-card__description{margin:0}.project-card__link{color:inherit;padding-block-end:0;text-decoration:none}.project-card__link:after{content:"";position:absolute;inset:0}.project-card__link:hover{text-decoration-line:underline;text-decoration-thickness:var(--project-card-title-hover-line-width);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:under;text-underline-offset:calc(var(--project-card-title-hover-line-offset) - var(--project-card-title-hover-line-width));padding-block-end:var(--project-card-title-hover-line-offset)}.project-card__link:focus-visible{outline:var(--project-card-focus-ring-width) solid var(--project-card-focus-ring-color);outline-offset:var(--project-card-focus-ring-offset)}

package/dist/project-card.js

@@ -1,56 +1,65 @@
 'use client';
 import './project-card.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Heading as t } from "./heading.js";
-import { Paragraph as n } from "./paragraph.js";
-import { Tag as r } from "./tag.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useRender as o } from "@base-ui/react/use-render";
+import { n as e } from "./_shared/env.js";
+import { r as t } from "./_shared/brandmessagescontext.js";
+import { Heading as n } from "./heading.js";
+import { Paragraph as r } from "./paragraph.js";
+import { Tag as i } from "./tag.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useRender as s } from "@base-ui/react/use-render";
+//#region src/stories/messages/es/projectCard.ts
+var c = { tags: "Categorías" };
+//#endregion
 //#region src/stories/molecules/ProjectCard/ProjectCard.tsx
-function s({ title: s, description: c, media: l, tags: u, href: d, render: f, headingLevel: p = 3, headingSize: m = 5, tagsLabel: h, className: g, id: _ }) {
-	let v = e("projectCard"), y = o({
-		render: f,
-		enabled: f !== void 0,
+function l(t) {
+	t.variant !== void 0 && e("ProjectCard", "tags[].variant", "`tags[].tone`");
+	let n = t.tone ?? t.variant ?? "neutral";
+	return n === "danger" ? "error" : n;
+}
+function u({ title: e, description: u, media: d, tags: f, href: p, render: m, headingLevel: h = 3, headingSize: g = 5, tagsLabel: _, className: v, id: y }) {
+	let b = t("projectCard", c), x = s({
+		render: m,
+		enabled: m !== void 0,
 		props: {
 			className: "project-card__link",
-			children: s
+			children: e
 		}
-	}) ?? (d === void 0 ? s : /* @__PURE__ */ i("a", {
-		href: d,
+	}) ?? (p === void 0 ? e : /* @__PURE__ */ a("a", {
+		href: p,
 		className: "project-card__link",
-		children: s
+		children: e
 	}));
-	return /* @__PURE__ */ a("article", {
-		id: _,
-		className: ["project-card", g].filter(Boolean).join(" "),
+	return /* @__PURE__ */ o("article", {
+		id: y,
+		className: ["project-card", v].filter(Boolean).join(" "),
 		children: [
-			l && /* @__PURE__ */ i("div", {
+			d && /* @__PURE__ */ a("div", {
 				className: "project-card__media",
-				children: /* @__PURE__ */ i("img", {
-					src: l.src,
-					alt: l.alt
+				children: /* @__PURE__ */ a("img", {
+					src: d.src,
+					alt: d.alt
 				})
 			}),
-			u && u.length > 0 && /* @__PURE__ */ i("ul", {
+			f && f.length > 0 && /* @__PURE__ */ a("ul", {
 				className: "project-card__tags",
-				"aria-label": v("tags", h),
-				children: u.map((e) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, {
-					variant: e.variant ?? "neutral",
+				"aria-label": b("tags", _),
+				children: f.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(i, {
+					tone: l(e),
 					children: e.label
 				}) }, e.id ?? e.label))
 			}),
-			/* @__PURE__ */ i(t, {
-				level: p,
-				size: m,
+			/* @__PURE__ */ a(n, {
+				level: h,
+				size: g,
 				className: "project-card__title",
-				children: y
+				children: x
 			}),
-			c && /* @__PURE__ */ i(n, {
+			u && /* @__PURE__ */ a(r, {
 				className: "project-card__description",
-				children: c
+				children: u
 			})
 		]
 	});
 }
 //#endregion
-export { s as ProjectCard };
+export { u as ProjectCard };

package/dist/public-page-shell.js

@@ -1,39 +1,3 @@
 'use client';
-import './public-page-shell.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Container as t } from "./container.js";
-import { ErrorBoundary as n } from "./error-boundary.js";
-import { SiteShell as r } from "./site-shell.js";
-import { forwardRef as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/stories/templates/PublicPageShell/PublicPageShell.tsx
-var c = i(function({ children: i, header: c, footer: l, preferences: u, preferencesLabel: d, preferencesWidth: f = "xl", mainWidth: p = "xl", mainSpace: m = "xl", mainFlush: h = !1, id: g = "main-content", shell: _ = !0 }, v) {
-	let y = e("publicPageShell");
-	if (!_) return /* @__PURE__ */ o(a, { children: i });
-	let b = u && /* @__PURE__ */ o(t, {
-		as: "section",
-		width: f,
-		className: "public-page-shell__preferences",
-		"aria-label": y("preferences", d),
-		children: /* @__PURE__ */ o("div", {
-			className: "public-page-shell__preferences-row",
-			children: u
-		})
-	});
-	return /* @__PURE__ */ o(r, {
-		ref: v,
-		header: c && /* @__PURE__ */ o(n, { children: c }),
-		footer: (b || l) && /* @__PURE__ */ s(a, { children: [b && /* @__PURE__ */ o(n, { children: b }), l && /* @__PURE__ */ o(n, { children: l })] }),
-		children: /* @__PURE__ */ o(t, {
-			as: "main",
-			id: g,
-			tabIndex: -1,
-			width: p,
-			space: m,
-			flush: h,
-			children: i
-		})
-	});
-});
-//#endregion
-export { c as PublicPageShell };
+import { t as e } from "./_shared/publicpageshell.js";
+export { e as PublicPageShell };

package/dist/radio-field.js

@@ -3,46 +3,36 @@ import './radio-field.css';
 import { n as e } from "./_shared/form-size.js";
 import { n as t } from "./_shared/radiogroupcontext.js";
 import { Radio as n } from "./radio.js";
-import { ErrorText as r } from "./error-text.js";
-import { forwardRef as i, useId as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { n as r } from "./_shared/field-labels.js";
+import { a as i, n as a } from "./_shared/fieldshell.js";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/stories/molecules/RadioField/RadioField.tsx
-var c = i(function({ label: i, id: c, size: l, disabled: u, error: d = !1, errorMessage: f, helperText: p, className: m, ...h }, g) {
-	let _ = t(), v = e(l ?? _?.size), y = a(), b = c ?? y, x = f ? `${b}-error` : void 0, S = p ? `${b}-helper` : void 0, C = [x, S].filter(Boolean).join(" ") || void 0, w = d || !!f || (_?.error ?? !1), T = u ?? _?.disabled;
-	return /* @__PURE__ */ s("div", {
-		className: [
-			"radio-field",
-			v === "md" ? "" : `radio-field--${v}`,
-			T ? "radio-field--disabled" : "",
-			m
-		].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ s("label", {
-				className: "radio-field__control",
-				htmlFor: b,
-				children: [/* @__PURE__ */ o(n, {
-					ref: g,
-					...h,
-					id: b,
-					size: v,
-					disabled: T,
-					error: w,
-					"aria-describedby": C
-				}), /* @__PURE__ */ o("span", {
-					className: "radio-field__label",
-					children: i
-				})]
-			}),
-			f && /* @__PURE__ */ o(r, {
-				id: x,
-				children: f
-			}),
-			p && /* @__PURE__ */ o("span", {
-				id: S,
-				className: "radio-field__helper",
-				children: p
-			})
-		]
+var c = o(function({ label: o, labelHidden: c, id: l, size: u, disabled: d, error: f = !1, errorMessage: p, helperText: m, className: h, "aria-describedby": g, ..._ }, v) {
+	let y = t(), b = r(c), x = e(u ?? y?.size), S = i({
+		id: l,
+		error: f || (y?.error ?? !1),
+		errorMessage: p,
+		helperText: m,
+		describedBy: g
+	}), { id: C } = S, w = d ?? y?.disabled;
+	return /* @__PURE__ */ s(a, {
+		field: S,
+		block: "radio-field",
+		modifiers: [x !== "md" && `radio-field--${x}`, w && "radio-field--disabled"],
+		className: h,
+		layout: "inline",
+		label: o,
+		labelHidden: b,
+		children: /* @__PURE__ */ s(n, {
+			ref: v,
+			..._,
+			id: C,
+			size: x,
+			disabled: w,
+			error: S.hasError,
+			"aria-describedby": S.describedBy
+		})
 	});
 });
 //#endregion

package/dist/radio.css

@@ -1 +1 @@
-.radio{appearance:none;box-sizing:border-box;width:var(--radio-size);height:var(--radio-size);border-width:var(--radio-border-width);border-style:var(--radio-border-style);border-color:var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-bg);cursor:var(--radio-cursor);transition:border-color var(--radio-transition-duration) var(--radio-transition-easing);flex-shrink:0;place-content:center;display:grid;position:relative}.radio:after{content:"";inline-size:max(100%, var(--radio-target-size));block-size:max(100%, var(--radio-target-size));position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.radio:before{content:"";width:var(--radio-dot-size);height:var(--radio-dot-size);background-color:var(--radio-dot-color);transition:transform var(--radio-transition-duration) var(--radio-transition-easing);border-radius:50%;transform:scale(0)}.radio:checked:before{transform:scale(1)}.radio.radio--error{border-color:var(--radio-error-border-color)}.radio:focus-visible{outline:var(--radio-focus-ring-width) solid var(--radio-focus-ring-color);outline-offset:var(--radio-focus-ring-offset)}.radio:disabled{border-color:var(--radio-disabled-border-color);cursor:var(--radio-disabled-cursor);pointer-events:none}.radio:disabled:checked:before{background-color:var(--radio-disabled-dot-color)}.radio.radio--sm{--radio-size:var(--radio-sm-size);--radio-dot-size:var(--radio-sm-dot-size)}.radio.radio--lg{--radio-size:var(--radio-lg-size);--radio-dot-size:var(--radio-lg-dot-size)}
+.radio{appearance:none;box-sizing:border-box;inline-size:var(--radio-size);block-size:var(--radio-size);border-width:var(--radio-border-width);border-style:var(--radio-border-style);border-color:var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-bg);cursor:var(--radio-cursor);transition:border-color var(--radio-transition-duration) var(--radio-transition-easing);flex-shrink:0;place-content:center;display:grid;position:relative}.radio:after{content:"";inline-size:max(100%, var(--radio-target-size));block-size:max(100%, var(--radio-target-size));position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.radio:before{content:"";inline-size:var(--radio-dot-size);block-size:var(--radio-dot-size);background-color:var(--radio-dot-color);transition:transform var(--radio-transition-duration) var(--radio-transition-easing);border-radius:50%;transform:scale(0)}.radio:checked:before{transform:scale(1)}.radio.radio--error{border-color:var(--radio-error-border-color)}.radio:focus-visible{outline:var(--radio-focus-ring-width) solid var(--radio-focus-ring-color);outline-offset:var(--radio-focus-ring-offset)}.radio:disabled{border-color:var(--radio-disabled-border-color);cursor:var(--radio-disabled-cursor);pointer-events:none}.radio:disabled:checked:before{background-color:var(--radio-disabled-dot-color)}.radio.radio--sm{--radio-size:var(--radio-sm-size);--radio-dot-size:var(--radio-sm-dot-size)}.radio.radio--lg{--radio-size:var(--radio-lg-size);--radio-dot-size:var(--radio-lg-dot-size)}

package/dist/recurrence-field.css

@@ -1 +1 @@
-.recurrence-field{gap:var(--recurrence-field-gap);flex-direction:column;display:flex}.recurrence-field__row{gap:var(--recurrence-field-row-gap);flex-wrap:wrap;display:flex}.recurrence-field__interval{inline-size:var(--recurrence-field-interval-width);flex:none}.recurrence-field__end{flex:12rem;min-inline-size:0}.recurrence-field__weekdays-label{font-size:var(--recurrence-field-legend-font-size);font-weight:var(--recurrence-field-legend-font-weight);color:var(--recurrence-field-legend-color);margin-block-end:var(--recurrence-field-legend-margin-block-end);display:block}.recurrence-field__weekdays{gap:var(--recurrence-field-weekdays-gap);flex-wrap:wrap;display:flex}
+.recurrence-field{gap:var(--recurrence-field-gap);flex-direction:column;display:flex}.recurrence-field__row{gap:var(--recurrence-field-row-gap);flex-wrap:wrap;display:flex}.recurrence-field__interval{inline-size:var(--recurrence-field-interval-width);flex:none}.recurrence-field__end{flex:1 1 var(--recurrence-field-end-flex-basis);min-inline-size:0}.recurrence-field__weekdays-label{font-size:var(--recurrence-field-legend-font-size);font-weight:var(--recurrence-field-legend-font-weight);color:var(--recurrence-field-legend-color);margin-block-end:var(--recurrence-field-legend-margin-block-end);display:block}.recurrence-field__weekdays{gap:var(--recurrence-field-weekdays-gap);flex-wrap:wrap;display:flex}.recurrence-field__helper{font-family:var(--recurrence-field-helper-font-family);font-size:var(--recurrence-field-helper-font-size);font-weight:var(--recurrence-field-helper-font-weight);line-height:var(--recurrence-field-helper-line-height);color:var(--recurrence-field-helper-color)}