@studiolxd/brand 38.12.4

package/dist/email.js

@@ -0,0 +1,440 @@
+import { EMAIL_FONT_FILENAME as e, EMAIL_LOGO_FILENAME as t, emailLogoWidthFor as n } from "./brand-assets.js";
+import { Body as r, Button as i, Container as a, Font as o, Head as s, Heading as c, Hr as l, Html as u, Img as d, Link as f, Preview as p, Section as m, Text as h } from "react-email";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/stories/email/emailTokens.ts
+var y = {
+	"--email-max-width": "600px",
+	"--email-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
+	"--email-font-size": "20px",
+	"--email-font-weight": "300",
+	"--email-font-weight-range": "1 1000",
+	"--email-line-height": "1.5",
+	"--email-border-width": "1px",
+	"--email-canvas-padding-block": "24px",
+	"--email-canvas-padding-inline": "12px",
+	"--email-padding-block": "24px",
+	"--email-padding-inline": "24px",
+	"--email-brand-padding-block": "16px",
+	"--email-brand-padding-inline": "16px",
+	"--email-opt-out-margin-block-start": "16px",
+	"--email-heading-font-size": "32px",
+	"--email-heading-font-weight": "500",
+	"--email-heading-line-height": "1.1",
+	"--email-heading-margin-block-end": "12px",
+	"--email-text-margin-block-end": "16px",
+	"--email-note-font-size": "16px",
+	"--email-note-line-height": "1.65",
+	"--email-text-emphasis-font-weight": "500",
+	"--email-heading-2-font-size": "24px",
+	"--email-heading-2-font-weight": "500",
+	"--email-heading-2-line-height": "1.3",
+	"--email-heading-2-margin-block-start": "24px",
+	"--email-heading-2-margin-block-end": "12px",
+	"--email-heading-2-color": "#111e30",
+	"--email-list-margin-block-end": "16px",
+	"--email-list-padding-inline-start": "24px",
+	"--email-list-item-margin-block-end": "8px",
+	"--email-quote-border-width": "2px",
+	"--email-quote-border-color": "#4a4a4a",
+	"--email-quote-padding-inline-start": "12px",
+	"--email-quote-margin-block-end": "16px",
+	"--email-divider-width": "1px",
+	"--email-divider-color": "#d0d0d0",
+	"--email-divider-margin-block": "24px",
+	"--email-tag-font-size": "16px",
+	"--email-tag-font-weight": "500",
+	"--email-tag-border-radius": "9999px",
+	"--email-tag-padding-block": "4px",
+	"--email-tag-padding-inline": "12px",
+	"--email-tag-margin-block-end": "16px",
+	"--email-tone-success-bg": "#006616",
+	"--email-tone-success-color": "#ffffff",
+	"--email-tone-warning-bg": "#ffcd00",
+	"--email-tone-warning-color": "#111e30",
+	"--email-tone-error-bg": "#b30000",
+	"--email-tone-error-color": "#ffffff",
+	"--email-button-bg": "#baabff",
+	"--email-button-color": "#111e30",
+	"--email-button-hover-bg": "#ffcd00",
+	"--email-button-hover-color": "#111e30",
+	"--email-button-font-size": "20px",
+	"--email-button-font-weight": "300",
+	"--email-button-padding-block": "16px",
+	"--email-button-width": "100%",
+	"--email-button-fallback-margin-block-start": "12px",
+	"--email-button-margin-block-end": "24px",
+	"--email-logo-height": "85.33333333333333px",
+	"--email-logo-padding": "8px",
+	"--email-canvas-bg": "#ffffff",
+	"--email-bg": "#ffffff",
+	"--email-color": "#111e30",
+	"--email-muted-color": "#4a4a4a",
+	"--email-border-color": "#111e30"
+};
+//#endregion
+//#region src/stories/email/emailTheme.ts
+function b(e) {
+	return y[e];
+}
+function x(e) {
+	return `${-Number.parseFloat(b(e))}px`;
+}
+var S = {
+	canvas: b("--email-canvas-bg"),
+	background: b("--email-bg"),
+	text: b("--email-color"),
+	muted: b("--email-muted-color"),
+	border: b("--email-border-color")
+}, C = b("--email-font-family"), w = b("--email-font-weight-range"), T = b("--email-max-width"), E = Number.parseFloat(b("--email-logo-height")), D = Number.parseFloat(b("--email-logo-padding")), O = {
+	width: n(E) + D * 2,
+	height: Math.round(E + D * 2),
+	filename: t
+}, k = "https://slxd.app/brand/email", A = e, j = {
+	color: S.muted,
+	fontFamily: C,
+	fontWeight: Number(b("--email-font-weight")),
+	fontSize: b("--email-note-font-size"),
+	lineHeight: b("--email-note-line-height"),
+	margin: 0
+}, M = {
+	heading: {
+		color: S.text,
+		fontFamily: C,
+		fontSize: b("--email-heading-font-size"),
+		fontWeight: Number(b("--email-heading-font-weight")),
+		lineHeight: b("--email-heading-line-height"),
+		margin: `0 0 ${b("--email-heading-margin-block-end")}`
+	},
+	text: {
+		color: S.text,
+		fontFamily: C,
+		fontWeight: Number(b("--email-font-weight")),
+		fontSize: b("--email-font-size"),
+		lineHeight: b("--email-line-height"),
+		margin: `0 0 ${b("--email-text-margin-block-end")}`
+	},
+	textEmphasis: { fontWeight: Number(b("--email-text-emphasis-font-weight")) },
+	muted: j,
+	footnote: {
+		color: S.text,
+		fontFamily: C,
+		fontWeight: Number(b("--email-font-weight")),
+		fontSize: b("--email-note-font-size"),
+		lineHeight: b("--email-note-line-height"),
+		margin: 0
+	},
+	button: {
+		backgroundColor: b("--email-button-bg"),
+		color: b("--email-button-color"),
+		display: "block",
+		width: b("--email-button-width"),
+		textAlign: "center",
+		fontFamily: C,
+		fontSize: b("--email-button-font-size"),
+		fontWeight: Number(b("--email-button-font-weight")),
+		padding: `${b("--email-button-padding-block")} 0`,
+		textDecoration: "none",
+		marginBottom: b("--email-button-margin-block-end")
+	},
+	buttonFallback: {
+		...j,
+		margin: `${b("--email-button-fallback-margin-block-start")} 0 ${b("--email-button-margin-block-end")}`
+	},
+	buttonFallbackUrl: {
+		color: S.text,
+		wordBreak: "break-all",
+		wordWrap: "break-word"
+	},
+	link: {
+		color: S.text,
+		fontFamily: C,
+		fontWeight: Number(b("--email-font-weight")),
+		textDecoration: "underline"
+	},
+	heading2: {
+		color: b("--email-heading-2-color"),
+		fontFamily: C,
+		fontSize: b("--email-heading-2-font-size"),
+		fontWeight: Number(b("--email-heading-2-font-weight")),
+		lineHeight: b("--email-heading-2-line-height"),
+		margin: `${b("--email-heading-2-margin-block-start")} 0 ${b("--email-heading-2-margin-block-end")}`
+	},
+	list: {
+		color: S.text,
+		fontFamily: C,
+		fontSize: b("--email-font-size"),
+		fontWeight: Number(b("--email-font-weight")),
+		lineHeight: b("--email-line-height"),
+		margin: `0 0 ${b("--email-list-margin-block-end")}`,
+		paddingLeft: b("--email-list-padding-inline-start")
+	},
+	listItem: { margin: `0 0 ${b("--email-list-item-margin-block-end")}` },
+	quote: {
+		borderLeft: `${b("--email-quote-border-width")} solid ${b("--email-quote-border-color")}`,
+		margin: `0 0 ${b("--email-quote-margin-block-end")}`,
+		paddingLeft: b("--email-quote-padding-inline-start")
+	},
+	tag: {
+		borderRadius: b("--email-tag-border-radius"),
+		display: "inline-block",
+		fontFamily: C,
+		fontSize: b("--email-tag-font-size"),
+		fontWeight: Number(b("--email-tag-font-weight")),
+		padding: `${b("--email-tag-padding-block")} ${b("--email-tag-padding-inline")}`
+	},
+	divider: {
+		border: 0,
+		borderTop: `${b("--email-divider-width")} solid ${b("--email-divider-color")}`,
+		margin: `${b("--email-divider-margin-block")} 0`,
+		width: "100%"
+	}
+}, N = {
+	success: {
+		backgroundColor: b("--email-tone-success-bg"),
+		color: b("--email-tone-success-color")
+	},
+	warning: {
+		backgroundColor: b("--email-tone-warning-bg"),
+		color: b("--email-tone-warning-color")
+	},
+	error: {
+		backgroundColor: b("--email-tone-error-bg"),
+		color: b("--email-tone-error-color")
+	}
+}, P = "email-button", F = `
+  a:hover { text-decoration: none !important; }
+  a.${P}:hover {
+    background-color: ${b("--email-button-hover-bg")} !important;
+    color: ${b("--email-button-hover-color")} !important;
+  }
+`;
+//#endregion
+//#region src/stories/email/EmailLayout.tsx
+function I(e) {
+	if (e.reasonLabel !== void 0) return /* @__PURE__ */ v(h, {
+		style: M.footnote,
+		children: [
+			e.reasonLabel,
+			" ",
+			/* @__PURE__ */ _(f, {
+				href: e.unsubscribeUrl,
+				style: M.link,
+				children: e.unsubscribeLabel
+			})
+		]
+	});
+	let { unsubscribeUrl: t, preferencesUrl: n, manageLabel: r = "Para dejar de recibir estos avisos,", unsubscribeLabel: i = n ? "Darse de baja" : "date de baja", manageBeforeLabel: a = " o ", managePreferencesLabel: o = "gestiona tus preferencias", manageAfterLabel: s = "." } = e, c = /* @__PURE__ */ _(f, {
+		href: t,
+		style: M.link,
+		children: i
+	});
+	return n ? /* @__PURE__ */ v(h, {
+		style: M.footnote,
+		children: [
+			c,
+			a,
+			/* @__PURE__ */ _(f, {
+				href: n,
+				style: M.link,
+				children: o
+			}),
+			s
+		]
+	}) : /* @__PURE__ */ v(h, {
+		style: M.footnote,
+		children: [
+			r,
+			" ",
+			c
+		]
+	});
+}
+function L({ preview: e, appName: t, locale: n = "es", assetsBaseUrl: i = k, logoAlt: c, optOut: l, children: f }) {
+	let h = i.replace(/\/$/, "");
+	return /* @__PURE__ */ v(u, {
+		lang: n,
+		children: [
+			/* @__PURE__ */ v(s, { children: [/* @__PURE__ */ _(o, {
+				fontFamily: "Google Sans Flex",
+				fallbackFontFamily: "sans-serif",
+				webFont: {
+					url: `${h}/${A}`,
+					format: "woff2"
+				},
+				fontWeight: w,
+				fontStyle: "normal"
+			}), /* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: F } })] }),
+			/* @__PURE__ */ _(p, { children: e }),
+			/* @__PURE__ */ _(r, {
+				style: {
+					backgroundColor: S.canvas,
+					color: S.text,
+					fontFamily: M.text.fontFamily,
+					fontSize: M.text.fontSize,
+					fontWeight: M.text.fontWeight,
+					lineHeight: M.text.lineHeight,
+					margin: 0,
+					padding: 0
+				},
+				children: /* @__PURE__ */ v(m, {
+					style: {
+						backgroundColor: S.canvas,
+						padding: `${b("--email-canvas-padding-block")} ${b("--email-canvas-padding-inline")}`,
+						width: "100%"
+					},
+					children: [
+						/* @__PURE__ */ _(a, {
+							style: {
+								backgroundColor: S.background,
+								margin: "0 auto",
+								maxWidth: T,
+								padding: 0
+							},
+							children: /* @__PURE__ */ _(d, {
+								src: `${h}/${O.filename}`,
+								alt: c ?? t,
+								width: O.width,
+								height: O.height,
+								style: {
+									border: 0,
+									display: "block",
+									marginBottom: b("--email-brand-padding-block"),
+									marginLeft: x("--email-brand-padding-inline")
+								}
+							})
+						}),
+						/* @__PURE__ */ _(a, {
+							style: {
+								backgroundColor: S.background,
+								border: `${b("--email-border-width")} solid ${S.border}`,
+								borderRadius: 0,
+								margin: "0 auto",
+								maxWidth: T,
+								padding: `${b("--email-padding-block")} ${b("--email-padding-inline")}`
+							},
+							children: /* @__PURE__ */ _(m, { children: f })
+						}),
+						l && /* @__PURE__ */ _(a, {
+							style: {
+								backgroundColor: S.canvas,
+								margin: "0 auto",
+								maxWidth: T,
+								padding: `${b("--email-opt-out-margin-block-start")} 0 0`
+							},
+							children: /* @__PURE__ */ _(I, { ...l })
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/stories/email/EmailPrimitives.tsx
+function R({ children: e, level: t = 1, style: n }) {
+	let r = t === 1 ? M.heading : M.heading2;
+	return /* @__PURE__ */ _(c, {
+		as: `h${t}`,
+		style: {
+			...r,
+			...n
+		},
+		children: e
+	});
+}
+function z({ children: e, emphasis: t = !1, style: n }) {
+	return /* @__PURE__ */ _(h, {
+		style: {
+			...M.text,
+			...t && M.textEmphasis,
+			...n
+		},
+		children: e
+	});
+}
+function B({ children: e, ordered: t = !1, style: n }) {
+	return /* @__PURE__ */ _(t ? "ol" : "ul", {
+		style: {
+			...M.list,
+			...n
+		},
+		children: e
+	});
+}
+function V({ children: e, style: t }) {
+	return /* @__PURE__ */ _("li", {
+		style: {
+			...M.listItem,
+			...t
+		},
+		children: e
+	});
+}
+function H({ children: e, style: t }) {
+	return /* @__PURE__ */ _(m, {
+		style: {
+			...M.quote,
+			...t
+		},
+		children: e
+	});
+}
+function U({ children: e, tone: t, style: n }) {
+	return /* @__PURE__ */ _("span", {
+		style: {
+			...M.tag,
+			...N[t],
+			...n
+		},
+		children: e
+	});
+}
+function W({ style: e }) {
+	return /* @__PURE__ */ _(l, { style: {
+		...M.divider,
+		...e
+	} });
+}
+function G({ children: e, tone: t = "muted", style: n }) {
+	return /* @__PURE__ */ _(h, {
+		style: {
+			...t === "muted" ? M.muted : M.footnote,
+			...n
+		},
+		children: e
+	});
+}
+function K({ href: e, children: t, style: n }) {
+	return /* @__PURE__ */ _(f, {
+		href: e,
+		style: {
+			...M.link,
+			...n
+		},
+		children: t
+	});
+}
+function q({ href: e, children: t, fallbackLabel: n, style: r }) {
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(i, {
+		href: e,
+		className: P,
+		style: {
+			...M.button,
+			marginBottom: 0,
+			...r
+		},
+		children: t
+	}), /* @__PURE__ */ v(h, {
+		style: M.buttonFallback,
+		children: [
+			n,
+			/* @__PURE__ */ _("br", {}),
+			/* @__PURE__ */ _("span", {
+				style: M.buttonFallbackUrl,
+				children: e
+			})
+		]
+	})] });
+}
+//#endregion
+export { q as EmailButton, W as EmailDivider, R as EmailHeading, L as EmailLayout, K as EmailLink, B as EmailList, V as EmailListItem, G as EmailNote, H as EmailQuote, U as EmailTag, z as EmailText, k as emailAssetsBaseUrl, C as emailFontFamily, A as emailFontFilename, O as emailLogo, T as emailMaxWidth, S as emailPalette, F as emailStyleSheet, M as emailStyles, N as emailTones };

package/dist/empty-state.css

@@ -0,0 +1 @@
+.empty-state{align-items:center;gap:var(--empty-state-gap);padding-block:var(--empty-state-padding-block);padding-inline:var(--empty-state-padding-inline);text-align:center;flex-direction:column;display:flex}.empty-state__icon{width:var(--empty-state-icon-size);height:var(--empty-state-icon-size);color:var(--empty-state-icon-color);justify-content:center;align-items:center;display:flex}.empty-state__icon svg{width:100%;height:100%}.empty-state__body{gap:var(--empty-state-body-gap);flex-direction:column;display:flex}.empty-state__title{font-family:var(--empty-state-title-font-family);font-size:var(--empty-state-title-font-size);font-weight:var(--empty-state-title-font-weight);color:var(--empty-state-title-color);margin-block:0;margin-inline:0}.empty-state__description{font-family:var(--empty-state-description-font-family);font-size:var(--empty-state-description-font-size);color:var(--empty-state-description-color);margin-block:0;margin-inline:0}.empty-state.empty-state--sm .empty-state__icon{width:var(--empty-state-icon-size-sm);height:var(--empty-state-icon-size-sm)}.empty-state.empty-state--sm .empty-state__title{font-size:var(--empty-state-title-font-size-sm)}.empty-state.empty-state--sm .empty-state__description{font-size:var(--empty-state-description-font-size-sm)}

package/dist/empty-state.js

@@ -0,0 +1,39 @@
+import './empty-state.css';
+import { Button as e } from "./button.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/stories/molecules/EmptyState/EmptyState.tsx
+function r({ title: r, description: i, icon: a, action: o, size: s = "md", className: c, ...l }) {
+	return /* @__PURE__ */ n("div", {
+		className: [
+			"empty-state",
+			s === "sm" ? "empty-state--sm" : "",
+			c
+		].filter(Boolean).join(" "),
+		...l,
+		children: [
+			a && /* @__PURE__ */ t("div", {
+				className: "empty-state__icon",
+				children: a
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "empty-state__body",
+				children: [/* @__PURE__ */ t("p", {
+					className: "empty-state__title",
+					children: r
+				}), i && /* @__PURE__ */ t("p", {
+					className: "empty-state__description",
+					children: i
+				})]
+			}),
+			o && /* @__PURE__ */ t(e, {
+				variant: "outline",
+				size: s === "sm" ? "sm" : "md",
+				onClick: o.onClick,
+				href: o.href,
+				children: o.label
+			})
+		]
+	});
+}
+//#endregion
+export { r as EmptyState };

package/dist/error-boundary.js

@@ -0,0 +1,18 @@
+'use client';
+import { Component as e } from "react";
+//#region src/stories/atoms/ErrorBoundary/ErrorBoundary.tsx
+var t = class extends e {
+	state = { failed: !1 };
+	static getDerivedStateFromError() {
+		return { failed: !0 };
+	}
+	componentDidCatch(e, t) {
+		this.props.onError?.(e, t);
+	}
+	render() {
+		let { failed: e } = this.state, { children: t, fallback: n = null } = this.props;
+		return e ? n : t;
+	}
+};
+//#endregion
+export { t as ErrorBoundary };

package/dist/error-page.js

@@ -0,0 +1,28 @@
+'use client';
+import { Columns as e } from "./columns.js";
+import { Stack as t } from "./stack.js";
+import { Paragraph as n } from "./paragraph.js";
+import { PageIntro as r } from "./page-intro.js";
+import { PublicPageShell as i } from "./public-page-shell.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/stories/templates/ErrorPage/ErrorPage.tsx
+function s({ title: s, description: c, homeAction: l, retryDescription: u, retryAction: d, header: f, footer: p, id: m = "main-content", shell: h = !0 }) {
+	return /* @__PURE__ */ a(i, {
+		header: f,
+		footer: p,
+		id: m,
+		shell: h,
+		children: /* @__PURE__ */ o(e, {
+			className: "error-page__content",
+			children: [/* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(r, {
+				title: s,
+				description: c
+			}), l] }), /* @__PURE__ */ o(t, { children: [u && /* @__PURE__ */ a(n, {
+				size: "large",
+				children: u
+			}), d] })]
+		})
+	});
+}
+//#endregion
+export { s as ErrorPage };

package/dist/error-text.css

@@ -0,0 +1 @@
+.error-text{font-family:var(--form-error-font-family);font-size:var(--form-error-font-size);font-weight:var(--form-error-font-weight);line-height:var(--form-error-line-height);color:var(--form-error-color);margin:0}

package/dist/error-text.js

@@ -0,0 +1,15 @@
+import './error-text.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+//#region src/stories/atoms/ErrorText/ErrorText.tsx
+var n = t(function({ as: t = "p", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ e(t, {
+		ref: a,
+		role: "alert",
+		className: ["error-text", n].filter(Boolean).join(" "),
+		...i,
+		children: r
+	});
+});
+//#endregion
+export { n as ErrorText };

package/dist/field-row.css

@@ -0,0 +1 @@
+.field-rows{gap:var(--field-row-rows-stack-gap);flex-direction:column;display:flex}.field-rows__empty{font-size:var(--field-row-empty-font-size);line-height:var(--field-row-empty-line-height);color:var(--field-row-empty-color)}.field-row{align-items:flex-start;column-gap:var(--field-row-column-gap);row-gap:var(--field-row-row-gap);flex-wrap:wrap;display:flex}.field-row__cell{flex:100%;min-inline-size:0}.field-row__action{flex-direction:column;flex:none;margin-inline-start:auto;display:flex}.field-row__action-offset{display:none}@media (width>=768px){.field-rows{gap:var(--field-row-rows-gap)}.field-row{flex-wrap:nowrap}.field-row__cell--grow{flex:1 1 0}.field-row__cell--sm{flex:0 1 var(--field-row-cell-sm)}.field-row__cell--md{flex:0 1 var(--field-row-cell-md)}.field-row__cell--lg{flex:0 1 var(--field-row-cell-lg)}.field-row__cell--auto{flex:none}.field-row__action-offset{block-size:calc(var(--field-row-label-font-size) * var(--field-row-label-line-height) + var(--field-row-label-gap));display:block}}.field-row.field-row--sm{--field-row-label-font-size:var(--field-row-sm-label-font-size)}.field-row.field-row--lg{--field-row-label-font-size:var(--field-row-lg-label-font-size);--field-row-cell-sm:var(--field-row-lg-cell-sm);--field-row-cell-md:var(--field-row-lg-cell-md);--field-row-cell-lg:var(--field-row-lg-cell-lg)}

package/dist/field-row.js

@@ -0,0 +1,55 @@
+'use client';
+import './field-row.css';
+import { n as e } from "./_shared/form-size.js";
+import { t } from "./_shared/field-labels.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Children as i, createContext as a, isValidElement as o, useContext as s } from "react";
+//#region src/stories/molecules/FieldRow/FieldRow.tsx
+var c = a(void 0);
+function l({ labels: e = "first-row", empty: t, children: r, className: a, ...s }) {
+	let l = i.toArray(r), u = ["field-rows", a].filter(Boolean).join(" ");
+	return l.length === 0 && t ? /* @__PURE__ */ n("div", {
+		className: u,
+		...s,
+		children: /* @__PURE__ */ n("div", {
+			className: "field-rows__empty",
+			children: t
+		})
+	}) : /* @__PURE__ */ n("div", {
+		className: u,
+		...s,
+		children: l.map((t, r) => {
+			let i = e === "every-row" || r === 0, a = o(t) && t.key != null ? t.key : r;
+			return /* @__PURE__ */ n(c.Provider, {
+				value: { labelled: i },
+				children: t
+			}, a);
+		})
+	});
+}
+function u({ widths: a, action: o, labelled: l, size: u, children: d, className: f, ...p }) {
+	let m = e(u), h = s(c), g = l ?? h?.labelled ?? !0, _ = i.toArray(d), v = [
+		"field-row",
+		m === "md" ? "" : `field-row--${m}`,
+		f
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n(t.Provider, {
+		value: !g,
+		children: /* @__PURE__ */ r("div", {
+			className: v,
+			...p,
+			children: [_.map((e, t) => /* @__PURE__ */ n("div", {
+				className: `field-row__cell field-row__cell--${a?.[t] ?? (t === 0 ? "grow" : "md")}`,
+				children: e
+			}, t)), o && /* @__PURE__ */ r("div", {
+				className: "field-row__action",
+				children: [g && /* @__PURE__ */ n("span", {
+					className: "field-row__action-offset",
+					"aria-hidden": "true"
+				}), o]
+			})]
+		})
+	});
+}
+//#endregion
+export { u as FieldRow, l as FieldRows };

package/dist/fieldset.css

@@ -0,0 +1 @@
+.fieldset{border:none;min-inline-size:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fieldset__legend{width:100%;margin-block:0;margin-inline:0;padding-inline:0;display:block}.fieldset__legend.fieldset__legend--1{font-family:var(--text-h1-font-family);font-size:var(--text-h1-font-size);font-weight:var(--text-h1-font-weight);line-height:var(--text-h1-line-height);color:var(--text-h1-color);letter-spacing:var(--text-h1-letter-spacing)}.fieldset__legend.fieldset__legend--2{font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);font-weight:var(--text-h2-font-weight);line-height:var(--text-h2-line-height);color:var(--text-h2-color);letter-spacing:var(--text-h2-letter-spacing)}.fieldset__legend.fieldset__legend--3{font-family:var(--text-h3-font-family);font-size:var(--text-h3-font-size);font-weight:var(--text-h3-font-weight);line-height:var(--text-h3-line-height);color:var(--text-h3-color);letter-spacing:var(--text-h3-letter-spacing)}.fieldset__legend.fieldset__legend--4{font-family:var(--text-h4-font-family);font-size:var(--text-h4-font-size);font-weight:var(--text-h4-font-weight);line-height:var(--text-h4-line-height);color:var(--text-h4-color);letter-spacing:var(--text-h4-letter-spacing)}.fieldset__legend.fieldset__legend--5{font-family:var(--text-h5-font-family);font-size:var(--text-h5-font-size);font-weight:var(--text-h5-font-weight);line-height:var(--text-h5-line-height);color:var(--text-h5-color);letter-spacing:var(--text-h5-letter-spacing)}.fieldset__legend.fieldset__legend--6{font-family:var(--text-h6-font-family);font-size:var(--text-h6-font-size);font-weight:var(--text-h6-font-weight);line-height:var(--text-h6-line-height);color:var(--text-h6-color);letter-spacing:var(--text-h6-letter-spacing)}.fieldset__legend.fieldset__legend--size-1{font-size:var(--text-size-1)}.fieldset__legend.fieldset__legend--size-2{font-size:var(--text-size-2)}.fieldset__legend.fieldset__legend--size-3{font-size:var(--text-size-3)}.fieldset__legend.fieldset__legend--size-4{font-size:var(--text-size-4)}.fieldset__legend.fieldset__legend--size-5{font-size:var(--text-size-5)}.fieldset__legend.fieldset__legend--size-6{font-size:var(--text-size-6)}.fieldset__legend.fieldset__legend--size-7{font-size:var(--text-size-7)}.fieldset__legend.fieldset__legend--size-8{font-size:var(--text-size-8)}.fieldset__legend.fieldset__legend--size-9{font-size:var(--text-size-9)}.fieldset__legend.fieldset__legend--size-10{font-size:var(--text-size-10)}.fieldset__legend.fieldset__legend--thin{font-weight:var(--font-weight-thin)}.fieldset__legend.fieldset__legend--extralight{font-weight:var(--font-weight-extralight)}.fieldset__legend.fieldset__legend--light{font-weight:var(--font-weight-light)}.fieldset__legend.fieldset__legend--regular{font-weight:var(--font-weight-regular)}.fieldset__legend.fieldset__legend--medium{font-weight:var(--font-weight-medium)}.fieldset__legend.fieldset__legend--semibold{font-weight:var(--font-weight-semibold)}.fieldset__legend.fieldset__legend--bold{font-weight:var(--font-weight-bold)}.fieldset__legend.fieldset__legend--extrabold{font-weight:var(--font-weight-extrabold)}.fieldset__legend.fieldset__legend--black{font-weight:var(--font-weight-black)}

package/dist/fieldset.js

@@ -0,0 +1,22 @@
+import './fieldset.css';
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/stories/atoms/Fieldset/Fieldset.tsx
+function n({ legend: n, level: r = 2, weight: i, size: a, className: o, id: s, disabled: c, children: l }) {
+	let u = [
+		"fieldset__legend",
+		`fieldset__legend--${r}`,
+		i && `fieldset__legend--${i}`,
+		a && `fieldset__legend--size-${a}`
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t("fieldset", {
+		className: ["fieldset", o].filter(Boolean).join(" "),
+		id: s,
+		disabled: c,
+		children: [/* @__PURE__ */ e("legend", {
+			className: u,
+			children: n
+		}), l]
+	});
+}
+//#endregion
+export { n as Fieldset };

package/dist/figure.css

@@ -0,0 +1 @@
+:root{--figure-ratio-1-1:1 / 1;--figure-ratio-4-3:4 / 3;--figure-ratio-3-2:3 / 2;--figure-ratio-16-9:16 / 9;--figure-ratio-21-9:21 / 9;--figure-caption-gap:var(--spacing-2);--figure-media-bg:var(--color-surface-secondary-on-light);--figure-caption-font-size:var(--text-paragraph-small-font-size);--figure-caption-line-height:var(--text-line-height);--figure-caption-color:var(--color-text-muted-on-light)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--figure-media-bg:var(--color-surface-secondary-on-dark);--figure-caption-color:var(--color-text-muted-on-dark)}.figure{gap:var(--figure-caption-gap);flex-direction:column;margin-block:0;margin-inline:0;display:flex}.figure__media{background-color:var(--figure-media-bg);display:block}.figure__img{block-size:auto;inline-size:100%;display:block}.figure__media--ratio-1-1,.figure__media--ratio-4-3,.figure__media--ratio-3-2,.figure__media--ratio-16-9,.figure__media--ratio-21-9{position:relative;overflow:hidden}.figure__media--ratio-1-1{aspect-ratio:var(--figure-ratio-1-1)}.figure__media--ratio-4-3{aspect-ratio:var(--figure-ratio-4-3)}.figure__media--ratio-3-2{aspect-ratio:var(--figure-ratio-3-2)}.figure__media--ratio-16-9{aspect-ratio:var(--figure-ratio-16-9)}.figure__media--ratio-21-9{aspect-ratio:var(--figure-ratio-21-9)}.figure__media--ratio-1-1 .figure__img,.figure__media--ratio-4-3 .figure__img,.figure__media--ratio-3-2 .figure__img,.figure__media--ratio-16-9 .figure__img,.figure__media--ratio-21-9 .figure__img{object-fit:cover;block-size:100%;inline-size:100%}.figure__media--contain .figure__img{object-fit:contain}.figure__caption{font-size:var(--figure-caption-font-size);line-height:var(--figure-caption-line-height);color:var(--figure-caption-color)}